*,
*::before,
*::after {
box-sizing: border-box;
}
.closewiip {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
cursor:pointer;
}
button.closewiip {
padding: 0;
background: 0 0;
border: 0;
-webkit-appearance: none;
}
.wiip_modtit {position: absolute;top:8px;right:10px;font-weight:700;border:solid 0px red;}
.btnxwiip{position: relative;left:10px;border:solid 0px red;}
button.btnxwiip {
padding: 0;
background: 0 0;
border: 0;
-webkit-appearance: none;
}
.vlr_bglogo{
position:relative;
left:70px;
background-image: url(../../img/logo_biomer.png);
background-size: auto 100%;
width: 200px;
height: 52px;
}
.bx-vileori{
position:relative;
background-image: url(../../img/bx_vileori_36x36.png);
background-size: auto 100%;
width: 36px;
height: 36px;    
}
h2.h_slid1 {font-family: "PT Serif" !important;font-size:44px !important}
h2.h_slid2 {font-family: "PT Serif" !important;font-size:44px !important}
h2.h_slid3 {font-family: "PT Serif" !important;font-size:44px !important}
.h_slid1{display:block;}
.h_slid2{display:none;}
.h_slid3{display:none;}
.about .icon-box::before {
content: '';
position: absolute;
background: #fff;
right: 0;
left: 0;
bottom: 0;
top: 100%;
transition: all 0.3s;
z-index: -1;
}
.about .icon-box:hover::before {
background: #22B0BF;
top: 0;
border-radius: 0px;
}
.about .icon-box:hover .title, .about .icon-box:hover .description {
  color: #fff;
}
.grecaptcha-badge {
    bottom: 74px !important;
}
.services .icon-boxg {
  padding: 30px;
  position: relative;
  overflow: hidden;
  background: #22B0BF;
  box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  z-index: 1;
}
.services .icon-boxg::before {
  content: '';
  position: absolute;
  background: #22B0BF;
  right: 0;
  left: 0;
  bottom: 0;
  top: 100%;
  transition: all 0.3s;
  z-index: -1;
}

.services .icon-boxg:hover::before {
  background: #fff;
  top: 0;
  border-radius: 0px;
}

.services .icong {
  margin-bottom: 15px;
}

.services .icong i {
  font-size: 48px;
  line-height: 1;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.services .titleg {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.services .titleg a {
  color: #fff;
}

.services .descriptionservg {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0;
  color:#fff;
}

.services .icon-boxg:hover .titleg a, .services .icon-boxg:hover .descriptionservg {
  color: #22B0BF;
}

.services .icon-boxg:hover .icong i {
  color: #22B0BF;
}
.vlr_white{color:#fff;}
.contact .info-box {
    color: #fff;
    background: #22B0BF;
    text-align: center;
    box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
    padding: 20px 0 30px 0;
}
.contact .info-box i {
    font-size: 32px;
    color: #fff;
    border-radius: 50%;
    padding: 8px;
    border: 2px dotted #f0f7fa;
}
.contact .info-box h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin: 10px 0;
}
h5.vlr_h5{color:#22B0BF;}
.btn-success {
    color: #fff;
    background-color: #CA742B;
    border-color: #CA742B;
}
.btn-success:hover {
    color: #fff;
    background-color: #224182;
    border-color: #22B0BF;
}
#vlr_langen{
position:relative;
top:3px;
background-image: url(../../img/biomer_en.png);
background-size: auto 100%;
width: 18px;
height: 12px;
}
#vlr_langfr{
position:relative;
top:3px;
background-image: url(../../img/biomer_fr.png);
background-size: auto 100%;
width: 18px;
height: 12px;
}
#zoom-in{
position:relative;
top:3px;
background-image: url(../../img/biomer_plus.png);
background-size: auto 100%;
width: 12px;
height: 12px;
}
#zoom-def{
position:relative;
top:3px;
background-image: url(../../img/biomer_egale.png);
background-size: auto 100%;
width: 12px;
height: 12px;
}
#zoom-out{
position:relative;
top:3px;
background-image: url(../../img/biomer_moins.png);
background-size: auto 100%;
width: 12px;
height: 12px;
}
.mark, mark {
    padding: .2em;
    background-color: #006ee3;
    color:#fff;
    text-shadow: -1px 0 2px #074571;
}
.mb-4{height:170px}
#vlr_titlogo{position:relative;left:80px;color:#225FAC;font-weight:bold;font-size:16px}
@media (max-width: 1200px) {
  #vlr_titlogo{top:0px;left:26px !important;font-size:14px !important}
  .nav-menu a {padding: 0px 4px !important}
}
@media (max-width: 992px) {
  #vlr_titlogo{top:21px;left:8px !important;font-size:14px !important}
}
@media (max-width: 575px) {
  #vlr_titlogo{top:21px;left:8px !important;font-size:14px !important}
}