/*DEFAULT SLIDER*/
     section.sliderContainer {
        height: 360px;
        overflow: hidden;
        position: relative;
        border-top: 10px #F7F7F7 solid;
        border-bottom: 9px #F7F7F7 solid;
        margin-bottom: 25px;
        position: relative;
        width: 100%;
    }

    /* SLIDIER CONTROLS*/
   section.sliderContainer div.sliderControls {
        position: absolute;
        bottom: 5px; right: 5px;
        opacity: 1;
        z-index: 3;
    }
    section.sliderContainer div.sliderControls div.controls {
        padding: 5px 10px;
        float: left;
        opacity: 0.5;
        background-color: #fff;
        font-weight: bold;
        transition: all 0.1s ease-out;
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
    }
    section.sliderContainer div.sliderControls div.controlPrev {border-right: 1px solid #cecece;}
    section.sliderContainer div.sliderControls div:hover {opacity: 1;cursor: pointer; }

    /* SLIDER ITEMS */
    section.sliderContainer div.sliderItems { height: 100%; position: absolute; left: 0px;}
    section.sliderContainer article {float: left;}
    section.sliderContainer article.item {max-height: 360px; max-width: 664px; width: 100%; margin: 0px; margin-bottom: 0px !important; float: left !important;  }
    section.sliderContainer article.item a {display: block;  height: 100%;  height: 360px; width: 100%; position: relative;  text-decoration: none;}
    section.sliderContainer article > a > span {max-width: 100%;}
    section.sliderContainer article > a:after  {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…B3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
        background-size: 100%;
        background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(0,0,0,0)),color-stop(60%,rgba(0,0,0,0)),color-stop(100%,#000));
        background-image: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,#000 100%);
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,#000 100%);
        background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 60%,#000 100%);
    }





    section.sliderContainer .itemInfo {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 2;
        max-height: 75px;
        margin-bottom: 10px;
    }




    div.itemImg {width: 100%; height: 100%;}
    div.itemImg img {width: 100%; min-height: 100%;  object-fit: cover; -o-object-fit: cover;}

     section.sliderContainer .itemInfo h2 {
        font: 18px proxima_nova, Helvetica, Arial, sans-serif !important;
        padding: 10px 10px 5px 10px !important;
        font-weight: bold !important;
        color: #fff !important;
    }
    section.sliderContainer .itemInfo p {
        font: 16px proxima_nova, Helvetica, Arial, sans-serif !important;
        color: #fff !important;
        padding: 0px 10px 10px 10px;
        font-weight: normal !important;
        float: none !important;
    }
    section.sliderContainer span.itemTag {
        position: absolute;
        background: #ffd905;
        color: #000;
        font-size: 12px;
        line-height: 27px;
        padding: 0 10px;
        text-transform: uppercase;
        font-weight: 700;
        height: 25px;
        top: -25px;
        left: 0;
    }


section.sliderContainer .itemInfo h2:hover,
section.sliderContainer .itemInfo p:hover { opacity: 0.7;}


/*
*** Portrait and Landscape TABLET ***
*/
@media only screen
  and (min-device-width: 768px)
   and (max-device-width: 1400px)
  and (-webkit-min-device-pixel-ratio: 1) {



    section.sliderContainer div.sliderControls {
        position: absolute;
        bottom: 5px; right: 5px;
        opacity: 1;
        z-index: 3;
    }
    section.sliderContainer div.sliderControls div.controls {
        padding: 5px 10px;
        opacity: 0.5;
        font-size: 30px;
    }
     section.sliderContainer div.sliderControls div.controls:hover {
        opacity: 0.5;
     }
      section.sliderContainer div.sliderControls div.controls:active {
        opacity: 1;
      }
    section.sliderContainer div.sliderControls div.controlPrev {border-right: 1px solid #cecece;}
    section.sliderContainer div.sliderControls div:hover {opacity: 1;cursor: pointer; }
}


/* Portrait */
@media only screen
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {


    section#slider_id {
        display: none !important;
    }

}


/*
iPhone 6 in portrait & landscape
*/

@media only screen
and (max-device-width : 667px) {
    section.sliderEducatieFull  {
            width: 100%;
    }
    section.sliderContainer article.item { max-width: 100%; width: 100%; }
    section.sliderContainer article.item p.itemDescription {
        display: none;
    }
    section.sliderContainer .itemInfo {
        bottom: 40px;
    }
    section.sliderContainer div.sliderControls div:hover {
        opacity: 0.5;
    }
    section.sliderContainer div.sliderControls div:active {
        opacity: 1;
    }

}