/* base styles
================================================== */
* {
    margin: 0;
    padding: 0;
    outline: 0;
}

body,
html {
    height: 100%;
}

body {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #3D4046;
}

:focus {
    outline: 0
}

img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    border: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

.space {
    padding: 100px 0;
}

/* typography
================================================== */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Outfit', sans-serif;
    color: #222;
}

h1 {
    font-size: 26px;
    line-height: 32px;
}

h2 {
    font-size: 22px;
    line-height: 28px;
}

h3 {
    font-size: 18px;
    line-height: 28px;
}

h4 {
    font-size: 18px;
    line-height: 28px;
}

h5 {
    font-size: 18px;
    line-height: 28px;
}

h6 {
    font-size: 18px;
    line-height: 28px;
}

strong {
    font-weight: 700;
}

a {
    color: #121212;

    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

a:hover,
a:active,
a:focus {
    color: #121212;
    outline: 0;
    text-decoration: none;
}

.btn {
    border-radius: 14px;
    font-weight: 400;
    padding: 8px 35px;

    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.btn-outline-secondary {
    border-width: 3px;
    color: #040000;
    border-color: #040000;
}

.btn-outline-secondary:hover {
    color: #040000;
    border-color: #040000;
    background-color: #fff;
    opacity: .6;
}

.btn.btn-icon img {
    height: 18px;
    margin: 0 15px 0 0;
}

.btn-lg.btn-icon img {
    height: 25px;
    margin: 0 15px 0 0;
}

.btn-sm {
    padding: 8px 25px;
    font-weight: 400;
}

.btn-lg {
    padding: 12px 35px;
    font-weight: 400;
}

.btn-primary {
    background-color: #0B72FD;
}

p {
    color: #3D4046;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
}

.form-control {
    border: 0;
    border-radius: 14px;
    height: 53px;
    padding: 10px 25px;
}

.form-group {
    margin: 0 0 13px 0;
}

.heading {
    margin: 0 0 40px 0;
    font-size: 38px;
    line-height: 44px;
    color: #14233C;
    font-weight: 700;
}

/* header */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 0;
    z-index: 5;
}

.header-outside {
    margin: 72px 0 0 0;
}

header nav ul {
    float: right;
}

header nav ul li {
    display: inline-block;
    margin: 7px 20px;
}

header nav ul li a {
    display: block;
    font-weight: 500;
}

header .btn {
    margin-left: 15px;
    font-size: 16px;
    font-weight: 500;
}


/* intro */
.intro {
    position: relative;
    padding: 120px 0 15px 0;
}

.intro:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 100%;
    background-color: #226A9A;
    z-index: -1;
}

.intro:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 100%;
    background-color: #DDEAF4;
    z-index: -1;
}

.intro .intro-content h1 {
    font-size: 58px;
    line-height: 64px;
    color: #fff;
    margin: 0 0 20px 0;
}

.intro .intro-content p {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    font-weight: lighter;
    margin: 0 0 30px 0;
}

.intro .intro-content img {
    max-height: 400px;
}

.intro-form {
    padding: 0 0 50px 100px;
    width: 600px;
}

.intro-form .form-heading {
    font-size: 32px;
    line-height: 38px;
    color: #14233C;
    margin: 0 0 20px 0;
    font-weight: 700;
}

.intro-form p {
    color: #302E2E;
    font-size: 14px;
}

.intro-form .checkbox label,
.intro-form .radio label {
    color: #060505;
    font-size: 14px;
    font-weight: 500;
}

.intro-form .hint {
    color: #757575;
    font-size: 12px;
    margin: 30px 0 0 0;
    text-decoration: underline;
    display: block;
}

.intro-form .hint:hover {
    color: #3D4046;
}


/* benefits */
.benefits .benefit {
    text-align: center;
}

.benefits .benefit img {
    margin: 0 0 10px 0;
}

.benefits .benefit .val {
    color: #121212;
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
}

.benefits .benefit .lab {
    color: #788793;
    font-size: 12px;
    text-transform: uppercase;
}


/* adventages */
.accessibility ul li {
    padding: 0 70px 20px 0;
}

.accessibility ul li img,
.adventages ul li img {
    max-height: 45px;
    margin: 0 13px 0 0;
}

.accessibility ul li h3,
.adventages ul li h3 {
    color: #282C33;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}

.accessibility ul li h3 {
    margin: 0 0 7px 0;
}

.accessibility ul li p,
.adventages ul li p {
    color: #3D4046;
}


/* features */
.features {
    background-color: #E6E9F2;
}

.features .heading {
    text-align: center;
}

.features .features-list .feature {
    position: relative;
    padding: 0 40px 0 50px;
}

.features .features-list .feature:before {
    content: "";
    width: 30px;
    height: 30px;
    background: url("../imgs/icons/check.svg") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.features .features-list .feature p {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.features .features-list .features-img {
    display: table;
    margin: 60px auto 0 auto;
    text-align: center;
}

.features .features-list .features-img .btn {
    margin: 50px 0 0 0;
}


/* slogan */
.slogan {
    background: url("../imgs/slogan.jpg") center center no-repeat;
    border-radius: 40px;
    padding: 60px;
    text-align: center;
}

.slogan h2 {
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    margin: 0 0 30px 0;
    padding: 0 50px;
}

.slogan .lab {
    color: #E5EEFF;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 5px 0;
    font-weight: lighter;
    height: 40px;
    padding: 0 100px;
}

.slogan .val {
    color: #E5EEFF;
    font-size: 38px;
    line-height: 44px;
    font-weight: 600;
}


.text .content {
    padding: 0 0 0 50px;
}


/* rates */
.rates {
    background-color: #F8FAFB;
}

.rates .heading {
    text-align: center;
}

.rates .rate {
    background-color: #fff;
    padding: 20px 30px;
    border-radius: 15px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .09);
    margin: 0 0 20px 0;
}

.rates .rate p {
    color: #3D4046;
    font-size: 16px;
    margin: 0 0 10px 0;
}

.rates .rate .lab {
    color: #13223B;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 20px 0;
}

.rates .rate .val ul li {
    display: inline-block;
}

.rates .rate .val ul li i {
    color: #0B72FD;
}

.rates .rate .author {
    color: #979797;
    font-weight: lighter;
}

.rates .rate img {
    height: 50px;
}


.apps .heading {
    padding: 0 150px 0 0;
}

.apps .btn {
    display: inline-block;
    margin: 0 15px 0 0;
}


.axi-card .hero {
    padding: 150px 0;
    background: url("../imgs/axi-card-hero.jpg") center center no-repeat;
    background-size: cover;
}

.axi-card .hero h1 {
    color: #fff;
    font-size: 100px;
    line-height: 110px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 15px 0;
}

.axi-card .hero .btn {
    margin: 0 auto;
    display: table;
}


.axi-card .features {
    background-color: transparent;
}

.axi-card .features .features-list {
    padding: 70px 100px;
    background-color: #fff;
    margin: 0 0 -225px 0;
    border-radius: 30px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .04);
}


.axi-card .difference {
    background-color: #E6E9F2;
    padding: 200px 0 0 0;
}

.axi-card .difference .heading {
    text-align: center;
}

.axi-card .difference .difference-left-text {
    text-align: center;
    padding: 0 20px;
}

.axi-card .difference .difference-left-text h3 {
    color: #0B72FD;
    font-size: 34px;
    line-height: 34px;
    font-weight: 600;
    margin: 15px 0;
}

.axi-card .difference p {
    margin: 0;
}

.axi-card .difference .difference-left-text p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.axi-card .difference .difference-img {
    margin: 0 auto;
    display: block;
}


/* results */
.results {
    text-align: center;
    position: relative;
    padding-bottom: 210px;
}

.results:after {
    content: "";
    background: url(../imgs/rating-result-card.svg) center center repeat-x;
    background-size: 100px 55px;
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 100%;
    height: 100px;
}

.results p {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 30px 0;
}

.results img {
    margin: 0 auto;
    display: block;
    height: 38px;
}

.results .val {
    color: #0B72FD;
    font-size: 50px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    margin: 0 25px;
}

.results .lab {
    color: #788793;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}


.flexibility {
    background-color: #F8FAFB;
}


/* finan list */
.financial-list .hero {
    padding: 150px 0 100px 0;
    background: url(../imgs/thank-you-hero.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
}

.financial-list .hero h1 {
    color: #14233C;
    font-size: 58px;
    line-height: 64px;
    font-weight: 600;
    margin: 0 0 30px 0;
}

.financial-list .dictonary-filter ul li {
    display: inline-block;
}

.financial-list .dictonary-filter ul li.active a {
    color: #fff;
    background-color: #14233C;
    border-radius: 8px;
}

.financial-list .dictonary-filter ul li a {
    color: #0B72FD;
    font-size: 18px;
    line-height: 35px;
    display: block;
    height: 35px;
    width: 35px;
    text-align: center;
}

.financial-list .key-letter {
    color: #14233C;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    margin: 45px 0 25px 0;
}

.financial-list .dictonary-list ul li {
    padding: 25px;
    margin: 0 0 10px 0;
    background-color: #F8FAFB;
    border-radius: 18px;
}

.financial-list .dictonary-list ul li .lab {
    color: #0B72FD;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 15px 0 0;
}

.financial-list .dictonary-list ul li .val {
    color: #3D4046;
    font-size: 18px;
    line-height: 24px;
    font-weight: lighter;
}

.financial-list .dictonary-list ul li .view-link {
    color: #0B72FD;
    font-size: 18px;
    line-height: 24px;
    font-weight: lighter;
    margin: 0 0 0 15px;
}

.financial-list .next-page {
    float: right;
    margin: 20px 0 0 0;
}

.financial-list .dictonary-list ul li a,
.financial-list .dictonary-list ul li div {
    display: inline-block;
}


/* financial */
.financial h1 {
    font-size: 34px;
    line-height: 34px;
    font-weight: bold;
    margin: 0 0 25px 0;
}

.financial h2,
.financial h3,
.financial h4 {
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    margin: 0 0 25px 0;
}


/* fq */
.fq .hero {
    padding: 150px 0 100px 0;
    background: url(../imgs/thank-you-hero.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
}

.fq .hero h1 {
    color: #14233C;
    font-size: 58px;
    line-height: 64px;
    font-weight: 600;
}

.fq .hero p {
    font-size: 22px;
    line-height: 28px;
    font-weight: normal;
    margin: 15px 0 40px 0;
}

.fq .faq-content {
    margin: 0 0 70px 0;
}

.fq .faq-content h2,
.fq .faq-content h3,
.fq .faq-content h4 {
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    margin: 0 0 25px 0;
}


/* faq */
.faq .heading {
    text-align: center;
    margin: 0 0 55px 0;
}

.faq .faq-nav {
    margin: 0 auto 60px auto;
    display: table;
    text-align: center;
}

.faq .faq-nav li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
}

.faq .faq-nav li a {
    padding: 15px 40px;
    color: #0B72FD;
    background-color: #fff;
    border: 1px solid #0B72FD;
    border-radius: 14px;
    display: block;
    font-weight: bold;
}

.faq .faq-nav li:hover a,
.faq .faq-nav li.active a {
    color: #fff;
    background-color: #14233C;
    border: 1px solid #14233C;
}


.faq h3 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    margin: 0 0 20px 0;
}


.faq .apps a {
    display: block;
}

.faq .faq-list {
    margin: 0 0 40px 0;
}

.faq .faq-list li {
    margin: 10px 0;
    padding: 10px 0 10px 27px;
    position: relative;
    border-bottom: 1px solid #CFCFCF;
}

.faq .faq-list li:last-of-type {
    border-bottom: 0;
}

.faq .faq-list li:before {
    content: "";
    background: url(../imgs/icons/arrow-right.png) center center no-repeat;
    background-size: 17px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 17px;
    height: 17px;
    transform: translate(0, -50%);
}

.faq .faq-list li a {
    color: #14233C;
    font-size: 20px;
    line-height: 24px;
}

.faq .faq-list li a:hover {
    color: #0B72FD;
}


/* manage */
.manage {
    background-color: #E6E9F2;
}

.manage .heading {
    text-align: center;
}

.manage .manage-feature {
    padding: 30px 10px;
    background-color: #fff;
    text-align: center;
    border-radius: 14px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .09);
}

.manage .manage-feature img {
    height: 70px;
    margin: 0 0 20px 0;
}

.manage .manage-feature .lab {
    color: #14233C;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin: 0 0 20px 0;
    min-height: 60px;
    padding: 0 40px;
}

.manage .manage-feature a {
    color: #0B72FD;
    font-size: 16px;
    line-height: 22px;
    font-weight: lighter;
}

.helpfull .hero {
    padding: 100px 0;
    background: url("../imgs/helpfull-hero-bgr.jpg") center center no-repeat;
    background-size: cover;
    max-height: 520px;
    margin: 0 0 40px 0;
}

.helpfull .hero h1 {
    color: #fff;
    font-size: 52px;
    line-height: 60px;
}

.helpfull .hero p {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    font-weight: lighter;
    margin: 20px 0 40px 0;
}


.faq-accordion .heading {
    text-align: center;
}

.faq-accordion .accordion-item {
    background-color: #F8FAFB;
    margin: 0 0 7px 0;
    border-radius: 16px;
    overflow: hidden;
}

.faq-accordion .accordion-item .answer {
    padding: 0 30px;
    min-height: 50px;

    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.faq-accordion .accordion-item .question {
    padding: 25px 60px 25px 30px;
    font-size: 20px;
    line-height: 26px;
    color: #0B72FD;
    position: relative;
    font-weight: 700;
    cursor: pointer;
}

.faq-accordion .accordion-item.active {
    border: 1px solid #ddd;
    background-color: transparent;
}

.faq-accordion .accordion-item .question:after {
    font-family: FontAwesome;
    content: "\f106";
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -12px;
    font-size: 24px
}

.faq-accordion .accordion-item .question.collapsed:after {
    content: "\f107"
}

.faq-accordion .accordion-item .question.active {
    background-color: transparent;
}


.refer-friend .hero {
    padding: 200px 0 150px 0;
    background: url(../imgs/thank-you-hero.jpg) center center no-repeat;
    background-size: cover;
}

.refer-friend .hero {
    position: relative;
}

.refer-friend .hero h1 {
    color: #14233C;
    font-size: 58px;
    line-height: 64px;
    font-weight: 600;
}

.refer-friend .hero p {
    font-size: 22px;
    line-height: 28px;
    font-weight: lighter;
    margin: 20px 0 30px 0;
}

.refer-friend .hero p a {
    color: #0B72FD;
}

.refer-friend-hero {
    position: absolute;
    right: 0;
    bottom: 0;
    max-height: 600px;
}


.thank-you .hero {
    padding: 150px 0 40px 0;
    text-align: center;
    background: url("../imgs/thank-you-hero.jpg") center center no-repeat;
    background-size: cover;
}

.thank-you .hero img {
    max-height: 130px;
    margin: 0 0 30px 0;
}

.thank-you .hero h1 {
    color: #14233C;
    font-size: 58px;
    line-height: 64px;
    font-weight: 600;
    margin: 0 0 40px 0;
}

.thank-you .hero p {
    color: #14233C;
    font-size: 34px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 140px 0;
}

.thank-you .apply-rate {
    background-color: #1F567F;
    padding: 50px 120px;
    border-radius: 40px;
    margin: -80px 0 0 0;
}

.thank-you .apply-rate img {
    max-height: 45px;
}

.thank-you .apply-rate h6 {
    color: #fff;
    font-size: 32px;
    line-height: 36px;
    padding: 0 10px;
}


/* others */
.others {
    text-align: center;
    background-color: #E6E9F2;
}

.others .other-post img {
    border-radius: 14px;
}

.others .other-post h3 {
    color: #14233C;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin: 20px 0 5px 0;
}

.others .other-post a {
    color: #0B72FD;
    font-size: 16px;
    line-height: 20px;
    font-weight: lighter;
}


/* subscirbe */
.subscribe {
    padding: 100px 100px;
    background: url("../imgs/subscribe-bgr.jpg") center center no-repeat;
    background-size: cover;
    border-radius: 40px;
}

.subscribe .heading {
    margin: 0 0 0 0;
}

.subscribe p {
    color: #3D4046;
    margin: 25px 0;
    font-size: 16px;
    line-height: 24px;
}


/* what-next */
.what-next .heading {
    text-align: center;
}

.what-next .next-box {
    text-align: center;
    padding: 40px 0;
    background-color: #F8FAFB;
    border-radius: 14px;
}

.what-next .next-box img {
    max-height: 65px;
    margin: 0 0 20px 0;
}

.what-next .next-box .lab {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    padding: 0 50px;
}

.what-next .next-box .val {
    padding: 10px 50px 0;
}


/* apply */
.apply .hero {
    background-color: #DDEAF4;
    padding: 100px 0 25px;
}

.apply .hero h1 {
    color: #14233C;
    font-size: 64px;
    font-weight: 600;
    text-align: center;
    margin: 30px 0 60px 0;
}

.apply .hero .intro-form {
    padding: 0 100px 50px 100px;
}

.apply .hero .apps {
    margin: 30px 0 0 0;
}


/* subs modal */
.subscribe-modal .modal-content {
    border: 0;
}

.subscribe-modal .modal-dialog {
    max-width: 1200px;
}

.subscribe-modal .modal-dialog p {
    color: #3D4046;
    font-size: 16px;
    line-height: 22px;
}

.subscribe-modal .modal-dialog [class*=icheck-] > input:first-child + label::before {
    border-color: #CCCFD8;
}

.subscribe-modal .modal-dialog .modal-content {
    padding: 80px 550px 80px 100px;
    background: url("../imgs/subscribe-bgr.jpg") center center no-repeat;
    background-size: cover;
    border-radius: 40px;
}

.subscribe-modal .form-group {
    margin: 0 0 20px 0;
}

.subscribe-modal h5 {
    color: #14233C;
    font-size: 50px;
    line-height: 50px;
    font-weight: 600;
    margin: 0 0 20px 0;
}

.subscribe-modal p {
    color: #3D4046;
    font-size: 18px;
    line-height: 24px;
    font-weight: lighter;
}

.subscribe-modal .form-control {
    border: 1px solid #CCCFD8;
}


/* about */
.about .hero {
    overflow: hidden;
    position: relative;
}


.stats {
    color: #fff;
    background: url("../imgs/about-stat-bgr.jpg") center center no-repeat;
    background-size: cover;
    text-align: center;
}

.stats .heading {
    color: #fff;
    text-align: center;
}

.stats img {
    margin: 0 0 13px 0;
    max-height: 40px;
}

.stats .val {
    font-size: 34px;
    line-height: 34px;
    font-weight: bold;
    margin: 0 0 3px 0;
}


/* resource info */
.resource .resource-info {
    background-color: #F8FAFB;
}


/* vision */
.vision {
    padding: 100px 0 0 0;
}


/* our-values */
.our-values {
    background-color: #F8FAFB;
}

.our-values .heading {
    padding-top: 100px;
    padding-right: 150px
}

.our-values .val {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 9px 12px rgba(0, 0, 0, .06);
    padding: 30px;
    text-align: left;
    position: relative;
}

.our-values .val img {
    height: 50px;
    margin: 0 0 10px 0;
}

.our-values .val .val-num {
    color: #F3F8FF;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    position: absolute;
    top: 15px;
    right: 15px;
}

.our-values .val .val-lab {
    color: #0e0d2e;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin: 3px 0 15px
}

.our-values .val .val-text {
    color: #000;
    font-size: 16px;
    line-height: 24px
}

.our-values .val-01 {

}

.our-values .val-02 {
    position: relative;
    top: 150px;
}

.our-values .val-03 {
    margin: 30px 0;
}

.our-values .val-03 .val-text {
    padding: 0 100px 0 0
}

.our-values .val-06 {
    position: relative;
    top: -90px;
}


/* contacts */
.contacts .hero {
    padding: 150px 0 100px 0;
    background: url(../imgs/thank-you-hero.jpg) center center no-repeat;
    background-size: cover;
}

.contacts .hero h1 {
    color: #14233C;
    font-size: 58px;
    line-height: 64px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 10px 0;
}

.contacts .hero p {
    color: #14233C;
    font-size: 22px;
    line-height: 28px;
    font-weight: lighter;
    text-align: center;
    margin: 0;
}

.contacts .hero .info-box {
    border-radius: 14px;
    background-color: #fff;
    padding: 30px;
    margin: 50px 0 0 0;
}

.contacts .hero .info-box .lab {
    font-size: 18px;
    line-height: 24px;
    font-weight: lighter;
    margin: 0 0 3px 0;
}

.contacts .hero .info-box .val {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}

.contacts .hero .info-box img {
    margin: 0 20px 0 0;
    height: 100%;
    max-width: 40px;
}

.contacts .contact-info {
    padding: 0 0 0 100px;
}

.contacts .contact-info h5 {
    color: #14233C;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}

.contacts .contact-info p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 50px 0;
}

.contacts .contact-map {
    margin: 20px 0 0 0;
}

.contacts .form .heading {
    margin: 0 0 30px 0;
}

.contacts .form .form-control {
    border: 1px solid #CAD7E2;
}

.contacts .form .checkbox label {
    font-size: 14px;
    font-weight: 600;
}


/* promotions */
.promotions .hero {
    padding: 150px 0;
    background: url(../imgs/promotions-hero.jpg) center center no-repeat;
    background-size: cover;
}

.promotions h1 {
    color: #fff;
    font-size: 100px;
    line-height: 110px;
    font-weight: 700;
    text-align: center;
}

.promotions .main-promo .main-promo-img {
    border-radius: 40px;
}

.promotions .main-promo .promo-content {
    display: block;
    background-color: #fff;
    margin: -70px auto 0 auto;
    z-index: 5;
    position: relative;
    width: 85%;
    padding: 30px 40px;
    border-radius: 14px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .09);
}

.promotions .main-promo .promo-content h2 {
    color: #14233C;
    font-size: 40px;
    line-height: 48px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.promotions .promotions-list {
    background-color: #F8FAFB;
}

.promotions .promotions-list .promo {
    margin: 0 0 70px 0;
}

.promotions .promotions-list .promo .promo-img {
    border-radius: 20px;
}

.promotions .promotions-list .promo-content {
    display: block;
    background-color: #fff;
    margin: -70px auto 0 auto;
    z-index: 5;
    position: relative;
    width: 85%;
    padding: 30px 30px;
    border-radius: 14px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .09);
}

.promotions .promotions-list .promo-content h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    margin: 0 0 15px 0;
}


/* resource */
.resource .hero {
    padding: 150px 0 100px 0;
    background: url(../imgs/thank-you-hero.jpg) center center no-repeat;
    background-size: cover;
}

.resource .hero h1 {
    color: #14233C;
    font-size: 52px;
    line-height: 70px;
    font-weight: bold;
}

.resource .hero p {
    font-size: 22px;
    line-height: 28px;
    font-weight: lighter;
    margin: 20px 0 40px 0;
}

.resource .hero .resrouce-form {
    padding: 0 100px 0 0;
}

.resource .hero .checkbox label {
    font-size: 14px;
    font-weight: 600;
}


.resource .resource-details img {
    background-color: #F8FAFB;
    padding: 50px;
    border-radius: 40px;
}

.resource .resource-details ul li:before {
    content: "";
    background: url("../imgs/icons/arrow-blue.svg") center center no-repeat;
    background-size: 100%;
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
}

.resource .resource-details ul li {
    position: relative;
    color: #121212;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin: 20px 0;
    padding: 0 0 0 25px;
}

#owl-resource.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 20px;
}


/* video */
.video {
    text-align: center;
}

.video .video-hint {
    color: #0B72FD;
    font-size: 18px;
}

.video .video-hint img {
    position: relative;
    top: 18px;
}

.video .heading {
    margin: 0 0 15px 0;
}

.video .video-holder {
    margin: 30px 0 0 0;
    border-radius: 40px;
    overflow: hidden;
}

.video .video-holder .video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-move {
    background-color: #fff;
    border-radius: 40px;
    margin: -200px 0 0 0;
    padding: 70px 0 0 0;
}


.link-arrow {
    position: relative;
    padding: 0 20px 0 0;
}

.link-arrow:after {
    content: "";
    background: url(../imgs/icons/arrow-blue.svg) center center no-repeat;
    width: 12px;
    height: 12px;
    background-size: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 6px;
}


/* resources */
.resources .hero {
    padding: 150px 0 100px 0;
    background: url(../imgs/thank-you-hero.jpg) center center no-repeat;
    background-size: cover;
}

.resources .hero h1 {
    color: #14233C;
    font-size: 58px;
    line-height: 64px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 10px 0;
}

.resources .hero p {
    color: #14233C;
    font-size: 22px;
    line-height: 30px;
    font-weight: lighter;
    text-align: center;
    margin: 0;
}


.blog h1 {
    font-size: 46px;
    line-height: 56px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 20px 0;
}

.blog .meta {
    text-align: center;
}

.blog .blog-img {
    border-radius: 40px;
}

.blog .blog-content {
    display: block;
    background-color: #fff;
    margin: -70px auto 80px auto;
    z-index: 5;
    position: relative;
    width: 85%;
    padding: 30px 30px;
    border-radius: 14px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .09);
}

.blog .blog-text p {
    color: #3D4046;
}

.blog .blog-text h2 {
    font-size: 34px;
    line-height: 40px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.blog .blog-text h3 {
    font-size: 28px;
    line-height: 34px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.blog .blog-text h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    margin: 0 0 10px 0;
}



.blog aside {
    padding: 0;
}


aside h4 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin: 0 0 20px 0;
}

aside h5 {
    color: #494C53;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin: 0 0 15px 0;
}

aside .widget {
    margin: 0 0 50px 0;
}

.form-group.form-icon .form-control {
    padding: 10px 25px 10px 45px;
}

.form-group.form-icon {
    position: relative;
}

.form-group.form-icon img {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(0%, -50%);
}

.resources-list .resource-item {
    background-color: #F8FAFB;
    padding: 20px;
    margin: 0 0 30px 0;
}

.resources-list .resource-item img {
    margin: 0 auto 20px;
    display: block;
}

.resources-list .resource-item h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}

.resources-list .resource-item p {
    color: #3D4046;
    margin: 15px 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: lighter;
}

.resources-list .resource-item a {
    color: #0B72FD;
}


.resources-list .main-resource {
    background-color: #F8FAFB;
    padding: 35px 45px;
    margin: 0 0 50px 0;
}

.resources-list .main-resource img {
    margin: 0 auto;
    display: block;
}

.resources-list .main-resource h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
}

.resources-list .main-resource p {;
    margin: 15px 0;
}

.resources-list .main-resource a {
    color: #0B72FD;
}


aside {
    padding: 0 70px 0 0;
}

aside .widget-search .form-control {
    border: 1px solid #CAD7E2;
}

aside .widget-nav ul li {
    margin: 5px 0;
}

aside .widget-nav ul li a {
    color: #0B72FD;
    display: block;
    font-size: 16px;
    line-height: 22px;
}


.financial {
    background-color: #F8FAFB;
    padding: 50px 0 100px 0;
}

.financial aside {
    padding: 0;
}

aside .widget-similar {
    padding: 20px 30px 10px 30px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .05);
}

aside .widget-similar ul li {
    margin: 15px 0;
}

aside .widget-similar ul li.active a {
    color: #121212;
}

aside .widget-similar ul li.active a:after {
    content: "";
    position: absolute;
}

aside .widget-similar ul li a {
    color: #0B72FD;
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}


aside .widget-questions {
    border-radius: 14px;
    border: 1px solid #CFCFCF;
    padding: 20px 30px 10px 30px;
}

aside .widget-questions ul li {
    margin: 15px 0;
}

aside .widget-questions ul li a {
    color: #0B72FD;
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}


aside .widget-blog-links {
    border-radius: 14px;
    border: 1px solid #CFCFCF;
    padding: 20px 30px 10px 30px;
}

aside .widget-blog-links li {
    margin: 0 0 20px 0;
}

aside .widget-blog-links li a {
    color: #14233C;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 7px 0;
    display: block;
}

aside .widget-blog-links li .date {
    color: #6D6C6C;
}

aside .widget-blog-links li .date img {
    height: 20px;
    vertical-align: sub;
    margin: 0 8px 0 0;
}


.widget-social {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.widget-social ul {
    display: inline-block;
    margin: 0 0 0 10px;;
}

.widget-social ul li {
    display: inline-block;
    margin: 0 3px;
}

.widget-social ul li a {
    font-size: 20px;
}


.banner {
    margin: 50px 0;
    background: url("../imgs/banner.jpg") center center no-repeat;
    border-radius: 20px;
    padding: 30px 40px;
}

.banner h3 {
    color: #fff;
    font-weight: normal;
    font-size: 30px;
    line-height: 36px;
}


.important {
    border: 1px solid #ddd;
    padding: 0 30px 15px 20px;
    margin: 0 0 50px 0;
}

.important .badge-party {
    background-color: #ebebeb;
    padding: 3px 6px;
    margin: 3px auto 0;
    display: table;
    font-size: 12px;
    line-height: 12px;
}

.important .important-text span {
    font-weight: bold;
}


/* promotion */
.promotion h1 {
    font-size: 46px;
    line-height: 56px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 20px 0;
}

.promotion .meta {
    text-align: center;
}

.promotion .promo-img {
    border-radius: 40px;
}

.promotion .promo-content {
    display: block;
    background-color: #fff;
    margin: -70px auto 80px auto;
    z-index: 5;
    position: relative;
    width: 85%;
    padding: 30px 30px;
    border-radius: 14px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .09);
}


.promotion .promo-nav {
    margin: 0 auto 45px auto;
    display: table;
}

.promotion .promo-nav li {
    display: inline-block;
    margin-right: 28px;
}

.promotion .promo-nav li button {
    padding: 13px 40px;
    color: #0B72FD;
    background-color: #fff;
    border: 1px solid #0B72FD;
    border-radius: 14px;
}

.promotion .promo-nav li button:hover,
.promotion .promo-nav li button.active {
    color: #fff;
    background-color: #14233C;
    border: 1px solid #14233C;
}


.meta div:first-of-type {
    margin-left: 0;
}

.meta div {
    display: inline-block;
    margin: 0 25px;
    color: #6D6C6C;
}

.meta div img {
    max-width: 25px;
    max-height: 20px;
    margin: 0 7px 0 0;
    vertical-align: sub;
    position: relative;
    top: -1px;
}


/* countries */
.countries {
    text-align: center;
}

.countries img {
    margin: 30px 0 0 0;
}


.about .quote {
    margin: 50px 0 0 0;
    background-color: #226A9A;
    padding: 85px 120px;
    border-radius: 30px;
    position: relative;
}

.about .quote:before {
    content: "";
    background: url("../imgs/icons/quote.svg") center center no-repeat;
    background-size: 100%;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 85px;
    left: 50px;
}

.about .quote img {
    position: absolute;
    right: 10%;
    bottom: 0;
    height: 400px;
}

.about .quote h3 {
    color: #fff;
    font-size: 26px;
    line-height: 26px;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.about .quote h2 {
    color: #fff;
    font-size: 46px;
    line-height: 56px;
    font-weight: 600;
    width: 80%;
}


/* about */
.about {
    position: relative;
    padding: 0 0 100px 0;
}

.about .hero {
    position: relative;
    padding: 120px 0 50px 0;
}

.about .hero:after {
    content: "";
    background-color: #E6E9F2;
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    z-index: -1;
}

.about .hero h1 {
    color: #14233C;
    font-size: 52px;
    line-height: 60px;
    margin: 0 0 20px 0;
}

.about .hero h2 {
    color: #0B72FD;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.about .hero p {
    color: #121212;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    margin: 35px 0;
}


/* rate */
.rate .hero {
    padding: 150px 0 100px 0;
    background: url(../imgs/thank-you-hero.jpg) center center no-repeat;
    background-size: cover;
    max-height: 700px;
    overflow: hidden;
}

.rate .hero h1 {
    color: #14233C;
    font-size: 64px;
    line-height: 74px;
    font-weight: 600;
    margin: 100px 0 0 0;
}

.rate-now {
    background-color: #fff;
    border-radius: 40px;
    padding: 80px 100px 0;
    text-align: center;
    margin: -70px 0 150px 0;
}

.rate-now p {
    color: #3D4046;
}

.rate-now .rate-box {
    position: relative;
    margin: 20px 0;
}

.rate-now .rate-box input[type=radio] {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.rate-now .rate-box input[type=radio]:checked + label {
    border-color: #0B72FD;
}

.rate-now .rate-box label {
    display: block;
    background-color: #F8FAFB;
    border: 1px solid #F8FAFB;
    padding: 15px 15px 55px 15px;
    width: 80px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}

.rate-now .rate-box label .val {
    color: #14233C;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
}

.rate-now .rate-box label:before {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 1px solid #CBCCCE;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 15px;
    margin-left: -14px;
}

.rate-now .rate-box input[type=radio]:checked + label:before {
    border: 8px solid #0B72FD;
}


.blog-list .hero {
    padding: 150px 0 100px 0;
    background: url(../imgs/thank-you-hero.jpg) center center no-repeat;
    background-size: cover;
}

.blog-list .hero h1 {
    color: #14233C;
    font-size: 58px;
    line-height: 64px;
    font-weight: 600;
}

.blog-hero-img {
    margin: 0 0 50px 0;
}

.blog-list .blog-search .form-control {
    border: 1px solid #CAD7E2;
}


.blog-cat {
    margin: 20px 0 10px 0;
}

.blog-subcat {
    margin: 25px 0 40px 0;
}

.blog-subcat li,
.blog-cat li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
}

.blog-subcat li a,
.blog-cat li a {
    padding: 15px 40px;
    color: #0B72FD;
    background-color: #fff;
    border: 1px solid #0B72FD;
    border-radius: 14px;
    display: block;
    font-weight: bold;
}

.blog-subcat li a {
    padding: 10px 40px;
}

.blog-subcat li:hover a,
.blog-cat li:hover a,
.blog-subcat li.active a,
.blog-cat li.active a {
    color: #fff;
    background-color: #14233C;
    border: 1px solid #14233C;
}

.blog-meta-cat {
    background-color: #566271;
    color: #fff;
    border-radius: 88px;
    padding: 7px 30px 4px 30px;
    margin: 0 auto -19px;
    display: table;
    position: relative;
    z-index: 3;
}

.blog-meta-cat img {
    height: 15px;
    margin: 0 5px 0 0;
    position: relative;
    top: -3px;
}

.blog-list .blog-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.blog-list .meta div {
    margin: 0 5px;
}

.blog-list .meta img {
    height: 20px;
}

.blog-list .blog-img img {
    border-radius: 15px;
}

.blog-list .blog-text {
    display: block;
    background-color: #fff;
    margin: -70px auto 50px auto;
    z-index: 5;
    position: relative;
    width: 85%;
    padding: 30px 30px;
    border-radius: 14px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .09);
}

.blog-list .blog-text .btn {
    margin: 15px 0;
}


/* footer */
footer {
    padding: 50px 0;
    background-color: #13233C;
}

footer h6 {
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 25px 0;
    color: #fff;
}

footer .footer-apps {
    margin: 0 0 30px 0;
}

footer .pagar,
footer .footer-apps a {
    margin: 0 0 15px 0;
    min-width: 200px;
    padding: 9px 25px;
}

footer .footer-menu li {
    margin: 12px 0;
}

footer .footer-menu li a {
    color: #fff;
    font-weight: lighter;
    display: block;
    font-size: 14px;
    line-height: 20px;
}

footer .social li {
    display: inline-block;
    margin: 0 10px;
}

footer .social li a {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
}

footer .footer-bot {
    margin: 50px 0 15px 0;
}

footer .rgpd {
    float: right;
    position: relative;
    top: 3px;
}

footer .rgpd img {
    height: 40px;
}

footer .copyright {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: lighter;
}

/* general */
.container-fluid {
    max-width: 1350px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #848484;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #848484;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #848484;
}