/* Minification failed. Returning unminified contents.
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,38): run-time error CSS1039: Token not allowed after unary operator: '-white-50'
(32,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(33,24): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(36,37): run-time error CSS1039: Token not allowed after unary operator: '-blue-50'
(38,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-10'
(40,34): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(41,36): run-time error CSS1039: Token not allowed after unary operator: '-d-pink'
(42,34): run-time error CSS1039: Token not allowed after unary operator: '-aqua'
(44,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(46,20): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(47,33): run-time error CSS1039: Token not allowed after unary operator: '-d-pink'
(89,39): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(106,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(110,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(113,28): run-time error CSS1039: Token not allowed after unary operator: '-d-pink'
(117,28): run-time error CSS1039: Token not allowed after unary operator: '-d-pink'
(121,17): run-time error CSS1039: Token not allowed after unary operator: '-green'
(125,21): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(128,43): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(129,51): run-time error CSS1039: Token not allowed after unary operator: '-d-pink'
(152,17): run-time error CSS1039: Token not allowed after unary operator: '-d-pink'
(211,40): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(251,25): run-time error CSS1039: Token not allowed after unary operator: '-d-pink'
(265,22): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(275,32): run-time error CSS1039: Token not allowed after unary operator: '-blue-50'
(279,36): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(283,32): run-time error CSS1039: Token not allowed after unary operator: '-blue'
 */
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/******************************
    Main:
    Colors:
    blue: rgb(162,199,226)
    d-pink: rgb(161,106,130)
    new d-pink: rgb(209,23,37)
*/

@import url(//fonts.googleapis.com/css?family=Lato:300:400);

:root {
    --blue: rgb(162,199,226);
    --blue-50: rgba(162,199,226, 0.5);
    --blue-10: rgba(162,199,226, 0.1);
    --green: rgb(133,175,154);
    --pink: rgb(209, 174, 177);
    /*--d-pink: rgb(161,106,130);*/
    --d-pink: rgb(209,23,37);
    --white-50: rgba(255,255,255,0.5);
}

/* COLORS */
.bg-white {
    background-color: #fff;
}
.bg-white-50 {background-color: var(--white-50);}

.bg-blue {
    background-color: var(--blue) !important;
    border-color: var(--blue);
    color: white !important;
}
.bg-blue-50 {background-color: var(--blue-50) !important;}
.bg-blue-10 {
    background-color: var(--blue-10) !important;
}
.bg-pink {background-color: var(--pink) !important;}
.bg-d-pink {background-color: var(--d-pink) !important;}
.bg-aqua {background-color: var(--aqua) !important;}

.blue {color: var(--blue) !important;}

.pink {color: var(--pink) !important;}
.d-pink, .d-pink p {color: var(--d-pink) !important;}



html, body {
    margin: 0;
    font-family: 'Lato';
    height: 100%;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.site {
    flex: 1;
}


h1, h2, h3, h4, h5, h6 {
    line-height:1.4!important;

}
p, #content p {
    font-size: 1rem;
    color: #000;
    line-height: 1.5rem;
}

/****** 
    
    COOKIE CONSENT 

*/

.cc-message a, .cc-compliance a, .cc-compliance a:hover, .cc-message a:hover {
    color: white !important;
    text-decoration: underline;
}
.cc-compliance a {border-radius:5px;}
.cc-btn:hover {background-color: var(--blue)!important;}


a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.navbar-brand img {
    width: 200px;
    height: auto;
    margin-top: 1rem;
}

::-moz-selection { /* Code for Firefox */
    
    background-color: var(--blue);
}

::selection {
    background-color: var(--blue);
}
footer ::selection {
    background-color: var(--d-pink)!important;
}

footer ::-moz-selection { /* Code for Firefox */
    background-color: var(--d-pink) !important;
}

a {
    color: var(--green) !important;
}

    a:hover {
        color: var(--blue) !important;
    }

    a.button:hover {background-color:var(--blue)!important;color:white!important;}
    a.button.bg-blue:hover {background-color:var(--d-pink)!important;}

nav a {
    color: #000 !important;
}

#header {
    position: relative;
    border: 0 !important;
}

#primary-menu-trigger, #page-menu-trigger {
    width: 75px;
    height: 75px;
}

.svg-trigger {
    width: 50px;
    height: 45px;
}

.caption {
    font-size: 0.9rem;
    color: var(--d-pink);
}

#page-title {
    padding: 4rem 0 2rem !important;
}
    #page-title span {font-weight:400; margin-top:0;}

    .text-white p {color:white!important;}

.content-wrap {
    padding: 40px 0;
}
    @media (max-width: 300px) {
        #logo a img {
            height: 70px !important;
        }
    }

@media (max-width: 767.98px) {
    #page-title {
        text-align:left;
    }
}

    @media (max-width: 991.98px) {
        .primary-menu .menu-container {
            max-width: 100%;
            margin: 3rem;
        }

        .footerlogo img {
            width: 30%;
        }
        .footerlogo h3 {font-size:0.8rem;}

        
    }

    @media (min-width: 992px) {
        .menu-link {
            padding: 10px 15px !important;
        }

        .footerlogo img {
            width: 60%;
        }

        footer h3 {font-size:0.9rem;}

        .header-wrap-clone {
            display: none;
        }

        .sticky-header.full-header #header-wrap, .full-header #header-wrap {
            padding-top: 1.5rem;
        }

        .sub-menu-container {
            border-top: 2px solid var(--blue) !important;
        }

        #slider {
            padding-top: 10rem;
        }

        #page-title .container {
            margin-top: 10rem;
        }
    }

@media (min-width: 1200px) {
    .footerlogo img {
        width: 50%;
    }

    footer h3 {
        font-size: 0.9rem;
    }
}


    /* rev slider */
    .tp-bannertimer {
        bottom: 0;
        top: auto !important;
    }

    .tp-caption.News-Title, .News-Title {
        font-family: inherit;
    }


    footer a {
        color: #fff !important;
        cursor: pointer;
    }

        footer a:hover {
            color: var(--d-pink) !important;
        }

    footer p {
        margin-bottom: 0 !important;
    }

    .btn-primary {
        color: #fff;
        background-color: #1b6ec2;
        border-color: #1861ac;
    }

    .btn.bg-blue:hover {
        border: var(--blue) !important;
        color: #000 !important;
    }

    .tp-loader.spinner0, .tp-loader.spinner5 {
        background-image: url(/assets/loader.gif);
        background-repeat: no-repeat;
    }

    .hesperiden.tparrows {
        background-color: var(--blue-50);
    }

        .hesperiden.tparrows:hover {
            background-color: var(--blue);
        }

    .owl-carousel .owl-dots .owl-dot, .owl-carousel .owl-nav [class*=owl-]:hover, .testimonial .flex-control-nav li a {
        background-color: var(--blue) !important;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #1b6ec2;
        border-color: #1861ac;
    }

    /* Sticky footer styles
-------------------------------------------------- */
    html {
        font-size: 14px;
    }

    @media (min-width: 768px) {
        html {
            font-size: 16px;
        }
    }

    .border-top {
        border-top: 1px solid #e5e5e5;
    }

    .border-bottom {
        border-bottom: 1px solid #e5e5e5;
    }

    .box-shadow {
        box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
    }

    button.accept-policy {
        font-size: 1rem;
        line-height: inherit;
    }

    /* Sticky footer styles
-------------------------------------------------- */
    html {
        position: relative;
        min-height: 100%;
    }

    body {
        /* Margin bottom by footer height */
        /*margin-bottom: 60px;*/
    }

    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        white-space: nowrap;
        line-height: 60px; /* Vertically center the text there */
    }


/******

    maakt golven.

*/


.waves {
    position: relative;
    width: 100%;
    height: 10vh;
    margin-bottom: -7px; /*Fix for safari gap*/
    min-height: 20px;
    max-height: 30px;
}

.content {
    position: relative;
    height: 20vh;
    text-align: center;
    background-color: white;
}

/* Animation */

.parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}

    .parallax > use:nth-child(1) {
        animation-delay: -2s;
        animation-duration: 7s;
    }

    .parallax > use:nth-child(2) {
        animation-delay: -3s;
        animation-duration: 10s;
    }

    .parallax > use:nth-child(3) {
        animation-delay: -4s;
        animation-duration: 13s;
    }

    .parallax > use:nth-child(4) {
        animation-delay: -5s;
        animation-duration: 20s;
    }

@keyframes move-forever {
    0% {
        transform: translate3d(-90px,0,0);
    }

    100% {
        transform: translate3d(85px,0,0);
    }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }

    .content {
        height: 30vh;
    }

    h1 {
        font-size: 24px;
    }
}