/* 
    Document   : doi_az
    Created on : 11 janv. 2017, 14:23:01
    Author     : aymen_zribi
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}


        html, body {
            height: 100%;
        }
        .reveal .fa {
  font-family: 'FontAwesome';
  font-style: normal;
}
            .img-hover img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
  	-moz-transition: all .3s ease; /* Firefox */
  	-o-transition: all .3s ease; /* IE 9 */
  	-ms-transition: all .3s ease; /* Opera */
  	transition: all .3s ease;
}
.img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.20); /* Firefox */
    -ms-transform:scale(1.20); /* IE 9 */
    -o-transform:translatZ(0) scale(1.20); /* Opera */
    transform:translatZ(0) scale(1.20);
}
  
  
.grayscale {
  -webkit-filter: brightness(1.10) grayscale(100%) contrast(90%);
  -moz-filter: brightness(1.10) grayscale(100%) contrast(90%);
  filter: brightness(1.10) grayscale(100%); 
}      
#footer {
padding-top: 30px;
padding-bottom: 30px;
color: #fff;
background: #000;
}
#bottom {

background:#ffffff;
font-size: 12px;
}
#bottom h3 {
margin-top: 0;
margin-bottom: 10px;
/*text-transform: uppercase;*/
font-size: 14px;
color: #000;

font-weight: bold;
}
.top-bar {
padding: 10px 0;
background: #090909;
border-bottom: 1px solid #222;
line-height: 28px;
}
.social {
text-align: center;
}
.social-share {
display: inline-block;
list-style: none;
padding: 0;
margin: 0;
}
ul.social-share li {
display: inline-block;
}
ul.social-share li a {
display: inline-block;
color: #fff;
background: #404040;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 2px;

}
ul.social-share li a:hover {
  background: #085586;
  color: #fff;
}
#social-share a {
color: #E8CE0E;
-webkit-transition: color 300ms, background-color 300ms;
-moz-transition: color 300ms, background-color 300ms;
-o-transition: color 300ms, background-color 300ms;
transition: color 300ms, background-color 300ms;
}

#footer ul {

list-style: none;
padding: 0;
margin: 0;

}
#footer ul > li {
display: inline-block;
margin-left: 15px;

}
#bottom .widget {
margin-bottom: 0;
}

#bottom ul li {
display: block;
padding: 5px 0;
}


        /* not required for sticky footer; just pushes hero down a bit */


                .footerimage{
                  background-size: 100% 100%;
            background-repeat: no-repeat;  
                    }
                    
.logo {
margin-left: 0px;
/*margin-top: 5px;*/
margin-bottom: 10px;
float: left;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
} 
.logo_ar {
margin-right:  0px;
margin-top: 5px;
margin-bottom: 10px;
float: right;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
} 
.mastheads h1 {
position: relative;
z-index: 9999;
display: block;
font-size: 20px;
height: 47px;
/*line-height: 10px;*/

font-weight: bold;
color: #fff;
text-decoration: none;
margin-top: 2px;
/*letter-spacing: -2px;

/*text-shadow: 0 1px 1px rgba(0,0,0,0.3);*/
/*text-shadow: 4px 3px 0px #085586, 9px 8px 0px rgba(0, 0, 0, 0.15);*/
}  

h3.widget {
border-bottom: 4px solid #eee;
font-weight: bold;
color: #B3B3B3;
font-size: 15px;
line-height: 30px;
text-transform: uppercase;

}


.flags{
    float: right;
    margin-top: 60px;
    border: 1px solid #eec387;
    background-color: #213e08;
    }
.frlags{
 float: right;
 margin-right:5px;
 margin-top: 60px;
 border: 1px solid #eec387;
 background-color: #213e08;
 
    }   
.flags_ar{
    float: left;
    margin-top: 60px;
    border: 1px solid #eec387;
    background-color: #213e08;
    }
.frlags_ar{
 float: left;
 margin-left: 5px;
 margin-top: 60px;
 border: 1px solid #eec387;
 background-color: #213e08;
 
    }
@media screen and (max-width: 991px){
.flags{
    
    float: right;
    margin-top: -115px;
    border: 1px solid #eec387;
 background-color: #213e08;
    }
.frlags{

 float: right;
 margin-right:45px;
 margin-top: -115px;
 border: 1px solid #eec387;
 background-color: #213e08;
 
    }   
.flags_ar{
    float: left;
    margin-left:50px;
    margin-top: -115px;
  border: 1px solid #eec387;
 background-color: #213e08;
    }
.frlags_ar{
 float: left;
 margin-top: -115px;
border: 1px solid #eec387;
 background-color: #213e08;
    } 
    
 }
@media (max-width: 480px){
.flags{
    
    float: right;
    margin-top: -125px;
    border: 1px solid #eec387;
    background-color: #213e08;
    }
.frlags{

 float: right;
 margin-right:45px;
 margin-top: -125px;
border: 1px solid #eec387;
 background-color: #213e08;
 
    }   
.flags_ar{
    float: left;
    
    margin-top: -125px;
   border: 1px solid #eec387;
 background-color: #213e08;
    }
.frlags_ar{
 float: left;
 margin-left: 5px;
 margin-top: -125px;
 border: 1px solid #eec387;
 background-color: #213e08;
 
    }    
    
}
div.logo {
float: left;
width: 245px;
height: 85px;

}