/*
Paars #5952a0
Groen #72b844
Donkerblauw #1d1e3d
Roze #e4bdda
Licht Paars #eeedf5
Licht Groen #f2f8ec
*/
html {
    font-family: 'Montserrat', sans-serif;
    padding:0;margin:0;
    width:100%;height:100%;
    overflow-x:hidden;
    overflow-y:scroll;
    color:#222222;
}
body {
    width:100%;height:auto;
    font-family: 'Montserrat', sans-serif;
    padding:0;margin:0;
    font-weight:500;
    font-size:1.2em;
    color:#222222;
}
.noPadding {
    padding:0;
}
.cell img {
    width:100% !important;
}
section {
    margin-bottom:60px;
}
.contentPadding {
    padding:40px 80px;
}
.contentPadding p {
    margin-bottom:40px;
}
.extraPadding {
    padding:60px 0px 60px 80px;
}
.extraPadding p {
   margin-bottom:20px;
}
.extraPaddingTop {
    padding-top:260px;
}
.extraPaddingTopLeftRight {
    padding-left:120px;
    padding-right:120px;
}
.smallPaddingTop {
    padding-top:10px;
}

.noPaddingTop {
    padding-top:0;
}
.noPaddingBottom {
    padding-bottom:0 !important;
}
.noMarginBottom {
    margin-bottom:0 !important;
}
.alert {
    color:#cc4b37 !important;
    font-size:0.8em;
    font-weight:bold;
    border:none;
}
.backImage {
    background-size:cover;
    -moz-background-size:cover;
        -webkit-background-size:cover;
            -o-background-size:cover;
    background-repeat:no-repeat;
}
.button {
    background:#72b844;
    border-radius:0;
    border:solid 1px #72b844;
    padding:20px;
    font-size:1.2em;
    text-transform:uppercase;
    color:#ffffff;
    text-decoration:none;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
}
.button:focus,
.button:hover {
    background:#ffffff;
    color:#72b844;
}
.playbutton {
    display:block;
    width:100px;height:100px;
    background-image:url('img/icon_play.svg');
    background-size:90px 90px;
    background-repeat:no-repeat;
    background-position: center center;
    margin:150px auto;
}
.playbutton:hover,
.playbutton:focus {
    opacity:0.8;
    transform: scale(1.3)
}
.fancybox-thumbs {
    background:rgba(0,0,0,0.4);
    padding:20px;
}
.fancybox-thumbs__list a:before {
    border:2px solid #3f3e43;
    bottom:0;
    content:"";
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    transition:all .2s cubic-bezier(.25,.46,.45,.94);
    z-index:99991
}
.fancybox-thumbs__list a:focus:before {
    opacity:.5
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity:1
}
.fancybox-caption__body {
    font-family: 'Montserrat', sans-serif;
}
a {
    font-family: 'Montserrat', sans-serif;
    color:#2f2e2c;
    text-decoration:underline;
    transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
                -o-transition: all .5s ease-in-out;
}
a:hover,
a:focus {
    text-decoration:none;
    color:#2f2e2c;
}
h1,h2,h3,h4,h5 {
    font-family:'ruddy', sans-serif;
    font-weight:900;
    color:#2f2e2c;
    padding:0;margin:0 0 20px 0;
    line-height:1.2em;
}
h1,h2 {
    font-size:2.8em;
}
h3 {
    font-size:2em;
}
h4 {
    font-size:1.4em;
}

#cookiesHolder {
    position:fixed;
    width:400px;
    font-size:0.8em;
    bottom:20px;right:20px;
    background-color:#ffffff;
    border:solid 1px #d0d0d0;
    padding:30px 30px 0px 30px;margin:0;
    text-align:center;
    z-index:300;
}
#cookiesHolder .button {
    font-size:1em;
    padding:10px 20px;margin-top:0;
}
#cookiesHolder a.close {
    display:block;
    position:absolute;
    width:10px;height:10px;
    top:10px;right:10px;
    background-image:url('img/times.svg');
    background-size:10px 10px;
    background-repeat:no-repeat;
}
.bubbleGreen {
    position:absolute;
    display:block;
    width:500px;height:162px;
    background-image:url('img/bubble_green_small.svg');
    background-size:500px 162px;
    background-repeat:no-repeat;
    text-align:center;
    padding:17px 0 0 0;margin:0;
}
.bubbleGreen h2 {
    color:#1d1e3d;
    font-size:3em;
}
.bubblePink {
    position:absolute;
    display:block;
    width:500px;height:162px;
    background-image:url('img/bubble_pink_small.svg');
    background-size:500px 162px;
    background-repeat:no-repeat;
    text-align:center;
    padding:15px 0 0 0;margin:0;
}
.bubblePink h2 {
    color:#1d1e3d;
    font-size:3em;
}
.bubblePurple {
    position:absolute;
    display:block;
    width:500px;height:162px;
    background-image:url('img/bubble_purple_big.svg');
    background-size:500px 162px;
    background-repeat:no-repeat;
    text-align:center;
    padding:20px 0 0 0;margin:0;
}
.bubblePurple h2 {
    color:#ffffff;
    font-size:2.6em;
}
.bubbleGreenSmall {
    position:absolute;
    display:block;
    width:300px;height:97px;
    background-image:url('img/bubble_green_small.svg');
    background-size:300px 97px;
    background-repeat:no-repeat;
    text-align:center;
    padding:10px 0 0 0;margin:0;
}
.bubbleGreenSmall h2 {
    color:#1d1e3d;
    font-size:1.8em;
}
.bubblePinkSmall {
    position:absolute;
    display:block;
    width:300px;height:97px;
    background-image:url('img/bubble_pink_small.svg');
    background-size:300px 97px;
    background-repeat:no-repeat;
    text-align:center;
    padding:10px 0 0 0;margin:0;
}
.bubblePinkSmall h2 {
    color:#1d1e3d;
    font-size:1.8em;
}
.bubblePurpleSmall {
    position:absolute;
    display:block;
    width:300px;height:97px;
    background-image:url('img/bubble_purple_small.svg');
    background-size:300px 97px;
    background-repeat:no-repeat;
    text-align:center;
    padding:10px 0 0 0;margin:0;
}
.bubblePurpleSmall h2 {
    color:#ffffff;
    font-size:1.8em;
}
a.bubbleGreen,
a.bubbleGreenSmall,
a.bubblePink,
a.bubblePinkSmall,
a.bubblePurple,
a.bubblePurpleSmall {
    text-decoration:none !important;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
}
a.bubbleGreen:hover,
a.bubbleGreenSmall:hover,
a.bubblePink:hover,
a.bubblePinkSmall:hover,
a.bubblePurple:hover,
a.bubblePurpleSmall:hover {
    transform: scale(1.1)
}
.videoHolder {
    position:absolute;
    display:block;
    width:100%;min-height:400px;
    background-size:cover;
        -moz-background-size:cover;
            -webkit-background-size:cover;
                -o-background-size:cover;
    background-repeat:no-repeat;    
    left:30px;top:0px;
    z-index:3;
}
button.closeMenu
{
    position:absolute;
    top:0px;right:0;
    display:block;
    width:100%;height:110px;
    background-color:rgba(41,41,39,1);;
    background-image:url('img/icon_close.svg');
    border-bottom:solid 1px rgba(255,255,255,0.1);
    background-size:32px 32px;
    background-position:top 40px right 30px;
    background-repeat:no-repeat;
    padding:0;margin:0;
    font-size:2em;
    line-height:0em;
    text-align:right;
    color:#ffffff;
    outline:0 !important;
    cursor:pointer;
    z-index:110;
}
button.openMenu
{
    display:none;
    position:absolute;
    width:60px;height:60px;
    top:20px;right:25px;
    background-image:url('img/icon_menu.svg');
    background-size:40px 40px;
    background-position:center center;
    background-repeat:no-repeat;
    z-index:1200;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
    cursor:pointer;
    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.8));
    z-index:100;
}
header {
    position:absolute;
    width:100%;height:225px;
    background-repeat:no-repeat;
    background-position:center top;
    z-index:1;
}
.cell {
    position:relative;
}
.leftTopCorner {
    position:absolute;
    left:0;top:0;
    background-image:url('img/angle_top_left.svg');
    background-position:top left;
    background-repeat:no-repeat;
    background-size:140px 800px;
    width:140px;height:100%;
    z-index:1;
}
.rightTopCorner {
    position:absolute;
    right:0;top:0;
    background-image:url('img/angle_top_right.svg');
    background-position:top right;
    background-repeat:no-repeat;
    background-size:140px 800px;
    width:140px;height:100%;
    z-index:1;
}
.leftBottomCorner {
    position:absolute;
    left:0;bottom:0;
    background-image:url('img/angle_bottom_left.svg');
    background-position:bottom left;
    background-repeat:no-repeat;
    background-size:140px 800px;
    width:140px;height:100%;
    z-index:1;
}
.rightBottomCorner {
    position:absolute;
    right:0;bottom:0;
    background-image:url('img/angle_bottom_right.svg');
    background-position:bottom left;
    background-repeat:no-repeat;
    background-size:140px 800px;
    width:140px;height:100%;
    z-index:1;
}
.offSetTop {
    padding-top:60px;
}
#logo {
    position:absolute;
    top:30px;left:30px;
    outline:none;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
}
#logo a {
    display:block;
    width:425px;height:196px;
    background-image:url('img/logo_samaklik.svg');
    background-size:425px 196px;
    background-repeat:no-repeat;
    text-indent:-9999em;
/*     filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.8)); */
    outline:none;
}
#slider,
#sliderInside {
    padding-top:85px;
}
#slider ul {
    width:100%;height:500px;
    list-style:none;
    padding:0;margin:0;
    overflow:hidden;
}
#slider ul li {
    position:relative;
    width:100%;height:500px;
    background-position:center top;
    background-repeat:no-repeat;
}
#sliderInside ul {
    width:100%;height:250px;
    list-style:none;
    padding:0;margin:0 0 -20px 0;
    overflow:hidden;
}
#sliderInside ul li {
    width:100%;height:250px;
    background-position:center top;
    background-repeat:no-repeat;
}
ul.arrows {
    list-style:none;
    padding:0;margin:0;
}
ul.arrows li {
    padding:0 0 0 30px;margin:0 0 10px 0;
    background-image:url('img/icon_arrow.svg');
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-position:0 5px;
}
ul.arrows.white {
    margin-top:0;

}
ul.arrows.white li {
    background-image:url('img/icon_arrow_white.svg');
}
ul.arrows.white li a {
    color:#ffffff;
}
.socials ul {
    list-style:none;
    display:block;
    width:300px;height:80px;
    padding:0;margin:45px 0 0 0;
}
.socials ul li {
    float:left;
    padding:0;margin:0;
}
.socials ul li a {
    display:block;
    width:90px;height:90px;
    text-indent:-9999em;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
}
.socials ul li a:hover,
.socials ul li a:focus {
    opacity: 0.5;
}
.socials ul li a.facebook {
    background-image:url('img/icon_facebook.svg');
    background-repeat:no-repeat;
    background-size:75px 75px;
    background-position:center center;
}
.socials ul li a.youtube {
    background-image:url('img/icon_youtube.svg');
    background-repeat:no-repeat;
    background-size:75px 75px;
    background-position:center center;
}
.socials ul li a.instagram {
    background-image:url('img/icon_instagram.svg');
    background-repeat:no-repeat;
    background-size:65px 65px;
    background-position:center center;
}

footer {
    padding:0;margin:0;
    font-size:1.2em;
    color:#ffffff;
}
footer .footerBack {
    postition:relative;
    background-color:#72b844;
    min-height:320px;
}
footer a,
footer a:hover,
footer a:focus {
    color:#ffffff;
}
footer .subFooter {
    display:inline-block;
    min-height:100px;
    padding:40px 110px 0 0;margin:70px auto 40px auto;
    background-image:url('img/logo_fmf.svg');
    background-repeat:no-repeat;
    background-size:100px 59px;
    background-position:center right;
    text-decoration:none;
}
footer .subFooter h3 {
    color:#ffffff;
    font-size:0.8em;
    font-weight:100;
}
#footerLogo {
    position:absolute;
    top:30px;right:0;
    outline:none;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
}
#footerLogo a {
    display:block;
    width:425px;height:196px;
    background-image:url('img/logo_samaklik.svg');
    background-size:425px 196px;
    background-repeat:no-repeat;
    text-indent:-9999em;
    outline:none;
}
#copyright {
    font-size:0.8em;
    padding:20px 60px;
    text-align:center;
    color:#999999;
}
#copyright a,
#copyright a:hover,
#copyright a:focus {
    color:#999999;
}

@media (min-width: 768px) and (max-width: 991px)
{
    section {
        margin-bottom:40px;
    }    
    .mobileHolder {
        display:block;
        width:100%;min-height:300px;
    }
    .videoHolderMobile {
        display:block;
        width:100%;min-height:400px;
    }
    .leftTopCorner,
    .leftBottomCorner,
    .rightTopCorner,
    .rightBottomCorner {
        display:none;
    }
    .contentPadding,
    .extraPaddingTop, 
    .extraPaddingTopLeftRight,
    .extraPadding {
        padding:40px;
    }    
}
@media (max-width: 767px)
{
    section {
        margin-bottom:40px;
    }    
    h1,h2 {
        font-size:2em;
    }
    h3 {
        font-size:1.5em;    
    }
    .mobileHolder {
        display:block;
        width:100%;min-height:300px;
    }
    .videoHolderMobile {
        display:block;
        width:100%;min-height:350px;
        padding:0;margin-bottom:80px;
    }
    .videoHolder {
        left:0;top:0px;
        z-index:3;
    }
    .contentPadding p {
        margin-bottom:0;
    }
    .mobileOffset {
        position:absolute;
        left:-20px;
    }
    .bubbleGreen {
        position:absolute;
        display:block;
        width:400px;height:129px;
        background-image:url('img/bubble_green_small.svg');
        background-size:400px 129px;
        background-repeat:no-repeat;
        text-align:center;
        padding:15px 0 0 0;margin:0;
    }
    .bubbleGreen h2 {
        color:#1d1e3d;
        font-size:2.4em;
    }
    .bubblePink {
        position:absolute;
        display:block;
        width:400px;height:129px;
        background-image:url('img/bubble_pink_small.svg');
        background-size:400px 129px;
        background-repeat:no-repeat;
        text-align:center;
        padding:15px 0 0 0;margin:0;
    }
    .bubblePink h2 {
        color:#1d1e3d;
        font-size:2.4em;
    }
    .bubblePurple {
        position:absolute;
        display:block;
        width:400px;height:129px;
        background-image:url('img/bubble_purple_small.svg');
        background-size:400px 129px;
        background-repeat:no-repeat;
        text-align:center;
        padding:15px 0 0 0;margin:0;
    }
    .bubblePurple h2 {
        color:#ffffff;
        font-size:2.4em;
    }
    #footerLogo {
        top:60px;
    }
    #logo a,
    #footerLogo a {
        display:block;
        width:350px;height:161px;
        background-size:350px 161px;
    }
    .socials ul {
        list-style:none;
        display:block;
        width:200px;height:80px;
        padding:0;margin:240px auto 0 auto;
    }
    footer .subFooter {
        margin:50px auto 40px auto;
    }
    .leftTopCorner,
    .leftBottomCorner,
    .rightTopCorner,
    .rightBottomCorner {
        display:none;
    }
    .contentPadding,
    .extraPaddingTop, 
    .extraPaddingTopLeftRight,
    .extraPadding {
        padding:40px;
    }
    .smallerFont {
        padding-top:10px !important;
        font-size:1.6em !important;
        line-height:0.9em;
    }
    .smallerFont2 {
        padding-top:10px !important;
        font-size:2em !important;
        line-height:0.9em;
    }

    .noMarginBottom {
        margin-top:-60px;
    }

}