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

a{
    color: #333;
}

/*====================================================================================================
                                            Topbar
=====================================================================================================*/
.topBar{

    background: #333;
    text-align: right;
}
.topBaricons{
    float: right;
    padding: 0 15px;
    background: white;
    padding: 8px 0;

}
.topBar a{
    display: inline-block;
    color: #333;
    padding: 0 15px;
    font-size: 1.2em;
}

.topBar a i{
   background: #333;
   color: white;
   display: inline-block;
   padding: 5px;
   text-align: center;
   margin-right: 10px;
}

.lang{
    text-align: left;
}
.lang ul{
    list-style: none;
    padding: 0;
    margin: 0;

}
.lang ul li{
    display: inline-block;
}

.lang ul li a{
    color: white;
    text-transform: uppercase;
    padding-top: 8px;
}
/*====================================================================================================
                                            Navigation + logo
=====================================================================================================*/

.logoMenu{
    padding: 10px 0;
}

.mainMenu .mainNav ul{
    padding: 0;
    padding-top: 50px;
    margin: 0;
    list-style: none;
    text-align: center;
}

.mainMenu .mainNav ul li{
    display: inline-block;
    position: relative;
}

.mainMenu .mainNav ul li a{
    color: #333;
    padding: 8px 11px;
    font-size: 1.1em;
    text-transform: uppercase;
    border-bottom: 1px solid white;
    -moz-transition: 0.35s;
    transition: 0.35s;
}

.mainMenu .mainNav ul li a:hover, .mainMenu .mainNav ul li:hover a, .mainMenu .mainNav ul li.active a{
    border-bottom: 1px solid #333;
}

.mainMenu .mainNav ul li .submenuul{
    display: block;
    position: absolute;
    background: #f3f3f3;
        display: none;
    z-index: 999;
    margin-top: 10px;
    min-width: 100%;
    padding: 20px 10px;
    -webkit-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
box-shadow: 0px 5px 16px -6px rgba(0,0,0,0.75);
}

.mainMenu .mainNav ul li .submenuul li{
    display: block;
}
.mainMenu .mainNav ul li:hover .submenuul{
    display: block;
}
.mainMenu .mainNav ul li .submenuul a{
    border-bottom: none;
    padding: 15px 0;
    display: block;
}
.mainMenu .mainNav ul li .submenuul a:hover{
    background: white;
}

/*====================================================================================================
                                            Slider
=====================================================================================================*/

.mainSlider{
background-color: #ffffff;
background-image: url("https://www.transparenttextures.com/patterns/white-diamond.png");
}


/*====================================================================================================
                                            Content container
=====================================================================================================*/


.contentContainer{
    padding-top: 50px;
    min-height: 500px;
}
.pageTitle{
    border-top: 1px solid rgba(0,0,0,.1);
     border-bottom: 1px solid rgba(0,0,0,.1);
     padding: 10px 15px;
     background: white;
     text-align: center;
     font-weight: 100;
     text-transform: uppercase;
     font-size: 1.2em;
}

.contentFormule{
    background:#fbfbfb;
}

.contentFormule ul{
    list-style: none;
    padding: 20px 25px;
    margin: 0;

}

.contentFormule ul li{
    padding: 15px 0;
    font-size: 1.2em;
}

.contentFormule ul li i{
    font-size: 1.6em;
    display: inline-block;
    padding: 0 10px;
}
/*====================================================================================================
                                            Home
=====================================================================================================*/


.homeContent{
    padding: 25px 0;
    background: #fbfbfb;
}
.firstcontent{
    text-align: center;
    margin-bottom: 25px;
}

.firstcontent h1, .firstcontent h2, .firstcontent h3, .firstcontent h4, .firstcontent h5{
    text-align: center;
    line-height: 1.4em;
    margin: 0;
}


.homeBlokken{
    text-align: center;
}
.singleBlok{
    margin-bottom: 25px;
}
.singleBlokInner{
    display: block;
    padding: 15px 0;
    -moz-transition: 0.2s;
    transition: 0.2s;
}
.singleBlokInner:hover{
    background: #fbfbfb;
}
.singleBlok img{
    display: block;
    width: 50px;
    margin: 0 auto;
}

.singleBlok h3{
    text-transform: uppercase;
    font-size: 1.2em;
}


.auctionrow{
    padding: 50px 0;


}

.auctionicon img{
    display: block;
    margin: 0 auto;
    padding: 50px 0;
}

.auctiontext{
    text-align: center;
}
.HomeContentBottom{
    padding: 25px 0;
}

/*====================================================================================================
                                           FAQ
=====================================================================================================*/


.faq-category{margin-bottom: 25px;}
.faq-wrapper{margin-bottom: 8px;}
.faq-title{font-size: 1.6em; color:#333;margin-bottom: 10px; }
.faq-category ul{list-style: none;padding-left: 15px;}

.faq-question{width: 100%;
font-size: 1.2em;
background: #f2f2f0;
padding: 6px 10px;
border: 1px solid rgba(0,0,0,.1);
cursor: pointer;
position:relative;}


.faq-question i{position:absolute; background: #333; color: white;
padding: 10px 15px 0 15px;
height: 100%;
top: 0;
right: 0;}

.faq-answer{padding: 10px;padding-left: 25px;  border:1px solid rgba(0,0,0,.2); border-top: none;cursor:pointer;}



/*====================================================================================================
                                           BLOKKEN
=====================================================================================================*/


.blokitem {
    display: block;
    color: white;
    background: #333;
    padding: 10px;
    margin-bottom: 8px;
    font-size: 1.2em;
    -moz-transition: 0.2s;
    transition: 0.2s;
}

.blokitem:hover{
   padding-left: 20px;
}




/*====================================================================================================
                                          LINKS
=====================================================================================================*/


.link-category-items ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

.link-category-items ul li{
    margin-bottom: 15px;
}

.link-category-items ul li h3{
    margin-top: 0;
    text-align: center;
}

.link-category-items ul li a{
    color: #333;
}

.link-category-items ul li img{
    margin: 0 auto;
}



/*====================================================================================================
                                            CONTACT
=====================================================================================================*/

.leftside{
    padding-left:0;
}
.rightside{
    padding-right: 0;
}


.unstyledlist{
    list-style: none;
    padding: 0;
    margin: 0;
}

.unstyledlist{
    text-align: center;
}

.unstyledlist li{
    margin-bottom: 15px;
}

.unstyledlist li i{
    font-size: 1.4em;
}



/*====================================================================================================
                                            FOOTER
=====================================================================================================*/


footer{
    background: #333;
    color: white;
    padding: 15px 0;
    text-align: center;
    font-size: 1.4em;
}

footer a{
    color: white;
}

#copyright{
    background: #333;
    font-size: 0.8em;
    text-align: center;
    color: gray;
}

#copyright a{
    color: gray;
}










.slicknav_menu{
    display: none;
}


/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* line 58, scss/base/_grid.scss */
  .row .row .c1, .row .row .c2, .row .row .c3, .row .row .c4, .row .row .c5, .row .row .c6, .row .row .c7, .row .row .c8, .row .row .c9, .row .row .c10, .row .row .c11, .row .row .c12 {
    width: 100%;
    margin-bottom: 20px;
  }



  /* line 59, scss/base/_grid.scss */
  .row .row > div:last-child {
    margin-bottom: 0 !important;
  }
}
/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation: portrait) {
  /* line 65, scss/base/_grid.scss */
  body {
    font-size: 90%;
  }

  .slicknav_menu{
    display: block;
  }
  .mainMenu, .mainSlider{
    display: none;
  }
  .topBaricons a{
    margin-bottom: 10px;
  }

  .logo img{
    margin: 0 auto;
  }

  .contentContainer{
    padding-top: 0;
  }
  .firstcontent h1, .firstcontent h2, .firstcontent h3, .firstcontent h4, .firstcontent h5{
    font-size: 1em;
  }
  .faq-question{
    padding-right: 50px;
  }

  .equalheight{
    height: auto !important;
  }
  .language-menu, .lang, .topBar{
    text-align: center;
  }
  /* line 66, scss/base/_grid.scss */
  .row {
    margin-bottom: 0 !important;
  }

  /* line 67, scss/base/_grid.scss */
  .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
  }
}