.columns.twelve,
.c12 {
    width: 100%
}

.columns.eleven,
.c11 {
    width: 91.5%
}

.columns.ten,
.c10 {
    width: 83%
}

.columns.nine,
.c9 {
    width: 74.5%
}

.columns.eight,
.c8 {
    width: 66%
}

.columns.seven,
.c7 {
    width: 57.5%
}

.columns.six,
.c6 {
    width: 49%
}

.columns.five,
.c5 {
    width: 40.5%
}

.columns.four,
.c4 {
    width: 32%
}

.columns.three,
.c3 {
    width: 23.5%
}

.columns.two,
.c2 {
    width: 15%
}

.columns.one,
.c1 {
    width: 6.5%
}

.offset-twelve {
    margin-left: 102% !important
}

.offset-eleven {
    margin-left: 93.5% !important
}

.offset-ten {
    margin-left: 85% !important
}

.offset-nine {
    margin-left: 76.5% !important
}

.offset-eight {
    margin-left: 68% !important
}

.offset-seven {
    margin-left: 59.5% !important
}

.offset-six {
    margin-left: 51% !important
}

.offset-five {
    margin-left: 42.5% !important
}

.offset-four {
    margin-left: 34% !important
}

.offset-three {
    margin-left: 25.5% !important
}

.offset-two {
    margin-left: 17% !important
}

.offset-one {
    margin-left: 8.5% !important
}

.columns,
.c1,
.c2,
.c3,
.c4,
.c5,
.c6,
.c7,
.c8,
.c9,
.c10,
.c11,
.c12,
.c13,
.c14,
.c15,
.c16 {
    margin-left: 2%;
    min-height: 1px;
    float: left;
    position: relative
}

    .columns.twelve,
    .c1.twelve,
    .c2.twelve,
    .c3.twelve,
    .c4.twelve,
    .c5.twelve,
    .c6.twelve,
    .c7.twelve,
    .c8.twelve,
    .c9.twelve,
    .c10.twelve,
    .c11.twelve,
    .c12.twelve,
    .c13.twelve,
    .c14.twelve,
    .c15.twelve,
    .c16.twelve {
        margin-left: 0
    }

.c12 {
    margin-left: 0
}

.alert {
    content: "";
    display: table;
    clear: both;
    table-layout: fixed;
    width: 100%;
    display: block;
    height: auto;
    font-size: 14px;
    padding: 6px 12px;
    line-height: 1.42857143;
    border: 1px solid rgba(0, 0, 0, 0);
    margin-bottom: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

    .alert.dismiss {
        padding-right: 25px
    }

        .alert.dismiss button {
            -webkit-appearance: none;
            padding: 0;
            cursor: pointer;
            background: 0;
            border: 0;
            position: absolute;
            top: -2px;
            right: 0;
            color: inherit;
            background-color: rgba(0, 0, 0, 0)
        }

    .alert.has-glyph {
        position: relative;
        padding-left: 37px
    }

        .alert.has-glyph .glyph {
            height: 16px;
            width: 16px;
            position: absolute;
            left: 10px;
            top: 7px
        }

            .alert.has-glyph .glyph svg {
                height: inherit;
                width: inherit
            }

    .alert[data-event*=toggle] {
        cursor: pointer
    }

    .alert.large {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333
    }

    .alert.success {
        border: 1px solid #D6E9C6;
        background-color: #DFF0D8;
        color: #3C763D;
        fill: #3C763D
    }

    .alert.danger {
        color: #A94442;
        fill: #A94442;
        background-color: #F2DEDE;
        border-color: #EBCCD1
    }

    .alert.info {
        color: #31708F;
        fill: #31708F;
        background-color: #D9EDF7;
        border-color: #BCE8F1
    }

    .alert.warning {
        color: #8A6D3B;
        fill: #8A6D3B;
        background-color: #FCF8E3;
        border-color: #FAEBCC
    }

    .alert .caret {
        display: inline-block;
        width: 20px;
        height: 20px
    }

        .alert .caret svg {
            width: 100%;
            height: 100%;
            padding: 5px
        }

html {
    height: 100%
}

body {
    height: 100%;
    font: 14px/26px 'Open Sans', sans-serif;
    color: #494949;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    background-color: #202020
}

.container {
    max-width: 1120px !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    position: relative;
    margin: 0;
    font-family: 'etelka_narrow', sans-serif;
    font-weight: 400;
    color: #1769b4
}

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a,
    .h1 a,
    .h2 a,
    .h3 a,
    .h4 a,
    .h5 a,
    .h6 a {
        font-weight: inherit
    }

    h1 strong,
    h2 strong,
    h3 strong,
    h4 strong,
    h5 strong,
    h6 strong,
    .h1 strong,
    .h2 strong,
    .h3 strong,
    .h4 strong,
    .h5 strong,
    .h6 strong {
        color: inherit
    }

h1,
.h1 {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 20px
}

h2,
.h2 {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 20px
}

h3,
.h3 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 20px
}

h4,
.h4 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 20px
}

h5,
.h5 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px
}

h6,
.h6 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    display: block
}

p {
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 20px
}

    p img {
        margin: 0
    }

    p.lead {
        font-size: 21px;
        line-height: 27px;
        color: #777
    }

    p em {
        font-style: italic
    }

    p.text-small {
        font-size: 80%;
        line-height: 20px
    }

em {
    font-style: italic
}

small {
    font-size: 80%
}

blockquote {
    margin: 30px;
    padding: 20px;
    background-color: #666;
    color: #fff;
    font-weight: 400;
    font-style: normal
}

    blockquote font-family:@font-header cite {
        display: block;
        font-size: 12px;
        color: #555
    }

        blockquote font-family:@font-header cite:before {
            content: "\2014 \0020"
        }

        blockquote font-family:@font-header cite a,
        blockquote font-family:@font-header cite a:visited {
            color: #1a80b6
        }

    blockquote h1,
    blockquote h2,
    blockquote h3,
    blockquote h4,
    blockquote h5,
    blockquote h6,
    blockquote .h1,
    blockquote .h2,
    blockquote .h3,
    blockquote .h4,
    blockquote .h5,
    blockquote .h6 {
        color: #fff;
        font-weight: 400
    }

    blockquote *:last-child {
        margin-bottom: 0
    }

strong {
    color: #f58220
}

address {
    background-image: url('{IMAGE}arrow.png');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-left: 20px;
    padding-top: 4px
}

hr {
    border: solid #b8b8b8;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 20px;
    height: 0
}

span.dark {
    color: #000
}

span.colored {
    color: #1769b4
}

table {
    width: 100%
}

a,
a:visited {
    color: #f58220;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

    a:focus,
    a:hover,
    a:visited:focus,
    a:visited:hover {
        color: #f58220;
        text-decoration: underline;
        cursor: pointer
    }

ul,
ol {
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 20px
}

ul {
    list-style-position: inside
}

    ul.square,
    ul.circle,
    ul.disc {
        margin-left: 30px
    }

    ul.square {
        list-style: square outside
    }

    ul.circle {
        list-style: circle outside
    }

    ul.disc {
        list-style: disc outside
    }

    ul.large li {
        line-height: 20px
    }

section.content ul {
    padding-left: 20px
}

    section.content ul li {
        position: relative;
        list-style: none
    }

        section.content ul li:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f111";
            display: block;
            position: absolute;
            top: 11px;
            left: -20px;
            font-size: 8px;
            color: #1769b4
        }

ol {
    list-style: decimal;
    padding-left: 27px
}

    ol li {
        padding-left: 20px
    }

li {
    margin-bottom: 0;
    line-height: 30px
}

img.scale-with-grid {
    max-width: 100%;
    height: auto
}

.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    font-family: 'etelka_narrow', sans-serif;
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-transform: none;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .btn:hover,
    .btn:focus,
    .btn:active,
    .btn:visited,
    button:hover,
    button:focus,
    button:active,
    button:visited,
    input[type="submit"]:hover,
    input[type="submit"]:focus,
    input[type="submit"]:active,
    input[type="submit"]:visited,
    input[type="reset"]:hover,
    input[type="reset"]:focus,
    input[type="reset"]:active,
    input[type="reset"]:visited,
    input[type="button"]:hover,
    input[type="button"]:focus,
    input[type="button"]:active,
    input[type="button"]:visited {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        outline: none;
        box-shadow: none !important
    }

    .btn.primary,
    button.primary,
    input[type="submit"].primary,
    input[type="reset"].primary,
    input[type="button"].primary {
        background-color: #1769b4;
        color: #fff
    }

        .btn.primary:hover,
        .btn.primary:active,
        .btn.primary:focus,
        button.primary:hover,
        button.primary:active,
        button.primary:focus,
        input[type="submit"].primary:hover,
        input[type="submit"].primary:active,
        input[type="submit"].primary:focus,
        input[type="reset"].primary:hover,
        input[type="reset"].primary:active,
        input[type="reset"].primary:focus,
        input[type="button"].primary:hover,
        input[type="button"].primary:active,
        input[type="button"].primary:focus {
            background-color: #1d83e1;
            color: #fff
        }

    .btn.secondary,
    button.secondary,
    input[type="submit"].secondary,
    input[type="reset"].secondary,
    input[type="button"].secondary {
        background-color: #f58220;
        color: #fff
    }

        .btn.secondary:hover,
        .btn.secondary:active,
        .btn.secondary:focus,
        button.secondary:hover,
        button.secondary:active,
        button.secondary:focus,
        input[type="submit"].secondary:hover,
        input[type="submit"].secondary:active,
        input[type="submit"].secondary:focus,
        input[type="reset"].secondary:hover,
        input[type="reset"].secondary:active,
        input[type="reset"].secondary:focus,
        input[type="button"].secondary:hover,
        input[type="button"].secondary:active,
        input[type="button"].secondary:focus {
            background-color: #f79d51;
            color: #fff
        }

    .btn.tertiary,
    button.tertiary,
    input[type="submit"].tertiary,
    input[type="reset"].tertiary,
    input[type="button"].tertiary {
        background-color: #efefef;
        color: #fff
    }

        .btn.tertiary:hover,
        .btn.tertiary:active,
        .btn.tertiary:focus,
        button.tertiary:hover,
        button.tertiary:active,
        button.tertiary:focus,
        input[type="submit"].tertiary:hover,
        input[type="submit"].tertiary:active,
        input[type="submit"].tertiary:focus,
        input[type="reset"].tertiary:hover,
        input[type="reset"].tertiary:active,
        input[type="reset"].tertiary:focus,
        input[type="button"].tertiary:hover,
        input[type="button"].tertiary:active,
        input[type="button"].tertiary:focus {
            background-color: #fff;
            color: #fff
        }

    .btn.quaternary,
    button.quaternary,
    input[type="submit"].quaternary,
    input[type="reset"].quaternary,
    input[type="button"].quaternary {
        background-color: #4db74c;
        color: #fff
    }

        .btn.quaternary:hover,
        .btn.quaternary:active,
        .btn.quaternary:focus,
        button.quaternary:hover,
        button.quaternary:active,
        button.quaternary:focus,
        input[type="submit"].quaternary:hover,
        input[type="submit"].quaternary:active,
        input[type="submit"].quaternary:focus,
        input[type="reset"].quaternary:hover,
        input[type="reset"].quaternary:active,
        input[type="reset"].quaternary:focus,
        input[type="button"].quaternary:hover,
        input[type="button"].quaternary:active,
        input[type="button"].quaternary:focus {
            background-color: #71c670;
            color: #fff
        }

    .btn.block,
    button.block,
    input[type="submit"].block,
    input[type="reset"].block,
    input[type="button"].block {
        display: block;
        text-align: center;
        width: 100%
    }

    .btn::-moz-focus-inner,
    button::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner {
        border: 0;
        padding: 0
    }

form {
    position: relative
}

fieldset {
    margin-bottom: 20px
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    display: block;
    width: 100%;
    height: 50px;
    margin: 0 0 10px;
    padding: 0 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    line-height: 48px;
    background-color: #efefef;
    color: #494949;
    outline: 0;
    border: 1px solid #efefef;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    textarea:focus,
    select:focus {
        outline: 0
    }

    input[type="text"]:disabled,
    input[type="password"]:disabled,
    input[type="email"]:disabled,
    textarea:disabled,
    select:disabled {
        border-color: #c1c1c1;
        background-color: #c1c1c1
    }

    input[type="text"].small,
    input[type="password"].small,
    input[type="email"].small,
    textarea.small,
    select.small {
        width: 20%
    }

    input[type="text"].extra-small,
    input[type="password"].extra-small,
    input[type="email"].extra-small,
    textarea.extra-small,
    select.extra-small {
        width: 50px
    }

    input[type="text"].error,
    input[type="password"].error,
    input[type="email"].error,
    textarea.error,
    select.error {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #f00
    }

select {
    margin-bottom: 10px !important;
    height: 40px;
    cursor: pointer;
    font-family: 'etelka_narrow', sans-serif !important
}

textarea {
    color: #efefef;
    padding: 10px;
    min-height: 120px;
    margin-bottom: 10px !important;
    line-height: 18px !important;
    font-family: 'etelka_narrow', sans-serif !important
}

label,
legend {
    display: block;
    width: 200px;
    float: left
}

    label.error,
    legend.error {
        display: none !important;
        color: #F00;
        position: absolute;
        margin-top: -52px;
        right: 4px;
        width: auto !important;
        min-width: 100px;
        font-weight: normal;
        background-color: #FFF;
        padding: 8px 15px 9px;
        line-height: 20px;
        border: 1px solid #F00;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        font-size: 13px !important;
        font-weight: normal !important
    }

    label.small,
    legend.small {
        width: 30px
    }

    label.grey,
    legend.grey {
        color: #8b8b8b
    }

input[type="checkbox"] {
    display: inline
}

.autopos {
    font-size: 14px;
    font-style: italic;
    margin-left: 110px;
    line-height: 26px;
    margin-bottom: 10px
}

.form-row {
    float: left;
    width: 100%
}

.alert {
    margin-bottom: 20px
}

    .alert.location-success {
        border: 1px solid #D6E9C6;
        background-color: #DFF0D8;
        color: #3C763D;
        fill: #3C763D
    }

    .alert.location-danger {
        color: #A94442;
        fill: #A94442;
        background-color: #F2DEDE;
        border-color: #EBCCD1
    }

    .alert.contact-success {
        border: 1px solid #D6E9C6;
        background-color: #DFF0D8;
        color: #3C763D;
        fill: #3C763D
    }

    .alert.contact-danger {
        color: #A94442;
        fill: #A94442;
        background-color: #F2DEDE;
        border-color: #EBCCD1
    }

.hide {
    display: none
}

.hb {
    margin-bottom: 10px
}

.wrapper {
    position: relative;
    min-height: 100%;
    margin: auto;
    overflow: hidden;
    background-color: #fff
}

.spacer {
    position: relative;
    width: 100%
}

    .spacer.show {
        display: block
    }

header {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    top: 0;
    left: 0;
    margin-top: 0;
    -webkit-transition: margin-top 0s;
    -moz-transition: margin-top 0s;
    -ms-transition: margin-top 0s;
    -o-transition: margin-top 0s;
    transition: margin-top 0s
}

    header.fixed {
        position: fixed;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
    }

        header.fixed .logo {
            width: 250px;
            height: 53px;
            margin: 10px 0
        }

        header.fixed nav.menu {
            margin-top: 19px
        }

    header .logo {
        float: left;
        width: 351px;
        height: 75px;
        margin: 20px 0;
        image-rendering: -webkit-optimize-contrast;
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        -ms-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s
    }

        header .logo img {
            display: block;
            width: inherit;
            height: auto
        }

    header nav.menu {
        position: relative;
        float: right;
        margin-top: 40px;
        -webkit-transition: margin-top .25s;
        -moz-transition: margin-top .25s;
        -ms-transition: margin-top .25s;
        -o-transition: margin-top .25s;
        transition: margin-top .25s
    }

        header nav.menu .menu-view {
            margin: 0;
            padding: 0;
            list-style: none
        }

            header nav.menu .menu-view .menu-item {
                position: relative;
                float: left
            }

                header nav.menu .menu-view .menu-item .menu-link {
                    display: block;
                    position: relative;
                    margin: 0;
                    padding: 5px 15px;
                    font-family: 'etelka_narrow', sans-serif;
                    font-size: 20px;
                    line-height: 30px;
                    font-weight: 400;
                    color: #1769b4;
                    -webkit-transition: all 0s;
                    -moz-transition: all 0s;
                    -ms-transition: all 0s;
                    -o-transition: all 0s;
                    transition: all 0s
                }

                    header nav.menu .menu-view .menu-item .menu-link:active,
                    header nav.menu .menu-view .menu-item .menu-link:visited,
                    header nav.menu .menu-view .menu-item .menu-link:focus {
                        text-decoration: none
                    }

                    header nav.menu .menu-view .menu-item .menu-link:hover {
                        text-decoration: none
                    }

                header nav.menu .menu-view .menu-item.active .menu-link {
                    color: #f58220
                }

.content {
    width: 100%;
    padding: 0 0 145px
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 145px;
    padding: 30px 0;
    border-top: 20px solid #f58220;
    background-color: #1769b4;
    color: #fff
}

    footer p {
        font-size: 14px;
        line-height: 30px
    }

.banner {
    position: relative;
    width: 100%;
    height: 560px;
    background-size: cover;
    background-position: center center;
    background-image: url('../assets/banners/banner.jpg')
}

    .banner.small {
        height: 256px;
    }

        .banner.small h1, .banner.small .h1 {
            line-height: 256px;
            font-size: 100px;
            color: #fff;
            font-weight: 300;
            font-family: 'etelka_narrow', sans-serif;
        }

.about {
    position: relative;
    padding: 30px 0 0;
    background-color: #efefef
}

    .about .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover !important;
        background-position: center center !important;
        background: url('../assets/bgs/page-about-bg.png');
        z-index: 0;
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        -webkit-opacity: 0.8;
        opacity: 0.8;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
        filter: alpha(opacity=80)
    }

    .about .container {
        z-index: 1
    }

    .about h2,
    .about .h2 {
        margin-bottom: 30px
    }

    .about .row {
        margin-bottom: 30px;
        border: 1px solid #ddd;
        background-color: #fff
    }

        .about .row .row-icon {
            float: left;
            width: 10%;
            min-height: 1px;
            height: 110px;
            line-height: 105px;
            background-color: #f58220;
            text-align: center
        }

            .about .row .row-icon img {
                display: inline-block;
                vertical-align: middle
            }

        .about .row .row-text {
            float: right;
            width: 90%;
            min-height: 1px;
            padding: 20px 20px 0
        }

            .about .row .row-text h3,
            .about .row .row-text .h3 {
                position: relative;
                margin: 0;
                font-family: 'etelka_narrow', sans-serif;
                font-weight: 400;
                color: #1769b4;
                font-size: 26px;
                line-height: 32px;
                margin-bottom: 20px;
                display: block
            }

                .about .row .row-text h3 a,
                .about .row .row-text .h3 a {
                    font-weight: inherit
                }

                .about .row .row-text h3 strong,
                .about .row .row-text .h3 strong {
                    color: inherit
                }

section.internet ul {
    padding-left: 20px
}

    section.internet ul li {
        position: relative;
        list-style: none
    }

        section.internet ul li:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f111";
            display: block;
            position: absolute;
            top: 11px;
            left: -20px;
            font-size: 8px;
            color: #FFFFFF
        }

.internet {
    position: relative;
    padding: 40px 0 60px;
    background-color: #1968b3;
    color: #fff
}

    .internet p,
    .internet h1,
    .internet h2,
    .internet h3,
    .internet h4,
    .internet h5,
    .internet h6,
    .internet .h1,
    .internet .h2,
    .internet .h3,
    .internet .h4,
    .internet .h5,
    .internet .h6 {
        color: #fff
    }

    .internet .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background: url('../assets/bgs/page-zakelijk-bg.png');
        z-index: 0;
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        -webkit-opacity: 0.2;
        opacity: 0.2;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=20);
        filter: alpha(opacity=20)
    }

    .internet .container {
        z-index: 1
    }

.networks {
    position: relative;
    padding: 30px 0 20px;
    background-color: #f5821f;
    color: #fff
}

    .networks p,
    .networks h1,
    .networks h2,
    .networks h3,
    .networks h4,
    .networks h5,
    .networks h6,
    .networks .h1,
    .networks .h2,
    .networks .h3,
    .networks .h4,
    .networks .h5,
    .networks .h6,
    .networks strong {
        color: #fff
    }

    .networks .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: 100% auto !important;
        background-position: top center !important;
        background-repeat: no-repeat !important;
        background: url('../assets/bgs/page-besloten-bg.png');
        z-index: 0;
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        -webkit-opacity: 0.2;
        opacity: 0.2;
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=20);
        filter: alpha(opacity=20)
    }

    .networks .container {
        z-index: 1
    }

.actions {
    position: relative;
    padding: 30px 0 20px;
    background-color: #efefef
}

.locations {
    position: relative;
    padding: 30px 0 20px;
    background-color: #fff
}

    .locations p strong {
        color: #1769b4;
        font-family: 'etelka_narrow', sans-serif;
        font-size: 18px;
        font-weight: normal
    }

    .locations h2,
    .locations .h2 {
        position: relative;
        margin: 0;
        font-family: 'etelka_narrow', sans-serif;
        font-weight: 400;
        color: #1769b4;
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
        display: block
    }

        .locations h2 a,
        .locations .h2 a {
            font-weight: inherit
        }

        .locations h2 strong,
        .locations .h2 strong {
            color: inherit
        }

    .locations h3,
    .locations .h3 {
        position: relative;
        margin: 0;
        font-family: 'etelka_narrow', sans-serif;
        font-weight: 400;
        color: #1769b4;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
        display: block
    }

        .locations h3 a,
        .locations .h3 a {
            font-weight: inherit
        }

        .locations h3 strong,
        .locations .h3 strong {
            color: inherit
        }

    .locations ul {
        padding-left: 40px !important;
    }

        .locations ul li:before {
            content: " " !important;
            background: url('../assets/logos/logo-icon.png');
            width: 17px;
            height: 17px;
            background-size: 100%;
            margin-right: 5px;
            left: -40px !important;
            top: 8px !important;
        }

.location-form .form-group {
    margin-bottom: 20px
}

.location-form .btn {
    padding: 5px 30px
}

.partner {
    position: relative;
    background-color: #efefef;
}

    .partner .columns {
        padding: 30px;
        background-color: rgba(255, 255, 255, 0.95)
    }

        .partner .columns p {
            line-height: 30px
        }

            .partner .columns p:last-of-type {
                margin-bottom: 0
            }

.contact {
    position: relative;
    padding: 30px 0;
    background-color: #efefef
}

.contact-form input[type="text"],
.contact-form input[type="password"],
.contact-form input[type="email"],
.contact-form textarea,
.contact-form select {
    background-color: #fff
}

.contact-form .form-group {
    margin-bottom: 20px
}

.contact-form .btn {
    padding: 5px 100px
}

.table {
    padding: 20px 20px 10px;
    border: 1px solid #fff;
    font-family: 'etelka_narrow', sans-serif
}

    .table.table-alt .t-head {
        background-color: #fff;
        color: #1769b4
    }

    .table .t-head {
        position: relative;
        margin: 0;
        font-family: 'etelka_narrow', sans-serif;
        font-weight: 400;
        color: #1769b4;
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
        display: block;
        margin-bottom: 10px;
        padding: 14px 0;
        text-align: center;
        background-color: #f58220;
        color: #fff
    }

        .table .t-head a {
            font-weight: inherit
        }

        .table .t-head strong {
            color: inherit
        }

    .table .t-body {
        margin-bottom: 10px;
        font-family: 'etelka_narrow', sans-serif;
        text-align: center;
        font-size: 18px;
        line-height: 30px;
        color: #fff
    }

        .table .t-body.lh {
            line-height: 25px
        }

    .table .c-head {
        margin-bottom: 10px;
        padding: 17px 0;
        text-align: center;
        background-color: #1553a3;
        color: #fff;
        font-size: 18px;
        line-height: 26px
    }

    .table .c-head2 {
        margin-bottom: 10px;
        padding: 17px 0;
        text-align: center;
        background-color: #f58220;
        color: #fff;
        font-size: 18px;
        line-height: 26px
    }

    .table .c-body {
        margin-bottom: 10px;
        padding: 12px 0;
        text-align: center;
        background-color: #fff;
        color: #1769b4;
        font-size: 18px;
        line-height: 26px
    }

.slider {
    display: block;
    position: relative;
    width: 100%;
    height: 600px;
    margin: 0;
    padding: 0;
    background-color: #efefef;
    text-align: center
}

    .slider .flex-viewport,
    .slider .slides,
    .slider li {
        height: 100%
    }

    .slider ul.slides {
        position: relative;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none;
        z-index: 2
    }

        .slider ul.slides li {
            display: none;
            margin: 0;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat
        }

            .slider ul.slides li .container {
                text-align: right
            }

                .slider ul.slides li .container.white-space {
                    white-space: pre-line
                }

                .slider ul.slides li .container p {
                    font-family: 'etelka_narrow', sans-serif;
                    font-size: 26px;
                    color: #fff;
                    text-shadow: 1px 1px 1px #000
                }

                .slider ul.slides li .container .title {
                    display: inline-block;
                    padding-top: 5px;
                    font-family: 'etelka_narrow', sans-serif;
                    font-size: 75px;
                    line-height: 1.2
                }

                    .slider ul.slides li .container .title.title-1 {
                        margin-top: 70px;
                        font-size: 100px;
                        line-height: 1;
                        color: #fff
                    }

                    .slider ul.slides li .container .title.title-2 {
                        margin-bottom: 10px;
                        padding-left: 20px;
                        padding-right: 20px;
                        background-color: #fff;
                        color: #1769b4;
                        font-weight: 400
                    }

                    .slider ul.slides li .container .title.title-3 {
                        margin-bottom: 20px;
                        padding-left: 20px;
                        padding-right: 20px;
                        background-color: #fff;
                        color: #f58220;
                        font-weight: 400
                    }

            .slider ul.slides li .slide-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: inherit;
                background-position: center center;
                background-size: cover !important;
                background-repeat: no-repeat;
                background-image: url('../assets/slide-overlay.png')
            }

    .slider .flex-direction-nav {
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%
    }

        .slider .flex-direction-nav .flex-nav-prev {
            float: left
        }

    .slider .flex-control-nav {
        max-width: 1120px !important;
        position: relative;
        max-width: 960px;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 5;
        text-align: right
    }

        .slider .flex-control-nav li {
            margin: 0 5px;
            padding: 0
        }

            .slider .flex-control-nav li a {
                text-align: left;
                background-color: transparent;
                border: 2px solid #fff;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%
            }

                .slider .flex-control-nav li a.flex-active {
                    background-color: #fff
                }

    .slider ul li:before {
        display: none !important
    }

.slider-2 {
    overflow: hidden;
    min-height: 850px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

    .slider-2 .container {
        position: absolute;
        bottom: 80px;
        left: 0;
        right: 0;
        padding: 0 20px;
        overflow: auto;
    }

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #f58220;
}

    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 350px;
        top: 100%;
        left: 50%;
        margin-left: -175px; /* Use half of the width (350/2 = 175), to center the tooltip */
        background-color: #f58220;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }

        .tooltip .tooltiptext::after {
            content: " ";
            position: absolute;
            bottom: 100%; /* At the top of the tooltip */
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #f58220 transparent;
        }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.tooltip-blue {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #1553a3;
}

    /* Tooltip text */
    .tooltip-blue .tooltiptext {
        visibility: hidden;
        width: 350px;
        top: 100%;
        left: 50%;
        margin-left: -175px; /* Use half of the width (350/2 = 175), to center the tooltip */
        background-color: #1553a3;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }

        .tooltip-blue .tooltiptext::after {
            content: " ";
            position: absolute;
            bottom: 100%; /* At the top of the tooltip */
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #1553a3 transparent;
        }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip-blue:hover .tooltiptext {
        visibility: visible;
    }

.strikethrough-diagonal {
    position: relative;
    color: #f58220;
}
    .strikethrough-diagonal:before {
        position: absolute;
        content: '';
        left: 0;
        top: 45%;
        right: 0;
        border-top: 2px solid;
        border-color: inherit;
        -webkit-transform: skewY(-10deg);
        -moz-transform: skewY(-10deg);
        transform: skewY(-10deg);
    }

.slider-3 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

    .slider-3 .flex-viewport,
    .slider-3 .slides,
    .slider-3 li {
        height: 100%;
    }

    .slider-3 ul, .slider-3 li {
        padding: 0 !important;
    }

    .slider-3 .container {
        padding: 80px 0;
    }

.slider-partners .flex-direction-nav {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

    .slider-partners .flex-direction-nav .flex-nav-prev {
        float: left;
    }

.slider-partners .flex-control-nav {
    max-width: 1120px !important;
    position: relative;
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    text-align: right
}

    .slider-partners .flex-control-nav li {
        margin: 0 5px;
        padding: 0
    }

        .slider-partners .flex-control-nav li a {
            text-align: left;
            background-color: transparent;
            border: 2px solid #fff;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%
        }

            .slider-partners .flex-control-nav li a.flex-active {
                background-color: #fff
            }

.slider-partners ul li:before {
    display: none !important
}

.maps {
    content: "";
    display: table;
    clear: both;
    table-layout: fixed;
    width: 100%;
    position: relative;
    height: 300px;
    overflow: hidden
}

    .maps .google-maps {
        display: block;
        width: 100%;
        height: inherit
    }

.maps-content {
    width: 360px;
    float: left
}

    .maps-content .maps-logo {
        float: left;
        width: 100%;
        text-align: center
    }

    .maps-content .half-box {
        float: left;
        width: 50%;
        margin: 0;
        padding: 0 0 0 10px
    }

    .maps-content img {
        width: 200px;
        margin: 10px
    }

    .maps-content p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 0;
        color: #1769b4
    }

.toggle-menu {
    display: none;
    position: absolute;
    float: right;
    top: 10px;
    right: 20px;
    font-size: 38px;
    line-height: 48px;
    color: #f58220;
    cursor: pointer
}

.mmenu-menu {
    display: none;
    border-left: 1px solid #ccc
}

.menu-view.mm-listview {
    width: auto !important
}

.mm-page {
    min-height: auto !important
}

html.mm-blocking,
html.mm-blocking body {
    overflow: visible !important
}

/* MMENU EXTRAS */

.mm-panels > .mm-panel.mm-hasnavbar {
    background-color: #fff;
}

.mm-listview > li:not(.mm-divider):after {
    background-color: #f58220
}

.mm-navbar {
    border-color: #f58220;
}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
    color: #1769b4;
}

.mm-listview > li > a, .mm-listview > li > span {
    color: #1769b4 !important;
}

.cookie-notice {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    padding: 15px 10px;
    background-color: #fff;
    text-align: center;
    z-index: 200;
    -webkit-box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.15);
}

    .cookie-notice p {
        display: inline-block;
        margin: 0;
        font-size: 14px;
        line-height: 36px;
        color: #494949;
    }

        .cookie-notice p a {
            color: #f58220;
        }

    .cookie-notice .close-cookie-notice {
        margin: 0 15px;
        padding: 5px 12px 1px;
        line-height: 30px;
    }

.cookies {
    position: relative;
    padding: 30px 0 0;
    background-color: #efefef
}

.iso-logos {
    text-align: right;
}

    .iso-logos img {
        display: inline-block;
        margin: 0 3px;
        width: 70px;
        height: auto;
    }

.articles {
    padding: 40px 0;
}

    .articles h2 {
        margin-bottom: 10px;
        font-size: 36px;
        font-weight: 500;
    }

    .articles .article {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .articles .article-date {
        font-family: 'etelka_narrow', sans-serif;
        position: absolute;
        font-weight: 600;
        font-size: 24px;
        line-height: 14px;
        background-color: #f58220;
        color: #fff;
        width: 46px;
        height: 46px;
        padding: 12px 6px;
    }

        .articles .article-date span {
            font-size: 12px;
            line-height: 12px;
            font-weight: 300;
        }

    .articles .article-title {
        font-size: 20px;
        line-height: 23px;
        padding-left: 65px;
    }

    .articles .article-text {
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .articles .article a {
        font-weight: 500;
        display: block;
        line-height: 20px;
        font-size: 13px;
    }

        .articles .article a i {
            font-size: 18px;
            line-height: 20px;
            margin-right: 4px;
            display: block;
            float: left;
            margin-top: 1px;
        }

.article-single {
    padding: 55px 0;
}

    .article-single h1 {
        font-size: 42px;
        line-height: 42px;
        font-weight: 500;
    }

    .article-single .article-list h2 {
        font-size: 24px;
        line-height: 42px;
        font-weight: 500;
        margin: 20px 0 0;
    }

    .article-single .article-list ul {
        list-style: none;
        margin: 0 0 10px;
        padding: 0;
    }

        .article-single .article-list ul li a {
            padding: 5px 0 5px 30px;
            display: block;
            border-bottom: 1px solid #ddd;
            color: #1769b4;
            z-index: 10;
            position: relative;
        }

        .article-single .article-list ul li:before {
            content: '\f105';
            top: 9px;
            left: 1px;
            font-size: 20px;
            color: #f58220;
        }

    .article-single .article-list > a {
        font-size: 12px;
    }

    .article-single .article-date {
        font-weight: 600;
        font-size: 11px;
        color: #494949;
    }

    .article-single .article-info p {
        line-height: 36px;
    }

    .article-single .article-info strong {
        color: #494949;
        font-size: 14px;
        font-weight: 600;
    }

    .article-single .article-info img {
        max-width: 100%;
        height: auto;
    }

    .article-single .social {
        border: 1px solid #ddd;
        border-width: 1px 0 1px;
        text-align: right;
        padding: 12px 0;
        font-weight: 500;
        line-height: 30px;
    }

        .article-single .social ul {
            float: right;
            margin: 0;
        }

            .article-single .social ul li {
                float: left;
                margin-left: 8px;
                max-height: 30px;
                overflow: hidden;
            }

                .article-single .social ul li:first-of-type {
                    margin-left: 0;
                }

                .article-single .social ul li:before {
                    display: none !important;
                }

        .article-single .social a {
            color: #fff;
            display: block;
            width: 30px;
            font-size: 24px;
            -webkit-transition: all .15s ease-in-out;
            -moz-transition: all .15s ease-in-out;
            -ms-transition: all .15s ease-in-out;
            -o-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
        }

            .article-single .social a.fa-facebook {
                background-color: #3a559f;
                padding: 7px 5px 0px;
            }

            .article-single .social a.fa-twitter, .article-single .social a.fa-linkedin {
                line-height: 30px;
                text-align: center;
                height: 30px;
            }

            .article-single .social a.fa-twitter {
                background-color: #50abf1;
            }

            .article-single .social a.fa-linkedin {
                background-color: #0084b1;
            }

            .article-single .social a:hover {
                text-decoration: none;
                background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.15)),color-stop(1,rgba(0,0,0,0)));
            }


/* COMPARISON TABLE */
.comparison {
    padding: 50px 0;
}

    .comparison .image:first-of-type {
        margin-left: 20%;
        padding: 25px 20px;
    }

    .comparison .image {
        width: 20%;
        float: left;
        padding: 10px;
        text-align: center;
    }

        .comparison .image img {
            max-width: 100%;
        }

    .comparison table {
        margin-bottom: 1px;
    }

        .comparison table tbody {
            display: none;
        }

        .comparison table:nth-child(even) th:nth-child(even) {
            background-color: #b3cde6;
        }

        .comparison table:nth-child(even) th:nth-child(odd) {
            background-color: #bad1e8;
        }

        .comparison table:nth-child(odd) th:nth-child(even) {
            background-color: #bad1e8;
        }

        .comparison table:nth-child(odd) th:nth-child(odd) {
            background-color: #b3cde6;
        }

        .comparison table th, .comparison table td {
            color: #1968b3;
            font-weight: 400;
            font-size: 18px;
            line-height: 40px;
        }

        .comparison table th {
            cursor: pointer;
        }

            .comparison table th strong {
                color: #1968b3;
            }

        .comparison table th, .comparison table td {
            position: relative;
            text-align: center;
            width: 20%;
        }

            .comparison table th img {
                margin: 11px auto;
                display: block;
            }

            .comparison table th:first-of-type, .comparison table td:first-of-type {
                font-family: 'etelka_narrow', sans-serif !important;
                font-size: 18px;
                font-weight: 300;
                text-align: left;
                padding-left: 20px;
            }

            .comparison table th:first-of-type {
                background-color: #1968b3 !important;
                color: #fff;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

            .comparison table th:last-of-type {
                background-color: transparent !important;
            }

        .comparison table thead tr:hover a.btn {
            opacity: 1;
            visibility: visible;
        }

    .comparison a.btn {
        font-size: 16px;
        font-weight: 300;
        line-height: 30px;
        vertical-align: middle;
        visibility: hidden;
        opacity: 0;
        padding: 0 15px 0 20px;
        width: 145px;
        display: block;
        margin: 0 auto;
    }

        .comparison a.btn i {
            font-size: 32px;
            display: block;
            float: right;
            line-height: 30px;
            margin-left: 10px;
        }

    .comparison table td strong {
        color: #4dad00;
        background-color: rgba(77,173,0,.1);
        display: block;
    }

    .comparison table tr:nth-child(even) td:first-of-type {
        background: #b5cee7; /* Old browsers */
        background: -moz-linear-gradient(left, #b5cee7 0%, #ffffff 56%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #b5cee7 0%,#ffffff 56%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #b5cee7 0%,#ffffff 56%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5cee7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    }

    .comparison table tr:nth-child(even) td {
        background-color: #f3f7fb;
    }

    .comparison table tr td:nth-of-type(3):before,
    .comparison table tr td:nth-of-type(4):before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .comparison table tr td:nth-of-type(3):before {
        background-color: rgba(25,104,179,.05);
    }

    .comparison table tr td:nth-of-type(4):before {
        background-color: rgba(25,104,179,.1);
    }

    .comparison table tr:nth-child(odd) td:first-of-type {
        background-color: #fff !important;
    }

    .comparison .responsive-table {
        display: block;
        overflow-x: auto;
    }

    .comparison .comparison-table {
        height: 41px;
        overflow: hidden;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .comparison .comparison-table.active {
            height: 361px;
        }

            .comparison .comparison-table.active table thead a.btn {
                opacity: 1;
                visibility: visible;
            }

            .comparison .comparison-table.active table thead th:first-of-type {
                opacity: 1;
                visibility: visible;
            }

            .comparison .comparison-table.active table tbody {
                display: table-row-group;
            }

.internet a.anchor:hover {
    text-decoration: none;
}

/* MEDIA QUERIES */

@media only screen and (min-width: 2000px) and (max-width: 2600px) {
    .slider-2 {
        background-position: bottom -440px center;
    }
}

@media only screen and (max-width: 1800px) {
    .slider-1 ul.slides li {
        background-position: center center !important;
    }

    .slider-2 {
        background-position: bottom -200px center;
    }
}

@media only screen and (max-width: 1500px) {
    .slider-1 ul.slides li {
        background-position: center center !important;
    }

    .slider-2 {
        background-position: bottom -150px center;
    }
}

@media only screen and (max-width: 1300px) {
    .slider-2 {
        background-position: center center;
    }
}

@media only screen and (max-width: 1024px) {
    header nav.menu {
        display: none;
    }

    .toggle-menu {
        display: block;
    }

    .spacer {
        height: 73px !important;
    }

    .container {
        padding: 0 20px !important;
    }

    .columns {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .content {
        padding: 0;
    }

    footer {
        position: relative;
        height: auto;
        padding: 30px 0 10px;
    }

        footer img {
            margin-bottom: 20px;
        }

    header .logo {
        width: 250px;
        height: 53px;
        margin: 10px 0;
    }

    header.fixed .logo {
        width: 250px;
        height: 53px;
        margin: 10px 0;
    }

    .table {
        padding: 10px 10px 0;
        margin-bottom: 20px
    }

        .table .six {
            width: 49% !important;
            margin-left: 2% !important
        }

            .table .six.alpha {
                margin-left: 0 !important
            }

        .table .four {
            width: 32% !important;
            margin-left: 2% !important
        }

            .table .four.alpha {
                margin-left: 0 !important
            }

    .slider .flex-control-nav {
        padding: 0 20px
    }

    .about .row .row-icon {
        width: 110px
    }

    .about .row .row-text {
        width: 100%
    }

    .iso-logos {
        margin: 0;
        text-align: left;
    }

    .slider-3 .container {
        padding: 20px 20px 60px !important;
    }

    .responsive-table .row,
    .comparison table {
        min-width: 600px;
    }

        .comparison table th:first-of-type {
            opacity: 1;
            visibility: visible;
            width: 30%;
            padding-left: 10px;
        }

        .comparison table th:last-of-type {
            display: none;
        }

        .comparison table th,
        .comparison table td {
            width: 21%;
        }

            .comparison table td:first-of-type {
                padding-left: 10px;
            }

    .comparison .image:first-of-type {
        margin-left: 33%;
        padding: 25px 5px;
    }

    .comparison .image {
        width: 22%;
    }
}

@media only screen and (max-width: 767px) {
    .slider ul.slides li .container .title.title-1 {
        font-size: 11vw
    }

    .slider ul.slides li .container .title {
        font-size: 8vw
    }

    .comparison table th, .comparison table td {
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {
    .slider {
        height: 380px
    }

    .slider-2 {
        height: 560px
    }

    .slider ul.slides li .container .title.title-1 {
        margin-top: 30px;
        font-size: 14vw
    }

    .slider ul.slides li .container .title {
        font-size: 8vw
    }
}

@media only screen and (max-width: 360px) {
    header .logo {
        width: 210px;
        height: 45px;
        margin: 14px 0
    }

    header.fixed .logo {
        width: 210px;
        height: 45px;
        margin: 14px 0
    }

    .slider ul.slides li .container .title.title-1 {
        font-size: 13vw
    }

    .slider ul.slides li .container .title {
        font-size: 8vw;
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}