@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Tajawal:200,300,400,500,700,800,900&subset=arabic');
@import url(http://fonts.googleapis.com/earlyaccess/thabit.css);
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Menu
4. Home
4.1 Header
5. Intro
6. Pricing
7. Calendar
8. Call to action
9. Footer
 ******************************/

/***********
1. Fonts
***********/

/*********************************
2. Body and some general stuff
*********************************/
span{

    padding-right: 2px;
}
*
{
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}
body
{
    font-size: 15px;
    line-height: 24px;

    font-family: 'Tajawal', sans-serif;
    background-color: #FFFFFF;
    direction: rtl;
    color: #282560;

}
h2{

    text-align: right;
    color: #282560;
    font-family: ‘ Scheherazade’, serif;
    padding-bottom: 10px;
}


p{

    text-align: justify;
    padding: 2px;
}
a,
a:hover,
a:focus {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    text-decoration: none;
    outline: 0 solid transparent;
    color: #1c1c1c;
    font-weight: 500;
    font-size: 14px;


}

ul,
ol {
    margin: 0; }
ul li,
ol li {
    list-style: none; }

img {
    height: auto;
    max-width: 100%; }



/* :: 3.4.0 Preloader */
.preloader {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999; }
.preloader .lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px; }
.preloader .lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #000000;
    animation-timing-function: cubic-bezier(0, 1, 1, 0); }
.preloader .lds-ellipsis div:nth-child(1) {
    left: 6px;
    -webkit-animation: lds-ellipsis1 0.6s infinite;
    animation: lds-ellipsis1 0.6s infinite; }
.preloader .lds-ellipsis div:nth-child(2) {
    left: 6px;
    -webkit-animation: lds-ellipsis2 0.6s infinite;
    animation: lds-ellipsis2 0.6s infinite; }
.preloader .lds-ellipsis div:nth-child(3) {
    left: 26px;
    -webkit-animation: lds-ellipsis2 0.6s infinite;
    animation: lds-ellipsis2 0.6s infinite; }
.preloader .lds-ellipsis div:nth-child(4) {
    left: 45px;
    -webkit-animation: lds-ellipsis3 0.6s infinite;
    animation: lds-ellipsis3 0.6s infinite; }

@-webkit-keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1); } }
@keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1); } }
@-webkit-keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1); }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0); } }
@keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1); }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0); } }
@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
    100% {
        -webkit-transform: translate(19px, 0);
        transform: translate(19px, 0); } }
@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
    100% {
        -webkit-transform: translate(19px, 0);
        transform: translate(19px, 0); } }

/* Top Nav */

.header-area {
    position: relative;
    z-index: 500;
    direction: rtl;
    width: 100%; }
.header-area .top-header-area {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 55px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .top-header-area {
        height: 50px; } }
@media only screen and (max-width: 767px) {
    .header-area .top-header-area {
        height: 80px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-area .top-header-area {
        height: 75px; } }


.header-area .top-header-area2 {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 55px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .top-header-area2 {
        height: 50px; } }
@media only screen and (max-width: 767px) {
    .header-area .top-header-area2 {
        height: 80px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-area .top-header-area2 {
        height: 75px; } }




.header-area .top-header-area .top-social-info {
    position: relative;
    z-index: 1; }
.header-area .top-header-area .top-social-info a {
    color: #ffffff;
    font-size: 14px;
    padding: 0 13px; }
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-area .top-header-area .top-social-info a {
        padding: 0 10px; } }
.header-area .top-header-area .top-search-area {
    position: relative;
    z-index: 1; }
.sb-search {
    position: relative;
    width: 0%;
    min-width: 36px;
    height: 36px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.sb-icon-search {
    background: #e68523;
}
.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    width: 50%;
    height: 36px;
    margin: 0;
    z-index: 10;
    padding: 2px 41px 2px 10px;
    font-size: 14px;
    color: #b40c24;
}

.sb-search-input::-webkit-input-placeholder {
    color: #b40c24;
    font-size: 14px;
}

.sb-search-input:-moz-placeholder {
    color: #3DBFB8;
}

.sb-search-input::-moz-placeholder {
    color: #3DBFB8;
}

.sb-search-input:-ms-input-placeholder {
    color: #efb480;
}

.sb-icon-search,
.sb-search-submit  {
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #282560;
    z-index: 90;
    font-size: 14px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}
.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #fff;
    z-index: 90;
    font-size: 14px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

.sb-icon-search:before {
    content: "\f002";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;

}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    color: #fff;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}

/* :: 3.6.0 ScrollUp */
#scrollUp {
    background-color: #3DBFB8;
    border-radius: 0;
    bottom: 50px;
    color: #ffffff;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    right: 50px;
    text-align: center;
    width: 40px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15); }
@media only screen and (max-width: 767px) {
    #scrollUp {
        right: 30px;
        bottom: 30px; } }
#scrollUp:hover {
    background-color: #282560;
    color: #ffffff; }

/* -- end top area */
/* preloader  */


.left_side{

    position: fixed;
    z-index: 300;
    direction: ltr;
    left: 1px;
    top: 33%;
    list-style-type: none;
    padding: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.left_side ul{

    position: absolute;
    overflow: hidden;
    border: none;
}
.left_side i. fa{

    padding: 8px;
    font-size: 25px;
    color: #fff;


}
.left_side li{

    padding:8px;
    transition: .5s;
    width: 40px;
    position: relative;
    text-align: center!important;
    margin-top: 5px;
    border-radius: 3px;
}

.left_side li i{

    font-size: 20px;
}

.left_side li>a {
    color: #ffffff;
    text-decoration: none;

}

.left_side li:nth-child(1){

    background: #00a89c;

}
.left_side li:nth-child(2) {

    background: #c69500;


}
.left_side li:nth-child(3){

    background-color: #3b5999!important;

}
.left_side li:nth-child(4){

    background: #55acee;


}
.left_side li:nth-child(5){

    background-color: #337ab7!important;
}
.left_side li:nth-child(6) {

    background: #55acee;
}

.left_side li:nth-child(7){

    background-color: #25D366!important;
}
.left_side li:nth-child(8){

    background-color: #e4405f!important;

}
.left_side li:nth-child(9){

}
.left_side li:nth-child(10){

    background-color: #d22f38!important;
}
.left_side li:nth-child(11){


}
.left_side li:hover{

    width: 100px;
    text-align: right
}


@media (max-width: 768px){
    .left_side {

        display: none;
    }

}
/* Main Nav */
nav.navbar {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;

}
.navbar-brand {

    height: auto;
    float: right;

}


.navbar ul li a {
    display: block;
    position: relative;
    font-weight: bold;
    line-height: 12px;
    font-size: 12px;

    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}


.navbar ul li a:hover{

    color: #d10424 ;
}
.dropdown-menu{


    background-color: #000000;


}

.dropdown-menu .dropdown-item{

    color: #FFFFFF;
    text-align: right;
    font-size: 12px;
    font-weight: bold;

}
.dropdown-menu .dropdown-item:hover{

    color: rgba(0, 0, 0, 0.8);
}

.dropdown:hover> .dropdown-menu{

    display: inline-block;
}

.navbar ul li:hover{

    color: #ffffff;

}

.navbar-light .navbar-nav .nav-link{
    color: #000000;

}
.navbar-collapse  ul.navbar-nav {



}
.line::after{

    content: '';
    display: block;
    width: 0;
    height: 2px;
    color: #ffffff;
    background: #234e34;
    transition: width .3s;

}
.nav-link.line::after{


    color: #FFFFFF;

}
.line:hover::after{
    width: 100%;
    color: #FFFFFF;
    transition: width .3s;

}

.nav-link:hover{

    color: #FFFFFF;
}
@media only screen and (max-width: 979px) {

    .navbar ul li>a{
        text-align: right;

    }
    .navbar-brand{

        float: right;
    }

}
/* :: 5.0 Hero Area */
.hero-area {
    position: relative;
    z-index: 1;
    padding: 30px 0 80px; }
.hero-area .breaking-news-area {
    position: relative;
    z-index: 1;
    padding: 5px;

}
.hero-area .breaking-news-area .news-title {
    min-width: 150px;
    height: 38px;
    background-color: #d55548;
    text-align: center;
    padding: 0 20px;


}
.hero-area .breaking-news-area .news-title p {
    margin-bottom: 0;
    font-weight: bold;
    font-family: ‘ Thabit’, serif;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    line-height: 38px; }
@media only screen and (max-width: 767px) {
    .hero-area .breaking-news-area .news-title p {
        font-size: 12px; } }
.hero-area .breaking-news-area .news-title.title2 {


}
@media only screen and (max-width: 767px) {
    .hero-area .breaking-news-area .news-title {
        min-width: 100px;
        padding: 0 5px; } }
.hero-area .breaking-news-area .ticker {
    width: 100%;
    text-align: right;
    position: relative;
    overflow: hidden;
    font-size: 18px;
    padding: 0 20px;
    color: #000000; }
@media only screen and (max-width: 767px) {
    .hero-area .breaking-news-area .ticker {
        padding: 0 5px; } }
.hero-area .breaking-news-area .ticker ul {
    width: 100%;
    position: relative;
    z-index: 1; }
.hero-area .breaking-news-area .ticker ul li {
    display: none;
    width: 100%; }
.hero-area .breaking-news-area .ticker ul li a {
    display: block;
    font-size: 16px;
    color: #FFFFFF;
    height: 38px;
    line-height: 38px; }
.hero-area .breaking-news-area .ticker ul li a:hover, .hero-area .breaking-news-area .ticker ul li a:focus {
    color: #282560; }
@media only screen and (max-width: 767px) {
    .hero-area .breaking-news-area .ticker ul li a {
        font-size: 12px; } }

.hero-add {
    position: relative;
    z-index: 1; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-add {
        margin-top: 80px;
        text-align: center; } }
@media only screen and (max-width: 767px) {
    .hero-add {
        margin-top: 80px;
        text-align: center; } }

#counter {

    margin-left: 30px;


}

.rules_bd {
    border-bottom: solid thin #bfbfbf;
    padding-bottom: 2px;
    position: relative;
    z-index: 1;
    height: 190px;
}
.rules_2{


    color: #FFFFFF;
    border: solid thin #e0a800;
    padding: 2px;
    height: 190px;



}


.digit-separator {position: relative; width: 17px; height: 44px; overflow: hidden; background-image: url(../img/digit_separator.png);
}

.digit {
    background-image:url(../img/digits.png)

}
.single-blog-post {
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }

.single-blog-post.style-4 .blog-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
    width: 120px;
    margin-right: 15px; }
.single-blog-post.style-4 .blog-thumbnail img {
    width: 100%;
    padding: 5px;

}
.single-blog-post.style-4 .blog-content {
    position: relative;
    z-index: 1; }
.single-blog-post.style-4 .blog-content .post-date {
    font-size: 12px;
    color: #636363;
    margin-bottom: 5px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
.single-blog-post.style-4 .blog-content .post-title {
    display: block;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
    color: #232323;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
.single-blog-post.style-4 .blog-content .post-title:hover, .single-blog-post.style-4 .blog-content .post-title:focus {
    font-weight: 600;
    color: #282560; }
.single-blog-post.style-4:hover .blog-content .post-title {
    color: #282560; }

.slider-container {
    position: relative;
    overflow: hidden;
    height: 40vw;
    max-height: 470px;
    min-height: 460px;
    border-width: 5px!important;
    border-color: #0c081d;
    border-radius: 20px;
    width: 100%;
    margin: 0;
}
.slider {
    position: relative;

}
#carousel_items .carousel-indicators{

    padding-bottom: 75px;
    left:15%;
}
#carousel_items.carousel-indicators li{

    border-radius: 5px !important;
}

.tit2 a{

    font-size: 20px;
    max-width: 80%;
    color: #171a1d;
    text-decoration: none;
    margin: 0 auto 20px;
    font-weight: bold;
    text-align:justify;
    padding-right: 25px;


}

.latest-post-area {
    margin-top: 50px;
}

@media (max-width: 575px) {
    .latest-post-area .container {
        padding: 0px 15px !important;
    }
}

.latest-post-area .latest-post-wrap {
    padding: 20px;
    background: #fff;
}

.latest-post-area .latest-post-wrap .cat-title {
    font-size: 14px;
    font-weight: 600;
    background: #bea34d;
    color: #fff;
    padding: 10px 25px;
}

.single-sidebar-widget .title {
    background: #b40c24 ;
    color: #FFFFFF;
    padding: 12px 5px;
}
.section-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
    text-align: center; }
.section-heading h4 {
    font-weight: 700;

    margin-bottom: 10px; }
@media only screen and (max-width: 767px) {
    .section-heading h4 {
        font-size: 20px; }
}
.section-heading .line {
    width: 150px;
    height: 1px;
    background-color: #4e5152;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    direction: rtl;

}

.single-widget {
    position: relative;
    z-index: 1;
    border-radius: 3px;

}

.clear{


    display: block;
    margin: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-widget {
         } }
@media only screen and (max-width: 767px) {
    .single-widget {
        padding: 30px 20px; } }
.section-heading .line::after {
    width: 60px;
    height: 2px;
    background-color: #2b6dad;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px; }
.section-heading.style-2 {
    text-align: left; }
.section-heading.style-2 .line {
    width: 100%; }
.section-heading.style-2 .line::after {
    left: 0;
    margin-left: 0; }


.section-heading .line2 {
    width: 150px;
    height: 1px;
    background-color: #4e5152;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    direction: rtl;

}
.section-heading .line2::after {
    width: 70px;
    height: 2px;
    background-color: #2b6dad;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    margin-left: -30px; }
.section-heading.style-2 {
    text-align: left; }
.section-heading.style-2 .line2 {
    width: 100%; }
.section-heading.style-2 .line2::after {
    left: 0;
    margin-left: 0; }





.single-post-area {
    position: relative;
    z-index: 1; }
.single-post-area .post-thumbnail {
    position: relative;
    z-index: 1; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-post-area .post-thumbnail {
        margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
    .single-post-area .post-thumbnail {
        margin-bottom: 30px; } }
.single-post-area .post-content {
    position: relative;
    z-index: 1;
    margin-top: 20px; }
.single-post-area .post-content .post-title {
    display: block;
    text-align: center;
    color: #282560 ;
    margin-bottom: 15px;
    font-size: 20px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-post-area .post-content .post-title {
        font-size: 18px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-post-area .post-content .post-title {
        font-size: 16px; } }
@media only screen and (max-width: 767px) {
    .single-post-area .post-content .post-title {
        font-size: 18px; } }
.single-post-area .post-content .post-title:hover, .single-post-area .post-content .post-title:focus {
    color: #3DBFB8; }
.single-post-area .post-content .post-meta a {
    display: inline-block;
    margin-right: 20px; }
.single-post-area .post-content .post-meta a:hover, .single-post-area .post-content .post-meta a:focus {
    color: #3DBFB8; }
.single-post-area .post-content .post-meta a:last-child {
    margin-right: 0; }
.single-post-area .post-content .post-meta .post-author {
    color: #595959; }
.single-post-area .post-content .post-meta .post-date {
    color: #595959; }
.single-post-area .post-content .post-meta i.fa-circle {
    color: #a6a6a6;
    font-size: 6px;
    margin-right: 20px; }
.single-post-area.style-2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #393c3d; }

.post-cata {
    padding: 8px 15px 6px;
    border-radius: 2px;
    font-size: 12px;
    border: none;
    color: #ffffff;
    line-height: 1;
    margin: 10px 10px;
    display: inline-block; }



.post-cata.cata-success {
    background-color: #234e34; }
.post-cata.cata-danger {
    background-color: #234e34; }
.post-cata.cata-primary {
    background-color: #234e34; }
.post-cata:hover, .post-cata:focus {
    background-color: #0f1112;
    font-size: 12px; }
.post-cata.cata-sm {
    font-size: 10px; }
.post-cata.cata-sm:hover, .post-cata.cata-sm:focus {
    background-color: #0f1112;
    font-size: 10px;
    color: #FFFFFF;

}



.single-youtube-channel {
    position: relative;
    z-index: 1;
    margin-bottom: 30px; }
.single-youtube-channel:last-child {
    margin-bottom: 0; }
.single-youtube-channel .youtube-channel-content {

}

.single-youtube-channel .youtube-channel-content .subscribe-btn {
    width: 200px;
    height: 32px;

    line-height: 32px;
    text-align: center;
    background:#1b2838;
    border-radius: 3px;
    padding: 0;
    color: #ffffff;
    font-size: 14px;
    font-size: 14px;
    font-weight: 500; }
.single-youtube-channel .youtube-channel-content .subscribe-btn:hover, .single-youtube-channel .youtube-channel-content .subscribe-btn:focus {
    font-size: 14px;
    font-weight: 500;
    background-color: #0f1112; }

.rules_2{


    border: solid thin #e0a800;
    padding: 2px;
    background-repeat: no-repeat;
    background-size: auto;
    height: 90%;
    margin-bottom: 25px;

}
.rules_3{


    border: solid thin #FBEBC0;
    padding: 2px;

    background-size: auto;
    max-height: 90%;
    margin-bottom: 25px;

}
.about_text {
    margin-top: 15px;
    color: #282560;
    font-weight: bold;
    text-align: justify;
    font-size: 14px;
}


.about_text2 {
    margin-top: 15px;
    color: #282560;
    font-weight:bold;
    font-size: 14px;
    font-family: ‘ Thabit’, serif;
    text-align: justify;
    padding: 5px;
}
.intro{

    text-align: center;
    color: #212529;
    font-weight:bold;

}
.intro h6{

    text-align: right;
    font-weight:bold;
    color: #00008B;

}


.de{

    margin-bottom: 246px;
}

.res_title {
    font-size: 14px;
    padding: 5px 10px;
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 2px;
    color: #484848;
}
.res_text {

    font-weight: bold;
    font-size: 12px;
    border: solid thin #e7e7e7;
    padding: 5px 10px;
    margin-top: 3px;
    text-align: justify;
    background-color: #f9f9f9;
    float: right;
    max-width: 590px;
}


.pdf {
    border-bottom: solid thin #dce8ec;
    padding:2px;
}
.res_down {


    margin-top: 8px;
    float: left;
    font-size: 20px;
}


.m-btn {
    background-color: #3DBFB8;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    position: relative;
    z-index: 1;
    display: inline-block;
    min-width: 160px;
    height: 50px;
    color: #ffffff;
    border-radius: 0;
    padding: 0 30px;
    font-size: 16px;
    line-height: 50px;
    font-weight: 500;
    text-transform: capitalize; }
.m-btn:hover, .m-btn:focus {
    font-size: 16px;
    font-weight: 500;
    background-color: #0f1112;
    color: #ffffff;
    box-shadow: none; }

.footer-area {
    position: relative;
    z-index: 1;
    background-color: #282560;
    padding-top: 50px; }


.footer-area .footer-widget {
    position: relative;
    z-index: 1; }
.footer-area .footer-widget .widget-title {
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin-top: 20px;
    margin-bottom: 40px;
    color: #FFFFFF;
    text-align: right;

}


.footer-area .footer-widget p{

    color: #FFFFFF;
    text-align: justify;
}
.footer-area .footer-widget .placeholder
{


}
.footer-area .footer-widget .contact-address {
    position: relative;
    z-index: 1; }
.footer-area .footer-widget .contact-address p {
    margin-bottom: 0; }
.footer-area .footer-widget .footer-nl-area {
    position: relative;
    z-index: 1;
    margin-top: 30px; }
.footer-area .footer-widget .footer-nl-area form {
    position: relative;
    z-index: 1; }
.footer-area .footer-widget .footer-nl-area form input {
    width: 100%;
    height: 40px;
    background-color: #303334;
    border-radius: 0;
    padding: 0 50px;
    border: none; }
.footer-area .footer-widget .footer-nl-area form button {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #656565;
    color: #ffffff;
    z-index: 10;
    top: 0;
    right: 0;
    border: none;
    cursor: pointer;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms; }
.footer-area .footer-widget .footer-nl-area form button:hover, .footer-area .footer-widget .footer-nl-area form button:focus {
    background-color: #495057;
    color: #ffffff; }
.footer-area .footer-widget ul li:before{

    margin-right: 5px;
    font-size: 14px;
    top:-1px;
    position: relative;
    color: #fff;
}

.footer-area .footer-widget a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    text-align: justify;

}

.footer-area .footer-widget .footer-social-area {
    position: relative;
    z-index: 1;
    margin-top: 30px; }
.footer-area .footer-widget .footer-social-area a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #db4437;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    font-size: 16px;
    margin-right: 5px; }
.footer-area .footer-widget .footer-social-area a:last-child {
    margin-right: 0; }
.footer-area .footer-widget .footer-social-area a.facebook {
    background-color: #597dca; }
.footer-area .footer-widget .footer-social-area a.twitter {
    background-color: #1da1f2; }
.footer-area .footer-widget .footer-social-area a.google-plus {
    background-color: #db4437; }
.footer-area .footer-widget .footer-social-area a.instagram {
    background-color: #a67c52; }
.footer-area .footer-widget .footer-social-area a.linkedin {
    background-color: #3b5998; }
.footer-area .footer-widget .footer-social-area a:hover, .footer-area .footer-widget .footer-social-area a:focus {
    background-color: #db4437; }

 .copywrite-area {
    position: relative;
    z-index: 1;
    margin-top: 30px;
    padding: 0px 0;
    background-color: #2b6dad; }
.copywrite-area .copywrite-text {
    font-size: 14px;
    margin-bottom: 0;
    text-align: right;
    font-weight: 400;
    color: #FFFFFF; }

.footer-contact li {
    text-align: right;
    color: #fff;
    font-size: 13px;
    margin-bottom: 15px;
    /* text-transform: uppercase; */
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 35px;
    line-height: 25px;
}
.footer-contact li:nth-child(1) {
    background-image: url("../img/loca.png");

}
.footer-contact li:nth-child(2) {
    background-image: url("../img/smart.png");

}

.footer-contact li:nth-child(4) {
    background-image: url("../img/contact.png");

}
.number-lb2 {
    direction: ltr;
    text-align: right;
}
.section-padding-100 {
    padding-top: 100px;
    padding-bottom: 100px; }


.single-blog-post.style-2 .blog-thumbnail {
    margin-bottom: 20px; }
.single-blog-post.style-2 .blog-thumbnail img {
    width: 100%;

    animation-delay: 0.2s;
    animation-name: zoomIn;

}
.single-blog-post.style-2 .blog-content {
    position: relative;
    z-index: 1; }
.single-blog-post.style-2 .blog-content .post-date {
    font-size: 12px;
    color: #282560;
    margin-bottom: 10px; }
.single-blog-post.style-2 .blog-content .post-title {
    display: block;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 10px;
    color: #282560; }
.single-blog-post.style-2 .blog-content .post-title:hover, .single-blog-post.style-2 .blog-content .post-title:focus {
    color: #3DBFB8; }
.single-blog-post.style-2 .blog-content .post-author {
    display: block;
    font-size: 12px;
    color: #636363;
    font-weight: 500;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
.single-blog-post.style-2 .blog-content .post-author:hover, .single-blog-post.style-2 .blog-content .post-author:focus {
    color: #3DBFB8; }
.single-blog-post.style-2:hover {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
.single-blog-post.style-2:hover .blog-content .post-title {
    color: #3DBFB8; }
.single-blog-post.style-3 .blog-thumbnail {
    margin-bottom: 20px;
    position: relative;
    z-index: 1; }

.newsbox-btn {
    background-color: #3DBFB8;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    position: relative;
    z-index: 1;
    display: inline-block;
    min-width: 150px;
    height: 50px;
    color: #ffffff;
    border-radius: 0;
    padding: 0 30px;
    font-size: 18px;
    line-height: 54px;
    font-weight: 600;
    text-transform: capitalize; }
.newsbox-btn:hover, .newsbox-btn:focus {
    font-size: 18px;
    font-weight: 400;
    background-color: #0009;
    color: #ffffff; }

.input100 {
    font-size: 15px;
    line-height: 1.5;
    color: #666666;

    display: block;
    width: 100%;
    background: #e6e6e6;
    height: 50px;
    border-radius: 25px;
    padding: 0 30px 0 68px;
}


/*------------------------------------------------------------------
[ Focus ]*/
.focus-input100 {
    display: block;
    position: absolute;
    border-radius: 25px;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 0px 0px;
    color: rgba(87,184,70, 0.8);
}

.input100:focus + .focus-input100 {
    -webkit-animation: anim-shadow 0.5s ease-in-out forwards;
    animation: anim-shadow 0.5s ease-in-out forwards;
}

@-webkit-keyframes anim-shadow {
    to {
        box-shadow: 0px 0px 70px 25px;
        opacity: 0;
    }
}

@keyframes anim-shadow {
    to {
        box-shadow: 0px 0px 70px 25px;
        opacity: 0;
    }
}

.symbol-input100 {
    font-size: 15px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: absolute;
    border-radius: 25px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 35px;
    pointer-events: none;
    color: #666666;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.input100:focus + .focus-input100 + .symbol-input100 {
    color: #57b846;
    padding-left: 28px;
}

/*------------------------------------------------------------------
[ Button ]*/
.login100-form-btn {
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;

    width: 100%;
    height: 50px;
    border-radius: 25px;
    background: #57b846;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.login100-form-btn:hover {
    background: #333333;
}



/*---------------------------------------------*/
input {
    outline: none;
    border: none;
}

textarea {
    outline: none;
    border: none;
}

textarea:focus, input:focus {
    border-color: transparent !important;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

input::-webkit-input-placeholder { color: #999999; }
input:-moz-placeholder { color: #999999; }
input::-moz-placeholder { color: #999999; }
input:-ms-input-placeholder { color: #999999; }

textarea::-webkit-input-placeholder { color: #999999; }
textarea:-moz-placeholder { color: #999999; }
textarea::-moz-placeholder { color: #999999; }
textarea:-ms-input-placeholder { color: #999999; }

/*---------------------------------------------*/
button {
    outline: none !important;
    border: none;
    background: transparent;
}

button:hover {
    cursor: pointer;
}

iframe {
    border: none !important;
}

.single-post-wrap {
    padding: 10px;
    background: #fff;
}

.single-post-wrap .feature-img-thumb img {
    width: 100%;
}

.single-post-wrap .feature-img-thumb .overlay-bg {
    background: rgba(0, 0, 0, 0.4);
}

.single-post-wrap .content-wrap {

    text-align: right;
}

@media (max-width: 413px) {
    .single-post-wrap .content-wrap {
        padding: 0px;
    }
}

.single-post-wrap .tags li {
    display: inline-block;
    background: #f6214b;
    color: #fff;
    padding: 4px 30px;
    font-weight: 300;
}

.single-post-wrap .tags li a {
    color: #fff;
}

.single-post-wrap h3 {
    margin-top: 20px;
}

.single-post-wrap .meta {
    margin: 10px 0px;
}

.single-post-wrap .meta li {
    display: inline-block;
    color: #777777;
    margin-right: 10px;
    font-weight: 300;
    font-size: 12px;
}

.single-post-wrap .meta li .lnr {
    margin-right: 10px;
    font-weight: 700;
}

.single-post-wrap .meta li a, .single-post-wrap .meta li .lnr {
    color: #777777;
}



.single-post-wrap .navigation-wrap {
    margin-top: 50px;
}

.single-post-wrap .navigation-wrap a {
    font-size: 14px;

    font-weight: 300;
    background: #282560;
    color: #fff;
    padding: 12px 24px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-post-wrap .navigation-wrap a:hover {
    background: #3DBFB8;
}

.single-post-wrap .navigation-wrap .lnr {
    font-weight: 700;
}

.single-post-wrap .navigation-wrap .prev .lnr {
    margin-right: 10px;
}

.single-post-wrap .navigation-wrap .next .lnr {
    margin-left: 10px;
}

.single-post-wrap .comment-sec-area h6 {
    padding: 50px 0px;
}

.single-post-wrap .comment-sec-area a {
    color: #222;
}

.single-post-wrap .comment-sec-area .comment-list {
    padding-bottom: 30px;
}

.single-post-wrap .comment-sec-area .comment-list.left-padding {
    padding-left: 25px;
}

.single-post-wrap .comment-sec-area .thumb {
    margin-right: 20px;
}

.single-post-wrap .comment-sec-area .date {
    font-size: 13px;
    color: #cccccc;
}

.single-post-wrap .comment-sec-area .comment {
    color: #777777;
}

.single-post-wrap .comment-sec-area .btn-reply {
    background-color: #222;
    color: #fff;
    padding: 8px 30px;
    display: block;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

@media (max-width: 414px) {
    .single-post-wrap .comment-sec-area .btn-reply {
        padding: 5px 20px;
    }
}

.single-post-wrap .comment-sec-area .btn-reply:hover {
    background-color: #f6214b;
    color: #fff;
}

.comment-form {
    background: #ecf0f1;
    text-align: center;
    padding: 50px 20px;
    margin-top: 50px;
}

.comment-form h4 {
    text-align: left;
    margin-bottom: 50px;
}

.comment-form .name {
    padding-left: 0px;
}

@media (max-width: 991px) {
    .comment-form .name {
        padding-right: 0px;
    }
}

.comment-form .email {
    padding-right: 0px;
}

@media (max-width: 991px) {
    .comment-form .email {
        padding-left: 0px;
    }
}

.comment-form .form-control {
    padding: 12px;
    background: #fff;
    border: none;
    border-radius: 0px;
    width: 100%;
    font-size: 13px;
    color: #777777;
}

.comment-form .form-control:focus {
    box-shadow: none;
    border: 1px solid #eee;
}

.comment-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 13px;
    color: #777;
}

.comment-form ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 13px;
    color: #777;
}

.comment-form :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 13px;
    color: #777;
}

.comment-form :-moz-placeholder {
    /* Firefox 18- */
    font-size: 13px;
    color: #777;
}

.comment-form .primary-btn {
    border-radius: 0px !important;
    border: 1px solid transparent;
    color: #fff;
    font-weight: 600;
}

.comment-form .primary-btn:hover {
    background: transparent;
    border-color: #f6214b !important;
    color: #f6214b !important;
}

/*-------- End single post Style -------------*/
/*-------- Start gallery post Style -------------*/
.feature-img-thumb .single-img .overlay-bg {
    z-index: 2;
}

.feature-img-thumb .owl-nav .owl-prev {
    position: absolute;
    top: 45%;
    background: #282560;
    padding: 10px 15px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-radius-top-left: 24px;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.feature-img-thumb .owl-nav .owl-prev:hover {
    background: #fff;
}

.feature-img-thumb .owl-nav .owl-prev:hover .lnr {
    color: #f6214b;
}

.feature-img-thumb .owl-nav .owl-prev .lnr {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: block;
    margin-top: 0px;
    color: #fff;
    font-weight: 700;
}

.feature-img-thumb .owl-nav .owl-next {
    position: absolute;
    top: 45%;
    background: #282560;
    padding: 10px 15px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-radius-top-left: 24px;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.feature-img-thumb .owl-nav .owl-next:hover {
    background: #fff;
}

.feature-img-thumb .owl-nav .owl-next:hover .lnr {
    color: #f6214b;
}

.feature-img-thumb .owl-nav .owl-next .lnr {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-top: 0px;
    display: block;
    color: #fff;
    font-weight: 700;
}

.section-title {
    margin-bottom: 15px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    border: 1px solid #dee2e6;
    border-left: 5px solid #f6214b;
}

.entry-content .arrow li::before {
    content: "";
    position: absolute;
    right: -1.1em;
    margin-top:12px;
    width: 0;
    font-family: 'Tajawal', sans-serif;
    height: 0;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    border-right: 0.5em solid #2b6dad;
}

.committee .arrow li::before {
    content: "";
    position: absolute;
    right: 0em;
    margin-top: 4px;
    width: 0;
    height: 0;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    border-right: 0.5em solid #ee4056;
}

.arrow{
    direction: rtl;
    text-align: right;
    color: #222222;
    font-family: 'Tajawal';
    font-weight: 500;
    padding: 10px;
    margin-top: 25px;
}

.pricing-entry ul li:nth-child(odd) {
    background: #4a76a8;
    color: #fff;
}
.card-title{

    color: #1b2838;
}