html, body {
    overflow-x: hidden;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1.2;
    max-width: 1020px;
    margin: 0 auto;
    background-color: #999999;
}

p {
    margin: 0 0 5px 0;
    padding: 0;
}

.theme-image {
    width: 100%;
}

.theme-bg-1 {
    background-color: #ffffff;
}

.theme-bg-2 {
    background-color: #f3f3f3;
}

.custom-w-110 {
    width: 110%;
}

.custom-w-105 {
    width: 105%;
}

/* theme list style */

/* .theme-list ul {
    list-style: none;
} */

.theme-list li {
    position: relative;
    margin-bottom: 10px;
}

/* .theme-list li::before {
    position: absolute;
    left: -13px;
    content: "•";
    color: black;
    margin-right: 5px;
} */

.theme-list-blue li::before {
    color: #162b75;
}

.theme-list-green li::before {
    color: #a6ce39;
}

.theme-list-red li::before {
    color: #ef4136;
}

.theme-list-orange li::before {
    color: black;
}

.theme-list-light-blue li::before {
    color: #00b9f2;
}

.lp12 ul {
    padding-left: 12px;
}

/* .theme-list-2 {
    margin: 0;
    padding: 0;
} */

/* end theme list style */

.btn-theme {
    border: 1px solid #f58220;
    background-color: #f58220;
    color: #ffffff;
    padding: 10px 70px;
    border-radius: 13px;
    font-size: 18px;
    font-weight: bold;
}

.btn-theme:hover {
    color: #f58220;
    background-color: #ffffff;
    text-decoration: none;
}

.btn-theme-green {
    border: 1px solid #a6ce39;
    background-color: #a6ce39;
}

.btn-theme-green:hover {
    color: #f58220;
    background-color: #ffffff;
    text-decoration: none;
    color: #a6ce39;
}

.btn-theme-light-blue {
    border: 1px solid #00b9f2;
    background-color: #00b9f2;
}

.btn-theme-light-blue:hover {
    color: #00b9f2;
}

.btn-theme-blue {
    border: 1px solid #005a9c;
    background-color: #005a9c;
}

.btn-theme-blue:hover {
    color: #005a9c;
}

.step-header, .step-header-green, .step-header-orange {
    font-weight: bold;
    color: #162b75;
    margin-bottom: 10px;
}

.step-header-green {
    color: #a6ce39;
}

.step-header-orange {
    color: #f58220;
}

.step-header-red {
    color: #ef4136;
}

.step-header-light-blue {
    color: #00b9f2;
}

.list-icon-red img {
    position: relative;
    top: -6px;
    left: -6px;
    width: 65px;
}

.theme-table-list table {
    width: 100%;
}

.theme-table-list img {
    width: 50px;
}

.tip-image img {
    width: 100%;
}

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

.theme-color {
    color: #f58220;
}

.theme-text-bold {
    font-weight: 900;
}

.icon-container {
    display: inline-block;
}

.icon-container img {
    width: 50px;
}

.tip-image {
    width: 200px;
    /* max-width: 100%; */
}

/**
 *
 * scroll module
 *
 */

.scroll-link {
    color: #212529;
}

.scroll-link:hover {
    color: #212529;
    text-decoration: none;
}

.arrow-down {
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 20px solid #162b75;
}

/**
 *
 * end of
 * scroll module
 *
 */

/**
 *
 * end of
 * video controls
 *
 */

.video-player-container {
    width: 100%;
    margin: 0 auto 20px;
    -webkit-box-shadow: 0px 0px 7px 4px rgba(133, 133, 133, 1);
    -moz-box-shadow: 0px 0px 7px 4px rgba(133, 133, 133, 1);
    box-shadow: 0px 0px 7px 4px rgba(133, 133, 133, 1);
}

.plyr__control--overlaid {
    background-color: transparent;
    border: 2px solid #ffffff;
}

.plyr__control--overlaid svg {
    height: 60px;
    width: 60px;
}

.plyr__poster {
    background-color: #fff;
}

/**
 *
 * video controls
 *
 */

/**
 *
 * header
 *
 */

header {
    padding: 20px 0;
    background-color: #ffffff;
}

header img {
    height: 70px;
    width: auto;
    margin: auto;
    display: block;
}

/**
 *
 * end of
 * header
 *
 */

/**
 *
 * hero
 *
 */

.hero {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 425px;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
}

.hero-seprator img {
    max-width: 100%;
}

.hero-text-container {
    color: #ffffff;
    padding-bottom: 30px;
}

.thumbnail-download img {
    width: 165px;
    max-width: 100%;
}

.url-text {
    font-weight: bold;
    color: #005a9c;
    text-decoration: none;
}

.url-text:hover {
    text-decoration: none;
}

/**
 *
 * end of
 * hero
 *
 */

.section-one, .section-two, .step-section, .rate-section {
    padding: 70px 0 50px;
}

.section {
    padding: 50px 0;
}

.thumbnail-download, footer {
    padding: 50px 0;
}

footer {
    background-color: #002A3D;
    color: #ffffff;
    font-size: 16px;
    line-height: 150%;
}

.footer-logo-container img {
    width: 165px;
    height: auto;
}

.star-rating {
    position: relative;
    display: inline-block;
    padding: 20px 0;
}

.form-header {
    font-weight: 900;
}

.done-header {
    font-weight: bold;
    font-size: 40px;
}

.social-media-icons {
    list-style: none;
    margin: 0;
    padding: 0;
    /* text-align: right; */
}

.social-media-icons li {
    display: inline;
}

.social-media-icons img {
    width: 50px;
}

.list-text-content {
    width: calc(100% - 65px);
    float: right;
}

.rate-header {
    font-size: 40px;
}

.form-section {
    margin-bottom: 20px;
}

.improper-image-location {
    position: relative;
}

.content-part {
    position: relative;
    display: inline-block;
    width: calc(100% - 300px);
}

.image-part {
    position: relative;
    width: 300px;
    float: right;
}

.image-part img {
    position: absolute;
    right: 0;
    top: -23px;
}

.step3-list-text {
    display: inline-block;
    width: calc(100% - 200px);
}

.step3-list-image-container {
    width: 200px;
    float: right;
    text-align: right;
}

.step3-list-image-container img {
    height: 81px;
    width: auto;
}

.image-on-mobile {
    display: none;
}

.image-on-mobile img {
    width: 100% !important;
}

/* form style */

.mktoForm {
    position: relative;
    display: inline-block;
    width: 100% !important;
}

/* hide element */

.mktoForm .mktoOffset, .mktoForm .mktoLabel {
    display: none !important;
}

/**100% width all content**/

.mktoForm .mktoFormCol, .mktoForm .mktoFieldWrap, .mktoForm .mktoLabel {
    width: 100% !important;
}

.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
    padding: 20px !important;
    background-color: #ffffff !important;
    border-radius: 4px !important;
    border: none !important;
    font-size: 14px !important;
    color: #58595b !important;
    font-weight: 300 !important;
    font-family: 'Helvetica Neue LT Pro' !important;
    width: 100% !important;
    font-style: italic;
    outline: unset !important;
    -webkit-box-shadow: inset 1px 1px 27px -1px rgba(175, 175, 175, 1);
    -moz-box-shadow: inset 1px 1px 27px -1px rgba(175, 175, 175, 1);
    box-shadow: inset 1px 1px 27px -1px rgba(175, 175, 175, 1);
}

.mktoForm textarea.mktoField {
    height: 200px !important;
    padding: 20px !important;
    -webkit-box-shadow: inset 1px 1px 27px -1px rgba(175, 175, 175, 1);
    -moz-box-shadow: inset 1px 1px 27px -1px rgba(175, 175, 175, 1);
    box-shadow: inset 1px 1px 27px -1px rgba(175, 175, 175, 1);
}

/**submit button**/

.mktoButtonRow {
    width: 100%;
    text-align: left !important;
    margin: 10px auto !important;
}

.mktoButtonRow span {
    margin: 0 !important;
}

.mktoForm button.mktoButton {
    color: #ffffff !important;
    border-width: none !important;
    border: none !important;
    border-radius: 13px;
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: 'Helvetica Neue LT Pro' !important;
    text-transform: uppercase !important;
    background-color: #f58220 !important;
    padding: 15px 60px !important;
    box-shadow: none !important;
    float: right;
    background-image: unset !important;
}

.mktoForm button.mktoButton:hover {
    background-color: #f58220 !important;
}

.green-theme .mktoForm button.mktoButton, .green-theme .mktoForm button.mktoButton:hover {
    background-color: #a6ce39 !important;
}

.light-blue-theme .mktoForm button.mktoButton, .light-blue-theme .mktoForm button.mktoButton:hover {
    background-color: #00b9f2 !important;
}

.blue-theme .mktoForm button.mktoButton, .blue-theme .mktoForm button.mktoButton:hover {
    background-color: #005a9c !important;
}

.form-suggestion-feedback {
    font-size: 24px;
    margin-bottom: 50px;
    display: none;
}

/**submit button**/

/* error message outside marketo */

.star-rating .mktoError {
    position: absolute;
    z-index: 99;
    color: #bf0000;
    right: -200px !important;
    top: 25px !important;
}

.star-rating .mktoError .mktoErrorArrowWrap {
    width: 8px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    left: -6px;
    top: 1px;
}

.star-rating .mktoError .mktoErrorArrow {
    background-color: #e51b00;
    border: 1px solid #9f1300;
    border-right: none;
    border-bottom: none;
    display: inline-block;
    height: 16px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 16px;
    margin-top: 10px;
}

.star-rating .mktoError .mktoErrorMsg {
    display: block;
    margin-top: 7px;
    background-color: #e51b00;
    background-image: -webkit-linear-gradient(#e51b00 43%, #ba1600 100%);
    background-image: -moz-linear-gradient(#e51b00 43%, #ba1600 100%);
    background-image: linear-gradient(#e51b00 43%, #ba1600 100%);
    background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%);
    border: 1px solid #9f1300;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
    box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
    color: #f3f3f3;
    font-size: 14px;
    line-height: 1.2em;
    max-width: 16em;
    padding: 0.4em 0.6em;
    text-shadow: #901100 0 -1px 0;
}

.theme-bg-3 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background-color: rgba(255, 255, 255, .9);
}

.theme-bg-3 table td:nth-child(2) {
    padding-top: 10px;
}

.theme-bg-3 table td:nth-child(1) img {
    width: 60px;
}

.theme-bg-4 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f2f3f3;
}

.ribbon-container img {
    max-width: 200px;
    width: 100%;
    height: auto;
}

a.cta-secondary {
    background-color: #fff !important;
    border: 2px solid #005597 !important;
    padding: 12px 24px;
    border-radius: 44px;
    color: #005597;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    margin-top: 24px;
    transition: 0.5s all;
    text-align: center;
    font-size: 16px;
}

a.cta-secondary:hover {
    background-color: #005597 !important;
    color: #fff;
    text-decoration: none;
}

.img-modulo img {
    border-radius: 16px;
}

.bt-expert {
    background-color: #005597;
    color: #fff;
    line-height: 140%;
    background-image: url(../img/icon-bt-expert-opacity.svg);
    background-position: center right;
    background-repeat: no-repeat;
}



/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */

@media (min-width: 768px) {
    .container {
        max-width: 780px !important;
    }

    .info-modulo {
        min-height: 84%;
    }
}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}

/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
    body {
        font-size: 18px;
    }
    p {
        font-size: 18px !important;
    }
    div#mkto_gen_footerLogo {
        text-align: left;
        margin-bottom: 16px;
    }
    footer p {
        text-align: left;
        line-height: 180%;
        font-size: 14px !important;
    }
    .mktoText {
        font-size: 18px;
        line-height: 160%;
    }
    .hero {
        height: 200px;
    }
    .hero-text-sm {
        font-size: 20px !important;
    }
    .hero-header-sm {
        font-size: 35px !important;
    }
    .hero-seprator img {
        width: 210px;
    }
    .title-sm-f20 {
        font-size: 20px !important;
    }
    .title-sm-f16 {
        font-size: 16px !important;
    }
    .title-sm-f9 {
        font-size: 9px !important;
    }
    .title-sm-f14 {
        font-size: 14px !important;
    }
    .scroll-link p {
        font-size: 14px !important;
    }
    .rate-header {
        font-size: 20px !important;
    }
    .done-header {
        font-size: 20px !important;
    }
    .sm-f14 {
        font-size: 14px !important;
    }
    .footer-text {
        font-size: 12px !important;
    }
    .content-part, .image-part {
        width: 100%;
    }
    .image-part img {
        position: relative;
        top: 0;
    }
    .mw100 img {
        width: 100%;
    }
    .theme-image {
        max-width: 400px;
    }

    .social-media-icons img {
        width: 40px;
    }

    .theme-bg-4 {
        background-position: top right;
        background-blend-mode: overlay;
        background-color: rgba(242, 243, 243, 0.9);
    }

    .custom-w-105, .custom-w-110 {
        width: 100%;
    }

    .image-on-mobile {
        display: inline-block;
    }
}

/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {}

/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {}

/* Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {}