body {
     font-size: 17px;
     color: #555;
     position: relative;
     background: #ffffff;
     font-weight: 600; 
     overflow-x: hidden; 
     color: #355665;
     direction: rtl;
     font-family: 'El Messiri', sans-serif;
     font-weight: lighter
 }

 a {
     color: #fff;
     -webkit-transition: all .3s ease-in 0s;
     -moz-transition: all .3s ease-in 0s;
     -ms-transition: all .3s ease-in 0s;
     -o-transition: all .3s ease-in 0s;
     transition: all .3s ease-in 0s;
 }

 a,
 a:focus,
 a:hover {
     text-decoration: none;
     outline: 0;
 }

 .clear:after {
     clear: both;
 }

 .clear {
     zoom: 1;
 }

 * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 /*************************
*******header******
**************************/

 .nav>li>a {
     display: block;
     padding: 2px 10px;
 }

 

.navbar-default {
    border: none;
    margin: 0 !important;
    height: 693px;
    margin-right: 27px;
    top: -220px;
    padding-top: 5px;
    position: fixed;
    display: flex !important;
    justify-content: center;
    border-radius: 36%;
    background: #355665;
    padding-top: 141px;
    overflow: hidden;
    box-shadow: 0px 0px 42px 0px #3e3e3e;
    -webkit-transition: all 2s ease;  
    -moz-transition: all 2s ease;  
    -o-transition: all 2s ease;  
    -ms-transition: all 2s ease;  
    transition: all 2s ease;
}
.navbar-default .container{
    margin-top: 107px
}
 .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
    color: #cfffea }
  

 .animated-nav .top2 {
     top: 0px;
 }
.overlay2{
    background: linear-gradient(to right, rgb(0, 0, 0), rgba(0, 0, 0, 0));
    width: 100%;
    height: 100%;
} 

.navbar-brand>img {
    margin-top: -4px;
    width: 123px;
    z-index: 9999999999999999;
    opacity: 1;     -webkit-transition: all 2s ease;  
    -moz-transition: all 2s ease;  
    -o-transition: all 2s ease;  
    -ms-transition: all 2s ease;  
    transition: all 2s ease;
 }

 .navbar-default .navbar-nav>li>a {
     text-transform: capitalize;
 }

 .navbar-default .navbar-nav>.active>a,
 .navbar-default .navbar-nav>.active>a:hover,
 .navbar-default .navbar-nav>.active>a:focus {
     font-weight: 700;
     color: #fff;
     font-size: 21px;
     background: transparent;
 }

 .navbar-default .navbar-nav>li>a {
     color: #ffffff;
 }

 .navbar-toggle {
     border: none;
     padding-top: 12px;
 }

 .clearfix {
     clear: both;
 }

 .navbar {
     display: flex  ; 
 }
 .navbar-right{
    display: flex;
    flex-direction: row;
 }
.active-page{ 
       font-size: 21px;    color: #cfffea !important;

}

.bottom-header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
 }
 .names{
    display: flex;
    flex-direction:  column;
    justify-content: center;
    align-items: center;
 }
 .words{
    margin-top: 617px;
 }
 .details-person ,.center,.center2 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

}
.center{
    flex-direction: row
}
.center2{
    flex-direction: column;


}
.person img{
    margin-top: 0;
    -webkit-transition: all 3.5s ease;  
    -moz-transition:  all 3.5s ease;  
    -o-transition:  all 3.5s ease;  
    -ms-transition:  all 3.5s ease;  
    transition:  all 3.5s ease;  
}

.details-person p{
    text-align: center
}

.button h3{
    background: #375566;
    padding: 10px 35px;
    font-size: 17px;
    color: #fff;
    border-radius: 23px;  
    box-shadow: 0px 0px 13px 0px #3e3e3e;
      width: 177px;    text-align: center;   -webkit-transition: all .3s ease-in 0s;
      -moz-transition: all .3s ease-in 0s;
      -ms-transition: all .3s ease-in 0s;
      -o-transition: all .3s ease-in 0s;
      transition: all .3s ease-in 0s;
}
.button h3:hover {
    background: #333; 
    font-size: 18px; 
    width: 184px;   -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}
.article .button h3:hover{
    background: #333;  
   -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
    width: 269px;

}
.bottom-header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
 }
 .names{
    display: flex;
    flex-direction:  column;
    justify-content: center;
    align-items: center;    margin-top: -200px; 
 }
 .words{
    margin-top: 537px;
 }
 .news p{
     text-align: center
 }
.goals{  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    background: #375566;
    color: #fff;
    border-radius: 50%;
    padding: 80px 143px;
    box-shadow: 0px 0px 42px 0px #3e3e3e;
    margin-top: 61px;


}
.icons{ 
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 15px;
}
.goals h2 ,.news h2{
    font-weight: 600;
    margin-bottom: 16px;
      margin-top: 0;
      text-align: center;    font-size: 33px;

}
.icons img{
    width: 100px;
}
.icons h4{
    font-weight: 600;
}
.icons p{
    font-size: 13px;
   padding: 0px 19px;
}
.item-icon{
    height: 250px;
}

.group-news img{    
    width: 90%;
    height: 300px;
}
.overlay{
    width: 86%;
    position: absolute;
    height: 100%;
    background: linear-gradient(#ff000000, #375566);
        top: 0;
}
.col-md-6{

    display: flex;
    justify-content: center;
}
.bottom-tilte{
bottom: 0;
position: absolute;
padding: 8px;
}
.bottom-tilte h2{    
    color: #fff;
    text-align: right;
    line-height: 31px;
    font-size: 19px;
}

.button2 h3{
    background: #fff;
    padding: 10px 35px;
    font-size: 17px;
    color: #000;
    border-radius: 23px;
    width: 168px;
    margin-top: 0px;  -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}

.button2 h3:hover{ 
    background: #333; 
    font-size: 18px; 
   -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
    color: #fff
}

.news h2{
margin-top: 100px
}

.group-news{
    margin-top: 41px;
}
.right-news{ 
margin-bottom: 31px;
}

.logos{
    margin-top: 22px;
}
.logos .col-md-3 ,.logos .col-md-4{
    display: flex;
    height: 104px;
    justify-content: center;
    align-items: center;
}
.vote{
    margin-top: 77px; 
    text-align: center;
    margin-bottom: -59px;
}
.vote-photo ,.vote-title{ 
    display: flex;
    justify-content: center;
    align-items: center;    
    flex-direction: column;
}

.footer{
    background: #375566;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 70px;
    position: relative;
    margin-top: 200px;
}

.border-red{
    background: #395467;
    position: absolute;
    top: -102px;
    height: 391px;
    z-index: -2;
    width: 133%;
    border-radius: 62%;
    border: 30px solid #588fa8;
    left: -14%;
}

.links a {
    padding: 5px
}

.links a:hover {
color: #cfffea
}

.item-address{
    display: flex
}
.footer .fa {
    padding-left: 9px;
    font-size: 23px;

}
.address{
    align-items: flex-start;
}

.navbar2{
    background: #375566;
    padding-top: 25px;
}


.navbar2 .navbar-brand>img {
    margin-top: -35px;
    width: 57px;
}
.cv{
    margin-top: 114px;
}
.cv .name2{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.name2 img{
    width: 30%;
}
 .name2 .slogin img{
    width: 100%;
 }
 .name2 h3{
     margin-top: 8px;
     margin-bottom: 10px;
 }
.cv-title{
    background: #5d8294;
    width: 200px;
    text-align: center;
    padding: 4px 10px;
    color: #fff;
    border-radius: 7px;
    margin-bottom: 11px;    margin-top: 31px;

}
.cv-text li ,.article-text li{
    margin-bottom: 7px;
    margin-right: -14px;
} 

.article .center{
    justify-content: flex-start;
}

.article .button h3 {
    background: #375566;
    padding: 15px 36px;
    font-size: 17px;
    color: #fff;
    border-radius: 23px;
    width: 259px;    
    text-align: center;
    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}
.article h1 ,.photo h1 ,.votes h1{
    text-align: center;
    margin-bottom: 41px;
    font-weight: 600;
    font-size: 33px;
}
.article h2 {
    font-size: 27px;
}

.article,.photo,.votes {
    margin-top: 91px;
    min-height: 100vh
}
.photo .col-md-3 { 
    padding: 4px;
}
.photo img{
    width: 100%;
    height: 184px;
    box-shadow: 0px 0px 7px 0px #3e3e3e;
} 
.votes h4{
    text-align: center;
  margin-top: -7px;
    font-size: 29px;
}

.votes h1{
margin-bottom: 20px;
}

.item-icon2 img{
    width: 123px;    margin-top: -38px;

}

.carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-top: 41px;
}
.carousel-inner{
width: 550px;
margin-bottom: 170px;
box-shadow: 38px 38px 24px -36px #395467;
}

.carousel-indicators li {
    display: inline-block;
    width: 70px;
    height: 100px;
    margin: 7px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
    opacity: 0.4;
}


.carousel-indicators li.active{
    opacity: 1;
    border: 4px solid #588fa8;
     width: 70px;
    height: 100px;
    margin: 7px;
   
}


.votes .fa{
    font-size: 50px;
    color: #588fa8;
}


.sl-prev { 
    position: absolute; 
    top: 280px;
    left: 180px;
}

.sl-next{
    position: absolute; 
    top: 280px;
    right: 180px;
} 
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #cfffea;
}

.votes .button h3 {
    background: #375566;
    padding: 14px 35px;
    font-size: 17px;
    color: #fff;
    border-radius: 23px;
    width: 377px;
    margin-top: 2px;
    text-align: center;
}

.line{
    width: 260px;
    height: 2px;
    background: #fff;
    margin-bottom: 12px;
}

.social{
    width: 260px;
    display: flex;
    justify-content: center;
}

.social .fa{
    font-size: 40px;    margin-left: 6px;

}

.social .fa:hover{
    color: #b4fff6
}


 
.form-control {
        border-color: #6fa1be;
        height: 31px;
        border-radius: 0;
        box-shadow: none;
        color: #444;
        font-family: 'Cairo', sans-serif;
        font-size: 14px;
    }
    .form-control:hover ,
    .form-control:focus{
        border-color: #2e8d9b 
    }
    
    textarea.form-control {
      min-height: 166px;
      resize:none;
        
    }
    
    .form-group {
      margin-bottom: 14px;
        color: #fff;
    }
    
    .btn-submit {
        font-family: 'Cairo', sans-serif;
        width: 100%;
        color: #fff;
        background: #375566;
        border: 0;
        margin-top: 4px;
        font-size: 14px;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        transition: all 0.6s ease;
        border-radius: 51px;    box-shadow: 0px 0px 13px 0px #3e3e3e;

        height: 52px;
    }
    .btn-submit h3{
    margin-top: 11px;
    font-size: 20px;

} 
    #cont h2 {
        font-weight: 800;
        padding-bottom: 12px;
    }
    
    #cont p {
        padding-bottom: 70px
    }
    .btn-submit:hover 
    {
      background-color: #333;
        color: #fff
    } 
     
     
    
     
     
    .footer .navbar-nav {
        display: block;
    }
    
    #cont .title-right h4{
        margin-bottom: -23px;
        text-align: right;
        padding-top: 8px;
        font-family: 'Cairo', sans-serif;
        color: #ff6060;
    }
     
    #cont .title-right h5 {
        margin-bottom: -22px;
        text-align: right;
        padding-top: 25px;
        font-family: 'Cairo', sans-serif;
        color: #ffffff;
        font-weight: 600;
        font-size: 18px;    line-height: 27px;
    }
    
     #contact-us h4{
        text-align: left;
        margin-top: -2px;
        margin-bottom: 26px;
   }
    .contact-form{
        float: left
    } 
    .item-fo{
        padding-left: 16px;
        /* margin-top: -11px; */
    }

.item-fo{
    width: 590px;    margin-top: 11px;

}