@font-face {
    font-family: 'AlteHaasGroteskBold';
    src: url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/SuisseIntl-Medium-Web/XL/SuisseIntl-Medium-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Medium-Web/XL/SuisseIntl-Medium-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Medium-Web/XL/SuisseIntl-Medium-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Medium-Web/XL/SuisseIntl-Medium-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Medium-Web/XL/SuisseIntl-Medium-WebXL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'RobotoItalic';
    src: url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SuisseIntl-Regular';
    src: url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SuisseIntl-Light';
    src: url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Light-Web/XL/SuisseIntl-Light-WebXL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SuisseIntl-Bold';
    src: url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Bold-Web/XL/SuisseIntl-Bold-WebXL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SuisseIntl-RegularItalic';
    src: url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-RegularItalic-Web/XL/SuisseIntl-RegularItalic-WebXL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SuisseIntl-Regular-Web';
    src: url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.ttf') format('ttf'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.eot') format('eot'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.svg') format('svg'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.woff') format('woff'), url('../fonts/SuisseIntl-Regular-Web/XL/SuisseIntl-Regular-WebXL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

body {
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*='col-'] {
    padding-right: 10px;
    padding-left: 10px
}

@media(min-width:992px) {
    .container {
        width: 992px;
        max-width: 100%
    }
}

@media(min-width:1280px) {
    .container {
        width: 1280px;
        max-width: 100%
    }
}

@media(min-width:1600px) {
    .container {
        width: 1600px;
        max-width: 100%
    }
}

.table-center {
    display: table;
    margin: auto
}

.overflow-hidden {
    overflow: hidden
}

.transition-05-in-out {
    -webkit-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.display-none {
    display: none
}

.hide {
    display: none
}

.brand-dark {
    color: #000
}

.brand-normal {
    color: #001722
}

.brand-light {
    color: #293d4a
}

.blue-dark {
    color: #0071ad
}

.blue {
    color: #00fefe
}

.blue-light {
    color: #62d0ff
}

.grey-dark {
    color: #6c7a87
}

.grey {
    color: #9aa9b7
}

.grey-med {
    color: #ced4db
}

.grey-light {
    color: #f2f5f8
}

.red {
    color: #f44336
}

.green {
    color: #00c853
}

.yellow {
    color: #ffc82c
}

.white {
    color: #fff
}

.bg-brand-dark {
    background-color: #000
}

.bg-brand-normal {
    background-color: #001722
}

.bg-brand-light {
    background-color: #293d4a
}

.bg-blue-dark {
    background-color: #0071ad
}

.bg-blue {
    background-color: #00fefe
}

.bg-blue-light {
    background-color: #62d0ff
}

.bg-grey-dark {
    background-color: #6c7a87
}

.bg-grey {
    background-color: #9aa9b7
}

.bg-grey-med {
    background-color: #ced4db
}

.bg-grey-light {
    background-color: #f2f5f8
}

.bg-red {
    background-color: #f44336
}

.bg-green {
    background-color: #00c853
}

.bg-yellow {
    background-color: #ffc82c
}

.bg-white {
    background-color: #fff
}

.bg-blue-grey {
    background-color: #f7f9fc
}

.bg-grey-light-2 {
    background-color: #f2f5f8
}

.bg-grey-light-3 {
    background-color: #f8f8f8
}

.color-box-wrapper {
    display: inline-block;
    max-width: 226px;
    border-radius: 3px;
    margin: 0 32px 0 0;
    padding: 0
}

.color-box {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    width: 226px;
    height: 80px;
    margin: 0;
    padding: 10px 20px
}

.alte-45 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 45px;
    line-height: 48px
}

.alte-34 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 34px;
    line-height: 40px
}

.alte-24 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 32px
}

.alte-28 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 28px;
    line-height: 36px
}

.alte-20 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 28px
}

.alte-18 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 32px
}

.alte-14 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 28px
}

.alte-12 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px
}

.roboto-reg-34 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 34px;
    line-height: 46px
}

.roboto-reg-30 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 40px
}

.roboto-reg-24 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 34px
}

.roboto-reg-20 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px
}

.roboto-reg-18 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px
}

.roboto-reg-16 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px
}

.roboto-reg-14 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px
}

.roboto-reg-12 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px
}

.roboto-reg-12-up {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase
}

.roboto-reg-10 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 15px
}

.roboto-reg-8 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 8px;
    line-height: 12px
}

.roboto-reg-6 {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 6px;
    line-height: 9px
}

.roboto-med-30 {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 40px
}

.roboto-med-20 {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px
}

.roboto-med-18 {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px
}

.roboto-med-16 {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px
}

.roboto-med-14 {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px
}

.roboto-med-12-up {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase
}

.roboto-light-18 {
    font-family: 'RobotoLight', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px
}

.roboto-it-18 {
    font-family: 'RobotoItalic', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px
}

.roboto-it-16 {
    font-family: 'RobotoItalic', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px
}

.alte {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif
}

.roboto {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif
}

.roboto-bold {
    font-family: "RobotoBold", Helvetica, Arial, sans-serif
}

.roboto-light {
    font-family: "RobotoLight", Helvetica, Arial, sans-serif
}

.roboto-medium {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif
}

.weight-400 {
    font-weight: 400
}

.bold {
    font-weight: bold
}

.font-up {
    text-transform: uppercase
}

.check-ul-style {
    list-style-type: none;
    padding: 0
}

.check_icon {
    margin-left: 30px
}

.check_icon:before {
    content: '\f00c';
    font-family: FontAwesome;
    color: #00c853;
    font-size: 18px;
    margin-right: 10px;
    margin-left: -30px;
    display: inline-block
}

.font-sample {
    border: 1px solid #e0e6ed;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.font-wrapper-100 {
    width: 100%
}

.font-wrapper-50 {
    width: 49%
}

.blue-tag {
    background: #00fefe;
    color: #fff;
    border-radius: 3px
}

.bordered {
    border: 1px solid #e0e6ed
}

.bordered-top {
    border-top: 1px solid #e0e6ed
}

.bordered-bottom {
    border-bottom: 1px solid #e0e6ed
}

.bordered-left {
    border-left: 1px solid #e0e6ed
}

.bordered-right {
    border-right: 1px solid #e0e6ed
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
    padding-left: 8px;
    padding-right: 8px
}

.col-cell {
    min-height: 50px;
    background-color: #ced4db
}

.br {
    border-radius: 3px
}

.br-top {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.br-bottom {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.br-right {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.br-left {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.br-0 {
    border-radius: 0
}

.br-top-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.br-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.br-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.br-left-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.distant-shadow-light-btn {
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12)
}

.close-shadow-light-btn {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12)
}

.distant-shadow-dark-btn {
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.26)
}

.close-shadow-dark-btn {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26)
}

.distant-shadow-dark-bg {
    -webkit-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26)
}

.close-shadow-dark-bg {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26)
}

.general-shadow {
    -webkit-box-shadow: 3px 14px 42px 0 rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 3px 14px 42px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 3px 14px 42px 0 rgba(0, 0, 0, 0.22)
}

.border-box {
    width: 200px;
    height: 200px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center
}

.spacing-box {
    display: block;
    width: 100%;
    height: 100%
}

.shadow-container {
    border: 1px solid #e0e6ed;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.shadow-box {
    width: 80px;
    height: 56px;
    display: inline-block
}

button:focus,
button:active,
button.active,
.btn,
.btn:active,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
a,
a:focus,
a:active,
a:active:focus,
a.active:focus,
a:active.focus,
a.active.focus {
    outline: none !important;
    outline: 0 !important
}

.dropdown,
.dropdown button {
    box-shadow: none !important
}

a.btn:hover,
a.btn:active,
a.btn:visited {
    color: #fff
}

.btn {
    display: inline-block;
    position: relative;
    z-index: 1;
    background-color: #00fefe;
    border: 1px solid #00fefe;
    border-radius: 3px;
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    touch-action: manipulation;
    white-space: normal;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.btn:hover {
    box-shadow: none;
    background: #00abf0;
    border-color: #00abf0
}

.btn-xl {
    min-width: 200px;
    height: 64px
}

.btn-norm {
    min-width: 180px;
    height: 56px
}

.btn-med {
    min-width: 140px;
    height: 48px
}

.btn-sm {
    height: 32px;
    font-size: 14px;
    line-height: 22px;
    padding-left: 11px;
    padding-right: 12px
}

.btn-out1 {
    background-color: #fff;
    color: #00fefe
}

.btn-out1:hover,
.btn-out1:active {
    background-color: #00fefe;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-out2 {
    background-color: #fff;
    color: #9aa9b7;
    border-color: #9aa9b7
}

.btn-out2:hover,
.btn-out2:active {
    background-color: #00fefe;
    color: #fff;
    border-color: #00fefe;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-out3 {
    background-color: #f2f5f8;
    color: #9aa9b7;
    border-color: #9aa9b7
}

.btn-out3:hover,
.btn-out3:active {
    background-color: #00fefe;
    color: #fff;
    border-color: #00fefe;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-flat {
    background-color: #fff;
    color: #9aa9b7;
    border: 0
}

.btn-flat:hover,
.btn-flat:active {
    background-color: #f2f5f8;
    color: #9aa9b7;
    border-color: #f2f5f8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-flat:hover {
    color: #6c7a87
}

.btn-dark {
    background-color: #001722;
    color: #fff;
    border: 0
}

.btn-dark:hover {
    background-color: #293d4a
}

.btn-dark:active {
    background-color: #000
}

.btn-yellow {
    background-color: #ff9004;
    color: #FFF;
    border-color: #ff9004
}

.btn-yellow:hover {
    background-color: #f8ac4d;
    box-shadow: none;
    border-color: #f8ac4d
}

.btn-green {
    background-color: #00c853;
    color: #fff;
    border-color: #00c853
}

.btn-opacity-20 {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 1px solid #fff
}

.btn i {
    margin-right: 4px
}

.btn-sm i {
    margin-right: 2px
}

.btn span {
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto
}

.btn span.btn_icon {
    font-family: "RobotoLight", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 23px;
    margin-right: 4px
}

.btn-sm span.btn_icon {
    margin-right: 2px
}

.btn-i {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    font-family: "RobotoLight", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 23px
}

.btn-i i {
    margin: auto;
    padding: auto;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400
}

.btn-i-lg {
    width: 48px;
    height: 48px
}

.btn-i-med {
    width: 32px;
    height: 32px
}

.btn-i-sm {
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 24px
}

@media(max-width:768px) {
    .mob-bottom-btn {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        border-radius: 0
    }
}

.close-btn {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    color: #fff;
    text-transform: uppercase;
    margin-top: 5px
}

.close-btn::before,
.close-btn::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff
}

.close-btn::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close-btn::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.close-btn:hover::before,
.close-btn:hover::after {
    background: #00fefe
}

#btns .btn {
    max-width: 160px
}

.btn-hover {
    -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.3)
}

.btn-active {
    background-color: #0071ad;
    border-color: #0071ad
}

.btn-out1-hover,
.btn-out1-active,
.btn-out2-hover,
.btn-out2-active {
    background-color: #00fefe;
    color: #fff;
    border-color: #00fefe;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-flat-hover,
.btn-flat-active {
    background-color: #f2f5f8;
    color: #9aa9b7;
    border-color: #f2f5f8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-flat-hover {
    color: #6c7a87
}

.btn-dark-hover {
    background-color: #293d4a
}

.btn-dark-active {
    background-color: #000
}

input::-webkit-input-placeholder {
    color: #9aa9b7
}

input::-moz-placeholder {
    color: #9aa9b7
}

input:-ms-input-placeholder {
    color: #9aa9b7
}

input:-moz-placeholder {
    color: #9aa9b7
}

input:focus,
input:active {
    border-color: #00fefe !important
}

input,
.form-control {
    border-radius: 3px;
    padding: 0 16px;
    margin: 0;
    color: #293d4a
}

label {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #6c7a87
}

.input-lg label,
.input-med label {
    margin-bottom: 12px
}

.input-sm label {
    margin-bottom: 8px
}

input.input-lg {
    height: 56px
}

input.input-med {
    height: 48px
}

input.input-sm {
    height: 32px;
    font-size: 14px;
    line-height: 17px;
    padding: 0 12px
}

input.input-default {
    color: #292b2c !important
}

.form-control::-moz-placeholder,
.form-control::-moz-placeholder {
    color: #9aa9b7 !important
}

input.input-default::placeholder {
    color: #9aa9b7 !important
}

input.input-default::value {
    color: #292b2c !important
}

input.input-active {
    border-color: #00fefe
}

input.input-valset {
    border-color: #9aa9b7
}

input.input-icon {
    padding-left: 40px
}

.input-div {
    position: relative
}

.input-div input.input-icon+i {
    font-size: 19px;
    float: left;
    position: absolute;
    top: 17px;
    left: 16px;
    color: #9aa9b7
}

.input-div input:active.input-icon+i,
.input-div input:focus.input-icon+i {
    color: #00fefe
}

.input-div input.input-active.input-icon+i {
    color: #00fefe
}

.input-div input.input-msg+i {
    font-size: 19px;
    float: right;
    position: absolute;
    top: 17px;
    right: 16px
}

i.fa-exclamation-triangle {
    color: #ffc82c
}

i.fa-check {
    color: #00c853
}

i.fa-times {
    color: #f44336
}

.msg-error input.input-msg {
    border-color: #f44336
}

.msg-error label {
    color: #f44336
}

.dropdown-select-list {
    display: inline-block;
    min-width: 200px;
    border: 1px solid #9aa9b7;
    color: #293d4a;
    border-radius: 3px;
    padding: 0;
    position: relative;
    transition: all .25s linear;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear
}

.dropdown-select-list:after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #9aa9b7;
    position: absolute;
    top: 11px;
    right: 15px
}

.dd-item,
.dd-header {
    display: block;
    width: 100%;
    color: #293d4a;
    clear: both;
    white-space: nowrap;
    transition: all .25s linear;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear
}

.dd-lg .dd-item,
.dd-lg .dd-header {
    height: 56px;
    line-height: 35px
}

.dropdown-select-list.dd-lg:after {
    top: 15px
}

.dd-med .dd-item,
.dd-med .dd-header {
    height: 48px;
    line-height: 26px
}

.dropdown-select-list.dd-med:after {
    top: 11px
}

.dd-sm .dd-item,
.dd-sm .dd-header {
    height: 32px;
    line-height: 11px;
    font-size: 14px
}

.dropdown-select-list.dd-sm:after {
    top: 3px
}

.dd-item:hover,
.dd-item:focus,
.dd-item:active,
.is-open .dd-header {
    background-color: #f2f5f8
}

.dropdown-select-list .dd-item,
.dropdown-select-list .dd-header {
    padding: 10px 40px 10px 20px;
    color: #293d4a
}

.dropdown-select-list .dd-header {
    display: inline-block !important
}

.dropdown-select-list.is-open {
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
    border-color: #ced4db
}

.footer-dd-menu {
    width: 100%;
    border-top: 1px solid #95989a;
    padding: 16px 0;
    position: relative
}

.footer-dd-menu--border-bottom {
    border-bottom: 1px solid #95989a
}

.footer-dd-menu__arrow-down,
.footer-dd-menu__arrow-up {
    font-size: 20px;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 10px
}

.footer-dd-menu__arrow-down {
    color: #6c7a87
}

.footer-dd-menu__arrow-up {
    color: #fff
}

.footer-dd-menu__dropdown {
    display: none
}

.footer-dd-menu__dropdown.active {
    display: block
}

.footer-dd-menu__title--online {
    padding-left: 10px;
    color: #00c853
}

.footer-dd-menu__title--online i {
    font-size: 15px;
    top: 1px;
    position: relative
}

button.dropdown-toggle,
.dropdown-menu {
    max-width: 175px
}

.dropdown-toggle {
    position: relative
}

.dropdown-lg .dropdown-toggle,
.dropdown-lg .dropdown-item {
    height: 56px;
    line-height: 56px
}

.dropdown-med .dropdown-toggle,
.dropdown-med .dropdown-item {
    height: 48px;
    line-height: 48px
}

.dropdown-sm .dropdown-toggle,
.dropdown-sm .dropdown-item {
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    padding: 0 16px !important
}

.dropdown .dropdown-toggle,
.dropdown .dropdown-menu {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    border-radius: 3px;
    width: 190px
}

.btn.dropdown-toggle,
.dropdown-item {
    background-color: #fff;
    color: #293d4a;
    border-color: #ced4db !important;
    padding: 0 16px;
    text-align: left;
    line-height: 16px
}

.dropdown-toggle:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    color: #9aa9b7
}

.dropdown-toggle::after {
    text-align: right;
    position: absolute;
    right: 22px;
    top: 46%
}

.dropdown-menu {
    margin: 0;
    padding: 0;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: 96%
}

.dropdown-sm .dropdown-menu {
    top: 95%
}

.dropdown-item:hover {
    background-color: #f2f5f8
}

.dropdown-item:last-child {
    margin-bottom: 5px
}

.show .dropdown-toggle {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

input[type="radio"] {
    position: absolute;
    visibility: hidden
}

.form-radio {
    position: relative
}

.form-radio label {
    display: block;
    position: relative;
    padding: 0 22px 0 32px;
    margin: 0 auto;
    z-index: 9;
    cursor: pointer;
    transition: all .25s linear;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear
}

.form-radio .check {
    display: block;
    position: absolute;
    border: 2px solid #e0e6ed;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 3px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
    -moz-transition: border .25s linear;
    -o-transition: border .25s linear
}

.form-radio .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background .25s linear;
    -webkit-transition: background .25s linear;
    -moz-transition: background .25s linear;
    -o-transition: background .25s linear
}

input[type=radio]:checked~.check {
    border: 2px solid #00fefe
}

input[type=radio]:checked~.check::before {
    background: #00fefe
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer
}

[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 2px solid #e0e6ed;
    border-radius: 2px;
    color: #ced4db;
    background: #fff
}

[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 14px;
    line-height: 16px;
    padding-left: 1px;
    color: #FFF;
    width: 20px;
    height: 20px;
    border: 2px solid #00fefe;
    border-radius: 2px;
    background: #00fefe;
    transition: all .2s
}

[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

[type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.nav-pills li.nav-item,
.nav-pills li.nav-item .nav-link {
    cursor: pointer !important
}

.nav-pills .nav-link {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    background: #f2f5f8;
    color: #9aa9b7;
    height: 48px;
    text-align: center;
    line-height: 28px;
    border-radius: 0;
    word-wrap: break-word
}

.nav-pills {
    border-radius: 3px
}

.nav-pills .nav-item .nav-link {
    border: 1px solid #ced4db;
    border-left: 0
}

.nav-pills .nav-item:first-child .nav-link {
    border-left: 1px solid #ced4db;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.nav-pills .nav-item:last-child .nav-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.nav-pills .nav-item .nav-link.active {
    background-color: #00fefe;
    color: #fff;
    border-color: #00fefe;
    border-left: 1px solid #00fefe
}

.nav-pills .nav-item .nav-link:hover {
    background-color: #f2f5f8;
    color: #6c7a87;
    border-color: #ced4db
}

.bg-brand-light .nav-pills .nav-item .nav-link {
    background: transparent;
    border-color: #6c7a87
}

.bg-brand-light .nav-pills .nav-item .nav-link.active {
    background-color: #6c7a87;
    border-color: #6c7a87
}

.bg-brand-light .nav-pills .nav-item .nav-link:hover {
    background: transparent;
    color: #6c7a87
}

@media(max-width:992px) {
    .nav-pills .nav-item .nav-link {
        border-radius: 3px;
        border: 1px solid #ced4db
    }

    .nav-pills .nav-link,
    .nav-item {
        width: 100% !important
    }
}

@media(max-width:359px) {
    .nav-pills {
        flex-wrap: wrap
    }
}

.nav-pills .nav-link.nav-link-hover {
    background-color: #f2f5f8;
    color: #6c7a87
}

.bg-brand-light .nav-pills .nav-link.nav-link-hover {
    background: transparent;
    color: #6c7a87
}

.nav-pills .nav-link,
.nav-item {
    display: inline-block;
    flex: 0 1 auto !important
}

a:hover,
a:active,
a:focus,
a:visited {
    text-decoration: none
}

a.link-white {
    color: #fff
}

a.link-white:hover {
    color: #62d0ff
}

a.link-blue-light {
    color: #00fefe
}

a.link-blue-light:hover {
    color: #62d0ff
}

a.link-blue {
    color: #00fefe
}

a.link-blue:hover {
    color: #0071ad
}

a.link-dark {
    color: #293d4a
}

a.link-dark:hover {
    color: #6c7a87
}

a.link-grey {
    color: #9aa9b7
}

a.link-grey:hover {
    color: #ced4db
}

a.link-grey-2 {
    color: #9aa9b7
}

a.link-grey-2:hover {
    color: #00fefe
}

a.link-dark-bg {
    color: #9aa9b7
}

a.link-dark-bg:hover {
    color: #f2f5f8
}

a.link-dark-bg-2 {
    color: #6c7a87
}

a.link-dark-bg-2:hover {
    color: #f2f5f8
}

a.link-black {
    color: #293d4a
}

a.link-black:hover {
    color: #00fefe
}

a.link-grey-dark {
    color: #9aa9b7
}

a.link-grey-dark:hover {
    color: #293d4a
}

.underline {
    text-decoration: underline
}

a.link-blue-hover {
    color: #0071ad
}

a.link-dark-hover {
    color: #6c7a87
}

a.link-grey-hover {
    color: #ced4db
}

a.link-dark-bg-hover {
    color: #f2f5f8
}

#mobile-menu {
    display: none;
    z-index: 10
}

#mobile-menu .menu-toggle {
    width: 100%;
    height: 40px;
    position: relative;
    margin: 20px 0;
    cursor: pointer;
    display: block
}

#mobile-menu .menu-toggle i {
    font-size: 40px
}

#mobile-menu .left-nav-item a {
    margin: 10px 0
}

#mobile-menu .nav-menu.active {
    display: block
}

#mobile-menu .nav-menu {
    display: none
}

.submenu {
    background-color: #f2f5f8;
    border: 0
}

.submenu:last-child {
    border-bottom: 1px solid #e0e6ed
}

@media(max-width:992px) {
    #left-sidebar {
        width: 25%
    }

    #right-content {
        width: 74%
    }
}

@media(max-width:768px) {
    #left-sidebar {
        display: none
    }

    #right-content {
        width: 100%;
        float: none;
        padding: 0 !important
    }

    #mobile-menu {
        display: block
    }
}

@media(max-width:576px) {
    .p40 {
        padding: 20px
    }

    .p48 {
        padding: 24px
    }

    .p80 {
        padding: 40px
    }
}

.tarieven-title {
    display: block;
    margin: 0 auto;
    position: relative;
    top: -27px;
    padding: 5px 18px
}

.tarieven {
    width: 115px;
    display: block;
    margin: 0 auto;
    padding: 0;
    white-space: nowrap
}

.tarieven-tag {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    width: 100%;
    text-align: center;
    text-transform: uppercase
}

.link-tarieven-slider {
    text-align: left
}

.tarieven-currency,
.tarieven-decimals {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 66px;
    vertical-align: top;
    color: #001722;
    position: relative;
    top: -9px
}

.tarieven-currency {
    left: 3px
}

.tarieven-decimals {
    left: 1px
}

.tarieven-val {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 56px;
    line-height: 66px;
    color: #001722;
    position: relative;
    left: 10px
}

.tarieven-percent {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    color: #001722;
    white-space: nowrap;
    position: relative;
    top: -4px;
    font-size: 12px;
    text-align: left
}

.laptop-imgs {
    display: block;
    position: relative;
    max-height: 620px
}

.iphone-img {
    position: absolute;
    bottom: -75px
}

.laptop-img {
    position: relative;
    top: 0
}

.cal {
    margin-top: 30px;
    display: inline-block;
    width: 100px;
    height: 87px;
    text-align: center;
    margin-right: 15px
}

.cal__top,
.cal__bottom {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    color: #fff;
    text-transform: uppercase
}

.cal__top {
    font-size: 34px;
    background: #00fefe;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 56px;
    padding: 17px 0
}

.cal__bottom {
    font-size: 12px;
    background: #001722;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle
}

.cal {
    margin-top: 30px;
    display: inline-block;
    width: 100px;
    height: 87px;
    text-align: center;
    margin-right: 2px;
    padding: 0 5px;
    border-right: 1px solid #e6ecf2
}

.cal:last-child {
    border: 0
}

.cal__top,
.cal__bottom {
    position: relative;
    background: #fff
}

.cal__top {
    color: #293d4a;
    padding-bottom: 0;
    bottom: -2px
}

.cal__bottom {
    color: #001722;
    padding-top: 0;
    top: -1px
}

@media(max-width:1600px) {
    .cal {
        margin-top: 30px;
        display: inline-block;
        width: 90px;
        height: 87px;
        text-align: center;
        margin-right: 2px
    }
}

@media(max-width:1200px) {
    .cal {
        border-right: 1px solid #e6ecf2;
        min-width: 90px
    }

    .cal:last-child {
        border: 0
    }

    .cal__top,
    .cal__bottom {
        background: #fff
    }

    .cal__top {
        color: #293d4a;
        padding-bottom: 0
    }

    .cal__bottom {
        color: #001722;
        padding-top: 0
    }

    #boxes-part .cal {
        min-width: 100px;
        width: 100px;
        margin-right: 5px
    }
}

.white-box {
    background: #fff;
    border-radius: 0;
    border: 1px solid #e6ecf2;
    text-align: center;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08);
    -webkit-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.white-box:hover {
    -webkit-box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18)
}

.white-box .learn-more-btn {
    margin: 0 auto
}

.white-box2 {
    border-radius: 0;
    border: 1px solid #e6ecf2;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08);
    -webkit-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.white-box2:hover {
    -webkit-box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18)
}

.icon-link {
    display: inline-block;
    padding-top: 75px;
    background-size: 48px;
    -webkit-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.diagram-icon {
    background: url('../imgs/_svg/links_koersen-graphic_grey.svg') no-repeat top center
}

.save-icon {
    background: url('../imgs/_svg/links_sorting-save_grey.svg') no-repeat top center
}

.storage-icon {
    background: url('../imgs/_svg/links_dividendkosten-storeage_grey.svg') no-repeat top center
}

.dollar-icon {
    background: url('../imgs/_svg/links_bewaarloon-dolar_grey.png') no-repeat top center
}

.diagram-icon:hover {
    background: url('../imgs/_svg/links_koersen-graphic_white.svg') no-repeat top center
}

.save-icon:hover {
    background: url('../imgs/_svg/links_sorting-save_white.svg') no-repeat top center
}

.storage-icon:hover {
    background: url('../imgs/_svg/links_dividendkosten-storeage_white.svg') no-repeat top center
}

.dollar-icon:hover {
    background: url('../imgs/_svg/links_bewaarloon-dolar_white.png') no-repeat top center
}

@media(max-width:375px) {
    .dollar-icon {
        background: url('../imgs/_svg/links_bewaarloon-dolar_grey.png') no-repeat top center
    }

    .dollar-icon:hover {
        background: url('../imgs/_svg/links_bewaarloon-dolar_white.png') no-repeat top center
    }
}

.diagram-icon,
.save-icon,
.storage-icon,
.dollar-icon,
.diagram-icon:hover,
.save-icon:hover,
.storage-icon:hover,
.dollar-icon:hover {
    background-size: 48px
}

.bg02 {
    background: url("../imgs/header-phone.png") no-repeat center;
    background-size: cover
}

@media(max-width:639px) {
    .bg02 {
        background: url("../imgs/header-phone-2.png") no-repeat center;
        background-size: cover
    }
}

.checkmark {
    display: inline-block;
    padding-right: 15px
}

.checkmark:after {
    content: '';
    display: block;
    width: 8px;
    height: 16px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.check-list {
    list-style: none;
    padding-left: 10px
}

.arrow-next,
.arrow-prev {
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.arrow-next:hover,
.arrow-prev:hover {
    opacity: .56
}

.arrow-next:after,
.arrow-prev:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border: solid #fff;
    transform: rotate(45deg);
    cursor: pointer
}

.arrow-next:after {
    border-width: 2px 2px 0 0
}

.arrow-prev:after {
    border-width: 0 0 2px 2px
}

.white-box-block {
    background: #fff;
    border-radius: 4px;
    padding: 50px 50px 65px;
    -webkit-box-shadow: 3px 14px 42px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 3px 14px 42px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 3px 14px 42px 0 rgba(0, 0, 0, 0.12)
}

.white-box-block-2 input.input-lg {
    height: 45px
}

.white-box-block-2 {
    background: #fff;
    border-radius: 4px;
    padding: 30px 30px;
    -webkit-box-shadow: 3px 14px 42px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 3px 14px 42px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 3px 14px 42px 0 rgba(0, 0, 0, 0.12)
}

.partners-logo div {
    min-height: 60px;
    padding: 0;
    margin: 0 auto
}

.logo-kas-bank {
    background: url('../imgs/_svg/logo-kas-bank.svg') no-repeat center;
    width: 145px;
    height: 26px
}

.logo-cme {
    background: url('../imgs/CME-logo.svg') no-repeat center;
    width: 145px;
    height: 26px
}

.logo-euronext {
    background: url('../imgs/_svg/logo-euronex.svg') no-repeat center;
    width: 112px;
    height: 18px
}

.logo-eurex {
    background: url('../imgs/_svg/logo-eurex.svg') no-repeat center;
    width: 90px;
    height: 31px
}

.logo-borsa-italiana {
    background: url('../imgs/_svg/logo-borsa_italiana.svg') no-repeat center;
    width: 139px;
    height: 27px
}

.logo-xetra {
    background: url('../imgs/_svg/logo-xetra.svg') no-repeat center;
    width: 87px;
    height: 17px
}

.logo-nasdaq {
    background: url('../imgs/_svg/logo-nasdaq.svg') no-repeat center;
    width: 137px;
    height: 33px
}

.logo-kas-bank2 {
    background: url('../imgs/_svg/logo-kas-bank-2.svg') no-repeat center;
    width: 145px;
    height: 26px
}

.logo-cme2 {
    background: url('../imgs/CMEGroup-logo.svg') no-repeat left;
    width: 145px;
    height: 26px
}

.logo-euronext2 {
    background: url('../imgs/Euronext-logo-v03.svg') no-repeat center;
    width: 112px;
    height: 18px
}

.logo-eurex2 {
    background: url('../imgs/_svg/logo-eurex-2.svg') no-repeat center;
    width: 90px;
    height: 31px
}

.logo-borsa-italiana2 {
    background: url('../imgs/_svg/logo-borsa_italiana-2.svg') no-repeat center;
    width: 139px;
    height: 27px
}

.logo-xetra2 {
    background: url('../imgs/_svg/logo-xetra-2.svg') no-repeat center;
    width: 87px;
    height: 17px
}

.logo-nasdaq2 {
    background: url('../imgs/_svg/logo-nasdaq-2.svg') no-repeat center;
    width: 137px;
    height: 33px
}

@media(max-width:1279px) {
    .logo-kas-bank {
        width: 137px;
        height: 25px
    }

    .logo-euronext {
        width: 122px;
        height: 19px
    }

    .logo-eurex {
        width: 82px;
        height: 28px
    }

    .logo-borsa-italiana {
        width: 144px;
        height: 28px
    }

    .logo-xetra {
        width: 90px;
        height: 18px
    }

    .logo-nasdaq {
        width: 133px;
        height: 32px
    }

    .logo-kas-bank2 {
        width: 137px;
        height: 25px
    }

    .logo-euronext2 {
        width: 122px;
        height: 19px
    }

    .logo-eurex2 {
        width: 82px;
        height: 28px
    }

    .logo-borsa-italiana2 {
        width: 144px;
        height: 28px
    }

    .logo-xetra2 {
        width: 90px;
        height: 18px
    }

    .logo-nasdaq2 {
        width: 133px;
        height: 32px
    }
}

@media(max-width:435px) {
    .logo-kas-bank {
        width: 109px;
        height: 20px
    }

    .logo-euronext {
        width: 95px;
        height: 15px
    }

    .logo-eurex {
        width: 58px;
        height: 20px
    }

    .logo-borsa-italiana {
        width: 102px;
        height: 20px
    }

    .logo-xetra {
        width: 70px;
        height: 14px
    }

    .logo-nasdaq {
        width: 96px;
        height: 23px
    }

    .logo-kas-bank2 {
        width: 109px;
        height: 20px
    }

    .logo-euronext2 {
        width: 95px;
        height: 15px
    }

    .logo-eurex2 {
        width: 58px;
        height: 20px
    }

    .logo-borsa-italiana2 {
        width: 102px;
        height: 20px
    }

    .logo-xetra2 {
        width: 70px;
        height: 14px
    }

    .logo-nasdaq2 {
        width: 96px;
        height: 23px
    }
}

.dg-carousel-tabs .nav-link {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    background: 0;
    border: none !important;
    border-radius: 35px !important;
    color: #fff;
    opacity: .5;
    margin: 0;
    padding: 20px 30px !important;
    height: 70px !important;
    vertical-align: middle
}

.dg-carousel-tabs .nav-link.active,
.dg-carousel-tabs .nav-link:hover,
.dg-carousel-tabs .nav-link:focus,
.dg-carousel-tabs .nav-link:active {
    color: #fff !important;
    opacity: 1;
    background-color: #42b8e7 !important
}

@media(max-width:375px) {
    .dg-carousel-tabs .nav-link {
        padding: 7px 30px !important
    }
}

@media(max-width:359px) {
    .dg-carousel-tabs .nav-link {
        padding: 20px 30px !important
    }
}

.dg-carousel-tabs .nav-pills,
.dg-carousel-tabs .nav-link {
    width: auto !important
}

.center-pills {
    display: flex;
    justify-content: center
}

.dg-carousel-content {
    max-width: 480px;
    display: block;
    margin: 0 auto
}

.dg-carousel__prev,
.dg-carousel__next {
    position: absolute
}

.dg-carousel__prev {
    top: 45%;
    left: -70px
}

.dg-carousel__next {
    top: 45%;
    right: -70px
}

.sl {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    width: 100%;
    background: transparent;
    border: 0;
    padding: 0;
    height: 40px !important
}

.sl-placeholder {
    display: block;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    border-radius: 2px;
    border: 1px solid #6c7a87;
    background: 0;
    color: #fff;
    padding: 0 12px;
    height: 40px !important;
    line-height: 40px;
    vertical-align: middle
}

.sl.active .sl-placeholder {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #001722;
    color: #fff;
    line-height: 40px;
    vertical-align: middle
}

.sl-options {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background-color: #001722;
    border: 1px solid #6c7a87;
    border-top: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 0;
    display: block;
    z-index: 2000;
    line-height: 0
}

.sl-options ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.sl-options ul li {
    display: list-item;
    padding: 12px;
    height: 44px !important;
    cursor: pointer;
    color: #fff;
    text-align: left
}

.sl-options ul li:hover {
    color: #f2f5f8
}

.sl-option[data-flag="nl"]:before,
.sl-placeholder[data-flag="nl"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/_svg/nl.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="ch"]:before,
.sl-placeholder[data-flag="ch"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/ch.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="cz"]:before,
.sl-placeholder[data-flag="cz"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/cz.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="dk"]:before,
.sl-placeholder[data-flag="dk"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/dk.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="de"]:before,
.sl-placeholder[data-flag="de"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/de.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="es"]:before,
.sl-placeholder[data-flag="es"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/es.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="gr"]:before,
.sl-placeholder[data-flag="gr"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/gr.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="fr"]:before,
.sl-placeholder[data-flag="fr"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/fr.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="ie"]:before,
.sl-placeholder[data-flag="ie"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/ie.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="it"]:before,
.sl-placeholder[data-flag="it"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/it.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="co.no"]:before,
.sl-placeholder[data-flag="co.no"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/no.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="hu"]:before,
.sl-placeholder[data-flag="hu"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/hu.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="at"]:before,
.sl-placeholder[data-flag="at"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/at.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="pl"]:before,
.sl-placeholder[data-flag="pl"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/pl.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="pt"]:before,
.sl-placeholder[data-flag="pt"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/pt.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="fi"]:before,
.sl-placeholder[data-flag="fi"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/fi.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="se"]:before,
.sl-placeholder[data-flag="se"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/se.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.sl-option[data-flag="co.uk"]:before,
.sl-placeholder[data-flag="co.uk"]:before {
    content: "";
    display: inline-block;
    background: url('../imgs/flags/gb.svg') no-repeat center;
    width: 21px;
    height: 16px;
    margin-right: 10px;
    background-size: 21px 16px
}

.underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    -ms-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #00fefe;
    height: 4px;
    -webkit-transition-property: right;
    -ms-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    -ms-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.underline-from-left:hover:before,
.underline-from-left:focus:before,
.underline-from-left:active:before {
    right: 0
}

.underline-from-left-parent:hover .underline-from-left:before,
.underline-from-left-parent:focus .underline-from-left:before,
.underline-from-left-parent:active .underline-from-left:before {
    right: 0
}

.blue-underline.underline-from-left:before {
    background: #00fefe
}

.white-underline.underline-from-left:before {
    background: #fff
}

.grey-underline.underline-from-left:before {
    background: #9aa9b7
}

.thin-underline.underline-from-left:before {
    height: 2px
}

.thiner-underline.underline-from-left:before {
    height: 1px
}

.hov-rotate {
    -webkit-transition: -webkit-transform 1.2s ease-in-out;
    -ms-transition: transform 1.2s ease-in-out;
    transition: transform 1.2s ease-in-out;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.hov-rotate:hover,
.hov-rotate-parent:hover .hov-rotate {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.grow {
    transition: all .4s ease-in-out
}

.grow:hover {
    transform: scale(1.1, 1.1)
}

.grow:active {
    transform: scale(1, 1)
}

.grow-parent:hover .grow {
    transform: scale(1.1, 1.1)
}

.grow-parent:active .grow {
    transform: scale(1, 1)
}

.to-25 {
    -webkit-transform-origin: 25%;
    -ms-transform-origin: 25%;
    transform-origin: 25%
}

/*!* ======== Pulse infinite *!*/
.sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    box-shadow: 0 0 1px transparent;
    -webkit-transform: perspective(1px) translateZ(0);
    -ms-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    -ms-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .4s;
    -ms-transition-duration: .4s;
    transition-duration: .4s
}

.sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    -ms-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .4s;
    -ms-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1)
}

.sweep-to-right:hover,
.sweep-to-right:focus,
.sweep-to-right:active {
    color: #00fefe
}

.sweep-to-right:hover:before,
.sweep-to-right:focus:before,
.sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.btn-dark.sweep-to-right:before {
    background: #000
}

.btn-dark.sweep-to-right:hover,
.btn-dark.sweep-to-right:focus,
.btn-dark.sweep-to-right:active {
    background-color: #fff;
    color: #fff
}

.btn-out1.sweep-to-right:before {
    background: #00fefe
}

.btn-out1.sweep-to-right:hover,
.btn-out1.sweep-to-right:focus,
.btn-out1.sweep-to-right:active {
    background-color: #fff;
    color: #fff
}

.btn-opacity-20.sweep-to-right:before {
    background: rgba(255, 255, 255, 1)
}

.btn-out1.btn-opacity-20.sweep-to-right:hover,
.btn-out1.btn-opacity-20.sweep-to-right:focus,
.btn-out1.btn-opacity-20.sweep-to-right:active {
    background: rgba(255, 255, 255, 0.2);
    color: #00fefe
}

.btn-dark.btn-opacity-20.sweep-to-right:hover,
.btn-dark.btn-opacity-20.sweep-to-right:focus,
.btn-dark.btn-opacity-20.sweep-to-right:active {
    background: rgba(255, 255, 255, 0.2);
    color: #001722
}

.sweep-to-right-2 {
    overflow: hidden;
    position: relative;
    -webkit-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.sweep-to-right-2:before {
    content: '';
    position: absolute;
    top: -10px;
    right: -50px;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-right: 50px solid transparent;
    border-top: 80px solid #fff;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.sweep-to-right-2:hover {
    color: #00fefe
}

.sweep-to-right-2:hover:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.btn-out1.sweep-to-right-2:before {
    border-top: 80px solid #00fefe
}

.btn-out1.sweep-to-right-2:hover,
.btn-out1.sweep-to-right-2:focus,
.btn-out1.sweep-to-right-2:active {
    background-color: #fff;
    color: #fff;
    border-color: #fff
}

.btn-dark.sweep-to-right-2:before {
    border-top: 80px solid #fff
}

.btn-dark.sweep-to-right-2:hover,
.btn-dark.sweep-to-right-2:focus,
.btn-dark.sweep-to-right-2:active {
    background-color: #000;
    color: #000
}

.btn-opacity-20.sweep-to-right-2:before {
    border-top: 80px solid rgba(255, 255, 255, 1)
}

.btn-out1.btn-opacity-20.sweep-to-right-2:hover,
.btn-out1.btn-opacity-20.sweep-to-right-2:focus,
.btn-out1.btn-opacity-20.sweep-to-right-2:active {
    background: rgba(255, 255, 255, 0.2);
    color: #00fefe
}

.btn-dark.btn-opacity-20.sweep-to-right-2:hover,
.btn-dark.btn-opacity-20.sweep-to-right-2:focus,
.btn-dark.btn-opacity-20.sweep-to-right-2:active {
    background: rgba(255, 255, 255, 0.2);
    color: #001722
}

.pivot-to-right {
    overflow: hidden;
    -webkit-transition: border-color .6s, color .6s;
    -ms-transition: border-color .6s, color .6s;
    transition: border-color .6s, color .6s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1)
}

.pivot-to-right::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #00fefe;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition: -webkit-transform .6s, opacity .6s, background-color .6s;
    -ms-transition: transform .6s, opacity .6s, background-color .6s;
    transition: transform .6s, opacity .6s, background-color .6s
}

.pivot-to-right:hover {
    background-color: #00fefe;
    color: #00fefe
}

.pivot-to-right.btn-inverted:hover {
    color: #00fefe
}

.pivot-to-right:hover::before {
    opacity: 1;
    background-color: #fff;
    -webkit-transform: rotate3d(0, 0, 1, 0);
    -ms-transform: rotate3d(0, 0, 1, 0);
    transform: rotate3d(0, 0, 1, 0);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -ms-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1)
}

.pivot-to-right.btn-inverted:hover::before {
    background-color: #fff
}

.btn-out1.pivot-to-right:hover {
    background-color: #fff;
    color: #fff
}

.btn-out1.pivot-to-right:hover::before {
    background-color: #00fefe
}

.oblique-open:link,
.oblique-open:visited {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease
}

.oblique-open:link:after,
.oblique-open:visited:after {
    content: "";
    position: absolute;
    height: 0;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all .75s ease 0;
    -moz-transition: all .75s ease 0;
    -o-transition: all .75s ease 0;
    -ms-transition: all .75s ease 0;
    transition: all .75s ease 0
}

.oblique-open:hover:after,
.oblique-open:visited:hover:after {
    height: 450%
}

.oblique-open:hover {
    color: #00fefe
}

.oblique-open:after {
    background: #fff;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    transform: translateX(-50%) translateY(-50%) rotate(25deg)
}

.btn-out1.oblique-open:hover {
    color: #fff
}

.btn-out1.oblique-open:after {
    background: #00fefe
}

body {
    font-size: 16px;
    line-height: 26px;
    margin-top: 30px
}

.center-div {
    margin: 0 auto;
    display: block;
    position: relative
}

#header-menu .screen-nav ul.navbar-nav li {
    min-width: 20px;
    padding: 0 10px
}

@media(max-width:1600px) {
    #header-menu .screen-nav ul.navbar-nav li {
        padding: 0 5px
    }
}

@media(max-width:1050px) {
    #header-menu .screen-nav ul.navbar-nav li {
        min-width: 20px;
        padding: 0
    }
}

@media(max-width:1280px) {
    #header-menu .screen-nav ul.navbar-nav li {
        min-width: 20px;
        padding: 0 3px
    }

    .login-btns .hidden-lg-down {
        display: none
    }
}

.invisible-desktop {
    display: none !important
}

.visible-desktop {
    display: block !important
}

.hidden-1024-up {
    display: none
}

.hidden-1024-down {
    display: inline-block
}

@media(max-width:1024px) {
    .hidden-1024-up {
        display: inline-block
    }

    .hidden-1024-down {
        display: none
    }
}

.container-1600 {
    width: 1600px;
    max-width: 100%
}

.border-bottom {
    border-bottom: 1px solid #e6ecf2
}

.border-top {
    border-top: 1px solid #e6ecf2
}

.border-bottom-dark {
    border-bottom: 1px solid #293d4a
}

.border-top-dark {
    border-top: 1px solid #293d4a
}

.bg1 {
    background-image: url('../imgs/bg1.png');
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.phones-bg {
    background-image: url('../imgs/phones-bg2.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%
}

.navbar {
    padding: 0
}

div.top-navbar ul.navbar-nav li {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: auto;
    height: 72px
}

div.top-navbar ul.navbar-nav li a {
    color: #6c7a87;
    line-height: 54px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent
}

div.top-navbar ul.navbar-nav li a:hover {
    color: #001722
}

.nav-pills .nav-link,
div.top-navbar ul.navbar-nav li {
    min-width: 120px;
    padding: 0 10px
}

div.top-navbar ul.navbar-nav li.active>a,
div.top-navbar ul.navbar-nav li>a:hover {
    border-bottom: 2px solid #00fefe
}

.dg-card {
    max-width: 300px;
    text-align: left;
    margin: 0 auto
}

.dg-card .row {
    height: 64px;
    align-content: center
}

.mobile-toggler {
    display: none;
    font-size: 20px;
    cursor: pointer
}

.mobile-toggler:hover {
    opacity: .6
}

.mobile-toggler i {
    position: relative;
    top: 2px
}

.mobile-nav {
    display: none
}

.mobile-nav.active {
    display: none
}

.logo,
.navbar-brand {
    width: 180px
}

.logo,
.navbar-brand img {
    width: 180px
}

.top-right-btns {
    max-width: 390px
}

.apps-download {
    float: right
}

.apps-download>p {
    display: none
}

.or-scroll-down span {
    display: none
}

.laptop-section-text {
    padding-top: 180px
}

.four-icons--tabs {
    overflow: hidden
}

.four-icons--tabs>ul {
    position: relative
}

.four-icons--tabs .nav-link,
.four-icons--tabs .nav-link.active,
.four-icons--tabs .nav-link:hover,
.four-icons--tabs .nav-link:active,
.four-icons--tabs .nav-link:focus {
    background-color: transparent !important;
    border: none !important;
    display: inline-block !important;
    -webkit-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.nav-link.dollar-icon {
    background: url('../imgs/_svg/links_bewaarloon-dolar_grey.svg') no-repeat top center
}

.nav-link.save-icon {
    background: url('../imgs/_svg/links_sorting-save_grey.svg') no-repeat top center
}

.nav-link.storage-icon {
    background: url('../imgs/_svg/links_dividendkosten-storeage_grey.svg') no-repeat top center
}

.nav-link.diagram-icon {
    background: url('../imgs/_svg/links_koersen-graphic_grey.svg') no-repeat top center
}

.nav-link.dollar-icon:hover,
.nav-link.dollar-icon.active {
    background: url('../imgs/_svg/links_bewaarloon-dolar_white.png') no-repeat top center
}

.nav-link.save-icon:hover,
.nav-link.save-icon.active {
    background: url('../imgs/_svg/links_sorting-save_white.svg') no-repeat top center
}

.nav-link.storage-icon:hover,
.nav-link.storage-icon.active {
    background: url('../imgs/_svg/links_dividendkosten-storeage_white.svg') no-repeat top center
}

.nav-link.diagram-icon:hover,
.nav-link.diagram-icon.active {
    background: url('../imgs/_svg/links_koersen-graphic_white.svg') no-repeat top center
}

@media(max-width:1599px) {

    .logo,
    .navbar-brand {
        width: 130px
    }

    .logo,
    .navbar-brand img {
        width: 90px;
        height: auto;
    }
}

@media(max-width:375px) {
    .nav-link.dollar-icon {
        background: url('../imgs/_svg/links_bewaarloon-dolar_grey.png') no-repeat top center
    }

    .nav-link.dollar-icon:hover,
    .nav-link.dollar-icon.active {
        background: url('../imgs/_svg/links_bewaarloon-dolar_white.png') no-repeat top center
    }
}

.nav-link.dollar-icon,
.nav-link.save-icon,
.nav-link.storage-icon,
.nav-link.diagram-icon,
.nav-link.dollar-icon:hover,
.nav-link.save-icon:hover,
.nav-link.storage-icon:hover,
.nav-link.diagram-icon:hover {
    background-size: 48px;
    width: 48px !important;
    height: 48px !important
}

.nav-link.dollar-icon.active,
.nav-link.save-icon.active,
.nav-link.storage-icon.active,
.nav-link.diagram-icon.active {
    background-size: 72px;
    width: 72px !important;
    height: 72px !important
}

.blue-section-logos-screen {
    display: block
}

.blue-section-logos-mob {
    display: none
}

.btn-lg {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 2.8rem
}

.height-header {
    height: 72px
}

div.top-navbar ul.navbar-nav {
    margin-right: -100px
}

.z--1 {
    z-index: -1
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.z-10 {
    z-index: 10
}

.border-for-twosections {
    top: 970px;
    position: relative;
    z-index: 0
}

.br-tl-3 {
    border-top-left-radius: 3px
}

.br-tr-3 {
    border-top-right-radius: 3px
}

.br-bl-3 {
    border-bottom-left-radius: 3px
}

.br-br-3 {
    border-bottom-right-radius: 3px
}

.mpr-0 {
    margin-right: 0 !important;
    padding-right: 0 !important
}

.mpl-0 {
    margin-left: 0 !important;
    padding-left: 0 !important
}

.mpt-0 {
    margin-top: 0 !important;
    padding-top: 0 !important
}

.mpb-0 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.p4 {
    padding: 4px
}

.p8 {
    padding: 8px
}

.p10 {
    padding: 10px
}

.p16 {
    padding: 16px
}

.p20 {
    padding: 20px
}

.p32 {
    padding: 32px
}

.p40 {
    padding: 40px
}

.p48 {
    padding: 48px
}

.p50 {
    padding: 50px
}

.p57 {
    padding: 57px 57px 50px 57px
}

#boxes-part .p57 {
    padding: 45px 130px 45px 130px
}

.p64 {
    padding: 64px
}

.p80 {
    padding: 80px
}

.m4 {
    margin: 4px
}

.m8 {
    margin: 8px
}

.m10 {
    margin: 10px
}

.m16 {
    margin: 16px
}

.m20 {
    margin: 20px
}

.m32 {
    margin: 32px
}

.m40 {
    margin: 40px
}

.m48 {
    margin: 48px
}

.m56 {
    margin: 56px
}

.m64 {
    margin: 64px
}

.m80 {
    margin: 80px
}

.pt80 {
    padding-top: 80px
}

.pt20 {
    padding-top: 20px
}

.pt5 {
    padding-top: 5px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb40 {
    padding-bottom: 40px
}

.pb80 {
    padding-bottom: 80px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt5 {
    margin-top: 5px
}

.mb5 {
    margin-bottom: 5px
}

.letter04 {
    letter-spacing: .4px
}

.lh14 {
    line-height: 14px
}

.lh16 {
    line-height: 16px
}

.lh20 {
    line-height: 20px
}

.lh26 {
    line-height: 26px
}

.lh28 {
    line-height: 28px
}

.lh30 {
    line-height: 30px
}

.lh32 {
    line-height: 32px
}

.lh36 {
    line-height: 36px
}

.lh38 {
    line-height: 38px
}

.lh40 {
    line-height: 40px
}

.lh48 {
    line-height: 48px
}

.mt-95 {
    margin-top: 95px
}

.mt-90 {
    margin-top: 90px
}

.mt-80 {
    margin-top: 80px
}

.mt-75 {
    margin-top: 75px
}

.mt-70 {
    margin-top: 70px
}

.mt-60 {
    margin-top: 60px
}

.mt-55 {
    margin-top: 55px
}

.mt-50 {
    margin-top: 50px
}

.mt-45 {
    margin-top: 45px
}

.mt-40 {
    margin-top: 40px
}

.mt-35 {
    margin-top: 35px
}

.mt-30 {
    margin-top: 30px
}

.mt-25 {
    margin-top: 25px
}

.mt-20 {
    margin-top: 20px
}

.mt-15 {
    margin-top: 15px
}

.mt-10 {
    margin-top: 10px
}

.mt-5px {
    margin-top: 5px
}

.mt-m5px {
    margin-top: -5px
}

.mb-130 {
    margin-bottom: 130px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-75 {
    margin-bottom: 75px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-65 {
    margin-bottom: 65px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-55 {
    margin-bottom: 55px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-5px {
    margin-bottom: 5px
}

.mr-155 {
    margin-right: 150px
}

.mr-150 {
    margin-right: 150px
}

.mr-100 {
    margin-right: 100px
}

.mr-75 {
    margin-right: 75px
}

.mr-50 {
    margin-right: 50px
}

.mr-45 {
    margin-right: 45px
}

.mr-36 {
    margin-right: 36px
}

.mr-30 {
    margin-right: 30px
}

.mr-20 {
    margin-right: 20px
}

.mr-15 {
    margin-right: 15px
}

.mr-10 {
    margin-right: 10px
}

.mr-05 {
    margin-right: 5px
}

.ml-155 {
    margin-left: 150px
}

.ml-150 {
    margin-left: 150px
}

.ml-100 {
    margin-left: 100px
}

.ml-80 {
    margin-left: 80px
}

.ml-75 {
    margin-left: 75px
}

.ml-50 {
    margin-left: 50px
}

.ml-45 {
    margin-left: 45px
}

.ml-40 {
    margin-left: 40px
}

.ml-36 {
    margin-left: 36px
}

.ml-30 {
    margin-left: 30px
}

.ml-20 {
    margin-left: 20px
}

.ml-15 {
    margin-left: 15px
}

.ml-05 {
    margin-left: 05px
}

.padding-65 {
    padding: 65px
}

.padding-tb-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.pl-200 {
    padding-left: 200px
}

.pl-170 {
    padding-left: 170px
}

.pl-160 {
    padding-left: 160px
}

.pl-150 {
    padding-left: 150px
}

.pl-140 {
    padding-left: 140px
}

.pl-120 {
    padding-left: 120px
}

.pl-80 {
    padding-left: 80px
}

.pl-70 {
    padding-left: 70px
}

.pl-62 {
    padding-left: 62px
}

.pl-60 {
    padding-left: 60px
}

.pl-50 {
    padding-left: 50px
}

.pl-45 {
    padding-left: 45px
}

.pl-40 {
    padding-left: 40px
}

.pl-35 {
    padding-left: 35px
}

.pl-30 {
    padding-left: 30px
}

.pl-25 {
    padding-left: 25px
}

.pl-20 {
    padding-left: 20px
}

.pl-18 {
    padding-left: 18px
}

.pl-15 {
    padding-left: 15px
}

.pl-10 {
    padding-left: 10px
}

.pl-md-35 {
    padding-left: 35px
}

@media(max-width:767px) {
    .pl-md-35 {
        padding-left: 0
    }
}

.pr-200 {
    padding-right: 200px
}

.pr-170 {
    padding-right: 170px
}

.pr-160 {
    padding-right: 160px
}

.pr-150 {
    padding-right: 150px
}

.pr-140 {
    padding-right: 140px
}

.pr-120 {
    padding-right: 120px
}

.pr-110 {
    padding-right: 110px
}

.pr-100 {
    padding-right: 100px
}

.pr-80 {
    padding-right: 80px
}

.pr-70 {
    padding-right: 70px
}

.pr-62 {
    padding-right: 62px
}

.pr-60 {
    padding-right: 60px
}

.pr-50 {
    padding-right: 50px
}

.pr-45 {
    padding-right: 45px
}

.pr-40 {
    padding-right: 40px
}

.pr-30 {
    padding-right: 30px
}

.pr-25 {
    padding-right: 25px
}

.pr-20 {
    padding-right: 20px
}

.pr-18 {
    padding-right: 18px
}

.pr-15 {
    padding-right: 15px
}

.pr-10 {
    padding-right: 10px
}

.pt-370 {
    padding-top: 370px
}

.pt-220 {
    padding-top: 220px
}

.pt-195 {
    padding-top: 195px
}

.pt-190 {
    padding-top: 190px
}

.pt-180 {
    padding-top: 180px
}

.pt-170 {
    padding-top: 170px
}

.pt-160 {
    padding-top: 160px
}

.pt-150 {
    padding-top: 150px
}

.pt-140 {
    padding-top: 140px
}

.pt-130 {
    padding-top: 130px
}

.pt-120 {
    padding-top: 120px
}

.pt-110 {
    padding-top: 110px
}

.pt-115 {
    padding-top: 115px
}

.pt-105 {
    padding-top: 105px
}

.pt-100 {
    padding-top: 100px
}

.pt-95 {
    padding-top: 95px
}

.pt-90 {
    padding-top: 90px
}

.pt-85 {
    padding-top: 85px
}

.pt-80 {
    padding-top: 80px
}

.pt-75 {
    padding-top: 75px
}

.pt-70 {
    padding-top: 70px
}

.pt-65 {
    padding-top: 65px
}

.pt-60 {
    padding-top: 60px
}

.pt-55 {
    padding-top: 55px
}

.pt-50 {
    padding-top: 50px
}

.pt-48 {
    padding-top: 48px
}

.pt-45 {
    padding-top: 45px
}

.pt-40 {
    padding-top: 40px
}

.pt-35 {
    padding-top: 35px
}

.pt-30 {
    padding-top: 30px
}

.pt-25 {
    padding-top: 25px
}

.pt-20 {
    padding-top: 20px
}

.pt-15 {
    padding-top: 15px
}

.pt-10 {
    padding-top: 10px
}

.pt-5px {
    padding-top: 5px
}

.pb-190 {
    padding-bottom: 190px
}

.pb-175 {
    padding-bottom: 175px
}

.pb-160 {
    padding-bottom: 160px
}

.pb-155 {
    padding-bottom: 155px
}

.pb-150 {
    padding-bottom: 150px
}

.pb-145 {
    padding-bottom: 145px
}

.pb-140 {
    padding-bottom: 140px
}

.pb-135 {
    padding-bottom: 135px
}

.pb-130 {
    padding-bottom: 130px
}

.pb-125 {
    padding-bottom: 125px
}

.pb-120 {
    padding-bottom: 120px
}

.pb-115 {
    padding-bottom: 115px
}

.pb-110 {
    padding-bottom: 110px
}

.pb-105 {
    padding-bottom: 105px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-95 {
    padding-bottom: 95px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-85 {
    padding-bottom: 85px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-75 {
    padding-bottom: 75px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-65 {
    padding-bottom: 65px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-55 {
    padding-bottom: 55px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-48 {
    padding-bottom: 48px
}

.pb-45 {
    padding-bottom: 45px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-35 {
    padding-bottom: 35px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-5px {
    padding-bottom: 5px
}

.min-h-680 {
    min-height: 680px
}

.min-h-640 {
    min-height: 640px
}

.min-h-620 {
    min-height: 620px
}

.min-h-585 {
    min-height: 585px
}

.min-h-550 {
    min-height: 550px
}

.min-h-520 {
    min-height: 520px
}

.min-h-516 {
    min-height: 516px
}

.min-h-460 {
    min-height: 460px
}

.min-h-420 {
    min-height: 420px
}

.min-h-320 {
    min-height: 320px
}

.min-h-40 {
    min-height: 40px
}

.max-w-1200 {
    max-width: 1200px
}

.max-w-1050 {
    max-width: 1050px
}

.max-w-1000 {
    max-width: 1000px
}

.max-w-900 {
    max-width: 900px
}

.max-w-875 {
    max-width: 875px
}

.max-w-730 {
    max-width: 730px
}

.max-w-680 {
    max-width: 680px
}

.max-w-620 {
    max-width: 620px
}

.max-w-590 {
    max-width: 590px
}

.max-w-510 {
    max-width: 510px
}

.max-w-480 {
    max-width: 480px
}

.max-w-460 {
    max-width: 460px
}

.max-w-410 {
    max-width: 410px
}

.max-w-380 {
    max-width: 380px
}

.max-w-360 {
    max-width: 360px
}

.max-w-350 {
    max-width: 350px
}

.max-w-320 {
    max-width: 320px
}

.max-w-290 {
    max-width: 290px
}

.max-w-120 {
    max-width: 120px
}

.max-w-115 {
    max-width: 115px
}

.maxw450 {
    max-width: 450px
}

.h-620 {
    max-height: 620px
}

.min-w-400 {
    min-width: 400px
}

.min-w-280 {
    min-width: 280px
}

.min-w-150 {
    min-width: 150px !important
}

.min-w-270 {
    min-width: 270px !important
}

.min-w-230 {
    min-width: 230px !important
}

.min-w-210 {
    min-width: 210px !important
}

.min-w-320 {
    min-width: 320px !important
}

.min-w-180 {
    min-width: 180px !important
}

.min-w-150 {
    min-width: 150px !important
}

.min-w-130 {
    min-width: 130px !important
}

.w-120 {
    width: 120px
}

.w-140 {
    width: 140px
}

.w-150 {
    width: 150px
}

.w-155 {
    width: 155px
}

.w-160 {
    width: 160px
}

.w-200 {
    width: 200px
}

.w-220 {
    width: 220px
}

.w-280 {
    width: 280px
}

.w-320 {
    width: 320px
}

.w-400 {
    width: 400px
}

.w-620 {
    width: 620px
}

.w-162 {
    width: 162px
}

.h-40 {
    height: 40px
}

.h-48 {
    height: 48px
}

.h-54 {
    height: 54px
}

.h-64 {
    height: 64px
}

.h-180 {
    height: 180px
}

#homepage {
    overflow-x: hidden
}

#information {
    overflow-x: hidden
}

#retirement {
    overflow-x: hidden
}

.bg-el-1,
.bg-el-2,
.bg-el-3 {
    display: inline-block;
    position: absolute;
    overflow: hidden
}

.bg-el-1 {
    background: url('../imgs/_svg/bg-blue-rectangle.svg') no-repeat center center;
    width: 1490px;
    height: 1200px
}

.bg-el-2 {
    background: url('../imgs/_svg/bg-blue-rectangle-small.svg') no-repeat center center;
    width: 1090px;
    height: 925px
}

.bg-el-3 {
    background: url('../imgs/_svg/bg-blue-rectangle-3-half.svg') no-repeat center center;
    width: 755px;
    height: 303px
}

.bg-el-01 {
    top: -600px;
    left: -80px
}

.bg-el-02 {
    top: 580px;
    right: -364px
}

.bg-el-03 {
    top: 2400px;
    left: -450px
}

.bg-el-04 {
    top: 2830px;
    right: -295px
}

.bg-el-05 {
    bottom: -95px;
    right: -145px;
    z-index: 0
}

#prices-section {
    z-index: 1
}

.tarieven-title {
    z-index: 10
}

.star-degiro {
    font-size: 22px;
    padding: 2px
}

.min-width-50 {
    min-width: 50%
}

.min-width-110 {
    min-width: 110px
}

.min-width-135 {
    min-width: 135px
}

.custom-padding {
    padding-left: 80px
}

.check-list {
    list-style: none;
    padding-left: 20px;
    text-indent: 2px;
    list-style-position: outside
}

.check-list li:before {
    content: '';
    display: block;
    width: 8px;
    height: 16px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-left: -1em;
    margin-right: .100em;
    position: relative;
    top: 22px;
    left: -10px
}

.check-list li {
    padding-left: 10px;
    line-height: 30px
}

#contact-part-2 .check-list li:before {
    border-color: #fff
}

#contact-part .logo-sofort {
    display: inline-block;
    width: 97px;
    min-width: 97px;
    max-width: 97px;
    height: 30px;
    min-height: 30px;
    max-height: 30px
}

#contact-part .logo-ideal {
    display: inline-block;
    width: 34px;
    min-width: 34px;
    max-width: 34px;
    height: 30px;
    min-height: 30px;
    max-height: 30px
}

#contact-part .btn-out1:hover {
    border: 1px solid white
}

#slider-section img.trustpilot-logo {
    width: 140px
}

.boxes-content-screen {
    display: inline-block
}

.boxes-content-mob {
    display: none
}

.box-icon {
    width: 52px;
    height: 42px
}

.icon_veiligheid-lock {
    width: 32px;
    height: 40px
}

.icon-pig {
    width: 38px;
    height: 38px
}

.icon_wereldwijd-world {
    width: 36px;
    height: 36px
}

.icon_eenvoudig-clock {
    width: 32px;
    height: 40px
}

.footer-logo-screen {
    width: 200px
}

.footer-logo-mob {
    width: 120px
}

.footer-secure-global-logo {
    width: 72px;
    height: 27px
}

.footer-ideal-logo {
    width: 31px;
    height: 27px
}

.app-store-logo,
.google-play-logo {
    width: 128px;
    height: 40px
}

.dark-blue-hover:hover {
    box-shadow: none;
    background: #00abf0;
    border-color: #00abf0
}

.dark-green-hover:hover {
    box-shadow: none;
    background: #00dd5c;
    border-color: #00dd5c
}

.learn-more-plus {
    margin-top: 1px
}

#boxes-part .box-icon+span {
    margin-left: -10px
}

.cookie-policy {
    height: 40px;
    position: fixed;
    top: 0;
    z-index: 200;
    width: 100%
}

.cookie-policy-bottom {
    position: fixed;
    bottom: 0;
    z-index: 200;
    width: 100%
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.footer-menu-set ul li {
    text-align: left
}

.footer-screen {
    display: block;
    overflow-x: hidden
}

.footer-mob {
    display: none
}

.footer-mob .dg-footer-mob-select-list {
    width: 170px
}

.footer-mob .dg-footer-mob-select-list span.roboto-reg-14 {
    position: relative;
    top: 8px
}

.footer-mob .dg-footer-mob-select-list .sl {
    text-align: right;
    position: relative;
    top: -25px
}

footer .sl-options {
    max-height: 300px;
    overflow-y: auto
}

.footer-mob .dg-footer-mob-select-list .sl-placeholder,
.footer-mob .dg-footer-mob-select-list .sl-options {
    border: 0;
    text-align: right
}

#header-menu {
    z-index: 30 !important;
    margin-top: 0
}

#header-menu-sticky {
    z-index: 1000;
    background: #fff;
    -webkit-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.header-awards {
    width: 240px
}

#header-section,
#contact-part-2 {
    position: relative
}

#header-section .header-section-bg {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 125px;
    min-height: 730px;
    background-image: url("../imgs/header-tabletv2.png");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

#header-section .landing-bg {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("../imgs/1000_landing_bg.png");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    min-height: 730px;
    padding-top: 200px
}

.security-bg {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    background-image: url("../imgs/security_bg_1280_up.png");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@media(max-width:1279px) {
    .security-bg {
        background-image: url("../imgs/security_bg_1279_down.png")
    }
}

.bg-tarieven-header {
    background-image: url("../imgs/tarievenv2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 70%;
    min-height: 730px;
    padding-top: 200px
}

.bg-product-header {
    background-image: url("../imgs/bg-productv2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 35%;
    min-height: 730px;
    padding-top: 200px
}

.bg-overdegiro-header {
    background-image: url("../imgs/over_degirov3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 60%;
    min-height: 730px;
    padding-top: 200px
}

.bg-helpdesk-header {
    background-image: url("../imgs/helpv2.png");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 730px;
    padding-top: 200px
}

.bg-start-investing {
    background-image: url("../imgs/bg-start-investing.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 730px;
    padding-top: 200px
}

img.equal {
    vertical-align: initial
}

#contact-part-2 .contact-part-2-bg {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("../imgs/CTA-btnv2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 27%
}

.font-stars-18 {
    font-size: 18px
}

.font-stars-20 {
    font-size: 20px
}

.font-stars-22 {
    font-size: 22px
}

.laptop-imgs {
    position: relative;
    left: -180px
}

.iphone-img {
    left: 27px
}

#slider-section h2 {
    max-width: 600px
}

.hide-1280-down {
    display: inline-block
}

.hide-1280-up {
    display: none
}

@media(max-width:1280px) {
    .hide-1280-down {
        display: none
    }

    .hide-1280-up {
        display: inline-block
    }
}

#laptop-section .laptop-section-text {
    padding-top: 140px
}

#awards-section .hp-awards-img {
    min-height: 300px;
    line-height: 300px;
    vertical-align: middle;
    margin-bottom: 20px
}

#awards-section .hp-awards-img img {
    height: 232px
}

@media(max-width:1600px) {
    .intermediate-size {
        font-size: 34px
    }

    div.top-navbar ul.navbar-nav {
        margin-right: 0
    }
}

@media(max-width:1366px) {
    #awards-section .alte-45 {
        font-size: 34px;
        line-height: 40px
    }

    #awards-section .pt-160 {
        padding-top: 120px
    }

    #awards-section .pb-160 {
        padding-bottom: 100px
    }

    #awards-section .pb-100 {
        padding-bottom: 55px
    }
}

@media(max-width:1280px) {
    .border-for-twosections {
        top: 930px
    }

    .alte-45 {
        font-size: 34px;
        line-height: 40px
    }

    .alte-34 {
        font-size: 24px;
        line-height: 32px
    }

    .mr-50 {
        margin-right: 55px
    }

    .ml-50 {
        margin-left: 55px
    }

    .bg-el-01 {
        top: -650px;
        left: -150px
    }

    .bg-el-02 {
        top: 455px;
        right: -784px
    }

    .bg-el-03 {
        top: 2120px;
        left: -660px
    }

    .bg-el-04 {
        top: 2835px;
        right: -710px
    }

    .bg-el-05 {
        bottom: -95px;
        right: -145px;
        z-index: 0
    }

    #dg-tabs-content-div {
        width: 70%;
        margin: 0 auto
    }

    .w-120 {
        width: 110px
    }

    .navbar .w-120 {
        font-size: 13px
    }

    #header-section .pt-60 {
        padding-top: 70px
    }

    #header-section .pb-45 {
        padding-bottom: 35px
    }

    #header-section .pb-20 {
        padding-bottom: 15px
    }

    #prices-section.pt-75 {
        padding-top: 50px
    }

    #prices-section .pb-1 {
        padding-bottom: 30px !important
    }

    #laptop-section {
        padding-top: 70px
    }

    #header-section .pb-75 {
        padding-bottom: 55px
    }

    #prices-section .tarieven-title {
        top: 0
    }

    #laptop-section .mt-30 {
        margin-top: -15px !important
    }

    #laptop-section .pb-60 {
        padding-bottom: 35px
    }

    #laptop-section .pb-35 {
        padding-bottom: 20px
    }

    #laptop-section .mt-55 {
        margin-top: 0
    }

    #laptop-section .laptop-section-text {
        padding-top: 80px
    }

    #laptop-section .laptop-imgs {
        left: -20px
    }

    #laptop-section .pr-200 {
        padding-right: 100px
    }

    #slider-section .min-h-680 {
        min-height: 620px
    }

    #slider-section .pt-75 {
        padding-top: 55px
    }

    #slider-section .pb-35 {
        padding-bottom: 20px
    }

    #slider-section .roboto-reg-20 {
        font-size: 18px
    }

    #slider-section .pb-45 {
        padding-bottom: 25px
    }

    #slider-section h2 {
        padding-top: 30px;
        max-width: 600px
    }

    #boxes-part h2 {
        margin: 0 auto !important;
        padding-bottom: 35px
    }

    #boxes-part .pt-110 {
        padding-top: 85px
    }

    #boxes-part .roboto-reg-20 {
        font-size: 24px;
        padding-bottom: 55px
    }

    #boxes-part .pt-45 {
        padding-top: 15px
    }

    #boxes-part .mt-35 {
        margin-top: 15px
    }

    #boxes-part .p57 {
        padding: 40px 40px 30px
    }

    #boxes-part .white-box2.p57 {
        padding: 40px 30px 30px
    }

    #boxes-part .pt-80 {
        padding-top: 70px
    }

    #boxes-part .pb-125 {
        padding-bottom: 210px
    }

    #contact-part .pt-60 {
        padding-top: 50px
    }

    #contact-part .custom-padding {
        padding-top: 25px
    }

    #contact-part .pb-40 {
        padding-bottom: 25px
    }

    #contact-part .pt-30 {
        padding-top: 20px
    }

    #contact-part .pt-20 {
        padding-top: 30px
    }

    #contact-part .pl-70 {
        padding-left: 80px
    }

    #contact-part .min-h-680 {
        min-height: 620px
    }

    #parteners-part .pb-75 {
        padding-bottom: 60px
    }

    #parteners-part .pt-50 {
        padding-top: 30px
    }

    #parteners-part .ml-155 {
        margin-left: 0
    }

    #parteners-part .mr-155 {
        margin-right: 0
    }

    .nav-pills .nav-link,
    div.top-navbar ul.navbar-nav li {
        min-width: 110px
    }
}

@media(max-width:1200px) {

    .nav-pills .nav-link,
    div.top-navbar ul.navbar-nav li {
        min-width: 0
    }

    div.top-navbar ul.navbar-nav {
        margin-right: 0
    }

    #boxes-part .p57 {
        padding: 25px 25px 20px
    }

    #boxes-part .mb-40 {
        margin-bottom: 25px
    }

    #boxes-part .pb-30 {
        padding-bottom: 25px
    }

    #boxes-part .roboto-med-20 {
        font-size: 18px;
        line-height: 27px
    }

    #boxes-part .cal {
        width: 75px;
        height: 60px;
        margin-right: 0;
        padding: 0
    }

    #boxes-part .cal__bottom {
        height: 12px;
        line-height: 12px
    }

    #boxes-part .cal__top {
        display: inline;
        height: 45px;
        padding: 0;
        line-height: 45px
    }

    .custom-padding {
        padding-left: 0 !important
    }
}

@media(min-width:1024px) {
    .mobile-toggler {
        display: none
    }
}

@media(max-width:1024px) {
    .bg-el-01 {
        top: -650px;
        left: -150px
    }

    .bg-el-02 {
        top: 475px;
        right: -894px
    }

    .bg-el-03 {
        top: 2820px;
        left: -660px
    }

    .bg-el-04 {
        top: 2000px;
        right: -210px
    }

    .bg-el-05 {
        bottom: -95px;
        right: -145px;
        z-index: 0
    }

    .mobile-toggler {
        display: inline-block
    }

    .screen-nav {
        display: none
    }

    .mobile-nav.active {
        display: block
    }

    .apps-download {
        float: none
    }

    .apps-download>p {
        display: inline-block
    }

    .login-btns {
        margin-top: 15px
    }

    .height-header {
        height: 72px;
        line-height: 60px
    }

    #header-menu .mobile-toggler.mr-30 {
        margin-right: 0
    }

    #header-section .pt-60 {
        padding-top: 60px
    }

    #header-section .mt-5px {
        margin-top: 0
    }

    #header-section .pb-20 {
        padding-bottom: 10px
    }

    #header-section .pb-55 {
        padding-bottom: 60px
    }

    #header-section .pb-45 {
        padding-bottom: 30px
    }

    #header-section .pb-40 {
        padding-bottom: 25px
    }

    #header-section .pb-75 {
        padding-bottom: 60px
    }

    #header-section {
        background-size: 110%
    }

    #prices-section .pb-20 {
        padding-bottom: 10px
    }

    #prices-section .pb-25 {
        padding-bottom: 10px
    }

    #prices-section .pt-10 {
        padding-top: 0
    }

    #prices-section .mr-36 {
        margin-right: 27px
    }

    #prices-section .ml-36 {
        margin-left: 27px
    }

    #laptop-section .custom-padding {
        padding-left: 50px
    }

    #laptop-section .laptop-section-text {
        padding-top: 80px;
        padding-left: 55px
    }

    #laptop-section .pb-35 {
        padding-bottom: 30px
    }

    #laptop-section .lh28 {
        line-height: 26px
    }

    #laptop-section .pb-60 {
        padding-bottom: 60px
    }

    #laptop-section .laptop-img {
        right: 60px
    }

    #laptop-section .iphone-img {
        right: 190px;
        left: -33px
    }

    #laptop-section .pr-200 {
        padding-right: 60px
    }

    #slider-section h2 {
        padding-bottom: 0
    }

    #slider-section .bg02 {
        padding-left: 80px;
        padding-right: 80px
    }

    #slider-section .pt-75 {
        padding-top: 45px
    }

    #dg-tabs-content-div {
        width: 68%;
        margin: 0 auto
    }

    #slider-section .roboto-reg-20 {
        line-height: 27px
    }

    #slider-section .pt-md-4 {
        padding-top: 20px !important
    }

    #slider-section .pb-35 {
        padding-bottom: 5px
    }

    #slider-section .arrow-next,
    #slider-section .arrow-prev {
        margin-top: -20px
    }

    #slider-section .pb-45 {
        padding-bottom: 30px
    }

    #slider-section .pt-70 {
        padding-top: 90px
    }

    #slider-section .pb-25 {
        padding-bottom: 15px
    }

    #slider-section .roboto-reg-16,
    #slider-section .roboto-med-16 {
        font-size: 13px
    }

    #slider-section img.pt-70 {
        width: 90px
    }

    #boxes-part h2 {
        max-width: 100%;
        margin: 0 auto !important;
        padding-bottom: 20px
    }

    #boxes-part .pt-110 {
        padding-top: 5px
    }

    #boxes-part .roboto-reg-20 {
        font-size: 20px
    }

    #boxes-part .pb-30 {
        padding-bottom: 0
    }

    #boxes-part .w-620 {
        max-width: 476px;
        width: 100%
    }

    #boxes-part .min-h-460 {
        min-height: 560px
    }

    #boxes-part .p57 {
        padding: 60px
    }

    #boxes-part .pb-125 {
        padding-bottom: 0
    }

    #boxes-part .pb-80 {
        padding-bottom: 70px
    }

    #icons-part .grey {
        padding-top: 25px
    }

    #icons-part .icon-link .roboto-reg-14 {
        font-size: 16px
    }

    #contact-part .pt-30 {
        padding-top: 0
    }

    #contact-part .max-w-460 {
        max-width: 360px
    }

    #contact-part .white-box-block {
        padding: 40px 30px 50px
    }

    #contact-part .pt-60 {
        padding-top: 40px
    }

    #contact-part .custom-padding {
        padding-left: 20px !important;
        padding-right: 0
    }
}

@media(max-width:992px) {
    .border-for-twosections {
        top: 990px
    }

    .footer-menu-set:nth-child(3),
    .footer-menu-set:nth-child(4) {
        margin-top: 20px
    }

    #prices-section .mr-50 {
        width: 50%;
        margin-left: 0;
        margin-right: 0
    }

    #laptop-section .laptop-imgs {
        max-height: 700px
    }

    #laptop-section .iphone-img {
        right: 72px
    }

    #laptop-section .laptop-section-text {
        padding-left: 0
    }

    #boxes-part .min-h-550 {
        min-height: 100px
    }

    #boxes-part .cal {
        width: 90px
    }

    #boxes-part .p57 {
        padding: 60px 45px
    }

    #boxes-part .cal {
        min-width: 83px;
        width: 83px
    }

    #contact-part .custom-padding {
        padding-left: 0
    }

    #contact-part .max-w-460 {
        max-width: 460px;
        margin: 0 auto
    }

    #contact-part .pl-70 {
        padding-left: 0
    }

    a.grey-text-992,
    p.grey-text-992,
    span.grey-text-992 {
        color: #9aa9b7
    }

    .bg-el-05 {
        right: -450px;
        z-index: 0
    }

    .bg-el-01 {
        top: -650px;
        left: -200px
    }

    .bg-el-04 {
        top: 2800px;
        right: -210px
    }

    .bg-el-03 {
        top: 3620px;
        left: -660px
    }
}

@media(max-width:991px) {
    #laptop-section .laptop-img {
        top: 132px;
        width: 615px;
        right: 20px
    }

    #tarieven-page .table-responsive {
        border: 1px solid #e6ecf2;
        padding: 10px
    }

    .bg-product-header {
        background-position: center
    }
}

@media(max-width:768px) {
    .bg-start-investing {
        background-position-x: 50%
    }

    .border-for-twosections {
        top: 970px
    }

    #laptop-section .laptop-section-text {
        padding-top: 40px
    }

    #laptop-section .iphone-img {
        right: 200px
    }

    #laptop-section .laptop-img {
        width: 590px;
        right: 0;
        top: 54px
    }

    #prices-section.pb-40 {
        padding-bottom: 55px
    }

    #boxes-part .w-620 {
        max-width: 550px;
        width: 100%
    }

    #boxes-part .p10 {
        padding: 10px 0
    }

    #boxes-part .cal {
        min-width: 86px;
        width: 86px
    }

    #laptop-section .pr-200 {
        padding-right: 0
    }

    #header-section .ml-45 {
        margin-left: 0
    }

    #header-section {
        background-size: 120%
    }

    #boxes-part .min-h-460 {
        min-height: 560px
    }
}

@media(max-width:767px) {
    #laptop-section .laptop-img {
        top: 0
    }

    .border-for-twosections {
        top: 1055px
    }

    #laptop-section .laptop-section-text {
        padding-top: 96px
    }

    #slider-section .bg02 {
        padding: 15px
    }
}

@media(max-width:600px) {
    #header-section {
        background-size: cover
    }
}

@media(max-width:576px) {
    #header-section {
        background-position-y: 27%;
        background-position-x: 43%
    }

    #boxes-part .boxes-box {
        padding: 0
    }

    #boxes-part .w-620 {
        margin: 0;
        max-width: 580px
    }

    #boxes-part .white-box {
        border-top: 1px solid #e6ecf2;
        border-bottom: 0
    }

    #boxes-part .boxes-box:last-child .white-box {
        border-bottom: 1px solid #e6ecf2
    }

    #cookie-notification .min-h-40 {
        min-height: 50px
    }

    .or-scroll-down span {
        display: inline
    }

    .tarieven-title span {
        display: block
    }

    .tarieven-title {
        top: -33px
    }

    .login-btns {
        display: none !important
    }

    .top-right-btns {
        max-width: 128px
    }

    .navbar {
        flex-direction: row
    }

    .laptop-section-text {
        padding-top: 65px;
        text-align: center
    }

    .laptop-section-text p {
        text-align: left
    }

    .laptop-imgs {
        max-height: 620px;
        padding-top: 10px
    }

    .laptop-img {
        top: 0
    }

    .min-h-680 {
        min-height: 400px
    }

    .min-h-585 {
        min-height: 364px
    }

    .blue-section-form {
        display: none
    }

    .blue-section-logos-screen {
        display: none
    }

    .blue-section-logos-mob {
        display: block;
        margin: 0 auto
    }

    #contact-part-2 {
        text-align: center
    }

    #contact-part-2 .min-w-400 {
        min-width: 250px
    }

    #contact-part-2 .check-list {
        padding-left: 40px;
        text-align: left
    }

    #contact-part-2 .pt-30 {
        margin: 0 auto
    }

    .partners-logo div {
        background-size: 95%
    }

    .footer-screen {
        display: none
    }

    .footer-mob {
        display: block
    }

    #top-navbar-sticky {
        overflow-y: auto;
        max-height: 75vh
    }

    #press-figures .tarieven-title span {
        display: inline-block
    }

    #press-figures .tarieven-title a {
        padding: 0
    }
}

@media(max-width:435px) {
    .border-for-twosections {
        top: 1050px
    }

    #prices-section .container {
        padding: 0
    }

    #prices-section .mr-36 {
        margin-right: 24px
    }

    #prices-section .ml-36 {
        margin-left: 24px
    }

    #prices-section .tarieven {
        padding-bottom: 30px
    }

    #prices-section .pb-20 {
        padding-bottom: 30px
    }

    #slider-section .nav-link {
        padding: 20px 25px !important
    }

    #boxes-part .white-box {
        border-left: 0;
        border-right: 0
    }

    #boxes-part .boxes-box {
        padding: 0 30px !important
    }

    .white-box:hover {
        box-shadow: none
    }

    .dg-carousel__next {
        right: -35px
    }

    .dg-carousel__prev {
        left: -35px
    }
}

@media(max-width:380px) {
    .border-for-twosections {
        top: 1060px
    }
}

.bg-press {
    background-image: url("../imgs/bg-pressv2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-position-y: 0;
    min-height: 730px;
    padding-top: 200px
}

.bordered-link {
    border: 1px solid #0275d8
}

@media(max-width:768px) {
    .bg-press {
        background-size: cover
    }
}

@media(max-width:375px) {
    .cookiebar-screen {
        display: none
    }

    .cookiebar-mob {
        display: inline-block
    }

    .height-header {
        height: 62px;
        line-height: 60px
    }

    .navbar-brand {
        padding-top: 12px;
        margin-left: -10px
    }

    .mobile-toggler {
        margin-top: 4px
    }

    .mobile-toggler.mr-30 {
        margin-right: -10px
    }

    #header-section .letter04 {
        font-size: 12px
    }

    #header-section .pt-60 {
        padding-top: 30px
    }

    #header-section .header-awards {
        width: 200px
    }

    #header-section .pb-45 {
        padding-bottom: 30px
    }

    #header-section h1.alte-45 {
        font-size: 45px;
        line-height: 48px
    }

    #header-section .pb-20 {
        padding-bottom: 25px
    }

    #header-section .pb-55 {
        padding-bottom: 35px
    }

    #header-section .pb-75 {
        padding-bottom: 45px
    }

    #header-section .pb-50 {
        padding-bottom: 30px
    }

    #header-section {
        background-position-y: 27%;
        background-position-x: 43%
    }

    #header-section .header-section-bg {
        padding-top: 80px
    }

    .bg-product-header {
        padding-top: 150px
    }

    .bg-tarieven-header {
        padding-top: 150px
    }

    .cost-calc-bg {
        padding-top: 150px
    }

    .bg-overdegiro-header {
        padding-top: 150px
    }

    .bg-press {
        padding-top: 150px
    }

    .bg-helpdesk-header {
        padding-top: 150px
    }

    .bg-start-investing {
        padding-top: 150px
    }

    #header-bg-landing1000,
    #header-bg-landingrugby {
        padding-top: 150px
    }

    #header-section .landing-bg {
        padding-top: 150px
    }

    #boxes-part .cal {
        min-width: 90px;
        width: 90px
    }

    #prices-section .container {
        padding: 0
    }

    #prices-section .mr-36 {
        margin-right: 24px
    }

    #prices-section .ml-36 {
        margin-left: 24px
    }

    #prices-section .tarieven {
        padding-bottom: 30px
    }

    #prices-section .pb-20 {
        padding-bottom: 30px
    }

    #prices-section .mr-50 {
        margin-right: 20px;
        width: auto
    }

    #prices-section .ml-50 {
        margin-left: 20px
    }

    #press-figures #prices-section .alte-45 {
        font-size: 34px
    }

    #press-figures #prices-section .alte-14 {
        font-size: 12px
    }

    #press-figures #prices-section .roboto-reg-12 {
        font-size: 10px
    }

    #press-figures #prices-section .roboto-med-16 {
        font-size: 14px
    }

    .laptop-section-text h2 {
        font-size: 24px
    }

    #laptop-section .custom-padding {
        padding-left: 0
    }

    #laptop-section .laptop-section-text {
        padding-top: 40px
    }

    #laptop-section .pb-35 {
        padding-bottom: 30px
    }

    #laptop-section .pb-60 {
        padding-bottom: 45px
    }

    #laptop-section p {
        font-size: 18px;
        line-height: 28px
    }

    #laptop-section .laptop-imgs {
        padding-top: 0;
        padding-left: 15px;
        margin-top: -10px
    }

    #laptop-section .laptop-img {
        width: 584px;
        top: 0;
        left: 0
    }

    #laptop-section .iphone-img {
        height: 294px;
        width: 162px;
        bottom: -40px;
        left: 0
    }

    #awards-section .hp-awards-img {
        margin-bottom: 0
    }

    #awards-section .col-12 {
        margin-bottom: 40px
    }

    #slider-section .nav-pills .nav-link,
    .nav-item {
        width: auto !important
    }

    #slider-section .bg02 {
        padding: 10px
    }

    #slider-section .min-h-680 {
        min-height: 400px
    }

    #slider-section .pt-75 {
        padding-top: 20px
    }

    #slider-section .dg-carousel__mob .mb-sm-5 {
        padding-bottom: 19px
    }

    #slider-section .dg-carousel-content {
        padding-top: 17px !important
    }

    #slider-section .carousel__author span {
        display: block;
        padding-top: 12px
    }

    #dg-tabs-content-div {
        width: 275px
    }

    #slider-section .stars {
        padding-bottom: 5px
    }

    #slider-section .stars i {
        padding: 0 3px
    }

    #slider-section .pb-45 {
        padding-bottom: 30px
    }

    #slider-section p.roboto-reg-20 {
        font-size: 18px;
        line-height: 28px
    }

    #slider-section .mb-sm-5 .roboto-med-16 {
        display: block;
        padding-top: 13px
    }

    #slider-section img.trustpilot-logo {
        width: 105px;
        margin-top: 1px;
        margin-bottom: 1px
    }

    #slider-section .roboto-reg-16,
    #slider-section .roboto-med-16 {
        font-size: 14px
    }

    #slider-section .nav-link {
        font-size: 16px;
        line-height: 18px;
        padding: 18px 30px !important
    }

    #slider-section .pt-70 {
        padding-top: 60px
    }

    #slider-section .pb-25 {
        padding-bottom: 20px
    }

    #slider-section .pb-20 {
        padding-bottom: 50px
    }

    .dg-carousel__next,
    .dg-carousel__prev {
        top: 100px
    }

    .dg-carousel__next {
        right: -25px
    }

    .dg-carousel__prev {
        left: -25px
    }

    #slider-section .arrow-next,
    #slider-section .arrow-prev {
        margin-top: 10px
    }

    .dg-carousel-tabs .nav-link {
        margin: 0 10px
    }

    #boxes-part .pt-85 {
        padding-top: 75px
    }

    #boxes-part .min-h-516 {
        min-height: 335px
    }

    #boxes-part .pt-80 {
        padding-top: 55px
    }

    #boxes-part .pb-25 {
        padding-bottom: 30px
    }

    #boxes-part p.roboto-reg-24 {
        padding-bottom: 10px
    }

    #boxes-part .boxes-box {
        padding: 0 !important
    }

    #boxes-part .p57 {
        padding: 30px 15px
    }

    #boxes-part .boxes-box .mb-40 {
        margin-bottom: 25px
    }

    #boxes-part .boxes-box .pb-30 {
        padding-bottom: 20px
    }

    .boxes-content-screen {
        display: none
    }

    .boxes-content-mob {
        display: inline-block
    }

    #boxes-part a.link-blue-light {
        padding-top: 15px
    }

    #boxes-part .min-h-460 {
        min-height: 360px
    }

    #icons-part .link-dark-bg p:nth-child(2) {
        margin-bottom: 25px
    }

    .four-icons--tabs .nav-item {
        margin: 0 5px
    }

    #four-icons--tabs__content {
        min-height: 150px
    }

    #contact-part .min-h-680 {
        min-height: 600px
    }

    #contact-part h2 {
        text-align: center
    }

    #contact-part .pt-60 {
        padding-top: 35px
    }

    #contact-part .pt-20 {
        padding-top: 12px
    }

    #contact-part .pb-65 {
        padding-bottom: 55px
    }

    #contact-part .check-list {
        padding-left: 25px
    }

    #contact-part .check-list>li {
        padding-bottom: 0;
        padding-left: 20px
    }

    #contact-part .lh40 {
        line-height: 30px
    }

    #contact-part .custom-padding {
        padding-left: 0 !important;
        padding-right: 0
    }

    #contact-part-2 {
        text-align: center
    }

    #contact-part-2 .pt-120 {
        padding-top: 72px
    }

    #contact-part-2 .pb-120 {
        padding-bottom: 72px
    }

    #contact-part-2 .alte-45 {
        text-align: center
    }

    #contact-part-2 .min-w-400 {
        min-width: 200px;
        text-align: center
    }

    #parteners-part .pt-50 {
        padding-top: 35px
    }

    #parteners-part .pb-75 {
        padding-bottom: 20px
    }

    footer.pt-45 {
        padding-top: 25px
    }

    .logo,
    .navbar-brand img {
        width: 130px
    }

    #professional .logo,
    #professional .navbar-brand img {
        width: 130px;
        margin-left: -10px
    }

    .top-right-btns,
    .mobile-toggler {
        margin-top: 0
    }

    .navbar-brand {
        padding-top: 0
    }

    .top-right-btns {
        margin-top: 0
    }

    .invisible-mobile {
        display: none !important
    }

    .invisible-desktop {
        display: block !important
    }

    .visible-desktop {
        display: none !important
    }

    .app-store-logo,
    .google-play-logo {
        width: 160px;
        height: 49px
    }

    .footer-secure-global-logo {
        width: 93px;
        height: 35px
    }

    .footer-ideal-logo {
        width: 40px;
        height: 35px
    }

    .testimonials-back1 .pt-130,
    .testimonials-back2 .pt-130 {
        padding-top: 0
    }
}

@media(max-width:360px) {
    .partners-logo div {
        background-size: 75%
    }

    .box-icon {
        margin-right: 0
    }

    .cal {
        border-right: 0
    }

    .dg-carousel__next {
        right: -20px
    }

    .dg-carousel__prev {
        left: -20px
    }

    #contact-part .check-list li {
        padding-left: 20px
    }
}

@media(max-width:359px) {
    #slider-section .nav-link {
        font-size: 16px;
        line-height: 70px;
        padding-top: 0 !important;
        margin-bottom: 5px
    }
}

@media(max-width:320px) {
    #header-section {
        background-position-x: 46%
    }

    #prices-section .mr-50 {
        margin-right: 15px
    }

    #prices-section .ml-50 {
        margin-left: 15px
    }

    #prices-section .mr-50:last-child .tarieven-percent {
        font-size: 11px
    }

    #slider-section .bg-blue {
        padding-top: 45px
    }

    .cookie-policy {
        display: block
    }

    .dg-carousel__next {
        right: -15px
    }

    .dg-carousel__prev {
        left: -15px
    }

    #boxes-part .cal {
        min-width: 60px
    }

    #boxes-part .p57 {
        padding: 30px 10px
    }

    #contact-part .check-list {
        padding-left: 20px
    }

    #parteners-part .container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    footer .google-play-logo {
        margin-top: 10px
    }
}

.black {
    color: #1a141e
}

#boxes-part .title-black {
    color: #001722
}

#boxes-part .text-black {
    color: #293d4a
}

.mobile-nav.active {
    padding-top: 50px;
    display: block;
    background-color: #fff;
    z-index: 200;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e6ecf2
}

#cookie-notification {
    position: relative;
    z-index: 5
}

#cookie-notification .blue-tag {
    background: #00fefe;
    color: #fff;
    padding: 0 12px;
    border-radius: 3px
}

#tarieven-two-rows .row.border-bottom {
    min-height: 55px;
    line-height: 55px;
    vertical-align: middle
}

#tarieven-two-rows .row.border-bottom:last-child {
    border-bottom: 0
}

.tarieven-table tbody tr td {
    vertical-align: middle;
    padding: 0
}

.tarieven-table tbody tr td span,
.tarieven-table tbody tr td p {
    margin-left: 48px;
    padding: 5px 0
}

.tarieven-table tbody tr td:first-child span,
.tarieven-table tbody tr td:first-child p {
    margin-left: 5px;
    padding: 0
}

.tarieven-table thead tr th {
    text-align: center;
    vertical-align: middle;
    min-width: 100px;
    border-bottom: 1px solid #e6ecf2;
    border-top: 0;
    padding-right: 0;
    padding-left: 0
}

.tarieven-table thead tr th span.roboto-med-14 {
    line-height: 17px
}

.tarieven-table th img {
    display: block;
    margin: auto;
    max-height: 50px;
    max-width: 80px
}

.tarieven-table th img.tarieven-logo-dg {
    display: block;
    margin: auto;
    max-height: 50px;
    max-width: 150px
}

.tarieven-table tbody tr td:first-child,
.tarieven-table thead tr th:first-child,
.tarieven-table thead tr th:first-child span {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    margin: 0
}

.tarieven-table tbody tr td:last-child span.bg-blue,
#tarieven-table-mob td span.bg-blue {
    display: block;
    width: 80px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    position: relative;
    padding: 0;
    margin: auto
}

.tarieven-table tbody tr td:last-child span.bg-blue:hover,
#tarieven-table-mob td span.bg-blue:hover {
    background-color: #00fefe
}

.table-row {
    min-height: 55px;
    line-height: 55px;
    vertical-align: middle
}

.separator-row {
    background-color: #f7f9fc;
    height: 40px
}

.separator-row-white {
    background-color: #fff;
    height: 40px
}

.no-border td {
    border: 0
}

.tarieven-table tbody tr td p.pl-5px {
    margin-left: 5px;
    padding-left: 0
}

.tarieven-table tbody .grey-med {
    margin: auto;
    display: block;
    width: 41px;
    font-weight: 300;
    font-size: 32px;
    padding: 0 10px
}

#tarieven-table-mob tbody .grey-med {
    width: 41px;
    font-weight: 300;
    font-size: 32px;
    padding: 0 10px
}

#tarieven-table-mob table tr td:last-child {
    text-align: right
}

#tarieven-table-mob .card-block {
    padding: 0
}

.card {
    border: 0
}

.card-header {
    border: 0;
    border-top: 1px solid #e6ecf2;
    background: 0;
    box-shadow: none;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0
}

.card-header a {
    line-height: 54px;
    vertical-align: middle
}

.card-header .fa {
    color: #293d4a;
    font-size: 14px;
    line-height: 54px;
    vertical-align: middle;
    text-align: right;
    float: right
}

.card-header .fa-chevron-down {
    display: none
}

.card-header .fa-chevron-up {
    display: inline-block
}

.card-header .collapsed .fa-chevron-down {
    display: inline-block
}

.card-header .collapsed .fa-chevron-up {
    display: none
}

#new-tarieven .tarieven-table-mob .card-header {
    padding: 0 24px
}

#new-tarieven .tarieven-table-mob .card-block {
    padding: 0 24px
}

#new-tarieven .tarieven-table-mob .card-block table td {
    border: 0;
    padding: 12px 0;
    vertical-align: middle
}

#new-tarieven .tarieven-table-mob .card-block table tr {
    border-bottom: 1px solid #e6ecf2;
    height: 56px
}

#new-tarieven .tarieven-table-mob .card-block table tr:last-child {
    border-bottom: 0
}

#new-tarieven .tarieven-table-mob .card-block table td:first-child {
    padding-left: 0
}

#new-tarieven .tarieven-table-mob .card-block table td:last-child {
    padding-right: 0;
    text-align: right
}

#new-tarieven .card-header .fa {
    line-height: 64px
}

#new-tarieven .tarieven-table-mob .card-block table td img {
    height: 32px;
    max-width: 100px
}

#new-tarieven #tarieven-table-percent .box-table {
    color: #000;
    font-size: 16px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16) !important;
    padding: 0 16px 0 24px;
    margin-bottom: 16px;
    min-height: 90px
}

#new-tarieven #tarieven-table-percent .box-table p {
    margin: 0
}

#new-tarieven #tarieven-table-percent .box-table .img-arrow-left {
    width: 24px;
    height: 24px;
    margin-left: 12px !important
}

#new-tarieven #tarieven-table-percent .box-table .item {
    margin: auto;
    line-height: 90px
}

#new-tarieven #tarieven-table-percent .box-table .item-text {
    width: 90%
}

#new-tarieven .change-tab:hover {
    cursor: pointer
}

#tarieven-table-sticky {
    margin: 0 auto
}

#sticky-anchor {
    position: fixed;
    top: 32px;
    left: 0;
    width: 100%;
    z-index: 200;
    background-color: #fff;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.hide-sticky {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.mobile-nav a.nav-link {
    color: #293d4a
}

.mobile-nav a.green {
    color: #00dd5c
}

.mobile-nav a.yellow {
    color: #ec971f !important
}

.mobile-nav a.blue {
    color: #00fefe
}

.equal-sign {
    font-size: 90px;
    bottom: -7px;
    position: relative
}

.equal-sign-mobile {
    font-size: 45px;
    bottom: -3px;
    position: relative
}

@media(max-width:1280px) {
    .pr-110 {
        padding-right: 105px
    }

    .logo,
    .navbar-brand img {
        width: 90px;
        height: auto;
    }

    .navbar-nav.roboto-med-14 li a {
        font-size: 13px
    }

    .equal-sign {
        font-size: 70px;
        bottom: -7px;
        position: relative
    }

    .alte-24 .equal-sign {
        font-size: 60px
    }

    #tarieven-top-blue .row.pt-115 {
        padding-top: 75px
    }

    #tarieven-top-blue .pb-30 {
        padding-bottom: 20px
    }

    #tarieven-top-blue .pb-95 {
        padding-bottom: 45px
    }

    #tarieven-top-blue .pb-110 {
        padding-bottom: 40px
    }

    #tarieven-table-section.pt-40 {
        padding-top: 60px
    }

    #tarieven-table-section .w-155 {
        width: 127px
    }

    #tarieven-table-footnote {
        padding-bottom: 50px
    }

    #tarieven-table-footnote {
        padding-top: 35px
    }

    #tarieven-two-rows {
        padding-top: 70px
    }

    #tarieven-two-rows .pr-110 {
        padding-right: 70px
    }

    #tarieven-two-rows .pt-55 {
        padding-top: 65px
    }

    #tarieven-two-rows .pb-75 {
        padding-bottom: 45px
    }
}

@media(max-width:418px) {
    .cookie-policy .visible-desktop {
        display: none !important
    }

    .cookie-policy .invisible-desktop {
        display: block !important
    }

    #header-section h1.alte-45 {
        font-size: 24px;
        line-height: 32px
    }

    .equal-sign {
        bottom: -6px;
        position: relative
    }
}

@media(max-width:1279px) {
    #tarieven-top-blue .row.pt-115 {
        padding-top: 95px
    }

    #tarieven-top-blue .pb-110 {
        padding-bottom: 50px
    }

    #tarieven-table .min-w-230 {
        min-width: 180px !important
    }

    #tarieven-table .roboto-med-16 {
        font-size: 14px
    }

    #tarieven-table-section.pt-40 {
        padding-top: 25px
    }

    .tarieven-table tbody tr td span,
    .tarieven-table tbody tr td p {
        margin-left: 20px
    }

    #tarieven-page .tarieven-logo-dg {
        width: 70px;
        height: 23px
    }

    #tarieven-page .tarieven-logo-lynx {
        width: 46px;
        height: 17px
    }

    #tarieven-page .tarieven-logo-binck {
        width: 74px;
        height: 24px
    }

    #tarieven-page .tarieven-logo-alex {
        width: 50px;
        height: 18px
    }

    #tarieven-page .tarieven-logo-sns {
        width: 76px;
        height: 20px
    }

    #tarieven-page .tarieven-logo-rabobank {
        width: 66px;
        height: 12px
    }

    .down-to-12 {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 0
    }

    #tarieven-table-footnote {
        padding: 25px 20px 60px
    }

    #tarieven-table-footnote .col-6 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    #tarieven-table-footnote .col-6.pt-25 {
        padding-top: 0
    }

    #tarieven-table-footnote .col-6.pt-25 p {
        margin: 0
    }

    #tarieven-two-rows {
        padding-top: 60px
    }

    #tarieven-two-rows .pr-110 {
        padding-right: 60px
    }

    #tarieven-two-rows .alte-20 {
        font-size: 24px;
        line-height: 30px
    }

    #tarieven-two-rows .roboto-reg-16 {
        font-size: 18px;
        line-height: 26px
    }

    #tarieven-two-rows .pt-55 {
        padding-top: 55px
    }

    #tarieven-two-rows .pb-75 {
        padding-bottom: 70px
    }
}

@media(max-width:576px) {
    .pr-110 {
        padding-right: 0 !important
    }

    #tarieven-two-rows {
        padding-top: 35px
    }

    #tarieven-two-rows .row:first-child .col-xs-12:last-child {
        padding-top: 15px
    }

    #tarieven-two-rows .roboto-reg-16 {
        font-size: 16px;
        line-height: 26px
    }

    #tarieven-two-rows .invisible-desktop .col-6 {
        padding: 0
    }

    #tarieven-two-rows .pl-15 {
        padding-left: 0
    }

    #tarieven-table-section,
    #tarieven-table-mob {
        padding-left: 0;
        padding-right: 0
    }

    #tarieven-table-mob .card-block table td:first-child {
        padding-left: 20px
    }

    #tarieven-table-mob .card-block table td:last-child {
        padding-right: 20px
    }

    .see-more {
        cursor: pointer
    }

    .see-more span {
        height: 54px;
        line-height: 54px;
        vertical-align: middle
    }

    .see-more .see-more-prod {
        display: inline
    }

    .see-more .see-less-prod {
        display: none
    }

    .see-less .see-more-prod {
        display: none
    }

    .see-less .see-less-prod {
        display: inline
    }

    .product-more {
        display: none
    }

    .show-prod {
        display: flex
    }
}

@media(max-width:375px) {
    .card-header {
        padding-left: 20px !important
    }
}

#producten-tabs-menu {
    width: auto;
    justify-content: center
}

#producten-tabs-menu.nav-tabs {
    margin: 0 auto;
    position: relative;
    top: -68px
}

#producten-tabs-menu.nav-tabs .nav-item,
#producten-tabs-menu.nav-tabs .nav-link {
    width: 140px;
    height: 53px;
    padding: 0;
    border: 0;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#producten-tabs-menu.nav-tabs .nav-link {
    line-height: 53px;
    vertical-align: middle;
    color: #9aa9b7;
    background: 0;
    text-align: center
}

#producten-tabs-menu.nav-tabs .nav-link:hover {
    color: #fff;
    background: #293d4a;
    border: 0
}

#producten-tabs-menu.nav-tabs .nav-link.active {
    color: #00fefe;
    background: #fff;
    border: 0
}

#producten-beurzen #producten-tabs-menu.nav-tabs .nav-item,
#producten-beurzen #producten-tabs-menu.nav-tabs .nav-link {
    min-width: 140px;
    width: auto
}

#producten-beurzen #producten-tabs-menu.nav-tabs .nav-link {
    padding: 0 5px;
    color: rgba(255, 255, 255, 0.75)
}

#producten-beurzen #producten-tabs-menu.nav-tabs .nav-link.active {
    color: #00fefe
}

#producten-beurzen #producten-tabs-menu {
    max-width: 100%
}

#producten-tabs-menu-mob.nav-tabs .nav-item {
    width: 140px !important;
    display: inline-block;
    margin-bottom: 0;
    text-align: center
}

#producten-tabs-menu-mob.nav-tabs .nav-link {
    color: #293d4a;
    display: inline-block
}

#producten-tabs-menu-mob.nav-tabs .nav-link:hover {
    border: 0
}

#producten-tabs-menu-mob.nav-tabs .nav-item.show .nav-link,
#producten-tabs-menu-mob.nav-tabs .nav-link.active {
    border: 0;
    color: #00fefe;
    border-bottom: 2px solid #00fefe
}

.horizontal-scroll-nav {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    position: relative;
    z-index: 100
}

.vertical-scroll-nav::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

#producten-tabs .tab-content {
    display: block;
    position: relative;
    top: 0;
    margin-top: 0;
    padding-top: 0
}

#producten-tabs table th,
#producten-tabs table.producten-tab-1-table-1 td {
    border: 0
}

#producten-tabs table.producten-tab-1-table-1 td:nth-child(2) {
    min-width: 470px
}

#producten-tabs table.producten-tab-1-table-1 td:nth-child(3) {
    min-width: 120px
}

.producten-tab-1-screen {
    display: flex
}

.producten-tab-1-mob {
    display: none
}

#producten-tabs-menu {
    display: flex
}

#producten-tabs-menu-mob {
    display: none
}

.producten-flag {
    width: 16px;
    height: 12px;
    margin-top: 16px
}

.check-icon {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto
}

.producten-top-mob {
    display: none
}

#producten-tabs .producten-tab-1-table-1 td {
    padding: 0
}

#producten-tabs .producten-tab-1-table-1 td p,
#producten-tabs .producten-tab-1-table-1 td img {
    line-height: 48px;
    vertical-align: middle
}

#producten-tabs .producten-tab-1-table-1 th:first-child,
#producten-tabs .producten-tab-1-table-1 td:first-child {
    width: 68px;
    max-width: 68px;
    text-align: center
}

#producten-tabs .producten-tab-1-table-1 th:last-child,
#producten-tabs .producten-tab-1-table-1 td:last-child {
    padding-left: 5px
}

.producten-tab-1-table-2 thead th {
    text-align: center;
    max-width: 100px;
    width: 50px;
    word-wrap: break-word
}

@media(max-width:768px) {
    .producten-tab-1-table-2 {
        border: 1px solid #eceeef
    }
}

#producten-tabs .producten-tab-1-table-2 th,
#producten-tabs .producten-tab-1-table-2 td {
    padding: 14px 0
}

#producten-tabs .producten-tab-1-table-2 th:first-child,
#producten-tabs .producten-tab-1-table-2 td:first-child {
    text-align: left;
    padding-left: 10px
}

@media(max-width:1280px) {
    #producten-top .pt-115 {
        padding-top: 95px
    }

    #producten-top h1.pb-30 {
        padding-bottom: 20px
    }

    #producten-top .pb-60 {
        padding-bottom: 35px
    }

    #producten-top .pb-150 {
        padding-bottom: 80px
    }

    #producten-tab-1 .row {
        padding-left: 30px;
        padding-right: 30px
    }

    #producten-tabs .producten-tab-1-table-2 th {
        padding: 12px 0
    }

    #producten-tabs .producten-tab-1-table-2 td {
        padding: 16px 0
    }

    #producten-tabs .producten-tab-1-table-2 th:first-child,
    #producten-tabs .producten-tab-1-table-2 td:first-child {
        padding-left: 15px
    }

    #producten-tabs .producten-tab-1-table-2 .roboto-reg-18 {
        font-size: 16px;
        line-height: 19px
    }
}

@media(max-width:1200px) {

    .nav-pills .nav-link,
    div.top-navbar ul.navbar-nav li {
        padding: 0 5px
    }
}

@media(max-width:1024px) {
    div.top-navbar ul.navbar-nav li {
        display: flex;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: flex-start;
        padding-left: 30px;
        height: 50px
    }

    .top-navbar {
        padding-bottom: 30px
    }

    div.top-navbar ul.navbar-nav li.active>a,
    div.top-navbar ul.navbar-nav li>a:hover {
        border-bottom: 0
    }

    #producten-top .roboto-reg-24 {
        display: none
    }

    #producten-top .producten-top-mob {
        display: inline-block
    }

    #producten-top .pb-150 {
        padding-bottom: 115px
    }

    #producten-tab-1 .row {
        padding-left: 0;
        padding-right: 0
    }

    #producten-tab-1 .pr-20 {
        padding-right: 10px
    }

    #producten-tab-1 .pl-20 {
        padding-left: 10px
    }

    #producten-tabs .container {
        padding-right: 10px;
        padding-left: 10px
    }

    .producten-tab-1-table-2 thead th {
        width: 45px
    }

    #producten-tabs .producten-tab-1-table-2 th {
        padding: 14px 7px;
        vertical-align: top
    }

    #producten-tab-1 .pb-70 {
        padding-bottom: 75px
    }

    div.top-navbar ul.navbar-nav .dropdown-divider {
        width: 90%;
        display: block;
        margin: 0 auto;
        height: 1px
    }

    div.top-navbar ul.navbar-nav li a.green {
        color: #00dd5c
    }

    div.top-navbar ul.navbar-nav li a.blue {
        color: #00fefe
    }

    .bg-press {
        background-position: 70% 100%
    }
}

@media(max-width:768px) {
    #producten-tabs-menu {
        display: none
    }

    #producten-tabs-menu-mob {
        display: inline-block;
        padding-bottom: 0;
        margin-bottom: 0;
        position: relative;
        bottom: 0;
        vertical-align: bottom;
        z-index: 0
    }
}

@media(max-width:576px) {
    .producten-tab-1-screen {
        display: none
    }

    .producten-tab-1-mob {
        display: flex
    }

    .producten-tab-1-mob .card .card-header {
        border-radius: 0
    }
}

@media(max-width:375px) {
    #producten-top .pt-180 {
        padding-top: 130px
    }

    #producten-top .pb-150 {
        padding-bottom: 90px
    }

    #producten-top .pt-115 {
        padding-top: 70px
    }

    #producten-top h1 {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 25px
    }

    #producten-top h1.pb-30 {
        padding-bottom: 25px
    }

    #producten-top .producten-top-mob.pb-65 {
        padding-bottom: 40px
    }

    #producten-tab-1 .pb-70 {
        padding-bottom: 80px
    }

    #producten-tab-1 .pt-50 {
        padding-top: 40px
    }

    .producten-tab-1-mob .pb-70 {
        padding-bottom: 80px
    }

    #producten-tabs p.pb-20 {
        padding-bottom: 35px
    }

    div.top-navbar ul.navbar-nav li {
        height: 35px
    }

    div.top-navbar ul.navbar-nav li a {
        padding-top: 0
    }
}

#orderboek .col-sm-7 img {
    margin-left: -160px;
    width: 140%
}

@media(min-width:1280px) {
    #orderboek .col-sm-7 img {
        margin-left: -180px;
        width: 100%
    }
}

.tablet-phone {
    left: 0
}

.trader-menu {
    background-color: #001722;
    text-align: center;
    height: 97px;
    padding-bottom: 20px;
    padding-top: 15px;
    margin-top: 72px
}

@media(max-width:375px) {
    .trader-menu {
        margin-top: 102px
    }
}

.max-w-670 {
    max-width: 670px;
    display: block;
    margin: 0 auto
}

.max-w-544 {
    max-width: 544px
}

.grey {
    color: #9aa9b7
}

.bg-blue-light2 {
    background-color: #f7f9fc
}

.grey2 {
    color: #8593a0
}

.pad-btn-15 {
    padding: 0 1.5rem
}

#laptop-section-trader .iphone-img {
    position: absolute;
    bottom: -10px;
    left: -40px
}

#laptop-section-trader .tablet-img {
    right: -60px;
    top: 50px;
    position: relative
}

.mt-m30px {
    margin-top: -30px;
    position: relative
}

.mt-m170px {
    margin-top: -170px;
    position: relative
}

.razendsnel-href {
    background-image: url("../imgs/razendsnel.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: top center
}

.razendsnel-href p {
    color: #9aa9b7
}

.razendsnel-href p:hover {
    color: #fff
}

.razendsnel-href:hover {
    background-image: url("../imgs/razendsnel-white.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: top center
}

.streaming-href {
    background-image: url("../imgs/streaming.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: top center
}

.streaming-href p {
    color: #9aa9b7
}

.streaming-href p:hover {
    color: #fff
}

.streaming-href:hover {
    background-image: url("../imgs/streaming-white.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: top center
}

.laat-spreads-href {
    background-image: url("../imgs/laat-spreads.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: top center
}

.laat-spreads-href p {
    color: #9aa9b7
}

.laat-spreads-href p:hover {
    color: #fff
}

.laat-spreads-href:hover {
    background-image: url("../imgs/laat-spreads-white.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: top center
}

.order-href {
    background-image: url("../imgs/order.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: top center
}

.order-href p {
    color: #9aa9b7
}

.order-href p:hover {
    color: #fff
}

.order-href:hover {
    background-image: url("../imgs/order-white.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: top center
}

.creeer-href {
    background-image: url("../imgs/creeer.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: top center
}

.creeer-href p {
    color: #9aa9b7
}

.creeer-href p:hover {
    color: #fff
}

.creeer-href:hover {
    background-image: url("../imgs/creeer-white.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: top center
}

.img-max-height-left {
    height: 100%;
    margin-left: -30px
}

.img-max-height-left2 {
    height: 100%;
    margin-left: -280px
}

.img-max-height-left3 {
    height: 80%;
    margin-left: -60px;
    margin-top: 80px
}

.img-max-height-right {
    height: 100%;
    width: 100%;
    margin-top: 25px
}

.break-only-1024 {
    display: none
}

.bk-quick-order {
    background-image: url("../imgs/bk-quick-order.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.quick-order {
    left: 300px;
    position: relative
}

.bk-products-list {
    background-image: url("../imgs/bk-products-list.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.products-list {
    left: 0;
    position: relative;
    top: 170px
}

.bk-product-info {
    background-image: url("../imgs/bk-product-info.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.product-info {
    left: 190px;
    position: relative
}

.bk-search-prod {
    background-image: url("../imgs/bk-search-prod.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.search-prod {
    left: -20px;
    position: relative;
    top: 0;
    height: 600px
}

.bk-favorietenlijst {
    background-image: url("../imgs/bk-favorietenlijst.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.favorietenlijst {
    left: 200px;
    position: relative
}

.w-110s {
    width: 110%
}

#laptop-section-trader,
#webtrader-center-text,
#quickorder,
#order-search,
#favourite {
    overflow-x: hidden
}

@media(min-width:1600px) {
    .img-m-w40s {
        max-width: 40%
    }

    #quickorder .pb-100 {
        padding-bottom: 130px
    }

    #streaming .pb-80 {
        padding-bottom: 230px
    }

    #orderboek .pb-120 {
        padding-bottom: 230px
    }

    #favourite .pb-70 {
        padding-bottom: 90px
    }
}

@media(max-width:1600px) {
    #producten-tabs table.producten-tab-1-table-1 td:nth-child(2) {
        min-width: 50px
    }

    #producten-tabs table.producten-tab-1-table-1 td:nth-child(3) {
        min-width: 50px
    }

    .quick-order {
        left: 150px;
        position: relative
    }

    #professional #services .white-box {
        min-height: 550px
    }
}

@media(max-width:1599px) {
    .img-m-w40s {
        max-width: 60%
    }

    .favorietenlijst {
        left: 150px
    }
}

@media(max-width:1280px) {
    .favorietenlijst {
        left: 100px
    }

    #laptop-section-trader .alte-34 {
        font-size: 34px;
        line-height: 40px
    }

    .pt-md-60 {
        padding-top: 60px
    }

    .pt-md-120 {
        padding-top: 120px
    }

    #professional #services .white-box {
        min-height: 620px
    }

    #laptop-section-trader {
        padding-top: 60px
    }

    #streaming .pt-100 {
        padding-top: 130px
    }

    #orderboek .pt-md-60 {
        padding-top: 80px
    }

    #favourite .pt-md-60 {
        padding-top: 90px
    }

    #favourite .pb-70 {
        padding-bottom: 90px
    }

    #opacc-sec .alte-34 {
        font-size: 34px;
        line-height: 40px
    }

    #opacc-sec {
        padding-top: 10px;
        padding-bottom: 10px
    }

    #order-search .img-max-height-right {
        height: 550px;
        margin-top: 0
    }

    #laptop-section-trader.pt-180 {
        padding-top: 180px
    }
}

@media(max-width:1024px) {
    #laptop-section-trader .pt-35 {
        padding-top: 20px
    }

    .break-only-1024 {
        display: block
    }

    #quickorder .pt-md-120 {
        padding-top: 50px
    }

    #quickorder .pb-100 {
        padding-bottom: 60px
    }

    #streaming .pt-md-60 {
        padding-top: 40px
    }

    #streaming img {
        margin-top: -50px;
        margin-right: -95px
    }

    #streaming .pb-80 {
        padding-bottom: 0
    }

    #orderboek .pt-md-60 {
        padding-top: 100px
    }

    #orderboek .pt-130 {
        padding-top: 110px
    }

    #orderboek .pb-120 {
        padding-bottom: 50px
    }

    #orderboek img {
        margin-top: -60px
    }

    #order-search .pt-50 {
        padding-top: 25px;
        padding-bottom: 0;
        margin-top: 0
    }

    #order-search img {
        margin-top: -50px;
        max-height: 550px
    }

    #laptop-section-trader .mt-55 {
        margin-top: 20px
    }

    #laptop-section-trader .tablet-img {
        right: 60px;
        top: -55px
    }

    #laptop-section-trader .iphone-img {
        left: -160px;
        bottom: 25px
    }

    #laptop-section-trader .max-w-460 {
        max-width: 380px
    }

    #laptop-section-trader .roboto-reg-20 {
        font-size: 18px
    }

    #webtrader-center-text .roboto-reg-24 {
        font-size: 24px;
        line-height: 34px
    }

    #favourite .pt-md-60 {
        padding-top: 30px
    }

    #favourite .pt-80 {
        padding-top: 90px
    }

    #favourite .pb-70 {
        padding-bottom: 60px
    }

    .img-max-height-left3 {
        height: 80%;
        margin-left: -30px;
        margin-top: 50px
    }
}

@media(max-width:992px) {
    #streaming .pt-md-60 {
        padding-top: 0
    }

    #streaming .pt-100 {
        padding-bottom: 20px
    }

    #laptop-section-trader .tablet-img {
        top: 0;
        right: -30px
    }

    #laptop-section-trader .iphone-img {
        left: -50px;
        bottom: 0
    }

    #orderboek img {
        margin-top: 0
    }

    #orderboek .pt-md-60 {
        padding-top: 0
    }

    #order-search {
        padding-bottom: 30px
    }

    #order-search img {
        margin-top: 0;
        max-height: 500px
    }

    #streaming img {
        margin-top: -60px
    }

    .img-max-height-left3 {
        height: 80%;
        margin-left: -70px;
        margin-top: 50px
    }

    #professional #services .white-box {
        min-height: 400px
    }

    #header-section .header-section-bg {
        background-position-y: 25%;
        background-position-x: 60%
    }
}

@media(max-width:767px) {
    .favorietenlijst {
        left: 0
    }

    #order-search img {
        max-height: 430px
    }

    #streaming .pt-100 {
        padding-bottom: 30px
    }

    #quickorder .pt-100 {
        padding-top: 0
    }

    .img-max-height-left {
        height: 75%;
        margin-left: -50px;
        margin-top: 70px
    }

    .img-max-height-left2 {
        height: 75%;
        margin-left: -260px;
        margin-top: 70px
    }

    .img-max-height-left3 {
        height: 45%;
        margin-left: -30px;
        margin-top: 150px
    }

    .img-max-height-right {
        height: 75%;
        margin-top: 80px
    }

    .img-max-height-left2 {
        margin-left: -200px
    }

    #producten-tabs .producten-tab-1-table-1 td p,
    #producten-tabs .producten-tab-1-table-1 td img {
        line-height: 35px
    }

    #retirement-part-01.pt-190,
    #retirement-part-01.pb-100 {
        padding-top: 100px;
        padding-bottom: 0
    }

    #voordelen .pt-90 {
        padding-top: 50px
    }

    #retirement-part-01.pt-190 {
        padding-top: 50px
    }
}

@media(max-width:576px) {
    .img-m-w40s {
        max-width: 40%
    }

    #streaming img {
        margin-top: 0;
        margin-right: 0
    }

    .tablet-img {
        top: 0
    }

    #webtrader-center-text {
        margin-top: 25px
    }

    #order-search .pt-50 {
        margin-top: 50px
    }

    .opacc-sec p.alte-34 {
        font-size: 34px
    }

    .producten-flag {
        margin-top: 5px
    }

    #producten-tabs .roboto-reg-16 {
        font-size: 15px
    }

    #retirement-part-01 .table td,
    #retirement-part-01 .table th {
        padding: 5px
    }
}

@media(max-width:575px) {
    .trader-menu {
        height: 64px
    }

    .razendsnel-href,
    .streaming-href,
    .laat-spreads-href,
    .order-href,
    .creeer-href {
        padding: 32px
    }
}

@media(max-width:375px) {

    #producten-tabs .producten-tab-1-table-1 td p,
    #producten-tabs .producten-tab-1-table-1 td img {
        line-height: 48px
    }

    .producten-flag {
        margin-top: 15px
    }

    #producten-tabs .roboto-reg-16 {
        font-size: 16px
    }

    #laptop-section-trader .tablet-img {
        height: 394px;
        top: 40px;
        left: -263px
    }

    #laptop-section-trader {
        padding-top: 40px
    }

    #opacc-sec .alte-34 {
        font-size: 34px;
        line-height: 40px
    }

    #laptop-section-trader img {
        margin-left: -40px
    }

    #webtrader-center-text .roboto-reg-24 {
        font-size: 20px;
        line-height: 30px
    }

    #webtrader-center-text .pt-50 {
        padding-top: 60px
    }

    #webtrader-center-text .pb-50 {
        padding-bottom: 60px
    }

    .min-h-400 {
        min-height: 400px
    }

    #order-search .pt-50 {
        margin-top: 30px
    }

    #opacc-sec .pt-80 {
        padding-top: 60px
    }

    #opacc-sec .pb-100 {
        padding-bottom: 90px
    }
}

@media(max-width:320px) {
    #opacc-sec .alte-34 {
        font-size: 30px
    }
}

@media(min-width:1281px) {
    .visible-b1280 {
        display: inline-block
    }

    .visible-1280 {
        display: none
    }

    .visible-1024 {
        display: none
    }
}

@media(max-width:1280px) {
    .visible-b1280 {
        display: none
    }

    .visible-1280 {
        display: inline-block
    }

    .visible-1024 {
        display: inline-block
    }
}

@media(max-width:1024px) {
    .visible-b1280 {
        display: none
    }

    .visible-1024 {
        display: inline-block
    }
}

@media(max-width:375px) {
    .visible-b1280 {
        display: none
    }

    .visible-1024 {
        display: none
    }
}

@media(max-width:340px) {
    #laptop-section-trader .alte-34 {
        font-size: 24px;
        line-height: 36px
    }

    .razendsnel-href,
    .streaming-href,
    .laat-spreads-href,
    .order-href,
    .creeer-href {
        padding: 30px
    }

    .min-h-400 {
        min-height: 350px
    }
}

.max-w-875 {
    max-width: 875px
}

#submenu ul {
    margin-bottom: 0
}

#submenu {
    margin-top: 72px;
    z-index: 20 !important
}

#trader-submenu {
    z-index: 20 !important
}

#submenu a {
    color: #9aa9b7;
    display: inline-block
}

@media(max-width:768px) {
    #submenu a {
        display: block
    }
}

@media(max-width:375px) {

    #submenu,
    #trader-submenu {
        margin-top: 62px
    }

    #submenu a {
        padding: 8px 0
    }
}

#submenu a:hover,
#submenu a:active,
#submenu li.active a {
    color: #fff
}

#submenu ul {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding-left: 0
}

#submenu ul li {
    padding: 0 15px
}

.dropbtn {
    background-color: transparent;
    color: white;
    padding: 18px;
    font-size: 16px;
    border: 0;
    cursor: pointer;
    width: 100%;
    text-align: left
}

.dropbtn i {
    float: right
}

.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    font-family: "RobotoRegular", Arial, sans-serif;
    font-size: 16px
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #001722;
    min-width: 160px;
    width: 110%;
    z-index: 1;
    margin-left: -15px;
    padding-left: 15px
}

.dropdown-content a {
    color: #9aa9b7;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.dropdown-content a:hover {
    color: #fff
}

.show {
    display: block
}

i.fa-check.blue {
    color: #00fefe
}

.retirement-head-img {
    position: absolute;
    overflow: hidden;
    top: -300px;
    right: -500px
}

.number-round {
    width: 56px;
    height: 56px;
    text-align: center;
    color: #00fefe;
    border: 1px solid #00fefe;
    border-radius: 50%;
    padding-top: 10px;
    display: block;
    margin: 0 auto 15px
}

.max-w-470 {
    max-width: 470px
}

.w-30s {
    width: 30%
}

.mt-m80px {
    margin-top: -80px
}

.mt-m180px {
    margin-top: -180px
}

.mt-m210px {
    margin-top: -210px
}

.min-width-460 {
    min-width: 460px
}

.roboto-med-24 {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 36px
}

#calc-sector .extra-big-input {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 240px
}

#calc-sector .big-input {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 185px;
    position: relative
}

#calc-sector .small-input {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 130px
}

#calc-sector .small-input-logo {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 40px
}

#calc-sector input {
    border: 1px solid #0082b9;
    border-radius: 3px;
    color: #9aa9b7;
    padding-left: 10px;
    padding-right: 10px;
    height: 44px;
    -webkit-box-shadow: inset 0 0 11px -4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 11px -4px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 11px -4px rgba(0, 0, 0, 0.3)
}

#calc-sector input:focus {
    background: #f6fafd none repeat scroll 0 0;
    color: #2c3e50 !important
}

#calc-sector .extra-big-input #interestday,
#calc-sector .extra-big-input #interestday2 {
    display: inline
}

#interestday {
    padding-left: 165px
}

.euro-sign::before {
    color: #9aa9b7;
    content: "ï…“";
    font-family: "FontAwesome";
    margin-top: 37px;
    margin-left: 10px;
    position: absolute
}

.euro-sign2::before {
    color: #9aa9b7;
    content: "";
    font-family: "FontAwesome";
    content: "€";
    margin-top: 37px;
    margin-left: 10px;
    position: absolute
}

.percentage-sign {
    color: #9aa9b7;
    margin-left: 145px;
    margin-top: -42px;
    position: absolute
}

.extra-big-input .percentage-sign {
    color: #999;
    position: relative;
    float: right;
    right: 25px;
    margin-top: -32px
}

.big-input .percentage-sign {
    color: #9aa9b7;
    position: absolute;
    right: 180px
}

.big-input .percentage-sign {
    left: 65px
}

div.span-arrows {
    color: #999;
    display: block;
    float: right;
    height: 60px;
    position: absolute;
    width: 34px
}

span.arrow-up-span i,
span.arrow-down-span i {
    color: #9aa9b7;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0
}

span.arrow-up-span:hover i,
span.arrow-down-span:hover i {
    color: #009fe3
}

span.arrow-up-span i {
    left: 15px;
    position: absolute;
    top: 58px
}

span.arrow-down-span i {
    left: 230px;
    position: absolute;
    top: 58px
}

.big-input span.arrow-up-span i {
    left: 15px;
    position: absolute;
    top: 58px
}

.extra-big-input span.arrow-up-span i {
    left: 222px;
    position: absolute;
    top: 39px
}

.extra-big-input span.arrow-down-span i {
    left: 10px;
    position: absolute;
    top: 39px
}

input#result,
input#result2,
input#result3 {
    font-family: "Alte Haas Grotesk", Arial, sans-serif;
    font-size: 27px;
    font-weight: bold
}

.vertical-align-equal {
    display: inline-block;
    height: 100%;
    padding-top: 35px;
    text-align: center;
    vertical-align: middle
}

.table-for-comp .arr-div .arr-up,
.table-for-comp .arr-div .arr-down {
    color: #9aa9b7;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    cursor: pointer
}

.arr-div {
    width: 5%;
    background-color: white;
    float: right;
    padding-left: 10px
}

#jaarlijkse,
#jaren,
#jaarlijkse input,
#jaren input {
    background-color: #f7f9fc
}

#jaarlijkse,
#jaren {
    line-height: 32px
}

.arr-up .fa-chevron-up,
.arr-down .fa-chevron-down {
    font-size: 15px
}

#jaren .currency::after {
    color: #333;
    content: "jaar";
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    margin-top: 2px;
    padding-left: 5px;
    position: relative
}

#jaarlijkse .euro-sign::before {
    color: #333;
    content: "€";
    margin-top: 1px;
    margin-left: 45px;
    position: absolute
}

.table-for-comp .input-style-div {
    margin: 0;
    border: 1px solid #e6ecf2;
    border-top: 0;
    border-bottom: 0
}

input.no-border {
    border: 0
}

.euro-sign::before {
    color: #9aa9b7;
    content: "";
    font-family: "FontAwesome";
    content: "€";
    margin-top: 54px;
    margin-left: 10px;
    position: absolute
}

.pound-sign::before {
    color: #9aa9b7;
    content: "";
    font-family: "FontAwesome";
    content: "£";
    margin-top: 54px;
    margin-left: 10px;
    position: absolute
}

.table-for-comp #jaarlijkse .cont-div {
    padding-left: 70px
}

.table-for-comp .input-style-div .cont-div {
    float: left
}

.table-for-comp .input-style-div .cont-div {
    width: 90%;
    height: inherit;
    padding-top: 12px;
    padding-left: 25px
}

.currency input.summ {
    padding: 0 0 0 120px
}

#jaarlijkse .euro-sign::before {
    color: #333;
    content: "";
    font-family: "FontAwesome";
    content: "€";
    margin-top: 1px;
    position: relative;
    padding-left: 210px
}

input.summ {
    padding: 0
}

#infobigno {
    margin-left: -120px
}

#initialam,
#interest,
#years,
#interestday,
#result {
    max-width: 260px;
    width: 100%;
    height: 56px;
    background-color: #293d4a;
    border: 1px solid #6c7a87;
    color: #9aa9b7
}

#initialam:active,
#interest:active,
#years:active,
#interestday:active,
#result:active,
#initialam:focus,
#interest:focus,
#years:focus,
#interestday:focus,
#result:focus {
    border: 1px solid #fff !important;
    color: #fff
}

#text-input-prefer {
    margin-top: -42px;
    margin-left: 45px;
    position: absolute;
    color: #9aa9b7
}

.pt-210 {
    padding-top: 210px
}

.max-w-640 {
    max-width: 640px
}

#retirement .bg-el-2 {
    background: url('../imgs/bg-el-5.png') no-repeat center center;
    width: 1252px;
    height: 902px;
    display: inline-block;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    top: 2900px;
    left: -400px
}

.max-w-790 {
    max-width: 790px
}

.front-image {
    position: relative;
    z-index: 2
}

.w167 {
    width: 167px
}

.special-whitebox {
    padding: 3rem 3rem;
    width: 30%
}

#fifthsection-retirement .special-cols {
    padding-left: 80px;
    padding-right: 30px
}

@media(max-width:2500px) {
    #retirement .bg-el-2 {
        top: 3000px
    }
}

@media(max-width:1600px) {
    .table-for-comp #jaarlijkse .cont-div {
        padding-left: 10px
    }

    .currency input.summ {
        padding: 0 0 0 55px
    }

    .min-width-460 {
        min-width: 200px
    }

    .mt-m80px {
        margin-top: -65px
    }

    #retirement .bg-el-2 {
        top: 3150px
    }
}

@media(max-width:1280px) {
    .alte-34 {
        font-size: 34px;
        line-height: 40px
    }

    .special-whitebox {
        padding: 2rem 1rem
    }

    .retirement-head-img {
        right: -460px;
        top: -315px
    }

    .currency input.summ {
        padding: 0
    }

    #jaarlijkse .euro-sign::before {
        padding-left: 150px
    }

    .arr-div {
        padding-left: 5px
    }

    span.arrow-down-span i {
        left: 218px
    }

    #retirement .bg-el-2 {
        top: 3000px
    }
}

@media(max-width:1279px) {
    #retirement .bg-el-2 {
        display: none
    }

    .retirement-head-img {
        right: -560px
    }

    #retirement-part-07 input.form-control {
        width: 220px !important
    }

    .arrow-down-span .fa-angle-down {
        left: 200px
    }

    .arrow-up-span .fa-angle-up {
        left: 10px
    }

    #text-input-prefer {
        margin-left: 30px
    }

    #interestday {
        padding-left: 140px
    }

    .big-input .percentage-sign {
        left: 60px
    }

    .percentage-sign {
        margin-left: 125px
    }
}

@media(max-width:992px) {
    #retirement .front-image {
        position: absolute;
        bottom: 0;
        width: 100%
    }

    #jaarlijkse .euro-sign::before {
        padding-left: 90px
    }

    input.summ {
        max-width: 80px
    }

    .big-input .percentage-sign {
        right: 140px
    }

    span.arrow-down-span i {
        left: 235px
    }

    .retirement-head-img {
        right: -700px
    }

    #fifthsection-retirement .special-cols {
        padding-left: 15px;
        padding-right: 15px
    }

    .special-whitebox {
        padding: 2rem 1rem;
        min-width: 300px
    }

    .arr-div {
        width: 10%
    }

    .currency input.summ {
        max-width: 140px
    }

    .front-image {
        margin-top: 100px
    }

    .mt-m80px {
        margin-top: 50px
    }

    #infobigno {
        margin-left: 0
    }
}

@media(max-width:768px) {
    #retirement .front-image {
        position: relative
    }

    #retirement .col-md-5.pt-120 {
        padding-top: 25px;
        padding-bottom: 80px
    }

    .retirement-head-img {
        display: none
    }

    .special-whitebox {
        width: 100%;
        margin-bottom: 20px
    }

    .big-input .percentage-sign {
        position: relative;
        top: -42px;
        right: -65px
    }

    .w167 {
        display: block;
        margin: 0 auto 10px
    }

    .dropdown-content {
        position: relative;
        padding-bottom: 20px
    }

    #submenu ul {
        display: block;
        text-align: left;
        padding-left: 0
    }
}

@media(max-width:768px) {
    #retirement-part-06 .bg-white {
        border: 1px solid #eceeef
    }
}

@media(max-width:576px) {
    #producten-tabs .card-header {
        padding-top: 10px;
        padding-bottom: 10px
    }

    #retirement-part-04 .special-whitebox {
        margin-bottom: 0
    }

    #retirement-part-04 .container,
    #retirement-part-04 .table-responsive {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    #retirement-part-04 .table-responsive {
        width: 100%
    }

    #retirement-part-04 .container>p.grey {
        margin-top: 0 !important
    }

    #retirement-part-04 .table-responsive.pb-40 {
        padding-bottom: 20px
    }

    #belastingvoordeel .pt-220 {
        padding-top: 150px
    }

    #header-bg-landing1000 .alte-45 {
        font-size: 28px
    }

    #section1-landing .alte-34 {
        font-size: 24px
    }

    #section2-landing .pt-110 {
        padding-top: 20px
    }

    #section1-landing .pb-50 {
        padding-bottom: 0
    }
}

@media(max-width:375px) {
    .roboto-reg-12 {
        font-size: 14px;
        line-height: 22px
    }

    .roboto-reg-16,
    .roboto-med-16 {
        font-size: 18px;
        line-height: 30px
    }

    .roboto-reg-18 {
        font-size: 20px;
        line-height: 32px
    }

    #producten-top .letter04 {
        font-size: 12px
    }

    #producten-tabs .roboto-reg-18.invisible-desktop {
        font-size: 18px
    }

    #producten-tabs table td {
        line-height: 48px;
        vertical-align: middle
    }

    #producten-tabs table td .roboto-reg-16 {
        font-size: 16px;
        line-height: 20px
    }

    #retirement-part-01.pb-100 {
        padding-bottom: 0
    }

    #retirement-part-01 .lh36 {
        line-height: 30px;
        padding-bottom: 10px
    }

    #retirement-part-02 .ml-40,
    #retirement-part-02 .ml-50 {
        margin-left: 0
    }

    #retirement-part-02 .pt-100 {
        padding-top: 75px
    }

    #retirement-part-02 .pb-120 {
        padding-bottom: 80px
    }

    #retirement-part-02 .max-w-470 {
        max-width: 330px;
        text-align: center;
        margin: 0 auto
    }

    .producten-flag {
        margin-top: -5px
    }

    #retirement-part-03 {
        padding-left: 50px;
        padding-right: 50px
    }

    #retirement-part-03 .pt-75 {
        padding-top: 60px
    }

    #retirement-part-03 .pb-85 {
        padding-bottom: 65px
    }

    #retirement-part-03 .pb-15 {
        padding-bottom: 30px
    }

    #retirement-part-03 .alte-24 {
        line-height: 34px;
        padding-bottom: 15px
    }

    #retirement-part-03 .roboto-reg-16 {
        line-height: 28px
    }

    #retirement-part-04 .pt-100 {
        padding-top: 80px
    }

    #retirement-part-04 .alte-34 {
        padding-bottom: 20px !important
    }

    #fifthsection-retirement .pt-210 {
        padding-top: 170px
    }

    #fifthsection-retirement .special-cols {
        padding-left: 8px;
        padding-right: 8px
    }

    #fifthsection-retirement .special-cols .pb-15 {
        padding-bottom: 30px
    }

    #fifthsection-retirement .special-cols .pb-40 {
        padding-bottom: 20px
    }

    #retirement-part-06 .bg-white.pt-40 {
        padding-top: 20px
    }

    #retirement-part-06 .bg-white.pl-5 {
        padding-left: 25px !important
    }

    #retirement-part-06 .bg-white.pr-5 {
        padding-right: 25px !important
    }

    #retirement-part-06 .pt-90 {
        padding-top: 40px
    }

    #retirement-part-06.pb-70 {
        padding-bottom: 50px
    }

    #retirement-part-07 .pt-130 {
        padding-top: 45px
    }

    #retirement-part-07 .pl-60 {
        padding-left: 30px
    }

    #retirement-part-07 .pr-60 {
        padding-right: 30px
    }

    #retirement-part-07 .col-md-5 {
        text-align: center
    }

    #retirement-part-07 .col-md-5 .alte-34 {
        padding-bottom: 25px
    }

    #retirement-part-07 .offset-1 {
        margin-left: 0 !important
    }

    #retirement-part-07 .offset-1 .form-control {
        max-width: 100%
    }

    span.arrow-up-span i,
    span.arrow-down-span i {
        top: 62px !important
    }

    span.arrow-up-span i {
        left: 10px !important
    }

    #retirement-part-08 .pt-130 {
        padding-top: 65px
    }

    #retirement-part-08 .alte-34 {
        padding-bottom: 40px
    }

    #retirement-part-08 .front-image {
        margin-top: 0;
        position: relative
    }

    #retirement-part-08 .hidden-sm-up .pt-120 {
        padding-top: 0
    }

    #retirement-part-08 .offset-1 {
        margin-left: 0 !important
    }

    #retirement-part-08 .col-md-5 {
        text-align: center
    }

    #retirement-part-08 .hidden-sm-up img {
        width: 100%
    }

    #retirement-part-09 .pr-30 {
        padding-right: 0
    }

    #retirement-part-09 .pl-30 {
        padding-left: 0
    }

    #retirement-part-09 .pt-110 {
        padding-top: 70px
    }

    #retirement-part-09 .pb-120 {
        padding-bottom: 75px
    }

    #retirement-part-09 .alte-34 {
        text-align: left !important
    }

    #retirement-part-09 .pb-10 {
        padding-bottom: 15px
    }

    #retirement-part-10 .pt-100 {
        padding-top: 55px
    }

    #retirement-part-10 .pb-95 {
        padding-bottom: 75px
    }
}

@media(max-width:320px) {
    #producten-tabs .card-header .alte-20 {
        padding-right: 40px;
        font-size: 16px
    }

    #producten-tabs .card-header {
        padding-left: 5px !important;
        padding-right: 10px !important
    }
}

.max-w-875 {
    max-width: 875px
}

.lh32 {
    line-height: 32px
}

@media(max-width:1280px) {
    #waarom-about-top .pt-60 {
        padding-top: 25px
    }

    #waarom-about-top p.roboto-reg-24 {
        font-size: 20px;
        line-height: 30px
    }

    #waarom-about-top .max-w-875 {
        max-width: 715px
    }

    #waarom-about-top .w-280 {
        width: 200px
    }

    #waarom-div .pb-10,
    #waarom-div .pt-60 {
        padding-right: 50px;
        padding-left: 50px
    }

    #waarom-div .pt-120 {
        padding-top: 75px
    }

    #waarom-div .pb-40 {
        padding-bottom: 30px
    }

    #waarom-div .pb-70 {
        padding-bottom: 15px
    }

    #waarom-div .alte-20,
    #waarom-div .roboto-reg-20 {
        font-size: 18px;
        line-height: 30px
    }

    #waarom-div .pb-35 {
        padding-bottom: 30px
    }

    #waarom-div .roboto-reg-12 {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 10px
    }

    #waarom-div .pt-60 {
        padding-top: 20px
    }

    #waarom-div .row .col-md-6:first-child {
        padding-left: 0
    }

    #waarom-div .row .col-md-6:last-child {
        padding-right: 0
    }
}

@media(max-width:1024px) {
    #waarom-about-top .pb-120 {
        padding-bottom: 105px
    }

    #waarom-div .pt-120 {
        padding-top: 55px
    }

    #waarom-div .pb-120 {
        padding-bottom: 120px
    }

    #waarom-div .pb-10,
    #waarom-div .pt-60 {
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 20px;
        padding-bottom: 10px
    }

    #waarom-div .pt-40 {
        padding-top: 30px
    }

    #waarom-div .pb-40 {
        padding-bottom: 35px
    }

    #waarom-div .row .col-md-6:first-child {
        padding-left: 0;
        padding-right: 35px
    }

    #waarom-div .row .col-md-6:last-child {
        padding-right: 0;
        padding-left: 35px
    }
}

@media(max-width:767px) {
    #waarom-div .pr-70 {
        padding-right: 0
    }

    #waarom-div .pl-70 {
        padding-left: 0
    }

    #waarom-div .row .col-md-6:first-child {
        padding-left: 0;
        padding-right: 0
    }

    #waarom-div .row .col-md-6:last-child {
        padding-right: 0;
        padding-left: 0
    }
}

@media(max-width:375px) {
    #waarom-about-top .alte-45 {
        max-width: 300px;
        margin: 0 auto;
        padding-top: 0;
        padding-bottom: 50px
    }

    #waarom-about-top .pb-70 {
        padding-bottom: 55px
    }

    #waarom-about-top.pb-120 {
        padding-bottom: 70px
    }

    #waarom-div .pt-120 {
        padding-top: 0
    }

    #waarom-div .pb-120 {
        padding-bottom: 0
    }

    #waarom-div .alte-20 {
        font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
        font-size: 18px;
        line-height: 30px
    }

    #waarom-div .mb-10 {
        margin-bottom: 25px
    }

    #waarom-div .row .col-md-6:first-child {
        padding-left: 0;
        padding-right: 0
    }

    #waarom-div .row .col-md-6:last-child {
        padding-right: 0;
        padding-left: 0
    }

    #waarom-div .row .col-md-6 {
        border-bottom: 1px solid #e6ecf2
    }

    #waarom-div .row.border-bottom,
    #waarom-div .row .last-col {
        border: 0
    }

    #waarom-div .roboto-reg-12 {
        line-height: 24px;
        padding-bottom: 5px
    }

    #waarom-div .pt-25 {
        padding-top: 45px
    }

    #waarom-div .fake-footnote,
    #waarom-div .fake-col {
        display: none
    }

    #waarom-div .pt-60 {
        padding-top: 5px
    }

    #waarom-div .pb-20 {
        padding-bottom: 15px
    }

    #waarom-div .pb-40 {
        padding-bottom: 25px
    }

    #opacc-sec .pb-20 {
        padding-bottom: 30px
    }

    #opacc-sec .pt-70 {
        padding-top: 45px
    }

    #opacc-sec .pb-75 {
        padding-bottom: 55px
    }
}

.max-w-875 {
    max-width: 875px
}

.m-height-375 {
    min-height: 375px
}

.w-100-100 {
    width: 100%
}

.alte-16 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px
}

.lh18 {
    line-height: 18px
}

.mt-m100px {
    position: relative;
    margin-top: -100px
}

#over-degiro-3-2-boxes .bg-white {
    min-height: 420px
}

@media(max-width:1600px) {
    #over-degiro-3-2-boxes .pr-140 {
        padding-right: 120px
    }
}

@media(max-width:1280px) {
    #over-degiro-3-top-white .pt-45 {
        padding-top: 55px
    }

    #over-degiro-3-top-white .pb-40 {
        padding-bottom: 50px
    }

    #over-degiro-3-top-white .pl-160 {
        padding-left: 0
    }

    #over-degiro-3-top-white .pr-160 {
        padding-right: 0
    }

    #over-degiro-3-top-white .roboto-reg-20 {
        font-size: 18px;
        line-height: 30px
    }

    #over-degiro-3-grey-content .pb-80 {
        padding-bottom: 40px
    }

    #over-degiro-3-grey-content.pb-130 {
        padding-bottom: 100px
    }

    #opacc-sec .pb-100 {
        padding-bottom: 50px
    }
}

@media(max-width:1200px) {
    .second-block {
        padding-left: 40px
    }
}

@media(max-width:1024px) {
    #over-degiro-3-top-white .max-w-875 {
        max-width: 690px
    }

    #over-degiro-3-top-white .pt-45 {
        padding-top: 20px;
        padding-bottom: 30px
    }

    #over-degiro-3-top-white .roboto-reg-24 {
        font-size: 20px;
        line-height: 30px;
        max-width: 410px;
        margin: 0 auto
    }

    #over-degiro-3-top-white .pb-55 {
        padding-bottom: 45px
    }

    #over-degiro-3-top-white .pb-40 {
        padding-bottom: 10px
    }

    #over-degiro-3-2-boxes .pr-140 {
        padding-right: 100px
    }

    #over-degiro-3-grey-content.pt-180 {
        padding-top: 130px
    }

    #over-degiro-3-grey-content.pb-130 {
        padding-bottom: 120px
    }

    #over-degiro-3-grey-content .max-w-1200 {
        max-width: 950px
    }

    #over-degiro-3-grey-content .pb-80 {
        padding-bottom: 20px
    }

    #over-degiro-3-grey-content .col-xl-4:last-child {
        padding-top: 45px
    }
}

@media(max-width:992px) {
    #over-degiro-3-2-boxes .bg-white {
        min-height: 490px
    }

    .second-block {
        padding-left: 8px
    }
}

@media(max-width:767px) {
    #over-degiro-3-grey-content .pl-40 {
        padding-left: 10px
    }

    #over-degiro-3-2-boxes .col-md-6 {
        padding-right: 0;
        padding-left: 0
    }

    #over-degiro-3-2-boxes .bg-white {
        min-height: 390px
    }
}

@media(max-width:375px) {
    #submenu {
        margin-top: 60px
    }

    #over-degiro-3-top-white .pt-45 {
        padding-top: 30px
    }

    #over-degiro-3-top-white .pb-55 {
        padding-bottom: 35px
    }

    #over-degiro-3-top-white .pb-25 {
        padding-bottom: 45px
    }

    #over-degiro-3-top-white .p48 {
        padding: 24px
    }

    #over-degiro-3-2-boxes .pr-160 {
        padding: 0 !important
    }

    #over-degiro-3-2-boxes .pl-160 {
        padding: 0 !important
    }

    #over-degiro-3-grey-content.pt-180 {
        padding-top: 115px
    }

    #over-degiro-3-grey-content .pl-40 {
        padding-left: 8px
    }

    #over-degiro-3-grey-content .alte-16,
    #over-degiro-3-grey-content .alte-18 {
        font-size: 20px;
        line-height: 30px
    }

    #over-degiro-3-grey-content .roboto-reg-16 {
        font-size: 18px;
        line-height: 30px
    }

    #opacc-sec .pt-80 {
        padding-top: 50px
    }
}

@media(max-width:340px) {
    #over-degiro-3-2-boxes .bg-white td {
        font-size: 14px
    }

    #over-degiro-3-2-boxes .pr-140 {
        padding-right: 80px
    }
}

.max-w-875 {
    max-width: 875px
}

@media(max-width:1280px) {
    #over-degiro-4-content-white .alte-34 {
        font-size: 34px;
        line-height: 40px;
        padding-top: 30px;
        padding-bottom: 10px
    }

    #over-degiro-4-content-white.pb-95 {
        padding-bottom: 115px
    }
}

@media(max-width:375px) {
    #over-degiro-4-content-white .alte-34 {
        padding: 0
    }

    #over-degiro-4-content-white .pb-55 {
        padding-bottom: 25px
    }

    #over-degiro-4-content-white .pb-25 {
        padding-bottom: 0
    }

    #over-degiro-4-content-white .pb-40 {
        padding-bottom: 0
    }

    #over-degiro-4-content-white.pb-95 {
        padding-bottom: 60px
    }
}

.max-w-875 {
    max-width: 875px
}

.min-width-30s {
    min-width: 32%
}

.alte-72 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 72px;
    line-height: 40px
}

.lh30 {
    line-height: 30px
}

@media(max-width:1280px) {
    #over-degiro-2-top-white .pt-25 {
        padding-top: 60px;
        max-width: 460px;
        margin: 0 auto
    }

    #over-degiro-2-top-white .pb-25 {
        padding-bottom: 30px
    }

    #over-degiro-2-top-white .pb-50 {
        padding-bottom: 45px
    }

    #over-degiro-2-top-white .roboto-reg-24 {
        font-size: 20px;
        line-height: 30px
    }

    #over-degiro-2-top-white.pb-80 {
        padding-bottom: 130px
    }

    #over-degiro-2-blue-carousel .pt-40 {
        padding-top: 50px
    }

    #over-degiro-2-blue-carousel .pb-120 {
        padding-bottom: 135px
    }

    #over-degiro-2-white-content .pb-95 {
        padding-bottom: 105px
    }

    #over-degiro-2-white-content .pt-140 {
        padding-top: 135px
    }

    #opacc-sec .pt-75 {
        padding-top: 65px
    }
}

@media(max-width:1024px) {
    #over-degiro-2-top-white .pt-25 {
        padding-top: 50px
    }

    #over-degiro-2-blue-carousel .max-w-875 {
        padding-left: 125px;
        padding-right: 125px
    }

    #over-degiro-2-blue-carousel .mt-95 {
        margin-top: 35px
    }

    #over-degiro-2-blue-carousel .pb-120 {
        padding-bottom: 85px
    }

    #over-degiro-2-white-content .max-w-875 {
        padding-left: 125px;
        padding-right: 125px
    }

    #over-degiro-2-white-content .pb-105 {
        padding-bottom: 55px
    }

    #over-degiro-2-white-content .pb-95 {
        padding-bottom: 60px
    }

    #opacc-sec .pt-75 {
        padding-top: 75px
    }
}

@media(max-width:992px) {
    #over-degiro-2-white-content .bordered-right {
        border-bottom: 1px solid #e0e6ed;
        border-right: 0
    }

    #over-degiro-2-white-content .col-md-4 {
        width: 80%;
        margin: 0 auto;
        padding-bottom: 30px !important;
        padding-top: 40px !important;
        display: block;
        min-height: 225px
    }
}

@media(max-width:767px) {

    #over-degiro-2-blue-carousel .pl-50,
    #over-degiro-2-white-content .pl-45 {
        padding-left: 10px
    }

    #over-degiro-2-blue-carousel .pr-50,
    #over-degiro-2-white-content .pr-45 {
        padding-right: 10px
    }

    #over-degiro-2-white-content .col-sm-12 {
        width: 50%;
        margin: 0 auto;
        padding-bottom: 30px !important;
        padding-top: 40px !important
    }
}

@media(max-width:375px) {
    #over-degiro-2-top-white .pt-25 {
        padding-top: 0
    }

    #over-degiro-2-top-white.pt-180 {
        padding-top: 160px
    }

    #over-degiro-2-top-white.pb-80 {
        padding-bottom: 55px
    }

    #over-degiro-2-top-white .alte-45 {
        max-width: 310px;
        margin: 0 auto
    }

    #over-degiro-2-top-white .pb-50 {
        padding-bottom: 20px
    }

    #over-degiro-2-blue-carousel .max-w-875 {
        padding-left: 0;
        padding-right: 0
    }

    #over-degiro-2-white-content .max-w-875 {
        padding-left: 0;
        padding-right: 0
    }

    #over-degiro-2-white-content .pt-140 {
        padding-top: 55px
    }

    #over-degiro-2-white-content .roboto-reg-12 {
        line-height: 30px
    }

    #over-degiro-2-white-content .bordered-right {
        border-bottom: 1px solid #e0e6ed;
        border-right: 0
    }

    #over-degiro-2-white-content .col-md-4 {
        width: 80%;
        margin: 0 auto;
        padding-bottom: 30px !important;
        padding-top: 40px !important
    }

    #opacc-sec.bordered-top {
        border: 0
    }

    #opacc-sec .pt-75 {
        padding-top: 15px
    }

    #opacc-sec .pb-85 {
        padding-bottom: 130px
    }

    #opacc-sec .pb-20 {
        padding-bottom: 40px
    }
}

.max-w-875 {
    max-width: 875px
}

#nieuws-pers-3-boxes .white .bg-blue {
    padding-right: 0
}

.blue-back-arrow {
    float: left
}

@media(max-width:1280px) {
    #nieuws-bericht-content .pr-50 {
        padding-right: 130px
    }

    #nieuws-bericht-content .pr-50 {
        padding-left: 130px
    }

    #nieuws-bericht-content .pt-5px {
        padding-top: 25px
    }

    #nieuws-bericht-content .mb-35 {
        margin-bottom: 30px
    }

    #nieuws-bericht-content .mb-50 {
        margin-bottom: 30px
    }
}

@media(max-width:1024px) {
    #nieuws-bericht-content .pr-50 {
        padding-right: 70px
    }

    #nieuws-bericht-content .pr-50 {
        padding-left: 70px
    }

    #nieuws-bericht-content .pt-30 {
        padding-top: 20px
    }

    #nieuws-bericht-content .alte-45 {
        padding-right: 40%
    }

    #nieuws-bericht-content .row.pb-15 {
        padding-bottom: 15px
    }

    #nieuws-bericht-content .pt-5px {
        padding-top: 15px
    }

    #nieuws-bericht-content .mb-50 {
        margin-bottom: 60px
    }
}

@media(max-width:767px) {
    #nieuws-bericht-content .pr-50 {
        padding-right: 0
    }

    #nieuws-bericht-content .pr-50 {
        padding-left: 0
    }

    #nieuws-bericht-content.pb-120 {
        padding-bottom: 30px
    }
}

@media(max-width:375px) {
    #nieuws-bericht-content .pr-50 {
        padding-right: 0
    }

    #nieuws-bericht-content .pr-50 {
        padding-left: 0
    }

    #nieuws-bericht-content .alte-45 {
        padding-right: 0;
        font-size: 24px;
        line-height: 30px
    }

    #nieuws-bericht-content.pt-180 {
        padding-top: 145px
    }

    #nieuws-bericht-content.pb-120 {
        padding-bottom: 30px
    }

    #nieuws-bericht-content .blue-back-arrow-2 {
        padding-bottom: 25px
    }

    #nieuws-bericht-content .pt-30 {
        padding-top: 10px
    }

    #nieuws-bericht-content .pt-5px {
        padding-top: 0
    }
}

.max-w-875 {
    max-width: 875px
}

.background-awards {
    background-image: url("../imgs/bg-awards-page.png");
    background-repeat: no-repeat;
    background-color: #001722;
    background-position: 925px -345px
}

.alte-16 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px
}

.grey-awards {
    color: #9aa9b7
}

.dropbtn i {
    float: right
}

.dropdown {
    position: relative;
    display: inline-block;
    width: 100%
}

@media(max-width:1280px) {
    #over-degiro-6-title {
        padding-top: 170px;
        padding-left: 75px;
        padding-bottom: 75px
    }

    #over-degiro-6-title .alte-45 {
        padding-bottom: 20px
    }

    #over-degiro-6-title .roboto-reg-24 {
        font-size: 20px;
        line-height: 30px
    }

    #over-degiro-content .row.pb-95 {
        padding-bottom: 90px
    }

    .background-awards {
        background-position: 615px -310px
    }
}

@media(max-width:1024px) {
    #over-degiro-6-title {
        padding-top: 130px;
        padding-left: 90px;
        padding-bottom: 115px
    }

    #over-degiro-6-title .roboto-reg-24 {
        padding-bottom: 55px
    }
}

@media(max-width:767px) {

    #over-degiro-6-title.pl-60,
    #over-degiro-7-title.pl-60 {
        padding-left: 15px
    }

    #over-degiro-6-title.pr-60,
    #over-degiro-7-title.pr-60 {
        padding-right: 15px
    }

    #over-degiro-content .pt-105 {
        padding-top: 50px
    }

    #over-degiro-content .pb-120 {
        padding-bottom: 50px
    }

    #over-degiro-content.pb-135 {
        padding-bottom: 50px
    }
}

@media(max-width:375px) {
    #over-degiro-6-title {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 65px;
        text-align: center
    }

    #over-degiro-6-title .alte-45 {
        width: 315px;
        padding-bottom: 30px
    }

    #over-degiro-6-title .roboto-reg-24 {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 90px
    }

    #over-degiro-content .row .pl-5 {
        padding-left: 0 !important
    }

    #over-degiro-content .row .pr-5 {
        padding-right: 0 !important
    }

    #over-degiro-content .row .alte-16 {
        font-size: 18px;
        line-height: 28px
    }

    #over-degiro-content .row .roboto-reg-16,
    #over-degiro-content .row .roboto-it-16 {
        font-size: 18px;
        line-height: 30px
    }

    #over-degiro-content .row .col-md-4,
    #over-degiro-content .row .col-md-6 {
        padding-bottom: 95px
    }

    #over-degiro-content .row {
        padding-bottom: 0 !important
    }

    #over-degiro-content .row .mt-5 {
        margin-top: 0 !important
    }

    #over-degiro-content.pb-135 {
        padding-bottom: 35px
    }

    .background-awards {
        background-size: 595px 645px;
        background-position: 74px -181px
    }
}

@media(max-width:375px) {
    #over-degiro-6-title .alte-45 {
        width: auto
    }
}

.fixed-top {
    z-index: 10
}

.min-width-100 {
    min-width: 100%
}

#information-form input,
#information-form select {
    height: 56px;
    background-color: #f7f9fc;
    border: 1px solid #e6ecf2;
    border-radius: 3px
}

#information-form button {
    height: 56px
}

#information .bg-el-1 {
    display: inline-block;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    top: -500px;
    right: -500px
}

#information .bg-el-2 {
    display: inline-block;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    top: 250px;
    right: -550px
}

#information .pt-190 {
    padding-top: 140px
}

@media(max-width:1280px) {
    .alte-34 {
        font-size: 34px;
        line-height: 40px
    }
}

@media(max-width:768px) {
    #information .bg-blue-grey {
        background-color: #fff
    }

    .distant-shadow-dark-bg {
        box-shadow: none
    }

    #courtagefri-handel .distant-shadow-dark-bg {
        -webkit-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26);
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26)
    }

    #info-page.pt-170 {
        padding-top: 110px
    }

    #info-page-left.pl-25 {
        padding-left: 8px
    }

    #info-page-right .m-auto {
        margin: 0 !important
    }

    #info-page-right .max-w-460 {
        max-width: 768px
    }
}

@media(max-width:375px) {
    .roboto-reg-16 {
        font-size: 18px;
        line-height: 30px
    }

    .alte-18 {
        font-size: 20px;
        line-height: 30px
    }

    #info-page.pt-170 {
        padding-top: 110px
    }

    #info-page .pl-25 {
        padding-left: 8px
    }

    #info-page .alte-34.pb-35 {
        padding-bottom: 45px
    }

    #info-page .roboto-reg-16.pb-25 {
        padding-bottom: 30px
    }

    #info-page .roboto-reg-16.pb-55 {
        padding-bottom: 60px
    }

    #info-page-right .max-w-460 .pt-5 {
        padding-top: 35px !important
    }

    #info-page-right .max-w-460 .alte-24 {
        padding-bottom: 10px
    }

    #info-page-right button {
        margin-top: 25px !important;
        margin-bottom: 5px !important
    }
}

body#helpdesk-page {
    color: #001722
}

a.link-black {
    color: #293d4a
}

a.link-black:hover {
    color: #00fefe
}

a.link-grey-dark {
    color: #9aa9b7
}

a.link-grey-dark:hover {
    color: #293d4a
}

#helpdesk-01 .form-control {
    border-color: #e6ecf2;
    color: #9aa9b7;
    border-radius: 5px
}

#helpdesk-01 .form-control::placeholder {
    color: #9aa9b7;
    background: url('../imgs/lens-icon.png') no-repeat;
    background-size: 20px;
    background-position: 180px 52%
}

#helpdesk-01 .form-control::-webkit-input-placeholder {
    color: #9aa9b7;
    background: url('../imgs/lens-icon.png') no-repeat;
    background-size: 20px;
    background-position: 100px 52%
}

#helpdesk-01 .form-control::-moz-placeholder {
    color: #9aa9b7;
    background: url('../imgs/lens-icon.png') no-repeat;
    background-size: 20px;
    background-position: 100px 52%
}

#helpdesk-01 .form-control:-ms-input-placeholder {
    color: #9aa9b7;
    background: url('../imgs/lens-icon.png') no-repeat;
    background-size: 20px;
    background-position: 100px 52%
}

#helpdesk-01 .form-control:-moz-placeholder {
    color: #9aa9b7;
    background: url('../imgs/lens-icon.png') no-repeat;
    background-size: 20px;
    background-position: 100px 52%
}

#helpdesk-02 i.fa-arrow-right {
    font-size: 20px
}

#helpdesk-03 li a i.fa-arrow-right {
    font-size: 20px;
    margin-right: 5px
}

#helpdesk-03 .left-list li {
    padding-bottom: 18px;
    padding-left: 5px
}

#helpdesk-03 .right-list li {
    padding-bottom: 3px
}

@media(max-width:1280px) {
    .roboto-reg-24 {
        font-size: 20px;
        line-height: 30px
    }

    #helpdesk-01 .pt-180 {
        padding-top: 155px
    }

    #helpdesk-01 .pb-190 {
        padding-bottom: 130px
    }

    #helpdesk-01 .alte-45 {
        padding-bottom: 15px
    }

    #helpdesk-03 .pr-50 {
        padding-right: 30px
    }

    #helpdesk-03 .pl-50 {
        padding-left: 30px
    }

    #helpdesk-03 .pb-55 {
        padding-bottom: 125px
    }
}

@media(max-width:1024px) {
    #helpdesk-02 .pt-60 {
        padding-top: 45px
    }

    #helpdesk-02 .pb-30 {
        padding-bottom: 15px
    }

    #helpdesk-02 .pb-25 {
        padding-bottom: 20px
    }

    #helpdesk-03.pt-90 {
        padding-top: 60px
    }

    #helpdesk-03.pb-120 {
        padding-bottom: 0
    }
}

@media(max-width:767px) {
    #helpdesk-01 .form-control::placeholder {
        background: 0
    }

    #helpdesk-01 .form-control:-ms-input-placeholder {
        background: 0
    }

    #helpdesk-01 .form-control::-webkit-input-placeholder {
        background: 0
    }

    #helpdesk-02 .bordered-left {
        border: 0;
        border-bottom: 1px solid #e0e6ed
    }

    #helpdesk-02 .container {
        width: 100%;
        padding: 0
    }
}

@media(max-width:375px) {

    .roboto-reg-16,
    .roboto-med-16 {
        font-size: 18px;
        line-height: 30px
    }

    #helpdesk-01 .alte-45 {
        padding-bottom: 20px
    }

    #helpdesk-01 .pb-20 {
        padding-bottom: 30px
    }

    #helpdesk-01 .pb-190 {
        padding-bottom: 160px
    }

    #helpdesk-02 {
        padding-left: 0;
        padding-right: 0
    }

    #helpdesk-02 .bordered-left {
        border-left: 0;
        border-bottom: 1px solid #e0e6ed
    }

    #helpdesk-02 .pl-40 {
        padding-left: 28px
    }

    #helpdesk-02 .pr-30 {
        padding-right: 0
    }

    #helpdesk-02 .pb-30 {
        padding-bottom: 10px
    }

    #helpdesk-02 .alte-20 {
        padding-bottom: 15px
    }

    #helpdesk-02 .roboto-reg-16 {
        padding-right: 30px
    }

    #helpdesk-03 {
        padding-left: 0;
        padding-right: 0
    }

    #helpdesk-03.pt-90 {
        padding-top: 0
    }

    #helpdesk-03 .card-header,
    #helpdesk-03 .card-block {
        padding: 10px 28px !important
    }

    #helpdesk-03 .left-list li {
        padding-bottom: 45px
    }

    #helpdesk-03 .right-list li {
        padding-bottom: 20px
    }
}

.card-header,
.card-block {
    padding-left: 0
}

#accordion-helpdesk-bericht .card-header .black {
    font-size: 34px;
    line-height: 40px
}

#accordion-helpdesk-bericht .card-header .black.collapsed {
    font-size: 18px;
    line-height: 30px
}

#accordion-helpdesk-bericht .card-header i.fa-chevron-up {
    display: inline-block
}

#accordion-helpdesk-bericht .card-header i.fa-chevron-down {
    display: none
}

#accordion-helpdesk-bericht .card-header .collapsed i.fa-chevron-up {
    display: none
}

#accordion-helpdesk-bericht .card-header .collapsed i.fa-chevron-down {
    display: inline-block
}

#helpdesk-bericht-01 i.fa-chevron-right {
    font-size: 11px;
    color: #293d4a
}

#helpdesk-bericht-01 .form-control {
    border-color: #e6ecf2;
    color: #9aa9b7;
    border-radius: 5px
}

#helpdesk-bericht-01 .form-control::placeholder {
    background: 0
}

#helpdesk-bericht-02 .card-header {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

#helpdesk-bericht-02 .right-list li {
    padding-bottom: 3px
}

#helpdesk-bericht-03 .bordered-left:first-child {
    border-left: 0
}

@media(max-width:1280px) {
    .alte-34 {
        font-size: 34px;
        line-height: 40px !important
    }

    .alte-18 {
        font-size: 20px;
        line-height: 30px !important
    }

    #helpdesk-bericht-01,
    #helpdesk-bericht-02 {
        padding-left: 60px !important
    }

    #helpdesk-bericht-02 .card-block.pr-150 {
        padding-right: 0
    }

    #helpdesk-bericht-02 .offset-1,
    #helpdesk-bericht-01 .col-md-4 {
        padding-left: 40px
    }
}

@media(max-width:1024px) {

    #helpdesk-bericht-01,
    #helpdesk-bericht-02 {
        padding-left: 40px !important
    }

    #helpdesk-bericht-02 .offset-1,
    #helpdesk-bericht-01 .col-md-4 {
        padding-left: 0
    }
}

@media(max-width:767px) {
    #helpdesk-bericht-03 .bordered-left {
        border-left: 0;
        border-bottom: 1px solid #e0e6ed
    }

    #helpdesk-bericht-03 .container {
        width: 100%;
        padding: 0
    }
}

@media(max-width:375px) {
    .alte-34 {
        font-size: 34px;
        line-height: 40px !important
    }

    .alte-18 {
        font-size: 20px;
        line-height: 30px !important
    }

    #helpdesk-bericht-01,
    #helpdesk-bericht-02 {
        padding-left: 20px !important
    }

    #helpdesk-bericht-02.pb-120 {
        padding-bottom: 0
    }

    #helpdesk-bericht-02 .pb-140 {
        padding-bottom: 0
    }

    #helpdesk-bericht-02 #accordion.border-bottom {
        border-bottom: 0
    }

    #lagetarieven .alte-34 {
        font-size: 24px
    }
}

#helpdesk-docs-03 .bordered-left:first-child {
    border-left: 0
}

#helpdesk-docs-01 i.fa-chevron-right {
    font-size: 11px;
    color: #293d4a
}

#helpdesk-docs-02 .right-list li {
    padding-bottom: 3px
}

#helpdesk-docs-01 .form-control {
    border-color: #e6ecf2;
    color: #9aa9b7;
    border-radius: 5px
}

#helpdesk-docs-01 .form-control::placeholder {
    background: 0
}

@media(max-width:1280px) {
    #helpdesk-docs-02 .pb-125 {
        padding-bottom: 25px
    }
}

@media(max-width:1024px) {
    #helpdesk-docs-02 .pb-125 {
        padding-bottom: 15px
    }
}

@media(max-width:767px) {
    #helpdesk-docs-03 .bordered-left {
        border-left: 0;
        border-bottom: 1px solid #e0e6ed
    }

    #helpdesk-docs-03 .container {
        width: 100%;
        padding: 0
    }
}

.bxslider {
    background-color: #fff
}

.bxslider li {
    height: 270px
}

.bxslider li img {
    width: 100%
}

.bx-wrapper {
    display: block;
    margin: 0 auto;
    padding-left: 40px
}

.bx-controls {
    display: none
}

#slider-prev {
    display: inline-block;
    width: 40px;
    height: 280px;
    position: absolute;
    padding-top: 130px;
    padding-left: 10px;
    z-index: 12;
    background-color: #f2f5f8
}

#slider-next {
    display: inline-block;
    width: 40px;
    height: 280px;
    position: absolute;
    padding-top: 130px;
    right: 0;
    padding-left: 10px;
    z-index: 12;
    background-color: #f2f5f8;
    top: 0
}

#slider-prev,
#slider-next {
    padding: 0 !important
}

.bx-next,
.bx-prev {
    width: 100%;
    display: inline-block;
    height: 100%;
    line-height: 272px;
    vertical-align: middle;
    text-align: center
}

@media(max-width:1600px) {

    .bx-next,
    .bx-prev {
        line-height: 220px
    }
}

@media(max-width:1280px) {

    .bx-next,
    .bx-prev {
        line-height: 190px
    }

    .bxslider li img {
        width: 80%
    }
}

#slider-part .cd-horizontal-timeline .bg-white img {
    display: block;
    width: 33px;
    height: 33px;
    margin: 0 auto;
    position: relative
}

@media(max-width:1280px) {
    #slider-part .pt-115 {
        padding-top: 75px
    }

    #slider-part .pb-100 {
        padding-bottom: 80px
    }

    #slider-part .events-content.pb-40 {
        padding-bottom: 10px
    }

    #slider-part .events-content .alte-45 {
        font-size: 34px
    }

    #start-investing .pt-140 {
        padding-top: 50px
    }
}

@media(max-width:1024px) {
    #slider-part .pb-100 {
        padding-bottom: 40px
    }
}

@media(max-width:375px) {
    #slider-part .pt-115 {
        padding-top: 65px
    }
}

#slider-part #wrapper-overdegiro .ui-jcoverflip {
    position: relative
}

#slider-part #wrapper-overdegiro .ui-jcoverflip--item {
    position: absolute;
    display: block
}

#slider-part #flip {
    height: 500px;
    width: 100%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    text-align: center
}

#slider-part #flip .ui-jcoverflip--title {
    position: absolute;
    bottom: 70px;
    width: 100%;
    text-align: center;
    color: #fff;
    visibility: hidden
}

#slider-part #flip img {
    display: block;
    border: 0;
    outline: 0
}

#slider-part #flip a {
    outline: 0
}

#slider-part #wrapper-overdegiro {
    height: 530px;
    overflow: hidden;
    position: relative
}

#slider-part #wrapper-overdegiro .ui-jcoverflip--item {
    cursor: pointer
}

#slider-part #scrollbar {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 80px
}

#slider-part .ui-state-default,
.ui-widget-content .ui-state-default {
    border: 3px solid #fff;
    background: #00fefe;
    font-weight: bold;
    color: #00fefe;
    outline: 0;
    border-radius: 50px
}

#slider-part #wrapper-overdegiro .ui-widget-content {
    border: 0;
    background: #62d0ff
}

#slider-part #wrapper-overdegiro .ui-slider-horizontal {
    height: .2em;
    max-width: 450px;
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center
}

#slider-part .ui-slider-horizontal .ui-slider-handle {
    top: -.6em;
    margin-left: -.6em
}

#slider-part #wrapper-overdegiro .ui-jcoverflip--item.inactive {
    opacity: .5
}

#slider-part #wrapper-overdegiro .color-drag {
    color: #62d0ff;
    text-align: center;
    margin-top: 0;
    padding-top: 0
}

#slider-part #wrapper-overdegiro .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.7em;
    height: 1.7em;
    cursor: default
}

@media(max-width:600px) {
    #slider-part #wrapper-overdegiro {
        height: 430px
    }

    #slider-part #flip {
        height: 400px
    }
}

@media(max-width:500px) {
    #slider-part #flip {
        width: 100%
    }
}

@media(max-width:479px) {
    #slider-part #wrapper-overdegiro {
        height: 330px
    }

    #slider-part #flip {
        height: 300px
    }
}

#professional .header-banner {
    background-image: url("../imgs/professional_banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 750px
}

.bg-transparent {
    background-color: rgba(0, 0, 0, 0.4)
}

#professional .prices-boxes {
    border: 1px solid #e6ecf2;
    border-radius: 3px;
    padding: 15px;
    max-width: 610px
}

#professional .prices-boxes p {
    margin-bottom: 0
}

#professional .prices-boxes:hover {
    -webkit-box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18)
}

#professional .bg-ourteam {
    background-image: url("../imgs/our-team-img-prof.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 400px
}

@media(max-width:992px) {
    #professional #ourteam .w-50 {
        width: 100% !important
    }
}

#professional #submenu a:hover {
    color: #fff
}

#professional .doc-center-div {
    background-color: #f7f9fc;
    border-radius: 5px;
    padding: 55px 80px;
    min-height: 670px
}

#professional .doc-center-div:hover {
    -webkit-box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 3px 6px 18px 0 rgba(0, 0, 0, 0.18)
}

.max-w-610 {
    max-width: 610px
}

@media(max-width:1024px) {
    #professional .mobile-toggler .fa-close {
        color: #000
    }

    #top-page.pt-220 {
        padding-top: 150px
    }

    #professional #services .pt-130 {
        padding-top: 80px
    }

    #professional #services.pt-160 {
        padding-top: 110px
    }

    #professional #services .col-md-4 {
        padding-bottom: 70px
    }

    #professional #whydegiro .boxes-box .float-right,
    #professional #whydegiro .boxes-box .float-left {
        float: none !important;
        display: block;
        margin: 10px auto
    }

    #professional #whydegiro .boxes-box {
        margin: 0 !important;
        padding: 0 !important
    }

    #professional #whydegiro {
        padding-top: 80px;
        padding-bottom: 80px
    }

    #professional #webtrader .mt-50 {
        margin-top: 0
    }

    #professional #webtrader {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media(max-width:768px) {
    #professional .row {
        padding: 0 20px
    }

    #professional .doc-center-div {
        background-color: #f7f9fc;
        border-radius: 5px;
        padding: 30px;
        min-height: 670px
    }

    #professional .partners-logo.ml-155,
    #professional .partners-logo.mr-155 {
        margin-left: 0;
        margin-right: 0
    }
}

.bx-wrapper {
    box-shadow: none
}

@media(max-width:1600px) {
    .bxslider li {
        height: 210px
    }

    #slider-prev,
    #slider-next {
        height: 220px;
        padding-top: 80px
    }
}

@media(max-width:1280px) {
    .bxslider li {
        height: 180px
    }

    #slider-prev,
    #slider-next {
        height: 190px;
        padding-top: 60px
    }
}

@media(max-width:768px) {
    .bxslider li {
        height: 150px
    }

    #slider-prev,
    #slider-next {
        height: 160px;
        padding-top: 60px
    }
}

#voordelen .table td,
#voordelen .table th {
    border-top: 0;
    border-bottom: 1px solid #e6ecf2;
    vertical-align: middle
}

#voordelen .table tr td:nth-child(2),
#voordelen .table tr td:nth-child(3) {
    text-align: center
}

#voordelen .voordelen-img {
    background-image: url("../imgs/voordelen-imgv2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

table.producten-tab-1-table-1 td:nth-child(3) p.roboto-reg-16 {
    font-size: 14px
}

#lagetarieven .table td,
#lagetarieven .table th {
    border-top: 0;
    border-bottom: 1px solid #e6ecf2;
    vertical-align: middle
}

@media(max-width:992px) {
    #lagetarieven .alte-34 {
        font-size: 24px
    }

    #lagetarieven table .roboto-reg-18 {
        font-size: 14px
    }
}

#belastingvoordeel .belastingvoordeel-img {
    background-image: url("../imgs/belastingvoordeel-imgv2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#accordion-belastingvoordeel .card-header,
.accordion-faqret .card-header,
#accordion-belastingvoordeel .card-block,
.accordion-faqret .card-block {
    border-right: 1px solid #e6ecf2;
    border-left: 1px solid #e6ecf2;
    padding-left: 15px
}

#accordion-belastingvoordeel .card-header .fa,
.accordion-faqret .card-header .fa {
    color: #00fefe
}

#accordion-belastingvoordeel .card,
.accordion-faqret .card {
    background-color: transparent
}

#accordion-belastingvoordeel .card-header a {
    display: block;
    min-height: 54px;
    padding: 10px 0;
    padding-right: 25px;
    vertical-align: middle
}

#accordion-belastingvoordeel .card-header a i,
#accordion-belastingvoordeel .card-header a em {
    position: absolute;
    top: 0;
    right: 20px
}

.bg-white,
#accordion-belastingvoordeel .bg-white,
.accordion-faqret .bg-white {
    background-color: #fff
}

@media(max-width:992px) {
    #belastingvoordeel .mt-m170px {
        margin-top: -100px
    }

    #belastingvoordeel .alte-34 {
        font-size: 24px
    }

    #belastingvoordeel .roboto-reg-18,
    .accordion-faqret .roboto-reg-18 {
        font-size: 16px
    }
}

@media(max-width:768px) {

    #belastingvoordeel .white-box.float-left,
    #belastingvoordeel .white-box.float-right {
        float: none !important;
        display: block;
        margin: 0 auto
    }

    #belastingvoordeel h5 a,
    .accordion-faqret h5 a {
        font-size: 20px;
        line-height: 25px
    }

    #belastingvoordeel .card-block.pr-150,
    .accordion-faqret .card-block.pr-150 {
        padding-right: 15px
    }

    .sitemap-links .border-right {
        border-right: 0
    }
}

@media(max-width:767px) {
    #disclaimer .border-bottom {
        border-bottom: 0
    }

    #disclaimer .pt-80 {
        padding-top: 60px
    }

    #disclaimer .pt-60 {
        padding-top: 40px
    }

    #disclaimer .pb-45 {
        padding-bottom: 0
    }

    #disclaimer .mb-40 {
        margin-bottom: 30px
    }

    #disclaimer .pb-45 .col-md-5:last-child {
        padding-top: 40px
    }
}

.search-results {
    background: #f6f8fa;
    border: 1px solid #e6ecf2;
    border-radius: 3px;
    width: 100%;
    height: 48px;
    line-height: 48px;
    vertical-align: middle
}

ul.search-questions li {
    padding-bottom: 25px !important;
    margin-left: 38px
}

ul.list-arrow-bullets li:before {
    content: "" !important;
    display: inline-block;
    background: url("../imgs/icons/question_icon.png") no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    margin-left: -40px !important;
    margin-top: 3px
}

ul.list-document-bullets li:before {
    content: "" !important;
    display: inline-block;
    background: url("../imgs/icons/document_icon.png") no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    margin-left: -40px !important;
    margin-top: 3px
}

.pagination {
    width: 100%
}

.pagination-to-first,
.pagination-to-last,
.pagination-prev,
.pagination-next,
.pagination-page {
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    border-radius: 3px;
    background: #f6f8fa;
    border: 1px solid #e6ecf2;
    color: #293d4a;
    text-align: center;
    margin: 0 4px;
    cursor: pointer
}

.pagination-page.active {
    background-color: #00fefe;
    border-color: #00fefe;
    color: #fff
}

.pagination-pages {
    padding: 0 20px
}

.pagination-to-first {
    background-image: url("../imgs/icons/jump_to_first_page.png") !important
}

.pagination-to-last {
    background-image: url("../imgs/icons/jump_to_last_page.png") !important
}

.pagination-prev {
    background-image: url("../imgs/icons/previous_page.png") !important
}

.pagination-next {
    background-image: url("../imgs/icons/next_page.png") !important
}

.bg-privacy-cookies {
    background-image: url("../imgs/bg-privacy.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.bg-subscribed {
    background-image: url("../imgs/bg-subscribed_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.bg-impressum {
    background-image: url("../imgs/bg-impressum.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.bg-unsubscribed {
    background-image: url("../imgs/bg-unsubscribed.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.bg-sitemap {
    background-image: url("../imgs/bg-sitemap.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.bg-contact {
    background-image: url("../imgs/bg-contact.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.bg-get-member {
    background-image: url("../imgs/bg_get-member.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@media(max-width:1280px) {
    #unsubscribed .pt-90 {
        padding-top: 55px
    }

    #unsubscribed .roboto-reg-16 {
        font-size: 14px;
        line-height: 24px
    }

    #subscribed .w-400,
    #unsubscribed .w-400 {
        width: 320px
    }
}

@media(max-width:375px) {
    #privacy-cookies .bg-privacy-cookies .pt-190 {
        padding-top: 150px
    }

    #privacy-cookies .bg-privacy-cookies .pb-155 {
        padding-bottom: 90px
    }

    #disclaimer .bg-disclaimer .pt-190 {
        padding-top: 135px
    }

    #disclaimer .bg-disclaimer .pb-155 {
        padding-bottom: 90px
    }

    #disclaimer .bg-disclaimer .pb-25 {
        padding-bottom: 5px
    }

    #disclaimer .pt-80 {
        padding-top: 60px
    }

    #disclaimer .pt-60 {
        padding-top: 40px
    }

    #disclaimer .pb-45 {
        padding-bottom: 0
    }

    #disclaimer .mb-40 {
        margin-bottom: 30px
    }

    #disclaimer .pb-45 .col-md-5:last-child {
        padding-top: 40px
    }

    #privacy-cookies #cookies-white-part-1 {
        padding-top: 60px
    }

    #unsubscribed .alte-45 {
        font-size: 24px;
        line-height: 32px
    }
}

@media(max-width:320px) {

    #subscribed .w-400,
    #unsubscribed .w-400 {
        width: 250px
    }
}

.border-right {
    border-right: 1px solid #e6ecf2
}

.sitemap-links ul {
    list-style-type: none;
    padding-left: 0
}

.sitemap-links ul.lvl-2 {
    padding-left: 24px
}

.sitemap-links ul li {
    padding-bottom: 15px
}

.sitemap-links a {
    color: #9aa9b7
}

.sitemap-links a:hover {
    color: #00fefe
}

a[href$=".pdf"].no-pdf-end {
    background-image: none;
    padding: 0
}

.submenu-faq p {
    color: #00fefe
}

.submenu-faq p:hover {
    cursor: pointer
}

.submenu-faq p.active {
    color: #9aa9b7
}

.testimonials-back1 {
    background-image: url("../imgs/Artboard–1.png");
    background-image: url("../imgs/Artboard–1v2.jpg");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 700px
}

.testimonials-back {
    min-height: 700px;
    background-color: #00fefe
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: ""
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: ""
}

.carousel-indicators li {
    position: relative;
    max-width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-left: 6px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border-radius: 50px;
    border: 1px solid #fff
}

.border-top-blue {
    border-top: 2px solid #00fefe;
    width: 32px
}

.padding-tb-slider-about {
    padding-top: 150px;
    padding-bottom: 95px
}

@media(max-width:1200px) {

    .testimonials-back1,
    .testimonials-back2,
    .testimonials-back3 {
        background-position: 50% center
    }
}

@media(max-width:768px) {

    .testimonials-back1,
    .testimonials-back2,
    .testimonials-back3 {
        background-size: cover;
        background-position: 50% center
    }

    .testimonials-back .carousel-inner .pt-130 {
        padding-top: 80px
    }

    .testimonials-back {
        min-height: 400px;
        background-color: #00fefe
    }

    .carousel-item .pt-120 {
        padding-top: 0;
        margin-top: 50px;
        margin-bottom: 50px
    }

    .padding-tb-slider-about {
        padding-top: 150px;
        padding-bottom: 15px
    }

    .carousel-indicators {
        left: 0
    }

    .carousel-item .pt-120 {
        padding-top: 0;
        margin-top: 50px;
        margin-bottom: 50px
    }

    .padding-tb-slider-about {
        padding-top: 150px;
        padding-bottom: 15px
    }

    .right-testimonials {
        padding: 40px 20px
    }
}

@media(max-width:320px) {
    .testimonials-back .carousel-inner .pt-130 {
        padding-top: 50px
    }

    .testimonials-back .right-testimonials {
        padding: 20px 10px
    }
}

.border-1 {
    border: 2px solid #f1f2f4;
    border-radius: 3px
}

.mh560 {
    min-height: 560px
}

#overdegiro #wrapper-overdegiro .ui-jcoverflip {
    position: relative
}

#overdegiro #wrapper-overdegiro .ui-jcoverflip--item {
    position: absolute;
    display: block
}

#overdegiro #flip {
    height: 500px;
    width: 100%;
    overflow: hidden;
    display: block;
    margin: 0 auto
}

#overdegiro #flip .ui-jcoverflip--title {
    position: absolute;
    bottom: 70px;
    width: 100%;
    text-align: center;
    color: #fff;
    visibility: hidden
}

#overdegiro #flip img {
    display: block;
    border: 0;
    outline: 0
}

#overdegiro #flip a {
    outline: 0
}

#overdegiro #wrapper-overdegiro {
    height: 530px;
    overflow: hidden;
    position: relative
}

#overdegiro #wrapper-overdegiro .ui-jcoverflip--item {
    cursor: pointer
}

#overdegiro #scrollbar {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 80px
}

#overdegiro .ui-state-default,
.ui-widget-content .ui-state-default {
    border: 3px solid #fff;
    background: #00fefe;
    font-weight: bold;
    color: #00fefe;
    outline: 0;
    border-radius: 50px
}

#overdegiro #wrapper-overdegiro .ui-widget-content {
    border: 0;
    background: #62d0ff
}

#overdegiro #wrapper-overdegiro .ui-slider-horizontal {
    height: .2em;
    max-width: 450px;
    display: block;
    margin: 0 auto
}

#overdegiro .ui-slider-horizontal .ui-slider-handle {
    top: -.6em;
    margin-left: -.6em
}

#overdegiro #wrapper-overdegiro .ui-jcoverflip--item.inactive {
    opacity: .5
}

#overdegiro #wrapper-overdegiro .color-drag {
    color: #62d0ff;
    text-align: center;
    margin-top: 0;
    padding-top: 0
}

#overdegiro #wrapper-overdegiro .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.7em;
    height: 1.7em;
    cursor: default
}

@media(max-width:768px) {
    .padding-tb-slider-about {
        padding-top: 50px
    }
}

@media(max-width:600px) {
    #overdegiro #wrapper-overdegiro {
        height: 430px
    }

    #overdegiro #flip {
        height: 400px
    }
}

@media(max-width:500px) {
    #overdegiro #flip {
        width: 100%
    }
}

@media(max-width:479px) {
    #overdegiro #wrapper-overdegiro {
        height: 330px
    }

    #overdegiro #flip {
        height: 300px
    }
}

@media(max-width:375px) {
    #overdegiro-top-text .pt-115 {
        padding-top: 75px
    }

    #overdegiro-top-text .pb-140 {
        padding-bottom: 100px
    }

    #overdegiro-4-white-boxes.pt-120 {
        padding-top: 80px
    }

    #overdegiro-4-white-boxes.pb-150 {
        padding-bottom: 70px
    }

    #overdegiro-4-white-boxes .p48 {
        padding: 30px 25px
    }
}

#overdegiro #slider-next {
    right: 0
}

.nav-pills {
    width: 100%;
    max-width: 500px;
    display: block;
    margin: 0 auto;
    text-align: center;
    border-bottom: 0
}

.nav-pills .nav-item {
    padding: 0;
    display: inline-block;
    cursor: pointer
}

.background-wave-press {
    background-image: url("../imgs/_svg/lines_press.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

#press-figures #prices-section .tarieven-title {
    top: -15px;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0 32px
}

#press-figures #prices-section .blue-tag {
    color: #fff;
    background-color: #00fefe;
    width: 100%;
    padding: 0 0 3px 0;
    border-radius: 3px
}

#press-tabs .nav-pills .grey,
#graphs-tabs .nav-pills .grey {
    color: #7f8b90
}

#press-tabs .nav-item .nav-link,
#graphs-tabs .nav-item .nav-link,
#press-tabs .nav-pills .nav-link,
#graphs-tabs .nav-pills .nav-link,
.nav-item {
    max-width: none;
    width: auto
}

#press-tabs .nav-pills .nav-link.active,
#graphs-tabs .nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link {
    background-color: transparent;
    color: #001722;
    border-bottom: 2px solid #00fefe;
    border-radius: 0
}

.divs-press-page:hover {
    -webkit-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26)
}

#press-tabs .nav-pills,
#graphs-tabs .nav-pills {
    width: 100%
}

.divs-press-page {
    min-height: 433px;
    padding: 50px 40px;
    border: 1px solid #f1f2f4;
    border-radius: 3px;
    position: relative
}

.divs-press-page .bottom-btn {
    position: absolute;
    bottom: 45px
}

@media(max-width:1366px) {
    .divs-press-page {
        min-height: 463px
    }
}

@media(max-width:768px) {
    .divs-press-page {
        min-height: 431px
    }
}

@media(max-width:375px) {
    .divs-press-page {
        min-height: 500px;
        padding: 40px;
        padding-bottom: 80px
    }

    .divs-press-page .bottom-btn {
        bottom: 30px
    }
}

.maxw900 {
    max-width: 900px
}

.border-btn2 {
    border: 1px solid #f1f2f4;
    border-radius: 3px
}

.subscribe-press-bg {
    background-image: url("../imgs/_svg/subscribe-press-bg.svg");
    background-position: center;
    background-size: cover;
    background-color: #00fefe;
    background-repeat: no-repeat
}

.subscribe-press-bg .form-control {
    height: 55px !important
}

@media(max-width:1480px) {
    .divs-press-page {
        min-height: 400px
    }
}

@media(max-width:1280px) {
    .subscribe-press-bg .maxw900 {
        max-width: 710px
    }
}

@media(max-width:1100px) {
    .divs-press-page {
        min-height: 390px
    }
}

@media(max-width:980px) {
    #prices-section .justify-content-center {
        -webkit-justify-content: space-between !important;
        justify-content: space-between !important
    }
}

@media(max-width:800px) {

    .testimonials-back1,
    .testimonials-back2,
    .testimonials-back3 {
        min-height: 850px
    }

    .carousel-item .pt-120 {
        padding-top: 170px;
        margin-top: 50px;
        margin-bottom: 50px
    }
}

@media(max-width:768px) {
    .divs-press-page {
        min-height: 360px
    }

    .background-wave-press {
        background-size: contain
    }

    .prices-section-price.mr-75 {
        margin-right: 0
    }
}

@media(max-width:767px) {
    #press-figures #prices-section .blue-tag {
        color: #fff;
        background-color: #00fefe;
        width: 100%;
        padding: 0 0 3px 0;
        border-radius: 3px;
        max-width: 220px;
        display: block;
        margin: 0 auto
    }

    #prices-section .mr-75 {
        margin-right: 10px;
        margin-left: 10px
    }

    #press-tabs .nav-item .nav-link,
    #graphs-tabs .nav-item .nav-link,
    #press-tabs .nav-pills .nav-link,
    #graphs-tabs .nav-pills .nav-link,
    .nav-item {
        max-width: none;
        width: auto
    }

    .pl-40 {
        padding-left: 15px
    }

    .testimonials-back1,
    .testimonials-back2,
    .testimonials-back3 {
        min-height: 530px
    }

    .carousel-item .pt-120 {
        padding-top: 0;
        margin-top: 50px;
        margin-bottom: 50px
    }
}

@media(max-width:470px) {
    .divs-press-page {
        min-height: 450px
    }
}

@media(max-width:567px) {
    #prices-section .justify-content-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .prices-section-price {
        padding-top: 10px
    }
}

@media(max-width:375px) {
    #press-reports.pt-80 {
        padding-top: 60px
    }

    #prices-section.pb-40 {
        padding-bottom: 45px
    }

    .graphs-tabs.pb-80 {
        padding-bottom: 60px
    }

    #press-tabs.pt-105 {
        padding-top: 75px
    }

    #press-tabs .alte-34 {
        margin-bottom: 0
    }

    #press-tabs #co-tabs {
        padding-bottom: 15px
    }
}

.clientvalue {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 45px;
    color: #001722;
    margin: 0 40px
}

.graphdescription {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #9aa9b7;
    margin-top: 10px;
    text-align: left;
    margin-left: 40px
}

.transactionvalue {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 45px;
    color: #001722;
    margin: 0 40px 0 0;
    margin-left: 40px
}

.transaction {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #9aa9b7;
    margin-top: 8px;
    margin-left: 40px
}

.em {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    color: #00fefe;
    font-style: normal
}

.max1600 {
    margin: auto;
    max-width: 1600px;
    height: auto
}

.contentbox {
    margin: 80px 100px 80px 100px;
    height: auto;
    width: auto
}

.graph {
    float: left;
    width: 50%;
    height: auto;
    position: relative
}

.minus40a {
    width: auto;
    margin-right: 40px;
    min-height: 1px
}

.minus40b {
    width: auto;
    margin-left: 40px;
    min-height: 1px
}

.barbox {
    width: 12.5%;
    float: left;
    height: 400px;
    position: relative;
    text-align: center;
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #9aa9b7;
    padding: 0
}

.barbox-line {
    width: 12.5%;
    float: left;
    height: 2px;
    position: relative;
    text-align: center;
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #9aa9b7;
    padding: 0
}

.barbox-line p {
    font-size: 16px;
    line-height: 56px
}

.barbox-line p.active {
    font-size: 20px;
    line-height: 56px
}

.barbox-line .bar {
    visibility: hidden
}

.barbox-line .bar.active {
    visibility: visible
}

.lastbarbox {
    color: #001722;
    font-size: 20px;
    line-height: 48px
}

.bottom {
    width: 100%;
    position: absolute;
    bottom: 0
}

.bar {
    width: 62%;
    margin: auto;
    height: 100%;
    background: #00fefe
}

.bar0 {
    background: #07a2e1;
    background: -webkit-linear-gradient(left, #00fefe, #0da5e3);
    background: -o-linear-gradient(right, #00fefe, #0da5e3);
    background: -moz-linear-gradient(right, #00fefe, #0da5e3);
    background: linear-gradient(to right, #00fefe, #0da5e3)
}

.bar1 {
    background: #1cade8;
    background: -webkit-linear-gradient(left, #15a9e6, #23b1eb);
    background: -o-linear-gradient(right, #15a9e6, #23b1eb);
    background: -moz-linear-gradient(right, #15a9e6, #23b1eb);
    background: linear-gradient(to right, #15a9e6, #23b1eb)
}

.bar2 {
    background: #31b8ef;
    background: -webkit-linear-gradient(left, #2ab4ec, #38bbf1);
    background: -o-linear-gradient(right, #2ab4ec, #38bbf1);
    background: -moz-linear-gradient(right, #2ab4ec, #38bbf1);
    background: linear-gradient(to right, #2ab4ec, #38bbf1)
}

.bar3 {
    background: #47c2f6;
    background: -webkit-linear-gradient(left, #40bff4, #4cc5f8);
    background: -o-linear-gradient(right, #40bff4, #4cc5f8);
    background: -moz-linear-gradient(right, #40bff4, #4cc5f8);
    background: linear-gradient(to right, #40bff4, #4cc5f8)
}

.bar4 {
    background: #5bcdfd;
    background: -webkit-linear-gradient(left, #55cafb, #62d0ff);
    background: -o-linear-gradient(right, #55cafb, #62d0ff);
    background: -moz-linear-gradient(right, #55cafb, #62d0ff);
    background: linear-gradient(to right, #55cafb, #62d0ff)
}

.bar5 {
    background: #5bcdfd;
    background: -webkit-linear-gradient(left, #55cafb, #62d0ff);
    background: -o-linear-gradient(right, #55cafb, #62d0ff);
    background: -moz-linear-gradient(right, #55cafb, #62d0ff);
    background: linear-gradient(to right, #55cafb, #62d0ff)
}

.bar6 {
    background: #d7f3ff
}

@media(max-width:640px) {
    .barbox-line p {
        font-size: 14px;
        line-height: 52px
    }

    .barbox-line p.active {
        font-size: 16px;
        line-height: 52px
    }
}

@media screen and (max-width:1279px) {
    .contentbox {
        margin: 80px 40px 80px 40px
    }
}

@media screen and (max-width:959px) {
    .graph {
        width: 100%
    }

    .minus40a {
        margin-right: 0
    }

    .minus40b {
        margin-left: 0
    }

    .transaction {
        margin-left: 0
    }

    .transactiongraph {
        display: none
    }
}

.nav-link {
    color: #6c7a87;
    line-height: 54px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent
}

.nav-link:hover {
    color: #001722
}

#co-tabs .nav-item {
    border: 0;
    background: 0;
    height: 72px;
    padding: 0;
    display: inline-block;
    cursor: pointer
}

#co-tabs .nav-link {
    border: 0;
    background: 0;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 4px
}

#co-tabs .nav-link.active,
#co-tabs .nav-link:hover {
    border-bottom: 4px solid #00fefe
}

#press-figures .nav-item>.nav-link {
    background: 0;
    border: 0;
    vertical-align: middle;
    line-height: 48px
}

#press-tabs .nav-item>.nav-link {
    vertical-align: top;
    line-height: 26px
}

#press-figures .nav-item.active>.nav-link,
#press-figures .nav-item>.nav-link:hover,
#press-figures .nav-pills .nav-link.active,
#press-figures .nav-pills .nav-item.show .nav-link {
    border: 0;
    border-bottom: 2px solid #00fefe;
    border-radius: 0;
    color: #6c7a87;
    background: 0
}

.pos-abs-z-1 {
    position: absolute;
    z-index: 1
}

.h1p {
    height: 1%
}

.h3p {
    height: 3%
}

.h11p {
    height: 11%
}

.h16p {
    height: 16%
}

.h29p {
    height: 29%
}

.h38p {
    height: 38%
}

.h43p {
    height: 43%
}

.h50p {
    height: 50%
}

.h51p {
    height: 51%
}

.h68p {
    height: 68%
}

.h71p {
    height: 71%
}

.h73p {
    height: 73%
}

.h80p {
    height: 80%
}

.h88p {
    height: 88%
}

.h93p {
    height: 93%
}

.h100p {
    height: 100%
}

.barbox-line p {
    cursor: pointer
}

.height48 {
    height: 48px
}

.line0,
.line1,
.line2,
.line3,
.line4,
.line5,
.line6,
.line7,
.line8,
.line9,
.line10,
.line11 {
    height: 2px
}

.line-graph {
    border-bottom: 1px solid #e6ecf2
}

.hide-me {
    display: none
}

.click-span {
    cursor: pointer
}

.background-blue {
    background-color: #f6fafd
}

.background-black {
    background-color: #060d11
}

.min-width-200 {
    min-width: 200px
}

.min-width-270 {
    min-width: 270px
}

ul.reports-li {
    list-style: none;
    padding-left: 0
}

ul.reports-li li {
    padding-bottom: 12px
}

ul.reports-li li a {
    color: #293d4a;
    vertical-align: middle
}

ul.reports-li li a:hover {
    color: #00fefe
}

ul.reports-li li:before {
    font-family: FontAwesome;
    content: "\f061";
    font-size: 16px;
    color: #00fefe;
    display: inline-block;
    padding-right: 10px;
    line-height: 26px;
    vertical-align: middle
}

#press-tabs #tab_a .border-btn2 {
    line-height: 48px;
    vertical-align: middle
}

.bg-disclaimer {
    background-image: url("../imgs/bg-disclaimer.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media(max-width:400px) {
    #helpdesk-01 .form-control::placeholder {
        background: 0
    }
}

.input-search-right {
    max-width: 300px;
    text-align: left;
    padding: 10px 10px 10px 15px
}

#help-search .bg-helpdesk-header {
    background-position-y: 25%
}

@media(max-width:360px) {
    #help-search .pagination-pages {
        margin: 0;
        padding: 0 5px
    }

    .pagination-to-first,
    .pagination-to-last,
    .pagination-prev,
    .pagination-next,
    .pagination-page {
        margin: 0 2px
    }
}

@media(max-width:320px) {
    #help-search .roboto-med-16 {
        font-size: 14px;
        line-height: 24px
    }

    #help-search .alte-20 {
        font-size: 18px;
        line-height: 28px
    }

    #help-search .pb-90 {
        padding-bottom: 45px
    }

    #help-search .pb-80 {
        padding-bottom: 40px
    }

    #help-search .pb-70 {
        padding-bottom: 35px
    }

    #help-search .pt-80 {
        padding-top: 40px
    }
}

@media(max-width:992px) {
    .hide-special {
        display: none !important
    }
}

#trader .equal-sign {
    font-size: 75px
}

@media(max-width:768px) {
    .cd-horizontal-timeline .events-wrapper {
        margin: 0
    }

    .cd-horizontal-timeline .events a {
        font-size: 0;
        color: transparent
    }
}

.events {
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0
}

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
    display: none
}

.left-arrow-timeline,
.right-arrow-timeline {
    color: #62d0ff;
    font-size: 50px;
    cursor: pointer
}

.left-arrow-timeline {
    position: relative;
    top: -400px;
    left: -500px;
    z-index: 200
}

.right-arrow-timeline {
    position: relative;
    top: -400px;
    right: -500px;
    z-index: 200
}

@media(max-width:1200px) {
    .left-arrow-timeline {
        left: -430px
    }

    .right-arrow-timeline {
        right: -430px
    }
}

@media(max-width:992px) {
    .left-arrow-timeline {
        left: -370px
    }

    .right-arrow-timeline {
        right: -370px
    }
}

@media(max-width:768px) {
    .left-arrow-timeline {
        left: -355px
    }

    .right-arrow-timeline {
        right: -355px
    }
}

@media(max-width:767px) {

    .left-arrow-timeline,
    .right-arrow-timeline {
        visibility: hidden
    }
}

#country-select .country-select-box {
    width: 520px;
    height: 120px;
    padding: 40px 48px
}

#country-select .country-select-box img {
    width: 56px;
    height: 40px
}

#country-select .country-select-box span {
    line-height: 40px;
    vertical-align: middle
}

#country-select .secure-logo {
    width: 91px;
    height: 35px;
    margin: 0 auto;
    display: block;
    position: relative
}

@media(max-width:1280px) {
    #country-select .pt-220 {
        padding-top: 140px
    }

    #country-select .alte-34.pb-100 {
        padding-bottom: 80px
    }

    #country-select .pb-115 {
        padding-bottom: 90px
    }

    #country-select .pb-55 {
        padding-bottom: 35px
    }

    #country-select .pb-120 {
        padding-bottom: 80px
    }

    .bg-helpdesk-header,
    .bg-overdegiro-header,
    #header-section {
        background-position: center;
        background-position-y: 0
    }
}

@media(max-width:1024px) {
    #country-select .country-select-box {
        width: 430px
    }
}

@media(max-width:992px) {
    #country-select .country-select-box {
        height: 80px;
        width: 290px;
        padding: 22px 30px
    }

    #country-select .country-select-box img {
        width: 34px;
        height: 24px
    }

    #country-select .country-select-box span {
        line-height: 34px;
        padding-left: 20px
    }
}

@media(max-width:768px) {
    #country-select .roboto-med-20 {
        font-size: 16px
    }
}

@media(max-width:767px) {

    #fifthsection-retirement.pb-150,
    #fifthsection-retirement .pb-150 {
        padding-bottom: 40px
    }

    #country-select .pull-right,
    #country-select .pull-left {
        margin: 10px auto;
        display: block;
        position: relative;
        float: none
    }

    #country-select .pb-115 {
        padding-bottom: 40px
    }

    .bg-helpdesk-header .pt-90 {
        padding-top: 0
    }
}

@media(max-width:375px) {
    #country-select .pt-220 {
        padding-top: 60px
    }

    #country-select .alte-34.pb-100 {
        padding-bottom: 30px
    }

    #country-select .pb-120 {
        padding-bottom: 30px
    }

    .bg-overdegiro-header {
        background-size: 350% 100%
    }
}

.round-flag {
    margin: 0 5px;
    width: 33px !important;
    height: 33px !important;
    border-radius: 100%;
    border: 1px solid #ced4db;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 150% 100%;
    display: block
}

.flag-bg-at {
    background-image: url('../imgs/flags/at.svg')
}

.flag-bg-au {
    background-image: url('../imgs/flags/au.svg')
}

.flag-bg-be {
    background-image: url('../imgs/flags/be.svg')
}

.flag-bg-ca {
    background-image: url('../imgs/flags/ca.svg')
}

.flag-bg-ch {
    background-image: url('../imgs/flags/ch.svg')
}

.flag-bg-cz {
    background-image: url('../imgs/flags/cz.svg')
}

.flag-bg-de {
    background-image: url('../imgs/flags/de.svg')
}

.flag-bg-dk {
    background-image: url('../imgs/flags/dk.svg')
}

.flag-bg-es {
    background-image: url('../imgs/flags/es.svg')
}

.flag-bg-eu {
    background-image: url('../imgs/flags/eu.svg')
}

.flag-bg-fi {
    background-image: url('../imgs/flags/fi.svg')
}

.flag-bg-fi {
    background-image: url('../imgs/flags/fi.svg')
}

.flag-bg-fr {
    background-image: url('../imgs/flags/fr.svg')
}

.flag-bg-gb {
    background-image: url('../imgs/flags/gb.svg')
}

.flag-bg-gr {
    background-image: url('../imgs/flags/gr.svg')
}

.flag-bg-hk {
    background-image: url('../imgs/flags/hk.svg')
}

.flag-bg-hu {
    background-image: url('../imgs/flags/hu.svg')
}

.flag-bg-ie {
    background-image: url('../imgs/flags/ie.svg')
}

.flag-bg-it {
    background-image: url('../imgs/flags/it.svg')
}

.flag-bg-jp {
    background-image: url('../imgs/flags/jp.svg')
}

.flag-bg-nl {
    background-image: url('../imgs/flags/nl.svg')
}

.flag-bg-no {
    background-image: url('../imgs/flags/no.svg')
}

.flag-bg-pl {
    background-image: url('../imgs/flags/pl.svg')
}

.flag-bg-pt {
    background-image: url('../imgs/flags/pt.svg')
}

.flag-bg-ro {
    background-image: url('../imgs/flags/ro.svg')
}

.flag-bg-se {
    background-image: url('../imgs/flags/se.svg')
}

.flag-bg-sg {
    background-image: url('../imgs/flags/sg.svg')
}

.flag-bg-tr {
    background-image: url('../imgs/flags/tr.svg')
}

.flag-bg-us {
    background-image: url('../imgs/flags/us.svg')
}

a.white-hover:hover {
    color: #FFF
}

#start-investing #three-boxes .white-box img {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    display: block;
    position: relative
}

#start-investing .devices-img {
    width: 1600px;
    height: 720px;
    position: relative;
    right: -50px
}

#start-investing .awards-imgs,
#landing1000 .awards-imgs {
    height: 300px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center
}

#start-investing-table td {
    height: 80px;
    vertical-align: middle
}

@media(max-width:1024px) {
    #start-investing .devices-img {
        width: 889px;
        height: 400px
    }
}

@media(max-width:576px) {
    #start-investing-table td {
        height: 64px;
        border-top: 0;
        border-bottom: 1px solid #eceeef
    }

    #start-investing-table td:first-child {
        width: 150px
    }

    .bg-tarieven-header {
        background-position: 25%;
        background-position-y: 0
    }

    #belastingvoordeel .boxes-box .p57 {
        padding: 50px 50px 50px 50px
    }
}

@media(max-width:375px) {
    #start-investing .alte-45 {
        font-size: 34px;
        line-height: 40px
    }

    #start-investing .bg-blue .alte-45 {
        font-size: 30px;
        line-height: 40px
    }

    #start-investing .robto-reg-24 {
        font-size: 20px;
        line-height: 30px
    }

    #start-investing .pt-140 {
        padding-top: 20px
    }

    #start-investing .pt-120 {
        padding-top: 80px
    }

    #start-investing .pb-150 {
        padding-bottom: 50px
    }
}

@media(max-width:374px) {
    .events ol {
        position: relative;
        top: 2px;
        left: 7px
    }

    #slider-part p.alte-34 {
        font-size: 24px
    }

    #belastingvoordeel .boxes-box .p57 {
        padding: 32px
    }

    #start-investing-table td:first-child {
        width: 100px
    }
}

.popover {
    z-index: 29 !important
}

.cross-ico {
    width: 65px;
    height: 35px;
    margin-left: 40px
}

@media(max-width:1200px) {
    #get-member .col-xl-4 {
        margin-top: 40px
    }
}

@media(max-width:1024px) {
    #get-member .col-xl-4 {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media(max-width:992px) {
    #get-member .col-xl-4 {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media(max-width:375px) {
    .bg-get-member .pt-190 {
        padding-top: 130px
    }

    .bg-get-member .pb-155 {
        padding-bottom: 75px
    }

    #get-member .pt-80 {
        padding-top: 50px
    }

    #get-member .pb-80 {
        padding-bottom: 50px
    }

    #get-member .pt-95 {
        padding-top: 65px
    }

    #get-member .pb-90 {
        padding-bottom: 30px
    }

    #get-member .col-xl-4 {
        margin-top: 25px
    }
}

@media(max-width:360px) {
    #get-member .btn.w-320 {
        width: 260px
    }
}

div.events-content {
    max-width: 800px;
    width: 100%;
    display: block;
    margin: 0 auto
}

li.item div.bg-white {
    min-height: 455px
}

.dates {
    width: 100%;
    display: block;
    margin: 55px auto 0
}

.dates ul {
    margin: 30px auto;
    position: relative;
    top: -13px;
    width: 100%;
    text-align: center
}

div.dates li.dateslink {
    float: left;
    margin-right: 20%;
    color: #62d0ff;
    text-align: center;
    font-size: 1.8em;
    position: relative;
    z-index: 30;
    cursor: pointer
}

div.dates li.dateslink.selected {
    color: #fff
}

div.dates li.dateslink span {
    font-size: 20px;
    position: absolute;
    bottom: -35px;
    left: -40px
}

div.line-timeline {
    width: 100%;
    background: #62d0ff;
    height: 2px
}

div.line-active-timeline {
    width: 20px;
    background: #fff;
    height: 2px;
    position: relative;
    top: -2px
}

@media(max-width:1024px) {
    div.dates li.dateslink {
        margin-right: 22%
    }
}

@media(max-width:767px) {
    #retirement-part-01 a {
        margin: 50px auto 0;
        display: block
    }

    #start-investing .devices-img {
        width: auto;
        height: 240px;
        right: 0
    }
}

#start-investing h1 {
    padding-bottom: 58px
}

@media screen and (max-width:640px) {
    #start-investing .bg-start-investing .pt-130 {
        padding-top: 70px
    }

    #start-investing .bg-start-investing .pb-140 {
        padding-bottom: 75px
    }
}

@media screen and (max-width:639px) {
    .contentbox {
        margin: 48px 24px 80px 24px
    }

    .barbox {
        height: 300px;
        font-size: 14px
    }

    .lastbarbox {
        font-size: 16px;
        line-height: 52px
    }

    .clientvalue {
        font-size: 34px
    }

    .clientdescription {
        font-size: 14px;
        margin-top: 4px
    }

    .transactionvalue {
        font-size: 34px
    }

    .transaction {
        font-size: 14px;
        margin-top: 4px
    }

    #header-section .header-section-bg {
        background-position-y: 25%;
        background-position-x: 45%
    }

    #header-section .pb-55 {
        padding-bottom: 12px
    }

    .border-for-twosections {
        top: 960px
    }

    #laptop-section .laptop-section-text {
        padding-top: 70px
    }

    #slider-section .pt-80 {
        padding-top: 64px
    }

    #slider-section .pb-110 {
        padding-bottom: 70px
    }

    #slider-section h2 {
        padding-top: 0
    }

    #boxes-part .pt-120 {
        padding-top: 80px
    }

    #boxes-part .pb-35 {
        padding-bottom: 0
    }

    #boxes-part .p57 {
        padding: 48px 48px 64px 48px
    }

    #boxes-part .white-box {
        border: 0;
        border-top: 1px solid #e6ecf2
    }

    #boxes-part .p10 {
        padding: 0
    }

    .white-box:hover {
        box-shadow: none
    }

    #boxes-part .min-h-460 {
        min-height: 280px
    }

    #boxes-part .learn-more-btn {
        margin-top: 48px
    }

    #boxes-part .mb-35 {
        margin-bottom: 0
    }

    #boxes-part.pb-80 {
        padding-bottom: 10px
    }

    #slider-part .pt-80 {
        padding-top: 40px
    }

    #boxes-part .boxes-box:last-child .white-box {
        border-bottom: 0
    }

    .dates {
        margin: 42px auto 0
    }
}

@media(max-width:520px) {
    .dates {
        max-width: 260px
    }

    div.dates li.dateslink span {
        font-size: 15px
    }

    #recaptcha {
        display: none
    }

    #laptop-section {
        padding-top: 0
    }
}

@media(max-width:350px) {
    #slider-part {
        padding-bottom: 50px
    }
}

body.dark a {
    outline: 0
}

.mobile-nav ul.navbar-nav li.active a {
    color: #00fefe
}

@media(max-width:420px) {
    .border-for-twosections {
        display: none
    }

    .events-content .item .p64 {
        padding: 40px
    }

    .events-content .item .alte-34 {
        font-size: 24px
    }

    .events-content .item .roboto-reg-18 {
        font-size: 16px
    }
}

#get-member #invite-plugin h3 {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 28px
}

#get-member #invite-plugin p {
    line-height: 1.7;
    font-size: 17px
}

#get-member #invite-plugin .new-blue-box-landing form {
    width: 100%;
    margin-top: -6px;
    margin-bottom: 20px
}

#get-member #invite-plugin .blue-input::-moz-placeholder {
    color: #9fe0fe;
    opacity: 1
}

#get-member #invite-plugin button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

#get-member #invite-plugin .blue-input::-moz-placeholder {
    color: #9fe0fe;
    opacity: 1
}

#get-member #invite-plugin .blue-input {
    color: #fff;
    border: 1px solid #0087ca;
    border-radius: 4px;
    height: 47px;
    background-color: #0087ca;
    padding: 0 10px;
    transition: border .3s linear 0, box-shadow .3s linear 0;
    font-size: 15px;
    width: 68%;
    margin-right: 10px
}

#get-member #invite-plugin .btn-white {
    background-color: #009fe3;
    color: #fff;
    height: 47px;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 15px;
    width: 115px;
    font-weight: bold
}

#get-member #invite-plugin .invite-links {
    font-size: 13px;
    color: #009fe3
}

#get-member #invite-plugin .invite-links i {
    margin-right: 5px;
    font-size: 14px
}

#get-member #invite-plugin .invite-links img {
    margin-left: 3px;
    margin-right: 2px
}

#get-member #invite-plugin .invite-links a {
    color: #009fe3;
    text-decoration: underline;
    font-size: 13px
}

#get-member #invite-plugin .btn-transparent.btn--icon {
    padding: 6px 10px;
    width: 116px
}

#get-member #invite-plugin form {
    max-width: 550px;
    display: block;
    margin: 0 auto
}

#get-member #invite-plugin .btn-transparent,
.btn-transparent:hover,
.btn-transparent:focus {
    display: inline-block;
    font-size: 13px !important;
    padding: 8px 10px;
    color: #fff;
    border-radius: 4px;
    border-color: #9fe0fe;
    border-style: solid;
    border-width: 1px 1px 3px 1px;
    margin: 4px 5px;
    text-align: center;
    background-color: #009fe3
}

#get-member #invite-plugin .arrow-invite-left {
    position: absolute;
    margin-top: 40px;
    margin-left: -310px
}

#get-member #invite-plugin .arrow-invite-right {
    position: absolute;
    margin-top: 50px;
    right: 80px
}

#get-member .modal-header {
    padding: 17px 30px;
    border-bottom: 0
}

#get-member .modal-header .checkbox {
    margin-bottom: 0
}

#get-member .modal-title {
    font-size: 24px;
    color: #009fe3
}

#get-member .checkall {
    color: #009fe3
}

#get-member .modal-body.modal-fixed-height {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll
}

#get-member .modal-body {
    padding: 0 30px 30px 30px
}

#get-member .modal-footer {
    border-top: 0;
    padding: 15px 30px
}

#get-member #contacts_import .checkbox {
    margin-top: 7px;
    margin-bottom: 7px
}

#get-member #contacts_import .checkbox label {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px
}

#get-member #contacts_import .checkbox label strong {
    font-weight: normal;
    color: #009fe3
}

#get-member .modal-footer .btn-primary {
    background-color: #009fe3;
    border: 1px solid #009fe3;
    height: 38px;
    padding: 0 30px
}

#get-member .modal-footer .btn-default {
    height: 38px;
    padding: 0 30px;
    color: #009fe3
}

#get-member #contactsModal .modal-dialog {
    width: 776px;
    margin-top: 100px
}

#get-member .modal-backdrop {
    z-index: 1240
}

#get-member .modal {
    z-index: 1250
}

#contactsModal .modal-dialog {
    width: 776px;
    margin-top: 100px
}

#contactsModal .modal-header {
    padding: 17px 30px;
    border-bottom: 0
}

#contactsModal button.close,
#copyLinkModal button.close,
#sendConfirmation button.close,
#emailsNotValid button.close,
#memberCodeNotValid button.close {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 1px solid #c2c2c2;
    color: #009fe3;
    opacity: 1;
    margin-right: -15px;
    font-size: 10px;
    line-height: 23px;
    text-align: center
}

#contactsModal .modal-title,
#copyLinkModal .modal-title,
#sendConfirmation .modal-title,
#emailsNotValid .modal-title,
#memberCodeNotValid .modal-title {
    font-size: 24px;
    color: #009fe3
}

#contactsModal .checkall {
    color: #009fe3
}

#contactsModal .radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

#contactsModal .radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

#contactsModal .modal-body.modal-fixed-height {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll
}

#contactsModal .modal-body {
    padding: 0 30px 30px 30px
}

#contactsModal .modal-header .checkbox {
    margin-bottom: 0
}

#contactsModal #contacts_import .checkbox {
    margin-top: 7px;
    margin-bottom: 7px
}

#contactsModal #contacts_import .checkbox label {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px
}

#contactsModal .radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

#contactsModal #contacts_import .checkbox label strong {
    font-weight: normal;
    color: #009fe3
}

#contactsModal #contacts_import .checkbox label {
    white-space: nowrap;
    font-size: 15px
}

#contactsModal .modal-footer {
    border-top: 0;
    padding: 15px 30px
}

#contactsModal .pull-left {
    float: left !important
}

#contactsModal .modal-footer .btn-primary {
    background-color: #009fe3;
    border: 1px solid #009fe3;
    height: 38px;
    padding: 0 30px
}

#contactsModal .modal-footer .btn-default {
    height: 38px;
    padding: 0 30px;
    color: #009fe3
}

#contactsModal [type="checkbox"]:not(:checked),
#contactsModal [type="checkbox"]:checked {
    position: relative;
    left: 0
}

#contactsModal #dismiss_modal {
    background-color: #fff
}

#copyLinkModal #copy-path {
    margin-bottom: 15px
}

@media(max-width:420px) {
    #sitemap .pt-90 {
        padding-top: 40px
    }

    #sitemap .pb-120 {
        padding-bottom: 20px
    }

    #impressum .border-bottom {
        border-bottom: 0
    }
}

#homepage .carousel,
#start-investing .carousel {
    max-width: 960px;
    width: 100%;
    min-height: 280px;
    display: block;
    margin: -100px auto 0;
    position: relative;
    z-index: 3;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.26);
    overflow: hidden
}

#homepage .content-promotion-img,
#start-investing .content-promotion-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    text-align: left
}

*::-ms-backdrop,
#homepage .content-promotion-img,
#start-investing .content-promotion-img {
    display: block
}

#homepage .content-promotion,
#start-investing .content-promotion {
    margin: 0 auto;
    text-align: center
}

#homepage .content-promotion-img a,
#start-investing .content-promotion-img a,
.content-promotion a {
    color: #00fefe
}

#homepage .promo-img,
#start-investing .promo-img {
    width: 200px;
    height: 144px;
    margin-right: 40px
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {

    #homepage .margin-slider,
    #start-investing .margin-slider {
        margin-left: 120px
    }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {

    #homepage .margin-slider,
    #start-investing .margin-slider {
        margin-left: 80px
    }
}

#homepage .carousel-control-prev,
#start-investing .carousel-control-prev,
.carousel-control-next {
    font-size: 40px;
    line-height: 180px;
    cursor: pointer;
    color: #ced4db;
    width: 10%
}

.carousel-control-prev {
    left: -20px
}

.carousel-control-next {
    right: -20px
}

#homepage .carousel-control-next:focus,
#start-investing .carousel-control-next:focus,
.carousel-control-prev:focus {
    color: #ced4db
}

#homepage .carousel-control-next:hover,
#start-investing .carousel-control-next:hover,
#homepage .carousel-control-prev:hover,
#start-investing .carousel-control-prev:hover {
    color: #00fefe
}

#homepage .carousel-indicators,
#start-investing .carousel-indicators {
    bottom: 15px
}

#homepage .carousel-indicators li,
#start-investing .carousel-indicators li {
    background-color: #ced4db
}

#homepage .carousel-indicators li.active,
#start-investing .carousel-indicators li.active {
    background-color: #00fefe
}

@media(max-width:992px) {

    #homepage .carousel,
    #start-investing .carousel {
        margin: -100px 2% 0 2%;
        width: 96%
    }

    #homepage .carousel-control-prev,
    #start-investing .carousel-control-prev,
    .carousel-control-next {
        width: 6%
    }
}

@media(max-width:767px) {

    #homepage .carousel-indicators,
    #start-investing .carousel-indicators {
        visibility: visible
    }

    #homepage .carousel-control-prev,
    #start-investing .carousel-control-prev,
    .carousel-control-next {
        display: none
    }
}

.mb-120 {
    margin-bottom: 120px
}

#header-bg-landing1000,
#header-bg-landingrugby {
    background-image: url("../imgs/1000_landing_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 730px;
    padding-top: 200px
}

#header-bg-landingrugby {
    background-image: url("../imgs/rugby_landing_bg.png")
}

.special-whitebox-landing {
    width: 32%;
    min-height: 240px
}

.round-text-bluebg-left {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    background-color: #00fefe;
    left: 31.5%;
    position: relative;
    top: -142px
}

.round-text-bluebg-right {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    background-color: #00fefe;
    right: -62.5%;
    position: relative;
    top: -142px
}

.round-text-bluebg-left p,
.round-text-bluebg-right p {
    margin-bottom: 0;
    padding: 8px 13px 0
}

.blue-percentage {
    padding: 8px 25px;
    background-color: #00fefe;
    color: #fff;
    border-radius: 3px;
    margin: 10px auto;
    width: 100px
}

#landing1000 .blue-percentage {
    padding: 8px 25px;
    background-color: #00fefe;
    color: #fff;
    border-radius: 3px;
    margin: 0 auto;
    width: 100% !important;
    display: inline-block;
    text-align: center
}

#landing1000 .table td,
#landing1000 .table th {
    vertical-align: middle
}

.logo-awards-landing {
    max-width: 325px;
    width: 100%;
    text-align: center
}

#countDownLanding {
    height: 80px;
    padding: 20px 0;
    color: white;
    background-color: #00fefe;
    text-align: center;
    position: static
}

.textCounter {
    font-family: "Alte Haas Grotesk", Arial, sans-serif;
    font-size: 16px;
    position: relative;
    top: -4px
}

@media(max-width:1600px) {
    .round-text-bluebg-right {
        right: -62.5%
    }
}

@media(max-width:1280px) {
    .round-text-bluebg-right {
        right: -61%
    }

    .round-text-bluebg-left {
        left: 31%
    }
}

@media(max-width:1024px) {
    .round-text-bluebg-right {
        right: -59.5%
    }
}

@media(max-width:992px) {
    #section1-landing .distant-shadow-dark-bg {
        -webkit-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26);
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26)
    }

    .special-whitebox-landing {
        width: 100%;
        margin-bottom: 30px
    }
}

@media(max-width:991px) {
    .round-text-bluebg-right {
        right: -38%;
        top: -310px
    }

    .round-text-bluebg-left {
        left: 46%;
        top: -580px
    }
}

@media(max-width:768px) {
    #section3-landing.pt-120 {
        padding-top: 50px
    }

    #section3-landing.pb-100 {
        padding-bottom: 50px
    }
}

@media(max-width:576px) {
    .logo-awards-landing {
        margin: 20px auto
    }

    .special-whitebox-landing {
        width: 90%;
        margin: 0 auto 30px !important
    }

    .textCounter {
        font-size: 12px;
        position: relative;
        top: -4px
    }

    #countDownLanding {
        height: 56px;
        padding: 8px 0
    }

    #countDownLanding pr-10 {
        padding-right: 8px
    }

    #countDownLanding pr-15 {
        padding-right: 12px
    }

    #countDownLanding .alte-34 {
        font-size: 24px
    }

    #start-investing .pb-105 {
        padding-bottom: 50px
    }

    #start-investing .pt-120 {
        padding-top: 50px
    }
}

@media(max-width:375px) {
    .round-text-bluebg-right {
        right: -34%
    }
}

.tarieven-table tbody tr td.text-center span,
.tarieven-table tbody tr td.text-center p {
    margin-left: 0
}

#header-bg-cme {
    background-image: url("../imgs/cme_landing_bg.png");
    background-size: cover;
    background-repeat: no-repeat
}

#section2-cmepartner {
    width: 100%;
    min-height: 300px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-color: #00fefe;
    background-image: url(../imgs/DEGIRO_quote_bg.png);
    background-position: left
}

#section3-cmepartner {
    width: 100%;
    min-height: 300px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-color: #0c222d;
    background-image: url(../imgs/CME_quote_bg.png);
    background-position: right
}

#section4-cmepartner {
    width: 100%;
    min-height: 560px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-image: url(../imgs/CME_bg.png);
    background-position: right
}

.gradient {
    width: 100%;
    min-height: 560px;
    background-image: url(../imgs/white_gradient.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.border-bottom-white {
    border-bottom: 1px solid #fff
}

.max-w-35 {
    max-width: 35px
}

#cmepartner iframe {
    width: 100%
}

.cme-logo-white {
    width: 350px;
    float: right
}

.cme-logo-color {
    width: 350px
}

#cmepartner .degiro-white-logo {
    width: 400px
}

@media screen and (max-width:1280px) {
    .cme-logo-white {
        width: 300px
    }

    #cmepartner .degiro-white-logo {
        width: 300px
    }
}

@media screen and (max-width:992px) {
    .cme-logo-white {
        width: 220px
    }
}

@media screen and (max-width:960px) {
    #section2-cmepartner {
        background-position: center
    }

    #section3-cmepartner {
        background-position: center
    }

    #section4-cmepartner {
        background-position: center
    }
}

@media screen and (max-width:767px) {
    #section2-cmepartner {
        background-image: url(../imgs/DEGIRO_quote_bg_phone.png);
        background-position: top;
        background-size: 100%
    }

    #section3-cmepartner {
        background-image: url(../imgs/CME_quote_bg_phone.png);
        background-position: top;
        background-size: 100%
    }

    #section4-cmepartner {
        background-image: url(../imgs/CME_bg_phone.png);
        background-position: bottom;
        background-size: 100%
    }

    .gradient {
        background-size: 0
    }

    .cme-logo-white {
        float: none;
        width: 175px;
        margin-bottom: 32px
    }

    #cmepartner .degiro-white-logo {
        width: 175px;
        margin-bottom: 32px
    }

    #header-bg-cme .pt-180 {
        padding-top: 130px
    }

    #header-bg-cme .pb-105 {
        padding-bottom: 70px
    }

    #section1-cmepartner .pt-90 {
        padding-top: 50px
    }

    #section1-cmepartner .pb-100 {
        padding-bottom: 50px
    }

    #section2-cmepartner .pt-80,
    #section3-cmepartner .pt-80 {
        padding-top: 36px
    }

    #section2-cmepartner .pb-80,
    #section3-cmepartner .pb-80 {
        padding-bottom: 50px
    }

    #section4-cmepartner .pt-110 {
        padding-top: 50px
    }

    #section4-cmepartner .pb-150 {
        padding-bottom: 230px
    }

    #section5-cmepartner .pt-80 {
        padding-top: 40px
    }

    .cme-logo-color {
        width: 300px
    }

    #cmepartner [class*="col-"] {
        padding-right: 24px;
        padding-left: 24px
    }
}

#carouselpromotions .carousel-inner {
    display: table;
    vertical-align: middle;
    text-align: center;
    height: 280px;
    margin: 0 auto
}

*::-ms-backdrop,
#carouselpromotions .carousel-inner {
    height: 350px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #carouselpromotions .carousel-inner {
        display: block
    }
}

#carouselpromotions .carousel-item .content-promotion-img {
    padding: 56px 80px 50px
}

#homepage .carousel-item .content-promotion,
#start-investing .carousel-item .content-promotion {
    padding: 36px 90px 50px
}

#carouselpromotions .tarieven-title {
    top: 0
}

#carouselpromotions .carousel-item.active {
    vertical-align: middle
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #carouselpromotions .carousel-item.active {
        background-color: #fff
    }

    #carouselpromotions .carousel-item {
        background-color: #fff
    }
}

@media(max-width:1200px) {
    #carouselpromotions .carousel-item .content-promotion-img {
        padding: 56px 40px 80px
    }

    #homepage .carousel-item .content-promotion,
    #start-investing .carousel-item .content-promotion {
        padding: 36px 74px 50px
    }
}

@media(max-width:767px) {
    #carouselpromotions .carousel-item .content-promotion-img {
        padding: 56px 24px 80px
    }

    #homepage .carousel-item .content-promotion,
    #start-investing .carousel-item .content-promotion {
        padding: 36px 24px 50px
    }

    #homepage .content-promotion-img,
    #start-investing .content-promotion-img {
        text-align: center
    }

    #homepage .w-50-tab,
    #start-investing .w-50-tab {
        width: 50% !important
    }

    #homepage .tarieven-title .roboto-reg-16,
    #start-investing .tarieven-title .roboto-reg-16,
    #homepage .tarieven-title .roboto-med-16,
    #start-investing .tarieven-title .roboto-med-16 {
        font-size: 16px
    }

    #carouselpromotions .carousel-inner {
        height: 420px
    }

    #homepage .carousel-item .tarieven-title,
    #start-investing .carousel-item .tarieven-title {
        padding: 0
    }

    #carouselpromotions .carousel-item {
        visibility: hidden
    }

    #carouselpromotions .carousel-item.active {
        display: table-cell;
        vertical-align: middle;
        visibility: visible
    }

    #homepage #carouselpromotions .mb-30,
    #start-investing #carouselpromotions .mb-30 {
        margin-bottom: 20px
    }

    .carousel-fade .carousel-inner .item {
        opacity: 0;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        transition-duration: .2s
    }

    .carousel-fade .carousel-inner .active {
        opacity: 1
    }

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1
    }

    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
        opacity: 1
    }

    .carousel-fade .carousel-control {
        z-index: 2
    }

    @media not all and (min-resolution:.001dpcm) {
        @media {
            div.dates li.dateslink {
                margin-right: 18% !important
            }

            div.dates li:last-child {
                margin-right: 0 !important
            }
        }
    }

    .round-text-bluebg-right {
        right: -36%
    }
}

@media not all and (min-resolution:.001dpcm) {
    @media {
        div.dates li.dateslink {
            margin-right: 18% !important
        }

        div.dates li:last-child {
            margin-right: 0 !important
        }
    }
}

@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :portrait) {
    .div.dates li.dateslink {
        margin-right: 18% !important
    }
}

@media(max-width:992px) {
    .carousel-control-prev {
        left: -5px
    }

    .carousel-control-next {
        right: -5px
    }

    #homepage .carousel,
    #carouselpromotions .carousel-inner,
    #start-investing .carousel,
    #carouselpromotions .carousel-inner,
    #carouselpromotions .carousel-item .content-promotion-img {
        min-height: 395px;
        height: auto
    }

    #carouselpromotions .carousel-item {
        visibility: hidden
    }

    #carouselpromotions .carousel-item.active {
        display: table-cell;
        vertical-align: middle;
        visibility: visible
    }
}

@media(max-width:640px) {
    .round-text-bluebg-right {
        right: -30%
    }

    .round-text-bluebg-left {
        left: 42%
    }
}

@media(max-width:1280px) {
    .testimonials-back2 .pt-120 {
        padding-top: 100px
    }
}

@media(max-width:992px) {
    .testimonials-back2 .pt-110 {
        padding-top: 130px
    }

    .testimonials-back2 .lh36 {
        line-height: 30px
    }

    .testimonials-back2 .alte-24,
    .testimonials-back1 .alte-24 {
        font-size: 20px
    }
}

@media(max-width:768px) {
    .testimonials-back1 .pt-100 {
        padding-top: 150px
    }

    .testimonials-back .carousel-inner .pt-130 {
        padding-top: 160px
    }

    .testimonials-back2 .pt-110 {
        padding-top: 70px
    }
}

@media(max-width:400px) {
    .testimonials-back .carousel-inner .pt-130 {
        padding-top: 100px
    }

    .testimonials-back1 .pt-100 {
        padding-top: 80px
    }

    .testimonials-back2 .pt-110 {
        padding-top: 0
    }

    .testimonials-back2 .pt-120 {
        padding-top: 50px
    }

    .testimonials-back .roboto-med-20 {
        font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
        font-size: 18px;
        line-height: 30px
    }

    .cme-logo-color {
        width: 280px
    }

    .logo-nasdaq2 {
        width: 80px;
        height: 23px
    }
}

#lancement {
    margin-top: 160px
}

#lancement #countDownLanding {
    top: -90px;
    position: relative
}

#lancement h1 {
    padding-top: 50px
}

#lancement input {
    width: 100%;
    height: 46px;
    margin-right: 10px;
    max-width: 745px
}

#lancement .equal-s {
    font-size: 90px;
    bottom: -6px;
    position: relative
}

#lancement #emailSubmit .btn {
    height: 46px;
    width: 100%;
    max-width: 230px
}

@media(max-width:1600px) {
    #lancement h1 {
        padding-top: 0
    }
}

@media(max-width:767px) {
    #lancement {
        margin-top: 0
    }

    #lancement #countDownLanding {
        top: 20px
    }
}

@media(max-width:400px) {
    #countDownLanding .alte-34 {
        font-size: 20px
    }

    .textCounter {
        font-size: 10px
    }
}

#cost-calc .alte-22 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 30px
}

#cost-calc .cost-calc-bg {
    background-image: url("../imgs/cost-calculator-bg.png");
    background-repeat: no-repeat;
    background-position: 100% 10%;
    background-size: cover;
    min-height: 730px;
    padding-top: 200px
}

#cost-calc .mt-125 {
    margin-top: 110px
}

#cost-calc .box-shadow {
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
    padding: 3rem;
    padding-top: 4rem
}

#cost-calc .container-1200 {
    width: 1280px;
    max-width: 100%
}

#cost-calc #cost-calc-body {
    margin-top: -200px
}

#cost-calc p.showGraph:hover,
#cost-calc p.goBack:hover {
    cursor: pointer
}

#cost-calc #cost-calc-body .col-12 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

#cost-calc #cost-calc-body .form-element {
    margin-bottom: 1.5rem;
    position: relative
}

#cost-calc #cost-calc-body form {
    padding-bottom: 1rem
}

#cost-calc #cost-calc-body input,
#cost-calc #cost-calc-body select {
    border: 1px solid #ced4db;
    border-radius: 3px;
    background-color: #f2f5f8;
    margin: 0;
    padding: 0 14px;
    color: #001722;
    height: 56px;
    line-height: 56px;
    vertical-align: middle;
    font-size: 16px;
    font-family: "RobotoMedium", Arial, sans-serif;
    width: 54%;
    -webkit-appearance: none;
    -moz-appearance: none
}

#cost-calc #cost-calc-body .selectdiv::after {
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 16px;
    color: #9aa9b7;
    position: absolute;
    top: 1rem;
    right: 1.5rem
}

#cost-calc #cost-calc-body label {
    font-size: 16px;
    color: #001722;
    width: 45%
}

#cost-calc #cost-calc-body .transactions {
    display: flex
}

#cost-calc #cost-calc-body .transaction-list {
    border-right: 1px solid #ced4db
}

#cost-calc #cost-calc-body .transaction-list .transaction-info,
#cost-calc #cost-calc-body .transaction-list .transaction-totalRes {
    margin: 0
}

#cost-calc #cost-calc-body .transactions-total {
    width: 39%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center
}

#cost-calc .transaction-data {
    border-top: 1px solid #ced4db
}

#cost-calc .transaction-info,
#cost-calc .transaction-totalRes {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-top: 20px
}

#cost-calc .transaction-info:after,
#cost-calc .transaction-totalRes:after {
    content: "";
    display: table;
    clear: both
}

#cost-calc .transaction-val {
    font-family: "RobotoMedium", Arial, sans-serif
}

#cost-calc .transaction-info p,
#cost-calc .transaction-totalRes p {
    margin: 0
}

#cost-calc .secondary-info {
    font-size: 14px;
    margin-top: 0
}

#cost-calc .btn-green {
    background-color: #00c853
}

#cost-calc .btn-red {
    background-color: #f44336
}

#cost-calc .w-48 {
    width: 48%
}

#cost-calc #cost-calc-body .results .btn {
    border-radius: 48px
}

.special-calc-popover {
    position: absolute;
    right: 140px;
    top: 15px
}

#cost-calc #cost-calc-body .alert i {
    font-size: 1.25rem;
    margin-right: 5px
}

#cost-calc .pt-6 {
    padding-top: 4rem
}

#cost-calc .transaction-info p:hover {
    color: #00fefe;
    cursor: pointer
}

#cost-calc form .euro-sign::before,
#cost-calc form .euro-sign2::before,
#cost-calc form .pound-sign::before,
#cost-calc form .pound-sign2::before {
    margin-top: 3px;
    margin-left: 295px;
    color: #001722
}

#cost-calc input.sign {
    padding-left: 35px !important
}

#cost-calc input::-webkit-input-placeholder {
    text-transform: none;
    color: red
}

#cost-calc input::-moz-placeholder {
    text-transform: none;
    color: red
}

#cost-calc input:-moz-placeholder {
    text-transform: none;
    color: red
}

#cost-calc input:-ms-input-placeholder {
    text-transform: none;
    color: red
}

@media(max-width:1280px) {

    #cost-calc form .euro-sign::before,
    #cost-calc form .euro-sign2::before,
    #cost-calc form .pound-sign::before,
    #cost-calc form .pound-sign2::before {
        margin-left: 275px
    }

    #cost-calc .cost-calc-bg {
        background-position: 20% 150%
    }
}

@media(max-width:1217px) {
    #cost-calc form .euro-sign2::before {
        margin-top: 17px
    }
}

@media(max-width:1170px) {

    #cost-calc form .euro-sign::before,
    #cost-calc form .euro-sign2::before,
    #cost-calc form .pound-sign::before,
    #cost-calc form .pound-sign2::before {
        margin-left: 255px
    }
}

@media(max-width:1080px) {

    #cost-calc form .euro-sign::before,
    #cost-calc form .euro-sign2::before,
    #cost-calc form .pound-sign::before,
    #cost-calc form .pound-sign2::before {
        margin-left: 235px
    }
}

@media(max-width:991px) {

    #cost-calc form .euro-sign::before,
    #cost-calc form .euro-sign2::before,
    #cost-calc form .pound-sign::before,
    #cost-calc form .pound-sign2::before {
        margin-left: 375px
    }
}

@media(max-width:992px) {

    #cost-calc form .euro-sign::before,
    #cost-calc form .euro-sign2::before,
    #cost-calc form .pound-sign::before,
    #cost-calc form .pound-sign2::before {
        margin-left: 15px;
        margin-top: 43px
    }

    #cost-calc input.sign {
        padding-left: 30px !important
    }
}

@media(max-width:1024px) {
    #cost-calc #cost-calc-body .transaction-list {
        width: 69%
    }

    #cost-calc #cost-calc-body .transaction-list .transaction-info,
    #cost-calc #cost-calc-body .transaction-list .transaction-totalRes {
        padding-right: 2.5rem
    }
}

@media(max-width:992px) {

    #cost-calc #cost-calc-body input,
    #cost-calc #cost-calc-body select,
    #cost-calc #cost-calc-body label {
        width: 100%
    }

    #cost-calc #cost-calc-body .selectdiv::after {
        top: 2.5rem
    }

    .special-calc-popover {
        top: 40px
    }
}

@media(max-width:768px) {
    #cost-calc #cost-calc-body .alte-22 {
        font-size: 18px
    }

    #cost-calc #cost-calc-body .roboto-reg-16,
    #cost-calc #cost-calc-body .roboto-med-16,
    #cost-calc #cost-calc-body label,
    #cost-calc #cost-calc-body input,
    #cost-calc #cost-calc-body select,
    .transaction-info,
    .transaction-totalRes {
        font-size: 14px
    }

    #cost-calc #cost-calc-body .roboto-reg-14,
    .secondary-info {
        font-size: 12px
    }

    #cost-calc .box-shadow {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    #contact-part-2 .contact-part-2-bg {
        background-position: 15% 100%
    }
}

@media(max-width:680px) {
    #cost-calc #cost-calc-body .transaction-list {
        width: 100%;
        border: 0
    }

    #cost-calc #cost-calc-body .transaction-list {
        width: 100%
    }

    #cost-calc #cost-calc-body .transaction-list .transaction-info,
    #cost-calc #cost-calc-body .transaction-list .transaction-totalRes {
        padding-right: 0
    }

    #cost-calc .cost-calc-bg {
        padding-top: 120px
    }
}

@media(max-width:575px) {
    #cost-calc #cost-calc-body {
        margin-top: -180px
    }

    #cost-calc .transactions-total .roboto-reg-16 {
        display: none
    }

    #cost-calc .alte-34 {
        font-size: 20px;
        text-align: center
    }

    #cost-calc #cost-calc-body .transactions-total {
        width: 100%;
        display: flex;
        justify-content: end
    }

    #cost-calc .cost-calc-bg .roboto-reg-16 {
        font-size: 14px
    }

    #contact-part-2 .partners-logo div {
        padding-left: 12px
    }

    #courtagefri-handel #three-boxes-section .p48 {
        padding: 48px 20px
    }
}

@media(max-width:400px) {
    #contact-part-2 .partners-logo div {
        background-size: 70%
    }
}

@media(max-width:360px) {
    #cost-calc #cost-calc-body .roboto-reg-16 {
        font-size: 12px
    }

    #cost-calc .box-shadow {
        padding: 1.25rem 1.75rem
    }
}

#cost-calc canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

#cost-calc .chart-form {
    padding: 0 !important
}

#cost-calc .chart-data {
    display: flex;
    flex: 1 0 50%;
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: 1px solid #ced4db
}

#cost-calc .chart-data .chart-col {
    width: 50%
}

#cost-calc .chart-data .chart-col:nth-child(2) {
    padding-left: 1.25rem
}

#cost-calc .chart-data .chart-col:first-child {
    padding-right: 1.25rem
}

#cost-calc #cost-calc-body .chart-data .form-element {
    margin-bottom: 1rem
}

#cost-calc #cost-calc-body .chart-data .form-element:last-child {
    margin-bottom: 0
}

#cost-calc #cost-calc-body .chart-data label {
    font-size: 14px;
    width: 47%
}

#cost-calc #cost-calc-body .chart-data input,
#cost-calc #cost-calc-body .chart-data select,
#cost-calc #cost-calc-body .chart-data .form-element span {
    font-size: 14px;
    height: 1.75rem;
    line-height: 1.75rem;
    width: 47%;
    float: right
}

#cost-calc #cost-calc-body .chart-data input,
#cost-calc #cost-calc-body .chart-data .form-element span {
    text-align: right
}

#cost-calc #cost-calc-body .chart-data .selectdiv::after {
    top: .1rem
}

#cost-calc .box-shadow {
    padding: 3.5rem 3rem
}

@media(max-width:680px) {
    #cost-calc .chart-data {
        flex: 1 0 100%;
        flex-wrap: wrap
    }

    #cost-calc .chart-data .chart-col {
        width: 100%;
        padding: 0 !important
    }

    #cost-calc .chart-data .chart-col:first-child .form-element:last-child {
        margin-bottom: 1rem !important
    }

    #cost-calc .chart-data {
        border-top: 0;
        margin-top: 2rem;
        padding-top: 0
    }

    #cost-calc .box-shadow {
        padding: 2rem 1.25rem
    }
}

#courtagefri-handel .table-blue-bg {
    background-color: #00fefe;
    display: block;
    width: 80px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    position: relative;
    padding: 0;
    margin: auto
}

#courtagefri-handel .table-row {
    min-height: 30px;
    line-height: 30px
}

#courtagefri-handel #laptop-section .laptop-img {
    top: 37px
}

#courtagefri-handel .special-whitebox {
    position: relative;
    padding-top: 48px
}

#courtagefri-handel .check-icon {
    position: relative;
    margin-top: -62px
}

#courtagefri-handel #laptop-section {
    padding-top: 0
}

@media(max-width:1280px) {
    #courtagefri-handel #laptop-section .pb-110 {
        padding-bottom: 0
    }

    #courtagefri-handel #laptop-section .pt-30 {
        padding-top: 0
    }
}

@media(max-width:1200px) {
    #courtagefri-handel #laptop-section .laptop-img {
        top: 0
    }
}

@media(max-width:1279px) {
    #courtagefri-handel #half-text-section {
        padding-top: 72px;
        padding-bottom: 20px
    }

    #courtagefri-handel #security-section {
        padding-top: 168px;
        padding-bottom: 20px
    }
}

@media(max-width:639px) {
    #courtagefri-handel .alte-45 {
        font-size: 34px;
        line-height: 40px
    }

    #courtagefri-handel .alte-34 {
        font-size: 24px;
        line-height: 32px
    }

    #courtagefri-handel .alte-20 {
        font-size: 16px;
        line-height: 26px
    }

    #courtagefri-handel .roboto-reg-20 {
        font-size: 18px;
        line-height: 28px
    }

    #courtagefri-handel .roboto-reg-16 {
        font-size: 14px;
        line-height: 24px
    }

    #courtagefri-handel .roboto-med-16 {
        font-size: 14px;
        line-height: 24px
    }

    #courtagefri-handel .btn.roboto-med-16 {
        line-height: 54px
    }

    #courtagefri-handel .table-blue-bg.roboto-med-16 {
        line-height: 32px
    }

    #courtagefri-handel .roboto-reg-14 {
        font-size: 12px;
        line-height: 14px
    }

    #courtagefri-handel .roboto-reg-12 {
        font-size: 10px;
        line-height: 16px
    }

    #courtagefri-handel .table-row {
        min-height: 22px;
        line-height: 22px
    }

    #courtagefri-handel .pt-110 {
        padding-top: 55px
    }

    #courtagefri-handel .pt-100 {
        padding-top: 45px
    }

    #courtagefri-handel .pt-80 {
        padding-top: 25px
    }

    #courtagefri-handel .pt-70 {
        padding-top: 20px
    }

    #courtagefri-handel .pt-60 {
        padding-top: 20px
    }

    #courtagefri-handel .pb-110 {
        padding-bottom: 55px
    }

    #courtagefri-handel .pb-120 {
        padding-bottom: 55px
    }

    #courtagefri-handel .pb-90 {
        padding-bottom: 40px
    }

    #courtagefri-handel .pb-25 {
        padding-bottom: 15px
    }

    #courtagefri-handel #laptop-section {
        padding-top: 0
    }

    #courtagefri-handel #laptop-section .pt-30 {
        padding-top: 0
    }

    #courtagefri-handel #three-boxes-section {
        padding-top: 12px;
        padding-bottom: 2px
    }

    #courtagefri-handel #courtagefri-table {
        padding-top: 0;
        padding-bottom: 2px
    }

    #courtagefri-handel #courtagefri-table .pt-60 {
        padding-top: 52px
    }

    #courtagefri-handel #courtagefri-table .mb-40 {
        margin-bottom: 4px
    }
}

#courtagefri-handel .text-box {
    width: 50%
}

#courtagefri-handel #three-boxes-section .special-whitebox {
    max-width: 100%;
    width: 100%;
    border-radius: 3px
}

#courtagefri-handel #three-boxes-section .special-whitebox:first-child {
    margin-right: 32px
}

#courtagefri-handel #three-boxes-section .special-whitebox:last-child {
    margin-left: 32px
}

#courtagefri-handel #sticky-anchor #tarieven-table-sticky tr th:first-child {
    width: 132px
}

#courtagefri-handel #sticky-anchor #tarieven-table-sticky tr th {
    padding: .75rem
}

@media(max-width:992px) {
    #courtagefri-handel #three-boxes-section .special-whitebox {
        width: auto;
        min-width: 0;
        max-width: 100%;
        margin: 0 !important;
        margin-bottom: 38px !important
    }

    #courtagefri-handel #three-boxes-section .distant-shadow-dark-bg {
        -webkit-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26);
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.26)
    }

    #courtagefri-handel #three-boxes-section .pt-100 {
        padding-top: 88px
    }

    #courtagefri-handel #three-boxes-section .pb-90 {
        padding-bottom: 52px
    }

    #courtagefri-handel #three-boxes-section .pb-15 {
        padding-bottom: 8px
    }

    #courtagefri-handel #three-boxes-section .pt-65 {
        padding-top: 70px
    }

    #courtagefri-handel #three-boxes-section .p48 {
        padding-bottom: 44px
    }
}

@media(max-width:768px) {
    #courtagefri-handel .text-box {
        width: 100%
    }
}

@media(max-width:375px) {
    #courtagefri-handel #three-boxes-section h2.alte-24 {
        font-size: 16px
    }

    #courtagefri-handel #three-boxes-section .pt-100 {
        padding-top: 44px
    }

    #courtagefri-handel #three-boxes-section .pb-90 {
        padding-bottom: 2px
    }

    #courtagefri-handel #three-boxes-section .pt-65 {
        padding-top: 40px
    }

    #courtagefri-handel #three-boxes-section .p48 {
        padding: 32px;
        padding-bottom: 28px
    }

    #courtagefri-handel #three-boxes-section .pt-40 {
        padding-top: 26px
    }

    #courtagefri-handel #three-boxes-section .special-whitebox {
        margin-bottom: 30px !important
    }

    #courtagefri-handel #three-boxes-section .check-icon {
        margin-top: -46px
    }

    #courtagefri-handel #three-boxes-section .pb-15 {
        padding-bottom: 4px
    }

    #courtagefri-handel #courtagefri-table .pb-60 {
        padding-bottom: 22px
    }

    #courtagefri-handel #courtagefri-table .roboto-med-14 {
        font-size: 12px
    }

    #courtagefri-handel #courtagefri-table .roboto-reg-14 {
        font-size: 12px
    }

    #courtagefri-handel #courtagefri-table .alte-20 {
        font-size: 12px
    }

    #courtagefri-handel #courtagefri-table th {
        padding: 4px 0;
        vertical-align: middle
    }

    #courtagefri-handel #courtagefri-table .table-blue-bg {
        width: 55px;
        margin-right: 0
    }

    #courtagefri-handel #courtagefri-table .pt-10 {
        padding-top: 0
    }

    #courtagefri-handel #courtagefri-table td {
        padding: 10px 0;
        vertical-align: middle
    }

    #courtagefri-handel #courtagefri-table tr th:first-child {
        width: 50%
    }

    #courtagefri-handel #courtagefri-table tr th:last-child {
        width: 25%;
        text-align: right !important
    }

    #helpdesk-03 .pl-50 {
        padding-left: 15px
    }

    #helpdesk-03 .pr-50 {
        padding-right: 15px
    }
}

#courtagefri-table table thead th {
    vertical-align: middle
}

#carouselpromotions .carousel-item .content-promotion-img.special-content-promotion-img {
    padding: 26px 80px 15px
}

.special-promo-img {
    max-width: 200px;
    margin-right: 40px;
    position: relative;
    top: -30px
}

@media(max-width:540px) {
    #carouselpromotions .carousel-item .content-promotion-img.special-content-promotion-img {
        padding: 26px 80px 60px
    }
}

@media(max-width:400px) {
    #carouselpromotions .carousel-item .content-promotion-img.special-content-promotion-img {
        padding: 26px 80px 70px
    }
}

.btn-out1:hover,
.btn-out1:active {
    background-color: rgba(255, 255, 255, 0.93);
    color: #00fefe !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#header-bg-rugbyteam {
    background-image: url("../imgs/rugby-g_copy.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

#section0-landing .blue-ball-bg {
    background-image: url("../imgs/blue-ball-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 30px
}

#section0-landing .white-ball-bg {
    padding: 20px 30px
}

.border-top-left-radius {
    border-top-left-radius: 3px
}

.border-top-right-radius {
    border-top-right-radius: 3px
}

.border-bottom-right-radius {
    border-bottom-right-radius: 3px
}

.border-bottom-left-radius {
    border-bottom-left-radius: 3px
}

#section0-landing .alte-78 {
    font-size: 78px;
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    line-height: 48px
}

#section0-landing .orange-div {
    background-color: #ee7402;
    padding: 20px 30px;
    text-align: center;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

#section0-landing .footnote {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #707070
}

#landing1000 .rugby-logo-img {
    position: absolute;
    right: 0;
    top: 100px
}

@media(max-width:1279px) {
    #section0-landing .alte-78 {
        font-size: 60px
    }
}

@media(max-width:991px) {
    #section0-landing .alte-78 {
        font-size: 40px
    }

    #section0-landing .roboto-med-20 {
        font-size: 16px
    }
}

@media(max-width:767px) {
    #header-bg-rugbyteam {
        background-image: none;
        background-color: #161618
    }

    #landing1000 #computation-example-div .pt-5 {
        padding-top: 0 !important
    }

    #landing1000 #computation-example-div .p-4 {
        padding: 0 !important;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

    #landing1000 #computation-example-div .p-4.sign-comp {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    #section0-landing .sign-comp {
        background-color: #fff
    }

    #section0-landing .sign-comp p.alte-78 {
        color: #00fefe;
        margin-top: 10px;
        font-size: 70px;
        margin-bottom: 20px
    }

    #section0-landing .mb-4 {
        margin-bottom: 0 !important
    }
}

@media(max-width:576px) {
    #landing1000 .max-w-460 {
        max-width: 100%
    }

    #landing1000 .alte-78 {
        font-size: 60px
    }

    #nationaliteit-mob .sl-placeholder {
        text-align: center !important
    }
}

#professional {
    margin-top: -30px
}

@media(max-width:767px) {}

.rel-index3 {
    position: relative;
    z-index: 3
}

.sl-placeholder[data-flag="se"]::before {
    bottom: -3px;
    position: relative
}

@media(max-width:540px) {

    .popover::after,
    .popover::before {
        display: none
    }

    .popover.bs-tether-element-attached-right,
    .popover.popover-left {
        margin-left: 70px
    }
}

#landing1000 .form-control.error::placeholder {
    color: red !important
}

#lang-drop select,
.currency select {
    width: 80px;
    background-color: transparent;
    border: solid 1px #ced4db;
    color: #000;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    height: 32px;
    line-height: 24px;
    border-radius: 5px;
    padding: 3px 3px 3px 7px;
    font-size: 14px
}

#lang-drop .custom-selectbox,
.currency .custom-selectbox {
    position: relative;
    display: inline-block;
    left: -100px
}

#lang-drop .custom-selectbox:after,
.currency .custom-selectbox:after {
    content: " ";
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ced4db;
    position: absolute;
    right: 6px;
    top: 14px
}

@media(max-width:1599px) {
    #lang-drop .custom-selectbox {
        left: -10px
    }
}

@media(max-width:1024px) {
    #lang-drop .custom-selectbox {
        left: -200px
    }

    #lang-drop .custom-selectbox::after {
        top: 28px
    }
}

@media(max-width:991px) {
    #lang-drop .custom-selectbox {
        left: -180px
    }
}

@media(max-width:767px) {
    #lang-drop .custom-selectbox {
        left: -80px
    }
}

@media(max-width:575px) {
    #lang-drop .custom-selectbox {
        left: -80px
    }

    #lang-drop select {
        top: 5px;
        position: relative;
        font-size: 12px
    }

    #lang-drop .custom-selectbox::after {
        top: 35px
    }

    .logo,
    .navbar-brand {
        position: relative;
        left: -10px
    }
}

@media(max-width:500px) {
    #lang-drop .custom-selectbox {
        left: auto
    }
}

@media(max-width:415px) {
    #lang-drop select {
        width: 70px;
        padding: 3px
    }

    #lang-drop .custom-selectbox {
        left: -30px
    }
}

@media(max-width:375px) {
    #lang-drop select {
        top: 0
    }

    #lang-drop .custom-selectbox {
        left: -20px
    }

    .logo,
    .navbar-brand {
        left: 0
    }
}

#under-const-content {
    padding-top: 110px;
    padding-bottom: 64px
}

#under-construction .maintenance {
    max-width: 400px;
    display: block
}

@media(max-width:767px) {
    #under-construction .maintenance {
        max-width: 240px;
        display: block
    }

    #under-construction .mt-60 {
        margin-top: 44px
    }

    #under-construction .mb-20 {
        margin-bottom: 10px
    }

    #under-construction .maintenance {
        padding-top: 0
    }
}

@media(max-width:767px) {
    #under-construction .max-w-640 {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

.border-left-blue {
    border-left: 3px solid #00fefe
}

#cash-fund .alte-45,
#cash-fund .alte-34,
#cash-fund .alte-24,
#cash-fund .alte-20,
#cash-fund .alte-18 {
    color: #001722
}

#cash-fund .white .alte-45,
#cash-fund .white .alte-34,
#cash-fund .white .alte-24,
#cash-fund .white .alte-20,
#cash-fund .white .alte-18 {
    color: #fff
}

.bg-cashfund-header {
    background-image: url("../imgs/cashfund_992up.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 730px;
    padding-top: 200px
}

.cash-fund-img {
    background-image: url("../imgs/cashfundquoteImg_1280up.png");
    background-size: cover;
    background-position: left center
}

#cash-fund .cash-fund-table {
    width: 100%;
    font-family: "RobotoRegular", Arial, sans-serif;
    font-size: 16px;
    border-bottom: 1px solid #e6ecf2
}

#cash-fund .mobile-table-head {
    font-family: "RobotoRegular", Arial, sans-serif;
    font-size: 14px;
    padding: 16px 30px;
    height: 64px;
    border-bottom: 1px solid #e6ecf2;
    border-top: 1px solid #e6ecf2;
    background-color: #f7fafd
}

#cash-fund .mobile-table .row {
    font-family: "RobotoRegular", Arial, sans-serif;
    font-size: 14px;
    padding: 16px 0;
    margin: 0 16px;
    border-bottom: 1px solid #e6ecf2;
    height: 56px
}

.cash-fund-table tr td {
    border-top: 1px solid #e6ecf2;
    min-width: 30%
}

#cash-fund .cash-fund-table thead th,
#cash-fund .cash-fund-table tbody td {
    padding: 0 10px
}

.cash-fund-table tbody tr:nth-child(odd) {
    background-color: #f7fafd
}

.cash-fund-table tr:nth-child(even) {
    background-color: #fff
}

.cash-fund-table tr {
    height: 56px
}

.cash-fund-table tr:nth-child(1) {
    height: 64px;
    border-bottom: 1px solid #c0cad4
}

.cash-fund-table tr td {
    padding: 5px
}

.cash-fund-table tr td:first-child {
    padding: 16px;
    text-align: left
}

.cash-fund-table tr td:last-child {
    padding: 16px;
    text-align: left;
    width: 130px !important
}

#cash-fund .currency select {
    background-color: #fff;
    max-width: 80px;
    width: 100%
}

#cash-fund .currency .custom-selectbox {
    left: 0
}

#cash-fund .currency .custom-selectbox::after {
    right: 18px
}

@media(max-width:1279px) {
    .cash-fund-img {
        background-image: url("../imgs/cashfundquoteImg_1280down.png");
        background-size: cover;
        background-position: center
    }
}

@media(max-width:991px) {
    .bg-cashfund-header {
        background-image: url(../imgs/cashfund_992down.png);
        background-size: cover;
        background-position: right center
    }

    .cash-fund-img {
        background-image: url("../imgs/cashfundquoteImg_767down.png");
        background-size: cover;
        background-position: left center
    }

    #cash-fund .hidden-lg-up img {
        max-height: 134px
    }
}

@media(max-width:767px) {
    #cash-fund .mobile-table-head {
        padding: 16px 16px
    }

    #cash-fund .mobile-table .row {
        margin: 0
    }

    .cash-fund-table tr:nth-child(1) {
        height: 64px
    }

    .cash-fund-img .alte-34 {
        line-height: 28px !important
    }

    #cash-fund .alte-45 {
        font-size: 34px
    }

    #cash-fund .alte-34 {
        font-size: 24px
    }

    #cash-fund .alte-24 {
        font-size: 18px
    }

    #cash-fund .alte-18 {
        font-size: 16px
    }

    #cash-fund .roboto-reg-20 {
        font-size: 16px
    }

    #cash-fund .roboto-reg-16 {
        font-size: 14px;
        line-height: 24px
    }

    #cash-fund .card-block.roboto-reg-18 {
        font-size: 14px;
        line-height: 24px
    }

    #cash-fund .pt-90 {
        padding-top: 45px
    }

    #cash-fund .pb-90 {
        padding-bottom: 30px
    }
}

.pt-14 {
    padding-top: 14px
}

.pb-14 {
    padding-bottom: 14px
}

.alte-32 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 32px
}

.alte-56 {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 56px
}

#new-tarieven .alte-18 {
    font-size: 18px
}

#new-tarieven .tarieven-table tbody tr td:last-child span.bg-blue,
#new-tarieven .tarieven-table-mob td span.bg-blue {
    display: block;
    width: 80px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    position: relative;
    padding: 0;
    margin: auto
}

#new-tarieven #producten-tabs-menu.nav-tabs .nav-item,
#new-tarieven #producten-tabs-menu.nav-tabs .nav-link {
    min-width: 140px;
    width: auto;
    height: 56px
}

#new-tarieven #producten-tabs-wrapper {
    top: -80px;
    box-shadow: inset 0 -80px 80px -45px rgba(0, 23, 34, 0.5);
    padding-top: 24px;
    position: relative
}

#new-tarieven #producten-tabs-wrapper #producten-tabs-menu.nav-tabs {
    top: auto
}

#new-tarieven #producten-tabs-menu.nav-tabs .nav-link {
    padding: 0 34px;
    color: rgba(255, 255, 255, 0.75)
}

#new-tarieven #producten-tabs-menu.nav-tabs .nav-link.active {
    color: #00fefe
}

#new-tarieven #static-table {
    margin-bottom: 20px;
    margin-top: 34px
}

#new-tarieven .select-competitors-head {
    max-width: 270px;
    width: 100%;
    padding-right: 20px
}

#new-tarieven #static-table div.logo-static {
    margin: 0 7px;
    float: left;
    height: 48px;
    border: 0;
    padding: 1px 7px;
    min-width: 130px;
    max-width: 140px;
    border-radius: 3px;
    margin-bottom: 15px;
    display: flex;
    cursor: pointer;
    pointer-events: auto
}

#new-tarieven #static-table div.logo-static.active {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16)
}

#new-tarieven #static-table img {
    display: block;
    margin: auto;
    width: auto;
    max-width: 100%;
    height: 32px
}

#new-tarieven .tarieven-table tbody tr td span,
#new-tarieven .tarieven-table tbody tr td p {
    margin-left: 0
}

#new-tarieven .tarieven-table tbody tr:hover td {
    background-color: #f6fcff
}

#new-tarieven .tarieven-table tbody tr.separator-row:hover td {
    background-color: #f7f9fc
}

#new-tarieven .tarieven-table tbody tr:hover td.fix1 {
    color: #00fefe
}

#new-tarieven .tarieven-table thead tr,
#new-tarieven .tarieven-table thead th,
#new-tarieven .tarieven-table tbody td {
    vertical-align: middle
}

#new-tarieven .tarieven-table thead th,
#new-tarieven .tarieven-table tbody td {
    width: 134px;
    text-align: center
}

#new-tarieven .tarieven-table .fix {
    text-align: left
}

#new-tarieven .tarieven-table thead th.fix,
#new-tarieven .tarieven-table tbody td.fix {
    min-width: 240px
}

#new-tarieven .tarieven-table thead th.fix1,
#new-tarieven .tarieven-table tbody td.fix1 {
    width: 160px
}

#new-tarieven .tarieven-table .fix1 img {
    max-height: 30px;
    height: 100%
}

#new-tarieven .tarieven-table thead th.column-hide img {
    max-height: 96px;
    max-width: 134px
}

#new-tarieven .tarieven-table .separator-row {
    height: 50px
}

#new-tarieven .table-row {
    min-height: 80px;
    line-height: 80px;
    vertical-align: middle
}

#new-tarieven .table td.column-hide,
#new-tarieven .table th.column-hide {
    padding: 0
}

#new-tarieven .column-hide.column-7,
#new-tarieven .column-hide.column-8,
#new-tarieven .column-hide.column-9 {
    display: none
}

#new-tarieven #static-table div.logo-static.column-9 {
    margin-right: 0
}

#new-tarieven .tarieven-table-footnote .text-box {
    width: 50%
}

#new-tarieven .tarieven-table-footnote {
    padding: 0
}

#new-tarieven .tarieven-table tbody tr:last-child {
    border-bottom: 1px solid #eceeef
}

#new-tarieven #tarieven-table-percent .text-box {
    width: 25%
}

#new-tarieven #mobile-menu ul li {
    padding: 0 15px
}

#new-tarieven #mobile-menu .dropbtn-tarieven {
    color: #000;
    font-size: 18px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16) !important;
    padding: 14px 18px
}

#new-tarieven #mobile-menu .dropdown-content {
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    width: 100%;
    z-index: 1;
    margin-left: 0;
    padding-left: 0
}

#new-tarieven #mobile-menu #tabsDropdown.dropdown-content a {
    color: #000;
    padding-left: 0
}

#new-tarieven #mobile-menu #tabsDropdown.dropdown-content ul {
    list-style-type: none;
    display: block;
    text-align: left;
    padding-left: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16) !important
}

#new-tarieven #mobile-menu #tabsDropdown.dropdown-content #producten-tabs-menu-mob.nav-tabs .nav-item {
    display: list-item;
    margin-bottom: 0;
    text-align: left;
    width: 100% !important
}

#new-tarieven #mobile-menu #tabsDropdown.dropdown-content #producten-tabs-menu-mob.nav-tabs .nav-link {
    padding: 0
}

#new-tarieven .fix1 sup {
    margin-left: -5px
}

#new-tarieven .gratis-text {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 28px
}

@media(max-width:768px) {
    #new-tarieven #producten-tabs-wrapper {
        background: 0;
        display: none
    }
}

@media(max-width:1599px) {
    #new-tarieven .column-hide.column-6 {
        display: none
    }

    #new-tarieven .tarieven-table thead th.fix,
    #new-tarieven .tarieven-table tbody td.fix {
        min-width: 200px
    }

    #new-tarieven .tarieven-table thead th,
    #new-tarieven .tarieven-table tbody td {
        width: 114px
    }

    #new-tarieven .tarieven-table thead th.fix1,
    #new-tarieven .tarieven-table tbody td.fix1 {
        min-width: 120px !important
    }

    #new-tarieven .select-competitors-head {
        max-width: 236px
    }

    #new-tarieven #static-table div.logo-static {
        min-width: 101px
    }
}

@media(max-width:1279px) {
    #new-tarieven .column-hide.column-5 {
        display: none
    }

    #new-tarieven .tarieven-table thead th.fix1,
    #new-tarieven .tarieven-table tbody td.fix1 {
        min-width: 110px !important
    }

    #new-tarieven #static-table div.logo-static {
        min-width: 114px
    }

    #new-tarieven #static-table div.logo-static.column-6 {
        margin-right: 0
    }

    #new-tarieven .select-competitors-head {
        max-width: 210px
    }
}

@media(max-width:1024px) {
    #new-tarieven #static-table div.logo-static {
        min-width: 114px
    }

    #new-tarieven .column-hide.column-4 {
        display: none
    }
}

@media(max-width:991px) {
    #new-tarieven .tarieven-table-footnote .text-box {
        width: 100%
    }

    #new-tarieven #tarieven-table-percent .text-box {
        width: 50%;
        padding-bottom: 20px
    }

    #new-tarieven .column-hide.column-4,
    #new-tarieven .column-hide.column-3 {
        display: none
    }

    #new-tarieven #static-table div.logo-static {
        max-width: 80px
    }

    #new-tarieven #static-table div.logo-static.column-6 {
        margin-right: 7px
    }

    #new-tarieven #static-table div.logo-static.column-4,
    #new-tarieven #static-table div.logo-static.column-8 {
        margin-right: 0
    }

    #new-tarieven #producten-tabs-menu.nav-tabs .nav-item,
    #new-tarieven #producten-tabs-menu.nav-tabs .nav-link {
        min-width: 0;
        width: auto !important
    }

    #new-tarieven #producten-tabs-menu.nav-tabs .nav-link {
        padding: 0 19px
    }

    #new-tarieven #producten-tabs-menu {
        width: auto
    }

    #new-tarieven .alte-32 {
        font-size: 24px
    }

    #new-tarieven .alte-18 {
        font-size: 16px
    }

    #new-tarieven #static-table div.logo-static {
        min-width: 125px
    }

    #new-tarieven .select-competitors-head {
        max-width: 155px
    }

    #new-tarieven .tarieven-table thead th.fix,
    #new-tarieven .tarieven-table tbody td.fix {
        min-width: 165px !important
    }

    #new-tarieven .tarieven-table thead th.fix1,
    #new-tarieven .tarieven-table tbody td.fix1 {
        min-width: 80px !important
    }

    #new-tarieven .tarieven-table .roboto-med-16 {
        font-size: 14px
    }

    .table th.fix1 {
        padding: 0
    }

    #new-tarieven .tarieven-table thead th,
    #new-tarieven .tarieven-table tbody td {
        min-width: 80px !important;
        text-align: center
    }
}

@media(max-width:767px) {

    #new-tarieven #static-table div.logo-static.column-4,
    #new-tarieven #static-table div.logo-static.column-8 {
        margin-right: 7px
    }

    #new-tarieven #static-table div.logo-static.column-3,
    #new-tarieven #static-table div.logo-static.column-6,
    #new-tarieven #static-table div.logo-static.column-9 {
        margin-right: 0
    }

    #new-tarieven #tarieven-table-percent .text-box {
        width: 100%
    }

    #new-tarieven .column-hide.column-2 {
        display: none
    }

    #new-tarieven #producten-tabs-menu-mob {
        margin-bottom: 10px
    }

    #new-tarieven #producten-tabs-menu-mob.nav-tabs .nav-item {
        width: auto !important;
        display: inline-block;
        margin-bottom: 0;
        text-align: center
    }

    #new-tarieven .alte-32 {
        font-size: 22px
    }

    #new-tarieven .alte-18 {
        font-size: 16px
    }

    #new-tarieven .select-competitors-head {
        max-width: 95px
    }

    #new-tarieven #static-table div.logo-static {
        min-width: 95px
    }

    #new-tarieven .tarieven-table thead th.fix,
    #new-tarieven .tarieven-table tbody td.fix {
        max-width: 110px !important;
        min-width: 80px !important
    }

    #new-tarieven .tarieven-table thead th.fix1,
    #new-tarieven .tarieven-table tbody td.fix1 {
        min-width: 100px !important
    }

    #new-tarieven .table th.fix1,
    #new-tarieven .table th.fix2,
    #new-tarieven .table th.fix3 {
        padding: 0 8px
    }

    #new-tarieven .tarieven-table thead th,
    #new-tarieven .tarieven-table tbody td {
        min-width: 80px !important;
        text-align: center
    }
}

@media(max-width:576px) {
    #new-tarieven .tarieven-table-mob {
        margin-top: 20px;
        padding-right: 0;
        padding-left: 0
    }

    #new-tarieven #tarieven-table-percent .alte-34 {
        font-size: 20px
    }

    #new-tarieven #tarieven-table-percent.pt-120 {
        padding-top: 80px
    }

    #new-tarieven #tarieven-table-percent .pt-45 {
        padding-top: 32px
    }

    #new-tarieven #tarieven-table-percent.pb-65 {
        padding-bottom: 48px
    }

    #new-tarieven #tarieven-table-percent .box-table {
        padding: 15px 8px 15px 16px;
        margin-bottom: 12px;
        min-height: 65px
    }

    #new-tarieven #tarieven-table-percent .box-table .item {
        line-height: 64px
    }

    #new-tarieven #tarieven-table-percent .box-table {
        padding: 0 16px 0 24px
    }

    #new-tarieven #tarieven-table-percent .box-table .img-arrow-left {
        width: 24px;
        height: 24px;
        margin-left: 8px !important
    }

    #new-tarieven #tarieven-table-percent .box-table .roboto-med-16 {
        font-size: 14px
    }

    #new-tarieven #tarieven-table-percent .box-table .alte-24 {
        font-size: 18px
    }

    #new-tarieven #tarieven-table-percent .box-table .alte-16 {
        font-size: 14px
    }

    #new-tarieven .tarieven-table-footnote .pb-80 {
        padding-bottom: 64px
    }

    #new-tarieven .gratis-text {
        font-size: 16px
    }
}

@media(min-width:1920px) {
    .col-xl-3-1920 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

#professional #services .white-box {
    height: 100%
}

@media(max-width:1024px) {
    #professional .pr-80 {
        padding-right: 30px
    }
}

#new-partner-land .box {
    border: 1px solid #d6d6d6;
    margin-bottom: 20px
}

#new-partner-land .border-right-grey {
    border-right: 1px solid #e5e5e5
}

#new-partner-land .box .title {
    padding: 10px 15px;
    border-bottom: 2px solid #d6d6d6;
    background-color: #f7f9fc
}

#new-partner-land .box .description {
    padding: 20px 20px;
    height: 158px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

#new-partner-land .section-blue {
    background-image: url('../imgs/bg-landing.png');
    background-size: cover;
    background-position: center;
    background-color: #00fefe
}

#new-partner-land .table-meistgehandelt {
    width: 100%
}

#new-partner-land .table-meistgehandelt tr {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

#new-partner-land .table-meistgehandelt thead th {
    padding: 35px 15px
}

#new-partner-land .table-meistgehandelt tbody td {
    padding: 25px 15px
}

#new-partner-land .table-meistgehandelt thead th:first-child {
    max-width: 280px
}

#new-partner-land .border-bottom-grey {
    border-bottom: 1px solid #e6ecf2
}

#new-partner-land .new-landing-table-mob .card {
    background: 0
}

#new-partner-land .new-landing-table-mob .card-header {
    border-top: 1px solid #fff;
    padding-left: 20px
}

#new-partner-land .new-landing-table-mob.first-table .card:last-child .card-header,
#new-partner-land .new-landing-table-mob.second-table .card:last-child .card-header {
    border-bottom: 1px solid #fff
}

#new-partner-land .new-landing-table-mob .card-header .fa {
    color: #fff
}

#new-partner-land .new-landing-table-mob .card-header .fa {
    color: #fff
}

#new-partner-land .new-landing-table-mob .card-block {
    padding: 0 1.25rem;
    background-color: rgba(0, 0, 0, 0.1)
}

#new-partner-land .new-landing-table-mob .card-block .table td {
    border-top: 1px solid #e6ecf2;
    padding-left: 0;
    padding-right: 0
}

#new-partner-land .new-landing-table-mob .card-block .table tr:first-child td {
    border-top: 0
}

#new-partner-land .alte-45 {
    font-size: 45px !important;
    line-height: 48px !important
}

#new-partner-land .new-landing-table-mob a.link-white:hover {
    color: #075777
}

#new-partner-land #homepage {
    overflow: inherit
}

#new-partner-land #homepage .content-promotion-img .double-quote {
    font-size: 90px;
    align-self: start;
    bottom: -40px;
    position: relative
}

@media(max-width:991px) {
    #new-partner-land .box .title {
        padding: 5px 15px
    }

    #new-partner-land .pb-140 {
        padding-bottom: 100px
    }
}

@media(max-width:767px) {
    #new-partner-land #eurex-section.pt-95 {
        padding-top: 80px
    }

    #new-partner-land #eurex-section.pb-100 {
        padding-bottom: 80px
    }

    #new-partner-land #borse-section.pt-95 {
        padding-top: 64px
    }

    #new-partner-land #borse-section.pb-140 {
        padding-bottom: 80px
    }

    #new-partner-land #borse-section .pb-95 {
        padding-bottom: 64px
    }

    #new-partner-land .section-blue .table-landing-page.pt-90 {
        padding-top: 64px
    }

    #new-partner-land #last-section.pb-160 {
        padding-bottom: 76px
    }

    #new-partner-land #last-section.pt-90 {
        padding-top: 80px
    }

    #new-partner-land #last-section .pb-80 {
        padding-bottom: 44px
    }

    #new-partner-land #last-section img {
        padding-bottom: 20px
    }

    #new-partner-land #carouselpromotions .carousel-item .content-promotion-img {
        padding-left: 0;
        padding-right: 48px
    }
}

@media(max-width:375px) {
    #new-partner-land .roboto-reg-18 {
        font-size: 18px
    }

    #new-partner-land .alte-45 {
        font-size: 34px !important;
        line-height: 40px !important
    }
}

@media(max-width:330px) {
    #new-partner-land #borse-section .box .roboto-reg-16 {
        font-size: 15px
    }
}

#new-over-degiro-content .background-awards {
    background-color: transparent;
    background-size: 950px;
    background-position: right -330px top -150px
}

#new-over-degiro-content .alte-18 {
    line-height: 28px !important;
    font-size: 18px
}

.pb-185 {
    padding-bottom: 185px
}

#new-over-degiro-content .awards-list .item-awards {
    text-align: center;
    padding-right: 16px;
    padding-left: 16px;
    width: 33.333333%
}

@media(max-width:1599px) {
    #new-over-degiro-content .background-awards {
        background-position: right -350px top -130px
    }
}

@media(max-width:1279px) {
    #new-over-degiro-content .awards-list .item-awards {
        width: 50%
    }

    #new-over-degiro-content .pt-85 {
        padding-top: 45px
    }

    #new-over-degiro-content .pb-30 {
        padding-bottom: 20px
    }

    #new-over-degiro-content .roboto-med-24 {
        font-size: 20px;
        line-height: 30px
    }

    #new-over-degiro-content .pb-45 {
        padding-bottom: 30px
    }

    #new-over-degiro-content .pb-160 {
        padding-bottom: 120px
    }

    #new-over-degiro-content .pb-185 {
        padding-bottom: 145px
    }

    #new-over-degiro-content .alte-24 {
        font-size: 20px;
        line-height: 30px
    }

    #new-over-degiro-content .pb-120 {
        padding-bottom: 80px
    }

    #new-over-degiro-content .alte-34 {
        font-size: 24px;
        line-height: 34px !important
    }
}

@media(max-width:1199px) {
    #new-over-degiro-content .background-awards {
        background-position: right -385px top -540px
    }
}

@media(max-width:991px) {
    #new-over-degiro-content .background-awards {
        background-position: right -430px top -520px
    }
}

@media(max-width:767px) {
    #new-over-degiro-content .background-awards {
        background-position: right -500px top -590px
    }

    #new-over-degiro-content .pt-85 {
        padding-top: 25px
    }

    #new-over-degiro-content .roboto-med-24 {
        font-size: 18px;
        line-height: 28px
    }

    #new-over-degiro-content .pb-185 {
        padding-bottom: 120px
    }

    #new-over-degiro-content .pb-80 {
        padding-bottom: 60px
    }

    #new-over-degiro-content .pb-120 {
        padding-bottom: 60px
    }
}

@media(max-width:575px) {
    #new-over-degiro-content .background-awards {
        background-position: right -500px top -740px
    }

    #new-over-degiro-content .best-low-cost {
        margin-bottom: 40px;
        max-width: 200px
    }

    #new-over-degiro-content .pb-185 {
        padding-bottom: 75px
    }

    #new-over-degiro-content .awards-list .item-awards {
        width: 100%
    }

    #new-over-degiro-content .pb-120 {
        padding-bottom: 40px
    }

    #new-over-degiro-content .pb-65 {
        padding-bottom: 50px
    }
}

#new-over-degiro-content #mixedSlider {
    position: relative;
    max-height: 260px
}

#new-over-degiro-content #mixedSlider .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 5%;
    max-height: 260px
}

#new-over-degiro-content #mixedSlider .MS-content .item {
    display: inline-block;
    width: 25%;
    position: relative;
    vertical-align: top;
    padding: 0 10px;
    max-height: 260px;
    margin: 0 auto
}

#new-over-degiro-content #mixedSlider .MS-content .item .imgTitle {
    max-height: 260px;
    text-align: center;
    white-space: initial
}

@media(max-width:1200px) {
    #new-over-degiro-content #mixedSlider .MS-content .item {
        width: 50%
    }
}

@media(max-width:575px) {
    #new-over-degiro-content #mixedSlider .MS-content .item {
        width: 100%
    }
}

#new-over-degiro-content #mixedSlider .MS-controls button {
    position: absolute;
    border: 0;
    background-color: transparent;
    outline: 0;
    font-size: 50px;
    top: 0;
    transition: .15s linear;
    height: 100%
}

#new-over-degiro-content #mixedSlider .MS-controls button:hover {
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer
}

@media(max-width:992px) {
    #new-over-degiro-content #mixedSlider .MS-controls button {
        font-size: 30px
    }
}

@media(max-width:767px) {
    #new-over-degiro-content #mixedSlider .MS-controls button {
        font-size: 35px
    }
}

#new-over-degiro-content #mixedSlider .MS-controls .MS-left {
    left: 0
}

@media(max-width:767px) {
    #new-over-degiro-content #mixedSlider .MS-controls .MS-left {
        left: -10px
    }
}

#new-over-degiro-content #mixedSlider .MS-controls .MS-right {
    right: 0
}

@media(max-width:767px) {
    #new-over-degiro-content #mixedSlider .MS-controls .MS-right {
        right: -10px
    }
}

#loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #009fe3;
    border-bottom: 16px solid #009fe3;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: fixed;
    z-index: 10000;
    top: 50%;
    left: 48%
}

@-webkit-keyframes spin {
    0 {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0 {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

#slider-awards-homepage #mixedSlider {
    position: relative;
    max-height: 280px
}

#slider-awards-homepage #mixedSlider .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0 5%
}

#slider-awards-homepage #mixedSlider .MS-content .item {
    display: inline-block;
    width: 16.3%;
    position: relative;
    vertical-align: middle;
    padding: 0 10px;
    margin: 0 auto
}

@media(max-width:1700px) {
    #slider-awards-homepage #mixedSlider .MS-content .item {
        width: 19.5%
    }
}

#slider-awards-homepage #mixedSlider .MS-content .item .imgTitle {
    text-align: center
}

#slider-awards-homepage #mixedSlider .MS-content .item .imgTitle img {
    height: auto;
    max-height: 280px
}

@media(max-width:1360px) {
    #slider-awards-homepage #mixedSlider .MS-content .item {
        width: 33%
    }
}

@media(max-width:900px) {
    #slider-awards-homepage #mixedSlider .MS-content .item {
        width: 50%
    }
}

@media(max-width:650px) {
    #slider-awards-homepage #mixedSlider .MS-content .item {
        width: 100%
    }

    #slider-awards-homepage #mixedSlider .MS-content .item .imgTitle img {
        width: auto;
        max-height: 240px
    }
}

#slider-awards-homepage #mixedSlider .MS-controls button {
    position: absolute;
    border: 0;
    background-color: #f2f5f8;
    outline: 0;
    font-size: 32px;
    top: 0;
    color: rgba(0, 0, 0, 0.4);
    transition: .15s linear;
    height: 100%;
    padding: 0 15px
}

#slider-awards-homepage #mixedSlider .MS-controls button:hover {
    color: rgba(0, 0, 0, 0.8)
}

#slider-awards-homepage #mixedSlider .MS-controls .MS-left {
    left: 0
}

@media(max-width:767px) {
    #slider-awards-homepage #mixedSlider .MS-controls .MS-left {
        left: -10px
    }
}

#slider-awards-homepage #mixedSlider .MS-controls .MS-right {
    right: 0
}

@media(max-width:767px) {
    #slider-awards-homepage #mixedSlider .MS-controls .MS-right {
        right: -10px
    }
}

#new-helpdesk div.questions div.white p,
#new-helpdesk div.questions div.white p span,
div.wrapper-question div.white {
    color: #292b2c !important;
    background-color: transparent !important;
    font-size: 18px !important;
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif !important;
    line-height: 32px !important
}

#new-helpdesk .section-content {
    margin-bottom: 100px
}

#new-helpdesk div.section-questions div.dropdown a {
    height: 80px
}

#new-helpdesk div.section-questions div.dropdown a i {
    font-size: 14px
}

#new-helpdesk div.questions div.white a,
#new-helpdesk div.questions div.white a span {
    color: #00fefe !important
}

#new-helpdesk .bg-helpdesk-header {
    background-image: url("../imgs/helpdesk-bg.png");
    background-position: center
}

#new-helpdesk div.questions div.wrapper-question.card,
#new-helpdesk div.section-documents .card {
    background-color: transparent
}

#new-helpdesk div.questions div.wrapper-question table {
    border: 1px solid #292b2c !important;
    width: 100% !important;
    margin-bottom: 48px
}

#new-helpdesk div.questions div.wrapper-question table td {
    width: 50% !important;
    padding: 20px !important;
    border: 1px solid #dae0e5 !important
}

#new-helpdesk div.questions div.wrapper-question table tr:first-child td {
    font-weight: bold !important
}

#new-helpdesk div.questions div.wrapper-question table td p,
#new-helpdesk div.questions div.wrapper-question table td p span {
    margin-bottom: 0 !important;
    font-size: 16px !important;
    color: #757b83 !important
}

#new-helpdesk .icon.blue img {
    margin-bottom: 30px
}

#new-helpdesk .nav-pills {
    display: flex;
    padding-left: 0;
    margin: 0;
    list-style: none;
    max-width: none;
    top: -56px;
    position: relative
}

#new-helpdesk .nav-pills .nav-item {
    width: 100%;
    margin-right: 15px;
    max-width: 280px
}

#new-helpdesk .nav-pills .nav-item .nav-link {
    border-radius: 5px 5px 0 0;
    padding: 14px 10px;
    height: auto;
    font-family: "RobotoBold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    background-color: #fff;
    border: 1px solid #eceeef;
    width: 100% !important
}

#new-helpdesk .nav-pills .nav-item .nav-link.active {
    background-color: #f7f9fc;
    border: 1px solid #eceeef;
    color: #00fefe;
    border-bottom: 1px solid #f7f9fc
}

#new-helpdesk .nav-pills .nav-item .nav-link:hover {
    color: #00fefe
}

#new-helpdesk .section-documents {
    border-top: 1px solid #eceeef
}

#new-helpdesk .section-documents .img-documents {
    width: 41%
}

#new-helpdesk .section-documents .documents {
    width: 41%
}

#new-helpdesk .section-documents #popular .documents-list,
#new-helpdesk .section-documents #category .category-documents {
    list-style: none;
    padding: 30px 0 0;
    margin: 0
}

#new-helpdesk .section-documents .documents-list {
    list-style: none
}

#new-helpdesk .section-documents #category .category-documents a {
    color: #292b2c
}

#new-helpdesk .section-documents #category .category-documents a.collapsed {
    color: #a8b5c1
}

#new-helpdesk .section-documents #category .category-documents a.active,
#new-helpdesk .section-documents #category .category-documents a:hover {
    color: #292b2c
}

#new-helpdesk .section-documents .documents-list li a,
#new-helpdesk .section-documents #category .category-documents li a {
    margin-bottom: 16px
}

#new-helpdesk .section-documents #popular .documents-list li:hover a,
#new-helpdesk .section-documents #category .documents-list li:hover a {
    color: #007aab
}

#new-helpdesk .section-documents #category .documents-list a {
    color: #00fefe
}

#new-helpdesk .section-documents #category .documents-list a img {
    padding-left: 5px
}

#new-helpdesk .section-questions .dropbtn {
    color: #00fefe;
    font-size: 20px;
    border: 1px solid #eceeef
}

#new-helpdesk .section-questions .dropbtn img {
    width: 25px
}

#new-helpdesk .section-questions #tabsDropdown .nav-tabs,
#new-helpdesk .section-questions #tabsDropdown .nav-tabs .nav-item {
    display: inline
}

#new-helpdesk .section-questions #tabsDropdown.dropdown-content {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.26)
}

#new-helpdesk .section-questions #tabsDropdown .nav-tabs .nav-item .nav-link {
    text-align: left;
    color: #292b2c
}

#new-helpdesk .section-questions #tabsDropdown .nav-tabs .nav-item .nav-link {
    border: 1px solid #eceeef !important;
    border-radius: 0 !important;
    border-top: 0 !important
}

#new-helpdesk .section-questions #tabsDropdown .nav-tabs .nav-item .nav-link.active {
    background-color: #00fefe;
    color: #fff;
    border: 0
}

#new-helpdesk .section-questions #tabsDropdown .nav-tabs .nav-item .nav-link:hover {
    background-color: #f6fcff;
    color: #292b2c
}

#new-helpdesk .section-questions .tab-content.questions {
    padding-top: 48px
}

#new-helpdesk .section-questions .tab-content.questions .wrapper-question {
    color: #fff;
    border-top: 1px solid #eceeef
}

#new-helpdesk .section-questions .tab-content.questions .wrapper-question a.d-flex:hover {
    background-color: #f6fcff
}

#new-helpdesk .section-questions .tab-content.questions .wrapper-question a.d-flex {
    font-family: "RobotoBold", Helvetica, Arial, sans-serif;
    color: #292b2c;
    height: 80px;
    padding: 0 20px
}

#new-helpdesk .section-questions .tab-content.questions .wrapper-question a.collapsed {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    color: #292b2c;
    height: 80px;
    padding: 0 20px
}

#new-helpdesk .section-questions .tab-content.questions .wrapper-question:first-child {
    border: 0
}

#new-helpdesk .section-questions [data-toggle="collapse"] .fa:before {
    content: "\f106"
}

#new-helpdesk .section-questions [data-toggle="collapse"].collapsed .fa:before {
    content: "\f107"
}

#new-helpdesk .section-documents .collapse-mobile {
    display: block
}

@media(max-width:1199px) {
    #new-helpdesk section-content .pt-65 {
        padding-top: 48px
    }

    #new-helpdesk .section-questions .dropbtn {
        font-size: 18px
    }
}

@media(max-width:991px) {
    #new-helpdesk .section-documents .img-documents {
        width: 30%
    }

    #new-helpdesk .section-documents .documents {
        width: 60%
    }

    #new-helpdesk .section-questions .pb-95 {
        padding-bottom: 64px
    }

    #new-helpdesk .section-documents #popular .documents-list,
    #new-helpdesk .section-documents #category .category-documents {
        padding-bottom: 80px
    }

    #new-helpdesk .section-questions .pt-95 {
        padding-top: 80px
    }
}

@media(max-width:768px) {
    #new-helpdesk .section-questions .dropdown-content {
        position: absolute
    }
}

@media(max-width:767px) {
    #new-helpdesk .section-documents .documents {
        width: 100%
    }

    #new-helpdesk .nav-pills .nav-item:last-child {
        margin-right: 0
    }

    #new-helpdesk .section-questions .pt-95 {
        padding-top: 64px
    }
}

@media(max-width:575px) {
    #new-helpdesk .roboto-reg-18 {
        font-size: 18px;
        line-height: 28px
    }

    #new-helpdesk .roboto-reg-16,
    .roboto-med-16 {
        font-size: 16px;
        line-height: 26px
    }

    #new-helpdesk .section-documents button[data-toggle="collapse"]:hover,
    #new-helpdesk .section-documents button[data-toggle="collapse"] {
        color: #00fefe;
        background-color: #fff;
        width: 100%;
        padding: 25px 20px;
        border: 0;
        border-bottom: 1px solid #eceeef;
        text-align: left
    }

    #new-helpdesk .section-documents button[data-toggle="collapse"].collapsed {
        color: #292b2c
    }

    #new-helpdesk .section-documents button[data-toggle="collapse"] .fa {
        color: #292b2c
    }

    #new-helpdesk .section-documents button[data-toggle="collapse"] .fa:before {
        content: "\f106"
    }

    #new-helpdesk .section-documents button[data-toggle="collapse"].collapsed .fa:before {
        content: "\f107"
    }

    #new-helpdesk .section-documents .documents-mobile .documents-list {
        padding: 25px 20px
    }

    #new-helpdesk .section-documents .container {
        padding: 0
    }

    #new-helpdesk .section-documents .tab-content>.tab-pane {
        display: block !important
    }

    #new-helpdesk .section-documents .tab-content>.tab-pane.fade {
        opacity: 1
    }

    #new-helpdesk .section-documents .collapse-mobile {
        display: none
    }

    #new-helpdesk .section-documents .collapse-mobile.collapse.show {
        display: block
    }

    #new-helpdesk .section-documents #popular .documents-list,
    #new-helpdesk .section-documents #category .category-documents {
        padding: 25px 20px 70px 20px;
        border-bottom: 1px solid #eceeef
    }

    #new-helpdesk .section-questions .container {
        padding-left: 0;
        padding-right: 0
    }

    #new-helpdesk .section-questions .dropdown {
        padding: 0 15px
    }

    #new-helpdesk .section-questions #tabsDropdown.dropdown-content {
        width: calc(100% - 30px)
    }
}

.news-price-section {
    background-color: #f7f9fc;
    border-top: 1px solid #e7eff4;
    border-bottom: 1px solid #e7eff4;
    padding: 20px 25px
}

.hand-click {
    cursor: pointer
}

#new-tax .content .dropdown-menu .nav-tabs .nav-item {
    display: list-item;
    margin-bottom: 0;
    text-align: left;
    width: 100% !important
}

#new-tax .content .dropdown-menu .nav-tabs .nav-item .nav-link {
    text-align: left;
    color: #000;
    border: 0;
    border-radius: 0
}

#new-tax .content .dropbtn-tarieven {
    border: 1px solid #eaedf0;
    background-color: #f8fafd;
    color: #00fefe;
    padding: 24px;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#new-tax .content .dropdown-menu {
    background-color: #fff;
    min-width: 160px;
    width: 100%;
    z-index: 11;
    border: 1px solid #eaedf0;
    margin-left: 0;
    padding: 14px 0
}

#new-tax .content .tab-content.questions .wrapper-question a.d-flex {
    color: #000;
    height: 80px;
    padding: 0 20px
}

#new-tax .content .dropdown-menu ul {
    list-style-type: none;
    display: block;
    text-align: left;
    padding-left: 0
}

#new-tax .content .dropdown-menu .nav-tabs,
#new-tax .content .dropdown-menu .nav-tabs .nav-item {
    display: inline
}

#new-tax .content .tab-content.questions .wrapper-question a.d-flex:hover {
    background-color: #f7f9fc
}

#new-tax .content .dropdown-menu .nav-tabs .nav-item .nav-link {
    text-align: left;
    color: #000
}

#new-tax .content .tab-content.questions .wrapper-question a {
    font-weight: bold
}

#new-tax .content .tab-content.questions .wrapper-question a.collapsed {
    font-weight: normal
}

#new-tax .content .dropdown-menu .nav-tabs .nav-link {
    padding: 12px 25px
}

#new-tax .content .dropdown-menu .nav-tabs .nav-item.show .nav-link,
#new-tax .content .dropdown-menu .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #00fefe !important
}

#new-tax .content .dropdown-menu .nav-tabs .nav-link:focus,
#new-tax .content .dropdown-menu .nav-tabs .nav-link:hover {
    border: 0;
    background-color: #f7f9fc
}

#new-tax .content .tab-content.questions {
    padding-top: 48px
}

#new-tax .content .tab-content.questions .wrapper-question {
    border-top: 1px solid #f2f5f8
}

#new-tax .content .tab-content.questions .wrapper-question:first-child {
    border: 0
}

#new-tax .content [data-toggle="collapse"] .fa:before {
    content: "\f106"
}

#new-tax .content [data-toggle="collapse"].collapsed .fa:before {
    content: "\f107"
}

#new-tax .content .dropdown .dropdown-menu {
    width: 100%;
    max-width: 100%
}

#new-tax .content .dropdown-backdrop {
    display: none
}

@media(max-width:1199px) {
    #new-tax .content .dropbtn {
        font-size: 18px
    }
}

@media(max-width:991px) {
    #new-tax .content .pb-95 {
        padding-bottom: 64px
    }

    #new-tax .content .pt-95 {
        padding-top: 80px
    }
}

@media(max-width:767px) {
    #new-tax .content .pt-95 {
        padding-top: 64px
    }

    #new-tax .content .tab-content.questions .wrapper-question a.d-flex {
        color: #000;
        height: auto;
        padding: 10px 20px
    }
}

@media(max-width:575px) {
    #new-tax .content .container {
        padding-left: 0;
        padding-right: 0
    }

    #new-tax .content .dropdown {
        padding: 0 15px
    }

    #new-tax .content .dropdown .dropdown-menu {
        width: calc(100% - 30px);
        left: auto
    }
}

.circle {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center
}

#header-section .landing-bg-isk {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("../imgs/head-ISK-page.png");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    min-height: 730px;
    padding-top: 200px
}

.bg-bottom-isk {
    background-image: url("../imgs/bottom-ISK-page.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@media(max-width:767px) {
    #header-section .landing-bg-isk {
        min-height: 200px;
        background-position-x: 20%
    }

    #courtagefri-handel .special-whitebox {
        min-width: 150px
    }
}

#courtagefri-handel table.producten-tab-1-table-2 td,
table.producten-tab-1-table-2 th {
    height: 55px
}

.tarieven-tag-new {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    display: block
}

.link-tarieven-slider .roboto-reg-18 {
    font-family: "SuisseIntl-Regular", Helvetica, Arial, sans-serif
}

@media(max-width:991px) {
    .tarieven-tag-new.alte-18 {
        font-size: 16px
    }

    .tarieven-tag-new.alte-16 {
        font-size: 14px
    }

    .tarieven-tag-new.roboto-reg-16 {
        font-size: 14px
    }

    .tarieven-tag-new {
        margin: 0 auto;
        display: block;
        max-width: 190px;
        width: 100%
    }

    .link-tarieven-slider {
        text-align: center
    }
}

.learn-more-btn .learn-more-plus {
    margin-top: -6px
}

#producten-tabs-menu.shadow-on-tabs {
    box-shadow: inset 0 -80px 80px -45px rgba(0, 23, 34, 0.5);
    padding: 25px 0 0;
    top: -77px
}

#producten-tabs-menu.shadow-on-tabs .nav-link {
    color: rgba(255, 255, 255, 0.75)
}

.new-awards-background {
    width: 100%;
    min-height: 2000px;
    background-image: url('../imgs/full_width_degiro_awards_bg.svg');
    background-size: 100%, auto;
    margin-top: 120px;
    background-repeat: no-repeat
}

#overdegiro .header-back-img-interview {
    background-image: url('../imgs/background-interviewNSI.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    min-height: 730px;
    padding-top: 200px
}

#overdegiro .header-back-img-interview2 {
    background-image: url('../imgs/image-header-MM2500.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 35% 50%;
    min-height: 730px;
    padding-top: 200px
}

@media(max-width:564px) {
    #overdegiro .header-back-img-interview {
        background-position: 90%
    }

    #overdegiro .header-back-img-interview2 {
        background-position: 28%
    }
}

#slider-years .years-lines,
#slider-years .flex-parent .row.position-relative {
    position: relative
}

#slider-years .flex-parent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

#slider-years .input-flex-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    width: 100vw;
    max-width: 875px;
    position: relative;
    z-index: 0;
    margin-top: 50px
}

#slider-years input {
    width: 15px;
    height: 15px;
    background-color: #FFF;
    position: relative;
    border-radius: 50%;
    display: block;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    border-color: transparent;
    border-width: 0
}

#slider-years input:focus {
    outline: 0
}

#slider-years input+div.years-lines span::before,
#slider-years input+div.years-lines span::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    background-color: #FFF;
    width: 10vw;
    height: 2px;
    max-width: 100px
}

#slider-years .dot-info span {
    font-size: 20px;
    color: #62d0ff
}

#slider-years input+div.years-lines span::before {
    left: -135px
}

#slider-years input+div.years-lines span::after {
    right: -50px
}

#slider-years input[data-description="2013"]+div.years-lines span::before {
    left: 0
}

#slider-years input:checked+div.years-lines span::before {
    background-color: #FFF
}

#slider-years input:checked {
    background-color: #FFF
}

#slider-years input:checked+div.years-lines span::before {
    background-color: #FFF
}

#slider-years input:checked+div.years-lines span::after {
    background-color: #62d0ff
}

#slider-years input:checked~input,
#slider-years input:checked~div.years-lines span::before,
#slider-years input:checked~div.years-lines span::after {
    background-color: #62d0ff
}

#slider-years input:checked+div.years-lines span::before {
    background-color: #FFF
}

#slider-years input:checked+div.years-lines+.dot-info span {
    font-weight: bold;
    color: #fff
}

#slider-years .dot-info {
    width: 25px;
    height: 25px;
    display: block;
    visibility: hidden;
    position: relative;
    z-index: -1;
    left: calc((((1000px - 25px) / 20) * -1) - 40px)
}

#slider-years .dot-info span {
    visibility: visible;
    position: absolute
}

#slider-years .dot-info span.year {
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%)
}

#slider-years #timeline-descriptions-wrapper {
    width: 100%;
    font-size: 22px;
    font-weight: 400;
    position: relative;
    display: block;
    margin: 0 auto;
    min-height: 425px;
    z-index: 200
}

#slider-years #timeline-descriptions-wrapper div[data-description] {
    margin-top: 0;
    display: none;
    height: 100%
}

#slider-years input[type="radio"] {
    visibility: visible
}

#slider-years .arrow-prev,
#slider-years .arrow-next {
    font-size: 45px;
    display: block;
    width: 16px;
    color: #fff;
    height: 16px;
    cursor: pointer;
    position: absolute;
    top: 44%;
    width: auto;
    height: auto
}

#slider-years .arrow-prev::after,
#slider-years .arrow-next::after {
    border: 0
}

#slider-years .arrow-prev {
    left: -40px
}

#slider-years .arrow-next {
    right: -40px
}

#slider-years .round-flag {
    margin-bottom: 5px
}

@media(max-width:991px) {
    #slider-years .input-flex-container {
        max-width: 690px
    }

    #slider-years .arrow-prev {
        left: -20px
    }

    #slider-years .arrow-next {
        right: -20px
    }

    #slider-years .dot-info {
        left: calc((((1000px - 25px) / 20) * -1) - 20px)
    }

    #slider-years input+div.years-lines span::before,
    #slider-years input+div.years-lines span::after {
        width: 15vw
    }

    #slider-years input+div.years-lines span::after {
        right: -60px
    }

    #slider-years #timeline-descriptions-wrapper {
        min-height: 485px
    }
}

@media(max-width:767px) {
    #slider-years #timeline-descriptions-wrapper {
        min-height: 582px
    }

    #slider-years .input-flex-container {
        max-width: 500px
    }

    #slider-years input+div.years-lines span::before,
    #slider-years input+div.years-lines span::after {
        width: 8vw
    }

    #slider-years input+div.years-lines span::before {
        left: -70px
    }

    #slider-years input+div.years-lines span::after {
        right: -30px
    }

    #slider-years .dot-info {
        left: calc((((1000px - 25px) / 20) * -1) - 1px)
    }

    #slider-years #timeline-descriptions-wrapper {
        margin: 0 15px
    }

    #slider-years .arrow-prev {
        left: -5px
    }

    #slider-years .arrow-next {
        right: -5px
    }
}

@media(max-width:575px) {
    #slider-years div[data-description="2015"] .max-w-320 {
        max-width: 200px
    }

    #slider-years div[data-description="2014"] .max-w-380 {
        max-width: 250px
    }

    #slider-years #timeline-descriptions-wrapper {
        margin: 0;
        min-height: auto
    }

    #slider-years input[data-description="2013"]+div.years-lines span::before {
        left: -50px
    }

    #slider-years input+div.years-lines span::before,
    #slider-years input+div.years-lines span::after,
    #slider-years input {
        background-color: #62d0ff
    }

    #slider-years input:checked+div.years-lines span::before,
    #slider-years input:checked+div.years-lines span::after {
        background-color: #fff
    }

    #slider-years .arrow-prev,
    #slider-years .arrow-next {
        display: none
    }

    #slider-years .input-flex-container {
        width: 400px;
        margin-left: 20px
    }

    #slider-years .dot-info {
        left: calc((((1000px - 25px) / 20) * -1) - -10px)
    }

    #slider-years input+div.years-lines span::before,
    #slider-years input+div.years-lines span::after {
        width: 10vw
    }

    #slider-years input+div.years-lines span::after {
        right: -20px
    }

    #slider-years input+div.years-lines span::before {
        left: -50px
    }

    #slider-years #timeline-descriptions-wrapper div[data-description] {
        padding: 20px 35px;
        height: auto
    }

    #slider-years #timeline-descriptions-wrapper div[data-description] .roboto-reg-18 {
        font-size: 14px;
        !important
    }

    #slider-years #timeline-descriptions-wrapper div[data-description] .alte-34 {
        font-size: 20px !important
    }
}

@media(max-width:479px) {
    #slider-years .input-flex-container {
        width: 320px
    }

    #slider-years .dot-info {
        left: calc((((1000px - 25px) / 20) * -1) - -22px)
    }

    #slider-years input+div.years-lines span::after {
        right: -15px
    }

    #slider-years input+div.years-lines span::before,
    #slider-years input[data-description="2013"]+div.years-lines span::before {
        left: -40px
    }

    #slider-years .dot-info span.year {
        font-size: 16px;
        bottom: -30px
    }
}

@media(max-width:400px) {
    #slider-years .input-flex-container {
        width: 280px
    }

    #slider-years input+div.years-lines span::before,
    #slider-years input+div.years-lines span::after {
        width: 12vw
    }

    #slider-years input+div.years-lines span::after {
        right: -20px
    }

    #slider-years input+div.years-lines span::before,
    #slider-years input[data-description="2013"]+div.years-lines span::before {
        left: -34px
    }
}

@media(max-width:359px) {
    #slider-years .input-flex-container {
        width: 250px
    }

    #slider-years input+div.years-lines span::before,
    #slider-years input+div.years-lines span::after {
        width: 6vw
    }

    #slider-years input+div.years-lines span::after {
        right: -15px
    }

    #slider-years input+div.years-lines span::before,
    #slider-years input[data-description="2013"]+div.years-lines span::before {
        left: -29px
    }

    #slider-years .dot-info {
        left: calc((((1000px - 25px) / 20) * -1) - -28px)
    }
}

#header-bg-landing1000.landing-rugby {
    background-image: url("../imgs/landing-bg-rugby-white.png");
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 730px;
    padding-top: 200px
}

@media(max-width:1599px) {
    #header-bg-landing1000.landing-rugby {
        background-position-x: 40%
    }
}

@media(max-width:1199px) {
    #header-bg-landing1000.landing-rugby {
        background-position-x: 10%
    }
}

@media(max-width:575px) {
    #header-bg-landing1000.landing-rugby {
        background-position-x: 100%
    }

    #header-bg-landing1000.landing-rugby .alte-45 {
        font-size: 34px
    }
}

#app-trader .title-hover-text {
    padding: 0 10px
}

#app-trader .desc-hover-text {
    border-top: 1px solid #d8d8d8;
    text-align: left;
    padding: 20px 15px
}

#app-trader .visible-hover img {
    text-align: center;
    margin: 0 auto;
    padding: 1em 0
}

#app-trader #slider-app-section {
    background-color: #001722;
    color: #fff
}

#app-trader .bg-trader-app-header {
    background-image: url("../imgs/back-trader-app-header.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left 43% center;
    min-height: 730px;
    padding-top: 200px;
    position: relative
}

#app-trader .stores-icos {
    position: absolute;
    bottom: 48px;
    left: 0;
    right: 0
}

#app-trader .awards-blue-back {
    background-color: #00fefe;
    background-image: url('../imgs/blue-back-office-desktop.png');
    background-repeat: no-repeat;
    background-size: 40% 100%
}

#app-trader .slick-slider {
    overflow-x: hidden;
    overflow-y: visible;
    position: initial
}

#app-trader .wrapper-slider:focus {
    outline: 0
}

#app-trader .rating-note {
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif;
    font-size: 34px;
    line-height: 40px;
    text-align: center
}

#app-trader .owl-carousel .owl-item .side.face img {
    width: 57px;
    padding-top: 20px
}

#app-trader .custom-prev,
#app-trader .custom-next {
    font-size: inherit;
    line-height: 0;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    border: 0;
    outline: 0;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    top: 40%;
    width: 50px;
    height: 50px;
    background: #b5b8ba;
    color: #000
}

#app-trader .owl-carousel .owl-nav button.owl-prev:hover,
#app-trader .owl-carousel .owl-nav button.owl-next:hover {
    background: #cccfd2;
    color: #000
}

#app-trader .custom-prev {
    left: -60px;
    z-index: 1
}

#app-trader .custom-next {
    right: -60px;
    z-index: 1
}

#app-trader .owl-item {
    opacity: .7
}

#app-trader .owl-item:hover {
    opacity: 1
}

#app-trader .owl-item.center {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    transform: scale(1.10);
    opacity: 1
}

#app-trader .owl-item .box-scene {
    margin: 0 auto 20px auto;
    max-width: 200px;
    pointer-events: none
}

#app-trader .owl-item.center .box-scene {
    pointer-events: auto
}

#app-trader .owl-item.center .box-scene:hover .box {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

#app-trader .box {
    width: 100%;
    min-height: 355px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    -webkit-transform-origin: 90px 90px -90px;
    transform-origin: 90px 90px -90px
}

#app-trader .face {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

#app-trader .front {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    z-index: 2
}

#app-trader .side {
    background: #00fefe;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    z-index: 1;
    left: 200px;
    max-width: 200px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: white;
    text-align: center;
    background: rgba(0, 205, 241, 1);
    background: -moz-linear-gradient(top, rgba(0, 205, 241, 1) 0, rgba(0, 205, 241, 1) 20%, rgba(0, 159, 223, 1) 50%, rgba(0, 159, 223, 1) 51%, rgba(0, 159, 223, 1) 69%, rgba(0, 159, 223, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 205, 241, 1)), color-stop(20%, rgba(0, 205, 241, 1)), color-stop(50%, rgba(0, 159, 223, 1)), color-stop(51%, rgba(0, 159, 223, 1)), color-stop(69%, rgba(0, 159, 223, 1)), color-stop(100%, rgba(0, 159, 223, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 205, 241, 1) 0, rgba(0, 205, 241, 1) 20%, rgba(0, 159, 223, 1) 50%, rgba(0, 159, 223, 1) 51%, rgba(0, 159, 223, 1) 69%, rgba(0, 159, 223, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 205, 241, 1) 0, rgba(0, 205, 241, 1) 20%, rgba(0, 159, 223, 1) 50%, rgba(0, 159, 223, 1) 51%, rgba(0, 159, 223, 1) 69%, rgba(0, 159, 223, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 205, 241, 1) 0, rgba(0, 205, 241, 1) 20%, rgba(0, 159, 223, 1) 50%, rgba(0, 159, 223, 1) 51%, rgba(0, 159, 223, 1) 69%, rgba(0, 159, 223, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 205, 241, 1) 0, rgba(0, 205, 241, 1) 20%, rgba(0, 159, 223, 1) 50%, rgba(0, 159, 223, 1) 51%, rgba(0, 159, 223, 1) 69%, rgba(0, 159, 223, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cdf1', endColorstr='#00fefe', GradientType=0)
}

#app-trader .owl-carousel {
    overflow: hidden
}

#app-trader .owl-carousel .owl-stage-outer {
    overflow: visible
}

#app-trader .owl-item.center .box-scene {
    margin-top: 5px
}

#app-trader .owl-item.center .box-scene .side .wrapper-top {
    height: 35%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

#app-trader .owl-item.center .box-scene .side .wrapper-bottom {
    height: 65%
}

#app-trader .awards-img-size {
    height: 133px
}

#app-trader .store-ico-size {
    width: 110px
}

#app-trader #rating-section .pt-110 {
    padding-top: 130px !important
}

@media(max-width:1600px) {
    #app-trader .box {
        min-height: 331px
    }

    #app-trader .side {
        left: 186px;
        max-width: 186px
    }

    #app-trader .owl-item .box-scene {
        max-width: 186px
    }
}

@media(max-width:1280px) {
    #app-trader #over-degiro-2-top-white .pt-25 {
        padding-top: 25px;
        max-width: 800px
    }

    #app-trader .alte-45 {
        font-size: 45px;
        line-height: 48px
    }

    #app-trader .max-w-1050 {
        max-width: 800px
    }

    #app-trader #over-degiro-2-top-white.bg-trader-app-header .roboto-reg-24 {
        font-size: 24px;
        line-height: 34px
    }

    #app-trader .box {
        min-height: 356px
    }

    #app-trader .side {
        left: 200px;
        max-width: 200px
    }

    #app-trader .owl-item .box-scene {
        max-width: 200px
    }
}

@media(max-width:1279px) {
    #app-trader .pt-120 {
        padding-top: 96px
    }

    #app-trader .pb-120 {
        padding-bottom: 96px
    }

    #app-trader .bg-trader-app-header {
        min-height: 690px
    }

    #app-trader #rating-section .pt-110 {
        padding-top: 106px !important
    }
}

@media(max-width:1199px) {
    #app-trader .max-w-610 {
        max-width: 100%
    }
}

@media(max-width:1025px) {
    #app-trader .awards-img-size {
        height: 110px
    }
}

@media(max-width:991px) {
    #app-trader #rating-section .pt-110 {
        padding-top: 74px !important
    }

    #app-trader .owl-item.center .box-scene:hover .box {
        -webkit-transform: none;
        transform: none
    }

    #app-trader .pt-120 {
        padding-top: 64px
    }

    #app-trader #slider-app-section.pt-120 {
        padding-top: 96px
    }

    #app-trader .pb-120 {
        padding-bottom: 64px
    }

    #app-trader #slider-app-section.pb-120 {
        padding-bottom: 96px
    }

    #app-trader .bg-trader-app-header {
        padding-top: 155px
    }

    #app-trader .desc-hover-text {
        border-top: 0;
        padding: 10px 7px;
        font-size: 12px;
        line-height: 18px
    }

    #app-trader .title-hover-text {
        font-size: 18px;
        line-height: 27px !important
    }

    #app-trader .wrapper-slider:hover.slick-center h3,
    #app-trader .wrapper-slider:hover h3 {
        margin-top: 5px
    }

    #app-trader .box {
        min-height: 250px
    }

    #app-trader .side {
        left: 174px;
        max-width: 174px
    }

    #app-trader .owl-item .box-scene {
        max-width: 174px;
        min-height: 300px
    }

    #app-trader .owl-item.center .box-scene {
        margin-top: 10px
    }

    #app-trader .custom-prev,
    .custom-next {
        top: 32%
    }

    #app-trader .custom-prev,
    #app-trader .custom-next {
        top: 32%
    }
}

@media(max-width:767px) {
    #app-trader .bg-trader-app-header {
        padding-top: 55px;
        min-height: 600px
    }

    #app-trader .box {
        min-height: 219px
    }

    #app-trader .side {
        left: 123px;
        max-width: 123px
    }

    #app-trader .owl-item .box-scene {
        max-width: 123px;
        min-height: 200px
    }

    #app-trader .custom-prev,
    #app-trader .custom-next {
        top: 23%
    }

    #app-trader .custom-prev {
        left: -35px
    }

    #app-trader .custom-next {
        right: -35px
    }

    #app-trader .owl-carousel {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media(max-width:575px) {
    #app-trader .pt-120 {
        padding-top: 64px
    }

    #app-trader .pb-120 {
        padding-bottom: 64px
    }

    #app-trader .bg-trader-app-header .pb-40 {
        padding-bottom: 30px
    }

    #app-trader .bg-trader-app-header {
        padding-top: 60px;
        min-height: 570px
    }

    #app-trader .desc-hover-text {
        padding: 10px 15px;
        font-size: 12px;
        line-height: 18px;
        margin: auto;
        max-width: 230px;
        text-align: justify
    }

    #app-trader .title-hover-text {
        font-size: 18px;
        line-height: 27px !important
    }

    #app-trader .visible-hover img {
        text-align: center;
        margin: 0 auto;
        padding: 50px 0 0
    }

    #app-trader .offset-md-3 {
        border-top: 1px solid #e6ecf2
    }

    #app-trader .alte-34 {
        font-size: 24px;
        line-height: 34px !important
    }

    #app-trader #slider-app-section.pt-120 {
        padding-top: 64px
    }

    #app-trader #slider-app-section.pb-40 {
        padding-bottom: 64px
    }

    #app-trader .pb-90 {
        padding-bottom: 64px
    }

    #app-trader .pb-100 {
        padding-bottom: 100px
    }

    #app-trader .alte-45 {
        font-size: 34px;
        line-height: 40px
    }

    #app-trader .bg-trader-app-header .roboto-reg-24 {
        font-size: 16px !important;
        line-height: 26px !important
    }

    #app-trader .stores-icos {
        bottom: 32px
    }

    #app-trader #rating-section h2 {
        word-break: initial
    }

    #app-trader .box {
        min-height: 400px
    }

    #app-trader .side {
        left: 225px;
        max-width: 225px
    }

    #app-trader .owl-item .box-scene {
        max-width: 225px
    }

    #app-trader .custom-prev,
    #app-trader .custom-next {
        top: 32%
    }

    #app-trader .custom-prev {
        left: -5px
    }

    #app-trader .custom-next {
        right: -5px
    }

    #app-trader .owl-dots {
        top: 485px;
        position: absolute;
        right: 30%
    }

    #app-trader .owl-theme .owl-dots .owl-dot span {
        width: 7px !important;
        height: 7px !important;
        margin: 5px 10px !important
    }

    #app-trader .stores-icos {
        bottom: 25px
    }

    #app-trader .custom-prev,
    #app-trader .custom-next {
        width: 44px;
        height: 44px
    }
}

@media(max-width:375px) {

    #app-trader .custom-prev,
    #app-trader .custom-next {
        width: 40px;
        height: 40px
    }

    #app-trader .store-ico-size {
        height: 25px;
        width: auto
    }

    #app-trader #rating-section .pt-110 {
        padding-top: 70px !important
    }

    #app-trader .desc-hover-text {
        padding: 10px 0
    }

    #app-trader #over-degiro-2-top-white .pt-25 {
        padding-top: 35px
    }

    #app-trader .stores-icos {
        bottom: 20px
    }
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    #app-trader .owl-item.center .box-scene:hover .box {
        transform: none
    }

    *::-ms-backdrop,
    #app-trader .box {
        transition: none
    }

    *::-ms-backdrop,
    .desc-hover-text {
        display: block !important;
        border-top: 0
    }

    *::-ms-backdrop,
    #app-trader .desc-hover-text {
        border-top: none !important;
        border: 0 !important
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    #app-trader .owl-item.center .box-scene:hover .box {
        transform: none
    }

    #app-trader .box {
        transition: none
    }

    #app-trader .desc-hover-text {
        display: block !important;
        border-top: 0
    }

    #app-trader .desc-hover-text {
        border-top: none !important;
        border: 0 !important
    }

    #app-trader .awards-blue-back .col-md-6,
    #app-trader .awards-blue-back .pl-lg-3 {
        width: 48% !important
    }
}

#risk-of-investment #header-risk {
    background-image: url(../imgs/header-risk-dark.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 730px;
    padding-top: 250px
}

#risk-of-investment #boxes-part .white-box {
    padding: 64px 42px 40px;
    min-height: 544px;
    height: 100%
}

#risk-of-investment #boxes-part .box-icon {
    width: auto;
    height: auto
}

#risk-of-investment .icon-w-1 {
    width: 48px
}

#risk-of-investment .icon-w-2 {
    width: 44px
}

#risk-of-investment #get-started {
    background-color: #f7f9fc
}

#risk-of-investment #get-started .bg-getStarted {
    background-image: url(../imgs/getStartedRisks.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -75px center;
    min-height: 690px
}

@media(min-width:1200px) {
    #risk-of-investment .boxes-box:nth-child(1) {
        padding-right: 0
    }

    #risk-of-investment .boxes-box:nth-child(2) {
        padding-right: 0;
        padding-left: 0
    }

    #risk-of-investment .boxes-box:nth-child(3) {
        padding-left: 0
    }

    #risk-of-investment .boxes-box:nth-child(4) {
        padding-right: 0
    }

    #risk-of-investment .boxes-box:nth-child(5) {
        padding-right: 0;
        padding-left: 0
    }

    #risk-of-investment .boxes-box:nth-child(6) {
        padding-left: 0
    }
}

@media(max-width:1199px) and (min-width:992px) {
    #risk-of-investment .boxes-box:nth-child(1) {
        padding-right: 0
    }

    #risk-of-investment .boxes-box:nth-child(2) {
        padding-left: 0
    }

    #risk-of-investment .boxes-box:nth-child(3) {
        padding-right: 0
    }

    #risk-of-investment .boxes-box:nth-child(4) {
        padding-left: 0
    }

    #risk-of-investment .boxes-box:nth-child(5) {
        padding-right: 0
    }

    #risk-of-investment .boxes-box:nth-child(6) {
        padding-left: 0
    }
}

@media(max-width:1280px) {
    #risk-of-investment #boxes-part .roboto-reg-20 {
        font-size: 20px;
        padding-bottom: 0
    }
}

@media(max-width:1199px) {
    #risk-of-investment #get-started .bg-getStarted {
        background-position: -350px center
    }

    #risk-of-investment #boxes-part .roboto-reg-20 {
        font-size: 20px;
        padding-bottom: 0
    }
}

@media(max-width:991px) {
    #risk-of-investment #boxes-part .white-box {
        min-height: 450px
    }

    #risk-of-investment #header-risk {
        background-position: right -775px center
    }

    #risk-of-investment #boxes-part.pb-120 {
        padding-bottom: 80px
    }
}

@media(max-width:767px) {
    #risk-of-investment #boxes-part .white-box {
        border: 1px solid #e6ecf2
    }

    #risk-of-investment #get-started .bg-getStarted {
        background-size: auto;
        min-height: 320px;
        background-position: -345px -100px
    }

    #risk-of-investment #boxes-part .pt-115 {
        padding-top: 60px
    }

    #risk-of-investment #boxes-part.pb-120 {
        padding-bottom: 64px
    }

    #risk-of-investment #boxes-part .white-box {
        padding: 48px 42px 40px
    }

    #risk-of-investment #get-started .pt-110 {
        padding-top: 60px
    }

    #risk-of-investment #get-started .pb-100 {
        padding-bottom: 60px
    }
}

@media(max-width:575px) {
    #risk-of-investment #header-risk {
        background-position: right -875px center
    }

    #risk-of-investment #boxes-part .boxes-box {
        padding-left: 8px !important;
        padding-right: 8px !important
    }
}

.CookieDeclaration {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px
}

#CybotCookiebotDialog div,
#CybotCookiebotDialogBodyContentTitle {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 24px !important
}

#CybotCookiebotDialogBodyContentTitle {
    font-size: 18px !important;
    line-height: 32px !important
}

#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialog a#CybotCookiebotDialogBodyButtonAccept {
    display: inline-block !important;
    position: relative !important;
    z-index: 1 !important;
    border-radius: 3px !important;
    font-family: "RobotoMedium", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    touch-action: manipulation !important;
    white-space: normal !important;
    cursor: pointer !important;
    -webkit-backface-visibility: hidden !important;
    -moz-osx-font-smoothing: grayscale !important;
    background-color: #00c853 !important;
    color: #fff;
    border-color: #00c853 !important;
    height: 32px;
    font-size: 14px !important;
    line-height: 32px !important;
    padding-left: 11px !important;
    padding-right: 12px !important
}

#CybotCookiebotDialogBodyButtonAccept:hover {
    box-shadow: none;
    background: #00dd5c;
    border-color: #00dd5c
}

.CookieDeclaration a {
    color: #00fefe
}

.CookieDeclaration a:focus,
.CookieDeclaration a:hover {
    color: #014c8c
}

.CookieDeclarationType {
    padding: 0 !important;
    border: none !important
}

.CookieDeclarationTypeHeader {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 28px
}

.CookieDeclarationTable tbody tr:nth-child(odd) {
    background-color: #f2f5f8
}

.CookieDeclarationTableHeader {
    border-bottom: none !important;
    color: #9aa9b7;
    padding: .75rem !important
}

.CookieDeclarationTableCell {
    border-bottom: none !important;
    padding: .75rem !important
}

#CybotCookiebotDialogDetail [type="checkbox"]:not(:checked)+label::after,
#CybotCookiebotDialogDetail [type="checkbox"]:checked+label::after {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: -1px;
    left: -3px;
    font-size: 14px;
    line-height: 16px;
    padding-left: 1px;
    color: #FFF;
    width: 15px;
    height: 15px;
    border: 2px solid #00fefe;
    border-radius: 2px;
    background: #00fefe;
    transition: all .2s
}

#CybotCookiebotDialogDetail [type="checkbox"]:not(:checked)+label::before,
#CybotCookiebotDialogDetail [type="checkbox"]:checked+label::before {
    content: '';
    position: absolute;
    left: -3px;
    top: -1px;
    font-size: 20px;
    width: 15px;
    height: 15px;
    border: 2px solid #e0e6ed;
    border-radius: 2px;
    color: #ced4db;
    background: #fff;
    margin-right: 10px
}

.CookieDeclarationTable {
    position: relative;
    display: block;
    width: 100%;
    overflow-x: auto
}

#new-press-figures #prices-section div.bg-blue,
#new-press-figures #press-reports div.bg-blue {
    min-height: 320px;
    max-width: 580px;
    width: 100%;
    padding-left: 8rem
}

#new-press-figures #prices-section .bg-white,
#new-press-figures #press-reports .bg-white {
    padding-left: 70px
}

#new-press-figures #prices-section {
    background: linear-gradient(to right, #00fefe 28%, #fff 28%)
}

#new-press-figures #press-reports {
    background: linear-gradient(to left, #00fefe 28%, #fff 28%)
}

#new-press-figures #press-reports .bg-white {
    width: 100%;
    max-width: 1340px;
    padding-top: 90px;
    padding-bottom: 90px
}

#new-press-figures #press-reports div.bg-blue {
    min-height: auto
}

#new-press-figures .d-flex.flex-wrap.flex-sm-nowrap {
    max-width: 1800px;
    display: block;
    margin: 0 auto;
    padding: 0
}

#new-press-figures .nav-pills .nav-item .nav-link.active {
    background-color: #00fefe;
    color: #fff;
    border-color: #00fefe;
    border-left: 1px solid #00fefe
}

#new-press-figures .background-white {
    background-color: white
}

#new-press-figures .background-grey {
    background-color: #f7f9fc
}

#new-press-figures .pdf-img-btn {
    margin-top: -5px;
    left: 3px;
    position: relative
}

@media(max-width:1399px) {

    #new-press-figures #prices-section div.bg-blue,
    #new-press-figures #press-reports div.bg-blue {
        max-width: 500px;
        padding-left: 6rem
    }
}

@media(max-width:1299px) {

    #new-press-figures #prices-section div.bg-blue,
    #new-press-figures #press-reports div.bg-blue {
        max-width: 400px;
        padding-left: 4rem
    }
}

@media(max-width:1279px) {
    #new-press-figures .d-flex.flex-wrap.flex-sm-nowrap {
        max-width: 992px
    }

    #new-press-figures #prices-section div.bg-blue {
        max-width: 300px;
        padding-left: 2rem
    }

    #new-press-figures #press-reports div.bg-blue {
        max-width: 400px;
        padding-left: 4rem
    }
}

@media(max-width:1199px) {

    #new-press-figures #prices-section .bg-white,
    #new-press-figures #press-reports .bg-white {
        padding-left: 20px
    }

    #new-press-figures #prices-section div.bg-blue,
    #new-press-figures #press-reports div.bg-blue {
        max-width: 250px;
        padding-left: 1rem
    }

    #new-press-figures #press-reports div.bg-blue {
        max-width: 400px;
        padding-left: 4rem
    }
}

@media(max-width:991px) {
    #new-press-figures #prices-section div.bg-blue {
        max-width: 50%
    }

    #new-press-figures #prices-section .bg-white {
        max-width: 50%
    }

    #new-press-figures .d-flex.flex-wrap.flex-sm-nowrap {
        max-width: 720px
    }

    #new-press-figures #press-reports div.bg-blue {
        max-width: 300px;
        padding-left: 4rem
    }

    #new-press-figures #press-reports .bg-white {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media(max-width:767px) {

    #new-press-figures #prices-section div.bg-blue,
    #new-press-figures #press-reports div.bg-blue {
        padding-left: 2rem
    }

    #slider-awards-homepage #mixedSlider .MS-controls .MS-right {
        right: 0 !important
    }

    #slider-awards-homepage #mixedSlider .MS-controls .MS-left {
        left: 0 !important
    }
}

@media(max-width:575px) {
    #new-press-figures #prices-section div.bg-blue {
        min-height: 200px;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    #new-press-figures #prices-section .bg-white {
        max-width: 100%;
        padding-left: 0;
        padding-top: 15px;
        padding-bottom: 15px
    }

    #new-press-figures #press-reports .bg-white {
        max-width: 100%;
        padding-left: 0;
        padding: 25px 40px
    }

    #new-press-figures #press-reports div.bg-blue {
        padding: 40px 40px;
        max-width: 100%
    }

    #new-press-figures #prices-section .prices-section-price {
        padding-top: 0
    }

    #new-press-figures #prices-section .justify-content-center {
        -webkit-justify-content: center !important;
        justify-content: center !important
    }

    #new-press-figures #press-reports .pr-100 {
        padding-right: 0
    }
}

#affiliate #header-affiliate {
    background-image: url(../imgs/header-affiliate.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 730px;
    padding-top: 250px
}

#affiliate #affiliate-3 .double-quote {
    position: absolute
}

#affiliate #affiliate-3 .double-quote img {
    max-width: 70px
}

#affiliate #affiliate-3 .double-quote:first-child {
    top: -20px;
    left: 0
}

#affiliate #affiliate-3 .double-quote:last-child {
    bottom: 0;
    right: 0
}

#affiliate #affiliate-3 .quoted-text {
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 55px
}

#affiliate #affiliate-3 .btn-white {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000
}

#affiliate .alte-18 {
    font-size: 18px !important;
    line-height: 24px !important
}

@media(max-width:1599px) {
    #affiliate #affiliate-3 .double-quote:first-child {
        left: -65px
    }

    #affiliate #affiliate-3 .double-quote:last-child {
        right: -65px
    }
}

@media(max-width:1279px) {
    #affiliate #affiliate-1 .pr-140 {
        padding-right: 50px
    }
}

@media(max-width:1199px) {
    #affiliate #affiliate-1.pt-160 {
        padding-top: 100px
    }

    #affiliate #affiliate-1.pb-160 {
        padding-bottom: 100px
    }
}

@media(max-width:991px) {
    #affiliate #affiliate-1.pt-160 {
        padding-top: 60px
    }

    #affiliate #affiliate-1.pb-160 {
        padding-bottom: 60px
    }

    #affiliate #affiliate-2.pt-65 {
        padding-top: 60px
    }

    #affiliate #affiliate-2.pb-65 {
        padding-bottom: 60px
    }

    #affiliate #affiliate-3 .pt-120 {
        padding-top: 60px
    }

    #affiliate #affiliate-3 .double-quote:first-child {
        left: 0;
        top: -40px
    }

    #affiliate #affiliate-3 .double-quote:last-child {
        right: 0;
        bottom: -10px
    }
}

@media(max-width:767px) {
    #affiliate #affiliate-3 .double-quote {
        font-size: 150px;
        line-height: 36px
    }
}

@media(max-width:575px) {
    #affiliate #affiliate-1.pt-160 {
        padding-top: 40px
    }

    #affiliate #affiliate-1.pb-160 {
        padding-bottom: 40px
    }

    #affiliate #affiliate-2.pt-65 {
        padding-top: 40px
    }

    #affiliate #affiliate-2.pb-65 {
        padding-bottom: 40px
    }

    #affiliate #affiliate-3 .pt-120 {
        padding-top: 40px
    }

    #affiliate #affiliate-1 .pb-60 {
        padding-bottom: 20px
    }

    #affiliate #affiliate-3 .double-quote:first-child img,
    #affiliate #affiliate-3 .double-quote:last-child img {
        width: 50px
    }

    #affiliate #affiliate-3 .quoted-text {
        font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
        font-size: 24px;
        line-height: 32px
    }

    #affiliate .roboto-reg-16,
    #affiliate .roboto-med-16 {
        font-size: 16px;
        line-height: 26px
    }

    #affiliate .alte-34 {
        font-size: 24px;
        line-height: 34px !important
    }
}

@media(max-width:375px) {
    #affiliate .btn-lg {
        padding: 16px 1.4rem !important
    }
}

@media(max-width:575px) {
    .text-awards-slider {
        margin: 0 0 0 40px;
        width: 190px
    }
}

#start-investing .wrapper-transaction {
    border-left: 3px solid #00fefe;
    padding-left: 10px;
    margin-bottom: 80px;
    width: 50%
}

@media(max-width:575px) {
    #start-investing .wrapper-transaction {
        margin-bottom: 55px;
        width: auto
    }
}

.blue-menu {
    height: 32px;
    background: #00fefe;
    margin: 0 -15px;
    padding: 0 15px
}

.blue-menu a {
    color: #c7eeff
}

.blue-menu a.white {
    color: #fff
}

.blue-menu a:hover {
    color: #fff
}

.blue-menu a.active {
    color: #fff;
    font-weight: bold
}

.mlminus5 {
    left: -5px;
    position: relative
}

@media(max-width:575px) {
    .blue-menu .left-side {
        position: relative;
        left: -20px
    }
}

@media(max-width:375px) {
    .blue-menu .left-side {
        left: -10px
    }

    #professional .blue-menu .left-side {
        left: -30px
    }
}

#landing500 #start-investing-table .wrapper-transaction,
#landing1000 #start-investing-table .wrapper-transaction {
    border-left: 3px solid #00fefe;
    padding-left: 10px;
    margin-bottom: 80px;
    width: 50%
}

#homepage .box-icon,
#professional .box-icon,
#overdegiro .box-icon {
    width: auto;
    height: 56px
}

@media(max-width:991px) {
    #homepage .wrapper-boxes {
        padding: 0 30px
    }

    #risk-of-investment .wrapper-boxes {
        padding: 0 20px
    }

    #homepage .boxes-box .float-right,
    #homepage .boxes-box .float-left {
        float: none !important;
        margin: 10px auto
    }

    #risk-of-investment #boxes-part .white-box {
        height: auto;
        margin: 10px auto
    }

    #homepage .boxes-box .white-box {
        border: 1px solid #e6ecf2 !important
    }

    #homepage .boxes-box {
        margin: 0 !important;
        padding: 0 !important
    }
}

#helpdesk-03 .arrow-helpcenter,
#helpdesk-03 .dots-helpcenter {
    padding-right: 5px
}

#helpdesk-03 .left-list li {
    padding-left: 0
}

.btn-home {
    position: absolute;
    bottom: 0
}

@media(max-width:991px) {
    #laptop-section .laptop-img {
        top: 0
    }
}

@media(max-width:767px) {
    .btn-home {
        left: 0
    }
}

#governance #supervisory-board {
    background-color: #f2f5f8
}

#governance .bg-gouvernance {
    background-image: url('../imgs/governance-image.png');
    background-repeat: no-repeat;
    background-size: cover
}

#governance #supervisory-board .wrapper,
#governance #directors-board .wrapper {
    max-width: 370px;
    width: 100%
}

#governance .right-testimonials {
    padding-right: 60px
}

@media(max-width:1279px) {

    #governance #supervisory-board .wrapper,
    #governance #directors-board .wrapper {
        max-width: 300px;
        width: 100%
    }
}

@media(max-width:991px) {
    #governance #supervisory-board.pt-150 {
        padding-top: 35px
    }

    #governance #supervisory-board .wrapper {
        max-width: 50%;
        width: 100%
    }

    #governance #directors-board .wrapper {
        max-width: 100%;
        width: 100%
    }

    #governance .right-testimonials {
        padding-right: 0
    }
}

@media(max-width:767px) {
    #governance #supervisory-board .wrapper {
        max-width: 100%;
        width: 100%
    }

    #governance #directors-board.pt-150 {
        padding-top: 60px
    }

    #governance #directors-board .mb-90 {
        margin-bottom: 15px
    }
}

@media(max-width:575px) {
    #governance #supervisory-board.pt-90 {
        padding-top: 40px
    }

    #governance #supervisory-board .mb-90 {
        margin-bottom: 40px
    }
}

@media(max-width:375px) {
    #governance .roboto-reg-18 {
        font-size: 18px;
        line-height: 28px
    }
}

#opening-times #header-opening {
    background-image: url('../imgs/market-opening-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 730px;
    padding-top: 250px
}

#opening-times table thead th {
    padding: 10px .7rem
}

#opening-times table tbody td {
    padding: 18px .7rem
}

#opening-times table thead th:first-child,
#opening-times table tbody td:first-child {
    padding-left: 0
}

#opening-times table thead th:last-child,
#opening-times table tbody td:last-child {
    padding-right: 0;
    text-align: right
}

#opening-times table thead th {
    font-weight: 300
}

#opening-times table thead th,
#opening-times table tbody td {
    border: 0
}

#opening-times table tbody tr {
    border: 0;
    border-top: 1px solid black
}

#opening-times table {
    border-top: 1px solid black;
    border-bottom: 1px solid black
}

#opening-times table#opening-hours thead tr th,
#opening-times table#opening-hours tbody tr td {
    width: 25%
}

#opening-times table#opening-hours thead tr th:first-child,
#opening-times table#opening-hours tbody tr td:first-child {
    width: 48%
}

#opening-times #worldwide-investing {
    background-image: url('../imgs/worldwide-investing-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    min-height: 500px
}

#opening-times #info-closed {
    background-color: #fff
}

#opening-times #info-closed .dg-closed {
    background-color: #f7f9fc
}

#opening-times #find-opening-times .search-wrapper {
    border-bottom: 1px solid #000
}

#opening-times #find-opening-times .search-wrapper input {
    border: 0;
    text-align: center;
    height: 40px
}

#opening-times #find-opening-times #filter .nav {
    border-bottom: 1px solid #000;
    padding: 0 30px
}

#opening-times #find-opening-times #filter .actions {
    border-top: 1px solid #000;
    padding: 8px 0
}

#opening-times #find-opening-times #filter .nav-link {
    line-height: 1;
    padding-top: 12px;
    padding-bottom: 12px
}

#opening-times #find-opening-times #filter .nav-link.active {
    font-weight: bold
}

#opening-times #find-opening-times .dropdown .dropdown-toggle,
#opening-times #find-opening-times .dropdown .dropdown-menu {
    font-family: "RobotoRegular", Helvetica, Arial, sans-serif
}

#opening-times #find-opening-times .dropdown {
    width: auto
}

#opening-times #find-opening-times .dropdown-toggle::after {
    border: 0
}

#opening-times #find-opening-times .dropdown-menu {
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.10);
    border: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    max-width: 100%;
    width: 100%;
    border-radius: 0;
    top: 0;
    left: 0;
    padding-bottom: 0;
    z-index: 5
}

#opening-times #find-opening-times .dropdown-menu .dropdown-items {
    height: 165px;
    width: 100%;
    overflow-y: scroll;
    display: block;
    word-break: break-all;
    overflow-x: hidden
}

#opening-times #find-opening-times .dropdown-item {
    padding: 8px 1.5rem
}

#opening-times #find-opening-times .dropdown-menu .btn {
    width: 47%;
    line-height: 26px
}

#opening-times #find-opening-times .dropdown-menu .btn-cancel {
    background-color: #d8d8d8;
    border-color: #d8d8d8
}

#opening-times #find-opening-times .dropdown-menu .custom-control {
    margin-bottom: 0
}

#opening-times #find-opening-times .dropdown-menu .form-check-input {
    margin: 0;
    top: 6px
}

#opening-times #find-opening-times .custom-checkbox .custom-control-indicator {
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #d0d0d0
}

#opening-times #find-opening-times .custom-control-description {
    color: #666;
    word-break: break-word
}

#opening-times #find-opening-times .dropdown-item {
    white-space: normal
}

#opening-times #find-opening-times #filter-details {
    padding: 3px 15px;
    width: 90%
}

#opening-times #find-opening-times .filter-by {
    background-color: #00fefe;
    color: #fff;
    padding: 5px 10px;
    margin: 3px
}

#opening-times #find-opening-times .custom-control-input:focus~.custom-control-indicator {
    box-shadow: none
}

#opening-times #find-opening-times .custom-control-input:checked~.custom-control-indicator {
    background-color: #00fefe;
    border-color: transparent;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    background-image: none;
    font-size: 11px;
    padding-top: 2px
}

#opening-times #find-opening-times .custom-control-input:checked~.custom-control-indicator:before {
    content: '\f00c';
    margin-left: 2px
}

#opening-times #find-opening-times input:focus,
input:active {
    border-color: transparent !important;
    outline: transparent
}

#opening-times #find-opening-times .dropdown-backdrop {
    z-index: -1
}

#opening-times #find-opening-times #open-filters {
    cursor: pointer;
    width: 100px;
    text-align: right
}

#opening-times #find-opening-times .position-relative {
    position: relative
}

#opening-times table#leverage-products thead tr th:first-child,
#opening-times table#leverage-products tbody tr td:first-child {
    min-width: 150px
}

#opening-times #reset-filter {
    cursor: pointer
}

@media(max-width:1199px) {
    #opening-times #header-opening {
        background-position: center right -265px
    }

    #opening-times #find-opening-times.pt-115 {
        padding-top: 90px
    }

    #opening-times #find-opening-times.pb-120 {
        padding-bottom: 96px
    }

    #opening-times #worldwide-investing.pt-115 {
        padding-top: 90px
    }

    #opening-times #worldwide-investing.pb-120 {
        padding-bottom: 96px
    }

    #opening-times #info-closed .pt-115 {
        padding-top: 90px
    }

    #opening-times #info-closed .pb-120 {
        padding-bottom: 90px
    }
}

@media(max-width:991px) {
    #opening-times #find-opening-times .pb-90 {
        padding-bottom: 60px
    }

    #opening-times #find-opening-times .page-link {
        min-width: 30px;
        min-height: 20px
    }
}

@media(max-width:767px) {
    #opening-times #find-opening-times.pt-115 {
        padding-top: 60px
    }

    #opening-times #find-opening-times.pb-120 {
        padding-bottom: 64px
    }

    #opening-times #worldwide-investing.pt-115 {
        padding-top: 60px
    }

    #opening-times #worldwide-investing.pb-120 {
        padding-bottom: 64px
    }

    #opening-times #find-opening-times .pb-90 {
        padding-bottom: 30px
    }

    #opening-times #info-closed .pt-115 {
        padding-top: 60px
    }

    #opening-times #info-closed .pb-120 {
        padding-bottom: 55px
    }

    #opening-times #find-opening-times .table {
        padding-bottom: 48px
    }

    #opening-times #find-opening-times .wrapper-table {
        overflow-x: auto;
        overflow-y: auto;
        min-height: 410px
    }

    #opening-times table#opening-hours thead tr,
    #opening-times table#opening-hours tbody tr,
    #opening-times table#leverage-products thead tr,
    #opening-times table#leverage-products tbody tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }

    #opening-times table#opening-hours .row-shown,
    #opening-times table#leverage-products .row-shown {
        display: flex !important
    }

    #opening-times table#leverage-products thead tr th,
    #opening-times table#leverage-products tbody tr td {
        width: 50%;
        padding: 0
    }

    #opening-times table#opening-hours thead tr th,
    #opening-times table#opening-hours tbody tr td {
        width: 40%;
        padding: 0
    }

    #opening-times table#leverage-products thead tr th,
    #opening-times table#leverage-products tbody tr td {
        width: 50%;
        padding: 0
    }

    #opening-times table#opening-hours thead tr th:first-child,
    #opening-times table#opening-hours tbody tr td:first-child {
        width: 100%
    }

    #opening-times table#opening-hours thead tr th:last-child,
    #opening-times table#opening-hours tbody tr td:last-child {
        width: 60%
    }

    #opening-times table#opening-hours thead tr,
    #opening-times table#opening-hours tbody tr,
    #opening-times table#leverage-products thead tr,
    #opening-times table#leverage-products tbody tr {
        padding: 16px 0
    }

    #opening-times table#opening-hours tbody tr td:first-child {
        font-weight: bold
    }

    #opening-times table#leverage-products thead tr th:nth-child(1),
    #opening-times table#leverage-products tbody tr td:nth-child(1) {
        order: 1
    }

    #opening-times table#leverage-products thead tr th:nth-child(2),
    #opening-times table#leverage-products tbody tr td:nth-child(2) {
        order: 3
    }

    #opening-times table#leverage-products thead tr th:nth-child(3),
    #opening-times table#leverage-products tbody tr td:nth-child(3) {
        order: 4;
        text-align: right
    }

    #opening-times table#leverage-products thead tr th:nth-child(4),
    #opening-times table#leverage-products tbody tr td:nth-child(4) {
        order: 2
    }
}

@media(max-width:575px) {
    #opening-times .table .roboto-reg-14 {
        font-size: 12px
    }

    #opening-times .table .roboto-reg-16 {
        font-size: 14px
    }

    #opening-times #find-opening-times .wrapper-table {
        margin-bottom: 48px
    }

    #opening-times #info-closed .pr-62 {
        padding-right: 0
    }

    #opening-times #find-opening-times #products .dropdown-menu {
        left: auto;
        right: -150px
    }

    #opening-times #find-opening-times .dropdown-menu:before {
        left: auto;
        right: 50%
    }

    #opening-times #find-opening-times .page-link {
        margin: 0 2px
    }
}

#closed-days #header-closed-days {
    background-image: url(../imgs/header-closed-days.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 730px;
    padding-top: 250px
}

#closed-days #find-closed-days label {
    color: #9aa9b7
}

#closed-days #find-closed-days table#closed-hours {
    min-width: 570px
}

#closed-days #find-closed-days table#closed-hours tbody td {
    padding: 18px .7rem
}

#closed-days #find-closed-days table#closed-hours thead th {
    padding: 10px .7rem
}

#closed-days #find-closed-days table#closed-hours thead th,
#closed-days #find-closed-days table#closed-hours tbody td {
    border: 0
}

#closed-days #find-closed-days table#closed-hours tbody tr {
    border: 0;
    border-top: 1px solid black
}

#closed-days #find-closed-days table#closed-hours {
    border-top: 1px solid black;
    border-bottom: 1px solid black
}

#closed-days #find-closed-days table#closed-hours thead tr th {
    font-weight: 300
}

#closed-days #find-closed-days table#closed-hours thead tr th:first-child,
#closed-days #find-closed-days table#closed-hours tbody tr td:first-child {
    width: 90px;
    padding-left: 0
}

#closed-days #find-closed-days table#closed-hours thead tr th:nth-child(2),
#closed-days #find-closed-days #closed-hours tbody tr td:nth-child(2) {
    width: 60px
}

#closed-days #find-closed-days table#closed-hours thead tr th:last-child,
#closed-days #find-closed-days #closed-hours tbody tr td:last-child {
    width: 390px;
    padding-right: 0;
    text-align: right
}

#closed-days #wide-product {
    border-bottom: 1px solid #e6ecf2;
    border-top: 1px solid #e6ecf2
}

#closed-days #wide-product .exchange-holiday {
    background-image: url('../imgs/exchange-holiday.png');
    background-size: cover
}

#closed-days #find-closed-days #sort {
    position: relative
}

#closed-days #find-closed-days #sort #sort-asc {
    position: absolute;
    top: 2px
}

#closed-days #find-closed-days #sort #sort-desc {
    position: absolute;
    top: 3px
}

#closed-days select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#closed-days .wrapper-month-select {
    position: relative
}

#closed-days .wrapper-month-select:after {
    content: "\f107";
    font-family: FontAwesome;
    color: #000;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    text-align: center;
    right: 15px;
    top: 6px
}

@media(max-width:1599px) {

    #closed-days #find-closed-days table#closed-hours thead tr th:first-child,
    #closed-days #find-closed-days #closed-hours tbody tr td:first-child {
        width: 90px !important
    }

    #closed-days #find-closed-days table#closed-hours thead tr th,
    #closed-days #find-closed-days #closed-hours tbody tr td {
        width: auto !important
    }
}

@media(max-width:1199px) {
    #closed-days #header-closed-days {
        background-position: center left -450px
    }

    #closed-days #find-closed-days.pt-115 {
        padding-top: 90px
    }

    #closed-days #find-closed-days.pb-120 {
        padding-bottom: 96px
    }

    #closed-days #wide-product .pt-115 {
        padding-top: 90px
    }

    #closed-days #wide-product .pb-120 {
        padding-bottom: 96px
    }

    #closed-days #dg-closed.pt-115 {
        padding-top: 90px
    }

    #closed-days #dg-closed.pb-115 {
        padding-bottom: 90px
    }
}

@media(max-width:767px) {
    #closed-days #find-closed-days.pt-115 {
        padding-top: 60px
    }

    #closed-days #find-closed-days.pb-120 {
        padding-bottom: 64px
    }

    #closed-days #wide-product .pt-115 {
        padding-top: 60px
    }

    #closed-days #wide-product .pb-120 {
        padding-bottom: 60px
    }

    #closed-days #dg-closed.pt-115 {
        padding-top: 60px
    }

    #closed-days #dg-closed.pb-115 {
        padding-bottom: 60px
    }

    #closed-days #find-closed-days table#closed-hours thead tr,
    #closed-days #find-closed-days table#closed-hours tbody tr {
        display: flex;
        flex-wrap: wrap
    }

    #closed-days #find-closed-days table#closed-hours {
        min-width: 100%
    }

    #closed-days #find-closed-days table#closed-hours .row-shown {
        display: flex !important
    }

    #closed-days #find-closed-days table#closed-hours thead tr th:first-child,
    #closed-days #find-closed-days table#closed-hours tbody tr td:first-child {
        width: 55px !important;
        padding: 0
    }

    #closed-days #find-closed-days table#closed-hours tbody tr td:first-child,
    #closed-days #find-closed-days table#closed-hours tbody tr td:nth-child(2) {
        font-weight: bold
    }

    #closed-days #find-closed-days table#closed-hours thead tr th:nth-child(2),
    #closed-days #find-closed-days table#closed-hours tbody tr td:nth-child(2) {
        width: 80% !important;
        padding: 0
    }

    #closed-days #find-closed-days table#closed-hours thead tr th:nth-child(3),
    #closed-days #find-closed-days table#closed-hours thead tr th:nth-child(4),
    #closed-days #find-closed-days table#closed-hours tbody tr td:nth-child(3),
    #closed-days #find-closed-days table#closed-hours tbody tr td:nth-child(4) {
        width: 50% !important;
        padding: 0
    }

    #closed-days #find-closed-days table#closed-hours thead tr,
    #closed-days #find-closed-days table#closed-hours tbody tr {
        padding: 16px 0
    }
}

@media(max-width:575px) {
    #closed-days #find-closed-days table#closed-hours .roboto-reg-14 {
        font-size: 12px
    }

    #closed-days #find-closed-days table#closed-hours .roboto-reg-16 {
        font-size: 14px
    }
}

@media(max-width:375px) {
    #closed-days #find-closed-days .roboto-reg-16 {
        font-size: 16px;
        line-height: 26px
    }
}

#closed-days #stock-exchanges-closed {
    border-top: 1px solid #e6ecf2
}

@media(max-width:1199px) {
    #closed-days #stock-exchanges-closed .pb-120 {
        padding-bottom: 96px
    }

    #closed-days #stock-exchanges-closed .pt-115 {
        padding-top: 90px
    }
}

@media(max-width:767px) {
    #closed-days #stock-exchanges-closed .pb-120 {
        padding-bottom: 60px
    }

    #closed-days #stock-exchanges-closed .pt-115 {
        padding-top: 60px
    }
}

#opening-times #find-opening-times .pagination .prev a,
#opening-times #find-opening-times .pagination .next a {
    margin: 0
}

#opening-times #find-opening-times .pagination .prev.disabled,
#opening-times #find-opening-times .pagination .next.disabled,
#closed-days #find-closed-days .pagination .prev.disabled,
#closed-days #find-closed-days .pagination .next.disabled {
    cursor: not-allowed;
    color: rgba(0, 0, 0, 0.5)
}

#opening-times #find-opening-times .pagination .prev.disabled a,
#opening-times #find-opening-times .pagination .next.disabled a,
#closed-days #find-closed-days .pagination .prev.disabled a,
#closed-days #find-closed-days .pagination .next.disabled a {
    pointer-events: none
}

#opening-times #find-opening-times .pagination .hasBefore,
#opening-times #find-opening-times .pagination .hasAfter,
#closed-days #find-closed-days .pagination .hasBefore,
#closed-days #find-closed-days .pagination .hasAfter {
    cursor: not-allowed;
    pointer-events: none
}

#opening-times #find-opening-times .pagination,
#closed-days #find-closed-days .pagination {
    margin-bottom: 0
}

#opening-times #find-opening-times .page-link,
#closed-days #find-closed-days .page-link {
    color: #000;
    border: 0;
    margin: 0 5px;
    min-width: 20px;
    min-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .2rem .2rem;
    border-radius: 0
}

#opening-times #find-opening-times .page-item.disabled .page-link,
#closed-days #find-closed-days .page-item.disabled .page-link {
    color: #636c72
}

#opening-times #find-opening-times .page-item.active .page-link,
#opening-times #find-opening-times .page-link:focus,
#opening-times #find-opening-times .page-link:hover,
#closed-days #find-closed-days .page-link:focus,
#closed-days #find-closed-days .page-link:hover,
#closed-days #find-closed-days .page-item.active .page-link {
    border-bottom: 2px solid #00fefe;
    background-color: transparent
}

@media(max-width:991px) {

    #opening-times #find-opening-times .page-link,
    #closed-days #find-closed-days .page-link {
        min-width: 30px;
        min-height: 20px
    }
}

@media(max-width:575px) {

    #opening-times #find-opening-times .page-link,
    #closed-days #find-closed-days .page-link {
        margin: 0 2px
    }
}

#opening-times #best-broker {
    background-color: #00fefe
}

@media(max-width:1199px) {
    #opening-times #info-hours .pt-115 {
        padding-top: 90px
    }

    #opening-times #info-hours .pb-120 {
        padding-bottom: 96px
    }
}

@media(max-width:991px) {
    #opening-times #info-hours .pt-115 {
        padding-top: 60px
    }

    #opening-times #info-hours .pt-60 {
        padding-top: 30px
    }

    #opening-times #info-hours .pb-120 {
        padding-bottom: 60px
    }

    #opening-times #info-hours .pb-60 {
        padding-bottom: 0
    }
}

@media(max-width:575px) {
    #opening-times #info-hours .pr-62 {
        padding-right: 0
    }
}

@media(max-width:575px) {

    #opening-times .navbar-brand,
    #closed-days .navbar-brand {
        left: -8px
    }

    #opening-times .submenu-education .dropbtn,
    #closed-days .submenu-education .dropbtn {
        padding: 18px 2px 18px 0;
        margin-left: -8px
    }
}

@media(min-width:1279px) {
    .footer-columns-width {
        width: 20%
    }
}

@media(max-width:1280px) {
    .footer-columns-width {
        width: 30%
    }

    .footer-columns-width:nth-child(4),
    .footer-columns-width:nth-child(5) {
        margin-top: 20px
    }
}

@media(max-width:992px) {
    .footer-columns-width {
        width: 50%
    }

    .footer-columns-width:nth-child(3),
    .footer-columns-width:nth-child(4),
    .footer-columns-width:nth-child(5) {
        margin-top: 20px
    }
}

.border-top-bottom-blue-4 {
    border-top: 4px solid #00fefe;
    border-bottom: 4px solid #00fefe;
    width: 100%
}

.special-mobile-title {
    font-size: 44px;
    line-height: 56px;
    letter-spacing: -0.4px
}

#helpdesk-bericht-02 .card .table td,
#helpdesk-bericht-02 .card .table th {
    padding: .4rem
}

@media(max-width:1279px) {
    #helpdesk-bericht-02 .card .table {
        overflow-x: auto;
        width: 100%;
        display: block
    }
}

.nowrap {
    white-space: nowrap
}

#landing-flatex .cash-fund-table tr th,
#landing-flatex .cash-fund-table tr td,
#landing-flatex .cash-fund-table tr td:last-child {
    min-width: auto !important;
    width: auto !important
}

#landing-flatex .cash-fund-table thead {
    color: #00fefe
}

#landing-flatex .cash-fund-table tr td:last-child {
    font-weight: bold
}

#landing-flatex .cash-fund-table tbody tr:nth-child(odd) {
    background-color: #fff
}

#landing-flatex .cash-fund-table {
    font-size: 14px !important
}

#landing-flatex .cash-fund-table {
    margin-bottom: 32px;
    border: none !important
}

#landing-flatex .cash-fund-table tr {
    border-bottom: 1px solid #e6ecf2 !important
}

#landing-flatex .cash-fund-table tr td {
    border: 0
}

#landing-flatex .cash-fund-table tr td:first-child {
    padding-left: 0
}

#landing-flatex .cash-fund-table tr td:last-child {
    padding-right: 0
}

#landing-flatex .list-examples {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#landing-flatex .list-examples li {
    max-width: 75%;
    list-style-type: none
}

#landing-flatex .list-examples div.border-left-blue {
    font-size: 14px
}

#landing-flatex .container-fluid.border-bottom .col-lg-4.offset-lg-1 div {
    background-color: #f3f5f6;
    padding: 16px
}

@media(max-width:767px) {
    #landing-flatex .cash-fund-table tr td:first-child {
        width: 100px
    }

    #landing-flatex #cash-fund .roboto-reg-16 {
        font-size: 14px;
        line-height: 24px
    }
}

@media(max-width:375px) {

    #landing-flatex .roboto-reg-16,
    #landing-flatex .roboto-med-16 {
        font-size: 16px;
        line-height: 26px
    }
}

#faqretire .bg-header-retirement {
    background-image: url(../imgs/bg-header-retirement.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    min-height: 730px;
    padding-top: 200px
}