.uk-active {
    margin-left: -5px;
    margin-right: -5px;
    text-decoration: underline;
    color: #fff !important;
}
  .mobileaffiche {
      background-color: #4d4d4d !important;    
  }
.heightslideshow {
    min-height: 600px;
}
.uk-offcanvas-bar {
background-color: #4d4d4d !important;    
}
/* SLIDE Config */
@media ( min-width: 360px ) and ( max-width: 450px ) {  
      .wk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 166px !important;
}
}    
 @media ( min-width: 451px ) and ( max-width: 750px ) {  
      .wk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 254px !important;
}
}   


 @media ( min-width: 50px ) and ( max-width: 359px ) {    
      .wk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 120px !important;
}
} 

 @media ( min-width: 751px ) and ( max-width: 959px ) {  
      .wk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 322px !important;
}
@media ( min-width: 1100px ) and ( max-width: 1279px ) {  
      .wk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px !important;
}

@media ( min-width: 960px ) and ( max-width: 1024px ) {  
      .wk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 250px !important;
}

@media ( min-width: 1280px ) and ( max-width: 1365px ) {  
      .wk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px !important;
}
@media ( min-width: 1366px ) and ( max-width: 1439px ) {  
      .wk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 464px !important;
}
@media ( min-width: 1440px ) and ( max-width: 1599px ) {  
      .wk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px !important;
}
@media ( min-width: 1600px ) and ( max-width: 1679px ) {  
      .wk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 507px !important;
}
@media ( min-width: 1680px ) and ( max-width: 1679px ) {  
      .wk-cover-background {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px !important;
}
} 

/* End  Slide config  */


.uk-offcanvas-slide {
    z-index: 6000;
}
@media(min-width:769px ) and (max-width:959px){
    .mobileaffiche {
    display: block;
    background-color: #4d4d4d;
}
   .partageon {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px !important;
    margin-left: auto;
    margin-right: auto;
   
} 
}
@media(min-width:1361px){ 
     .partageon {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px !important;
    margin-left: auto;
    margin-right: auto;
   
} 
  }
@media(min-width:1279px ) and (max-width:1360px){
.partageon {
    font-family: 'Open Sans', serif !important;
    font-size: 23px !important;
   margin-left: 7%!important;
    
    margin-right: auto!important;
   
}
.uk-navbar-container>.uk-container .uk-navbar-right, .uk-navbar-container>.container .uk-navbar-right {
        margin-right: 365px;
}
 .uk-navbar-center:not(:only-child) {
    position: absolute;
    top: 50%;
    left: 61% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 990;
}   
    
    


}    
.bgdivgris {
  background-color: #4d4d4d !important;
  color: #fff;
}.uk-navbar-center:not(:only-child) {
    position: absolute;
    top: 50%;
    left: 70% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 990;
}
.uk-navbar-nav {
    margin-left: -9px;
}

@media(min-width:1020px ) and (max-width:1028px){
   .uk-navbar-center {
         left: 53% !important;
   }
    .uk-navbar-center:not(:only-child) {
    position: absolute;
    top: 50%;
    left: 53% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 990;
}
.partageon {
    font-family: 'Open Sans', serif!important;
    font-size: 26px!important;
    margin-left: 10%;
}
.uk-navbar-right {
    margin-left: -450px!important
}
.uk-navbar-right {
    margin-right: -16px;
    margin-top: 10px;
    margin-bottom: 10px;
}
}



.uk-navbar-center {
    left: 40%!important;
    width: 100%;
}
a, uk-offcanvas-bar {
    color :#fff !important;
}
.top-left {
    display: none;
}
.uk-navbar-toggle {
color :#fff !important;
}
    a {  color: #4d4d4d !important;
     font-family: font-family: 'Open Sans', sans-serif !important;
     text-decoration: underline  #fff !important ;
     text-underline-position : under; 
}
.uk-button-primary, .btn-primary, .btn-info {
    background-color: #3f7f39;
    color: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 0px 0px rgba(109, 255, 72, 0) !important;
}
.btn-primary {
    border:0px !important;
    

    
}
.dc-footer {
    background-color: #4d4d4d !important;
    margin-bottom: 0px !important;
    height: auto;
}
.partageon {
color: #fff;
}
    
.divproduct{
    width: 100%;
}
.brochuresposition { margin: 0px !important; text-align: right; }
.dc-container {
	width: 80%;
	margin-left: auto;
	margin-right:auto; 

	}

::selection {
    background: #3f7f39 !important;
    color: #fff !important;
    text-shadow: none !important;
}
.uk-section {
	padding-top: 5px !important;
}

@media (min-width: 960px){
.uk-section {
    padding-top: 15px !important;
    padding-bottom: 0px;
}
}
.point-img {
    min-height: 50px !important;
    min-width: 50px !important;
}
a, .uk-link {
    color: #3f7f39;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500 ;
}
a:hover, .uk-link {
    color: #535353;
  
    text-decoration: none;
    cursor: pointer;
    font-weight: 800 ;
}

      @media (max-width: 360px) {

.uk-responsive-height {
   margin-right: 20px!important;
    margin-left: 150px!important;
    margin-bottom: 7px;
    height: 67px;
}





}
  

   @media screen and (max-width:450px){ 
    #gmap_php_maphotel {
        height: auto;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        position: relative;
     
        
      }
      .mobileaffiche {
    display: block;
    background-color: #4d4d4d;
}


.partageon {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px !important;
    margin-left: auto;
    margin-right: auto;
    width: 291px;
    font-size: 21px !important;
   
}
.moduletitre {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
}
      .divproduct{
    padding: 10px;
}
    
      .webui-popover  {
          top: 250px;
    left: 30px;
      }
      .webui-arrow {
          left: 0px;
          }
         
}
.uk-navbar-nav>li.uk-active>a {
    color: #fff !important;
     text-decoration: underline  #fff !important ;
     text-underline-position : under;
    
}
.uk-linktoolbar:hover {
    color: #000 !important;
}
.uk-linktoolbar {
    color: #fff !important;
}

a .uk-linktoolbar {
    color: #fff !important;
}
@media(min-width:1000px){
.uk-navbar-nav {
    margin-left: 150px;
    
}
}
.uk-logo {
    
    height: 120px !important;
    margin-bottom: 20px;
}
.uk-navbar-nav {  
    margin-top: 80px;
                  }
                  
.jai-map-container .point.point-img, .jai-map-container .point.point-ico {
                      position: absolute;
    z-index: 0;
                  }
                  
                  .uptocall-mini-phone {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: rgb(217, 196, 137);
    width: 70px;
    height: 70px;
    -webkit-animation: uptocallmini 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini 1.5s 0s ease-out infinite;
    animation: uptocallmini 1.5s 0s ease-out infinite;
}


@media(min-width:451px){
    .uptocall-mini {
    position: absolute;
    top: 180px;
    right: 59px;
    cursor: pointer;
    z-index: 99;
}
}
.uptocall-mini-phone:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(/images/mini.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: uptocallphone 1.5s linear infinite;
    -moz-animation: uptocallphone 1.5s linear infinite;
    animation: uptocallphone 1.5s linear infinite;
}


#uptocall-mini .uptocall-mini-phone {-moz-border-radius:50% !important;-webkit-border-radius:50% !important;border-radius:50% !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:rgb(23,167,167);
width:70px;height:70px;-webkit-animation: uptocallmini 1.5s 0s ease-out infinite;-moz-animation: uptocallmini 1.5s 0s ease-out infinite;animation: uptocallmini 1.5s 0s ease-out infinite;}

#uptocall-mini .uptocall-mini-phone:before {content: "";position: absolute;width: 100%;height: 100%;top:0;left:0;background-image:url(http://energyactivation.spb.ru/superzvonok/widget/images/mini.png);background-repeat:no-repeat;background-position:center center;
-webkit-animation: uptocallphone 1.5s linear infinite;-moz-animation: uptocallphone 1.5s linear infinite;animation: uptocallphone 1.5s linear infinite;}



#uptocall-mini:hover {opacity:0.8;}


#uptocall-mini:hover .uptocall-mini-phone {-webkit-animation:uptocallmini2 1s 0.4s ease-out infinite;-moz-animation: uptocallmini2 1s 0.4s ease-out infinite;animation: uptocallmini2 1s 0.4s ease-out infinite;}



@-webkit-keyframes uptocallphone {
	0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes uptocallphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes uptocallphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}


@-webkit-keyframes uptocallmini {
  0% {box-shadow: 0 0 8px 6px rgba(57, 127, 54, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(57, 127, 54, 0);}
  10% {box-shadow: 0 0 8px 6px #96d693, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #96d693;}
  100% {box-shadow: 0 0 8px 6px rgba(57, 127, 54, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(57, 127, 54, 0);}
}
@-moz-keyframes uptocallmini {
  0% {box-shadow: 0 0 8px 6px rgba(57, 127, 54, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(57, 127, 54, 0);}
  10% {box-shadow: 0 0 8px 6px #96d693, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #96d693;}
  100% {box-shadow: 0 0 8px 6px rgba(57, 127, 54, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(57, 127, 54, 0);}
}
@keyframes uptocallmini {
  0% {box-shadow: 0 0 8px 6px rgba(57, 127, 54, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(57, 127, 54, 0);}
  10% {box-shadow: 0 0 8px 6px #96d693, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #96d693;}
  100% {box-shadow: 0 0 8px 6px rgba(57, 127, 54, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(57, 127, 54, 0);}
}
@-moz-keyframes uptocallmini2 {
  0% {box-shadow: 0 0 8px 6px rgba(57, 127, 54, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(57, 127, 54, 0);}
  10% {box-shadow: 0 0 8px 6px #96d693, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #96d693;}
  100% {box-shadow: 0 0 8px 6px rgba(57, 127, 54, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(57, 127, 54, 0);}
}
#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.btn {
    border: none;
    background: linear-gradient(to bottom, #4d4d4d, #6c6b6b)!important;
    border-radius: 3px;
    font-family: Arial;
    color: #ffffff !important;
    padding: 5px  !important;
    text-decoration: none;
    margin: 5px !important;
}
a .btn {
    border: none;
    background: linear-gradient(to bottom, #4d4d4d, #6c6b6b) !important;
   
}
.offreGreenButton {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    background: linear-gradient(#4d4d4d,#6c6b6b) !important;
    color: #fff !important;
    border: 0px solid #61ab5b !important;
    border-radius: 2px;
    font-size: 17px;
    text-decoration: none !important;
}
 a, .mph_link{
    
    text-decoration: none !important;
}
.offreorangeButtonfermer {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100;Wax+3D+%233 */
background: #fcfff4 !important; /* Old browsers */
background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 )!important; /* IE6-9 */
    color: #fff!important;
    border: 1px solid #61ab5b !important;
    border-radius: 5px !important;
    font-size: 17px !important;
}

.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
@font-face{
     font-family: 'Open Sans', sans-serif;

}
.partageon {
    font-family: 'Open Sans', serif!important;
  
    font-size: 30px ;
    margin-right: auto;
    
   margin-left: auto;
   
}
/* Mobile */
@media(max-width:450px){
.uptocall-mini {
    position: absolute;
    bottom: 40px;
    right: 210px;
    cursor: pointer;
    z-index: 99;
    top: auto;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
   
    min-width: 420px;
}

.mobilelogo {
    margin-top:10px !important;
    
}
.uk-logo {
    /* height: 120px !important; */
    margin-bottom: 5px;
}
 .slick-slide img {
    width: auto !important;
    height: 240px !important;
}
.offregrid {
    height: 300 px !important;
    border: 0 solid #000;
    width: auto !important;
}
.offregridmobile {
    height: 300 px !important;
    border: 0 solid #000;
    width: 371px !important;
}

.offreblock {
    position: relative;
    top: -80px;
    z-index: 100;
    color: #484747;
    float: right;
    padding-left: 5%;
    padding-right: 5%;
    height: 24px;
    background: rgba(255,255,255,0.7);
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px 0 0 10px;
    white-space: nowrap;
}


.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 2px solid #ddd;

 
    margin-top: -94.5px;
   margin-left: -150px !important;
    max-width: 300px !important; 
	font-size: 1.2em;
	position: fixed;
	
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	
	margin: 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}

.uk-logo {
     height: 100px !important; 
       width:  100px !important; 
       margin-top: 5px;
    margin-bottom: 5px;
}
.jai-map-container a {
    background-size: 20px 20px !important;
}

.uk-offcanvas-bar a:hover  {
    background: #trans !important;
    color: #fff !important;
    text-shadow: none !important;
    
}
.uk-nav-default .uk-nav-sub a{
       background: #trans !important;
    color: #fff !important;
    text-shadow: none !important;
    font-weight: 0 !important;
}
.uk-nav-default>li>a  {
    background: #trans !important;
    color: #fff !important;
    text-shadow: none !important;
}
.uk-nav-default>li a:active  {
    background: #trans !important;
    color: #fff !important;
    text-decoration: underline #fff !important;
    text-underline-position: under;
}
h6 {
    max-width: 250px;
    margin-left: 15px !important;
}
.brochuresposition { margin: 0px !important; text-align: left; float: left; }
}
/* dimenssion  750 */

/* Mobile */
@media(min-width:451px ) and (max-width:768px){
    .mobileaffiche {
    display: block;
    background-color: #4d4d4d;
}
.uk-offcanvas-bar a:hover  {
    background: #trans !important;
    color: #fff !important;
    text-shadow: none !important;
    
}
.uk-nav-default .uk-nav-sub a{
       background: #trans !important;
    color: #fff !important;
    text-shadow: none !important;
    font-weight: 0 !important;
}
.uk-nav-default>li>a  {
    background: #trans !important;
    color: #fff !important;
    text-shadow: none !important;
}
.uk-nav-default>li a:active  {
    background: #trans !important;
    color: #fff !important;
    text-decoration: underline #fff !important;
    text-underline-position: under;
}
a:hover, .uk-link:hover {
    color: #929292;
    text-decoration: underline;
}
.partageon {
   font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;

}
.uptocall-mini {
    position: absolute;
    bottom: 40px;
    right: 30px;
    cursor: pointer;
    z-index: 99;
    top: auto;
}
.mobilelogo {
    margin-top:10px !important;
    
}
.uk-logo {
    /* height: 120px !important; */
    margin-bottom: 5px;
}

.offregrid {
    height: 300 px !important;
    border: 0 solid #000;
    width: auto !important;
}
.offreblock {
    position: relative;
    top: -80px;
    z-index: 100;
    color: #484747;
    float: right;
    padding-left: 5%;
    padding-right: 5%;
    height: 24px;
    background: rgba(255,255,255,0.7);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px 0 0 10px;
    white-space: nowrap;
}
.headerbackground {
    background-color: rgb(30, 48, 64);
    box-sizing: border-box;
    min-height: calc(25vh - 5.6px);
}
  .divproduct{
    padding: 10px;
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 2px solid #ddd;

 
    margin-top: -94.5px;
   margin-left: -250px !important;
    max-width: 500px !important; 
	font-size: 1.2em;
	position: fixed;
	
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	
	margin: 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}

.uk-logo {
     height: 100px !important; 
       width:  100px !important; 
       margin-top: 5px;
    margin-bottom: 5px;
}
.point-img{
    background-size: 20px 20px;
}


}








.mybrochure {
	
        width: 146px;
        height: 146px;
	
        background: url('/images/GTM-catalog-01.jpg') bottom; 
        
}


.mybrochure:hover {
	
        width: 146px;
	 height: 146px; 
        background: url('/images/brochurepeel2f.png') bottom !important; 
        
}


       
 @media(min-width:1023px ) and (max-width:1100px){
   
.headerbackground {
    background-color: #1e3040;
    box-sizing: border-box;
    min-height: calc(32vh - 5.6px);
}
 }
.wk-slideshow{max-height:400px;}
ul.wk-slideshow li {max-height:400px;}
  @media(min-width:1365px) and (max-width:1505px) {
 .headerbackground {
      background-color: rgb(30, 48, 64); box-sizing: border-box; min-height: calc(83vh - 5.6px);
        
      }
      .uk-navbar-right {
       white-space: nowrap!important;
    min-width: 255px!important;
    margin-bottom: 62px;
    margin-right: -6px !important;
    margin-top: 68px;
      }
      .uk-navbar-center:not(:only-child) {
    position: absolute;
    top: 50%;
    left: 61% !important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 990;
}

      .partageon {
    font-family: 'Open Sans', serif!important;
    margin-left: 10%;
    margin-right: auto;
    z-index: 0;
    position: absolute;
    margin-left: 400px;
}
  }
  @media(min-width:1505px) and (max-width:1920px) {
 .headerbackground {
      background-color: rgb(30, 48, 64); box-sizing: border-box; min-height: calc(85vh - 5.6px);
        
      }
  }
 
   
 
 
      @media(max-width:450px) {
   .mailbutton {
    margin-top: 10px !important;
}
}