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) {
	.addbtn2{ right: 70%!important; margin-top:-60px!important;}
	.navbar{ margin-right:0px!important}
	.university{  background: #1C2A48!important;}
	.menu__item a{color:#fff!important}
	.dropdown {padding-right:0px!important;color:#fff!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:40px!important;margin:-30px!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:22px!important; }
	.responstable2 .mytd{padding:15px!important; }
	.responstable2 td ,th{font-size:15px!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:0px!important;padding-right:30px!important;}
	.szhb{height:14em!important;overflow-y: auto!important;margin-right:-10px!important;}
	.immob{height:14em!important;width:21em!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;}
	.nav-item a{font-size:10px!important;}
	.page-footer .card-wrapper{height:400px!important;}
	.fbcard p{font-size:18px;text-indent: 0px!important;}
}
.footer-copyright{min-height:150px; bottom:0px!important}
	.smalllogo{height:60px;width:60px;}
.darkgrey-text  { text-align:center!important;color:#02578b}
.card-body a strong {color:#311b92 ; font-size:18px}
.collapse .card-body {line-height:35px;}
.carousel-control-prev, .carousel-control-next{width:20px}
.hnn{font-size:50px;color:#fff!important; }
.hnp{font-size:50px;color:#fff!important;}
.immob{height:500px;width:1000px;}	
.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; text-align:center}
.h-n-slider{font-size:20px;}
.h-n-slider  a{font-size:18px; color:#02578b!important; font-weight:bold}
.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:#02578b ;font-family: 'AraJozoor-Regular', Tahoma, serif; }
.text-sh {text-align:right!important; color:#02578b ;font-family: 'AraJozoor-Regular', Tahoma, serif; font-size:40px;padding-top: 20px;}
.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;}
.hint :hover{color: #b9d7e9!important;}
    .gsc-control-cse{
	  width:220px!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; line-height:2rem!important}
.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; min-width:30%; }
.about-hb,.print-hb,.tc-hb{padding-bottom:0px;}
.about-hb{text-align:right!important; }
.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:600px;}

.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:green ; }
.accordion a :hover{color:#979100;}
.display-3 {font-size:5em;color:#b9d7e9;}
.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: #979100;}
.nav-item{ font-family: 'JF Flat Regular', Amiri, Tahoma, ;}
.nav.nav-tabs {background-color:#02578b!important;}
.nav-tabs a.active{color:#b9d7e9 !important;}
.nav-tabs .nav-link {text-align:center;font-size:20px!important; font-weight:bold!important;}

.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 */

/*po*/

.vv{font-weight:bold;}
.title{font-size:20px;font-family: 'AraJozoor-Regular', Tahoma, serif; min-width:30%;color:#02578b;font-size:20px ;
		background:#c6dae6; padding:9px; margin-top:-10px;}
.addbtn{  position: absolute; /* or absolute */  right: 70%;margin-top:-80px!important;}
.addbtn2{  position: absolute; /* or absolute */  right: 50%;margin-top:-128px;}
.btn-outline-hb{    border: 2px solid #fff!important;
    background-color: #02578b;
    color: #fff!important;}
.dropdown { top:5px;}
.dropdown-menu{text-align: right;right:5px;min-width:200px}	
/* Dropdown Button */
.dropbtn {
  padding: 16px;
  padding-bottom: 0px!important;
  font-size: 16px;
  border: none;
}
.dropbtn p {margin-bottom :-20!important;}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #e9efdb;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}
/*po*/
	
/*tables*/ 
.sht td:nth-child(odd){ color : #02578b}
.sht td { padding-right: 0.4em;}
.responstable {
  margin: 0.5em 0;
  width: 100%;
  overflow-x: auto;
  background: #FFF;
  color: #02578b;
  border-radius: 0px;
  border: 1px solid #02578b;
  text-align:center;
  font-family: 'JF Flat Regular', Amiri, Tahoma ;
  word-wrap: break-word
}
.responstable tr:nth-child(odd) {
  background-color: #b9d7e9;
}

.responstable td {
	 border: 1px solid #02578b;
	 font-size:16px;
	   padding: 0.4em;
}
.responstable th {
font-size:18px;
  border: 1px solid #02578b;
  background-color: #167F92;
  color: #FFF;
  padding: 0.5em;
    text-align: center;
}
.responstable th a {color:#fff;}
.print-hb .responstable td {
	 border: 1px solid #b9d7e9;
	 font-size:16px;
	   padding: 0.5em;
}
.responstable2 th {
  background-color: #02578b;
    border: 1px solid #b9d7e9;
	}
.responstable2   tr:nth-child(odd) {
  background-color: #e2eef5;	
	}
.tc-hb .responstable2 {border-radius: 0px; line-height:50px; }  
.responstable2 td {
	 font-size:10.5pt;
	 border: 1px solid #b9d7e9;
}
.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;    width: 100%;}
.r3 td{padding-bottom:10px}


/*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;
	padding:0px;
	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: 80px;
	text-align: center;
	color: black;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

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

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

.menu--valentine .menu__item::before,
.menu--valentine .menu__item::after,
.menu--valentine .menu__link::before,
.menu--valentine .menu__link::after {
	content: '';
	position: absolute;
	background: #02578b;
	-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%}


@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){
	.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;}
	}