body { 

    font-family: 'Oswald', serif !important; 

    }
    h1, .h1 {
    font-size: 28px;
}
h2, .h2 {
    font-size: 20px;
}
.lead {
    font-size: 16px;
}
h3, .h3 {
    font-size: 20px;
}

.navbar-right   {
    
        position: relative;

}
/***dropmenu*/


ul li {
 

 
 
 

  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

ul li ul {

 position: absolute;

  
  display: none;

  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}

ul li:hover ul {
  display: inline;
  
  visibility: visible;
  
}
/**end*/
.navbar-brand img {
    
    margin-top: -16px;
    opacity:0.8 ;
}
.navbar-brand img:hover {
    
    opacity:1;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;      
    transition:all 0.5s ease ;
}
.container-fluid {
    
    margin-bottom: 0px;
        padding-right: 20px;
}

.navbar-fixed-top .navbar-collapse, .navbar-static-top 
.navbar-collapse, .navbar-fixed-bottom .navbar-collapse {

    padding-bottom: 13px;
    font-size: 13px;

}
.navbar-fixed-top{
      position: relative !important;

}
.nav li a {
    margin-top: 10px;
}

.navbar-default{  background-color: #FFF;
    border-radius: 15px;
    
    }
    
.navbar-default .navbar-nav li a {
    color: #000;
    font-weight: bold;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    
    background-color: #EB680E;
    border-radius: 5px;
    color: #FFF;
    margin-left: 5px;
    font-size: 13px;
}

.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover,
 .navbar-default .navbar-nav .active a:focus {
    color: #FFF;
    background-color: #EB680E;
    border-radius: 5px;
    margin-left:5px;
    font-size: 13px;
}


    .about{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .about .lead{
        color: #666;
        font-size: 15px;
        margin-top: 15px;
    }
    /**start coursel**/
    .carousel-indicators li {
    border: 1px solid #337ab7;
}
    .carousel-indicators .active {
    background-color: #EF9557;
}
    /**end coursel**/
    .warning {
        color: orange;
    }
    /**start features*/
    .features{
        background: #EEE;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .features h1{
        margin-bottom: 50px;
        color: #0895D1;
    }
    .features .feat{
        margin-bottom: 30px;
    }
    .features .feat p {
        line-height: 2em;
    }
  .features .feat img {
  
    border-radius: 50%;
}
  .features .feat img:hover {
  
  transform: scale(1.1,1.1)rotate(360deg);  
}

    /*end feutures*/
    /*start testimonial*/
    .Testimonials{
        padding-top: 50px;
    
    }
    .Testimonials h1{
        font-weight: bold;
        margin-bottom: 20px;
        color: #0895D1;
    }
    .Testimonials .lead{
        line-height: 2em;
        margin-bottom: 10px;
    }
    .Testimonials span{
        font-size: 15px;
        font-weight: bold ;
        color: #E41B17;
    }
    .Testimonials .carousel-inner{
        min-height: 160px;
    }
    .Testimonials .carousel-indicators{
        position: static;
        width: 100%;
        margin-left: auto;
        padding-top: 20px;
    }
    .Testimonials .carousel-indicators li{
        text-indent: 0;
        width: 80px;
        height: 80px;
        opacity: 0.5;
        border: 2px solid #fff;
        border-radius: 50%;
        overflow: hidden; /* ykhfii kol haja kherjat 3la image*/
        margin: 5px;
        -webkit-transition:all 0.5s ease;
        -moz-transition:all 0.5s ease;
        -o-transition:all 0.5s ease;      /* code na3iim */
        transition:all 0.5s ease ;
    }
    .Testimonials .carousel-indicators li.active{
        width: 80px;
        height: 80px;
        opacity: 1;
        background: none;
        border: 2px solid #E41B17 ;
    }
    .Testimonials .carousel-indicators li img{
        max-width: 100%;
    }
    /*end testimonial*/
    /*start price section*/
    
    .price_table {
        background: #EEE;
        padding-top: 40px;
        padding-bottom: 40px;
        
    }
    .price_table h1 {
        margin-bottom: 40px;
        color: #0895D1;
    }
    .price_table .price_box{
     background: #fff;
     padding: 10px;
     border: 1px solid #DDD;
    }
    .price_table .price_box h3 {
        margin: 5px 0 5px;
    }
    .price_table .price_box:hover p {
     -webkit-transform: scale(1.1,1.1) rotate(360deg); 
     -moz-transform: scale(1.1,1.1)rotate(360deg);
     -o-transform: scale(1.1,1.1)rotate(360deg);
     transform: scale(1.1,1.1)rotate(360deg); 
     border: 2px solid #DFDFDF;
    }
    .price_table .price_box p{
        font-size: 15px;
        color: #666;
        height: 100%;
        width: 100%;
        background: #F3F3F3;
        border-radius: 50%; /* dir da2ira */
        border: 2ps solid #FFF;
        line-height: 70px;
        -webkit-transtion-duration:0.7s;
        -Moz-transtion-duration:0.7s;
        -o-transtion-duration:0.7s;
        -transtion-duration:0.7s;
    }
    .price_table .price_box ul{
        line-height: 250%;
        font-size: 13px;
    }
    .price_table .price_box a {
        margin-bottom: 5px;
    }
    .ecole{
        color:#EB680E ;
    }
    /*end price section*/
    /*start section our team */
    .our_team{
        background: url('../images/font.jpg')/*no-repeat*/ center center fixed;
        -webkit-background-size:cover;
        -Moz-background-size:cover;
        -o-background-size:cover;
         background-size:cover;
        min-height: 600px;
    }
    .our_team .team{
        background: rgba(2,2,2,0.7);
        color: #FFF;
        min-height: 600px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .our_team h1 {
        margin-bottom: 60px;
    }
    .our_team .person {
        margin-bottom: 40px;
    }
    /*end section our team*/
    .subscribe{
       padding-top: 40px;
       padding-bottom: 40px;
        background: url('../icon/font2.jpg')no-repeat center center fixed;
        -webkit-background-size:cover;
        -Moz-background-size:cover;
        -o-background-size:cover;
         background-size:cover;
         min-height: 300px;  
    }
    .subscribe h2 {
     color: #888;
     letter-spacing: 2px;  
     margin-bottom: 20px; 
    }
    .subscribe p{
        margin-bottom: 30px;
    }
    .subscribe .form-control{
        border-radius: 0;
        margin-right: -5px;
        width: 300px;
    }
    .subscribe button {
        border-radius: 0;
    }
    
    
    .subscribe .data {
       background: rgba(2,2,2,0.8);
       color: #B6B5B5;
       min-height: 300px;
       padding-top: 40px;
       padding-bottom: 70px;
    }
    /*end section subscribe*/
    /*start section stats*/
    
   
 
 
    /*end section stats*/
       /*start section our Skills*/
    .our_skills{
        padding-top: 40px;
        padding-bottom: 70px;
    }
    .our_skills h2{
        margin-bottom: 60px;
        margin-top: -21px;
        color: #0895D1;
    }
    .our_skills h3{
        font-weight: bold;
        margin-top: -50px;
    }
    .our_skills .progress {
        height: 30px;
    }
    .our_skills .progress-bar {
       line-height:30px;
       font-size: 15px;
       font-weight: bold;
       text-align: left;
       text-indent: 10px; 
    }
    .progress-bar-success {
    background-color: #F90;
    }
    /*end section our Skills*/
    /*start section contact us */
    .contact-us{
          background: url('../icon/contact-us.jpg')no-repeat center center fixed;
        -webkit-background-size:cover;
        -Moz-background-size:cover;
        -o-background-size:cover;
         background-size:cover;
         min-height: 300px;
         
    }
    .contact-us .fildes {
        background: rgba(9,9,9,0.8);
        min-height: 300px;
        color: #DDD;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .contact-us p{
        margin-bottom: 40px;
    }
    .contact-us textarea {
        height: 82px;
    }
    .contact-us input[type="text"],input[type="email"],
    .contact-us textarea {
        background: rgba(82,78,78,0.5); /* ykhli page contact-us chafafa */
         color: #080808;
        
    }
    .form-horizontal input[type="email"] {
       background: #f5f5f5;
    }
    /*end section contact us */
       /*start section our client*/
    .our-clients{
        background:#EEE;
        padding-top: 28px;
        padding-bottom: 20px;
    }
    .our-clients img {
        opacity: 0.4;
        filter: alpha(opacity=40);  /*khasa b internet exp */
        margin-top: 20px; 
        margin-bottom: 20px;
    }
    .our-clients img:hover {
        opacity: 1;
        -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;      /* code na3iim */
        transition:all 0.5s ease-in-out ;
    }
        
    /*end section our client */
       /* start Ultimate footer section*/
    .footer {
        background: #111;
        color: #AAA;
        padding-top: 10px;
        
    }
    .footer a {
        color: #AAA;
    }
    
     .footer a:hover {
        color: #FFF;
    }
    .footer h3 {
        color: #0895D1;
        letter-spacing: 1px;
        margin: 30px 0 20px;
    }
    .footer .three-columns{
        overflow: hidden;
    }
    .footer .three-columns li {
        width: 33.3333%;
        float: left;
        padding: 5px  0;
    }
    .footer .social-list {
    overflow: hidden;
    width: 210px;
    margin-top: 60px;
}
    .footer .social-list li {
        float: left;
        margin-right: 10px;
        opacity: 0.7;
        filter: alpha(opacity=70);
           -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;      /* code na3iim */
        transition:all 0.5s ease-in-out ;
    }
    .footer .social-list li:hover {
        opacity: 1;
        
    } 
    .footer .img-thumbnail {
        background: rgba(0,0,0,0.2);
        border: 1px solid #444;
        margin-bottom: 5px;
    }
    .footer .copyright {
     background: #333;   
     color: #AAA;
     padding:  0;
     margin-top: -3px;
     font-size: 13px;
     height: 56px;
    }
    .footer .copyright span {
        color: #0895D1;
    }
    
    
    .footer .copyright1 .img-thumbnail  {
    
     color: #AAA;
     padding: 4px 0;
    
    }

   /* end Ultimate footer section/*
   /* start scrol up*/
    #scroll-up{
    width: 50px;
    height: 40px;
   color: #EB680E;
    background-color: #0895D1;
    text-align: center;
    position: fixed;
    right: 15px;
    bottom: 10px;
    z-index: 9999;
    display: none;
    
   }
   #scroll-up:hover{
    
   color: #0895D1;
    background-color: #EB680E;
    cursor: pointer;
      /* start scrol up*/