header {
    display: none;
    background-color: #FFF;
    border-bottom: 1px solid #efefef;
    min-width: 300px;
    position: relative;
    width: 100%;
    z-index: 999
}

header.web {
    display: block
}

header .box-logo .logo-f-public {
    width: 190px
}

header .box-logo .logo-f-smart {
    display: none;
    width: 50px
}

header .box-logo .logo-f-medium {
    display: none;
    width: 75px
}

header.active {
    height: 100vh;
    overflow-y: auto
}

header .header-content {
    padding-top: 10px;
    padding-bottom: 10px
}

header ul {
    list-style: none;
    padding: 0;
    margin: 0
}

header .main-menu {
    padding-top: 50px
}

header .main-menu a {
    font-size: 1rem
}

header .main-menu .nav-item a {
   
}

header .main-menu .nav-sub-item>a {
    display: block;
    width: 100%
}

header .main-menu .nav-sub-item>a:hover {
    text-decoration: none
}

header .main-menu .nav-sub-item>a:after {
    position: absolute;
    top: 4px;
    right: 2px;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="15" height="18"><path fill="%2308c" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg>');
    font-size: 0.75rem;
    pointer-events: none
}

header .upper-nav a {
    color: #0088cc;
    font-size: 0.875rem;
    font-family: "ProximaNova-Bold";
    text-transform: uppercase
}

header .upper-nav a.r-arrow:after {
    position: absolute;
    right: -14px;
    top: 5px;
    height: 10px;
    line-height: 10px;
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="9" height="10"><path fill="%23444" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
    pointer-events: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

header .upper-nav a.r-arrow:hover:after {
    transform: rotate(-180deg)
}

header .upper-nav .nav-separator {
    padding-bottom: 25px;
    border-top: 2px solid #e5e5e5
}

header .btn-login {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 0 none;
    color: #444;
    background-color: transparent;
    font-family: ProximaNova-Bold, Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
    position: relative;
    width: 100px;
    cursor: pointer
}

header .btn-login:after {
    position: absolute;
    right: 6px;
    top: 3px;
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="15" height="15"><path fill="%23444" d="M416 448h-84c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h84c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32h-84c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h84c53 0 96 43 96 96v192c0 53-43 96-96 96zm-47-201L201 79c-15-15-41-4.5-41 17v96H24c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24h136v96c0 21.5 26 32 41 17l168-168c9.3-9.4 9.3-24.6 0-34z"></path></svg>')
}

header .btn-login:focus {
    outline: 0px auto -webkit-focus-ring-color
}

header .btn-login:hover {
    text-decoration: underline
}

header .btn-login.btn-login-mobile {
    background-color: #EFEFEF;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    line-height: 3rem;
    color: #0088CC
}

header .btn-login.btn-login-mobile:after {
    content: ''
}

header .btn.btn-primary.btn-join-us {
    height: 38px;
    line-height: 38px;
    font-size: 0.875rem !important
}

header .btn.btn-white.btn-demo {
    height: 38px;
    line-height: 38px;
    font-size: 0.875rem !important
}

header .navbar-toggle {
    display: block;
    height: 20px;
    width: 22px !important;
    text-indent: -10000px;
    float: right
}

header .navbar-toggle span {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out
}

header .navbar-toggle span:before,
header .navbar-toggle span:after {
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out
}

header .navbar-toggle span.icon-bar {
    position: absolute;
    display: block;
    width: 22px;
    height: 2px;
    background: #444;
    cursor: pointer;
    content: '';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

header .navbar-toggle span.icon-bar:before {
    position: absolute;
    display: block;
    width: 22px;
    height: 2px;
    background: #444;
    cursor: pointer;
    content: '';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

header .navbar-toggle span.icon-bar:after {
    position: absolute;
    display: block;
    width: 22px;
    height: 2px;
    background: #444;
    cursor: pointer;
    content: '';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    width: 18px;
    right: 0
}

header .navbar-toggle span.icon-bar:before {
    top: -8px
}

header .navbar-toggle span.icon-bar:after {
    top: 8px
}

header .navbar-toggle.active span {
    background-color: transparent
}

header .navbar-toggle.active span:before,
header .navbar-toggle.active span:after {
    top: 0
}

header .navbar-toggle.active span:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .navbar-toggle.active span:after {
    -webkit-transform: translateY(-10px) rotate(45deg);
    -moz-transform: translateY(-10px) rotate(45deg);
    -ms-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
    width: 22px;
    top: 10px
}

header .ui-sub-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 71px);
    background: white;
    z-index: 99990;
    overflow-y: auto;
    font-size: 0.875rem;
    padding-top: 50px
}

header .ui-sub-menu .box-sub-links {
    padding: 0
}

header .ui-sub-menu .box-sub-links .nav-list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    overflow-y: hidden
}

header .ui-sub-menu .box-sub-links .nav-list-group .nav-list-group-item {
    position: relative;
    display: block;
    padding-bottom: 1.5625rem;
    text-transform: uppercase;
    color: #0088cc;
    font-size: 0.875rem
}

header .ui-sub-menu .btn-back {
    width: auto;
    padding: 0;
    line-height: normal;
    display: block;
    height: 22px;
    color: #0088cc
}

header .navbar-collapse.collapsed .ui-sub-menu.active {
    display: block
}

header .main-menu .nav-item,
header .upper-nav .nav-item {
    position: static;
    padding-bottom: 25px
}

@supports (position: sticky) {
    header.fixtop {
        position: sticky;
        top: 0px
    }
}

header.fixtop .box-logo {
    padding-bottom: 0
}

header.fixtop .box-logo .logo-f-public {
    display: none
}

header.fixtop .box-logo .logo-f-smart {
    display: block
}

header.fixtop .header-content {
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width: 992px) {
    header.active {
        height: auto;
        overflow-y: visible
    }
    header .header-content {
        position: static;
        padding-top: 20px;
        padding-bottom: 20px
    }
    header .navbar-collapse {
        padding-top: 0
    }
    header .navbar-collapse.collapse {
        display: block !important
    }
    header .box-logo .logo-f-public {
        width: 250px
    }
    header .upper-nav a {
        color: #444;
        background-color: 0;
        font-family: ProximaNova, Arial, Helvetica, sans-serif;
        text-transform: none;
        margin-top: 0;
        border-top: none
    }
    header .main-menu {
        padding-top: 0px
    }
    header .main-menu .nav-sub-item>a {
        display: inline
    }
    header .main-menu .nav-sub-item>a:after {
        position: absolute;
        right: -16px;
        top: 4px;
        line-height: 0.75rem;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f078";
        pointer-events: none;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        font-size: 0.75rem
    }
    header .main-menu .nav-sub-item.active>a {
        display: inline
    }
    header .main-menu .nav-sub-item.active>a:after {
        transform: rotate(180deg);
        font-size: 0.75rem
    }
    header nav.secondary-menu .nav-btn-apriconto {
        font-size: 0.875rem !important;
        text-transform: uppercase;
        line-height: 2.375rem;
        width: 160px;
        float: right
    }
    header nav.secondary-menu .nav-btn-demo {
        font-size: 0.875rem !important;
        text-transform: uppercase;
        line-height: 2.375rem;
        width: 130px;
        float: right
    }
    header .ui-sub-menu {
        display: block;
        visibility: hidden;
        top: 22px;
        height: auto;
        min-width: 200px;
        width: auto;
        background: none;
        padding-top: 0;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        opacity: 0
    }
    header .ui-sub-menu.active {
        visibility: visible;
        opacity: 1;
        transform: translate(0, 8px)
    }
    header .ui-sub-menu .box-sub-links .nav-list-group a.nav-list-group-item {
        color: #0088cc
    }
    header .ui-sub-menu .box-sub-links .nav-list-group a.nav-list-group-item:hover {
        color: #fff
    }
    header .ui-sub-menu .box-sub-links .nav-list-group {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0
    }
    header .ui-sub-menu .box-sub-links .nav-list-group .nav-list-group-item {
        position: relative;
        display: block;
        padding-bottom: 1.5625rem;
        text-transform: uppercase;
        color: #0088cc;
        padding: 0.625rem 1.25rem;
        background-color: #fff;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top-width: 0;
        text-transform: none;
        text-decoration: none
    }
    header .ui-sub-menu .box-sub-links .nav-list-group .nav-list-group-item:first-child {
        border-top: 1px solid #ccc;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }
    header .ui-sub-menu .box-sub-links .nav-list-group .nav-list-group-item:last-child {
        border-bottom: 1px solid #ccc;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }
    header .ui-sub-menu .box-sub-links .nav-list-group .nav-list-group-item:hover {
        border-bottom-color: #fff;
        border-left-color: #0088cc;
        border-right-color: #0088cc;
        background-color: #0088cc
    }
    header .ui-sub-menu .box-sub-links .nav-list-group .nav-list-group-item:hover:first-child {
        border-top-color: #0088cc
    }
    header .ui-sub-menu .box-sub-links .nav-list-group .nav-list-group-item:hover:last-child:hover {
        border-bottom-color: #0088cc
    }
    header .main-menu .nav-item,
    header .upper-nav .nav-item {
        position: relative;
        padding-bottom: 0
    }
    header .main-menu .nav-item {
        margin-right: 10px;
        padding-right: 10px
    }
    header .main-menu .nav-item:last-child {
        margin-right: 0;
        padding-right: 0
    }
    header .upper-nav .nav-item {
        margin-bottom: .3125rem
    }
    header.fixtop .box-logo .logo-f-public {
        display: none
    }
    header.fixtop .box-logo .logo-f-smart {
        display: none
    }
    header.fixtop .box-logo .logo-f-medium {
        display: block
    }
    header.fixtop .upper-nav {
        display: none !important
    }
}

@media (min-width: 1200px) {
    header .main-menu .nav-item {
        margin-right: 20px;
        padding-right: 15px
    }
}

body.loginlayer-in {
    overflow-y: hidden
}

.box-login {
    background-color: #FFF;
    padding: 3.75rem;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.25)
}

.login-container .login-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 1040
}

.login-container .login-layer {
    position: fixed;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFF;
    padding: 30px 15px;
    z-index: 999999
}

.login-container .login-layer .close-login {
    color: #666
}

.login-container .login-layer .close-login :hover {
    color: #666
}

.login-container.show-login .login-layer {
    display: block
}

.login-container.show-login .login-layer {
    right: 0;
    opacity: 1;
    -webkit-transition: right 400ms ease-in-out, opacity 300ms ease-in;
    -moz-transition: right 400ms ease-in-out, opacity 300ms ease-in;
    -ms-transition: right 400ms ease-in-out, opacity 300ms ease-in;
    -o-transition: right 400ms ease-in-out, opacity 300ms ease-in;
    transition: right 400ms ease-in-out, opacity 300ms ease-in
}

@media (min-width: 768px) {
    .login-container.show-login .login-backdrop {
        display: block
    }
    .login-container .login-layer {
        width: 440px;
        right: -450px;
        top: 0;
        -webkit-box-shadow: -10px 0px 10px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: -10px 0px 10px 0px rgba(0, 0, 0, 0.2);
        box-shadow: -10px 0px 10px 0px rgba(0, 0, 0, 0.2)
    }
}

@media (min-width: 992px) {
    .login-container .login-layer {
        width: 370px;
        right: -380px
    }
}

#breadcrumbs {
    margin-top: 0
}

#breadcrumbs p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: #444;
    font-family: ProximaNova-Sbold, Arial, Helvetica, sans-serif
}

#breadcrumbs a {
    font-family: ProximaNova, Arial, Helvetica, sans-serif;
    position: relative;
    margin-right: 18px;
    display: inline-block
}

#breadcrumbs a:after {
    content: "\203A";
    color: #999;
    font-size: 1.25rem;
    position: absolute;
    right: -12px;
    top: -1px;
    z-index: -1;
    font-family: ProximaNova-Sbold, Arial, Helvetica, sans-serif
}

#breadcrumbs a#backhome:hover {
    color: #0088cc
}

#breadcrumbs a:last-child {
    pointer-events: none;
    color: #444;
    font-family: ProximaNova-Sbold, Arial, Helvetica, sans-serif
}

#breadcrumbs a:last-child:after {
    content: "";
    display: none
}

#breadcrumbs .container .row {
    height: 2.938rem
}

footer {
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #FFF;
    padding-bottom: 45px;
    background-color: #02549D
}

footer a {
    color: #FFF
}

footer a:hover {
    text-decoration: underline;
    color: #FFF
}

footer ul {
    padding: 0;
    margin: 0;
    list-style: none
}

footer ul li {
    line-height: 28px
}

footer .social a:hover {
    color: #26ABEB
}

footer .footer-top .btn-sitemap {
    font-size: 14px !important;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    background-color: #02549D;
    padding: 0 25px;
    margin: 2.5rem auto;
    width: 100%;
    display: table;
    white-space: nowrap;
    text-align: center;
    z-index: 0
}

footer .footer-top .btn-sitemap:active,
footer .footer-top .btn-sitemap:hover {
    color: #fff;
    text-decoration: underline;
    cursor: pointer
}

footer .footer-top .btn-sitemap:before {
    border-top: 1px solid #FFF;
    content: '';
    position: absolute;
    top: 0.5em;
    width: 100%;
    left: 0;
    z-index: -2
}

footer .footer-top .btn-sitemap:after {
    content: '';
    width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 24px;
    background-color: #02549D;
    z-index: -1
}

footer .footer-top .btn-sitemap .fas {
    position: relative;
    top: 1px
}

footer .footer-top .sitemap .h6 {
    font-size: 0.875rem;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

footer .footer-top .sitemap ul li {
    font-size: 0.875rem
}

footer .footer-top .disclaimer p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

footer .footer-bottom {
    background-color: #1471b1;
    color: #fff
}

footer .footer-bottom a {
    color: #fff
}

footer .footer-bottom .sitemap {
    font-size: 14px;
    text-transform: uppercase
}

footer .disclaimer p {
    font-size: 14px
}

footer .first-footer-links ul li,
footer .second-footer-links ul li {
    float: left;
    position: relative;
    margin-right: 10px;
    padding-right: 8px
}

footer .first-footer-links ul li:after,
footer .second-footer-links ul li:after {
    display: block;
    content: " ";
    width: 1px;
    height: 15px;
    position: absolute;
    top: 6px;
    right: 0;
    background-color: white
}

footer .first-footer-links ul li:last-child:after,
footer .second-footer-links ul li:last-child:after {
    display: none
}

footer .first-footer-links ul li a,
footer .second-footer-links ul li a {
    font-family: ProximaNova, Arial, Helvetica, sans-serif
}

footer .first-footer-links ul li {
    font-size: 1rem
}

footer .second-footer-links ul li {
    font-size: 0.875rem
}

@media (min-width: 768px) {
    footer {
        padding-bottom: 20px
    }
    footer .second-footer-links ul li {
        margin-right: 18px;
        padding-right: 15px
    }
    footer .footer-top .btn-sitemap:after {
        width: 120px
    }
}

@media (min-width: 992px) {
    footer {
        padding-bottom: 28px
    }
    footer .footer-top .btn-sitemap:after {
        width: 160px
    }
}

section.content-banner {
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 510px 371px
}

section.content-banner>.container>.row>div {
    margin-top: 321px
}

section.content-banner .content-banner-container {
    background-color: #FFF;
    padding: 30px;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.25)
}

section.content-banner .content-banner-container ul.caporale-pointed li {
    font-size: 1.125rem;
    line-height: 1.625rem
}

section.content-banner .content-banner-container ul.caporale-pointed li:before {
    top: 0px
}

section.content-banner#think-global {
    background-image: url("../img/content/think-global-lg386038603860.jpg?v=1")
}

section.content-banner#simplify-your-life {
    background-image: url("../img/content/simplify-your-life-lg.jpg")
}

section.content-banner#fair-and-transparent {
    background-image: url("../img/content/fair-and-transparent-lg.jpg")
}

section.content-banner#experts-trading-investing {
    background-image: url("../img/content/experts-trading-investing-lg.jpg")
}

section.content-banner#your-projects {
    background-image: url("../img/content/your-projects-lg.jpg")
}

section.content-banner#five-star-app {
    background-image: url("../img/content/five-star-app-lg.jpg")
}

section.content-banner#call-center {
    background-image: url("../img/content/contact-lg.jpg")
}

section.content-banner#relax {
    background-image: url("../img/content/your-budget-under-control-lg.html")
}

section.content-banner#just-one-app {
    background-image: url("../img/content/just-one-app-lg.html")
}

section.content-banner#pay-bills {
    background-image: url("../img/content/pay-bills-lg.html")
}

section.content-banner#instant-money-transfert {
    background-image: url("../img/content/instant-money-transfert-lg.html")
}

section.content-banner#smart-purchases {
    background-image: url("../img/content/smart-purchases-lg.html")
}

section.content-banner#free-withdrawals {
    background-image: url("../img/content/free-withdrawals-lg.html")
}

section.content-banner#digital-payments-eur {
    background-image: url("../img/content/digital-payments-lg.html")
}

section.content-banner#RegularInvestingPlan {
    background-image: url("../img/content/pac-lg.jpg")
}

section.content-banner#shares-etfs-bonds {
    background-image: url("../img/content/shares-etfs-bonds-lg.jpg")
}

section.content-banner#shares-cfds {
    background-image: url("../img/content/shares-cfds-lg.html")
}

section.content-banner#futures-commission-free {
    background-image: url("../img/content/futures-commission-free-lg.html")
}

section.content-banner#futures-commission-free {
    background-image: url("../img/content/futures-commission-free-lg.html")
}

section.content-banner#global-cfd {
    background-image: url("../img/content/global-cfd-lg.html")
}

section.content-banner#global-stocks {
    background-image: url("../img/content/global-stocks-lg.html")
}

section.content-banner#never-seen-before {
    background-image: url("../img/content/never-seen-before-lg.html")
}

section.content-banner#automatic-etf {
    background-image: url("../img/content/automatic-etf-lg.html")
}

section.content-banner#bond-offerings {
    background-image: url("../img/content/bond-offerings-lg.html")
}

section.content-banner#europe-free-withdrawals {
    background-image: url("../img/content/europe-free-withdrawals-lg.html")
}

section.content-banner#unexpected-outgoings {
    background-image: url("../img/content/unexpected-outgoings-lg.html")
}

section.content-banner#blocking-functions {
    background-image: url("../img/content/blocking-functions-lg.html")
}

section.content-banner#investing-isa {
    background-image: url("../img/content/isa-lg.jpg")
}

section.content-banner#investing-isa .container>.row {
    position: relative
}

section.content-banner#investing-isa .container>.row>div.fascetta {
    position: absolute;
    left: 15px;
    top: 10px;
    max-width: 265px;
    color: #FFF;
    margin-top: 0
}

section.content-banner#investing-isa .container>.row>div {
    margin-top: 315px
}

section.content-banner#intuitive-platform {
    background-image: url("../img/content/platform.jpg")
}

section.content-banner#intuitive-platform .container .row {
    position: relative
}

section.content-banner#intuitive-platform .container .row .ribbon {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    top: 0
}

section.content-banner#global-funds {
    background-image: url("../img/content/global-funds-lg386038603860.jpg?v=1")
}

section.content-banner#global-funds .container .row {
    position: relative
}

section.content-banner#global-funds .container .row .ribbon {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    top: 0
}

section.content-banner#professional-tools {
    background-image: url("../img/content/professional-tools.jpg")
}

section.content-banner#client-support {
    background-image: url("../img/content/client-support.jpg")
}

section.content-banner#isa-zero {
    background-image: url("../img/content/isa.jpg")
}

section.content-banner#isa-zero .container .row {
    position: relative
}

section.content-banner#isa-zero .container .row .ribbon {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    top: 0
}

section.content-banner#multi-currency {
    background-image: url("../img/content/multi-currency.jpg")
}

section.content-banner#mgm51 {
    background-image: url("../img/content/mgm-lg.html")
}

section.content-banner#fingertips {
    background-image: url("../img/content/fingertips.html")
}

section.content-banner#personalised-budgeting {
    background-image: url("../img/content/personalised-budgeting-lg.html")
}

section.content-banner#trading-space {
    background-image: url("../img/content/trading-space.html")
}

section.content-banner#multi-currency-platform {
    background-image: url("../img/content/multi-currency-platform.html")
}

section.content-banner#favourite-shares {
    background-image: url("../img/content/favourite-shares.html")
}

section.content-banner#global-shares {
    background-image: url("../img/content/global-shares.html")
}

section.content-banner#world-indicies {
    background-image: url("../img/content/world-indicies.html")
}

section.content-banner#commodities-cfds {
    background-image: url("../img/content/commodities-cfds.html")
}

section.content-banner#fx-cfds {
    background-image: url("../img/content/fx-cfds.html")
}

section.content-banner#fam {
    background-image: url("../img/content/fam.html")
}

section.content-banner#up-to-date {
    background-image: url("../img/content/up-to-date.html")
}

section.content-banner#controls {
    background-image: url("../img/content/controls.html")
}

section.content-banner#server {
    background-image: url("../img/content/server.html")
}

section.content-banner#otp {
    background-image: url("../img/content/otp.html")
}

section.content-banner#mobile-code {
    background-image: url("../img/content/mobile-code.html")
}

@media (min-width: 768px) {
    section.content-banner {
        min-height: 500px;
        background-size: 690px 502px
    }
    section.content-banner>.container>.row>div {
        margin-top: 452px
    }
    section.content-banner .content-banner-container {
        padding: 50px
    }
    section.content-banner#investing-isa .container>.row>div.fascetta {
        left: 35px;
        top: 20px
    }
    section.content-banner#investing-isa .container>.row>div {
        margin-top: 380px
    }
}

@media (min-width: 992px) {
    section.content-banner {
        min-height: 600px;
        background-size: initial
    }
    section.content-banner>.container {
        height: 600px
    }
    section.content-banner>.container>.row {
        padding-top: 40px
    }
    section.content-banner>.container>.row>div {
        margin: inherit
    }
    section.content-banner .content-banner-container {
        padding: 50px
    }
    section.content-banner.content-right {
        background-position: calc(50% - 238px) 0%
    }
    section.content-banner.content-left {
        background-position: calc(50% + 237px) 0%
    }
    section.content-banner#investing-isa .container>.row>div {
        margin: inherit
    }
    section.content-banner#intuitive-platform .container .row .ribbon {
        left: 475px
    }
    section.content-banner#global-funds .container .row .ribbon {
        left: 475px
    }
    section.content-banner#isa-zero .container .row .ribbon {
        left: -475px
    }
}

section.main-banner {
    background-position: center 0;
    background-repeat: no-repeat
}

section.main-banner>.container {
    height: 400px
}

section.main-banner>.container>.align-items-top {
    height: 310px;
    padding-top: 2.5rem
}

section.main-banner>.container>.align-items-end {
    height: 90px;
    padding-bottom: 2.5rem
}

section#banking-banner {
    background-image: url("../img/banner/sm-banner-banking.html")
}

section#banking-abroad {
    background-image: url("../img/banner/sm-banking-abroad.html")
}

section#investing-banner {
    background-image: url("../img/banner/sm-banner-investing386038603860.jpg?v=1")
}

section#investing-banner h1,
section#investing-banner p {
    color: #444
}

section#debit-cards {
    background-image: url("../img/banner/sm-debit-cards.html")
}

section#trading-banner {
    background-image: url("../img/banner/sm-trading.html")
}

section#london-hub {
    background-image: url("../img/banner/sm-london-hub.html")
}

section#live-events {
    background-image: url("../img/banner/sm-live-events.html")
}

section#pricing {
    background-image: url("../img/banner/pricing-sm386038603860.html?v=1")
}

section#pricingcompare {
    background-image: url("../img/banner/compare-pricing-sm.html")
}

section#contact-us {
    background-image: url("../img/banner/sm-contact-us.jpg")
}

section#why-fineco {
    background-image: url("../img/banner/sm-why-fineco386038603860.jpg?v=1")
}

section#mgm {
    background-image: url("../img/banner/sm-mgm386038603860.html?v=1")
}

section#mgm .container>.align-items-top {
    height: 300px;
    padding-top: 0
}

section#mgm .container>.align-items-top .box-yellow {
    background-color: rgba(255, 204, 0, 0.9);
    margin-top: 35px;
    border-top: 5px solid #02549D;
    color: #02549D;
    padding: 30px 30px 30px 15px
}

section#mgm .container>.align-items-end {
    height: 100px
}

section#mgm .container>.align-items-end img {
    max-width: 100px;
    max-height: 100px
}

section#trading-titans {
    background-image: url("../img/banner/trading-titans-sm5e1f5e1f5e1f.html?v=2");
    background-color: #000001
}

section#trading-titans.main-banner>.container {
    position: relative;
    overflow: hidden
}

section#trading-titans.main-banner>.container img.dan {
    position: absolute;
    right: -95px;
    top: 70px
}

section#invest-sustainably {
    background-image: url("../img/banner/investStustainably-sm.html")
}

section#regular-investing-plan {
    background-image: url("../img/banner/sm-regular-investing-plan.html")
}

section#isa {
    background-image: url("../img/banner/isa-sm.html");
    background-position: center bottom;
    background-color: #02549D
}

section#isa.main-banner>.container {
    position: relative;
    height: 400px
}

section#isa.main-banner>.container img.promo-isa {
    display: none
}

section#isa.main-banner>.container .btn-small-version {
    position: absolute;
    bottom: 50px;
    width: 282px
}

section#trading-live-show {
    background-image: url("../img/banner/trader-tv-sm.html")
}

section#trading-live-show.main-banner>.container {
    position: relative
}

section#trading-live-show.main-banner>.container .hosts {
    display: none
}

section#cfds {
    background-image: url("../img/banner/cfds-sm.html");
    background-position: right 0
}

section#platforms {
    background-image: url("../img/banner/platforms-sm.html")
}

section#trading-markets {
    background-image: url("../img/banner/markets-to-trade-sm.jpg")
}

section#fam-series {
    background-image: url("../img/banner/fam-series.html")
}

section#fam-advisory {
    background-image: url("../img/banner/fam-advisory.html")
}

section#fineco-app {
    background-image: url("../img/banner/fineco-app.html")
}

section#futures {
    background-image: url("../img/banner/futures.html")
}

section#security {
    background-image: url("../img/banner/security.html")
}

section#digital-payments {
    background-image: url("../img/banner/digital-payments.html")
}

section#liquidita {
    background-image: url("../img/img-it/banner/liquidita-lg.html")
}

section#private {
    background-image: url("../../it/pub/img/home/banner-private-3.html")
}

section#lifegate {
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/lifegate/banner.html")
}

section#ipoCertificates {
    background-image: url("../../it/pub/img/trading/ipo-e-certificates/banner.html")
}

section#finecoPay {
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/conto-e-carte/fineco-pay/banner-fineco-pay.html")
}

section#sicurezza {
    background-color: #f4f4f4;
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/sicurezza/sicurezza.html");
    background-position: center bottom;
    height: 450px
}

section#promoMastercardTravelRewards {
    background-color: #f4f4f4;
    height: 450px;
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/promo-mastercard-travel-rewards/bg-banner.html");
    background-repeat: no-repeat;
    background-position: center 0
}

section#soluzioniAssicurative {
    background-color: #f4f4f4;
    height: 450px;
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/fondi-e-consulenza/soluzioni-assicurative/soluzioni-assicurative.html");
    background-repeat: no-repeat;
    background-position: center 0
}

section#plus {
    height: 600px;
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/plus/banner.html");
    background-repeat: no-repeat;
    background-position: center 0
}

section#zero-commissioni-titoli-stato {
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/zero-commissioni-titoli-di-stato/bg-galleria.html")
}

section#zero-commissioni-titoli-stato p.ribbon {
    color: #444;
    background-color: #FFCC00;
    position: relative;
    font-size: 20px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    font-family: 'ProximaNova-Sbold', Arial
}

section#zero-commissioni-titoli-stato p.ribbon:before {
    content: '';
    position: absolute;
    top: 0;
    left: -50px;
    width: 50px;
    height: 100%;
    background: linear-gradient(to right, transparent 0%, #FC0 100%)
}

section#zero-commissioni-titoli-stato p.ribbon:after {
    content: '';
    position: absolute;
    top: 0;
    right: -50px;
    width: 50px;
    height: 100%;
    background: linear-gradient(to left, transparent 0%, #FC0 100%)
}

section#trading-cfd {
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/mercati-e-trading/trading-numero-1/cfd/banner.html")
}

section#trading-cfd .ico-banner {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    padding-top: 95px;
    text-transform: uppercase;
    margin-top: 10px;
    letter-spacing: 1.5px;
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 0;
    cursor: pointer
}

section#trading-cfd .ico-banner:hover {
    color: #FFCC00;
    text-decoration: none
}

section#trading-cfd .ico-banner .ico-new {
    position: absolute;
    background-color: #e55c51;
    color: #FFF;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    font-weight: bold
}

section#trading-cfd .ico-banner.indici {
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/mercati-e-trading/trading-numero-1/cfd/ico-indici.html")
}

section#trading-cfd .ico-banner.materieprime {
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/mercati-e-trading/trading-numero-1/cfd/ico-materie-prime.html")
}

section#trading-cfd .ico-banner.obbligazioni {
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/mercati-e-trading/trading-numero-1/cfd/ico-obbligazioni.html")
}

section#trading-cfd .ico-banner.valute {
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/mercati-e-trading/trading-numero-1/cfd/ico-valute.html")
}

section#trading-cfd .ico-banner.azioni {
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/mercati-e-trading/trading-numero-1/cfd/ico-azioni.html")
}

section#trading-cfd-fx {
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/cfd-fx/banner.html");
    background-position: center -25px
}

section#mobile-code {
    background-color: #FFF;
    position: relative;
    overflow-x: hidden
}

section#mobile-code:before {
    height: 400px;
    content: '';
    position: absolute;
    top: 0;
    left: -20%;
    width: 65%;
    background-color: #1969B0;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    transform: skewX(-25deg)
}

section#mobile-code .mobile-code {
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/mobile-code/phone.html");
    background-repeat: no-repeat;
    background-position: center 10px
}

section#mobile-app {
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/mercati-e-trading/piattaforme/fineco-app/banner-app.html")
}

section#advice {
    background-image: url("../../images.fineco.it/pvt/img/esplorafineco/fondi-e-consulenza/obiettivi-e-soluzioni/advice/advice.html")
}

section#turbo-certificati {
    background-image: url("../img/banner/esplora-turbo-certificati.html");
    background-color: #080510;
    background-position: right bottom
}

@media (min-width: 768px) {
    section#banking-banner {
        background-image: url("../img/banner/md-banner-banking.html")
    }
    section#banking-abroad {
        background-image: url("../img/banner/md-banking-abroad.html")
    }
    section#investing-banner {
        background-image: url("../img/banner/md-banner-investing386038603860.jpg?v=1")
    }
    section#debit-cards {
        background-image: url("../img/banner/md-debit-cards.html")
    }
    section#trading-banner {
        background-image: url("../img/banner/md-trading.html")
    }
    section#london-hub {
        background-image: url("../img/banner/md-london-hub.html")
    }
    section#live-events {
        background-image: url("../img/banner/md-live-events.html")
    }
    section#pricing {
        background-image: url("../img/banner/pricing-md386038603860.html?v=1")
    }
    section#pricingcompare {
        background-image: url("../img/banner/compare-pricing-md.html")
    }
    section#contact-us {
        background-image: url("../img/banner/md-contact-us.jpg")
    }
    section#why-fineco {
        background-image: url("../img/banner/md-why-fineco386038603860.jpg?v=1")
    }
    section#invest-sustainably {
        background-image: url("../img/banner/investStustainably-md.html")
    }
    section#mgm {
        background-image: url("../img/banner/md-mgm.html")
    }
    section#mgm .container {
        height: 500px
    }
    section#mgm .container>.align-items-top {
        height: 340px;
        padding-top: 0
    }
    section#mgm .container>.align-items-top .box-yellow {
        margin-top: 70px;
        padding: 30px 30px 30px 15px
    }
    section#mgm .container>.align-items-end {
        height: 160px
    }
    section#mgm .container>.align-items-end img {
        max-width: 160px;
        max-height: 160px
    }
    section#trading-titans.main-banner>.container img.dan {
        right: 15px;
        top: 120px
    }
    section#regular-investing-plan {
        background-image: url("../img/banner/md-regular-investing-plan.html")
    }
    section#isa {
        background-image: url("../img/banner/isa-lg.html");
        background-position: right -135px bottom 0
    }
    section#isa.main-banner>.container img.promo-isa {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0
    }
    section#trading-live-show {
        background-image: url("../img/banner/trader-tv-md.html")
    }
    section#trading-live-show.main-banner>.container {
        position: relative
    }
    section#trading-live-show.main-banner>.container .hosts {
        display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;
        text-align: center
    }
    section#trading-live-show.main-banner>.container .hosts p {
        color: #FFF;
        font-size: 1rem
    }
    section#cfds {
        background-image: url("../img/banner/cfds-md.html");
        background-position: center 0
    }
    #platforms {
        background-image: url("../img/banner/platforms-md.html")
    }
    #trading-markets {
        background-image: url("../img/banner/markets-to-trade-md.html")
    }
}

@media (min-width: 992px) {
    section.main-banner>.container>.align-items-top {
        height: 300px;
        padding-top: 3.125rem
    }
    section.main-banner>.container>.align-items-end {
        height: 100px;
        padding-bottom: 3.125rem
    }
    section#banking-banner {
        background-image: url("../img/banner/xl-banner-banking386038603860.html?v=1")
    }
    section#banking-abroad {
        background-image: url("../img/banner/xl-banking-abroad386038603860.html?v=1")
    }
    section#investing-banner {
        background-image: url("../img/banner/xl-banner-investing5e1f5e1f5e1f.jpg?v=2")
    }
    section#debit-cards {
        background-image: url("../img/banner/xl-debit-cards386038603860.html?v=1")
    }
    section#trading-banner {
        background-image: url("../img/banner/xl-trading386038603860.html?v=1")
    }
    section#london-hub {
        background-image: url("../img/banner/xl-london-hub.html")
    }
    section#live-events {
        background-image: url("../img/banner/xl-live-events386038603860.html?v=1")
    }
    section#pricing {
        background-image: url("../img/banner/pricing-lg386038603860.html?v=1")
    }
    section#pricingcompare {
        background-image: url("../img/banner/compare-pricing-lg.html")
    }
    section#contact-us {
        background-image: url("../img/banner/xl-contact-us708a708a708a.jpg?=1")
    }
    section#why-fineco {
        background-image: url("../img/banner/xl-why-fineco5e1f5e1f5e1f.jpg?v=2")
    }
    section#invest-sustainably {
        background-image: url("../img/banner/investStustainably-lg.html")
    }
    section#mgm {
        background-image: url("../img/banner/xl-mgm386038603860.html?v=1")
    }
    section#mgm .container {
        height: 400px
    }
    section#mgm .container>.align-items-top {
        height: 300px;
        padding-top: 0
    }
    section#mgm .container>.align-items-top .box-yellow {
        margin-top: 20px;
        padding: 22px 30px 22px 15px
    }
    section#mgm .container>.align-items-end {
        height: 100px
    }
    section#mgm .container>.align-items-end img {
        max-width: 100px;
        max-height: 100px
    }
    section#trading-titans.main-banner>.container img.dan {
        right: 0;
        top: 90px
    }
    section#regular-investing-plan {
        background-image: url("../img/banner/xl-regular-investing-plan.html")
    }
    section#isa {
        background-image: url("../img/banner/xl-isa.html");
        background-position: center top;
        background-repeat: no-repeat;
        background-color: transparent
    }
    section#trading-live-show {
        background-image: url("../img/banner/trader-tv-lg.html")
    }
    section#cfds {
        background-image: url("../img/banner/cfds-lg.html")
    }
    section#platforms {
        background-image: url("../img/banner/platforms-lg.html")
    }
    section#trading-markets {
        background-image: url("../img/banner/markets-to-trade-lg.jpg")
    }
}

.cookieChoicesWrapper {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99999
}

.cookieChoicesWrapper .cookieChoiceInfo {
    position: fixed;
    color: #444;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    width: 100%;
    height: 100vh;
    overflow-y: auto
}

.cookieChoicesWrapper .cookieChoiceInfo b,
.cookieChoicesWrapper .cookieChoiceInfo strong {
    font-family: ProximaNova-bold;
    font-weight: normal
}

.cookieChoicesWrapper .cookieChoiceInfo span {
    display: block;
    padding: 30px 30px 20px;
    text-align: center;
    position: relative;
    width: 90%;
    margin: 70px auto 20px;
    z-index: 1000;
    font-size: 13px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 30px #00000085;
    border-radius: 4px
}

.cookieChoicesWrapper .cookieChoiceInfo .dismissButton {
    display: none;
    position: absolute;
    top: 11px;
    color: #fff !important;
    right: 18px;
    text-indent: -9999px;
    width: 10px;
    height: 10px
}

.cookieChoicesWrapper .cookieChoiceInfo .technical-cookie {
    text-decoration: underline;
    font: normal normal normal 14px/22px 'ProximaNova';
    display: inline-block;
    margin-top: 20px
}

.cookieChoicesWrapper .cookieChoiceInfo .title {
    font: normal normal 600 16px/24px 'ProximaNova';
    text-align: left
}

.cookieChoicesWrapper .cookieChoiceInfo .text {
    font: normal normal normal 14px/22px 'ProximaNova';
    margin-top: 20px;
    text-align: left
}

.cookieChoicesWrapper .cookieChoiceInfo .text ul.caporale-pointed {
    margin: 0
}

.cookieChoicesWrapper .cookieChoiceInfo .text ul.caporale-pointed li {
    font-family: inherit
}

.cookieChoicesWrapper .cookieChoiceInfo a {
    color: #444;
    text-decoration: underline
}

.cookieChoicesWrapper .cookieChoiceInfo #cookieChoiceDismiss.btn {
    display: block;
    margin: 50px auto 0;
    width: 100%;
    height: 48px;
    background: #0088CC 0% 0% no-repeat padding-box;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    font-weight: normal;
    font-family: "ProximaNova";
    text-decoration: none;
    color: #fff
}

@media (min-width: 768px) {
    .cookieChoicesWrapper .cookieChoiceInfo span {
        width: 730px;
        padding: 50px 50px 20px;
        margin: 220px auto 20px
    }
    .cookieChoicesWrapper .cookieChoiceInfo #cookieChoiceDismiss.btn {
        width: 282px
    }
}

img[width="1"][height="1"] {
    position: absolute;
    left: -999px
}

section.bg-blue-gradient {
    background: #469be8;
    background: -moz-linear-gradient(45deg, #469be8 0%, #02549d 100%);
    background: -webkit-linear-gradient(45deg, #469be8 0%, #02549d 100%);
    background: linear-gradient(45deg, #469be8 0%, #02549d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#469be8', endColorstr='#02549d', GradientType=1)
}

section.bg-blue-gradient hr {
    border-top: 1px solid #FFF
}

section.bg-blue-dark {
    background-color: #00213E
}

section.bg-blue,
section .bg-blue {
    background-color: #00549F
}

section.bg-blue a,
section .bg-blue a {
    color: #FFF
}

section.bg-blue a.more:after,
section .bg-blue a.more:after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="9" height="10"><path fill="%23FC0" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg>');
    transform: scale(1);
    top: -3px;
    right: -18px
}

section.bg-blue hr,
section .bg-blue hr {
    background-image: linear-gradient(to right, #fff 40%, rgba(255, 255, 255, 0) 20%);
    background-position: top;
    background-size: 3px 1px;
    background-repeat: repeat-x;
    height: 1px;
    border: 0 none
}

section.bg-blue ul,
section .bg-blue ul {
    list-style: none;
    margin: 0 0 0 14px;
    padding: 0
}

section.bg-blue ul li,
section .bg-blue ul li {
    text-indent: -15px;
    margin-top: 6px;
    font-size: 0.875rem
}

section.bg-blue ul li::before,
section .bg-blue ul li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    font-size: 0.425rem;
    padding-right: 8px;
    position: relative;
    top: -2px;
    left: 0px;
    color: #FFCC00
}

.showInApp,
.showInAppAndroid,
.showInAppIos {
    display: none
}

.border-left-primary {
    border-left: 5px solid #0088cc !important
}

.finecoApp .showInApp,
.finecoApp.isIos .showInAppIos,
.finecoApp.isAndroid .showInAppAndroid {
    display: block
}

.finecoApp .hideInApp,
.finecoApp.isAndroid .hideInAppIos,
.finecoApp.isIos .hideInAppAndroid {
    display: none
}

.isIos #openAccount {
    background-color: #126da2
}

.isAndroid #openAccount {
    background-color: #0088cc
}

.isIos #openAccount .btn.btn-yellow,
.isAndroid #openAccount .btn.btn-yellow {
    background-color: #fbca03;
    width: 98%
}

.isAndroid #openAccount .btn.btn-yellow {
    border-radius: 0px;
    width: 99%
}

a {
    font-family: ProximaNova-Sbold, Arial, Helvetica, sans-serif;
    color: #0088cc;
    position: relative
}

a:hover {
    color: #0088cc
}

a:focus {
    outline: none
}

a.more::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    right: -17px;
    font-size: 0.75rem;
    line-height: 2rem;
    position: absolute
}

a.more.f6::after {
    font-size: 0.625rem;
    line-height: 1.90rem;
    right: -14px
}

a.text-success:hover {
    color: #73B143 !important
}

a.go-to-top {
    display: none
}

img.thumbnail:hover {
    opacity: 0.85
}

.font70 {
    font-size: 4.25rem;
    line-height: 4.875rem
}

.font100 {
    font-size: 6.25rem;
    line-height: 6.875rem
}

.text-blue {
    color: #02549D
}

.scroll-y {
    overflow-y: scroll;
    height: 200px
}

.ico-com {
    max-width: 70px
}

.alert {
    padding: 1.875rem
}

.alertcfd {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(244, 244, 244, 0.8);
    z-index: 1;
    font-size: 0.70rem;
    line-height: 1.375rem;
    font-style: italic;
    padding: 10px 0;
    text-align: center
}

.alertcfd.top-alert-cfd {
    background-color: #00549F !important;
    position: sticky !important;
    font-style: normal !important;
    text-align: left !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 16px !important;
    top: 0 !important;
    padding: 5px 0
}

.tooltip.bs-tooltip-auto .tooltip-inner {
    max-width: 350px;
    text-align: left;
    font-size: 14px;
    padding: 10px
}

button:focus {
    outline: none !important
}

.btn {
    font-size: 1rem !important;
    text-transform: uppercase;
    line-height: 3rem;
    padding: 0;
    width: 100%
}

.btn.btn-small {
    font-size: 0.875rem !important;
    line-height: 2.5rem;
    border-radius: 0
}

.btn.btn-secondary {
    background-color: #FFF;
    border-color: #0088CC;
    color: #0088CC
}

.btn.btn-secondary:not(:disabled):not(.disabled):hover,
.btn.btn-secondary :not(:disabled):not(.disabled):active,
.btn.btn-secondary :not(:disabled):not(.disabled).active,
.btn.btn-secondary .show>.btn-secondary.dropdown-toggle {
    background-color: #FFF;
    border-color: #00A0E6;
    color: #00A0E6
}

.nav-tabs {
    border-bottom: 0 none;
    margin-bottom: 4px
}

.nav-tabs .nav-item .nav-link {
    display: block;
    padding: 1.25rem 0;
    text-align: center;
    text-transform: uppercase;
    color: #0088CC;
    border: 0 none;
    white-space: nowrap;
    font-size: 0.875rem;
    font-family: ProximaNova-Bold, Arial, Helvetica, sans-serif;
    border-bottom: 3px solid #CCC;
    cursor: pointer
}

.nav-tabs .nav-item .nav-link:hover {
    color: #00A0E6
}

.nav-tabs .nav-item .nav-link.active {
    color: #444;
    border-color: transparent;
    border-bottom: 3px solid #0088CC;
    cursor: default
}

.nav-tabs.no-wrap {
    flex-wrap: nowrap
}

.nav-tabs.no-wrap .nav-item {
    display: block;
    flex-wrap: nowrap
}

.nav-tabs.no-wrap .nav-item .nav-link {
    padding: 1.25rem 3.4375rem
}

.nav-pills .nav-link {
    font-size: 1rem;
    color: #0088cc;
    text-transform: uppercase;
    border: 0 none;
    border-radius: 0rem;
    white-space: nowrap;
    border-bottom: 3px solid #CCCCCC;
    flex-wrap: nowrap
}

.nav-pills .nav-link:hover {
    border-bottom: 3px solid #0088CC
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    border: 0 none;
    color: #444;
    border-bottom: 3px solid #0088CC
}

.custom-fineco-tabs {
    position: relative
}

.custom-fineco-tabs .tabs-indicator {
    width: 100%;
    bottom: -1px;
    height: 3px;
    position: absolute;
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-color: #0088CC
}

.custom-fineco-tabs .nav-tabs .nav-item .nav-link.active {
    border-bottom: 3px solid #CCCCCC
}

.card.box-pricing {
    width: 255px;
    height: 241px;
    padding: 20px;
    margin: 0 auto
}

.card.box-pricing .card-body {
    font-size: 0.875rem;
    min-height: 70px
}

.card.box-pricing .card-body p.title {
    font-size: 1rem;
    text-transform: uppercase;
    font-family: ProximaNova-Bold, Arial
}

.card.box-pricing .card-body p.title span {
    text-transform: lowercase
}

.card.box-pricing .card-body p.price {
    display: inline-block;
    font-family: ProximaNovaExtraBold, Arial;
    font-size: 29px;
    line-height: 30px;
    color: #00549F
}

.card.box-pricing .card-body p.price.addinfo {
    font-size: 14px;
    font-family: ProximaNova-Sbold, Arial
}

.card.box-pricing .card-body .f1 {
    font-size: 3.75rem
}

.card.box-pricing .card-body .f1 span.text-small {
    font-size: 2.5rem
}

.card.box-pricing .card-footer {
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin-top: 10px
}

.card.box-pricing .card-footer ul.caporale-pointed {
    margin-left: 6px
}

.card.box-pricing .card-footer ul.caporale-pointed li:before {
    top: 0px
}

.card.box-bg-blue {
    background: #02549d;
    background: linear-gradient(230deg, #02549d 0%, #0882f1 100%);
    color: #FFF;
    border: none
}

.card.box-bg-blue .card-body p.title {
    color: #FFF !important
}

.card.box-bg-blue .card-body p.price {
    color: #FFF
}

table.table {
    color: #444
}

table.table thead th {
    border-bottom: none
}

table.table thead.table-light>tr {
    height: 37px
}

table.table thead.table-light>tr>th {
    background-color: #F8F8F8;
    padding: 0 10px
}

table.table th,
table.table td {
    text-align: left;
    vertical-align: middle
}

table.table th.no-padding,
table.table td.no-padding {
    padding: 0.3125rem
}

table.table th {
    font-size: 0.875rem;
    font-family: ProximaNova, Arial, Helvetica, sans-serif;
    font-weight: normal;
    white-space: nowrap
}

table.table th.wrap {
    white-space: initial
}

table.table th .f3 {
    font-size: 1.875rem;
    font-family: ProximaNovaExtraBold, Arial, Helvetica, sans-serif
}

table.table tr.no-border td {
    border-top: 0 none
}

table.table tr td {
    font-size: 18px;
    padding: 10px;
    font-family: ProximaNova-Sbold, Arial, Helvetica, sans-serif;
    white-space: nowrap
}

table.table tr td.th {
    font-size: 0.875rem;
    padding: 0.625rem 0.9375rem;
    font-family: ProximaNova, Arial, Helvetica, sans-serif;
    font-weight: normal;
    background-color: #f8f8f8
}

table.table tr td.bg-dark {
    background-color: #444;
    color: #FFF
}

table.table tr td.bg-light-blue {
    background-color: #EDF7F9
}

table.table tr td.nowrap {
    white-space: nowrap
}

table.table tr td i {
    font-size: 0.625rem
}

table.table tr td.text-blue {
    color: #02549D
}

table.table tr td.f3 {
    font-size: 1.875rem;
    font-family: ProximaNovaExtraBold, Arial, Helvetica, sans-serif
}

table.table tr td img.ico-x-50 {
    min-width: 50px
}

table.table tr td img.ico-x-100 {
    min-width: 100px
}

table.table.table-bordered {
    border: 1px solid #CCC
}

table.table.table-bordered tr {
    border-bottom: 1px solid #CCC
}

table.table.table-bordered th,
table.table.table-bordered td {
    border: 0
}

table.table.table-wrap th,
table.table.table-wrap td {
    white-space: initial
}

.box-glossary {
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-color: #EFEFEF;
    font-family: ProximaNova-Sbold, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0 10px 10px 0;
    text-align: center;
    border: 0 none;
    color: #0088cc
}

.box-glossary.box-active {
    background-color: #666;
    color: #FFF
}

.box-glossary:focus {
    outline: 0 none
}

.box-glossary.box-disabled {
    background-color: #EFEFEF;
    color: #CCC
}

.open-promo {
    display: none;
    position: fixed;
    right: 5vw;
    bottom: 5.5vh;
    z-index: 999;
    border: 0 none;
    background-color: transparent
}

.open-promo:focus {
    outline: none
}

.ovl-trading-promo {
    position: fixed;
    bottom: 50%;
    width: 80vw;
    height: 80vh;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-bottom: calc(-80vh / 2);
    background-color: #FFF;
    border-radius: 5px;
    border-top: 5px solid #02549D;
    z-index: 10;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.2)
}

.ovl-trading-promo .modal-content {
    border: 0 none
}

.ovl-trading-promo .modal-content .modal-header {
    background-color: #FFCC00;
    padding: 25px 0;
    position: relative;
    text-align: center;
    display: inline-block
}

.ovl-trading-promo .modal-content .modal-header .close {
    position: absolute;
    top: 6px;
    right: 6px
}

.ovl-trading-promo .modal-content .modal-body {
    padding: 20px
}

.ovl-trading-promo .modal-content .modal-body h3 {
    font-size: 22px
}

.ovl-trading-promo .modal-content .modal-body .custom-radio .custom-control-label::after {
    left: 4px
}

.ovl-mgm-promo {
    position: fixed;
    bottom: 48%;
    width: 80vw;
    height: 86vh;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-bottom: calc(-80vh / 2);
    background-color: #FFF;
    border-radius: 5px;
    border-top: 5px solid #02549D;
    z-index: 10;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.2);
    min-width: 300px
}

.ovl-mgm-promo .modal-content {
    border: 0 none
}

.ovl-mgm-promo .modal-content .modal-header {
    background-color: #FFCC00;
    padding: 25px 0;
    position: relative;
    text-align: center;
    display: inline-block
}

.ovl-mgm-promo .modal-content .modal-header .modal-title {
    color: #02549D;
    font-size: 16px;
    margin-top: 5px;
    text-transform: lowercase
}

.ovl-mgm-promo .modal-content .modal-header .close {
    position: absolute;
    top: 6px;
    right: 6px
}

.ovl-mgm-promo .modal-content .modal-body {
    padding: 0 0 10px 0
}

.ovl-mgm-promo .modal-content .modal-body h3 {
    font-size: 22px
}

@media (min-width: 768px) {
    .alertcfd {
        padding: 10px 0
    }
    .nav-tabs {
        flex-wrap: initial
    }
    .nav-tabs .nav-item {
        flex-wrap: initial
    }
    .nav-tabs .nav-item .nav-link {
        padding: 1rem 0;
        white-space: nowrap;
        font-size: 0.875rem
    }
    table.table td {
        font-size: 1rem
    }
}

.box-reviews .fa-star {
    color: #0088CC
}

.box-reviews i span.cover-star {
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
    height: 20px;
    background-color: #FFF;
    opacity: 0.65;
    filter: alpha(opacity=65)
}

.loader-overlay {
    top: 0;
    width: 100%;
    height: 100vh;
    position: absolute;
    background: white;
    z-index: 10001;
    opacity: 0.9
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    box-sizing: border-box
}

.loader .face {
    position: absolute;
    border: 2px solid #d3d3d3
}

.loader .face.face1 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 0 10px #fff;
    border-radius: 50%;
    border-left: 2px solid #fdc82f;
    border-top: 2px solid #fdc82f;
    animation: animate 3s linear infinite
}

.loader .face.face2 {
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    box-shadow: 0 0 10px #fff;
    border-radius: 50%;
    border-right: 2px solid #007bff;
    border-bottom: 2px solid #007bff;
    animation: animate 3s linear reverse infinite
}

.loader .face .circle {
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    width: 50%;
    height: 2px;
    transform-origin: left
}

.loader .face.face1 .circle {
    transform: rotate(-45deg)
}

.loader .face.face2 .circle {
    transform: rotate(-45deg)
}

.loader .face .circle:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    top: -4px;
    right: -6px
}

.loader .face.face1 .circle:before {
    background: #fdc82f;
    box-shadow: 0 0 20px #ff0, 0 0 40px #ff0, 0 0 60px #ff0, 0 0 80px #ff0, 0 0 100px #ff0, 0 0 5px rgba(255, 255, 0, 0.1)
}

.loader .face.face2 .circle:before {
    background: #007bff;
    box-shadow: 0 0 20px #007bff, 0 0 40px #007bff, 0 0 60px #007bff, 0 0 80px #007bff, 0 0 100px #007bff, 0 0 5px #03a9f4
}

.loader-overlay .logo-bg {
    position: absolute;
    background-color: #02549d;
    width: 129px;
    height: 129px;
    z-index: 10;
    top: 35px;
    left: 36px;
    z-index: 10;
    border-radius: 50%
}

.loader-overlay .logo-f {
    position: relative;
    z-index: 10;
    top: 35px;
    left: 35px
}

.loader-overlay .logo-f .line-1 {
    display: block;
    background: #ffcf00;
    width: 55px;
    height: 17px;
    position: absolute;
    top: 29px;
    left: 41px
}

.loader-overlay .logo-f .line-2 {
    display: block;
    background: #ffcf00;
    position: absolute;
    width: 55px;
    height: 17px;
    top: 64px;
    left: 41px
}

.loader-overlay .logo-f .line-3 {
    display: block;
    background: #ffcf00;
    width: 19px;
    height: 82px;
    position: absolute;
    top: 29px;
    left: 41px
}

.logo-success {
    stroke-dasharray: 732;
    -webkit-animation: dash 1000ms linear forwards;
    -moz-animation: dash 1000ms linear forwards;
    -o-animation: dash 1000ms linear forwards;
    animation: dash 1000ms linear forwards
}

@-webkit-keyframes dash {
    from {
        stroke-dashoffset: 732
    }
    to {
        stroke-dashoffset: 0
    }
}

@-moz-keyframes dash {
    from {
        stroke-dashoffset: 732
    }
    to {
        stroke-dashoffset: 0
    }
}

@-o-keyframes dash {
    from {
        stroke-dashoffset: 732
    }
    to {
        stroke-dashoffset: 0
    }
}

@keyframes dash {
    from {
        stroke-dashoffset: 732
    }
    to {
        stroke-dashoffset: 0
    }
}

.modalVideo .modal-content {
    width: 560px;
    height: auto;
    padding: 0px;
    margin: 0px;
    border-radius: 0
}

.modalVideo .modal-body {
    padding: 0px;
    margin: 0px;
    line-height: 0px
}

.modalVideo .modal-header {
    height: 20px;
    padding: 0px 6px
}

button.playButton {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 51px;
    border: #0088CC 2px solid;
    color: #0088CC
}

.playButton i {
    font-size: 40px;
    line-height: 99px;
    margin-left: 6px
}

.btn.btn-link.btn-link-big {
    font-size: 20px !important;
    font-weight: normal !important
}

.bg-secondary label.fineco-label.fineco-used {
    background-color: #efefef;
    display: none
}

.bg-secondary input.form-control,
.bg-gray input.form-control {
    background-color: #fff
}

label.invalid-feedback {
    background-color: transparent;
    color: #d80000;
    padding: 5px 0;
    font-size: 16px;
    border: 0 none;
    margin-top: 0px
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #ccc
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #ccc
}

.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
    color: #444
}

.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
    color: #444
}

.was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.custom-control-input.is-valid:checked~.custom-control-label::before {
    background-color: transparent
}

.was-validated .custom-control-input:valid~.custom-control-label::before,
.custom-control-input.is-valid~.custom-control-label::before {
    border-color: #ccc
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    -mox-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s
}

.form-group input.form-control,
.form-group textarea.form-control {
    height: 48px;
    background-image: none
}

.form-group label.fineco-label {
    top: 10px
}

.form-group label.fineco-label.fineco-used {
    top: -14px
}

.form-group label.fineco-label.fineco-label-disabled.fineco-used {
    top: 10px
}

@keyframes animate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@media (min-width: 992px) {
    table.table td {
        font-size: 1.125rem
    }
    .alertcfd {
        font-size: 0.68rem;
        line-height: 1.2rem;
        padding: 10px 0
    }
    .nav-tabs .nav-item .nav-link {
        font-size: 1rem
    }
    .nav-tabs.no-wrap .nav-item .nav-link {
        padding: 1.25rem 0
    }
    .open-promo {
        display: block
    }
    .ovl-trading-promo {
        bottom: 30px;
        margin: 0;
        width: 35vw;
        height: auto;
        left: auto;
        right: 6vw
    }
    .ovl-trading-promo .modal-content .modal-body {
        padding: 25px
    }
    .ovl-mgm-promo {
        bottom: 30px;
        margin: 0;
        width: 35vw;
        height: auto;
        left: auto;
        right: 6vw
    }
}

@media (min-width: 1200px) {
    a.arrow-top:after {
        font-size: 1rem
    }
    a.go-to-top {
        display: block;
        width: 45px;
        height: 45px;
        line-height: 45px;
        position: fixed;
        right: 2vw;
        bottom: 5.5vh;
        z-index: 999;
        background-color: #0088CC;
        text-align: center
    }
    a.go-to-top img {
        padding: .4125rem
    }
    .ovl-trading-promo {
        width: 20vw
    }
    .ovl-mgm-promo {
        width: 20vw
    }
    .open-promo {
        right: 6vw
    }
    .modal-open .go-to-top {
        right: calc(2vw + 17px)
    }
    .modal-open .open-promo {
        right: calc(6vw + 17px)
    }
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}








.live-search-box {
  width: 100%;
  display: block;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #3498db;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 40px auto;
    font-size: 20px
}


.topic {
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 5px;
    border: 1px solid #cccccc;
  border-left: solid 4px #0088cc;
    background: #f8f8f8;
    border-radius: 10px;
    margin-bottom: 20px
    
}

.open {
  cursor: pointer;
  display: block;
  padding: 0px;
}

.open:hover {
  opacity: 0.7;
}

.expanded {
  background-color: #fff;
  transition: all .3s ease-in-out;
}

.ptag {
  display: none;
}

.question {
font-family: ProximaNova-Bold,Arial,Helvetica,sans-serif;
padding-top: 20px;
padding-right: 40px;
padding-bottom: 10px;
font-size: 18px;
font-weight: 400;
color: #444;
}

.answer {
  font-size: 16px;
  line-height: 26px;
  display: none;
  margin-bottom: 30px;
  text-align: justify;
  padding-left: 20px;
  padding-right: 20px;
}

.faq-t {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  float: right;
  position: relative;
  top: -45px;
  right: 10px;
  width: 10px;
  height: 10px;
  background: transparent;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  transition: all .3s ease-in-out;
}

.faq-o {
  top: -40px;
  -moz-transform: rotate(-224deg);
  -ms-transform: rotate(-224deg);
  -webkit-transform: rotate(-224deg);
  transform: rotate(-224deg);
}

@media only screen and (max-width: 480px) {
  .faq-t {
    display: none;
  }
  .question {
    padding-right: 0px;
  }

  .answer {
    margin-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
  }
}





h2 {
    color: #02549d !important
}













@media(max-width:990px) {
    .hidemob {
        display: none !important
    }
}

@media(min-width:1024px) {
    .hidedesk {
        display: none !important
    }
}

.navi {
    margin: 0px auto 0;
    position: relative;
    width: 960px;
    height: 50px;
    border-radius: 0px;
    font-size: 0;
}

.navi a {
    line-height: 50px;
    height: 100%;
    font-size: 14px;
    display: inline-block;
    position: relative;
    z-index: 1;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    cursor: pointer;
}

.navi a:hover {
    color: #fff;
    transition: all .5s ease 0s;
    background-color: #0dca11;
    border-radius: 5px;
}

.navi a.active {
    color: #fff;
    transition: all .5s ease 0s;
    background-color: #0dca11;
    border-radius: 5px;
}

.navi .animation {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 0;
    transition: all .5s ease 0s;
    border-radius: 5px;
}

.navi a:nth-child(1) {
    width: 100px;
}

.navi a:nth-child(2) {
    width: 130px;
}

.navi a:nth-child(3) {
    width: 160px;
}

.navi a:nth-child(4) {
    width: 120px;
}

.navi a:nth-child(5) {
    width: 140px;
}

.navi a:nth-child(6) {
    width: 120px;
}

.navi a:nth-child(7) {
    width: 100px;
}

.navi a:nth-child(8) {
    width: 90px;
}

.navi .start-home,
a:nth-child(1):hover~.animation {
    width: 100px;
    left: 0;
    background-color: #0088cc;
}

.navi .start-about,
a:nth-child(2):hover~.animation {
    width: 130px;
    left: 100px;
    background-color: #0088cc;
}

.navi .start-blog,
a:nth-child(3):hover~.animation {
    width: 160px;
    left: 230px;
    background-color: #0088cc;
}

.navi .start-portefolio,
a:nth-child(4):hover~.animation {
    width: 120px;
    left: 390px;
    background-color: #0088cc;
}

.navi .start-contact,
a:nth-child(5):hover~.animation {
    width: 140px;
    left: 510px;
    background-color: #0088cc;
}

.navi .start-contact,
a:nth-child(6):hover~.animation {
    width: 120px;
    left: 650px;
    background-color: #0088cc;
}

.navi .start-contact,
a:nth-child(7):hover~.animation {
    width: 100px;
    left: 770px;
    background-color: #0088cc;
}

.navi .start-contact,
a:nth-child(8):hover~.animation {
    width: 90px;
    left: 870px;
    background-color: #0088cc;
}









.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;    
}