@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans:600,800|Raleway:400,300,600,700,800);
@import "animate.css";
/*========================================================
                      Main Styles
=========================================================*/
.badge {
  background: none;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 991px) {
  .clearboth {
    clear: both;
  }
}
/*=======================================================
                        Components
=========================================================*/
/*==================    Icon-block   ====================*/
.icon-block-wr {
  width: 258px;
  max-width: 258px;
  height: 258px;
  max-height: 258px;
  display: inline-block;
  background: #109ae8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.icon-block-wr .icon-block {
  display: inline-block;
  width: 258px;
  max-width: 258px;
  height: 258px;
  max-height: 258px;
  text-align: center;
  position: relative;
  padding-top: 19%;
  z-index: 9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding-bottom: 100%;
}
.icon-block-wr .icon-block:before,
.icon-block-wr .icon-block:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 258px;
  max-width: 258px;
  height: 258px;
  max-height: 258px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(16, 154, 232, 0.4);
  -moz-transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
  transition: 0.4s all ease;
  padding-bottom: 100%;
}
.lt-ie9 .icon-block-wr .icon-block:before,
.lt-ie9 .icon-block-wr .icon-block:after {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff109ae8', endColorstr='#ff109ae8');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff109ae8', endColorstr='#ff109ae8');
  zoom: 1;
}
.icon-block-wr .icon-block:hover:before,
.icon-block-wr .icon-block:hover:after {
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}
.icon-block-wr .icon-block:before {
  top: 4px;
  right: -12px;
  z-index: -2;
}
.icon-block-wr .icon-block:after {
  top: 8px;
  right: 8px;
  z-index: -1;
}
.icon-block-wr .icon-block span {
  color: #fff;
  display: inline-block;
}
.icon-block-wr .icon-block span:before {
  -moz-transition: 0.6s;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.icon-block-wr .icon-block * + h6 {
  margin-top: 18px;
}
.icon-block-wr .icon-block * + p {
  margin-top: 0;
}
.icon-block-wr .icon-block h6 {
  color: #fff;
}
.icon-block-wr .icon-block h6 a:hover {
  color: #98d1f1;
}
.icon-block-wr .icon-block p {
  color: #9ad5f6;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .icon-block-wr {
    width: 220px;
    max-width: 220px;
    height: 220px;
    max-height: 220px;
  }
  .icon-block-wr .icon-block {
    width: 220px;
    max-width: 220px;
    height: 220px;
    max-height: 220px;
  }
  .icon-block-wr .icon-block:before,
  .icon-block-wr .icon-block:after {
    width: 220px;
    max-width: 220px;
    height: 220px;
    max-height: 220px;
  }
}
@media (max-width: 500px) {
  .icon-block-wr {
    width: 258px;
    max-width: 258px;
    height: 258px;
    max-height: 258px;
  }
  .icon-block-wr .icon-block {
    width: 258px;
    max-width: 258px;
    height: 258px;
    max-height: 258px;
  }
  .icon-block-wr .icon-block:before,
  .icon-block-wr .icon-block:after {
    width: 258px;
    max-width: 258px;
    height: 258px;
    max-height: 258px;
  }
}
.icon-block-wr__mod {
  width: 308px;
  max-width: 308px;
  height: 308px;
  max-height: 308px;
}
.icon-block-wr__mod .icon-block {
  width: 308px;
  max-width: 308px;
  height: 308px;
  max-height: 308px;
  padding-left: 20px;
  padding-right: 20px;
}
.icon-block-wr__mod .icon-block:before,
.icon-block-wr__mod .icon-block:after {
  width: 308px;
  max-width: 308px;
  height: 308px;
  max-height: 308px;
}
.icon-block-wr__mod .icon-block h6 + p {
  margin-top: 0;
}
@media (max-width: 479px) {
  .icon-block-wr__mod {
    width: 290px;
    max-width: 290px;
    height: 290px;
    max-height: 290px;
  }
  .icon-block-wr__mod .icon-block {
    width: 290px;
    max-width: 290px;
    height: 290px;
    max-height: 290px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .icon-block-wr__mod .icon-block:before,
  .icon-block-wr__mod .icon-block:after {
    width: 290px;
    max-width: 290px;
    height: 290px;
    max-height: 290px;
  }
}
.icon-block__skin {
  position: relative;
  padding-left: 101px;
}
.icon-block__skin .icon {
  position: absolute;
  display: inline-block;
  width: 85px;
  height: 85px;
  line-height: 85px;
  left: -5px;
  top: 12px;
  text-align: center;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #109ae8;
}
.icon-block__skin .icon .fa:before {
  font: 400 36px/85px 'FontAwesome';
  color: #fff;
}
.icon-block__skin + .icon-block__skin {
  margin-top: 42px;
}
* + .icon-block__skin {
  margin-top: 44px;
}
.icon-block__skin:hover .icon {
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
/*==================      Box      ======================*/
.box:before,
.box:after {
  content: " ";
  display: table;
}
.box:after {
  clear: both;
}
.box:before,
.box:after {
  content: " ";
  display: table;
}
.box:after {
  clear: both;
}
.box_aside {
  float: left;
}
.box_aside img {
  margin-right: 30px;
}
.box_cnt__no-flow {
  overflow: hidden;
}
@media (max-width: 479px) {
  .box_aside {
    float: none;
    text-align: center;
  }
}
/*==================  404    ======================*/
.p404 .icon {
  padding-top: 61px;
  padding-left: 140px;
  display: inline-block;
}
.p404 .pd-add {
  padding-left: 45px;
  margin-top: -30px;
}
@media (max-width: 767px) {
  .p404 .pd-add {
    padding-left: 0px;
  }
}
.p404 em {
  font-style: normal;
  font-size: 200px;
  line-height: 200px;
  color: #fff;
  font-weight: 800;
  font-family: 'Open Sans', sans-serif;
}
.p404 * + h2 {
  margin-top: 21px;
}
.p404 * + p {
  margin-top: 35px;
}
@media (max-width: 991px) {
  .p404 em {
    font-size: 120px;
  }
}
@media (max-width: 767px) {
  .p404 .icon {
    padding-top: 0px;
    padding-left: 0;
  }
  .p404 .icon .fa-wrench:before {
    font-size: 150px;
  }
}

/* RGPD */
.divascookies {
 position: fixed;
 top: auto;
 bottom: 0;
 width: 100%;
 background: rgba(51,51,51,0.9);
 color: #fff;
 display: none;
 z-index: 999999;
}
.divascookies > .divascookies-banner-container {
 position: relative;
 padding: 10px;
 overflow: hidden;
 text-align: left;
}
.divascookies p.divascookies-banner-text {
 position: relative;
 line-height: 1.25;
 font-size: 16px;
 display: block;
 padding: 0 10px 0 0;
 color: #f9fafc;
        width: 100%;
        margin: 0;
        vertical-align: middle;
}
span.divascookies-policy-link {
} 
span.divascookies-policy-link a {
 white-space: nowrap;
 font-weight: bold;
 color: #9ad5f6;
}
span.divascookies-policy-link a:hover {
 text-decoration: underline;
    /*transition: color 0.3s ease 0s;*/
}
.divascookies-banner-container > .divascookies-accept-button-container {
display: block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    margin-top: 10px;
}
span.divascookies-policy-link iframe {
 position: relative;
 top: 6px;
} 
.divascookies-accept-button-container > .divascookies-accept-button-text {
 font-size: 16px;
 font-weight: bold;
 cursor: pointer;
 background: #109ae8;
 border-top: 9px solid #9ad5f6;
 color: #ffffff;
 padding: 11px 13px;
 text-transform: uppercase;
 position: relative;
 display: inline-block;
 transition: all 0.3s;
 margin: 0;
}
.divascookies-accept-button-container > .divascookies-accept-button-text:hover {
 background: #106aA8;
 border-color: #109ae8;
}
@media screen and (min-width: 768px){
    .divascookies p.divascookies-banner-text {
      display: inline-block;
      width: 80%;
     }
    .divascookies-banner-container > .divascookies-accept-button-container {
     margin-top: 0;
    display: inline-block;
    width: 20%;
    }
}