/*  Fonts  */
@font-face {
    font-family: 'lato-bold';
    src: url('../fonts/lato-bold.eot');
    src: url('../fonts/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold.woff') format('woff'),
         url('../fonts/lato-bold.ttf') format('truetype'),
         url('../fonts/lato-bold.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato-regular';
    src: url('../fonts/lato-regular.eot');
    src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular.woff') format('woff'),
         url('../fonts/lato-regular.ttf') format('truetype'),
         url('../fonts/lato-regular.svg#LatRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'p22_corinthia';
    src: url('../fonts/p22_corinthia.eot');
    src: url('../fonts/p22_corinthia.eot?#iefix') format('embedded-opentype'),
         url('../fonts/p22_corinthia.woff') format('woff'),
         url('../fonts/p22_corinthia.ttf') format('truetype'),
         url('../fonts/p22_corinthia.svg#P22Corinthia') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arabe';
    src: url('../fonts/arabe.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.box-blue,
.box-gray,
.box-green,
.box-grey,
.box-red,
.box-yellow {
    margin:0 0 25px;
    overflow:hidden;
    padding:6px 10px;
    -webkit-border-radius: 2px;
        border-radius: 2px;
}
 
.box-blue {
    background-color:#d8ecf7;
    border:1px solid #afcde3;
}
 
.box-gray {
    background-color:#e2e2e2;
    border:1px solid #bdbdbd;
}
 
.box-green {
    background-color:#d9edc2;
    border:1px solid #b2ce96;
}
 
.box-grey {
    background-color:#F5F5F5;
    border:1px solid #DDDDDD;
}
 
.box-red {
    background-color:#f9dbdb;
    border:1px solid #e9b3b3;
}
 
.box-yellow {
    background-color:#fef5c4;
    border:1px solid #fadf98;
}

.logo{
    margin: -10px 0px 0px 100px;
    width:200px;
    height:125px;
}

.Arabe {
    font-family: sans-serif;
    margin: 0px 0px 0px 150px;
    box-sizing:border-box;
}

.Slogan{
    width: 90%;
    position: absolute;
    text-align: center;
    top: 133px;
    z-index: 10;
}

.Slogan h2{
    color: rgb(42, 108, 206);
    font-family: "p22_corinthia", Helvetica, Arial, sans-serif;
    font-size: 100px;
    font-weight: lighter;
    margin: 0;
    position: relative;
    display: block;
    -webkit-margin-before:0em;
-webkit-margin-after:0em;
}

.Slogan h3{
    color: rgb(42, 108, 206);
    font-family: "lato-regular", Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin: -15px 0 0 25px;
    left: 1px;

}

.whatsapp {
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
  }
  
  .whatsapp-icon {
    margin-top:13px;
  }