@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'oswalddemibold';
    src: url('fonts/oswald-demibold-webfont.woff2') format('woff2'),
         url('fonts/oswald-demibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/oswald-light-webfont.woff2') format('woff2'),
         url('fonts/oswald-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
    margin:auto; font-family: 'oswaldlight'; color: #000; position: relative;
    background: url(img/bg.jpg) no-repeat fixed; line-height: 29px;
    -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;
}
a{ color: inherit; text-decoration: none;
    transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    -ms-transition:0.5s;
    -moz-transition:0.5s;
}

*{ box-sizing: border-box; }

.wrapper{
    width: 100%; height: 100%; display: flex; position: relative;
    -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;
}

.box{
    width: 900px; max-width: 90%; margin: auto; margin-top: 50px; margin-bottom: 50px; background: rgba(255,255,255,0.8); border: solid 2px #FFF;
    padding: 30px; box-shadow: 0 0 5px #BBB;
}

.container{ width: 95%; margin: auto;}
header .logo{ padding: 0 0 10px 0; }
header .logo img{ display: block; margin: auto; max-width: 100%;}
header h1{
    font-family: 'oswalddemibold'; text-transform: uppercase; font-size: 50px; line-height: 60px; text-align: center;
    color: #e4151a;
}

.construction{
    width: 100%;
    text-transform: uppercase; font-family: 'oswaldlight';
    letter-spacing: 5px; font-size: 30px; text-align: center;
    margin-bottom: 20px; color: #009fe3;
}

.resau_items{ margin:50px 0; text-align:center;}
.resau_items h2{ color:#26348b; text-transform:uppercase; }
.resau_item{ margin:10px; display:block; }
.resau_item img{ display:block; width:200px; max-width: 100%; margin:auto }
.resau_item h3{ color:#009fe3; font-family:'oswaldlight'; font-size:15px }


.contact{ margin-top: 50px; }
.contactItem{
    display: flex; flex-wrap: wrap; text-align: left; font-size: 19px;
    -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;
}
.contactItem+.contactItem{ margin-top: 30px; }
.contactItem:after{ display: block; content: ""; clear: both; }
.icon{
    width: 50px; height: 50px; line-height: 50px; float: left; font-size: 19px; margin-right: 10px; text-align: center; color: #FFF; background: #26348b;
    -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%;
}



.vcenter{
  -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;
}
.hcenter{justify-content: center;}


/*simpleList*/
.simpleList, .description_bdd ul{ list-style-type: none; overflow:hidden; margin: 0;}
.simpleList li, .description_bdd ul li{ position: relative; padding: 5px 0 5px 10px; box-sizing:border-box;}
.simpleList li:before, .description_bdd ul li:before{
  content: ''; font-family: 'FontAwesome';
  position: absolute; left: -5px; top: 8px; font-size: 15px;
  color: #034ea2;
}
/*end of simpleList*/



.row:after{ display: block; content: ""; clear: both; }
.row_flex{ display: flex;}
.flex_wrap{ flex-wrap: wrap; }
.row_flex:after{ display: block; content: ""; clear: both; }
.vcenter{
  -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;
}
.hcenter{justify-content: center;}
.space_between{ justify-content: space-between; }
.one_half{ width: 50%; float: left;}
.one_third{ width: 33.33%; float: left;}
.one_fourth{ width: 25%; float: left;}


.static_buttons+.static_buttons{ margin-top: 20px; }
.static_buttons a{
    display: block; width: 230px; height: 55px; line-height: 55px; font-size: 21px; text-transform: uppercase;
    background: #26348b; font-family: 'oswalddemibold'; color: #FFF; margin: auto;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    -webkit-border-radius: 55px; -moz-border-radius: 55px; -ms-border-radius: 55px; -o-border-radius: 55px; border-radius: 55px;
}
.static_buttons a+a{ margin-top: 30px; }
.static_buttons a .icon{
    width: 55px; height: 55px; line-height: 55px; float: left; text-align: center; background: #FFF; color: #26348b;
    border: solid 2px #26348b; box-sizing: border-box; margin-right: 10px;
    -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%;
}

@media (max-width: 600px) {
    .one_half, .one_third{ width: 100%; float: none;}
}