@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,900'); 

html { min-height: 100%; height: 100%; background-image: url('/_img/site/background.jpg'); background-size: cover; background-attachment: fixed }
body { font-family: 'Nunito', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; height: 100%; background-color: inherit; font-weight: 300 }

.overlay { z-index: 0; width : 100%; position: fixed; min-height: 100vh; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */  } /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0+0,1+100 */

.container-fluid { min-height: 100vh; position: relative; }
.left { background: transparent url('/_img/site/left.png') no-repeat top right; }
.right { background: transparent url('/_img/site/right.png') no-repeat top left; }

header { position : relative; height : 60vh; background-size: cover; display : flex; align-items: flex-start; }
header * { z-index: 2; position: relative }
header .headeroverlay { z-index: 1; position: absolute; width : 100%; height: 70%;  
    background: -moz-linear-gradient(top, rgba(255,0,255,0.4) 0%, rgba(125,185,232,0) 100%);  
    background: -webkit-linear-gradient(top, rgba(255,0,255,0.4) 0%,rgba(125,185,232,0) 100%);  
    background: linear-gradient(to bottom, rgba(255,0,255,0.4) 0%,rgba(125,185,232,0) 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52ff00ff', endColorstr='#007db9e8',GradientType=0 );
}
header .headeroverlay1 {
    background: -moz-linear-gradient(top, rgba(0,0,255,0.4) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,255,0.4) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,255,0.4) 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ffff', endColorstr='#007db9e8',GradientType=0 );
}
header .headeroverlay2 {
    background: -moz-linear-gradient(top, rgba(240, 161, 245, 0.4) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(top, rgba(240, 161, 245,0.4) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom, rgba(240, 161, 245,0.4) 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ffff', endColorstr='#007db9e8',GradientType=0 );
}
header .headeroverlay3 {
    background: -moz-linear-gradient(top, rgba(237, 208, 154, 0.4) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(top, rgba(237, 208, 154,0.4) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom, rgba(237, 208, 154,0.4) 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ffff', endColorstr='#007db9e8',GradientType=0 );
}
header .headeroverlay4 {
    background: -moz-linear-gradient(top, rgba(243, 176, 146, 0.4) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(top, rgba(243, 176, 146,0.4) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom, rgba(243, 176, 146,0.4) 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3b092ff', endColorstr='#007db9e8',GradientType=0 );
}

.logocontainer { padding: 2rem 2rem; max-width: 200px; }
.logo { margin: 40px 0 0 40px; display : block; }

header nav { display : flex; margin-top : 40px }
header nav ul a { color : rgba(255,255,255, 0.7); text-transform: uppercase; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8); }
header nav ul a.active, header nav ul a:hover { color : #FFF; text-decoration: none }
header nav ul { display : flex; list-style: none; margin: 0; padding : 0; flex: 1 0 auto }
header nav ul li { margin: 0 10px 0 10px; padding : 0 }

.social { padding : 34px 40px 0 0; text-align : right; }
.social a { color : #FFF; font-size: 1.7rem; }

.main { background-color: #00ffff;  position: relative; }
.main { background: rgb(142,66,150);
    background: -moz-linear-gradient(top, rgba(142,66,150,1) 0%, rgba(118,56,152,1) 15%, rgba(235,235,236,1) 100%);
    background: -webkit-linear-gradient(top, rgba(142,66,150,1) 0%,rgba(118,56,152,1) 15%,rgba(235,235,236,1) 100%);
    background: linear-gradient(to bottom, rgba(142,66,150,1) 0%,rgba(118,56,152,1) 15%,rgba(235,235,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e4296', endColorstr='#ebebec',GradientType=0 );}

.vervolg .main1 { background-color: #00ffff; background-image : none }
.vervolg .main2 { background-color: #F3D2FF; background-image : none }
.vervolg .main3 { background-color: #EDDDC2; background-image : none }
.vervolg .main4 { background-color: #FFC9B8; background-image : none }

.vervolg .main .overlay { position: absolute; height: 430px; min-height: 430px; margin: -130px -15px 0 -15px; }
.vervolg .main .overlay { background: -moz-linear-gradient(top, rgba(0,112,255,0) 0%, rgba(0,112,255,1) 22%, rgba(0,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,112,255,0) 0%,rgba(0,112,255,1) 22%,rgba(0,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(0,112,255,0) 0%,rgba(0,112,255,1) 22%,rgba(0,255,255,1) 100%);
}
.vervolg .main .overlay1 { background: -moz-linear-gradient(top, rgba(0,112,255,0) 0%, rgba(0,112,255,1) 22%, rgba(0,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,112,255,0) 0%,rgba(0,112,255,1) 22%,rgba(0,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(0,112,255,0) 0%,rgba(0,112,255,1) 22%,rgba(0,255,255,1) 100%);
}
.vervolg .main .overlay2 { background: -moz-linear-gradient(top, rgba(0,112,255,0) 0%, rgb(240, 161, 245) 22%, rgb(243, 210, 255) 100%);
    background: -webkit-linear-gradient(top, rgba(0,112,255,0) 0%,rgba(240, 161, 245,1) 22%,rgba(243, 210, 255,1) 100%);
    background: linear-gradient(to bottom, rgba(0,112,255,0) 0%,rgba(240, 161, 245,1) 22%,rgba(243, 210, 255,1) 100%);
}
.vervolg .main .overlay3 { background: -moz-linear-gradient(top, rgba(0,112,255,0) 0%, rgb(237, 208, 154) 22%, rgb(237, 221, 194) 100%);
    background: -webkit-linear-gradient(top, rgba(0,112,255,0) 0%,rgba(237, 208, 154,1) 22%,rgba(237, 221, 194,1) 100%);
    background: linear-gradient(to bottom, rgba(0,112,255,0) 0%,rgba(237, 208, 154,1) 22%,rgba(237, 221, 194,1) 100%);
}
.vervolg .main .overlay4 { background: -moz-linear-gradient(top, rgba(0,112,255,0) 0%, rgb(243, 176, 146) 22%, rgb(255, 201, 184) 100%);
    background: -webkit-linear-gradient(top, rgba(0,112,255,0) 0%,rgba(243, 176, 146,1) 22%,rgba(255, 201, 184,1) 100%);
    background: linear-gradient(to bottom, rgba(0,112,255,0) 0%,rgba(243, 176, 146,1) 22%,rgba(255, 201, 184,1) 100%);
}

.tagline { margin: 40px 0 0 0 ;  color : #000; text-align: center; font-weight: 300 }
.tagline h1 { font-size: 1.6rem; color: #FFF; line-height:2rem; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
.tagline h2 { font-size: 1.4rem; color: #FFF;  line-height:1.8rem; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
.tagline h4 { color: #FFF;  line-height:1.8rem; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
.vervolg .tagline { position: relative;   top: -125px; }
.vervolg .tagline h1 { padding-bottom : 40px; font-size: 3rem; line-height:3rem;  }
.tagline strong { font-weight: 900 }

.vervolg .content { position : relative; top: -80px;}

.categorieen { margin : 0 0 40px 0; }
.categorieen > div h2 { color: #f0a415; text-transform: uppercase; font-weight: 300; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); font-size: 1.4rem}
.categorieen .card { border: 0;  border-radius: 0; font-weight : 400; background-color: inherit  }
.categorieen .card-footer { padding: .75rem 1.25rem; background-color: inherit; border: 0 }
.categorieen .card a { text-transform: uppercase}
.categorieen .card1 .card-body, .card1 .card-footer, .bgcolor1 { background-color : #aff9f9 }
.categorieen .card1 a, .bgcolor1 a { color : #000 }
.categorieen .card2 .card-body, .card2 .card-footer, .bgcolor2 { background-color : #f0a1f5 }
.categorieen .card2 a, .bgcolor2 a { color : #FFF }
.categorieen .card3 .card-body, .card3 .card-footer, .bgcolor3 { background-color : #edd09a }
.categorieen .card3 a, .bgcolor3 a { color : #fff}
.categorieen .card4 .card-body, .card4 .card-footer, .bgcolor4 { background-color : #f3b092 }
.categorieen .card4 a, .bgcolor4 a { color : #fff}

.bgcolor1 .nav-pills .nav-link.active, .bgcolor3 .show>.nav-pills .nav-link { color: #fff; background-color: #0051af; }
.bgcolor1 .btn-primary:hover, .bgcolor1.btn-primary:hover { background-color: #00347b; border-color: #00347b; }
.bgcolor1 .btn-primary, .bgcolor1.btn-primary { color: #fff; background-color: #0051af; border-color: #0051af; }

.bgcolor2 .nav-pills .nav-link.active, .bgcolor3 .show>.nav-pills .nav-link { color: #fff; background-color: #653c6a; }
.bgcolor2 .btn-primary:hover, .bgcolor2.btn-primary:hover { background-color: #422347; border-color: #422347; }
.bgcolor2 .btn-primary, .bgcolor2.btn-primary  { color: #fff; background-color: #653c6a; border-color: #653c6a; }

.bgcolor3 .nav-pills .nav-link.active, .bgcolor3 .show>.nav-pills .nav-link { color: #fff; background-color: #8c7a57; }
.bgcolor3 .btn-primary:hover, .bgcolor3.btn-primary:hover { background-color: #64533a; border-color: #64533a; }
.bgcolor3 .btn-primary, .bgcolor3.btn-primary { color: #fff; background-color: #8c7a57; border-color: #8c7a57; }

.content.bgcolor1 a { color: #00347b }
.content.bgcolor2 a { color: #422347 }
.content.bgcolor3 a { color: #64533a }
.content.bgcolor4 a { color: #00347b }

.contentcontainer { margin: 0 30px; padding: 40px 30px; min-height: 300px }

.content h1 { color: #FFF; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); text-transform: uppercase; margin-bottom : 2rem }
.btn.offerte { color : #FFF; z-index: 10; position: relative;  margin-right: 30px;  top: -80px; }

.product { margin-bottom : 40px !important; padding-bottom : 40px;     border-bottom: 1px solid #FFF; }
.product h3 {font-size: 1.4rem }

.special { display : none; }

footer { background-color : #545454; }
footer .container { background-color : #505051 }
footer .footerrow { margin : 30px 40px }
.footernav a { color : rgba(255,255,255, 0.6); text-transform: uppercase; font-size: 0.9rem; }
.footernav a.active, .footernav a:hover { color : #FFF; text-decoration: none }
.footernav { display : flex; align-items: center; }
.footernav ul { justify-content: flex-end; display : flex; list-style: none; margin: 0; padding : 0; flex: 1 0 auto }
.footernav ul li { margin: 0 10px 0 10px; padding : 0 }

.row-afleveradres { display : none }

/* Fotoslider bij een product (Swiper, /_js/productslider.js; was royalSlider met de skin rsDefault). */
.productslider { width: 100%; background: #DDD; position: relative; }
.productslider-hoofd { height: 160px; }
.productslider-hoofd .swiper-slide { display: flex; align-items: center; justify-content: center; padding: 4px 12px; background: #DDD; }
.productslider-hoofd img { max-width: 100%; max-height: 100%; object-fit: contain; }
.productslider-hoofd .swiper-button-prev, .productslider-hoofd .swiper-button-next { --swiper-navigation-size: 18px; --swiper-navigation-color: #fff; width: 32px; height: 32px; margin-top: -16px; background: rgba(0,0,0,.75); border-radius: 2px; opacity: 0; transition: opacity .3s; }
.productslider:hover .swiper-button-prev, .productslider:hover .swiper-button-next { opacity: 1; }
.productslider-hoofd .swiper-button-disabled { opacity: 0 !important; }
.productslider-volledig { position: absolute; top: 6px; right: 6px; z-index: 10; width: 32px; height: 32px; border: 0; border-radius: 2px; cursor: pointer; background: rgba(0,0,0,.75) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M14 4h6v6M10 20H4v-6M20 4l-7 7M4 20l7-7'/%3E%3C/svg%3E") center / 18px no-repeat; }
.productslider-duimen { height: 40px; background: #DDD; }
.productslider-duimen .swiper-slide { width: 64px; height: 40px; cursor: pointer; overflow: hidden; }
.productslider-duimen img { width: 100%; height: 100%; object-fit: cover; }
.productslider-duimen .swiper-slide-thumb-active { background: #02874a; }
.productslider-duimen .swiper-slide-thumb-active img { opacity: .3; }
.productslider-onderschrift { background: #fff; color: #000; font-size: .9rem; }
.productslider-onderschrift:empty { display: none; }
.productslider-onderschrift:not(:empty) { padding: .25rem .5rem; }
.productslider-enkel .swiper-button-prev, .productslider-enkel .swiper-button-next { display: none; }
.productslider:fullscreen { display: flex; flex-direction: column; background: #000; }
.productslider:fullscreen .productslider-hoofd { flex: 1; height: auto; width: 100%; }
.productslider:fullscreen .productslider-hoofd .swiper-slide { background: #000; }
.productslider:fullscreen .productslider-duimen { width: 100%; background: #000; }


/* ADMIN */
#admindiv { background-color:#eeeeee; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; position:fixed; border:1px solid #000; width : 250px;top : 0px; right: 10px; z-index: 2000; font-size: 11px; line-height: 14px; }
#admindiv .header { padding:2px; background-color:#e32322; color:#FFF; font-weight:bold; background-image : url(/_images/generic/sitemanager.png); background-repeat : no-repeat; background-position : 232px 0px; height : 15px;border-bottom : 1px solid #000; }
#admindiv .header SPAN A { color:#FFF; font-weight:bold; text-decoration : none; }
#admindiv .body { padding:4px; color : #000; }
#admindiv .body A { color : #000; font-weight : bold; }
#admindiv .body LI { list-style: none; }
.edit { color : #000; position : absolute; margin-left: -20px; margin-top: -20px; }
A.editbtn { position : absolute; width : 22px; height : 11px; margin: 0; padding: 0; margin-left: -12px !important; margin-top: -12px !important; display : inline !important; }



/* General styles for all menus */
.cbp-spmenu { background: #000;  position: absolute; left:0; top: 0; padding-top : 0px  }
.cbp-spmenu a { display: block;  color: #FFF;  font-size: 1.1em; font-weight: 300;  }
.cbp-spmenu > a { text-transform: uppercase }
.cbp-spmenu > a:hover {  background: #0000FF; color : #FFF  }
.cbp-spmenu-vertical {  width: 240px;  min-height: 100%; top: 0; z-index: 1000;  }
.cbp-spmenu-vertical > a { border-bottom: 1px solid #FFF; padding: 1em;  }
.cbp-spmenu-vertical > a.hassub { border-bottom: 0px solid #FFF; padding-bottom: 0 }
.cbp-spmenu-vertical > .sub { border-bottom: 1px solid #FFF; padding: 0 1em 1em 1.8em; }
.cbp-spmenu-vertical > a.active { background: #0000FF;  color: #FFF;  }
.cbp-spmenu-vertical > a.active + .sub { background-color : #0000FF;  }
.cbp-spmenu-vertical > a.active + .sub a { color : #FFF }
.cbp-spmenu-vertical > .sub a.active { font-weight: bold; }
.cbp-spmenu-vertical > .sub a:hover { font-weight: bold; }
.cbp-spmenu-left { left: -240px;  }
.cbp-spmenu-left.cbp-spmenu-open { left: 0px;  }
.cbp-spmenu-push { overflow-x: hidden;  position: relative;  left: 0;  }
.cbp-spmenu-push-toright { left: 240px;  }
.cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease;  }

@media screen and (max-height: 26.375em){
    .cbp-spmenu-vertical {  font-size: 90%;  width: 190px;  }
    .cbp-spmenu-left, .cbp-spmenu-push-toleft {  left: -190px;  }
}

@media (max-width:576px){
    .menubutton { font-size: 30px; height: 50px; }
    .vervolg .tagline { top: -100px; }
}

@media (max-width:768px){
    .vervolg .tagline { top: 20px; margin-bottom: 110px;}
    .vervolg .tagline h1 { padding-bottom: 10px;  }
    header nav { justify-content: flex-end; }
    .menubutton { font-size: 30px; height: 50px; }
    .card-deck .card { padding-bottom : 30px; }
    footer .footerrow { margin: 30px 0px; }
    .footernav { margin-top : 20px; }
    .footernav ul { display : block; width : 100%; text-align: center; }
    .footernav ul li { display : inline; margin: 0 10px 0 0 }
    .btn.offerte { margin-right: -15px;  top: -80px; }
    .contentcontainer { margin: 0 -15px 0 -15px; padding: 10px 0px; }
}
@media (max-width:992px){
    .menubutton { font-size: 30px; height: 50px; }
    #admindiv { display : none}

}
@media (max-width:1200px){

}

@media (max-width:576px){
    .menubutton { font-size: 30px; height: 50px; }
    .vervolg .tagline { top: -100px; }
}

@media (min-width:768px){
    .logocontainer { padding: 2rem 3rem; max-width: none; }
}
@media (min-width:992px){
    .logocontainer { padding: 2rem 4rem }
}
@media (min-width:1200px){
    .logocontainer { padding: 2rem 5rem }
}

/* ==========================================================================
   Zoekfunctie
   ========================================================================== */

/* Zoekicoon in navigatie */
header nav ul li.search-toggle { margin-left: 15px; }
header nav ul li.search-toggle a { cursor: pointer; }
header nav ul li.search-toggle .icon-search { font-size: 1.1rem; }

/* Header zoekformulier */
.header-search-form {
    position: absolute;
    top: 100%;
    right: 0;
    width: 400px;
    max-width: 90vw;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    border-radius: 4px;
    padding: 15px;
    display: none;
    z-index: 1000;
    margin-top: 10px;
}
.header-search-form.active { display: block; }

.header-search-form .search-form {
    display: flex;
    align-items: center;
    position: relative;
}
.header-search-form .search-form input {
    flex: 1;
    padding: 10px 40px 10px 15px;
    border: 2px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
    outline: none;
    transition: border-color 0.2s;
}
.header-search-form .search-form input:focus { border-color: #0051af; }

.header-search-form .search-form button {
    position: absolute;
    right: 35px;
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    padding: 10px;
}
.header-search-form .search-form button:hover { color: #0051af; }

.header-search-form .search-close {
    position: absolute;
    right: 5px;
    color: #999;
    font-size: 1.5rem;
    text-decoration: none;
    padding: 5px 10px;
    line-height: 1;
}
.header-search-form .search-close:hover { color: #333; }

/* Zoeksuggesties dropdown */
.search-suggestions {
    max-height: 400px;
    overflow-y: auto;
    margin-top: 10px;
}
.search-suggestions:empty { display: none; }

.search-suggestions .search-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: #333;
    transition: background 0.2s;
}
.search-suggestions .search-item:hover { background: #f5f5f5; }
.search-suggestions .search-item:last-child { border-bottom: none; }

.search-suggestions .search-item-image {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 12px;
    background: #eee;
}
.search-suggestions .search-item-image.no-image {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
    font-size: 1.5rem;
}

.search-suggestions .search-item-content { flex: 1; }
.search-suggestions .search-item-title {
    font-weight: 600;
    margin: 0 0 2px 0;
    font-size: 0.95rem;
}
.search-suggestions .search-item-category {
    font-size: 0.8rem;
    color: #888;
    margin: 0;
}

.search-suggestions .search-no-results {
    padding: 15px;
    text-align: center;
    color: #888;
}

.search-suggestions .search-all-results {
    display: block;
    padding: 12px;
    text-align: center;
    background: #f8f8f8;
    color: #0051af;
    text-decoration: none;
    font-weight: 600;
    border-top: 1px solid #eee;
}
.search-suggestions .search-all-results:hover { background: #eee; }

.search-loading {
    padding: 20px;
    text-align: center;
    color: #888;
}

/* Mobiel zoekformulier in menu */
.mobile-search-form {
    padding: 1em;
    border-top: 1px solid #333;
}
.mobile-search-form input {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
}

/* Zoekresultaten pagina */
.zoekresultaat { background: rgba(255,255,255,0.1); padding: 20px; border-radius: 4px; }
.zoekresultaat h2 a { text-decoration: none; }
.zoekresultaat h2 a:hover { text-decoration: underline; }
.zoekresultaat .badge { font-weight: 400; }
.zoekresultaat .prijzen-preview { font-size: 0.95rem; color: #555; }

@media (max-width: 768px) {
    .header-search-form { width: calc(100vw - 30px); right: -60px; }
}


/* Mobiel: compactere kop (was 60vh met een groot logo en een vaste witruimte onder de titel). */
@media (max-width:768px){
    header { height: auto; min-height: 0; padding-bottom: 1rem; }
    .logo { margin: 20px 0 0 20px; }
    .logo img { max-width: 96px; }
    .vervolg .tagline { top: 0; margin-bottom: 64px; }
    .vervolg .tagline h1 { font-size: 2.2rem; line-height: 2.4rem; padding-bottom: 0; }
    .btn.offerte { top: -72px; }
}