@font-face {
    font-family: myFont;
    src: url(../fonts/ae_AlArabiya.ttf);
}
html{
    width:100%;
    overflow-x: hidden;
}
body{
    font-family: myFont;
    width:100%;
    overflow-x: hidden;
}
/* scroll bar style blue*/
.scroll-blue::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #2141ab;
}
.scroll-blue::-webkit-scrollbar{
    width: 12px;
    background-color: #1f5db4;
    padding-left:2px;
    padding-right:2px;
}
.scroll-blue::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #5381ff;
    border:3px solid #2141ab;
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%,*/
    /*color-stop(.5, rgba(255, 255, 255, .2)),*/
    /*color-stop(.5, transparent), to(transparent));*/
}

a:hover{text-decoration: none;}
.logo img{margin: 20px 0}
.soucial{margin-top:10px;text-align: left;}
.soucial a{color:#333;font-size:20px;text-decoration: none;}
#menu {text-align: left;float: left;margin-top: 10px;}
#menu li{float: right;list-style: none}
#menu li a{text-decoration: none;padding: 5px 8px;font-size:20px;color:#363636;}
#menu li.active a{color:#914acb;}
#sliderHome{direction: ltr;}
#sliderHome div.item{background-size:cover!important;height: 650px;}
#sliderHome .container{direction: rtl!important;text-align: right;}
.caption-slider{width:500px;position: absolute;bottom: 35px;}
.caption-slider h2 {font-size: 48px;background: rgba(14, 14, 14, 0.2);color: #ffffff;display: inline-block;padding: 0 5px;}
.caption-slider p{font-size: 19px;color:#fff;background:#1f5db4;padding-right: 15px;border-right: 3px solid #fff;position: relative;text-align: justify;padding: 10px}
.caption-slider p .p-cerical{width: 20px;height: 20px;border-radius: 50%;border:3px solid #fff;display: inline-block;right: -12px;position: absolute;top: 46%;background:#1f5db4;}

#sliderHome .owl-dots{display: none;}


.title-red{font-size:48px;color: #914acb;background: url('../images/title_red.png') no-repeat bottom center;display: inline-block;padding-bottom: 15px;}
.title-blue{font-size:48px;color: #1f5db4;background: url('../images/title_blue.png') no-repeat bottom center;display: inline-block;padding-bottom: 15px;}


.button-red{width: 170px;background: #914acb;text-decoration: none;color: #fff;display: inherit;text-align: center;height: 40px;line-height: 40px;border-radius: 55px 0;float: left;font-size: 18px;}
.button-red:hover{color:#fff;background: #1f5db4!important;}


.button-blue{width: 170px;background: #1f5db4;text-decoration: none;color: #fff;display: inherit;text-align: center;height: 40px;line-height: 40px;border-radius: 55px 0;float: left;font-size: 18px;}
.button-blue:hover{color:#fff;background: #914acb!important;}


/* servies style*/
.servies{background: url('../images/7ejama_serv.jpg') no-repeat left bottom fixed;height:560px;direction: rtl!important;
    text-align: right;padding-top:50px;}
.servies h3{color:#1f5db4;font-size:31px; }
.servies p{font-size:18px;color: #333;text-align: justify;line-height: 25px;margin-bottom: 30px}
.news{padding:50px 0}
.news-carousel{margin-top:35px;}
.news-carousel .owl-item.active{padding:0 15px;}
.news-carousel .owl-item.active .item{border:1px solid #a1a1a1;}
.news-carousel .news-description{padding: 10px;text-align: right;overflow: hidden; }
.news-carousel .news-description h4{font-size:18px;color:#1f5db4;font-weight:bold;}
.news-carousel .news-description p{text-align: justify;direction: rtl;font-size: 16px;color: #353535;text-align: justify;border-top:1px solid #a1a1a1;border-bottom:1px solid #a1a1a1;padding:10px 0;}
.news-carousel .news-description a{text-decoration: none;width: 90px;height: 30px;background: #1f5db4;display: inline-block;text-align: center;line-height: 30px;color: #fff;font-size:18px;float: left;}
.news-carousel .owl-nav{display: block!important;margin-top: 35px;border-bottom: 2px solid #1f5db4;margin-bottom:15px;text-align: left}
.news-carousel .owl-nav .owl-prev span{width: 40px;height: 40px;border: 2px solid #1f5db4;display: inline-block;margin-right:10px;
    line-height: 40px;color: #1f5db4;font-size: 20px;text-align: center;}
.news-carousel .owl-nav .owl-next span{width: 40px; height: 40px;border: 2px solid #1f5db4;display: inline-block;
    line-height: 40px;color: #1f5db4;font-size: 20px;text-align: center;margin-right:15px;}
.news-carousel .owl-nav button:hover span{color:#fff;  background: #1f5db4}
.news-carousel .owl-nav button:focus{outline: none}
.news-carousel .owl-nav .subscribe-link{float: right;}

/*  Goals start */
.Goals{width:100%;height:560px;  background:url("../images/7ejama_goals.jpg") no-repeat left bottom fixed;padding-top:50px;}
.Goals p{text-align: right;font-size:21px;line-height: 31px;margin-top:20px;margin-bottom: 25px;}

/* footer start */
.footer{width:100%;height:560px;background: url("../images/footer.jpg") no-repeat fixed;background-size: cover;background-position: center;}
.subscribe-form{background: url("../images/7ejama_subsc_bg.png") no-repeat;height:560px;background-size: 100% 100%;width: 560px!important;text-align: center;padding-top: 150px;}
.subscribe-form form{width:270px;margin:50px auto;}
.subscribe-form form input[type="email"]{width:100%;height:40px;margin-bottom:15px;padding:0 5px}
.subscribe-form form input[type="submit"]{width:145px;height:40px;margin:0 auto 15px;text-align: center;line-height: 40px;background: #1f5db4;color:#fff;border:0;font-size:20px;}
.copy {
    position: absolute;
    bottom: 5px;
    right: 25%;
    color: #914acb;
    font-size: 22px;
}

#buttonMenuSmall{display: none;}

.owl-carousel{direction: ltr}

.hejama{
    width:100%;background:url('../images/hejama-page-bg.png') no-repeat fixed left bottom;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: justify;
}
.hejama p{font-size: 20px;line-height: 35px;}
.title-page{
    height: 80px;
    background:url("../images/title-page.jpeg") fixed;
    background: #008bdb;
    line-height: 80px;
}
.title-page h2{line-height: 80px;color:#fff;font-size:35px;}
.page-content{padding-top:50px;padding-bottom:50px;}
.page-content p{text-align:justify;font-size:20px;}
.video{background: url("../images/video-page-bg.jpg") fixed;}
.video-block{margin:15px 0;}
.video-block img{width:100%;height:150px;}
.video-block h4{width:100%;text-align:center;background:#063982;color:#fff;font-size:18px;height:40px;line-height:40px}

.iframe iframe{width:100%!important; min-height:550px;}

.serv{background:url("../images/serv-bg.png") no-repeat bottom center;}

.page-content.contact{
    width: 100%;
    min-height:650px;
    background: url("../images/Contcat_us_form.png") no-repeat fixed;
    background-size:cover;
}
.page-content.contact form {
    padding: 35px;
    background: rgba(3,3,3,.5);
    margin-bottom: 30px;
}
.page-content.contact form input{border-radius: 0px;background: rgba(255,255,255,.2);border: 1px solid rgba(255,255,255,.4) ;transition: all ease-in-out .4s}
.page-content.contact form textarea{border-radius: 0px;resize: none;height:150px;background: rgba(255,255,255,.2);border: 1px solid rgba(255,255,255,.4);transition: all ease-in-out .4s}

.page-content.contact form input:focus{background: rgba(255,255,255,.8);border: 1px solid #fff;}
.page-content.contact form textarea:focus{background: rgba(255,255,255,.8);border: 1px solid #fff;}

.page-content.contact form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}
.page-content.contact form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}

.page-content.contact form :-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}
.page-content.about{background: url("../images/about-page-hejama.jpg") fixed}
.page-content.about p{background: #f6f6f6;padding:15px;}
.page-content.contact h6{margin:15px 0;color:#fff;font-size:18px;}
.page-content.contact .soual-media a{margin: 15px 0;display: inline-block;text-decoration: none;color: #fff;font-size: 25px;}
.subscribe-form-link  {
    text-align: right;
    display: inline-block;
    float: right;
}
.subscribe-form-link p{display: inline-block;}


.login{
    width:100%;
    height:758px;
    background: url("../images/login-bg.jpeg") no-repeat;
    background-size: cover;
}
.login .card{
    margin-top: 15%;
    background: rgba(255,255,255,.5);
    border-radius: 0;
    padding: 35px;
}
.login .form-group,.login .form-group label {
    margin-bottom: 0px;
}

.login button[type="submit"]{
    margin-top: 35px;
    background: #244965;
    border: 0;
    border-radius: 0;
    font-size: 14px;
}
.hidden {display:none;}
.img-about{width:50%;padding:15px;
    float: right;}


.alert{position:fixed; z-index:1515;}


/* md screen min-width 991px and max-width 1200px */
@media (max-width:1200px) {
    .logo img {margin: 25px 0 0;;}
    #menu li a{font-size:18px;}
    #sliderHome div.item {background-size: cover!important;height: 550px;  }
    .servies,.Goals{background-size:50%}
    .title-red,.title-blue {font-size: 38px;}
    .Goals {height: 450px;padding-top: 20px;}
    .servies {height: 450px;padding-top: 30px; }
    .news {padding: 20px 0; }
}
.right-0{right:0!important;transition: all ease-in-out .5s}
/* md screen min-width 991px and max-width 1200px */
@media(max-width:991px){
    .logo img {
        margin: 10px 0;
    }
    .hidden{display: block;}
    .button-menu-small {display: block;float: left;position: absolute;left: 50px;top: 20px;font-size: 25px;cursor: pointer; }
    .menu{transition: all ease-in-out .5s;width: 240px;position: fixed;right: -100%;height: 100%;background:rgba(0,0,0,.5) url("../images/menu-small-bg-2.jpg") no-repeat;z-index: 1515;text-align: right}
    .menu #menu ul{padding-right:0}
    .menu #menu ul li{width:100%;text-align: right;}
    .menu #menu ul li a{color:#fff;width:100%;line-height: 34px;display: block;}
    .soucial {bottom:0px;width: 100%;position:absolute;right:0;height: 50px;background: #eee; padding: 10px;text-align: center;}
    #menu li.active a ,#menu li:hover a { background: rgba(255,255,255,.2);display: block;}
    .iframe iframe{width:100%!important; min-height:350px;}
    .menu-show{right:0!important;transtion:all ease-in-out .5s;}
    #sliderHome div.item {
        background-size: cover!important;
        height: 400px;
    }
}


/* md screen min-width 550px and max-width 767px */
@media(max-width:767px){
    .title-page {height: 50px;}
    .title-page h2 {line-height: 50px;color: #fff; font-size: 20px; padding: 0 25px;}
    .title-red, .title-blue {
        font-size: 28px;
    }
    .Goals {
        height: 300px;
        padding-top: 20px;
    }
    .Goals p {
        text-align: justify;
        font-size: 16px;
        line-height: 25px;
        margin-top: 0px;
        margin-bottom: 25px;
    }



}
/* md screen min-width 991px and max-width 1200px */
@media(max-width:549px){
    .caption-slider {width: 90%;position: absolute; bottom: 35px;  margin: 0 5%; }
    .caption-slider h2 {font-size: 35px;}
    .caption-slider p{font-size:16px;}
    #sliderHome div.item {height: 400px;}
    .servies p {font-size: 16px;}


}


/* md screen min-width 991px and max-width 1200px */
@media (max-width: 550px){
    .servies {height: 500px;}
    .Goals {height: 370px;}
    .hejama{background-size:70%}
    .hejama p {
        font-size: 18px;
        line-height: 28px;
    }
    .subscribe-form {
        height: 430px;
        background-size: 100% 100%;
        width: 100%;
        text-align: center;
        padding-top: 0px;
    }
.footer {width: 100%; height: 430px;}



}


.whats_btn,.whats_btn:hover{
    position: fixed;
    bottom: 20px;
    left: 20px;
    color: #029e1a;
    background: #fff;
    padding: 0px;
    border-radius: 4px;
    z-index: 9;
    width: 40px;
    height: 40px;
    text-align: center;
}
.whats_btn i{
    font-size: 40px;
    position: relative;
    z-index: 2;
}
.whats_btn span {
    position: absolute;
    left: -200px;
    width: 160px;
    background: #fff;
    height: 40px;
    z-index: 1;
    line-height: 40px;
    transition: all ease-in-out .4s;
}
.whats_btn:hover span{
    left: 20px;
    transition: all ease-in-out .4s;
}

.row.bg-gray {
    padding: 35px;
    background: #f5f5f5;
    font-family: cairo;
    border-bottom: 5px solid #008bdb;
    box-shadow: 0 0px 3px #666;
    margin-bottom: 20px;
}
.coursce_subscribe h3{
    border-right: 5px solid #008bdb;
    padding-right: 10px;
    color: #008bdb;
    font-family: cairo;
    display: block;
    width: 100%;
}
.coursce_subscribe p {
    color: #555;
    font-size: 20px;
    font-family: cairo;
    line-height: 36px;
    margin-bottom: 0px;
    display: block;
    width: 100%;
}
.mb-20{
    margin-bottom: 20px;
}