html,
        body,
        header,
        .jarallax {
          height: 100%;
		  direction: rtl;
		  right: 0 !important; left: auto !important;
		  font-family: 'JF Flat Regular', serif;
        }

        @media (min-width: 560px) and (max-width: 740px) {
          html,
          body,
          header,
          .jarallax {
            height: 500px;
					  
		  right: 0 !important; left: auto !important;
          }
        }

        @media (min-width: 800px) and (max-width: 850px) {
          html,
          body,
          header,
          .jarallax {
            height: 500px;
			
		  right: 0 !important; left: auto !important;
          }
        }

        @media (min-width: 800px) and (max-width: 850px) {
            .navbar:not(.top-nav-collapse) {
                background: #1C2A48!important;             			
            }
            .navbar {
              box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;

            }
			
        }
	
@media screen and (max-width:55em) {
	.navbar{ margin-right:0px!important}
	.testimonial-carousel {
		display: block;
		height:100%!important;		
	}
	.btn-floating{		
		margin-right:-2em;
		margin-left:-2em;

	}
	.scroll{height:10px!important}
	.smalllogo{height:40px!important;width:50px!important;margin:-20px!important; margin-left:0px!important;margin-top:-30px!important}
	.row2{
		width:100%;
	}

	.magazin{
		padding-right:0px !important;
		}
	.tc-hb{
		 padding:0px !important;
		}
		
	.modal-c-tabs .nav-link{
		margin:0px !important;
		padding:0px !important;
	}	
	.modal-c-tabs .nav-item{
			margin:0px !important;
			padding:0px !important;
	}
	.modal-c-tabs .nav-tabs{margin:0px !important; padding:0px !important;}
	.h-n-slider, .h-n-slider a{margin-top:0px!important;padding-top:0px!important; font-size:15px!important;}
	.title1{padding-top:9% !important;}
	.responstable2 td , tr, th, a{line-height:20px!important; }
	.responstable2 .mytd{padding:15px!important; }
	.responstable2 td ,th{font-size:12px!important;}
	.bossblock .card{ margin-right: 20px !important;margin-left:20px!important;}
    .display-3 {font-size:35px!important;}
	.subtext-header{font-size:20px!important;padding-left:30px!important;margin-top:-10px!important;}
	.HBS{margin-top:0PX!important;margin-right:-12px;}
	.w-100-hb2{width:100%!important;height:180px;}
	.about-hb{padding-left:20px!important;}
	.tc-hb {padding-left:20px!important;}
	.tc-hb .text-center  {font-size:1.85em!important;}
	.iconnav1{margin-bottom:0px!important;}
	.iconnav2{margin-top:0px!important;}
	.rlhb{padding-left:10px!important;padding-right:10px!important;margin-top:-30px!important;}
	.szhb{height:14em!important;overflow-y: auto!important;margin-right:-10px!important;}
	.immob{height:14em!important;width:100%!important;}	
	.testimonialhb{padding:3px!important;}
	.carousel-example-1z p {font-size:12px!important}
	.carousel-example-1z h5 {font-size:14px!important}
	.myimg{width:300px!important; height:300px!important;}
	.hnn{margin-left:-10px!important;font-size:40px!important;background:#1C2331;}
	.hnp{margin-right:-40px!important;font-size:40px!important;background:#1C2331;}
	.nav-item a{font-size:10px!important;}
	.page-footer .card-wrapper{height:1450px!important;}
	.fbcard p{font-size:18px;text-indent: 0px!important;}
}
.darkgrey-text  { text-align:center!important;}
.card-body a strong {color:#311b92 ; font-size:18px}
.carousel-control-prev, .carousel-control-next{width:20px}
.hnn{font-size:50px;color:#fff!important;margin-left:-100px;}
.hnp{font-size:50px;color:#fff!important;margin-right:-100px;}
.HBS{margin-top:-20px;background: #b3ffff; background-size: cover; background-position: center center;}
	.responstable2 .mytd {padding:22px }
.title1{padding-top:5%;}
.bgcolor { background:#bbdefb  ;color:#1C2331;margin-top:20px;margin-left:7%; margin-right:7%}
.h-n-slider{font-size:20px;}
.h-n-slider  a{color:#b71c1c; text-decoration:underline;font-size:20px;}
.marqueimg{padding:5px;}
.rgba-stylish-strong-hb {background-color:rgba(62, 69, 81, 0.4)}
.ftext {text-align:center; color:#fff5ee;padding:20px;}
.fa , .fab , .fas{color:#004d1a}
.text-center { color:#41547c;font-family: 'AraJozoor-Regular', Tahoma, serif; }
.hright{margin-right:-50px;}
.understracture {background: #292F34 url(../img/f.jpg) fixed; background-size: cover; background-position: center center;}
.understracture  h2{color: #fff; font-size : 70px; }
.understracture a{text-decoration:underline; font-size : 50px; }
.hbottom{margin-bottom:-50px;font-family: 'JF Flat Regular', Tahoma, serif;font-size:14px}
.iconnav1{margin-right:10px;margin-bottom:40px;}
.iconnav1, .iconnav2 {color:#fff;font-size:18px;padding-left:5px!important;}
.iconnav2{margin-right:-25px;margin-left: 10px;margin-top:30px;}
.ar ,.en {font-family: 'JF Flat Regular', Tahoma, serif!important;font-size:15px;}
.en {margin-right:-33px!important;}
.ar {padding-left:13px!important;}
.hint :hover{color: #ffd11a!important;}
    .gsc-control-cse{
	  width:190px!important;
	}  

.cse .gsc-control-cse,
    .gsc-control-cse {
	  margin-top:-10px;
	  margin-bottom:0px!important;
	  padding-bottom:0px!important;
      background-color:transparent !important;
      border:transparent !important;
    }
p { font-family: 'JF Flat Regular', Tahoma, serif; color:#404040; }
.rlhb{padding-left:80px ; padding-right:80px;}
.szhb{height:22em; background-color:#eceff1 ; color:#407199}
.multi-item10 p{color:#404040!important;}
.multi-item10 a{color:#0099ff!important; }
.testimonialhb{padding:13px; font-size:18px;justify: center;color:#407199}
.testimonialhb h5{margin-bottom:-10px;color:#407199;}
.testimonialhb a{color:#407199;}
.myimg{width:260px; height:260px;}
.carousel-example-1z p{font-family: 'JF Flat Regular', Tahoma, serif;color:#2e3951 }
.testimonial-carousel{height:25em;}
.a-text{font-size:20px;font-family: 'AraJozoor-Regular', Tahoma, serif; width:30%; }
.about-hb{padding-bottom:50px;}
.imgboss {width:100%!important;text-align:center}
.print-hb{margin:-30px}
.news-hb{margin-top:-50px;}
.program-hb{margin-top:10px;padding-bottom:150px;  }
.card-hb{height:900px;}
.tabs-blue .nav-item .active{background-color:#fff!important;}
.tabs-blue a.active{color:#1976d2 !important;}
.tabs-blue .nav-link {color:#fff !important;font-size:16px!important; font-weight:bold!important;}
.accordion {word-wrap: break-word; font-family: 'JF Flat Regular', Amiri, Tahoma, serif;font-size:15px}
.accordion .fa {color:#fff ;}
.accordion a {font-size:16px ; font-weight:10px; font-family: 'JF Flat Regular', Tahoma,  serif;color:#fff ; }
.accordion a :hover{color:#b32400;}
.display-3 {font-size:5em;color:#ffd11a;}
.card-header-hb{background:-webkit-linear-gradient(50deg,#4378a3,#1C2331)!important;background:-o-linear-gradient(50deg,#4378a3,#1C2331)!important;background:linear-gradient(40deg,#4378a3,#1C2331)!important}
.card-header-hb2{background-color:#993333}
.accordion h6{font-weight:bold ; color:#391313; text-decoration:italic }
.accordion h7{font-weight:bold ; color:#993333}
.accordion h8{text-decoration:underline;}
.center-hb{text-align:center;}
.img-hb{width:100%;height:100%;padding-left:50px;}
.mag{text-align:center; font-weight:bold; line-height:30px;}
.magazin b{color:#391313; font-weight:bold;}
.magazin {text-align:justify}
.modal-hb{ font-family: 'JF Flat Regular', Tahoma,  serif;}
.modal-hb .modal-dialog.cascading-modal{margin-top:2%}
.modal-body{min-height:27em;}
.modal-body h6{text-decoration:underline;}
.cascading-modal{padding-top:1%}
.close-hb {font-size:50px !important;}
.footer .fa{color:#ffbb33 ; }
.footer p{color:#f2f2f2 ;font-size:15px;}
.footer a{font-family: 'JF Flat Regular', Amiri, Tahoma, serif; text-align:center; font-size:15px;}
.footer a:hover,
.footer a:focus{ color:#febf01 ;}
.card-header a:hover,
.card-header a:focus {color: #ffbb33;}
.nav-item{ font-family: 'JF Flat Regular', Amiri, Tahoma, ;}
.news-hb .nav-item{font-size:13px!important; }
.footer-copyright h7{color:#fff}
.fbcard p{font-size:22px;font-weight:bold;text-indent: 70px;}
.rotate-btn i{color: #ffbb33;font-family: 'JF Flat Regular', Amiri, Tahoma, ;}
.footer-copyright a:hover{color: #ffbb33!important;}
/* backgrounds color */
.background-purple{background-color:#f6f6fc}
.background-pink{background-color:#fefcfc }
.background-green{background-color:#f9fffb}
/* backgrounds color */


/*tables*/ 
.responstable {
  margin: 0.5em 0;
  width: 100%;
  overflow-x: auto;
  background: #FFF;
  color: #024457;
  border-radius: 0px;
  border: 1px solid #167F92;
  text-align:center;
  font-family: 'JF Flat Regular', Amiri, Tahoma ;
  word-wrap: break-word
}
.responstable tr:nth-child(odd) {
  background-color: #EAF3F3;
}

.responstable td {
	 border: 1px solid #D9E4E6;
	 font-size:14px;
	   padding: 0.5em;
}
.responstable th {
font-size:15px;
  border: 1px solid #D9E4E6;
  background-color: #167F92;
  color: #FFF;
  padding: 0.5em;
    text-align: center;
}
.responstable th a {color:#fff;}
.print-hb .responstable td {
	 border: 1px solid #D9E4E6;
	 font-size:11.6px;
	   padding: 0.5em;
}
.responstable2 th {
  background-color: #193366;
	}
.responstable2   tr:nth-child(odd) {
  background-color: #ebf0fa;	
	}
.tc-hb .responstable2 {border-radius: 0px; line-height:50px; }  
.responstable2 td {
	 font-size:10.5pt;
}
.responstable2 td a {font-size:15px;color:#00ace6;}
.responstable2 td a:hover{color:#006080;}
.responstable2 td h6 {line-height:50px;color:#004d66;}
.r3 {line-height:20px !important;}


/*tables*/ 

.bossblock {
  position: relative;
  height: auto;
  padding: 0px 0 50px;
  z-index: 0; 
  /*background: #292F34 url(../img/Photo.jpg) fixed; background-size: cover; background-position: center center;  min-height: 650px;*/
}
.bossblock .card-wrapper .face {
	 background: #fff;
}

.bossblock .card{
  margin-right: 70px ;
  margin-left:70px;

}


.section {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;

}

.section:nth-of-type(odd):not(:first-child) {
	color: #fff;
	background: #2a282b;
}

.section--menu {
	position: relative;
}

.break {
	padding: 3em 0;
	text-align: center;
	background: #d94f5c;
}

.section__title {
	font-size: 0.65em;
	font-weight: 700;
	-webkit-flex: none;
	flex: none;
	margin: 3em 0 15em;
	text-indent: 3px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #d1d1d1;
}

.break__title {
	font-size: 1.85em;
	font-weight: normal;
	margin: 0;
	color: #fff;
}

.section--intro {
	font-size: 2em;
	position: relative;
	min-height: 100vh;
	text-align: center;
	color: #fff;
}

.section--intro p {
	max-width: 1000px;
	margin: 0 auto;
	padding: 1em;
}


.menu {
	line-height: 1;
}
.menu__list {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0px;
	margin-left: -3%;
	padding-right:10px;
	padding-top:5px;
	list-style: none;
		overflow: hidden;
}

.menu__item {
	display: block;
	margin: 0em 0;
}

.menu__link {
	font-size: 1em;
	font-weight: bold;
	display: block;
	padding: 0.8em;
	padding-left: 0.5em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.menu__link:hover,
.menu__link:focus {
	outline: none;
}

/* Individual styles */

/* Valentine */
.menu--valentine .menu__item {
	position: relative;
	margin: 0 0.1em;
}

.menu--valentine .menu__link {
	position: relative;
	display: block;
	min-width: 60px;
	text-align: center;
	color: #fff;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.menu--valentine .menu__link:hover,
.menu--valentine .menu__link:focus {
	color: #ffd11a;
}

.menu--valentine .menu__item--current .menu__link {
	color: #ffd11a;
}

.menu--valentine .menu__item::before,
.menu--valentine .menu__item::after,
.menu--valentine .menu__link::before,
.menu--valentine .menu__link::after {
	content: '';
	position: absolute;
	background: #b5b5b5;
	-webkit-transform-origin: 350% 350%;
	transform-origin: 350% 350%;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.menu--valentine .menu__item::before,
.menu--valentine .menu__item::after {
	top: 0;
	width: 2px;
	height: 100%;
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
}

/* left line */
.menu--valentine .menu__item::before {
	left: 0;
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

/* right line */
.menu--valentine .menu__item::after {
	right: 0;
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.menu--valentine .menu__link::before,
.menu--valentine .menu__link::after {
	left: 0;
	width: 100%;
	height: 2px;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
}

/* top line */
.menu--valentine .menu__link::before {
	top: 0;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/* bottom line */
.menu--valentine .menu__link::after {
	bottom: 0px;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.hr-light{width:90%}
.menu--valentine .menu__item--current::before,
.menu--valentine .menu__item--current::after,
.menu--valentine .menu__item--current .menu__link::before,
.menu--valentine .menu__item--current .menu__link::after {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

@media screen and (max-width:55em) {
	.menu__list {
		display: block;
		margin: 0 auto;
	}
	.menu--valentine .menu__link{
	padding-top: 10px!important;
	margin-top:0px!important;
}



@media screen and (min-width: 30em) and (max-width: 55em){
	.h-n-slider{padding-top:20px!important;}
	.title1{padding-top:5% !important;}
	.hnn{margin-left:-120px!important;font-size:20px!important}
	.hnp{margin-right:-120px!important;font-size:20px!important}
	.myimg{width:180px!important; height:180px!important;}
	}