/* @import url('https://fonts.googleapis.com/css?family=Tajawal:400,700&subset=arabic'); */

html{overflow-x:hidden;}

body{
margin: 0;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
overflow-x:hidden;
}


a{-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;}

a:focus {outline: none!important; outline-width: 0!important;}

.btn.focus, .btn:focus {
    outline: 0!important;
    box-shadow: none!important;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: inherit!important;
    outline: 0;
    box-shadow: none!important;
}

input:focus,
select:focus,
textarea:focus,
button:focus{
    outline: none!important;
	outline-width: 0!important;
}

*:focus {
    outline: none!important;
	outline-width: 0!important;
}

p {font-size:18px ;}

img {max-width:100%;}

header {padding:0 20px;     direction: rtl;
    text-align: right;}

header ul {
    list-style: none;
    display: inline;
    margin: 0 20px 0 0;
    padding: 0;
}

header ul li {display:inline-block; margin:0 0 0 10px}

header ul li:last-child {display:inline-block; margin:0 0 0 0}

header ul img { width: 24px;  animation: blinker 1s linear infinite;}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
header ul li:nth-child(2n) img {
    animation: inherit;
}

header img { display:inline; margin:20px 0 20px 0; }

.banner  { position:relative; }

.banner .mobile {display:block!important;}

.banner .desktop {display:none!important;}

.banner .two .banner_caption h3 {color:#e6b711; text-transform:uppercase; font-size: 25px; font-weight:600;}

.banner .two .banner_caption h6 {color:#5f6369;}

.banner .two .banner_caption a {color:#5f6369;}

.banner .banner_caption {
    position: absolute;
    top: 0;
    right: 0;
    max-width: inherit;
    text-align: right;
    padding: 20px;
    width: 76%;
	direction:rtl;
}

.banner .banner_caption h3 {color:#fff; font-size: 25px;
    font-weight: 600; text-transform:uppercase;}

.banner .banner_caption h6 {color:#fff; font-size:18px;}

.banner .banner_caption a {color:#fff; font-size:18px;}


.adv_carousel{ position:absolute; bottom:-60px; width:100%;}

.adv_carousel .item { -webkit-box-shadow: -2px 10px 36px -9px rgba(0,0,0,0.75);
-moz-box-shadow: -2px 10px 36px -9px rgba(0,0,0,0.75);
box-shadow: -2px 10px 36px -9px rgba(0,0,0,0.75);   background:#52565c url(../images/banner-bg.png) no-repeat right bottom;  background-size:90%; padding:30px 40px; border-radius:8px; min-height:230px; direction: rtl;
    text-align: right;}

.adv_carousel .item-two {   background:#52565c url(../images/banner-2.png) no-repeat left center;  background-size:40%; }

.adv_carousel .item-three {   background:#52565c url(../images/banner-3.png) no-repeat left center;  background-size:50%; }

.adv_carousel .item-four {   background:#52565c url(../images/banner-4.png) no-repeat center center;  background-size:90%;}

.adv_carousel .item-five {   background:#52565c url(../images/banner-5.png) no-repeat 10% center;  background-size:40%; }

.adv_carousel .ads-a { width:45%; float:left;}

.adv_carousel .ads-b {width:55%; float:right; padding: 20px 0 0 0;}

.adv_carousel img { width:60px!important; max-width: initial;}

.adv_carousel .item .col { padding:0;}

.adv_carousel .item h5 {color:#fff; font-size:16px; font-weight:600; text-transform:uppercase;}

.adv_carousel .item h6 {color:#fff; font-size:12px;}

.apply-form { background:#ebebeb; padding:100px 20px 20px 20px; direction:rtl; text-align:right; }

.apply-form h5 {color:#e6b711; text-transform:uppercase; margin:0px; font-weight:600; text-align:right;}

.apply-form p {color:#6f7278; text-align: right;}


.apply-form label {
    display: inline-block;
    margin-bottom: 0!important;
	font-size: 14px;
	padding: 0 30px 0 0;
	font-weight:bold;
}

.apply-form .form-control { border-radius:0; border-top:none; border-left:none; border-right:none;  background:#ebebeb!important; border-bottom:1px solid #6e7276; padding:0 30px; font-size:18px; }

.apply-form .name {background:#ebebeb url(../images/name-ico.png) no-repeat right center!important; background-size:20px!important;}

.apply-form .email {background:#ebebeb url(../images/email-ico.png) no-repeat right center!important; background-size:20px!important;}

.apply-form .phone {background:#ebebeb url(../images/smartphone-ico.png) no-repeat right center!important; background-size:14px!important;}

.apply-form .grade { width: 100%;
overflow: hidden;
background-image: url(../images/college-graduation-ico.png), url(../images/down-arrow.png)!important;
background-position: right center, left center!important;
background-repeat: no-repeat, no-repeat!important;
background-size: 20px, 20px!important;}

.apply-form .btn { background:#e6b711!important; border:none; width:100%; padding:20px; margin:20px 0 0 0; text-transform:uppercase; -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s; direction: rtl;}

.apply-form .btn:hover  {
opacity: 0.5;
  filter: Alpha(opacity=50); 
  text-decoration:none;

}

.apply-form .careers-mail { padding: 20px 0 0 0!important;
    line-height: 20px;
    font-size: 16px;   font-weight: 600;}
	
.apply-form	label.error {color:red;}

.parents-section {background:#ebebeb url(../images/parents-bg.jpg) no-repeat center center; padding:30px 0;}

.parents-section p {font-size:13px; direction:rtl;}

.parents-section h5 {color:#fff; text-transform:uppercase; padding:0 20px 20px 20px;     text-align: right;
    direction: rtl; }


.parents-section {position:relative;}

.parents-section #parents_carousel { margin-top:30px; }
 
.parents-section #parents_carousel .item { background:#fff; padding:40px 20px; text-align:center; border-radius:8px; min-height: 225px; }

.parents-section #parents_carousel .item img { width:65px; border-radius:50%; margin:0 auto;}

.parents-section #parents_carousel .item  h6 {margin:20px 0 0 0; padding:0px;}

.parents-section .parents-ico { position:absolute; top:100px; right:20%; z-index:9; width:70px;}

.testimonials-section  {background:#eac31f; padding:20px; position:relative;}

.testimonials-section h5  {text-transform:uppercase; color:#fff; direction: rtl;
    text-align: right;}

.testimonials-section .item { border:1px solid #fff; border-radius:8px; padding:20px; position:relative; width: 90%;
    float: right; margin: 30px 10px 0 0; }

.testimonials-section p {color: #fff;
    font-size: 16px;
    margin-top: 40px;
    line-height: 20px; text-align: right;
    direction: rtl;}

.testimonials-section  h6 {margin:20px 0 0 0; padding:0px; color:#fff; font-size:13px; line-height: 0;}

.testimonials-section small {color:#fff; font-size:13px;}

.testimonials-section-img-outer {position:absolute; right:-20px; top:-20px;}

.testimonials-section-img-outer span {float:left; padding: 24px 10px 0 0;
    direction: rtl; text-align: right;}

.testimonials-section-img { width:60px!important; float:right; }

.testimonials-section .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}


.testimonials-section  .btn {background-color: transparent!important; outline: none!important;}

.testimonials-section button.owl-prev {
    position: absolute;
    right: -8%;
    top: 40%;
    background: url(../images/arrow-right.png) no-repeat right !important;
    outline: none;
	width: 32px;
    height: 32px;
}

.testimonials-section button.owl-next {
    position: absolute;
    left: -5%;
    top: 40%;
    background: url(../images/arrow-left.png) no-repeat left!important;
    outline: none;
	width: 32px;
    height: 32px;
}

.testimonials-section .slider-left-btn, .testimonials-section .slider-right-btn {display:none;}

.testimonials-section .owl-dots {text-align:center;}

.testimonials-section .owl-dots .active {opacity: 0.5;
  filter: alpha(opacity=50);}

.testimonials-section .owl-dots button { width:5px; height:5px; background:#fff!important; border-radius:50%!important; margin:0 3px}

footer {background:#6e7276 url(../images/footer-bg.png) no-repeat bottom center; padding:30px 0; background-size:100%; padding:20px 20px 20px 20px;}

footer .col:first-child {padding:0px;}
footer .col:last-child {padding:0 15px 0 0;}

footer p  {font-weight:400; color:#fff; font-size:13px; display: table; }

footer a { font-weight:400; color:#fff; font-size:13px; display:inline-block; margin:0 10px 0 0; line-height: 10px; direction:ltr;}

footer a:hover { color:#fff;}

footer .social {margin:10px 0 0 0; text-align: right;
    direction: rtl;
    float: right;}

footer .social a img  {width:18px!important;}

footer .social a {
-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}
footer .social a:hover {
opacity: 0.5;
  filter: alpha(opacity=50); }

footer .contact-details a img, footer .contact-details span img {width:14px!important; margin:0 0 0 5px; float:right;}

footer .contact-details {line-height:22px; text-align: right;
    direction: rtl;}

footer .contact-details .phone-icon {
height: 13px;
    width: 8px!important;
}


.float{
	position:fixed;
	top:40px;
	right:20px;
	background-color:#e5b410;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index:9;
	width: 90px;
    height: 90px;
	-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.float, .float:active, .float:focus{ color:#fff!important; text-decoration:none; left:20px;}

.float:hover  {
opacity: 0.5;
  filter: Alpha(opacity=50); 
  text-decoration:none;
}

.float p, .float p:hover { color:#fff!important; text-decoration:none;}


.float img {
    width: 25px!important;
    margin: 20px auto 0 auto;
    float: none;
	border-bottom:1px #fff solid;
	padding: 0 0 5px 0;
}

.my-float{
	margin-top:22px;
}

.drop_list {
	
}

.drop_list select{
    -webkit-appearance:none;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: transparent;
    padding: 3px;
    font-size: 1.2em;
    height: 30px;
    width: 120%;
    overflow: hidden;
}


.thank-you { background:#ebebeb; padding:40px;     text-align: right;
    direction: rtl;}

.thank-you h1 {color:#6f7278; padding:20px 0;}

.thank-you img { display:table; margin:0 auto;}

.thank-you .btn {
    background: #e6b711!important;
    border: none;
    width: 100%;
    padding: 15px;
    margin: 20px 0 20px 0;
}

.thank-you p {color:#6f7278;}


.enquire-btn {
    background: #5d6063!important;
    border: none;
    width: auto;
    display: table;
    padding: 12px 18px;
    margin: 10px auto;
    text-transform: uppercase;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: .25rem;
    color: #fff;
    text-align: center;
}

.enquire-btn:hover {color: #fff; text-decoration:none;}

.phne-txt, .phne-txt:hover {
    color: #000;
	font-weight:bold;
	    direction: ltr;
    display: inline-block;
}


@media (min-width: 300px) and (max-width: 375px) {
	
header img {
    display: inline;
    margin: 20px 0 20px 0;
    width: 180px;
}	
	
footer p {
    font-weight: 400;
    color: #fff;
    font-size: 13px;
    display: table;
}

footer a {
    font-weight: 400;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    margin: 0 10px 0 0;
}

.parents-section h5 {
    color: #fff;
    text-transform: uppercase;
    padding: 0 20px 20px 20px;
    font-size: 16px;
	direction: rtl;
    text-align: right;
}

.adv_carousel .item h5 {
    color: #fff;
    font-size: 13px;
}

.adv_carousel .item {
    min-height: 255px;
}

.float {
    position: fixed;
    top: 60px;
    right: 10px;
    background-color: #e5b410;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 9;
    width: 70px;
    height: 70px;
}

.float p, .float p:hover {
    color: #fff!important;
    text-decoration: none;
    font-size: 12PX;
}

.float img {
    width: 17px!important;
    margin: 20px auto 0 auto;
    float: none;
    border-bottom: 1px #fff solid;
    padding: 0 0 5px 0;
}
.parents-section #parents_carousel .item { background:#fff; padding:40px 20px; text-align:center; border-radius:8px; min-height: 260px; }

.banner .banner_caption {
    position: absolute;
    top: 0;
    right: 0;
    max-width: inherit;
    text-align: right;
    padding: 20px;
    width: 75%;
    direction: rtl;
}

.banner .two .banner_caption h3 {
    color: #e6b711;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}
	
}


/* Iphone Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 815px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

  
  .testimonials-section button.owl-next {
    position: absolute;
    left: -0%!important;
    top: 40%;
    background: url(../images/arrow-left.png) no-repeat left!important;
    outline: none;
    width: 32px;
    height: 32px;
}

.testimonials-section button.owl-prev {
	    right: -5% !important; 
}

}

@media (min-width: 651px) and (max-width: 667px) {
.testimonials-section button.owl-next {
    position: absolute;
    left: -5%;
    top: 40%;
    background: url(../images/arrow-left.png) no-repeat left!important;
    outline: none;
    width: 32px;
    height: 32px;
}

}

@media (min-width: 470px) and (max-width: 650px) {
	
.testimonials-section button.owl-next {
    position: absolute;
    left: -5%;
    top: 40%;
    background: url(../images/arrow-left.png) no-repeat left!important;
    outline: none;
    width: 32px;
    height: 32px;
}

}


@media (min-width: 812px) and (max-width: 2000px) {

.wrapper { width:812px; margin:0 auto;}	

.banner {
    position: relative;
    margin: 0 auto;
}

	
.banner .banner_caption {
    position: absolute;
    top: 0;
    left: inherit;
    max-width: inherit;
    text-align: center;
    padding: 20px;
    width: 100%;
}

.banner .mobile {display:none!important;}

.banner .desktop {display:block!important;}	

.parents-section .parents-ico {
    position: absolute;
    top: 85px;
    right: 20%;
    z-index: 9;
    width: 70px;
}

.testimonials-section button.owl-prev {
    position: absolute;
    right: -4%;
    top: 40%;
    background: url(../images/arrow-right.png) no-repeat right !important;
    outline: none;
}

.testimonials-section button.owl-next {
    position: absolute;
    left: 3%;
    top: 40%;
    background: url(../images/arrow-left.png) no-repeat left!important;
    outline: none;
}

.adv_carousel .item {
    min-height: 285px;
}

header {
    padding: 0 20px;
    direction: rtl;
    text-align: center;
}
	
}