.bg_fam{
    background: url('../_images/bg_fam.jpg?v=1');
    width: 100%;
    min-height:300px; 
    background-size: cover;
}



.bg_fam h1{
margin-top: 100px;
margin-bottom: 25px;
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 64px;
line-height: 74px;
/* or 116% */
text-align: center;
color: #FFFFFF;
}
.greypattern.offers{padding-top: 0px;}
.nopt{padding-top: 0px !important;}

section{padding-top: 50px;padding-bottom: 50px;}
.navbar-brand{
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 21px;
letter-spacing: 0.005em;
color: #3C3C3B;
text-align: center;
}
.homeblockw{
background: #FFFFFF;
border-radius: 16px;
margin-bottom: 30px;
margin-top: 30px;
}
.homeblockw .prod{
    border: .5px solid rgb(0, 0, 0, 0.12);
    height: 120px;
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.005em;
color: #3C3C3B;
}
.homeblockw .prodin{
     display: table;
  height: 120px;
  width: 100%;
  text-align: center;
}

.homeblockw .prodin img{margin-right: 8px;}
.homeblockw .col-lg-4.col-12{
padding-right: 0px;
padding-left: 0px;
}
.homeblockw .prodin span.small{
font-family: Poppins;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.005em;
color: #CB2D23;
}
.homeblockw .row{
    margin-right: 0px;
margin-left:0px;
}
.homeblockw .prodin .spanner {
  display: table-cell;
  vertical-align: middle;
}
.homeblockw .prodin .spanner:hover{
    background-color: #F5F6F8;
}
.biggicon{
    font-size: 24px;
}
.header2{
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 48px;
line-height: 72px;
letter-spacing: 0.005em;
color: #3C3C3B;
}
.header3{
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.005em;
color: #3C3C3B;
}
.urls a{
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 27px;
display: inline-block;
letter-spacing: 0.005em;
color: #3C3C3B;
padding-bottom: 8px;
padding-top: 8px;
}
.footer2 .urls a{
color: rgba(60, 60, 59, 0.6);
}
.linefooter{
    height: 1px;
    background-color: rgba(0, 0, 0, 0.12);
    width: 100%;
}
.stripe{
    position: relative;
    width: 70px;
    height: 1px;
    background-color:#3C3C3B;
   
}
.stripe.stripecenter{
     margin: 0px auto 10px auto;
}
.why{
    padding-top: 50px;
    padding-bottom: 50px;
}
.altwhite{background-color: #F5F6F8;}
.homepage p{
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 27px;
letter-spacing: 0.005em;
color: #3C3C3B;
}
.homepage p.big{
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 54px;
color: #3C3C3B;
}
.homepage .blokwhite{
    background-color: #fff;
    border-radius: 16px;
}
.homepage .blokwhitecontent{padding: 15px 25px;}
.homepage .bimage{width: 100%;max-width: 100%;border-radius: 8px;}
.homepage .redsection{
    
    padding: 40px;
    padding-bottom: 0px;
}
.homepage .redbox{
    background: #D22F27;
    border-radius: 32px;
    padding: 15px;
}
.btn{border-radius: 25px;padding: 10px 15px; font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 27px;
text-align: center;
letter-spacing: 0.005em;
}
.navbar-light .navbar-nav .nav-link,.nav-link.navright {color: rgba(0, 0, 0, 0.6); }
.navbar-light .navbar-nav .nav-link:hover,.nav-link.navright:hover {color: rgba(0, 0, 0, 1); }
.navbar-light .navbar-nav .nav-link:active,.nav-link.navright:active {color: rgba(0, 0, 0, 1); }
.btn.btn-red{font-weight: normal;background:#CB2D23; color: #fff; }
.btn.btn-red:hover{background:#DF4D44;color: #fff;}
.btn.btn-red:active{background:#A1241C;}

.btn.btn-yellow{font-weight: normal;background:#FFBB00; color: #3C3C3B; }
.btn.btn-yellow:hover{background:#FFD666;color: #3C3C3B;}
.btn.btn-yellow:active{background:#E6A800;}

.btn.btn-yellow{font-weight: normal;background:#FFBB00; color: #3C3C3B; }
.btn.btn-yellow:hover{background:#FFD666;color: #3C3C3B;}
.btn.btn-yellow:active{background:#E6A800;}

.btn.btn-trans{font-weight: normal; color: #fff; }
.btn.btn-trans:hover{color: #4D4D4D;}
.btn.btn-trans:active{color: #000000;}

.btn.btn-trans2{font-weight: normal; color: #3C3C3B; }
.btn.btn-trans2:hover{color: #4D4D4D;}
.btn.btn-trans2:active{color: #000000;}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(210, 47, 39, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.homeblockw .prodin .txt{
    display: inline-block;
    text-align: left;
}
.spanner.spaninclud img{margin-top: -24px;}
.tabletshow{display:none;}

.lis_image{position: relative;}
.play{font-size: 80px;color: #000000;position: absolute;top: 50%;margin-top: -60px;left: 50%;margin-left: -40px;}
.questionmark{  
  color: #3C3C3B;
  position: relative;
}
.questionmark:before {
  content: ".";
  position: absolute; 
  color: #fbba00;
  margin-left: 2.8px;
top: -3.8px;
font-size: 108%;
}

h1.pageHeader.mb-20{
    margin-bottom: 20px;
}
section.nopaddingtop{
    padding-top: 0px;
}
.supportfooter{position:absolute;bottom: -50px;}
.supportrelative{position:relative;height: 100%;}

@media(max-width:1024px){
    /*.bannerImage.bannerImage2{background-position: 0 0;}*/
    .homehen .banner.container{max-width: 100%;}
    .homehen .bannerImage{margin-left: -50px;}
	
}
.rowdesktopmt30{margin-top: 30px;}
@media(max-width:980px){
    .homeblockw .prod{width: 100%;}
    .bg_fam h1{    
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 40px;
        line-height: 60px;
        text-align: center;
        letter-spacing: 0.005em;
        margin-bottom: 20px;
        color: #FFFFFF;
        margin-top: 80px;
    }
    .homeblockw .col-12{padding-left: 0px;padding-right: 0px;}
    .homeblockw .prod{border-left: 0px;border-right: 0px;}
    .homeblockw .prod:first-child{border-top: 0px;}
    .homeblockw .prodin{text-align: left;padding-left: 30px;}
    .homeblockw .prodin{height:75px;}
    .homeblockw .prod{height: 75px;}
    .tabletshow{display: inline-block;}
    .homeblockw .prodin .spanner{padding-right: 20px;}
    .homeblockw .prodin .spanner .arrow{float:right;}
    .header2{
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0.005em;
    
    color: #3C3C3B;
    }

.questionmark:before {
  content: ".";
  position: absolute; 
  color: #fbba00;
  margin-left: 2px;
top: -2px;
}
    .bg_fam{background-position-x: -500px;}
    .homepage p{
        font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: 0.005em;

color: #3C3C3B;
    }
    .why.altwhite p{text-align: left;}
    .redsection{background-color: #D22F27;}
    .urls a{font-size: 16px;}
}
.showTab{display:none;}
@media(max-width:768px){
    .overflowhiddenmobile{overflow:hidden;}
    .supportrelative{min-height: 300px;}
     .rowdesktopmt20{margin-top: 0px;}
     .showTab{display:inline-block;}
     .showTab.vervolgpage{display:none;}
     .navbar-brand{font-size: 11px;margin-left: -110px;}
     .navbar-brand img{width: 140px;margin-right: 10px;}
     .bg_fam h1{
        font-size: 40px;
line-height: 60px;
        margin-top: 60px;
        margin-bottom: 15px;

     }
     .header2{
         font-size: 24px;
        line-height: 36px;
     }
     .questionmark:before {
      content: ".";
      position: absolute; 
      color: #fbba00;
     margin-left: 1.5px;
        top: -1.8px;
    }
     .homepage p{
        font-size: 16px;
        line-height: 24px;
     }
     .bg_fam{background-position-x: -400px;}
     
}
@media(max-width:700px){

}
@media(max-width:581px){
    .supportrelative{min-height: 250px;}
    .navbar-brand{position: relative;}
    .navbar-brand span{top: 6px;position: inherit;}
    .navbar-light .navbar-toggler{margin-left: -20px;}
    .showTab{display:none;}
    .mobile2hide{display:none;}
    .navbar-brand {display: 'contents'; margin-right: auto;margin-left: 5px;}
     .navbar-brand img{width: 85px;margin-right: 10px;}
     .navbar-brand.noright img{ margin-right: 0px;}
	.navbar-brand img{width: 85px !important;}
     /*.navbar-brand span{left: 10px;}*/
     .bg_fam{background-position-x: -790px;}
     .why.altwhite p {text-align: center;}
     .bg_fam h1{
        font-size: 32px;
line-height: 48px;
        margin-top: 40px;
        margin-bottom: 10px;
        
     }
}

@media(max-width:480px){
    .supportrelative{min-height: 220px;}
}