.banner-close, .banner-close:hover, .banner-close:active, .banner-close:active:hover {
   background-color:transparent;
    padding: 0;
    min-width: inherit;
    width: 35px;
    height: 35px;
    border:0;
}

.banner-block > .container{position:relative;}

.banner-close-container {
    position: absolute;
    top: 10px;
    right: 10px;
}
    .banner-close:before, .banner-close:after {
        content: '';
        position: absolute;
        z-index: 20;
        top: 0;
        left: 0;
        width: 2px;
        height: 21px;
        background: #ffffff;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .banner-close:before {
        margin: 4px 0 0 15px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .banner-close:after {
        margin: 4px 0 0 15px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .banner-close:hover:before, .banner-close:hover:after {
        background-color: rgb(235, 235, 235);
    }

.zebra:nth-child(even) {
    background: #f8f9fa
}

.zebra:nth-child(odd) {
    background: #fff
}

.solution-item.color-01 {
    border-top-color: #009ed3;
}

.solution-item.color-02 {
    border-top-color: #7faf26;
}

.solution-item.color-03 {
    border-top-color: #f47a20;
}

.solution-item.color-04 {
    border-top-color: #af3d8e;
}

.solution-item.color-05 {
    border-top-color: #000;
}

.solution-item.color-06 {
    border-top-color: #767e86;
}

.solution-item.color-01 h3 {
    color: #009ed3;
}

.solution-item.color-02 h3 {
    color: #7faf26;
}

.solution-item.color-03 h3 {
    color: #f47a20;
}

.solution-item.color-04 h3 {
    color: #af3d8e;
}

.solution-item.color-05 h3 {
    color: #000;
}

.solution-item.color-06 h3 {
    color: #767e86;
}

.home-page-rework.device-video video {
    z-index: -10;
}

.home-page-rework .btn-default {
    background-color: transparent;
}


.privacy-policy {
    background: #f8f9fa;
    color: #575a71;
    padding-top: 100px;
    padding-bottom: 96px;
}

.content-page {
    background: #f8f9fa;
    color: #575a71;
    padding-top: 100px;
    padding-bottom: 96px;
}

.cards-list p {
    font-size: 14px;
}

.resources-item .resource-box .ico {
    height: initial;
    width: 100%;
}

.resources-item .resource-box:hover .ico img:nth-child(1) {
    opacity: 1;
}

.resources-item .resource-box:hover h2 {
    color: #575a71;
}

.resources-item .resource-box:hover .bottom-link {
    color: #009ed3;
}

.resources-item .resource-box:hover {
    background: #fff;
    color: #575a71;
}

.mobile-section .my-mobile p {
    margin: 0;
}

.content-item .resource-box .ico {
    height: 100%;
    width: 100%;
}

.content-item .resource-box:hover .ico img:nth-child(1) {
    opacity: 1;
}

.content-item .resource-box:hover h2 {
    color: #575a71;
}

.content-item .resource-box:hover .bottom-link {
    color: #009ed3;
}

.content-item .resource-box:hover {
    background: none;
    color: #575a71;
}

.resources-list .resource-box a:hover {
    color: white;
    text-decoration: none;
}

.resources-list .resource-box p {
    color: #575a71;
}

.resources-list a {
    text-decoration: none;
}

.resources-list .resource-box:hover p {
    color: white;
}

.resources-list a:hover p, .resources-list a:focus p {
    color: white;
}

.resources-list.interior .resource-box .bottom-link p {
    color: #009ed3;
}

.resources-list.interior .resource-box:hover p {
    color: #575a71;
}

.resources-list.interior .resource-box:hover .bottom-link p {
    color: #009ed3;
}
    #header .btn-primary:hover {
        border-radius: 3px;
        background-color: #E0003E;
        border-color: #E0003E;
        box-shadow: 3px 5.196px 18px 0px rgba(0, 0, 0, 0.25);
    }

#header .btn-link:hover {
    border-radius: 3px;
    background-color: rgb(179, 15, 59);
    box-shadow: 3px 5.196px 18px 0px rgba(0, 0, 0, 0.25);
    border-color: rgb(179, 15, 59);
}

#header .container, #header .container-fluid {
    padding-top: 18px;
}

#header {
    background-color: rgb(255, 255, 255);
    position: absolute;
    width: 100%;
    z-index: 101;
    top:0;
}

    #header.scrolled {
        top: 0;
        position: fixed;
        box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.15);
        transition: box-shadow 0.3s ease-in-out;
    }

.btn-primary:hover {
    background-color: #E0003E !important;
    border-color: #E0003E !important;
    box-shadow: 3px 5.196px 18px 0px rgba(0, 0, 0, 0.25);
}

.title-section .btns .btn-default:hover {
    border-color: rgb(0, 158, 211);
    background-color: rgb(0, 158, 211);
    box-shadow: 3px 5.196px 18px 0px rgba(0, 0, 0, 0.25);
}

.signup-form .btn-primary:hover {
    border-radius: 3px;
    background-color: rgb(179, 15, 59);
    box-shadow: 3px 5.196px 18px 0px rgba(0, 0, 0, 0.25);
}


.plans-section {
    margin-top: 83px;
    position: relative;
}

.contact-section .field-validation-error {
    color: #D41F30;
    font-size: 14px;
}

.contact-section #captchaError {
    color: red;
    font-size: 12px;
}

.not-found-area {
    padding-top: 150px;
    text-align: center;
    padding-bottom: 150px;
}

    .not-found-area h1 {
        font-size: 100px;
        line-height: 102px;
        text-transform: uppercase;
        padding-bottom: 20px;
    }

.color-green .plans-heading h1 {
    color: #23A456;
}

.color-green .features-section {
    background: #23A456;
    color: #f0f4ec;
}

.color-green .plans-area h2 {
    color: #23A456;
}

/*Purple*/

.color-purple .plans-heading h1 {
    color: #af3d8e;
}

.tabset.color-purple .nav-pills > li.active > a, .tabset.color-purple .nav-pills > li.active > a:hover, .tabset.color-purple .nav-pills > li.active > a:focus {
    background-color: #af3d8e;
    color: #fff;
}

.tabset.color-purple .nav-pills > li > a {
    border-color: #af3d8e;
    color: #af3d8e;
}

    .tabset.color-purple .nav-pills > li > a:hover {
        background-color: rgba(175,61,142, 0.1);
    }

.color-purple .features-section {
    background: #af3d8e;
    color: #f4ecf3;
}

.color-purple .plans-area h2 {
    color: #af3d8e;
}

.why-info.color-purple .bulled-list li::before {
    background: #af3d8e;
}

.why-info.color-purple .why-head:before {
    background: #af3d8e;
}

.color-purple .btn-default.color-purple {
    color: #af3d8e;
    border-color: #af3d8e;
}

.image-section .btn-row .btn-default.color-purple {
    background: none;
}

    .image-section .btn-row .btn-default.color-purple:active,
    .image-section .btn-row .btn-default.color-purple.active,
    .image-section .btn-row .btn-default.color-purple:focus,
    .image-section .btn-row .btn-default.color-purple.focus,
    .image-section .btn-row .btn-default.color-purple:active:hover,
    .image-section .btn-row .btn-default.color-purple.active:hover,
    .image-section .btn-row .btn-default.color-purple:active:focus,
    .image-section .btn-row .btn-default.color-purple.active:focus,
    .image-section .btn-row .btn-default.color-purple:active.focus,
    .image-section .btn-row .btn-default.color-purple.active.focus,
    .image-section .btn-row .btn-default.color-purple:hover {
        background: #af3d8e;
        color: #fff;
    }

.testimonials-section.color-purple .testimonial q b {
    color: #af3d8e;
}

.testimonials-section.color-purple .slick-dots button:hover, .testimonials-section.color-purple .slick-dots .slick-active button {
    background: #af3d8e;
    border-color: #af3d8e;
}

.btn-primary.color-purple:active,
.btn-primary.color-purple.active,
.open > .dropdown-toggle.btn-primary.color-purple,
.btn-primary.color-purple:focus,
.btn-primary.color-purple.focus,
.btn-primary.color-purple:active:hover,
.btn-primary.color-purple.active:hover,
.open > .dropdown-toggle.btn-primary.color-purple:hover,
.btn-primary.color-purple:active:focus,
.btn-primary.color-purple.active:focus,
.open > .dropdown-toggle.btn-primary.color-purple:focus,
.btn-primary.color-purple:active.focus,
.btn-primary.color-purple.active.focus,
.open > .dropdown-toggle.btn-primary.color-purple.focus,
.btn-primary.color-purple:hover {
    border-color: #af3d8e;
    background: #fff;
    color: #af3d8e;
}

.btn-primary.color-purple {
    background: #af3d8e;
    border-color: #af3d8e;
}

/*Gray*/

.color-grey .plans-heading h1 {
    color: #959BA3;
}

.tabset.color-grey .nav-pills > li.active > a, .tabset.color-grey .nav-pills > li.active > a:hover, .tabset.color-grey .nav-pills > li.active > a:focus {
    background-color: #a0a0a0;
    color: #fff;
}

.tabset.color-grey .nav-pills > li > a {
    border-color: #a0a0a0;
    color: #a0a0a0;
}

    .tabset.color-grey .nav-pills > li > a:hover {
        background-color: rgba(160, 160, 160, 0.1);
    }

.color-grey .features-section {
    background: #a0a0a0;
    color: #eceff4;
}

.color-grey .plans-area h2 {
    color: #a0a0a0;
}

.why-info.color-grey .bulled-list li::before {
    background: #a0a0a0;
}

.why-info.color-grey .why-head:before {
    background: #a0a0a0;
}

.color-grey .btn-default.color-grey {
    color: #a0a0a0;
    border-color: #a0a0a0;
}

.image-section .btn-row .btn-default.color-grey {
    background: none;
}

    .image-section .btn-row .btn-default.color-grey:active,
    .image-section .btn-row .btn-default.color-grey.active,
    .image-section .btn-row .btn-default.color-grey:focus,
    .image-section .btn-row .btn-default.color-grey.focus,
    .image-section .btn-row .btn-default.color-grey:active:hover,
    .image-section .btn-row .btn-default.color-grey.active:hover,
    .image-section .btn-row .btn-default.color-grey:active:focus,
    .image-section .btn-row .btn-default.color-grey.active:focus,
    .image-section .btn-row .btn-default.color-grey:active.focus,
    .image-section .btn-row .btn-default.color-grey.active.focus,
    .image-section .btn-row .btn-default.color-grey:hover {
        background: #a0a0a0;
        color: #fff;
    }

.testimonials-section.color-grey .testimonial q b {
    color: #a0a0a0;
}

.testimonials-section.color-grey .slick-dots button:hover, .testimonials-section.color-grey .slick-dots .slick-active button {
    background: #a0a0a0;
    border-color: #a0a0a0;
}

.btn-primary.color-grey:active,
.btn-primary.color-grey.active,
.open > .dropdown-toggle.btn-primary.color-grey,
.btn-primary.color-grey:focus,
.btn-primary.color-grey.focus,
.btn-primary.color-grey:active:hover,
.btn-primary.color-grey.active:hover,
.open > .dropdown-toggle.btn-primary.color-grey:hover,
.btn-primary.color-grey:active:focus,
.btn-primary.color-grey.active:focus,
.open > .dropdown-toggle.btn-primary.color-grey:focus,
.btn-primary.color-grey:active.focus,
.btn-primary.color-grey.active.focus,
.open > .dropdown-toggle.btn-primary.color-grey.focus,
.btn-primary.color-grey:hover {
    border-color: #a0a0a0;
    background: #fff;
    color: #a0a0a0;
}

.btn-primary.color-grey {
    background: #a0a0a0;
    border-color: #a0a0a0;
}

/*Blue*/

.color-blue .plans-heading h1 {
    color: #009ed3;
}
.color-gold .plans-heading h1 {
    color: #E4B92E;
}

.tabset.color-blue .nav-pills > li.active > a, .tabset.color-blue .nav-pills > li.active > a:hover, .tabset.color-blue .nav-pills > li.active > a:focus {
    background-color: #009ed3;
    color: #fff;
}

.tabset.color-blue .nav-pills > li > a {
    border-color: #009ed3;
    color: #009ed3;
}

    .tabset.color-blue .nav-pills > li > a:hover {
        background-color: rgba(0,158,211, 0.1);
    }

.color-blue .features-section {
    background: #009ed3;
    color: #eceff4;
}

.color-blue .plans-area h2 {
    color: #009ed3;
}

.why-info.color-blue .bulled-list li::before {
    background: #009ed3;
}

.why-info.color-blue .why-head:before {
    background: #009ed3;
}

.color-blue .btn-default.color-blue {
    color: #009ed3;
    border-color: #009ed3;
}

.image-section .btn-row .btn-default.color-blue {
    background: none;
}

    .image-section .btn-row .btn-default.color-blue:active,
    .image-section .btn-row .btn-default.color-blue.active,
    .image-section .btn-row .btn-default.color-blue:focus,
    .image-section .btn-row .btn-default.color-blue.focus,
    .image-section .btn-row .btn-default.color-blue:active:hover,
    .image-section .btn-row .btn-default.color-blue.active:hover,
    .image-section .btn-row .btn-default.color-blue:active:focus,
    .image-section .btn-row .btn-default.color-blue.active:focus,
    .image-section .btn-row .btn-default.color-blue:active.focus,
    .image-section .btn-row .btn-default.color-blue.active.focus,
    .image-section .btn-row .btn-default.color-blue:hover {
        background: #009ed3;
        color: #fff;
    }

.testimonials-section.color-blue .testimonial q b {
    color: #009ed3;
}

.testimonials-section.color-blue .slick-dots button:hover, .testimonials-section.color-blue .slick-dots .slick-active button {
    background: #009ed3;
    border-color: #009ed3;
}

.btn-primary.color-blue:active,
.btn-primary.color-blue.active,
.open > .dropdown-toggle.btn-primary.color-blue,
.btn-primary.color-blue:focus,
.btn-primary.color-blue.focus,
.btn-primary.color-blue:active:hover,
.btn-primary.color-blue.active:hover,
.open > .dropdown-toggle.btn-primary.color-blue:hover,
.btn-primary.color-blue:active:focus,
.btn-primary.color-blue.active:focus,
.open > .dropdown-toggle.btn-primary.color-blue:focus,
.btn-primary.color-blue:active.focus,
.btn-primary.color-blue.active.focus,
.open > .dropdown-toggle.btn-primary.color-blue.focus,
.btn-primary.color-blue:hover {
    border-color: #009ed3;
    background: #fff;
    color: #009ed3;
}

.btn-primary.color-blue {
    background: #009ed3;
    border-color: #009ed3;
}

/*Orange*/

.color-orange .plans-heading h1 {
    color: #f47a20;
}

.tabset.color-orange .nav-pills > li.active > a, .tabset.color-orange .nav-pills > li.active > a:hover, .tabset.color-orange .nav-pills > li.active > a:focus {
    background-color: #f47a20;
    color: #fff;
}

.tabset.color-orange .nav-pills > li > a {
    border-color: #f47a20;
    color: #f47a20;
}

    .tabset.color-orange .nav-pills > li > a:hover {
        background-color: rgba(244,122,32, 0.1);
    }

.color-orange .features-section {
    background: #f47a20;
    color: #f4eeec;
}

.color-orange .plans-area h2 {
    color: #f47a20;
}

.why-info.color-orange .bulled-list li::before {
    background: #f47a20;
}

.why-info.color-orange .why-head:before {
    background: #f47a20;
}

.color-orange .btn-default.color-orange {
    color: #f47a20;
    border-color: #f47a20;
}

.image-section .btn-row .btn-default.color-orange {
    background: none;
}

    .image-section .btn-row .btn-default.color-orange:active,
    .image-section .btn-row .btn-default.color-orange.active,
    .image-section .btn-row .btn-default.color-orange:focus,
    .image-section .btn-row .btn-default.color-orange.focus,
    .image-section .btn-row .btn-default.color-orange:active:hover,
    .image-section .btn-row .btn-default.color-orange.active:hover,
    .image-section .btn-row .btn-default.color-orange:active:focus,
    .image-section .btn-row .btn-default.color-orange.active:focus,
    .image-section .btn-row .btn-default.color-orange:active.focus,
    .image-section .btn-row .btn-default.color-orange.active.focus,
    .image-section .btn-row .btn-default.color-orange:hover {
        background: #f47a20;
        color: #fff;
    }

.testimonials-section.color-orange .testimonial q b {
    color: #f47a20;
}

.testimonials-section.color-orange .slick-dots button:hover, .testimonials-section.color-orange .slick-dots .slick-active button {
    background: #f47a20;
    border-color: #f47a20;
}

.btn-primary.color-orange:active,
.btn-primary.color-orange.active,
.open > .dropdown-toggle.btn-primary.color-orange,
.btn-primary.color-orange:focus,
.btn-primary.color-orange.focus,
.btn-primary.color-orange:active:hover,
.btn-primary.color-orange.active:hover,
.open > .dropdown-toggle.btn-primary.color-orange:hover,
.btn-primary.color-orange:active:focus,
.btn-primary.color-orange.active:focus,
.open > .dropdown-toggle.btn-primary.color-orange:focus,
.btn-primary.color-orange:active.focus,
.btn-primary.color-orange.active.focus,
.open > .dropdown-toggle.btn-primary.color-orange.focus,
.btn-primary.color-orange:hover {
    border-color: #f47a20;
    background: #fff;
    color: #f47a20;
}

.btn-primary.color-orange {
    background: #f47a20;
    border-color: #f47a20;
}

.why-section.visible-element .btn-section.animated {
    z-index: 99;
}

.why-section .col-sm-6.col-md-3 {
    z-index: 100;
}

.btn-schedule {
    box-shadow: 3px 5.196px 18px 0px rgba(0, 0, 0, 0.25);
}

#main-nav > ul > li > a:before {
    opacity: 1;
    background: transparent;
}

#main-nav > ul > li:hover > a:before, #main-nav > ul > li.active > a:before {
    opacity: 1;
    background: #d31145;
}

#main-nav .dropdown-menu {
    will-change: opacity;
}

.signup-form .formContainer.news-letter.hs-form {
    display: block;
}

.signup-form .hs-form fieldset.form-columns-2 .input {
    margin-right: 32px !important;
    padding-right: 10px;
    width: 100%;
}


.signup-form .hs-error-msgs.inputs-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .signup-form .hs-error-msgs.inputs-list label {
        color: #d1202f;
        font-size: 12px;
        padding-top: 5px;
    }

.signup-form .hs-form fieldset.form-columns-1 .input {
    width: 100%;
}

.signup-form .hs-form fieldset.form-columns-1 .hs-input {
    width: 100% !important;
    margin-right: 25px;
}

.signup-form .hbspt-form label {
    display: none;
}

.signup-form .hbspt-form .hs-error-msgs.inputs-list label {
    display: block;
}

.request-box .hs_submit {
    width: 100%;
    height: 100%;
}

.request-box .hs-form fieldset.form-columns-2 .hs-form-field {
    width: 100%;
}

.request-box li {
    list-style: none;
}

.request-box .inputs-list {
    padding-left: 0;
}

.request-box .hs-error-msgs.inputs-list label {
    color: #fff;
    font-weight: 600;
}

.request-box .select-hs-input + .hs-input {
    display: none;
}

.request-box .submitted-message {
    font-size: 17px;
    text-align: center;
    font-weight: bold;
    color: #D41F30;
}

.hs-form fieldset.form-columns-1 .hs-input:not(.hs-input[type="checkbox"]) {
    width: 100% !important;
}

/*.mobile-section {
    margin-top: 83px;
}*/



.plans-text {
    display: block;
    margin: 0 auto 31px;
}

.description-benefit {
    color: #35393d;
    padding-bottom: 50px;
}

.title-section.benefit-title h1 {
    margin: 0 0 20px;
}

.benefits-details .links a {
    color: #009ed3;
}

.benefits-details .contacts-list a {
    color: #009ed3;
}

/*.benefits-details.color-blue .links a {
    color: #009ed3;
}

.benefits-details.color-blue .contacts-list a {
    color: #009ed3;
}

.benefits-details.color-green .links a {
    color: #7faf26;
}

.benefits-details.color-green .contacts-list a {
    color: #7faf26;
}

.benefits-details.color-purple .links a {
    color: #af3d8e;
}

.benefits-details.color-purple .contacts-list a {
    color: #af3d8e;
}*/

/*.color-green .link-back:hover {
    color: #7faf26;
}

.color-purple .link-back:hover {
    color: #af3d8e;
}

.color-blue .link-back:hover {
    color: #009ed3;
}*/

.company-list .more-info {
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .company-list .more-info:after {
        content: '>';
        -webkit-transition: all .3s;
        transition: all .3s;
        padding: 0 0 0 10px;
    }

    .company-list .more-info:hover:after {
        padding: 0 0 0 15px;
    }

    .company-list .more-info:hover {
        padding: 10px 20px 10px 25px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

.company-list a {
    text-decoration: none;
}

.company-list .more-info {
    text-decoration: none;
    width: 100%;
    border-color: #f8f9fa;
    background: #f8f9fa;
    font: 700 15px/19px 'Montserrat',sans-serif;
    padding: 10px 20px;
    text-transform: uppercase;
    border-radius: 0;
}

.try-section iframe {
    width: 98%;
    height: 970px;
}

.devices-section .watch-block {
    z-index: 27;
}

.benefits-details .discount-link {
    padding: 10px 13px;
    float: left;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    background: #009ed3;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .benefits-details .discount-link:hover {
        color: #FFF;
    }

.benefits-details .discount-block {
    display: inline-block;
    padding: 0 0 17px;
}

.contact-form .g-recaptcha {
    margin-top: 34px;
}

.schedule-box .hs-input {
    margin-right: 5px;
}

.contact-form .field-validation-error {
    top: 30px;
    font-size: 12px;
    font-weight: 700;
    background: #fff;
    padding: 0px 10px;
}

.questions-section .question {
    cursor: pointer;
    margin-right: 10px;
}

    

.color-purple .questions-section .question:before {
    background-color: #af3d8e;
}

.color-green .questions-section .question:before {
    background-color: #7faf26;
}

.color-grey .questions-section .question:before {
    background-color: #a0a0a0;
}

.color-blue .questions-section .question:before {
    background-color: #009ed3;
}

.color-orange .questions-section .question:before {
    background-color: #f47a20;
}

.solutions-all .col-md-5 .plans-list li {
    width: 50%;
    padding: 0 10px;
}

.solutions-all .col-md-7 .plans-list li {
    width: 33%;
    padding: 0 10px;
}

.solutions-all .tab-nav.tab-categoty {
    background: none;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.solutions-all .plans-block .col-md-5 {
    padding-right: 30px;
}

.solutions-all .plans-block .col-md-7 {
    padding-left: 30px;
}

.solutions-all .price {
    font: 38px/38px 'Montserrat',sans-serif;
}

.solutions-all .plan-box {
    padding: 7px 15px 20px;
}

    .solutions-all .plan-box .btn-primary {
        font-size: 14px;
        padding: 13px 5px;
    }

.title-section.type4.solution-title .container {
    padding-bottom: 0;
    padding-top: 0;
    max-width: 730px;
}

.tab-nav.tab-categoty ul li a {
    color: #d31145;
}

.tab-nav.tab-categoty {
    border-bottom: 1px solid #d31145;
}

.form-sign-up label {
    display: none;
}

.form-sign-up .hs-error-msgs label {
    display: block;
}

.banner-line {
    margin: 0px;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    width: 100%;
    position: inherit;
    z-index: 101;
}

.banner-block {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    margin-top: 0;
    background-color: #f8f9fa;
    background-size: cover;
}

    .banner-block h3 {
        font-size: 24px;
        line-height: 38px;
        font-weight: 600;
        margin:0;
    }
    .banner-block p {
        font-size: 17px;
        line-height: 25px;
    }

    .banner-block .banner-align {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

.banner-line .btn-primary {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
}

/*new design styles*/
.solution-second .plans-block .col-md-5,
.solution-second .plans-block .col-md-7 {
    padding: 0 10px;
    margin-bottom: 60px;
}



.solution-second .tab-nav .nav {
    font-family: "Montserrat",'Montserrat', sans-serif;
}

.solution-second .tab-nav.tab-categoty {
    border: 1px solid #d0d2d3;
    margin-bottom: 0;
    background: #fff;
}

.solution-second .plan-box.color-purple,
.solution-second .plan-box.color-green,
.solution-second .plan-box.color-grey,
.solution-second .plan-box.color-blue,
.solution-second .plan-box.color-orange {
    border-top: none;
}

.solution-second .plan-box {
    box-shadow: none;
}

.solution-second .tab-nav .nav > li > a {
    padding: 10px 0;
    font-size: 16px;
    letter-spacing: 3px;
}

.solution-second .plans-list {
    margin: 0;
    border: 1px solid #d1d3d4;
    border-top: none;
    background: #fff;
}

    .solution-second .plans-list li {
        padding: 0;
        border-right: 1px solid #d0d2d3;
    }

        .solution-second .plans-list li:last-child {
            border-right: none;
        }

.solution-second .tab-nav.tab-categoty ul li a {
    color: #35393D;
}

.solution-second .plan-box .plan-heading h2 {
    font-size: 34px;
}

.solution-second .plan-box .plan-heading {
    padding: 20px 0;
    height: 144px;
}

.solution-second .plan-box .block {
    border-bottom: none;
    padding: 0;
    margin: 0 0 5px;
}

.solution-second .plan-box .price {
    margin: 0;
    font: 50px 'Montserrat';
}

.solution-second .price sub {
    font: 25px 'Montserrat';
    line-height: 50px;
}

.solution-second .cost-block {
    margin: 10px 0 15px;
    box-shadow: none;
    color: #999999;
    font-family: "'Montserrat'";
    font-size: 13px;
    margin: 10px 0 30px;
}

.solution2 .button-save img {
    margin-right: 3px;
}

.solution-second .plan-box .block p {
    margin-bottom: 0;
}

.solution-second .btn-info {
    background: transparent;
    border-color: transparent;
    padding: 0;
    text-decoration: underline;
    color: #D31145;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 30px;
}

    .solution-second .btn-info:hover,
    .solution-second .btn-info:focus,
    .solution-second .btn-info:active {
        background: transparent;
        border-color: transparent;
        color: initial;
        text-decoration: none;
        box-shadow: none;
        color: #d31145;
    }

    .solution-second .btn-info::after {
        display: none;
    }

.solution-second .plans-text {
    margin: 0 0 0;
    height: auto !important;
}

/*.solution-second .plans-text.month {
        margin: 70px 0px 0px 0px;
    }*/

.solution-second .plan-box .block p {
    color: #252525;
    font-family: "'Montserrat'";
    font-size: 13px;
    font-weight: 400;
    /*height: 94px !important;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.solution-second .price sub {
    padding: 0;
}
/*.solution-second .plan-box .block .month p {
        height: 94px !important;
    }*/
.solutions-all.solution-second .plan-box {
    padding: 7px 6px 21px;
}

.solution-second .plan-box .btn-primary {
    padding: 7px 5px;
    box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.19);
    padding: 7px 36px;
}

.solution-second .cards-list h2,
.solution3 .cards-list p {
    font-size: 14px;
    color: #32363a;
    margin: 0 0 15px;
}

.solution3 .cards-list {
    text-align: center;
    padding-top: 82px;
}

.solution-second .cards-item,
.solution3 .cards-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    border: 1px solid #E1E1E1;
    border-radius: 3px;
}

.solution2 .questions-section .delay-02,
.solution3 .questions-section .delay-02 {
    max-width: 780px;
    margin: 0 auto;
    padding: 20px 10px 20px;
    border-bottom: 1px solid #d0d2d3;
    max-width:814px;
}

.solution2 .delay-02 .question,
.solution3 .delay-02 .question {
    position: relative;
    padding-right: 20px;
}

    .solution2 .delay-02 .question:after,
    .solution3 .delay-02 .question:after {
        content: '';
        position: absolute;
        right: -10px;
        top: 0;
        display: block;
        background: url(../svg/next.svg);
        width: 20px;
        height: 20px;
    }

    .solution2 .delay-02 .question.open:after,
    .solution3 .delay-02 .question.open:after {
        transform: rotate(180deg);
        background: url(../svg/next-open.svg);
        background-repeat: no-repeat;
    }

.solution-second .links-block {
    display: none;
}

.solution-second .plan-box .price main {
    padding: 0;
}



.button-save {
    margin: 0 0 25px;
}

.solution-second .button-save {
    margin: 0 0 15px;
}

.button-save .btn-save {
    background: transparent;
    padding: 3px 7px;
    min-width: 90px;
    border: 1px solid #A1A1A1;
    text-transform: none;
    color: #57585B;
    font-family: "'Montserrat'";
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    cursor: default;
}

    .button-save .btn-save:focus, .button-save .btn-save:active:focus, .button-save .btn-save:active, .button-save .btn-save.active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.solution-second .cost-button::before {
    content: "";
    background-image: url(../png/get-free.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    height: 65px;
    width: 82px;
    margin-left: -90px;
    margin-top: -30px;
}

.second-solutions .cost-block {
    color: #fff;    
    font-size: 13px;
    margin: 0 0 10px;
}

.second-solutions.choose-plan .btn-save {
    padding: 3px 7px;
}

.second-solutions .plans-section p {
    color: #252525;    
    font-weight: 400;
}



.tabset .nav {
    position: relative;
}

.second-solutions .cost-button:before {
    content: "";
    background-image: url(../png/get-free.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    height: 65px;
    width: 82px;
    margin-left: -90px;
    margin-top: -30px;
}

.solution2 .plans-heading p {
    margin: 0 auto 0;
}

.solution2 .choose-plan {
    padding: 30px 0 0;
}

    .solution2 .choose-plan .tabset {
        margin-bottom: 48px;
    }

    .solution2 .choose-plan .tab-content {
        padding: 0;
    }

.solution2 .button-save {
    margin: 0 0 20px;
}

.solution2 .questions-section .question:before {
    content: none;
}


/*media*/

.form-sign-up .legal-consent-container label {
    display: inline-flex;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
}

.form-sign-up .legal-consent-container .hs-form-booleancheckbox {
    list-style: none;
    line-height: 0;
}

.form-sign-up .legal-consent-container ul {
    padding: 0;
    margin: 0;
}
   .form-sign-up .legal-consent-container .hs-richtext p {
        margin: 0;
    }

.signup-form .legal-consent-container .hs-input {
    margin-right: 10px;
}

.form-sign-up fieldset {
    display: inline-block;
}

.form-columns-1 .hs-form-field {
    float: left;
    width: 100%;
}

.signup-form .legal-consent-container label span {
    padding-top: 8px;
}

.signup-form .legal-consent-container .field.hs-form-field {
    margin-bottom: 0;
}

.request-demo-form .legal-consent-container .hs-richtext {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
}

.plans-section.plans-registration-section .container {
    max-width: 100%;
}

.homepage2 #main-nav {
    padding: 14px 0 0;
}

.homepage2 #header .logo {
    margin-top:7px;
}

.homepage2 .title-section.home-page-rework {
    margin-top: 0;
    background: url(../png/bg-index-new.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.homepage2 #header {
    /*background-image: linear-gradient(rgb(0, 46, 96, 1), #fff0);*/
    background-color: transparent;
}

    .homepage2 #header.scrolled {
        background-color: rgb(255, 255, 255);
        background-image: none;
    }

.homepage2.open-menu #header {
    background-color: rgb(255, 255, 255);
    background-image: none;
}

.homepage2 #main-nav > ul > li > a:before {
    background: none;
}

.homepage2 #main-nav > ul > li:hover > a:before, #main-nav > ul > li.active > a:before {
    background: #d31145;
}

.homepage2 header .btn-link {
    background: #ffffff;
    border-color: #fff;
   
}

.homepage2 header.scrolled .btn-link {
    border-color: #d31145;
}

.homepage2 .title-section .btns .btn-default {
    border-color: rgb(0, 158, 211);
    background-color: rgb(0, 158, 211);
    box-shadow: none;
    color: #ffffff;
}

.homepage2 #header .logo {
    background-image: url(../svg/rapnet-white.svg);
    background-size: auto;
}

.homepage2 #header.scrolled .logo {
    background-image: url(../svg/rapnet-red.svg);
    background-size: auto;
}

.homepage2.open-menu #header .logo {
    background-image: url(../svg/rapnet-red.svg);
    background-size: auto;
}

.homepage2 .title-section .btns .btn-default:hover {
    text-decoration: none;
    border-color: rgb(0, 140, 187);
    background-color: rgb(0, 140, 187);
    box-shadow: 3px 5.196px 18px 0px rgba(0, 0, 0, 0.25);
}

.homepage2 #main-nav li:hover > .dropdown-menu {
    overflow: hidden;
}

.homepage2 .video-block {
    position: relative;
    margin-bottom: -7px;
}

.homepage2 .home-page-rework.device-video video {
    width: 100% !important;
    max-width: 100%;
    top: 0 !important;
    left: 0 !important;
    transform: translate(0, 0) !important;
    bottom: 0;
    position: static !important;
    height: 100%;
}

.homepage2 .video-block:before, .homepage2 .mobile-image-block:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 46, 96, 0.78);
    left: 0;
    z-index: -1;
    height: 100%;
    bottom: 0;
    z-index: 9;
}

.homepage2 #main-nav > ul > li > a {
    color: #fff;
}

.homepage2 .scrolled #main-nav > ul > li > a {
    color: #000;
}

.homepage2 .schedule-box > a {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.homepage2 .schedule-box.active > a {
    visibility: visible;
    opacity: 1;
}

.homepage2 #header .btn-link:hover {
    background-color: rgb(235, 235, 235);
    border-color: rgb(235, 235, 235);
    color: #d31145;
}

.homepage2 #header.scrolled .btn-link:hover {
    border-radius: 3px;
    background-color: rgb(179, 15, 59);
    box-shadow: 3px 5.196px 18px 0px rgba(0, 0, 0, 0.25);
    border-color: rgb(179, 15, 59);
    color: #fff;
}

.homepage2 .title-section .btns {
    padding: 0 0 44px;
}

.homepage2 .scroll-down {
    position: absolute;
    top: 85vh;
    line-height: 14px;
    left: 50%;
    display: block;
    opacity: 1;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-size: 10px;
    letter-spacing: 2px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 350ms ease-in-out !important;
    -moz-transition: all 350ms ease-in-out !important;
    transition: all 350ms ease-in-out !important;
    cursor: pointer;
    z-index: 101;
    text-decoration: none;
}

    .homepage2 .scroll-down:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        margin: 5px auto 0;
        border-left: 2px solid #ffffff;
        border-top: 2px solid #ffffff;
        transform: rotate(-135deg);
    }

.request-box .request-demo-form .mktoForm input,
.request-box .request-demo-form .mktoForm select {
    height: 36px !important;
    font: 400 15px 'Montserrat',sans-serif;
    border: 0;
    background: #fff;
    color: #000000;
    padding: 2px 14px;
    margin: 0 0 10px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.request-box .request-demo-form .mktoForm label.mktoLabel {
    display: none;
}

.request-box .request-demo-form .mktoButtonRow {
    width: 100%;
    margin-left: 10px;
    padding-right: 10px;
}

.request-box .valign {
    padding: 50px 25px;
}

.request-box .select-area.select-mktoField {
    display: none;
}

.visible-mobile-tablet {
}

.hidden-mobile-tablet {
    display: block !important
}

.text-white {
    color: white !important;
}

.padding-top-unset {
    padding-top: unset !important;
}

.homepage2 .title-section .btns ul li a {
    font-weight: 100 !important;
}

#trigger-video #js-modal-btn:hover {
    color: yellow !important;
}

.image image-laptop laptopSide {
    margin-top: -109px;
}

.signup-form .formContainer.news-letter.hs-form .form-columns-3 {
    max-width: none !important;
}

.solution-area-new-button {
    color: #fff;
    max-height: 40px;
    border: 2px solid #fff;
    padding: 10px 20px;
    border-radius: 4px;
    display:inline-block;
    font-size: 15px;
    line-height: 19px;
    font-weight: normal;
    letter-spacing: -0.15px;

}

    .solution-area-new-button:hover {
        background-color: #fff;
        color: #D21046 !important;
    }


    .solution-area-new-button:hover {
        text-decoration: none;
        color: #fff;
    }

.solution-area-new-card-body-subtitle {
    margin-bottom: 20px;
    
}

    .solution-area-new-card-body-subtitle p {
        font-size: 15px;
        line-height: 21px;
        font-weight: normal;
        letter-spacing: -0.15px;
        padding-bottom:20px;
    }

.solution-area-new-card-body-title {
    flex-grow:1;
    margin-bottom: 20px;
}

.nav.nav-pills.cost-button #month-price {
    border-color: #D21046 !important;
}

.centered-absolute {
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.p-relative {
    position: relative;
}

#main-nav .buttom-links {
    display: none;    
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 20px;
}



    #main-nav .buttom-links .btn {
        min-width: 110px;        
        height: 44px;
        line-height: 17px;
        padding-top: 11.5px;
        padding-bottom: 16.5px;
        font-size: 17px;
    }

    #main-nav .buttom-links .btn-trial {
        background-color: rgb(0, 158, 211);
        box-shadow: none;
        color: #ffffff;
        border: 1px solid #009ED3;
        border-radius: 2px;
    }

        #main-nav .buttom-links .btn-trial:hover {
            border-radius: 3px;
            background-color: #00ADE6;
            box-shadow: 3px 5.196px 18px 0px rgba(0, 0, 0, 0.25);
            border-color: #00ADE6;
        }

    #main-nav .buttom-links .btn-call {
        background: #d31145;
        color: #fff;
        border: 1px solid #d31145;
        border-radius: 2px;
    }

        #main-nav .buttom-links .btn-call:hover {
            border-radius: 3px;
            background-color: rgb(179, 15, 59);
            box-shadow: 3px 5.196px 18px 0px rgba(0, 0, 0, 0.25);
            border-color: rgb(179, 15, 59);
        }




.call-icon {
    background-image: url(../svg/ico-call-black.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    width: 18px;
    margin: 0 2px -5px -14px;
    background-position-y: 2px;
}





.btns-liner-gradient {
    background: rgb(255,255,255);
    background: linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8211659663865546) 34%, rgba(255,255,255,0) 100%);
}

.btns-menu-side {
    display: inline-block;
    padding-left: 0px;
    padding-top: 6px;
}

.gradient-wrapper {
    height: 100%;
    background: linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8211659663865546) 3%, rgba(255,255,255,0) 25%);
}



.plans-area .btn-row {
    height: auto;
    display: inline-block;
    /*margin-top: 100px;*/
}

.hs-form label {
    margin-bottom: 0;
}



.header-new.type-mobileApps {
    background-image: url(../png/header_app%402x.png);
}

.btn-plans {
    height: 40px;
    width: 150px;
    line-height: 20px;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
    margin-bottom: 23px;
    min-width: unset;
    max-width: 100%;
    padding-top: 8px;
}

.CallToAction.plans {
    background-image: url(../png/bg_gray.png);
    padding-top: 52px;
    padding-bottom: 52px;
    position: relative;
}

    .CallToAction.plans h3 {
        font: 600 36px/40px 'Montserrat', sans-serif;
        margin-bottom: 16px;
        letter-spacing: -0.72px;
    }

    .CallToAction.plans .plans-text {
        font-size: 15px;
        line-height: 21px;
        font-weight:500;
        margin-bottom: 28px;
    }

    .CallToAction.plans img.ring {
        position: absolute;
        top: -70px;
        left: 160px;
    }

    .CallToAction.plans img.diamonds {
        position: absolute;
        top: -85px;
        right: 136px;
    }


/*swap images on mobile why rapnet*/

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

.why-rapnet-header-text ul li {
    list-style-position: outside;
    font-size: 15px;
    line-height: 28px;
    font-weight: 500;
}

.homepage2 .mobile-image-block {
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat;
    right: 0;
    left: 0;
    background-size: cover;
    z-index: -1;
    background-position-x: center;
    background-position-y: bottom;
}

.app-area-img {
    max-height: 655px;
    max-width: 100%;
}



.video .testemonial-wrapper .top{
    height:auto;
}



.testemonial-wrapper .top .testimonial-memberName {
    font-weight: bold;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 10px;
}

.testemonial-wrapper .testimonial-recommendation {
    margin-top: 19px;
    font-size: 15px;
    overflow: hidden;
    max-height: 95px;
}

        .testemonial-wrapper .testimonial-recommendation h4 {
            font-size: 17px;
            line-height: 22px;
            margin-bottom: 10px;
        }

        .testemonial-wrapper .testimonial-recommendation p {
            font-size: 15px;
            line-height: 25px;
            color: #CBCFD5;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical
        }

.testimonials-section h2 {
    margin-bottom: 40px;
    font: 600 30px/40px Montserrat;
    letter-spacing: -0.6px;
}

.mb-2 {
    margin-bottom: 20px !important;
}



.slick-arrows .next {
    position: absolute;
    right: -82px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../svg/arrow-right.svg);
    background-size: contain;
    height: 60px;
    width: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: right;
    list-style-type: none;
}

.slick-arrows .prev {
    display: list-item;
    position: absolute;
    left: -82px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../svg/arrow-left.svg);
    background-size: contain;
    height: 60px;
    width: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    list-style: none;
    background-position: left;
}

.slick-arrows {
    position: relative;
    bottom: 176px;
    width: 100%;
}

@media(max-width:768px) {
    .slick-arrows .prev, .next {
        display: none !important;
    }
    .banner-close-container {
        top: 6px;
    } 
}

.modal {
    z-index: 1000000 !important;
}

.learn-more.primary {
    margin-top: 20px;
}

.primary.box-plan {
    margin-top: 30px;
}

    .primary.box-plan .btn-primary.btn-plans {
        margin-bottom: 0px;
    }

.title-section.home-page-rework ul.btns.hidden-xs li a {
    padding-top: 13px;
}

.header-buttons a.btn {
    padding-top: 13px;
    margin-right: 5px;
}
.header-buttons a.btn-primary{margin-right:0;}

.buttons-header-new .btn-default {
    padding-top: 13px;
    font-size: 17px;
}

input, input:before, input:after {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

.title-section .header-content {
    max-width: 70%;
    margin: auto;
    text-align: left;
}

    .title-section .header-content h1 {
        text-align: left;    
        letter-spacing: -0.4px;
        color: #D21046;
        opacity: 1;
        margin-bottom: 10px;
    }

    .title-section .header-content .app-links {
        margin-left: 15px;
    }

    .title-section .header-content .app-button {
        display: inline-block;
        float: left;
    }



.title-section[data-id="5578"] {
    background-position-y: top;
    background-position-x: center;
    background-size: cover;
    height: 575px;
}

.btn.dark-blue {
    border-radius: 4px;
    border-style: solid;
    border-color: #00386D;
    background-color: #00386D;
    color: #ffffff;
}

.btn.dark-blue-border {
    border: 2px;
    border-radius: 4px;
    border-style: solid;
    border-color: #00386D;
    color: #00386D;
}

.btn.light-blue-border {
    border: 2px;
    border-radius: 4px;
    border-style: solid;
    border-color: #009ED3;
    color: #009ED3;
}



.banner-button .btn {
    padding: 8px 29px 8px 28px !important;
    font: 400 14px/21px 'Montserrat', sans-serif;
}

.banner-button .btn-link:hover {
    background-color: rgb(235, 235, 235);
    border-color: rgb(235, 235, 235);
}
.banner-button .btn-link {
    background: #ffffff;
    border-color: #fff;
    color: #d31145;
}

    .banner-button .btn-link.blue {
        color: #009ED3;
    }


@media (max-width: 576px) {

   
    .app-links {
        max-width: 95%;
        margin: auto !important;
    }

        .app-links .app-button:last-child {
            float: right;
        }

    .header-content {
        max-width: 100% !important;
        background-color: #fff;
    }

    .app-button img {
        min-width: 47vw;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .title-section .header-content {
        max-width: unset !important;
    }

    .title-section[data-id="5578"] .header-content .row {
        margin-top: 96px;
        max-width: 70%;
    }
}

@media (min-width: 992px) {
    .title-section .header-content .row {
        margin-top: 96px;
        max-width: 70%;
    }
}

@media (min-width: 1200px) {
    .title-section .header-content .row {
        max-width: 482px;
    }

    .why-rapnet-page .title-section.typeVideo {
        padding-top: 0;
        height: 660px;
    }

    .why-rapnet-page .title-section.typeVideo .container {
        padding-top: 160px;
    }

    .why-rapnet-page .video-box-whyRapNet .laptop-frame {
        height: 398px;
    }

    .why-rapnet-page .video-box-whyRapNet .dimonds {
        bottom: 0;
    }
}

.mobile-background {
    width: 100%;
}

.title-section.typeVideo {
    padding-top: 85px;
}

.list-container {
    display: flex;
    flex-wrap: wrap;
}

    .list-container .list-item {
        display: flex;
    }

.appstore-btns a {
    display: inline-block;
}