body,html{
    padding: 0;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}
body {
    font-family: "ingra",sans-serif, "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    color: #4A4A4A;
    overflow-x:hidden;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 2em;
    color: #C50B76;
}
p {
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 30px;
}

ul, ol {
    padding-left: 0;
    margin-left: 0;
}
.top_bar_items_container{
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    line-height: 1.6;
    width: 90%;
    max-width: 950px;
    display: block;
    color: white;

}
.top_bar_items_container li {
    color: #fff;
    padding: 2px 0px 2px 10px;
    font-weight: 300;
    text-transform:lowercase;
}

.top_bar_items_container li:first-child {
    padding-left: 0;
}

.top_bar_items_container li strong {
    margin-top:3px;
    display: inline-block;
    text-transform: initial;
}
.top_bar_items_container .telnr {
    display: inline-block;
    color: white;
    font-size: 12px;
    font-weight: bold;
}
.top_bar_items_container li .ss-phone {
    margin-right: 5px;
    padding-top:4px;
    float:left;
}
.nav_menu {
    position: absolute;
    height: 78px;
    background-color: rgba(0,0,0,0.1);
    z-index: 999998;
    width: 100%;
    padding:0;
}

.nav_menu.detail {background-color: transparent;}

.nav_menu .title-bar {
    background: transparent;
    color: #fefefe;
    padding: 0.5rem;
    height: 78px;
}

.nav_menu .title-bar .tel {
    margin: 15px 15px 0 0;
    font-size: 24px;
    float:right;
    color: #fff;
}

.nav_menu .menu-icon {
    margin-top:20px;
    margin-right: 7px!important;
    float:right;
    height: 20px;
    width: 23px;
}

.nav_menu .menu-icon::after,
.nav_menu .menu-icon:hover::after {
    background: #fefefe none repeat scroll 0 0;
    box-shadow: 0 8px 0 #fefefe, 0 16px 0 #fefefe;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.menu > li, .menu.horizontal > li {
    float: left;
    width: 100%;
}


.icon_img{
    display: inline-block;
    margin-right: 7px;
    width: 15px;
    height: 15px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.icon_img.telephone{
    background-image: url(/static/img/tel.gif);
    vertical-align: middle;
}

header {
    width: 100%; height: 300px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(/static/img/header_home_spanje_bg_700x352.jpg);
}

header .gradient {
    position: absolute;
    bottom:0;
    width: 100%; height: 100px;
    z-index: 1;
    background: -moz-linear-gradient(bottom,  rgba(255,255,255,1) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(bottom,  rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to top,  rgba(255,255,255,1) 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007db9e8',GradientType=0 );
}

header .intro,
header h2 {
    width: 100%;
    float:right;
    position: relative;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    z-index: 3;
}

header .intro {
    margin-top: 160px;
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;
}

header h2 {
    font-size: 70px;
    line-height: 90px;
    font-weight: 700;
}

header h2.small {font-size: 30px; line-height: 40px;}

.logo_wrap,
.partners_wrapper,
.offer_overview,
.footer_section_wrapper {
    display: block;
    max-width: 965px;
    margin: 0 auto;
    width: 95%;
}

header .logo_wrap a.logo {
    position: absolute;
    z-index: 1;
    background: url(/static/img/logo_white.png) no-repeat left top;
    background-size: 100%;
    width: 100px; height: 100px;
    top: 90px;
}

footer {
    margin-top:20px;
    padding: 50px 0;
    background-color: #F5A623;
}
.partners_wrapper {
    width: 300px;
}
.partners_wrapper a{
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 2% 23px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.footer_section_wrapper:after{
    content: '';
    display: block;
    clear: both;
}

footer ul {
    margin-left: 0;
    margin-top:10px;
    list-style-type: none;
    float:left;
    width: 100%;
}

footer ul li a {
    margin-right: 5px;
    color: #fff;
    text-decoration: none;
}

footer ul li a:focus,
footer ul li a:hover {
    color: #fff;
}

footer ul li {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 30px;
}

.offer_overview {
    width: 90%;
}

.offer_overview a:hover,
.offer_overview a:focus {
    text-decoration: none;
}

@font-face {
    font-family: ingra;
    src: url(https://use.typekit.net/af/f96626/00000000000000003b9acd6a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/f96626/00000000000000003b9acd6a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/f96626/00000000000000003b9acd6a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: ingra;
    src: url(https://use.typekit.net/af/92b39d/00000000000000003b9acd66/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("woff2"), url(https://use.typekit.net/af/92b39d/00000000000000003b9acd66/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("woff"), url(https://use.typekit.net/af/92b39d/00000000000000003b9acd66/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("opentype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: ingra;
    src: url(https://use.typekit.net/af/d280e6/00000000000000003b9acd69/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"), url(https://use.typekit.net/af/d280e6/00000000000000003b9acd69/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"), url(https://use.typekit.net/af/d280e6/00000000000000003b9acd69/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: ingra;
    src: url(https://use.typekit.net/af/583f09/00000000000000003b9acd68/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/583f09/00000000000000003b9acd68/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/583f09/00000000000000003b9acd68/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: ingra;
    src: url(https://use.typekit.net/af/b101af/00000000000000003b9acd67/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"), url(https://use.typekit.net/af/b101af/00000000000000003b9acd67/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"), url(https://use.typekit.net/af/b101af/00000000000000003b9acd67/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");
    font-weight: 300;
    font-style: normal;
}

/* breakpoints */
@media (min-width: 400px) {
    .partners_wrapper {
        width: 380px;
    }
    .partners_wrapper a{
        margin: 2% 11px;
    }
}

@media (min-width: 550px) {
    .partners_wrapper {
        width: 500px;
    }
    .partners_wrapper a{
        margin: 2% 31px;
    }
}

@media (min-width: 768px) {
    .nav_menu { height: 40px;}
    .nav_menu.detail {margin-top: 27px;}
    .nav_menu .columns { padding-left: 0.9375rem;padding-right: 0.9375rem;}
    .top_bar_items_container  li {font-size: 10px;display: inline-block;margin-right: 5%;}
    .top_bar_items_container li.menu-text {font-size:8px}
    .menu > li, .menu.horizontal > li { float: none; width: auto;}

    header {height: 400px !important;}
    header .gradient {height: 400px;}
    header .logo_wrap a.logo {width: 229px; height: 209px;}

    header .intro {
        margin-top: 225px;
        font-size: 24px;
        line-height: 29px;
    }

    header h2 {
        font-size: 100px;
        line-height: 120px;
    }
    header h2.small {font-size: 80px; line-height: 80px}
    footer {
        margin-top:100px;
    }
    footer ul {
        width: 47%;
    }
    footer ul.footer_links {
        border-left: 2px solid white;
        padding-left: 40px;
    }

    footer .divider {
        padding-left: 40px;
        border-left: 2px solid #fff;
    }
    .offer_overview {margin-top:40px;}
    header.detail { height: 200px;}
    header.detail .logo_wrap,
    header.detail .logo_wrap a.logo {width: 70px; height: 64px;}
    header.detail .logo_wrap {margin-top:14px;}
    .search_bar.detail {top:90px;}
    .navbar-default.detail {background-color: transparent; margin-top:25px;}
    .navbar-default.detail .navbar-left {margin-left: 85px;}
    .navbar-default.detail .navbar-nav > li > a{text-transform: uppercase; padding: 11px 9px;font-size: 14px;}
    .navbar-default.detail .navbar-left > li {text-transform: uppercase; }
    .navbar-default .navbar-nav.navbar-left > li {margin-right: 0;}
    .partners_wrapper {width: 95%}
    .partners_wrapper a { margin: 0 2% 0 0;}
}
@media (min-width: 992px) {
    header {
        background-image: url(/static/img/header_home_spanje_bg.jpg);
    }
}
@media (min-width: 1050px) {
    .logo_wrap{left:1%;}
    .navbar-default .navbar-nav.navbar-left > li,
    .top_bar_items_container li.menu-text {font-size:10px}
}