@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');


body{background: #fff;font-size:14px; font-family:'Poppins', sans-serif;color:#454545;line-height:22px;}
a{color:#cc080c;text-decoration:underline;transition:all .4s}
a:active,a:hover,a:focus{color:#cc080c;text-decoration:none}
.red{color:#cc080c;}
.image-right{float:right;margin: 18px 0 10px 15px;}
.image-left{float:left;margin:0 15px 10px 0}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{line-height:1em;text-transform:none;font-family: 'Poppins', sans-serif;font-weight:normal;
}
h1,.h1{font-size:50px;
line-height:48px;color:#cc080c;}
h2, .h2 {
    font-size: 25px;
    color: #ead51c;
    line-height: 25px;
    text-transform: none;
}
h3,.h3{font-size:30px;line-height:35px;color:#cc080c;}
h4,.h4{font-size:28px;    color: #ead51c; line-height:33px;}
h5,.h5{font-size:24px;line-height:29px;color:#cc080c;}
h6,.h6{font-size:20px;    color: #ead51c; line-height:25px;}

hr{border-color:#e5e5e5}

nav.main-nav{
        position: relative;
    z-index: 100;
    transition: background .4s,box-shadow .4s;
    height: 130px;
    
}
nav.main-nav .row{margin:0}

nav.main-nav .sf-menu {
    text-align: center;
    align-self: auto;
}
.header-top{
  position:absolute;  
  width:100%;
  top:0;
z-index: 100;
overflow:hidden;
}

.is-sticky nav.main-nav {
    background: rgb(0,0,0,0.8);
    height: 90px;    box-shadow: 0 0 14px #bf001f
}.is-sticky .nav-wrapper {
    margin-top: 12px;
    padding-top: 19px;
}.is-sticky .sf-menu a {

    padding: 0px 45px 8px;}.is-sticky .sf-menu > li:not(:first-child)::before {

    top: 8px;
  
}

nav.main-nav .mobile-nav{display:none;text-align:right;align-self:center}
nav.main-nav .mobile-nav a{display:inline-block;text-decoration:none;text-transform:uppercase;color:#fff;line-height:40px;font-size:24px;overflow:hidden}
nav.main-nav .mobile-nav i.fa{background:#bf001f;text-align:center;color:#fff;width:40px;line-height:40px;border-radius:50%;display:inline-block}
nav.main-nav .mobile-nav:hover i.fa{background:#fff;color:#000}

.header-top .logo {
    position: relative;
    float: none;
    display: table;
    transition: all .8s;
    margin: 0 auto 0;
    transition-delay: .1s;
    padding-top: 28px;
}.openingLine:nth-child(6) span.openingTime {
    display: none;
}.openingLine:nth-child(6) {
    position: relative;
}
.openingLine:nth-child(6):before {
    content: "Op afspraak";
    position: absolute;
    right: 108px;
}
header.top .slogan{ position:absolute;color:#fff;text-transform:uppercase;line-height:1.2em;z-index:2; font-size: 54px;    top:50%;margin-top:200px;font-family: 'Poppins', sans-serif;
    font-weight:bold;
    text-align:left;
 opacity: 0;
    transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    animation: slide-in .5s forwards;
    -webkit-animation: slide-in .5s forwards;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    right: 0;
    left: 15px;}
    
    
    @keyframes slide-in {
    100% {
    	transform: translateX(0%); 
    	opacity: 1;
    }
}
@-webkit-keyframes slide-in {
    100% {
    	-webkit-transform: translateX(0%); 
    	opacity: 1;
    }
}
footer.bottom .social a {
    border-radius: 50%;
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 0;
    position: relative;
    z-index: 1;
    width: 38px;
    height: 38px;
    background: #fde511;
  text-decoration: none !important;
    transition: color .4s;
    float: none;
    text-align: center;
    color: #000000;
    margin: 0 0 0 5px;
}footer.bottom .social a:before {
    font-family: 'FontAwesome';
    speak: none;
    font-size: 20px;
    line-height: 41px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
    text-decoration: none !important;
}a.facebook::before {
    content: "\f09a";
}a.instagram::before {
      content: "\f16d";
}footer.bottom .social a:hover {
    background: #bf001f;
    color: #fff;
}


header.top .container{
    position:relative;
}
header.top.big .slogan{   

  
       margin-top: 350px;
    text-align: left;
  
  
}
/*  .slogan .title{     font-size: 25px;*/
/* font-family: 'Poppins', sans-serif;*/
/*    text-transform: uppercase;*/
/*    font-weight: normal;*/
/*    line-height: 22px;*/
/*}*/

header.top .slogan a{   
font-size: 17px;
    line-height: 31px;
    text-shadow: none;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    box-shadow: none;
    text-transform: uppercase;
    transition: box-shadow .4s;
    padding: 7px 38px;
    background: #cc080c;
    position: relative;
    padding-right: 68px;
  

   
 
}
header.top .slogan a:after {
 content: "";
    position: absolute;
    right: 27px;
    width: 29px;
    height: 15px;

    top: 15px;
    bottom: 0;
}
	header.top .slogan a img {
    margin-right: 12px;
}
header.top .slogan a:hover{    background: #222;}
header.top {
    position: relative;
    background: #eee;
    height:600px;
    margin-top:0;
    overflow:hidden;
}
header.top.big {
        height: 1074px;
}
.top-header {
    position: absolute;
    width: 100%;
    top: 0;    z-index: 100;
}


 .diy-slideshow figure:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background:rgba(0, 0, 0, 0.35) url(/smarty/wireframe20/media/images/bg-slide.png) no-repeat top ;
	width:100%;
	height:100%;
}
.diy-slideshow {
    position: absolute !important;
    width: 100%;
    height: 100%;
}
 
section.home-content.home1 article.content {
    padding: 122px 0 130px!important;
}
section.home-content{position:relative;          }
section.page-content{position:relative;padding-bottom: 20px;}


article.content{position:relative;padding:50px 0 35px}
section.home-content article.content {
    padding: 40px 0 44px !important;
}#scrollTopBtn {
    position: fixed;
    bottom: 30px;
    right: 8px;
    z-index: 9999;
    font-size: 14px;
    line-height: 1.2em;
    border: none;
    outline: none;
    color: #000 !important;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    background-color: rgb(253 229 17) !important;
    transition: opacity .4s,background .4s;
}#scrollTopBtn:hover {
    background-color: rgb(212 0 0) !important;
    color: #fff !important;
}
article.content header.page-title{padding-bottom:10px}
article.content header.page-title h1 {
    position: relative;
    margin: 0 0 22px;
    font-size: 40px;
    padding-bottom: 30px;
    color: #cc080c;
    background: url(/smarty/wireframe20/media/images/bg-h1.png) no-repeat 0px 0;
    padding-left: 145px;
    padding-top: 15px;
    border-bottom: 1px solid #dedddd;
}header.page-title.home h1 {
    width: 58%;
    border-bottom: 1px solid #dedddd;
}

table.table-page {
    width: 100%;
    margin-bottom: 20px;
}
table.table-page tr td {
    padding: 5px 10px;
    border: 1px solid #fcc04a;
}
table.table-page tr td.price {
    width: 10%;
}
table.table-page tr td:nth-child(2) {
    width: 50%;
}
table.table-page tr td p {
    margin: 0;
}

article.content header.page-title.page h1 {

    background: url(/smarty/wireframe20/media/images/bg-h1.png) no-repeat left center;
    padding-left: 87px;
}


article.content header.page-title h1 .subtitle1 {
    font-size: 24px;
    color: #787777;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
.image-right.home {
    margin: 10px 0 25px 49px;
}
article.content header.page-title.home h1 {
    font-size: 40px;
    text-transform: none;
    color: #cc080c;
    font-family: 'Poppins', sans-serif;
    padding-left: 150px;
    padding-top: 0px;
    line-height: 40px;
    font-weight: 600;
}
article.content header.page-title + h2{margin-top:0;margin-bottom:30px}
article.content p{margin:0 0 15px}
article.content ul{list-style:outside disc;margin-left:0;padding:0}
article.content ul li{position:relative;left:1em;margin-left:1em;padding-right:1em}
article.content ul ul{list-style-type:circle}
article.content .table-style{position:relative;margin:0 0 15px}
article.content img {
    height: auto;
    max-width: 100%;
    outline: none;} 
    p.logos-links img {
    border: 1px solid rgba(0,0,0,0.35);
    padding: 8px;
    margin: 20px 5px;
}



article.content .table-style th{background:#cc080c;color:#fff}
article.content .table-style th,article.content .table-style td{border:1px solid #cc080c;padding:4px 5px}
td.prix{width:15%}



/*************/


/*------------------------------------------- BOXES ---------------------------*/
section.boxes {
    position: relative;
    padding: 55px 0px 0;
    background: url(/smarty/wireframe20/media/images/bg-services.jpg) repeat center;
}
section.boxes a {
    position: relative;
    float: none;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    color: #4c4c4c;
    border: none;
    line-height: 25px;
    text-decoration: none!important;
    padding: 30px 0px 30px;
    margin-bottom: 11px;
}
section.boxes:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(/smarty/wireframe20/media/images/bg-boxes.jpg) no-repeat;
    width: 50%;
    height: 100%;
    background-size: cover;
}

.box-content {
    padding-left: 106px;
}section.boxes .col-md-offset-6 {
    margin-left: 54%;
    padding-bottom: 39px;
}

section.boxes a .icon{    position: relative;
    width: 100px;
    height: 100px;
    float: left;    top: -17px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left top;}

section.boxes  a:hover .icon{-webkit-animation: rotate-center 0.6s ease-in-out both;
	        animation: rotate-center 0.6s ease-in-out both;}
section.boxes a .icon1{background-image:url(/smarty/wireframe20/media/images/icon1.png)}
section.boxes a .icon2{background-image:url(/smarty/wireframe20/media/images/icon2.png)}
section.boxes a .icon3{background-image:url(/smarty/wireframe20/media/images/icon3.png)}
section.boxes a .icon4{background-image:url(/smarty/wireframe20/media/images/icon4.png)}
section.boxes  a:hover .icon1{background-image:url(/smarty/wireframe20/media/images/icon1-h.png)}

section.boxes  a:hover .icon2{background-image:url(/smarty/wireframe20/media/images/icon2-h.png)}
section.boxes  a:hover .icon3{background-image:url(/smarty/wireframe20/media/images/icon3-h.png)}
section.boxes  a:hover .icon4{background-image:url(/smarty/wireframe20/media/images/icon4-h.png)}
section.boxes a h4 {
    margin: 0px 0 25px;
    color: #3a3a3a;
    font-weight: 600;
    text-transform: none;
    font-size: 28px;
    letter-spacing: 0.05em;
}section.boxes a:hover h4{    
 color:#bf001f;

}
section.boxes a .btn-lees {
    text-decoration: none;
    background: #434341;
    font-size: 14px;
    display: table;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 5px 16px;
    border-radius: 50px;
    top: 15px;
    position: relative;
}
section.boxes a:hover .btn-lees{    
 background:#bf001f;

}
/* ----------------------------------------------
 * Generated by Animista on 2020-12-30 13:10:45
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.topbar {
    position: relative;
    background: #fde511;
    height: 43px;
    color: #212020;
    font-size: 14px;
}.adresse-top {
    position: relative;
    float: left;
    padding-left: 39px;
    background: url(/smarty/wireframe20/media/images/adres.png) no-repeat 0 -1px;
    padding-top: 2px;
    margin-top: 12px;
}.tel-top {
    padding-left: 45px;
    background: url(/smarty/wireframe20/media/images/tel.png) no-repeat 0 -1px;
    padding-top: 2px;
    margin-top: 10px;
    position: relative;
    float: right;
}
.tel-cta {
    position: relative;
    float: left;
    background: #fde511;
    padding: 17px 74px 14px 36px;
    border-radius: 50px;
    font-size: 22px;
    color: #000;
    font-weight: 700;
    left: 64px;
}.info-cta {
    position: relative;
    display: table;
    margin: -17px auto 0;
}.nav-wrapper {
    position: relative;
    border-top: 1px solid rgb(255 255 255 / 0.30);
    padding-top: 21px;
    margin-top: 29px;
}.tel-cta:after {
    position: absolute;
    content: "";
    right: 0;
    background: url(/smarty/wireframe20/media/images/tel-cta.png) no-repeat;
    width: 56px;
    height: 43px;
    top: 9px;
}.mail-cta a {
    text-decoration: none;
    color: #000;
}.mail-cta a:hover {
    text-decoration: underline;
    color: #000;
}.mail-cta:after {
    position: absolute;
    content: "";
    right: 0;
    background: url(/smarty/wireframe20/media/images/mail-cta.png) no-repeat;
    width: 44px;
    height: 43px;
    top: 9px;
}.mail-cta {
    float: right;
    position: relative;
    background: #fde511;
    padding: 16px 48px 14px 10px;
    border-radius: 50px;
    font-size: 13px;
    color: #000;
    font-weight: 700;
    right: -76px;
}



/************/

/******************/
footer.bottom {
    position: relative;
    padding: 73px 0 67px;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
    background: #000;
}
footer.bottom h3 {
    position: relative;
    color: #fff;
    font-size: 28px;
    line-height: 26px;
    text-transform: none;
    font-weight: 600;
    margin: 0px 0 39px;
    padding-bottom: 34px;
}
footer.bottom h3:after {
    content: "";
    position: absolute;
    width: 48px;
    height: 2px;
    background: #bf001f;
    left: 0;
    bottom: 0;
}
footer.bottom h3 .t3 {
    font-size: 15px;

}
.logo-footer {
    margin-top: 124px;
}#scrollTopBtn {
    position: fixed;
    bottom: 30px;
    right: 8px;
    z-index: 9999;
    font-size: 14px;
    line-height: 1.2em;
    border: none;
    outline: none;
    color: #000;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    background-color: rgb(253 229 17);
    transition: opacity .4s,background .4s;
}#scrollTopBtn:hover {
    background-color: rgb(212 0 0);
}
footer.bottom a, .googlemaps_v2 label.modal-label {
    color: #fde511;
    font-weight: 400 !important;
    text-decoration:underline !important;
}
footer.bottom a:hover, .googlemaps_v2 label.modal-label:hover {
    color: #fde511;
	text-decoration:none !important;
}

footer.bottom .adr {
}
span.number-responsive {
    display: none;
}
footer.bottom .info {
    margin: 31px 0 0;
}
footer.bottom .address {
    float: right;
    left: 144px;
    position: relative;
}
.open {
    float: right;
}
#openingTimesBlock .openingLine .openingDay {
    position: relative;
    display: inline-block;
    width: 49px;
    font-weight: 400;
    margin-right: 21px;
    text-transform: none;
    margin-bottom: 7px;
}
.open h5 {
    color: #fff;
    font-size: 16px;
    padding-bottom: 4px;
}#openingTimesBlock .openingLine .openingDay:after {
    position: absolute;
    content: ":";
    right: 0;
}
#openingTimesBlock .openingLine {
    line-height: 17px;
    font-size: 14px;
}
#openingTimesBlock .openingLine .openingDay::before {
    position: absolute;
    left: 60px;
    right: 0;
    bottom: 10px;
    border-bottom: 1px solid #976a4d;
}
span.number-responsive a {
    display: none;
}
/**** social ******/
footer.bottom .social {
    position: relative;
    float: right;
    margin-top: 113%;
      left: 27%;
}
footer.bottom .fa-facebook {
    font-size: 21px;
    color: #ffffff;
    width: 38px;
    height: 38px;
    line-height: 37px;
    background: #a79f88;
    border-radius: 50%;
    text-align: center;
}
footer.bottom .fa-facebook:hover {
    background:#e0a694;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b > span{
	display: none;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_email::before {
	content: "\f003";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_facebook::before {
	content: "\f09a";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_twitter::before {
	content: "\f099";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_linkedin::before {
	content: "\f0e1";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share::before {
	content: "\f0d5";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share {
	position: relative;
}footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b:before {
    font-family: 'FontAwesome';
    speak: none;
    font-size: 20px;
    line-height: 41px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
    content: "\f09a";
    text-decoration: none;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share #___plusone_0,
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share iframe {
	position: absolute!important;
	left: 0!important;
	right: 0!important;
	top: 3px!important;
	opacity: 0;
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_button_pinterest_share::before {
	content: "\f231";
}
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 0 2px;
    position: relative;
    z-index: 1;
    color: #000;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background: #fde511;
text-decoration: none !important;
    transition: color .4s;
    float: left;
    text-align: center;
}

footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b:hover {
    background: #ad0000;
    color: #fff;
}
/**************************************/
/***************footer.maps****************/
footer.maps {
    position: relative;
    height: 350px;
    overflow: hidden;
    background: #eee;
}
footer.maps a:first-of-type {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    font-size: 0;
}
.googlemaps_v2 label.modal-label {
    cursor: pointer;
    font-weight: 400;
    margin: 0;
    z-index: 99;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}
footer.maps .googlemaps_v2 label.modal-label {
    cursor: pointer;
    font-weight: 400;
    text-decoration: underline;
    margin: 0;
    z-index: 99;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    font-size: 0;
}
footer.maps .googlemaps_v2 .modal__inner iframe {
position: absolute;
    width: 100% !important;
    height: 100% !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    filter: grayscale(100%);
    transition: filter .4s;
}
footer.maps iframe {
    position: absolute;
    width: calc(100vw + 200px);
    height: 550px;
    left: -100px;
    right: -100px;
    top: -100px;
    bottom: -100px;
    filter: grayscale(100%);
    transition: filter .4s;
}
footer.maps:hover iframe {
    filter: grayscale(35%);
}
li#sdgdpr_modal_buttons-agree {
    background: #bf001f;
    color: #fff;
}li#sdgdpr_modal_buttons-agree:hover {
    background: #fde511;
    color: #000;
}
/***/


div.cc-cookies{width:100%}
.formError,.formError *,#fancybox-wrap,#fancybox-wrap *{box-sizing:content-box}
div#_atssh{bottom:0}
.cc-cookies {background: #000!important;color:#fff!important}
.cc-cookies a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{background:#cc080c!important;color:#000!important;margin:0 10px}
.cc-cookies a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies-error a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset{background:#fff!important;color:#000!important}

.img-box{width:100%;height:100%}
@media only screen and (max-width : 1330px) {

}
@media only screen and (max-width : 1199px) {

	header.top.big{height:600px}


header.top.big .slogan {

    font-size: 45px;
}

.image-right.home {

    float: none;
    display: table;
    margin: 0 auto 30px;
}
header.page-title.home h1 {
    width: 100%;}section.boxes:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(/smarty/wireframe20/media/images/bg-boxes.jpg) no-repeat center;
    width: 100%;
    height: 400px;
    background-size: cover;
}section.boxes .col-md-offset-6 {
    margin-left: 0;
    padding-bottom: 0;
    width: 100%;
}section.boxes {

    padding: 412px 0px 50px;
    background: url(/smarty/wireframe20/media/images/bg-services.jpg) repeat center;
}section.box-logos {

    padding: 40px 0 40px;

}.logo-footer img {
    width: 333px;
}footer.bottom .address {

    left: 118px;

}section.home-content.home1 article.content {
    padding: 60px 0 50px!important;
}
nav.main-nav ul.sf-menu{display:none}
nav.main-nav .mobile-nav {
    display: table;
    margin-left: auto;
    float: none;
    margin: 0 auto 0;
    padding-right: 0;
}
section.box-contact .bloc1 h2 {

    font-size: 31px;}
nav.main-nav {

    height: 108px;}

  
section.boxes a h4 {

    font-size: 23px;
}.is-sticky .nav-wrapper {
    margin-top: 0;
    padding-top: 8px;
}.is-sticky nav.main-nav {

    height: auto;
}
}
@media only screen and (max-width : 991px) {

span.number-responsive {
    display: inline-block;
}.openingLine:nth-child(6) {
    position: relative;
    left: -37px;
}.openingLine:nth-child(6):before {
 
    right: 10px;
}


header.top  {
    height: 500px;
}
header.top.big .slogan {
    margin-top: 300px;
    font-size: 35px;
}
.boxes a h4 {
  
    font-size: 26px;}
header.top .slogan {

    font-size: 28px;}
    header.top .slogan {
    margin-top: 278px;
}
.c3{
        float: left;
    clear: both;

}

footer.bottom #btp_id {
    background: url(../images/btw.png) no-repeat left;

    margin: 15px auto 0;
}
.c4 {
    float: left;
}
.social {

    padding-left: 0;
    clear: both;
}


article.content header.page-title h1 .subtitle1 {
    font-size: 22px;}
article.content,section.home-content article.content{padding:40px 0 40px!important}
section.home-content article.content header.page-title h1{margin:0 0 25px;padding-bottom:30px;font-size: 32px;}
h1,.h1{font-size:29px}
section.contactform{}

header.top.big {
    min-height: 550px;
}


    .number-responsive{display: inline-block;}
.number{display:none}


span.number-responsive a {
    display: inline-block;
    color: #000;
}
   section.box-logos {

    padding: 34px 0 37px;

} footer.bottom .col-sm-2 {
    width: 100%;
}footer.bottom .col-sm-4 {
    width: 100%;
}.logo-footer img {
    width: auto;
}.logo-footer {
    display: table;
    margin: 0 auto 0;
}footer.bottom .address {
    left: 0;
    float: none;
    display: table;
    margin: 0 auto 0;
    text-align: center;
}
footer.bottom .info span.number-responsive a {
    color: #fde511;
}footer.bottom h3:after {

    left: 0;
 
    right: 0;
    margin: auto;
}footer.bottom .info {
    float: none;
    display: table;
    margin: 12px auto 0;
    text-align: center;
}footer.bottom .social {
    position: relative;
    float: none;
    margin: 25px auto 0;
    left: 0;
    display: table;
}.open {
    float: none;
    display: table;
    margin: -64px auto 0;
    text-align: center;
}footer.bottom {

    padding: 40px 0 47px;}
footer.bottom h3 {
    position: relative;
    color: #fff;
    font-size: 28px;
    line-height: 26px;
    text-transform: none;
    font-weight: 600;
    margin: 0px auto 39px;
    padding-bottom: 34px;
    text-align: center;
}
footer.bottom h3 {

    margin: 0px auto 39px;

    text-align: center;
}
}



@media only screen and (max-width : 767px) {
	
	   .header-top {
    background: #000;
}
video#vid {
    float: left;
    position: relative;
    bottom: -310px;
}
	
	
	.slick-prev {
    left: -11px;
}section.box-logos {
    padding: 34px 0 37px !important;
}
.adresse-top {

    float: none;

    display: table;
    margin: 12px auto 0;
}.tel-top {

    float: none;
    display: table;
    margin: 10px auto;
}
.header-top .logo img.big {
    width: 100%;
}.info-cta {

    margin: 0 auto 0;
}.tel-cta {
    left: 0;
    float: none;
}.mail-cta {
    right: 0;
    float: none;
    margin: 12px auto 0;
}
.topbar {

    height: auto;}

article.content img{max-width:100%;height:auto}


table{position:relative;width:100%;display:table;border:none}
table > tbody > tr{width:100%;display:table}




table > tbody > tr > td{width:100%!important;display:table-row;float:left}
h2, .h2 {
    font-size: 23px;}



article.content header.page-title h1 {
 
    font-size: 34px;
}

section.box-logos h2 {

    font-size: 28px;}
.box-content {
    padding-left: 90px;
}
footer.bottom h3 {
    margin: 10px auto 39px;

}

article.content header.page-title.home h1 {

    padding-left: 0;
    padding-top: 77px;

}.slick-next {
    right: -20px !important;
}.slick-prev {
    left: -12px !important;
}article.content header.page-title h1 {

    padding-left: 0;
    padding-top: 80px;

}

section.home-content article.content header.page-title h1 {
 
    font-size: 26px;
    line-height: 40px;
}
}


.fullsite {
    overflow: hidden;
}
@media only screen and (max-width : 481px) {
    
 
    
    
    
    
    
    
    
    
	.box-content {
    padding-left: 0;
}section.boxes a .icon {

    float: none;
    top: 0;}
	.info-cta {
    margin: 12px auto 0;
}section.home-content article.content header.page-title h1 {
    font-size: 23px;
    line-height: 30px;
}
	.header-top .logo img.big {
    width: 100%;
}
article.content header.page-title h1 .subtitle1 {
    font-size: 17px;
    line-height: 18px;
}

article.content header.page-title h1 {
 
    font-size: 25px;
}


h1,.h1{font-size:24px}
h2, .h2 {
    font-size: 20px;
    line-height: 33px;
}
.logo-footer img {
    width: 100%;
}footer.bottom h3 {
    margin: 10px auto 39px;
    text-align: center;
    font-size: 23px;
}
#scrollTopBtn {
    bottom: 30px !important;
}
}

.sf-menu,.sf-menu *{
margin:0;
padding:0;
list-style:none}

.sf-menu li{
position:relative}

.sf-menu ul{
position:absolute;
display:none;
top:100%;
left:0;
z-index:99
    
    
}

.sf-menu > li{
font-size:0;
display:inline-block}

.sf-menu li:hover > ul,.sf-menu li.sfHover > ul{
display:block}

.sf-menu a{
display:block;
position:relative}

.sf-menu ul ul{
top:0;
left:100%}
.sf-menu > li {
    padding: 0 0 0 1px;
 
    margin-left: -3px;
        height: 44px;
}
.sf-menu ul {
    min-width: 100%;
    text-align: center;
    margin-top: 12px;
    background-color: #bf001f;
}

.sf-menu a {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    padding: 10px 45px;
    line-height: 25px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.25em;
}

.sf-menu li{
white-space:nowrap}

.sf-menu > li{
padding:0 0 0 1px;

    margin-left: -9px;
}

.sf-menu > li:first-child{
padding:0;
background:none}
.sf-menu ul li:after {
    position: absolute;
    left: 50%;
    content: "";
    height: 1px;
    width:100%;
	background:rgb(255,255,255,0.63);
    bottom: 0;
    transform: translateX(-50%);
}
.sf-menu ul li:last-child:after{
	display:none;	
}
.sf-menu ul li{
background:none}
.sf-menu ul li a {
    padding: 0!important;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    line-height: 36px;
}
.sf-menu > li:not(:first-child)::before {
    content: '';
    display: block;
    width: 1px;
    height: 8px;
    position: absolute;
    left: 2px;
    top: 20px;
    border-radius: 0;
    background: #fff;
}.sf-menu > li > a::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: auto;
    width: 0;
    display: inline-block;
    border-bottom: 4px solid #fde511;
    transition: width .4s;
    right: 0;
    margin: auto;
    top: -25px;
}.sf-menu > li > a:hover::before, .sf-menu > li.sfHover > a::before, .sf-menu > li.selected > a::before, .sf-menu > li.active > a::before {
    width: 35px;
}

.sf-menu a:hover,.sf-menu li.sfHover > a,.sf-menu li.selected > a,.sf-menu li.active > a{
color:#fff;

}
.sf-menu ul a:hover,.sf-menu ul li.sfHover > a,.sf-menu ul li.selected > a,.sf-menu ul li.active > a{border: none!important;background:#fde511;color:#000!important}


.sf-arrows .sf-with-ul{
}
div#sticky-wrapper {
    height: auto !important;
}

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    bottom: -19px;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-top-color: #dFeEFF;
    border-top-color: #fff;
    margin: auto;
    right: 8px;
}

.sf-arrows > li > .sf-with-ul:focus:after,.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after{
border-top-color: #bf001f;}

.sf-arrows ul .sf-with-ul:after{
margin-top:-5px;
margin-right:-3px;
border-color:transparent;
border-left-color:#dFeEFF;
border-left-color:rgba(255,255,255,.5)}





.site-overlay{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.3);opacity:0;transform:translate3d(100%,0,0);transition:opacity 0.4s,transform 0 .4s;transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.close-button{width:1.5em;height:1.5em;position:absolute;right:1em;top:1em;overflow:hidden;text-indent:1em;font-size:.75em;border:none;background:transparent;color:transparent}
.close-button::before,.close-button::after{content:'';position:absolute;width:3px;height:100%;top:0;left:50%;background:#fff;transition:background .4s}
.close-button::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.close-button::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.close-button:hover::before,.close-button:hover::after{background:#cc080c}
.menu-wrap{position:fixed;overflow:auto;top:0;left:0;z-index:1001;width:300px;height:100%;background:rgb(0,0,0,0.7);box-shadow:0 0 20px rgba(0,0,0,.8);padding:40px 20px 20px;transform:translateX(-100vw);transition:transform .4s;transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.mobile-menu{transform:translateX(500px)}
.mobile-menu > ul{display:block;transform:translateX(-1000px)}
.mobile-menu,.mobile-menu > ul{transition:transform 0 .4s;transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.mobile-menu ul{list-style:none;margin:0;padding:0;font-size:18px;line-height:1.5em}
.mobile-menu ul ul{background:rgba(0,0,0,.15);font-size:16px;margin-top:5px;margin-bottom:-5px;border-top:1px solid rgba(255,255,255,.2)}
.mobile-menu li:first-child{border-top:none}
.mobile-menu li{padding:5px 0;border-top:1px solid rgba(255,255,255,.2)}
.mobile-menu li li{position:relative;border-top:1px solid rgba(255,255,255,.2)}
.mobile-menu li li::before{content:'\f105';font-family:'FontAwesome';position:absolute;color:rgba(255,255,255,.5);z-index:5;left:10px}
.mobile-menu a{padding:5px;display:block;color: #fff;text-decoration:none;transition:color .4s,background .4s;text-transform:uppercase}
.mobile-menu a:hover{background:#cc080c;color:#fff}
.mobile-menu li li a{padding-left:25px}
.show-menu .menu-wrap{transform:translate3d(0,0,0);transition:transform .8s;transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.show-menu .mobile-menu,.show-menu .mobile-menu ul{transform:translate3d(0,0,0);transition:transform .8s;transition-timing-function:cubic-bezier(0.7,0,0.3,1)}
.show-menu .mobile-menu ul{transition-duration:.9s}
.show-menu .site-overlay{opacity:1;transition:opacity .8s;transition-timing-function:cubic-bezier(0.7,0,0.3,1);transform:translate3d(0,0,0)}

.open h3 {
    opacity: 0;
}
section.box-logos {
    position: relative;
    padding: 68px 0 70px;
    background: #fff;
}
section.box-logos h2 {
    color: #bf001f;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 0.025em;
}section.box-logos img.logo-box {
    position: relative;
    border: 1px solid rgb(0 0 0 / 0.17);
    height: 116px;
    width: 100%;
    padding: 10px 10px;
    object-fit: contain;
    display: flex;
    align-items: center;
}.slick-initialized .slick-slide {
    display: block;
    height: 116px !important;
}.slick-slide {
    margin: 0 2px !important;
}.logos.slick-initialized.slick-slider {
    padding-top: 26px;
}.slick-prev:before, .slick-next:before {
display:none !important;
}.slick-prev {
    left: -18px;
    background: url(/smarty/wireframe20/media/images/prev.png) no-repeat !important;
}.slick-next {
    right: -18px;
    background: url(/smarty/wireframe20/media/images/next.png) no-repeat !important;
}