@charset "UTF-8";

@font-face {
    font-family: Roboto;
    src: url(../../fonts/Roboto-Regular.eot);
    src: url(../../fonts/Roboto-Regular.woff) format('woff'),url(../../fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'),url(../../fonts/Roboto-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(../../fonts/Roboto-Italic.eot);
    src: url(../../fonts/Roboto-Italic.eot?#iefix) format('embedded-opentype'),url(../../fonts/Roboto-Italic.woff2) format('woff2'),url(../../fonts/Roboto-Italic.woff) format('woff'),url(../../fonts/Roboto-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(../../fonts/Roboto-Bold.eot);
    src: url(../../fonts/Roboto-Bold.ttf) format('truetype'),url(../../fonts/Roboto-Bold.eot?#iefix) format('embedded-opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Segoe UI";
    font-style: normal;
    font-weight: 400;
    src: local('SegoeUI'),url(fonts/segoeui.ttf) format('tff');
    font-display: swap
}

body {
    font-family: Roboto;
    margin: 0;
    padding: 0
}

body {
    margin: 0;
    font-family: Roboto;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

.navbar {
    border-radius: 0;
    padding: 15px 30px
}

.btn:hover:before, button.btn:hover:before {
    content: '';
    position: absolute;
    border-radius: 100%;
    z-index: 111111;
    -webkit-animation: ripples .8s ease-in-out;
    animation: ripples .8s ease-in-out
}

.b-none {
    border: none !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important
}

button.btn > .material-icons {
    color: #b2b2b2
}

@-webkit-keyframes ripples {
    0% {
        border: 1px solid transparent
    }

    100% {
        border: 20px solid #dfdfdf;
        opacity: 0
    }
}

@keyframes ripples {
    0% {
        border: 1px solid transparent
    }

    100% {
        border: 20px solid #dfdfdf;
        opacity: 0
    }
}

@-webkit-keyframes ripples2 {
    100% {
        border: 20px solid #0065ba;
        opacity: 0
    }
}

@keyframes ripples2 {
    100% {
        border: 20px solid #0065ba;
        opacity: 0
    }
}

.btn, button.btn {
    position: relative;
    font-size: 15px
}

button.blue-btn.bg-white:hover:before {
    -webkit-animation: ripples2 1.3s ease-in-out;
    animation: ripples2 1.3s ease-in-out
}

.btn:hover:before, button.btn:hover:before {
    content: '';
    width: 100%;
    top: 0;
    height: 100%;
    border-radius: 50px;
    position: absolute;
    -webkit-animation: ripples .8s ease-in-out;
    animation: ripples .8s ease-in-out;
    left: 0
}

.skip-to-content-link {
    left: 50%;
    position: absolute;
    transform: translateY(-100%)
}

.skip-to-content-link {
    background: #0065ba;
    color: #fff;
    height: 30px;
    left: 50%;
    padding: 8px;
    position: absolute;
    transform: translateY(-100%);
    transition: transform .3s
}

    .skip-to-content-link:focus {
        transform: translateY(0);
        z-index: 11111111;
        background: #0065ba;
        color: #fff
    }

.visibility-hidden {
    position: absolute;
    height: 0 !important;
    width: 0 !important;
    float: none;
    opacity: 0;
    z-index: -111111111111;
    visibility: hidden
}

.header_area.signinpage, .header_area.signup {
    position: relative !important;
    -webkit-box-shadow: 0 4px 6px 0 rgba(12,0,46,.06);
    box-shadow: 0 4px 6px 0 rgba(12,0,46,.06)
}

.signin-form .button-group .btn-round {
    padding: 13px
}

.multi-column-dropdown li a, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: #262d33;
    font-weight: 400
}

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-right li.nav-item > a:hover {
        color: #0065ba
    }

a.btn.btn-blue:hover {
    color: #fff !important
}

li.nav-item {
    padding: 0 15px;
    position: relative
}

ul.navbar-nav {
    font-weight: 700
}

.nav-item > ul.dropdown-menu:after {
    position: absolute;
    top: -11px;
    left: 49px;
    display: inline-block;
    border-right: 10px solid #fff;
    border-bottom: 11px solid rgba(54,57,60,.11);
    border-left: 10px solid #fff;
    content: '';
    z-index: -1
}

.nav-item > ul.dropdown-menu.show:before {
    position: absolute;
    top: -9px;
    left: 50px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    content: ''
}

.dropdown-menu {
    min-width: 200px;
    border: none;
    box-shadow: 0 0 7px rgba(0,0,0,.15)
}

.navbar-expand-lg .navbar-nav .dropdown-menu .col-sm-4, ul.dropdown-menu.multi-column.columns-4.show {
    padding: 0 15px
}

.dropdown-menu.columns-1 {
    min-width: 200px
}

.dropdown-menu.columns-2 {
    min-width: 400px
}

.dropdown-menu.columns-3 {
    min-width: 600px
}

.dropdown-menu.columns-4 {
    min-width: 950px
}

.bannerTxtWrapper {
    position: relative;
    margin-left: calc(50% - 225px);
    margin-top: 40px
}

.blue-btn {
    background: #0065ba;
    border-radius: 50px;
    color: #fff;
    padding: 15px
}

ul.dropdown-menu.multi-column.columns-1.show {
    padding: 15px 20px !important
}

.multi-column-dropdown, ul.row {
    list-style: none;
    margin: 0;
    padding: 0
}

    .multi-column-dropdown li a {
        display: block;
        clear: both;
        white-space: normal
    }

        .multi-column-dropdown li a:hover {
            text-decoration: none
        }

.navbar-expand-lg .navbar-nav .dropdown-menu a span {
    display: block;
    width: 100%
}

span.subheading-title {
    font-size: 16px;
    font-weight: 500;
    color: #002e54
}

span.subheading-desc {
    font-size: 13px;
    color: #45515b
}

.dd-item {
    padding: 15px !important
}

    .dd-item.dd-right a:hover {
        color: #000
    }

    .dd-item.dd-right {
        padding: 5px !important
    }

        .dd-item.dd-right a {
            font-weight: 500;
            font-size: 16px;
            font-weight: 500
        }

ul.dropdown-menu.multi-column.columns-1.show, ul.dropdown-menu.multi-column.columns-3.show, ul.dropdown-menu.multi-column.columns-4.show {
    padding: 30px 20px !important
}

.multi-column-dropdown li a {
    padding: 5px 0
}

.whychoose-section i.fa-chevron-right:before {
    content: url(../images/arrow.png)
}

li.nav-item > a {
    color: #000;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    font-weight: 500 !important
}

.navbar-right li.nav-item > a {
    font-weight: 400;
    padding: 16px 0
}

ul.nav.navbar-nav.navbar-right li a {
    font-size: 14px
}

.dropdown-toggle::after {
    display: none
}

nav a.btn.btn-blue {
    position: relative;
    display: inline;
    background: #0065ba;
    color: #fff;
    border-radius: 50px;
    padding: 15px !important;
    border: 0;
    font-weight: 400 !important
}

.dropdown-menu .dropdown-toggle::after {
    display: inherit
}

.dropdown-menu .dropdown-toggle::after {
    float: right;
    top: 10px;
    position: relative;
    right: -20px
}

.features_page p.features-title {
    font-size: 30px
}

.left-nav .sign-out {
    width: 100%
}

li.nav-item .fa {
    margin-left: 5px;
    position: relative;
    display: inline-block
}

a.btn.btn-blue {
    position: relative;
    display: inline;
    background: #0065ba;
    color: #fff;
    border-radius: 50px;
    padding: 15px !important;
    border: 0;
    display: inline-block
}

#magic-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 4px;
    background: #fe4902
}

.plans .more-link a {
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: underline;
    text-underline-position: under;
    padding-top: 10px
}

.dropdown-menu {
    margin-top: 0
}

.plans .more-link {
    float: left
}

.dropdown-menu .dropdown-toggle::after {
    vertical-align: middle;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent
}

.dropdown-menu .dropdown .dropdown-menu {
    left: 100%;
    top: 0;
    margin: 0 20px;
    border-width: 0
}

    .dropdown-menu .dropdown .dropdown-menu.left {
        right: 100%;
        left: auto
    }

.dropdown-menu > li a:hover, .dropdown-menu > li.show {
    color: #fff
}

li.dd-item:hover {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 12px -4px rgba(44,120,185,.6);
    -moz-box-shadow: 0 0 12px -4px rgba(44,120,185,.6);
    box-shadow: 0 0 12px -4px rgba(44,120,185,.6)
}

li.col-sm-4.dd-item:hover span.subheading-title {
    color: #0065bd
}

.dropdown-menu > li.show > a {
    color: #fff
}

.features-title.text-center {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 34px
}

#myHeader {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1111111;
    background: #fff
}

.home-pricing.pricing-section h5.card-title {
    color: #002e54 !important;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 0
}

.home-pricing.pricing h5.card-price-month {
    font-size: 2rem;
    font-size: 36px;
    font-weight: 600;
    color: #0165bb
}

.home-pricing.pricing-section.pricing h5 > p span.perMo {
    font-size: 24px;
    color: #45515b;
    font-weight: 400
}

.home-pricing.pricing-section.pricing h5 > span {
    font-weight: 400;
    display: none
}

.home-pricing.pricing-section.pricing .card-body {
    padding: 0
}

.p-20 {
    padding: 20px 20px 0 20px
}

.home-pricing.pricing-section.pricing .card-body .fa-ul {
    margin-left: 52px;
    padding-top: 10px;
    list-style-image: url(../images/grey-tick.png) !important
}

.home-pricing.pricing-section.pricing h5 > p {
    margin-bottom: 0
}

.home-pricing.pricing-section.pricing .card {
    border: 1px solid #0065ba;
    background: #e5f3fe;
    overflow: hidden
}

.pricing-section.pricing .card {
    border: 1px solid #b6d3ea;
    background: #fff;
    overflow: hidden
}

.pricing-section .p-20 {
    background: #fff
}

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

    .pricing-section .pb-20.pb-20 * {
        text-align: center;
        float: none !important
    }

    .pricing-section .pb-20.pb-20 .button-group .btn-round {
        padding: 10px 20px
    }

.pricing .card-body.simple-card {
    padding: 20px 30px
}

.simple-card span.perMo {
    color: #45515b;
    font-size: 18px
}

.pricing .card-body h5.card-price-month, .pricing .card-body h5.card-price-month p {
    padding: 0;
    margin: 0;
    font-size: 30px;
    color: #0165bb;
    padding-bottom: 15px
}

.simple-card .button-group a {
    padding-top: 5px
}

.fixed {
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    padding: 4px 0;
    animation: slide-down .7s;
    opacity: .9
}

.header_area.sticky {
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    animation: slide-down .7s;
    opacity: .9
}

.float-panel {
    width: 100%;
    background: #fff;
    z-index: 300;
    transform: translateZ(0);
    transition: all .5s
}

.col-33 {
    float: left;
    width: 33.3333%
}

.col-40 {
    float: left;
    width: 40%
}

.col-60 {
    float: left;
    width: 60%
}

.row .fa {
    color: #679
}

.col-33 .fa {
    font-size: 4em;
    color: #679
}

.bg-gray {
    background-color: #f4f4f4
}

.float-panel .content-area {
    margin: 10px auto
}

.float-panel a {
    font-size: 16px;
    text-decoration: none;
    color: #444;
    display: inline-block;
    padding: 10px 20px
}

.float-panel .fa-gg {
    color: #f0595c;
    font-size: 30px;
    vertical-align: middle;
    transition: all 1s
}

.fixed {
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    padding: 4px 0;
    animation: slide-down .7s;
    opacity: .9
}

    .fixed .fa-gg {
        transform: rotate(360deg)
    }

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    100% {
        opacity: .9;
        transform: translateY(0)
    }
}

.nav.nav-pills.slideanim {
    visibility: visible
}

.slideanim {
    visibility: visible;
    opacity: 0
}

    .slideanim.slide {
        visibility: visible;
        animation: slide 1s;
        opacity: 1
    }

section .img-fluid {
    width: 100%;
    padding: 0 25px
}

.slideanim::after {
    content: "";
    display: table;
    clear: both
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

section.banner_area {
    margin-top: 80px;
    width: 100%;
    float: left;
    display: inline-block
}

header.header_area.sticky {
    -webkit-box-shadow: 0 4px 6px 0 rgba(12,0,46,.06);
    box-shadow: 0 4px 6px 0 rgba(12,0,46,.06)
}

.owl-item {
    text-align: center
}

.owl-dots, .owl-theme .owl-nav {
    width: 100%;
    display: block;
    float: left;
    text-align: left !important;
    margin-top: 15px
}

.owl-theme .owl-nav {
    margin-top: 10px;
    position: absolute;
    top: calc(50% - 50px);
    width: 100%
}

.owl-dots {
    z-index: 1111;
    left: 0 !important
}

.owl-theme .owl-nav {
    margin-top: 10px;
    z-index: 11111;
    position: absolute;
    color: #fff
}

.owl-next {
    position: absolute;
    right: 30px
}

.owl-prev {
    position: absolute;
    left: 30px
}

.inner-text {
    float: left;
    width: 755px;
    background: #1e1c1b;
    color: #fff;
    opacity: .9;
    position: absolute;
    top: 50%;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.inner-text {
    float: left;
    width: 750px;
    background: #000000c4;
    color: #fff;
    position: absolute;
    top: calc(50% - 150px);
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    min-height: auto;
    padding-bottom: 20px;
    z-index: 0
}

.carousel-item {
    min-height: 350px;
    width: 100%;
    background: #eee
}

div#quoteBanner {
    padding: 50px
}

.carousel-item .row {
    padding-top: 85px;
    padding-left: 15px;
    padding-right: 15px
}

.quote-wrapper {
    vertical-align: middle;
    float: left;
    display: inline-block;
    padding-top: 45px
}

p.quote-txt {
    font-size: 22px;
    padding-left: 10px
}

p.quote-author {
    font-size: 18px
}

.quote-wrapper:before {
    content: url(../images/quote.png);
    position: absolute;
    display: block;
    top: -50px
}

.carousel-indicators {
    width: auto;
    left: 5px;
    float: left;
    position: relative;
    text-align: left;
    margin: 0;
    top: 0
}

    .carousel-indicators li {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #a7b5c0
    }

        .carousel-indicators li.active {
            background-color: #0065ba
        }

.owl-carousel .fa-chevron-left:before {
    content: url(../images/arrow_left.png) !important
}

.owl-carousel .fa-chevron-right:before {
    content: url(../images/arrow_right.png)
}

.fa-chevron-down:before {
    content: url(../images/dropdown.png) !important;
    top: -2px;
    position: relative
}

.carousel-control-prev-icon {
    background-image: url(../images/carouse_arrow_left.png);
    width: 15px;
    height: 25px
}

.carousel-control-next-icon {
    background-image: url(../images/carouse_arrow_right.png);
    width: 15px;
    height: 25px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0 !important;
    color: #fff;
    text-decoration: none
}

.disabled i.fa.fa-chevron-left, .disabled i.fa.fa-chevron-right {
    opacity: .2
}

b, strong {
    font-weight: 500;
    margin-bottom: 10px;
    display: block
}

#carousel-custom-dots .active span, button.owl-dot.active span {
    width: 35px !important
}

.rotate {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

    .rotate.up {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.rotate2.up {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.more-link .fa-chevron-down:before {
    top: -3px;
    content: url(../images/dropdown.png) !important;
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.more-link .fa-chevron-up:before {
    top: -2px;
    content: url(../images/dropdown.png) !important;
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.more-link .fa-minus:before, table .fa-minus:before, table i.fa.fa-plus.fa-minus:before {
    content: url(../images/minus.png) !important
}

.more-link .page-header .fa-minus:before {
    content: url(../images/minus.png) !important
}

.more-link .fa-plus:before, table .fa-plus:before {
    content: url(../images/plus.png) !important
}

.more-link .fa-chevron-down:before {
    content: url(../images/chevron-down.png) !important
}

.more-link .show-pricing:hover i.fa.fa-chevron-down.rotate2.up:before {
    content: url(../images/chevron-up.png) !important;
    top: -4px
}

p.banner-title {
    text-transform: uppercase;
    font-size: 14px
}

p.features-title {
    font-size: 34px;
    font-weight: 400;
    color: #002e54;
    line-height: 1.2
}

p.banner-heading {
    font-size: 36px;
    line-height: 1.2
}

p.banner-text {
    font-size: 16px
}

#carousel-custom-dots .owl-dot.active span, #carousel-custom-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff !important
}

.content {
    width: 100%;
    display: inline-block;
    float: left
}

.pricing-section .fa-check:before {
    content: url(../images/grey-tick.png)
}

.features-wrapper {
    float: left;
    width: 100%;
    margin: 50px 0 50px 0
}

.crumbs {
    width: 100%;
    float: left;
    display: inline-block
}

    .crumbs i {
        display: inline-block;
        font-size: 14px !important
    }

    .crumbs p {
        width: 100%;
        display: inline-block;
        text-transform: uppercase;
        color: #000;
        font-size: 14px;
        font-weight: 500
    }

.features-txt {
    font-size: 16px;
    color: #45515b
}

.quote-banner img {
    margin-left: 20px
}

.features-section .tab-pane .features-txt {
    font-size: 16px;
    color: #45515b;
    min-height: 75px;
    margin-bottom: 10px
}

ul.nav.nav-pills li img {
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,.35);
    box-shadow: 0 0 3px 1px rgba(0,0,0,.35);
    margin: 0 15px;
    border-radius: 10px
}

.whychoose ul.nav.nav-pills li img {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

ul.nav.nav-pills li .active img {
    -webkit-box-shadow: 0 0 7px 1px rgba(44,120,185,.4);
    -moz-box-shadow: 0 0 7px 1px rgba(44,120,185,.4);
    box-shadow: 0 0 7px 1px rgba(44,120,185,.4)
}

.features-section .features-wrapper a {
    display: inline-block;
    box-shadow: none;
    margin-bottom: 10px;
    padding-top: 15px
}

.solution-details .features-txt {
    font-size: 14px
}

body .features-section .features-wrapper a.active img {
    background: #fff
}

body .features-section .features-wrapper a img {
    height: 50px;
    width: 50px;
    padding: 0;
    background: #e8eff5;
    box-shadow: none
}

.main-content {
    float: left;
    width: 100%;
    display: inline-block
}

.bg-green {
    background: #eee
}

section {
    display: block;
    float: left;
    width: 100%
}

p.solution-title {
    color: #002e54;
    font-weight: 500;
    margin-bottom: 0
}

.features-wrapper a {
    text-decoration: none
}

.whychoose li {
    width: 100%
}

.whychoose.bg-green .more-link a {
    padding-top: 0 !important
}

.whychoose ul.nav.nav-pills .solution-wrapper > div {
    padding: 0
}

.whychoose .col-md-12.more-link {
    padding: 0;
    padding-top: 20px
}

.col-md-12.more-link {
    padding: 0
}

.more-link a {
    text-decoration: none;
    padding-top: 40px;
    display: block;
    color: #053f6f;
    display: inline-block
}

.more-link i:before {
    color: #106fbe
}

.plans-heading ul.nav.nav-pills li {
    text-align: center;
    border: 1px solid #1874c0;
    border-radius: 25px
}

.plans-heading ul.nav.nav-pills {
    width: auto;
    float: left;
    margin: 0 auto
}

    .plans-heading ul.nav.nav-pills li:nth-child(1) {
        border-right: 0
    }

    .plans-heading ul.nav.nav-pills li:nth-child(1), ul.nav.nav-pills li:nth-child(2) {
        border-right: 1px solid #0065ba;
        border-right: 0 !important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .plans-heading ul.nav.nav-pills li:nth-child(2), ul.nav.nav-pills li:nth-child(3) {
        border-left: 0 !important;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .plans-heading ul.nav.nav-pills li:nth-child(2) {
        border: 1px solid #0065ba !important
    }

    .plans-heading ul.nav.nav-pills li.active {
        background: #0065ba;
        color: #fff;
        -webkit-transition: background .8s;
        transition: background .8s
    }

        .plans-heading ul.nav.nav-pills li.active a {
            color: #fff;
            font-size: 14px
        }

    .plans-heading ul.nav.nav-pills li a {
        font-size: 14px;
        padding: 10px 40px;
        display: block
    }

.plans-heading {
    display: flex;
    text-align: center;
    margin: 0 auto
}

#pricing2, #pricing3, div#pricing1 {
    box-shadow: 0 0 15px 7px rgba(0,0,0,.09);
    margin: 20px 0;
    position: relative;
    border-radius: 10px
}

a.free-link {
    width: 100%;
    float: left;
    display: block;
    text-decoration: underline;
    text-underline-position: under;
    color: #fff;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.plan-wrapper {
    height: 100%;
    float: left;
    width: 100%;
    display: inline-block;
    padding: 40px 30px
}

ul.nav.navbar-nav.navbar-right li {
    display: inline-block;
    width: auto;
    color: #106fbe !important;
    margin-bottom: -2px
}

.plans .tab-pane .row > .col-6 {
    min-height: 300px
}

ul.plan-det {
    float: left;
    display: inline-block;
    padding: 0;
    list-style: none
}

    ul.plan-det li {
        padding-left: 20px;
        font-size: 14px;
        color: #45515b;
        margin-bottom: 10px;
        background: url(../images/tick.png) no-repeat;
        background-position: 0 5px
    }

.blue-btn.bg-white {
    color: #1a74c1;
    padding: 10px 20px
}

.plan-wrapper button.btn.banner-btn.blue-btn.bg-white:hover, a.btn.btn-blue:hover {
    border-radius: 50px;
    font-size: 15px
}

p.price-strike {
    font-size: 24px;
    text-decoration: line-through;
    margin-bottom: 0
}

p.original-price {
    font-size: 48px;
    margin-bottom: 0;
    font-weight: 500
}

p.plan-duration {
    font-size: 18px;
    margin-bottom: 40px
}

.plan-wrapper .plan-title {
    font-size: 20px;
    padding-top: 10px
}

.plans div#pricing1 > .row > .col-6:nth-child(2), .plans div#pricing2 > .row > .col-6:nth-child(2), .plans div#pricing3 > .row > .col-6:nth-child(2) {
    background: #1a74c1;
    color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.contact-info .col-lg-6 {
    padding-right: 10px;
    margin-top: 10px
}

.contact-info img {
    box-shadow: 0 .01rem .8rem rgba(0,0,0,.12) !important;
    margin-right: 10px
}

.partners p.features-title {
    margin: 0
}

.contact-info .col-6 img {
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0 0 3px 1px rgba(0,0,0,.35);
    box-shadow: 0 0 3px 1px rgba(0,0,0,.35);
    margin: 0 15px;
    border-radius: 5px
}

.plan-wrapper button.btn.banner-btn.blue-btn.bg-white {
    font-size: 15px
}

#reused_form button.btn {
    z-index: 11111111111111111
}

#reused_form_new button.btn {
    z-index: 111111
}

.contact-title h2 {
    text-transform: uppercase;
    font-size: 14px
}

p.quries-title.text-center {
    font-size: 22px;
    color: #012e55;
    font-weight: 500;
    padding-top: 10px
}

.bg-green .more-link a, .partners a {
    padding-top: 20px !important
}

.sign-left .md-form label {
    left: 10px !important;
    text-align: left
}

.invalid-feedback {
    padding-left: 10px;
    text-align: left !important
}

.contact-us .features-wrapper a {
    color: #0065ba
}

.contact-sec .col-md-8 {
    max-width: 51%;
    display: inline-block
}

.contact-sec h2 {
    color: #002e54;
    font-size: 30px
}

.contact-sec .md-form label {
    font-size: 14px;
    font-size: 14px;
    color: #000;
    opacity: 60%
}

label.error {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    color: red !important;
    transform: initial !important;
    font-size: 14px !important;
    float: left
}

.select label.error {
    left: 10px !important
}

input#province {
    width: 120px !important;
    padding-top: 7px;
    margin-left: 10px
}

.md-form label.active {
    font-size: 1rem;
    top: -8px
}

.w-25p {
    min-width: 25%;
    width: 25%
}

.select .select-text {
    padding-left: 10px !important;
    padding-bottom: 0 !important
}

.w-25p label {
    min-width: 105px !important
}

.country-select {
    width: 60% !important
}

@media (min-width :991px) {
    .left-nav .sign-out {
        display: none !important
    }

    .partners-form .md-form .form-control, .partners-form .md-form .invalid-feedback {
        width: 80%
    }

    .partners-form .button-group.btn, .partners-form button.btn.btn-round {
        width: 100%;
        display: inline-block
    }
}

label.select-label {
    margin-left: 10px
}

.select {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    position: relative;
    width: auto
}

    .select.md-form, .wrap.md-form.form-control {
        border: 0;
        padding: 0
    }

.select-text {
    position: relative;
    font-family: inherit;
    background-color: transparent;
    padding: 10px 10px 10px 0;
    font-size: 18px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ced4da
}

    .select-text:focus {
        outline: 0;
        border-bottom: 1px solid transparent
    }

.select .select-text {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .575rem .25rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057
}

.select:after {
    position: absolute;
    top: 18px;
    right: 10px;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0,0,0,.12);
    pointer-events: none
}

.select-label {
    color: rgba(0,0,0,.26);
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 10px;
    transition: .2s ease all
}

.select-text:focus ~ .select-label {
    top: -30px !important;
    transition: .2s ease all !important;
    font-size: 14px
}

select.select-text.valid ~ label {
    top: -30px !important;
    font-size: 14px
}

.justify-content-md-center.col-lg-12 .md-form {
    float: left
}

.select-bar {
    position: relative;
    display: block
}

    .select-bar:after, .select-bar:before {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #2f80ed;
        transition: .2s ease all
    }

    .select-bar:before {
        left: 50%
    }

    .select-bar:after {
        right: 50%
    }

.select-text:focus ~ .select-bar:after, .select-text:focus ~ .select-bar:before {
    width: 50%
}

.select-highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: .5
}

footer {
    background: #4c515c;
    float: left;
    display: inline-block;
    width: 100%
}

#terms p {
    line-height: 35px
}

footer .footer-links {
    float: left;
    display: block;
    width: 100%
}

    footer .footer-links ul {
        float: left;
        display: inline-block;
        list-style: none;
        width: 100%;
        margin: 0;
        padding: 0
    }

.plans .more-link {
    float: left;
    padding: 0
}

footer .footer-links li {
    display: inline-block;
    list-style: none;
    padding: 10px 16px;
    color: #fff;
    font-weight: 300
}

.copy-rights p {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px
}

.faa-parent:hover i.fa.fa-long-arrow-right.faa-passing.fa-lg {
    margin-left: 8px
}

.link--arrowed {
    display: inline-block;
    height: 2rem;
    line-height: 2rem
}

    .link--arrowed .arrow-icon {
        position: relative;
        top: -1px;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease,-webkit-transform .3s ease;
        vertical-align: middle
    }

    .link--arrowed .arrow-icon--circle {
        -webkit-transition: stroke-dashoffset .3s ease;
        transition: stroke-dashoffset .3s ease;
        stroke-dasharray: 95;
        stroke-dashoffset: 95
    }

    .link--arrowed:hover .arrow-icon {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    .link--arrowed:hover .arrow-icon--circle {
        stroke-dashoffset: 0
    }

.phone, .signin {
    color: #106fbe !important
}

footer .footer-links li a {
    text-decoration: none;
    color: #fff;
    display: block
}

    footer .footer-links li a:hover {
        text-decoration: underline;
        text-underline-position: under
    }

div#pricing2 .col-6:nth-child(2) .plan-wrapper:before {
    content: "Recommended";
    position: absolute;
    top: 0;
    left: calc(50% - 60px);
    background: #edb200;
    color: #fff;
    font-weight: 500;
    padding: 0 10px;
    color: #000;
    font-size: 14px
}

.home-pricing {
    margin-bottom: 40px
}

.more-link a i {
    position: absolute;
    margin-top: 5px;
    margin-left: 5px
}

.innerpage_banner img {
    width: 100%
}

.innerpage_banner .carousel-wrap {
    position: relative
}

.innerpage_banner .inner-text {
    float: left;
    width: auto;
    background: #000000c4;
    color: #fff;
    opacity: .8;
    top: calc(50% - 110px);
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 0;
    padding-bottom: 20px;
    min-height: auto;
    max-width: 700px;
    max-height: 260px;
    width: -moz-available;
    width: 100%
}

.innerpage_banner .bannerTxtWrapper {
    position: relative;
    margin-left: calc(50% - 225px);
    margin-top: 25px
}

.inner-page, section.banner_area.innerpage_banner {
    margin-top: 80px;
    width: 100%;
    float: left;
    display: inline-block
}

section.banner-sections {
    margin-top: 75px
}

.bg-blue {
    background-color: #e3f1fe
}

.bg-darkblue {
    background: #1773c1
}

.sub-banner h2 {
    color: #fff;
    font-weight: 500;
    font-size: 30px
}

.center-content {
    display: flex;
    flex-wrap: wrap;
    align-content: center
}

label#email-exist-error {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    color: red !important;
    transform: initial !important;
    font-size: 14px !important;
    float: left;
    margin-left: 10px !important
}

input:-webkit-autofill, select:-webkit-autofill {
    z-index: 11111;
    position: relative
}

.md-form > input[type=time] + label, .md-form > input[type]:-webkit-autofill + label {
    font-size: .8rem;
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.select:after {
    z-index: 111111
}

.accordion-sec .features-wrapper ul.nav.nav-pills li, .accordion-sec li {
    width: 90%;
    border-top: 1px solid #e2e2e2;
    border-collapse: collapse !important;
    min-width: auto
}

.accordion-sec h3.text-left {
    margin-bottom: 25px;
    font-size: 30px;
    color: #002e54
}

.accordion-sec .faa-parent.animated-hover:hover > .faa-passing, .accordion-sec .faa-passing.animated, .accordion-sec .faa-passing.animated-hover:hover {
    -webkit-animation: passing 1.2s linear infinite;
    animation: passing 1.2s linear infinite
}

.accordion-sec li:last-child {
    border-bottom: 1px solid #e2e2e2
}

.accordion-sec li a {
    color: #000;
    display: block;
    padding: 15px;
    font-weight: 500
}

.accordion-sec .fade:not(.show) {
    opacity: 1
}

section.bg-white.accordion-sec .tab-pane p {
    color: #45515b
}

.accordion-sec li a.active {
    color: #0063bb
}

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

.accordion-sec .nav-tabs, .accordion-sec .tab-content.col-lg-8 {
    float: left
}

.accordion-sec .nav-tabs {
    border-bottom: 0 solid #dee2e6
}

.accordion-sec a i {
    display: none
}

.accordion-img {
    float: left;
    padding: 15px 10px 30px 10px
}

@media(max-width:699px) {
    .inner-text {
        top: calc(50% - 2px) !important
    }
}

@media (max-width:991px) {
    .pt-3.pr-0.pl-0.social-icons.d-block {
        padding-top: 0 !important
    }

    ul.text-decoration-none li {
        width: 33.3% !important;
        max-width: 33.3% !important
    }

    .left-nav .nav-link, .navbar-right .nav-link, body .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    .w-25p {
        width: 100% !important;
        margin-top: 38px !important;
        margin-left: -5px
    }

    .country-select {
        width: 100% !important
    }

    input#province {
        width: 100% !important;
        padding-top: 7px;
        margin-left: 10px
    }

    .partners .col-lg-12.more-link.row {
        padding: 0
    }

    .responsive-tabs-container.accordion-sm .nav-tabs {
        display: none
    }

    .accordion-sec h3.text-left {
        margin-top: 25px
    }

    .sign-left .md-radio {
        text-align: left !important
    }
}

@media (min-width:991px) {
    .contact-sec .contact-details {
        padding-top: 0
    }

    .accordion-sec li a:hover i {
        display: inline-block;
        float: right;
        color: #0063bb;
        margin-top: 2px
    }

    .accordion-sec li a.active i {
        display: inline-block;
        float: right;
        color: #0063bb;
        margin-top: 2px
    }
}

.details-wrapper {
    width: 100%;
    padding: 75px 35px 10px 35px;
    border-radius: 10px
}

.contact-heading {
    color: #002e54;
    font-weight: 500
}

.contact-details {
    width: 100%;
    padding-top: 50px
}

.contact-legend {
    margin-bottom: 40px
}

button.btn.btn-round.btn-blue {
    position: relative;
    display: inline;
    background: #0065ba;
    color: #fff;
    border-radius: 50px;
    padding: 10px 25px !important
}

.home-comparePlans {
    display: none
}

i.fa.fa-chevron-down.faa-falling.mt-1.fa-lg:before {
    color: #106fbe !important
}

@media (max-width:540px) {
    .details-wrapper {
        padding: 35px 20px 0 20px
    }

    .contact-sec .col-md-8 {
        max-width: 100%;
        display: inline-block
    }

    body .signin-form .features-title.text-center {
        font-size: 30px
    }
}

@media (min-width:1200px) {
    .contact-details {
        padding: 0 50px !important
    }

    ul.nav.navbar-nav.navbar-right li a {
        font-size: 16px
    }
}

@media (min-width:1366px) {
    body .container {
        max-width: 1200px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1096px
    }

    button.btn.banner-btn.blue-btn {
        margin-top: 5px
    }
}

@media (min-width:768px) {
    .dropdown-menu .dropdown .dropdown-menu {
        margin: 0;
        border-width: 1px
    }
}

@media (min-width:991px) and (max-width:1199px) {
    .logo img, .navbar-brand img {
        max-width: 106px !important
    }

    .home-pricing.pricing-section .pb-20.pb-20 * {
        text-align: center;
        float: none !important;
        font-size: 14px;
        padding: 0
    }

    .home-pricing.pricing-section .pb-20.pb-20 a {
        margin-top: 5px;
        display: inline-block
    }
}

@media (max-width:1024px) {
    .innerpage_banner .inner-text {
        top: calc(50% - 110px);
        height: 150px;
        width: 100%;
        max-width: 100%
    }

    .innerpage_banner p.banner-text {
        display: block
    }

    .innerpage_banner .inner-text {
        top: calc(50% - 75px);
        width: 100%;
        max-width: 100%
    }

    .innerpage_banner .bannerTxtWrapper {
        margin-left: 0;
        margin-top: 25px;
        text-align: left;
        padding: 0 25px
    }

    section.banner_area.innerpage_banner {
        margin-top: 75px
    }

    .carousel-wrap .blue-btn {
        padding: 10px;
        font-size: 12px
    }

    .bannerTxtWrapper {
        margin-top: 30px;
        margin-left: calc(50% - 270px);
        margin-right: 10px
    }

    .owl-dots {
        z-index: 1111;
        width: auto;
        left: 105px
    }

    .contact-info .col-6.text-center span {
        display: block;
        width: 100%;
        margin-top: 10px
    }
}

@media (max-width:1200px) {
    .pricing .card-body h5.card-price-month, .pricing .card-body h5.card-price-month p {
        padding: 0;
        margin: 0;
        font-size: 24px;
        color: #0165bb
    }

    .pricing-section .pb-20.pb-20 .button-group .btn-round {
        padding: 10px 20px;
        border: 0;
        margin-top: 5px
    }

    .carousel-item .row {
        padding-top: 20px
    }

    .plans-heading.d-xl-none.d-lg-block {
        display: flex !important
    }

    li.col-lg-4.dd-item {
        max-width: 100% !important;
        flex: 0 0 100%
    }

    .dropdown-menu.columns-4 {
        min-width: 500px
    }

    .dd-item {
        padding: 5px !important
    }

    .container {
        max-width: 100%
    }

    .item-list .zeroRow.row, .row, .zeroRow {
        margin-right: 0;
        margin-left: 0
    }

    .item-list .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    li.nav-item {
        padding: 0 5px !important;
        position: relative
    }

        li.nav-item > a {
            font-weight: 400;
            padding: 8px 0;
            font-size: 14px
        }
}

@media (min-width:992px) and (max-width:1566px) {
    ul.dropdown-menu.multi-column.columns-4.resources {
        padding: 30px 20px !important;
        position: absolute !important;
        left: -200px
    }

    .nav-item > ul.dropdown-menu.resources:after {
        position: absolute;
        top: -11px;
        left: 249px
    }

    .nav-item > ul.dropdown-menu.show.resources:before {
        position: absolute;
        top: -9px;
        left: 250px
    }
}

@media (min-width:992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        text-align: left;
        float: left;
        width: auto;
        top: 58px;
        border-radius: 10px !important;
        padding: 5px;
        margin: 0;
        margin-top: 5px !important
    }
}

@media (max-width:991px) {
    .partner-img {
        margin-top: 30px
    }

    ul.nav.navbar-nav.navbar-right li a {
        font-size: 14px;
        text-align: left
    }

    .form-row.row.justify-content-md-center {
        text-align: center;
        display: block
    }

    .navbar-nav > li.nav-item.active > a:before, body .owl-theme .owl-nav.disabled + .owl-dots {
        display: none
    }

    ul.nav.navbar-nav.navbar-right li {
        text-align: center;
        display: block
    }

    .features-section .features-wrapper.bg-white .col-xs-12 .col-lg-6:first-child {
        order: 2
    }

    .features-section ul.nav.nav-pills {
        text-align: center
    }

    .features-section .feature-img img, .features-wrapper .col-lg-6 img.slideanim, .partner-img img {
        text-align: center;
        display: block;
        margin: 0 auto;
        margin-bottom: 35px
    }

    .pricing .features-wrapper ul.nav.nav-pills li {
        width: auto;
        min-width: 65px
    }

    .navbar-nav {
        text-align: left;
        margin: 0 !important;
        display: inline-block
    }

    li.nav-item {
        padding: 0 15px;
        position: relative;
        display: flex
    }

    a.phone, span.subheading-desc {
        display: none !important
    }

    .navbar-right a.btn.btn-blue {
        display: inline;
        display: inline-block;
        float: left
    }

    a.btn.btn-blue {
        margin-top: 0;
        position: relative;
        display: inline-block;
        padding: 5px !important
    }

    .navbar-right li.nav-item > a {
        font-weight: 700;
        padding: 8px 0;
        margin-bottom: 10px;
        display: block
    }

    .owl-nav.disabled {
        display: block !important
    }

    .navbar-dark .navbar-toggler {
        color: #000;
        border-color: #0065ba;
        z-index: 1111;
        background: #0065ba
    }

    .navbar-toggler-icon {
        background: #0065ba
    }

    .navbar-nav > li.nav-item > a:hover:before {
        display: none
    }

    .bannerTxtWrapper {
        margin-top: 30px;
        margin-left: 30px;
        max-width: 100%
    }

    .inner-text {
        width: 100%;
        min-height: auto;
        padding-bottom: 20px;
        top: calc(50% - 80px)
    }

    .owl-carousel > .owl-dots {
        display: none
    }

    ul.nav.nav-pills {
        text-align: left
    }

    .features-wrapper ul.nav.nav-pills li {
        min-width: 70px;
        width: 20%
    }

    .whychoose .features-wrapper ul.nav.nav-pills li {
        width: 100%
    }

    .features-wrapper {
        margin: 50px 0 25px 0
    }

    .carousel-wrap .owl-dots {
        left: 25px
    }

    p.banner-heading {
        font-size: 32px
    }
}

@media (max-width:480px) {
    div#rowStripe .text-description, div#rowStripe .text-title {
        font-size: 14px !important;
        margin-top: 0
    }

    body .plans-heading ul.nav.nav-pills li a {
        font-size: 14px;
        padding: 5px 10px;
        display: block
    }
}

@media (max-width:575px) {
    body .innerpage_banner p.banner-text {
        display: none
    }

    p.banner-text {
        display: none
    }

    .simple-card .col-sm-6 * {
        text-align: center !important;
        float: none
    }
}

@media (max-width:540px) {
    .carousel-wrap .owl-dots {
        display: none
    }

    .pricing .col-6.col-sm-6 {
        min-width: 100%
    }

    .owl-carousel .owl-item img {
        min-height: 320px
    }

    p.banner-heading {
        font-size: 20px
    }

    .inner-text {
        padding: 10px 10px 25px 10px;
        background: #000000a3;
        top: calc(50% - 98px)
    }

    p.features-title {
        font-size: 28px
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu a span.subheading-desc {
        display: none
    }

    span.subheading-title {
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        color: #002e54
    }

    .plans-heading ul.nav.nav-pills li a {
        font-size: 14px;
        padding: 5px 15px;
        display: block
    }

    .dd-item {
        padding: 5px !important
    }

    ul.dropdown-menu.multi-column.columns-1.show, ul.dropdown-menu.multi-column.columns-3.show, ul.dropdown-menu.multi-column.columns-4.show {
        padding: 15px 15px !important
    }
}

@media (max-width:1366px) {
    li.nav-item {
        padding: 0 15px;
        position: relative
    }

    li.nav-item {
        padding: 0 15px;
        position: relative
    }
}

@media (max-width:767px) {
    body .innerpage_banner .inner-text {
        top: 0;
        height: auto;
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        height: 100%;
        background: #00000080
    }

    body .innerpage_banner .bannerTxtWrapper {
        margin-left: 0;
        margin-top: 12%;
        text-align: left;
        padding: 0 25px
    }

    body .innerpage_banner .inner-text {
        position: relative;
        background: #eee;
        color: #000;
        padding: 20px
    }

    body .innerpage_banner .bannerTxtWrapper {
        margin-left: 0;
        margin-top: 0;
        text-align: left;
        padding: 0 25px;
        text-align: center
    }

    .innerpage_banner img {
        width: 100%;
        max-height: 500px;
        min-height: 165px
    }

    body .innerpage_banner p.banner-heading {
        font-size: 21px
    }

    body .innerpage_banner .carousel-wrap .blue-btn {
        font-size: 14px;
        font-size: 1;
        text-align: center
    }

    button.owl-next, button.owl-prev {
        display: none !important
    }

    .dropdown-menu.multi-column {
        min-width: auto !important;
        overflow-x: hidden
    }

    ul.nav.nav-pills {
        text-align: center;
        padding: 20px
    }

    .quote-wrapper:before {
        top: 0
    }

    .partner-content .crumbs p {
        padding-top: 30px
    }

    .dropdown-menu.columns-4 {
        min-width: 100%
    }
}

@media (min-width:1366px) {
    a.navbar-brand {
        margin-right: 135px
    }
}

@media (min-width:992px) {
    .nav-item.active:after, ul.navbar-nav.mr-auto .nav-item:hover:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        background: #0065ba;
        left: 0;
        bottom: -22px
    }

    .navbar-nav.navbar-right .nav-item.active:after, a#navbarDropdown4:hover:after {
        content: "";
        position: absolute;
        width: 80%;
        height: 3px;
        background: #0065ba;
        left: 10px;
        bottom: -13px
    }

    .navbar-nav.navbar-right .dropdown.nav-item:hover:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        background: #0065ba;
        left: 0;
        bottom: -15px
    }

    .phone:hover:after, .signin:hover:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        background: #0065ba;
        left: 0;
        bottom: -15px
    }

    .phone:hover {
        cursor: default
    }

        .phone:hover:after {
            display: none
        }

    footer .footer-links li a:hover:After {
        content: "";
        position: absolute;
        width: 100%;
        height: 0;
        background: #fff;
        left: 0;
        bottom: 0
    }
}

@media (min-width:992px) and (max-width:1088px) {
    .navbar {
        border-radius: 0;
        padding: 15px 15px
    }

    ul.nav.navbar-nav.navbar-right li {
        padding-right: 0 !important
    }

    li.nav-item a.btn.btn-blue {
        padding: 5px !important;
        height: fit-content;
        margin-top: 10px
    }

    .navbar-dark .navbar-brand {
        margin: 0
    }

    li.nav-item {
        padding: 0 5px !important
    }
}

@media (max-width:1200px) and (min-width:991px) {
    .nav-item.active:after, ul.navbar-nav.mr-auto .nav-item:hover:after {
        bottom: -23px
    }
}

@media (min-width:1200px) {
    .feature-img {
        /*z-index: 111111;*/
        z-index: 111;
        position: relative
    }

    .banner-sections .feature-img {
        margin-top: -120px;
        z-index: 111111;
        position: relative
    }

    .choose-img {
        z-index: 111111;
        position: relative
    }

    .banner-sections .partner-img img {
        position: absolute;
        min-height: 350px
    }

    .vr-border:before {
        content: url(../images/vr-line.png);
        position: absolute;
        right: 0;
        top: 5px
    }
}

@media (max-width:992px) {
    header.header_area {
        -webkit-box-shadow: 0 4px 6px 0 rgba(12,0,46,.06);
        box-shadow: 0 4px 6px 0 rgba(12,0,46,.06)
    }

    div#quoteBanner .col-lg-3 {
        text-align: center;
        display: inline-block;
        float: none
    }

    .quote-wrapper:before {
        content: url(../images/quote.png);
        position: absolute;
        display: block;
        top: 0
    }

    .carousel-indicators {
        width: 100%
    }

    button.owl-next, button.owl-prev {
        display: none !important
    }

    li.nav-item > a {
        display: inline-block;
        font-size: 16px;
        padding: 10px !important;
        width: 100%;
        color: #262d33
    }

    li.nav-item.d-xl-none.d-lg-none.logo {
        padding: 20px 15px !important;
        text-align: center;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

    body li.menu-close {
        position: absolute;
        z-index: 111111111;
        display: block
    }

    body li.menu-close {
        cursor: pointer
    }

    body .dropdown-menu {
        border: 1px solid rgba(0,0,0,.1);
        padding: 10px !important
    }

    ul.dropdown-menu.multi-column.columns-1.show, ul.dropdown-menu.multi-column.columns-3.show, ul.dropdown-menu.multi-column.columns-4.show {
        padding: 15px 15px !important
    }

    span.subheading-title {
        font-size: 15px;
        font-weight: inherit;
        color: #000
    }

    .show .navbar-nav .nav-link {
        text-align: left;
        font-size: 16px
    }

    .dd-item {
        padding: 0 5px !important
    }

    .navbar-toggler {
        background: 0 0;
        border: none
    }

        .navbar-toggler:active, .navbar-toggler:focus {
            outline: 0
        }

        .navbar-toggler .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
            margin: 4px 2px 4px 4px;
            transition: all .2s
        }

    .navbar-dark .navbar-toggler .icon-bar {
        background: #fff
    }

    .navbar-toggler .icon-bar:nth-of-type(1) {
        transform: rotate(45deg);
        transform-origin: 10% 10%
    }

    .navbar-toggler .icon-bar:nth-of-type(2) {
        opacity: 0
    }

    .navbar-toggler .icon-bar:nth-of-type(3) {
        transform: rotate(-45deg);
        transform-origin: 10% 90%
    }

    .navbar-toggler.collapsed .icon-bar:nth-of-type(1) {
        transform: rotate(0)
    }

    .navbar-toggler.collapsed .icon-bar:nth-of-type(2) {
        opacity: 1
    }

    .navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
        transform: rotate(0)
    }

    nav a.btn.btn-blue {
        margin-top: 0;
        position: relative;
        display: inline-block;
        padding: 5px !important;
        margin-top: 5px
    }

    .nav-item > ul.dropdown-menu.show:before, .nav-item > ul.dropdown-menu:after {
        display: none
    }

    ul.nav.navbar-nav.navbar-right {
        top: 320px
    }

    .dropdown-menu.columns-4 {
        min-width: auto
    }

    .show li.nav-item {
        padding: 0 15px;
        position: relative;
        display: block
    }

    .navbar-collapse.collapsing .navbar-nav {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -45%;
        transition: all .2s ease
    }

    .show .navbar-nav .nav-link {
        text-align: left
    }

    .navbar-collapse.show .navbar-nav {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        height: auto;
        width: 45%;
        transition: all .35s ease;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
        background: #fff;
        min-width: 220px;
        overflow: hidden;
        overflow-y: auto
    }
}

li.menu-close {
    position: absolute;
    z-index: 111111111;
    display: none
}

.pricing {
    margin-top: 50px
}

.simple-card .button-group .btn-round {
    padding: 10px 20px
}

.py-3, .simple-card .pt-3 {
    padding: 0;
    padding-top: 1rem !important
}

.simple-card .text-center.justify-content-sm-center {
    font-size: 15px;
    padding: 0
}

.pricing-section h5.card-title {
    color: #113c5f !important;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 20px
}

.pricing .card-price-stike {
    color: #606f7b;
    font-size: 14px;
    font-weight: 400
}

.pricing h5.card-price-month {
    color: #39454f;
    font-size: 36px;
    font-weight: 500
}

.shadow {
    box-shadow: 0 0 1rem .2rem rgba(0,0,0,.15) !important
}

.pricing .card {
    border: none;
    border-radius: 1rem;
    transition: all .2s
}

.pricing .card-body {
    padding: 30px
}

.pricing .card-title {
    margin: .5rem 0 1rem;
    font-size: 1.2rem;
    font-weight: 700
}

.pricing .card-price-stike {
    font-size: .8rem;
    margin: 0;
    display: none
}

.pricing h5.card-price-month {
    font-size: 2rem
}

.pricing h5 > span {
    font-size: .9rem;
    display: block;
    color: #45515b;
    font-size: 14px
}

.pricing .card {
    width: 92%
}

.pricing .card-body .fa-ul {
    margin-left: 1.5rem
}

    .pricing .card-body .fa-ul > li {
        line-height: 30px;
        color: #45515b;
        font-size: 14px;
        font-weight: 500
    }

.button-group .btn-round {
    border-radius: 25px;
    font-size: .8rem;
    background: #0165bb;
    color: #fff;
    font-size: 15px
}

.button-group .btn-round1 {
    border-radius: 25px;
    font-size: .8rem;
    background: #284363;
    color: #fff;
    font-size: 15px
}

.button-group a {
    text-decoration: underline;
    font-size: .9rem;
    float: right;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: underline;
    text-underline-position: under;
    color: #106fbe;
    font-weight: 500
}

.complete-feature-comparison h1, .frequently-asked-questions h1 {
    margin: 20px 0;
    font-size: 30px;
    color: #002e54;
    font-weight: 500
}

.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: 18px;
    font-weight: 400
}

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

tbody tr:first-child {
    border-bottom: 1px solid #d3d2d2 !important
}

.table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: 15px;
    font-weight: 400;
    background: #fcfafb;
    color: #606c76
}

.table tr.toggler.toggler1 {
    border-top: 1px solid #eee
}

.frequently-asked-questions .card {
    border-radius: 0;
    box-shadow: none;
    border: none;
    background-color: transparent
}

    .frequently-asked-questions .card > .card-header {
        padding: 0;
        border-radius: 0;
        color: #000;
        background-color: transparent;
        border: none
    }

        .frequently-asked-questions .card > .card-header .btn-link {
            color: #000;
            text-decoration: none;
            padding: 0;
            white-space: normal;
            word-wrap: break-word;
            text-align: left;
            font-size: 15px;
            font-weight: 500
        }

    .frequently-asked-questions .card h2 {
        font-size: 1rem
    }

.frequently-asked-questions .card-header i {
    font-size: 1rem;
    float: left;
    padding-right: 15px
}

#accordionQuestions .card-body, .frequently-asked-questions .card > .card-header + .collapse > .card-body {
    padding: 0 0 0 30px;
    font-size: .9rem;
    font-size: 15px;
    color: #45515b
}

.accordion-about-questions {
    width: 100%
}

#collapseOne .card-body {
    padding: 0 0 0 30px;
    font-size: .9rem;
    font-size: 15px;
    color: #45515b
}

.pricing-table {
    border-left: 1px solid #ccc;
    margin-bottom: 0 !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.custom-table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0 !important;
    text-align: center
}

    .custom-table td:first-child {
        text-align: left
    }

    .custom-table > thead > tr {
        background-color: #185f9a;
        color: #fff
    }

.table-btn {
    border: 0;
    outline: 0;
    background-color: transparent;
    font-size: 1rem;
    cursor: pointer;
    width: 100%;
    float: left;
    text-align: left;
    padding: 10px;
    color: #162833;
    font-weight: 500
}

    .table-btn > .fa {
        float: right;
        margin-top: 5px
    }

.toggler {
    display: none
}

.toggler1 {
    display: table-row
}

.toggler td .fa {
    color: #0ed11b;
    font-style: normal;
    font-size: 1rem
}

.page-header {
    background-color: #fcfafb;
    padding: 0 !important
}

@media (max-width:1199px) {
    .pricing {
        margin-top: 35px
    }

        .pricing .card {
            width: 100%
        }

    .button-group a {
        float: left
    }
}

@media (max-width:768px) {
    .profile-options .tab-content {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .userdetails {
        padding: 0 !important
    }

        .userdetails p {
            font-size: 14px !important;
            word-break: break-word
        }

    .pricing .card {
        width: 100%
    }

    .button-group .btn-round, .button-group a {
        margin: 0 auto;
        display: block;
        text-align: center;
        float: none
    }

    .frequently-asked-questions .card {
        width: 100%
    }
}

.signup-page .error {
    left: 0 !important;
    margin: 0
}

.signup-form .features-title.text-center {
    color: #375766;
    font-size: 28px
}

.signin-form .features-title.text-center {
    color: #375766;
    font-size: 36px;
    font-weight: 400
}

.sign-left .row.justify-content-sm-center.mt-5 .col-md-12.col-lg-10:after {
    display: none
}

.signin-form .needs-validation .md-form label {
    left: 15px;
    color: #000;
    opacity: 60%
}

.terms-policy {
    font-size: 15px;
    color: #45515b
}

    .terms-policy a {
        color: #0066b7
    }

.prospur-page-header {
    width: 100%;
    min-height: 80px;
    background-color: #0f84e4
}

.prospur-page-logo {
    width: 100%;
    height: 100%
}

    .prospur-page-logo a {
        text-align: center;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        float: left;
        padding-top: 25px
    }

.terms-policy p {
    font-size: .9rem
}

.mark-mandatory {
    color: red
}

.choose-your-plan .pricing-table {
    border: 0
}

.w-300 {
    width: 300px;
    max-width: 100%
}

section.choose-your-plan .home-comparePlans {
    margin-bottom: 50px
}

section.choose-your-plan .text-center {
    color: #466270
}

section.choose-your-plan .md-radio label:before {
    left: calc(50% - 15px);
    top: -45px;
    width: 25px;
    height: 25px;
    border: 1px solid #337ab7
}

section.choose-your-plan .card-price-month p {
    font-weight: 600;
    font-size: 18px;
    color: #0165bb;
    margin: 0;
    padding-bottom: 0
}

section.choose-your-plan span.perMo {
    font-size: 16px;
    color: #45515b;
    font-weight: 500
}

section.choose-your-plan .md-radio input[type=radio]:checked + label:before {
    border: 6px solid #337ab7
}

section.choose-your-plan .md-radio label {
    font-size: 20px
}

.choose-your-plan .custom-table > thead > tr {
    background-color: transparent;
    color: #000
}

    .choose-your-plan .custom-table > thead > tr > th {
        border: 0
    }

.choose-your-plan a {
    text-decoration: none
}

    .choose-your-plan a > .plan-selection {
        background-color: #d8edfe;
        color: #000;
        padding: 20px;
        width: 150px;
        min-height: 50px;
        border-radius: 10px;
        font-size: 1rem;
        margin: 0 auto;
        text-decoration: none;
        margin-bottom: 30px;
        position: relative;
        max-width: 80%;
        min-width: 115px
    }

        .choose-your-plan a > .plan-selection::before {
            content: "";
            position: absolute;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
            border-top: 11px solid #d8edfe;
            height: 0;
            width: 0;
            top: 0;
            bottom: -99px;
            margin: auto;
            left: calc(50% - 10px)
        }

        .choose-your-plan a > .plan-selection.active::before {
            border-top: 11px solid #0165bb
        }

.silver::before {
    left: 40%
}

.gold::before {
    left: 63%
}

.platinum::before {
    left: 86%
}

.choose-your-plan a > .plan-selection.active {
    background-color: #0165bb;
    color: #fff
}

.choose-your-plan .plan-selection p {
    margin-bottom: 0
}

.choose-your-plan a > .plan-selection strike {
    font-size: .8rem
}

section.choose-your-plan > .container > .row {
    color: #606c76
}

.plan-highlights p.text-center {
    font-size: 14px
}

@media (max-width:768px) {
    .choose-your-plan a > .plan-selection {
        width: 100%
    }
}

.custom-table td:first-child {
    text-align: left;
    padding: 10px
}

body .table td {
    padding: 0 20px;
    vertical-align: top;
    font-size: 15px;
    font-weight: 400;
    background: #fcfafb;
    color: #606c76;
    border-top: 1px solid #dee2e68c
}

tbody tr.page-footer:first-child {
    border-bottom: none !important
}

.table-btn {
    background-color: #f9f9f9
}

tbody tr.page-footer:first-child .table-btn {
    background-color: #fff
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e68c !important;
    border-top: 0
}

.table tbody + tbody {
    border-top: 1px solid #dee2e6
}

.custom-table > thead > tr, .pricing-table {
    background-color: transparent;
    color: #000;
    border: 0;
    border-bottom: 1px solid #dee2e6
}

.custom-table td {
    background: #fff !important
}

.table tr.toggler.toggler1 {
    border: 0 !important
}

.table thead th {
    border-top: 0
}

.table td:nth-child(2) .text-center, .table td:nth-child(3) .text-center, .table td:nth-child(4) .text-center, .table td:nth-child(n) .text-center {
    border-right: 1px solid #cde1f0;
    border-left: 1px solid #cde1f0;
    padding: 10px;
    max-width: 185px;
    min-width: 90px
}

.table thead th:nth-child(2), .table thead th:nth-child(3), .table thead th:nth-child(4), .table thead th:nth-child(5) {
    vertical-align: top;
    padding: 0 !important
}

    .table thead th:nth-child(2) .text-center, .table thead th:nth-child(3) .text-center, .table thead th:nth-child(4) .text-center, .table thead th:nth-child(5) .text-center {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        text-align: center !important;
        padding: 0;
        margin-bottom: 20px !important
    }

table h5.card-price-month.pt-2.pb-2.text-left, table h5.card-title.text-muted.text-left {
    text-align: center !important;
    margin-bottom: 0;
    font-size: 18px;
    margin-top: 10px
}

.custom-table button.btn.btn-round.btn-blue {
    font-size: 14px
}

.b-none a.text-uppercase.float-none.text-underline {
    font-size: 14px
}

table span.perMo {
    font-size: 14px;
    color: #45515b
}

table .card-price-month p {
    font-weight: 600;
    font-size: 30px;
    color: #0165bb;
    margin: 0;
    padding-bottom: 0
}

.table thead th:first-child {
    border-top: 0;
    min-width: 175px
}

.table thead th {
    min-width: 150px
}

tbody:last-child .text-center {
    border-bottom: 1px solid #cde1f0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.bb-none {
    border-bottom: none !important
}

tbody.page-footer .text-center {
    padding-top: 10px !important;
    padding-bottom: 20px !important
}

    tbody.page-footer .text-center.bb-none {
        padding-top: 20px !important;
        padding-bottom: 0 !important
    }

.text-underline {
    text-decoration: underline !important;
    text-underline-position: under !important;
    display: block;
    color: #0165bb
}

section.pricing-section.complete-feature-comparison {
    padding-top: 20px
}

table .fa-check:before {
    content: url(../images/green-tick.png) !important
}

.table thead th:last-child {
    min-width: 0
}

a.text-uppercase.float-none.text-underline {
    padding-top: 0 !important
}

.display-none {
    display: none
}

@media (max-width:768px) {
    table h5.card-price-month.pt-2.pb-2.text-left, table h5.card-title.text-muted.text-left {
        text-align: center !important;
        margin-bottom: 0;
        font-size: 16px
    }

    .table td:nth-child(2) .text-center, .table td:nth-child(3) .text-center, .table td:nth-child(4) .text-center, .table td:nth-child(n) .text-center {
        border-right: 1px solid #cde1f0;
        border-left: 1px solid #cde1f0;
        padding: 10px 0
    }

    .custom-table td. button.table-btn, .home-pricing.pricing-section.pricing h5 > p span.perMo {
        font-size: 14px
    }

    table h5.card-price-month.pt-2.pb-2.text-left p {
        font-size: 24px
    }

    .table thead th:first-child {
        border-top: 0;
        min-width: 0
    }

    a.text-uppercase.float-none.text-underline {
        padding-top: 0
    }

    .custom-table .toggler td:first-child {
        display: inherit
    }

    .table tr.toggler.toggler1 {
        border-bottom: 1px solid #eee !important
    }

    .custom-table td:first-child {
        text-align: left;
        padding: 10px;
        border: 0
    }
}

.custom-table .text-center.b-none {
    margin-bottom: 10px !important
}

h2.pt-4.features-title.text-left {
    margin-left: 15px;
    color: #385567;
    font-size: 30px
}

.signin-form .external-login .button-group .btn-round {
    padding: 15px;
    padding-left: 50px !important
}

.fb-btn {
    background: #507cc0 !important
}

    .fb-btn:after {
        content: url(../images/fb-link.png);
        position: absolute;
        left: 10px;
        top: 8px
    }

.tw-btn {
    background: #64ccf1 !important
}

    .tw-btn:after {
        content: url(../images/tw-link.png);
        position: absolute;
        left: 10px;
        top: 12px
    }

.gp-btn {
    background: #df4930 !important
}

    .gp-btn:after {
        content: url(../images/gp-link.png);
        position: absolute;
        left: 10px;
        top: 11px
    }

.ms-btn {
    background: #2867b2 !important
}

    .ms-btn:after {
        content: url(../images/ms-link.png);
        position: absolute;
        left: 14px;
        top: 14px
    }

.sign-left .row.justify-content-sm-center.mt-5 .col-md-12.col-lg-10:after {
    content: url(../images/or-vertical.png);
    position: absolute;
    right: -70px;
    top: 0
}

@media (max-width:1365px) {
    .external-login .col-lg-6 {
        max-width: 100%;
        text-align: center;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .external-login .button-group.mt-4 {
        margin-top: .5rem !important
    }
}

@media (max-width:991px) {
    .sign-right .mt-5 {
        padding-top: 0 !important;
        margin-top: 0 !important
    }

    .sign-left .row.justify-content-sm-center.mt-5 .col-md-12.col-lg-10:after {
        content: url(../images/or-vertical.png);
        position: absolute;
        right: -50px;
        top: 0
    }
}

@media (max-width:767px) {
    .sign-left .row.justify-content-sm-center.mt-5 .col-md-12.col-lg-10:after {
        content: ""
    }

    .col-md-6.sign-left:after {
        content: url(../images/or-horizontal.png);
        position: absolute;
        bottom: -45px;
        text-align: center;
        width: 100%
    }
}

.cs-title {
    color: #002e54;
    font-size: 80px;
    font-weight: 300
}

.bg-skyblue {
    background: #e3f1fe
}

.cs-subtitle {
    font-size: 16px
}

.cs-details .needs-validation .md-form label {
    left: .3rem;
    padding-left: 10px
}

.cs-details button.btn.btn-round {
    padding: 12px
}

.signin-pay .features-title.text-center, body .page-title {
    font-size: 30px !important;
    color: #3a5664
}

.pay-form {
    border: 1px solid #b6b6b6;
    padding: 25px;
    border-radius: 5px
}

    .pay-form .md-form {
        margin-bottom: 0
    }

        .pay-form .md-form.md-checkbox {
            margin-bottom: 1rem
        }

.signin-pay .md-radio label {
    padding: 0 0 0 30px
}

#card-stripe, .signin-pay .button-group .btn-round {
    border-radius: 25px;
    font-size: .8rem;
    background: #0165bb;
    color: #fff;
    font-size: 15px;
    padding: 12px
}

.paypal-wrapper .pay-form p {
    font-size: 16px
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 1px transparent
    }

    50% {
        box-shadow: 0 0 0 15px rgba(0,0,0,.1)
    }

    100% {
        box-shadow: 0 0 0 15px transparent
    }
}

.md-radio {
    margin: 16px 0
}

    .md-radio.md-radio-inline {
        display: inline-block
    }

    .md-radio input[type=radio] {
        display: none
    }

        .md-radio input[type=radio]:checked + label:before {
            border-color: #fff;
            animation: ripple .2s linear forwards;
            border: 5px solid #337ab7
        }

        .md-radio input[type=radio]:checked + label:after {
            transform: scale(1)
        }

    .md-radio label {
        display: inline-block;
        min-height: 20px;
        position: relative;
        padding: 0 30px;
        margin-bottom: 0;
        cursor: pointer;
        vertical-align: bottom
    }

        .md-radio label:after, .md-radio label:before {
            position: absolute;
            content: "";
            border-radius: 50%;
            transition: all .3s ease;
            transition-property: transform,border-color
        }

        .md-radio label:before {
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border: 1px solid #337ab7
        }

        .md-radio label:after {
            top: 5px;
            left: 5px;
            width: 10px;
            height: 10px;
            transform: scale(0);
            background: #fff
        }

.md-checkbox {
    position: relative;
    margin: 1em 0;
    text-align: left
}

    .md-checkbox.md-checkbox-inline {
        display: inline-block
    }

    .md-checkbox label {
        cursor: pointer;
        display: inline;
        line-height: 1.25em;
        vertical-align: top;
        clear: both;
        padding-left: 1px
    }

        .md-checkbox label:not(:empty) {
            padding-left: .75em
        }

        .md-checkbox label:after, .md-checkbox label:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0
        }

        .md-checkbox label:before {
            width: 1.25em;
            height: 1.25em;
            background: #fff;
            border: 2px solid rgba(0,0,0,.54);
            border-radius: .125em;
            cursor: pointer;
            transition: background .3s
        }

    .md-checkbox input[type=checkbox] {
        outline: 0;
        visibility: hidden;
        width: 1.25em;
        margin: 0;
        display: block;
        float: left;
        font-size: inherit
    }

        .md-checkbox input[type=checkbox]:checked + label:before {
            background: #337ab7;
            border: none
        }

        .md-checkbox input[type=checkbox]:checked + label:after {
            transform: translate(.25em,.3365384615em) rotate(-45deg);
            width: .75em;
            height: .375em;
            border: .125em solid #fff;
            border-top-style: none;
            border-right-style: none
        }

        .md-checkbox input[type=checkbox]:disabled + label:before {
            border-color: rgba(0,0,0,.26)
        }

        .md-checkbox input[type=checkbox]:disabled:checked + label:before {
            background: rgba(0,0,0,.26)
        }

.color-white {
    color: #fff
}

.color-lightblue {
    color: #385567
}

.color-blue {
    color: #0065ba
}

.color-regular {
    color: #606c76
}

.color-darkblue {
    color: #0065ba
}

.color-orange {
    color: #f27446 !important
}

.border-orange {
    border-top: 0 solid #0097cf !important;
    border: 2px solid #f2744682 !important
}

.signin-pay .needs-validation .md-checkbox.md-form label {
    padding-left: 2rem;
    color: #44515a;
    font-size: 14px
}

.signin-pay .small-anchor {
    float: right;
    margin-top: 5px;
    text-decoration: none !important;
    text-align: right
}

.pay-price {
    font-size: 24px !important;
    font-weight: 500
}

.text-description {
    font-size: 16px;
    color: #45515b;
    margin-top: 8px;
    font-weight: 500
}

.plan-smallfont {
    font-size: 14px;
    font-weight: 400
}

.bg-lightgrey {
    background: #f5f6f7
}

.addon-link a {
    font-size: 13px
}

.add-on input {
    cursor: default
}

.pay-form p {
    margin-bottom: 0
}

body .terms .plan-smallfont a {
    float: left;
    margin-top: 0 !important;
    text-decoration: none !important;
    text-align: left;
    font-size: 16px !important;
    display: contents;
    font-weight: 400
}

.bb-pay {
    border-bottom: 1px solid #b6b6b6;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: -25px;
    margin-right: -25px;
    padding-bottom: 10px;
    margin-top: -5px
}

.pay-form .w-100.md-form.md-checkbox {
    margin-left: -15px
}

.text-title {
    font-size: 20px
}

.small-anchor {
    font-size: 15px;
    display: inline-block;
    text-decoration: none
}

.plan-selection {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px
}

.plan-selection-list {
    width: 100%;
    height: 100%;
    float: left;
    padding: 20px 35px;
    border: 1px solid #ccc;
    border-radius: 5px
}

.card-data {
    position: relative;
    top: 40px;
    text-align: center;
    margin-bottom: 40px
}

    .card-data p {
        font-size: 14px;
        margin-bottom: 10px
    }

body .card-data h4 {
    color: #0178d6;
    font-size: 30px
}

.select-plan-group label {
    width: 100%;
    display: block;
    text-align: left;
    color: #3c454c;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color .2s ease-in;
    overflow: hidden;
    margin-bottom: 0;
    min-height: 150px
}

    .select-plan-group label:before {
        width: 11px;
        height: 11px;
        content: '';
        background-color: #f3fff1;
        position: absolute;
        left: 50%;
        top: 50%;
        transition: all .3s cubic-bezier(.4,0,.2,1);
        opacity: 0;
        z-index: -1
    }

    .select-plan-group label:after {
        width: 22px;
        height: 22px;
        content: '';
        border: 2px solid #d1d7dc;
        background-color: #fff;
        border-radius: 50%;
        z-index: 2;
        position: absolute;
        left: calc(50% - 10px);
        top: 10%;
        cursor: pointer;
        transition: all .2s ease-in
    }

.select-plan-group input:checked ~ label {
    color: #000;
    border: 2px solid #2dac14
}

    .select-plan-group input:checked ~ label:before {
        transform: translate(-50%,-50%) scale3d(56,56,1);
        opacity: 1
    }

    .select-plan-group input:checked ~ label:after {
        border: 5px solid #2dac14
    }

.select-plan-group input {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden
}

.enhance-addons > p {
    margin-bottom: 0
}

.order-summary-container {
    background: #f0f7fd
}

    .order-summary-container p {
        font-size: 14px;
        color: #606c76;
        padding: 15px
    }

        .order-summary-container p a {
            float: left;
            margin-top: 0 !important;
            text-decoration: none !important;
            text-align: left;
            font-size: 14px;
            display: contents
        }

.order-summary .list-group-item {
    border: 0;
    background: 0 0;
    padding-left: 0;
    padding-right: 0
}

.order-summary h6, .total-style {
    color: #3a5664;
    font-size: 18px
}

.order-summary .list-group-item:last-child {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.plan-selection h4, .plan-selection h5 {
    color: #3a5664;
    font-size: 22px
}

@media (max-width:768px) {
    .choose-your-plan a > .plan-selection {
        width: 100%
    }

        .choose-your-plan a > .plan-selection::before {
            display: none
        }

    .pricing .card {
        width: 100%
    }

    .button-group .btn-round, .button-group a {
        margin: 0 auto;
        display: block;
        text-align: center;
        float: none
    }

    .frequently-asked-questions .card {
        width: 100%
    }
}

@media (max-width:1199px) {
    .pricing {
        margin-top: 35px
    }

        .pricing .card {
            width: 100%
        }

    .button-group a {
        float: none
    }

    .plan-selection .p-4 {
        padding: .5rem !important
    }
}

@media (max-width:990px) {
    .inputGroup label:after {
        left: 49%
    }
}

.freetrail-wrapper {
    position: relative
}

@media (min-width:1365px) {
    p.trail-text-number {
        position: absolute;
        top: 58px;
        left: 72px !important;
        font-size: 60px;
        font-weight: 700;
        color: #666767;
        text-align: center;
        width: 63px;
        text-align: center
    }
}

@media (min-width:1200px) {
    p.trail-text-number {
        position: absolute;
        top: 58px;
        font-size: 60px;
        font-weight: 700;
        color: #666767;
        text-align: center;
        left: 62px;
        width: 63px;
        text-align: center
    }
}

@media (min-width:991px) and (max-width:1200px) {
    .freetrail-wrapper img {
        width: 145px !important;
        height: 155px !important;
        text-align: center;
        padding: 0 !important;
        max-width: none
    }

    p.trail-text-number {
        position: absolute;
        top: 58px;
        left: 57px;
        font-size: 60px;
        font-weight: 700;
        color: #666767;
        text-align: center;
        width: 63px;
        text-align: center
    }
}

@media (min-width:768px) and (max-width:991px) {
    .freetrail-wrapper img {
        width: 178px !important;
        min-height: 140px !important;
        text-align: center;
        padding: 0 !important;
        height: 170px !important
    }

    p.trail-text-number {
        position: absolute;
        top: 68px;
        left: 72px;
        font-size: 64px;
        font-weight: 700;
        color: #666767;
        text-align: center;
        width: 63px;
        text-align: center
    }
}

@media (max-width:768px) {
    p.trail-text-number {
        position: absolute;
        top: 68px;
        left: calc(50% - 32px);
        font-size: 52px;
        font-weight: 700;
        color: #666767;
        text-align: center;
        width: 63px;
        text-align: center
    }

    .freetrail-wrapper {
        position: relative;
        text-align: center
    }
}

.freetrail-wrapper img {
    width: 178px;
    min-height: 140px
}

.left-submenu {
    left: -200px
}

.pay-form .color-blue.small-anchor {
    color: #0065ba !important;
    font-weight: 400
}

.nav-item > ul.dropdown-menu.left-submenu:after {
    right: 29px;
    left: initial
}

.nav-item > ul.dropdown-menu.left-submenu:before {
    right: 30px;
    left: initial
}

.left-menu {
    border: 1px solid #eee;
    float: left
}

.profile-title {
    float: left;
    border-bottom: 1px solid #eee
}

.color-blue {
    color: #022e55 !important
}

.color-black {
    color: #000 !important
}

.va-middle {
    margin-top: 10%
}

.profile-details .md-form label, .profile-details .md-form label.active {
    font-size: 15px;
    left: -15px;
    color: #000;
    opacity: .6;
    font-weight: 500
}

p.currentplan-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px !important;
    text-align: center
}

p.currentplan-value {
    text-align: center
}

.profile-details .md-form input[type=text]:not(.browser-default) {
    padding-left: 0 !important
}

.profile-options {
    border: 1px solid #eee;
    float: left
}

.profile-title p {
    font-size: 18px;
    letter-spacing: .2px
}

.right-profile .alert-danger i, .right-profile .alert-danger p {
    font-size: 15px;
    color: #bf3838
}

.alert-danger {
    color: #721c24;
    background-color: #ffebeb;
    border-radius: 3px
}

.profile-body .md-form .form-control:disabled {
    background-color: transparent
}

.right-profile .responsiveTabs li a {
    text-decoration: none;
    font-size: 15px;
    color: #002e54;
    position: relative
}

.right-profile .responsiveTabs .active a {
    color: #0065ba;
    padding: 0 15px
}

.right-profile .responsiveTabs li a.active:after {
    content: "";
    position: absolute;
    width: 120%;
    height: 4px;
    background: #0065ba;
    left: -10%;
    bottom: -20px
}

.shadow-sm {
    box-shadow: .025rem .125rem .25rem .025rem rgba(0,0,0,.175) !important
}

.color-grey {
    color: #45515b !important
}

.font-small, .fs-12 {
    font-size: 12px
}

.fs-14 {
    font-size: 14px
}

.fs-15 {
    font-size: 15px
}

.fs-16 {
    font-size: 16px !important
}

.fs-20 {
    font-size: 20px !important
}

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

.fs-25 {
    font-size: 25px !important
}

.fs-30 {
    font-size: 30px !important
}

.fs-22, body .page-title.fs-22 {
    font-size: 22px !important
}

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

.fw-500, body .page-title.fw-500 {
    font-weight: 500
}

.fw-400 {
    font-weight: 400
}

.cart-title.pb-0 {
    padding-bottom: 0 !important
}

.cart-subtitle.pb-0 {
    padding-bottom: 0 !important;
    font-weight: 500
}

.cart .color-blue.fs-30, .priceSpinner.color-blue, .priceSpinner2.color-blue {
    color: #0065ba !important
}

.right-profile li {
    padding: 0 10px;
    margin-left: 15px;
    margin-right: 15px
}

.add-on {
    display: block;
    vertical-align: middle;
    text-align: center;
    padding-top: 15px
}

body .add-on button.btn.btn-round.btn-blue {
    padding: 5px 20px !important;
    font-size: 15px !important;
    font-weight: 300
}

.addon-wrapper, .border-blue {
    border: 1px solid #ced5ef
}

.center {
    margin: 0 auto
}

.modal {
    z-index: 111111111
}

.modal-backdrop.show {
    z-index: 11111111 !important
}

.decrease, .decrease2, .increase, .increase2 {
    height: 30px;
    display: inline-block;
    float: left;
    background: #f6f7fb;
    padding: 2px;
    width: 30px;
    border: 1px solid #ced5ef;
    cursor: pointer
}

.number, .number2 {
    width: 60px;
    text-align: center;
    display: inline-block;
    padding: 0;
    height: 30px;
    padding-left: 15px;
    border: none;
    border-top: 1px solid #ced5ef;
    border-bottom: 1px solid #ced5ef
}

.fa-pencil:before {
    content: url(../images/edit.png) !important
}

.fa-bell:before {
    content: url(../images/bell.png) !important;
    position: relative;
    top: 5px
}

.fa-chevron-left:before {
    content: url(../images/left-chevron.png) !important
}

.fa-envelope:before {
    content: url(../images/email.png) !important
}

a.text-decoration-none {
    text-decoration: none
}

.back {
    margin-top: 1px;
    color: #0065ba
}

    .back a span {
        color: #0065ba !important
    }

@media (max-width:991px) {
    .right-profile .responsive-tabs-container.accordion-xs .accordion-link {
        display: block;
        float: left;
        width: 100%
    }
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 650px
    }
}

@media(max-width:991px) {
    .right-profile .tab-content > .active {
        display: block;
        opacity: 1;
        padding: 20px
    }
}

@media (max-width:1200px) {
    .back {
        padding-left: 15px !important
    }
}

@media(max-width:600px) {
    #content-wrap {
        padding-bottom: 152px !important
    }
}

@media (max-width:380px) {
    body #content-wrap {
        padding-bottom: 165px !important
    }
}

@media (max-width:660px) {
    #content-wrap {
        padding-bottom: 160px !important
    }
}

.error_msg {
    border-radius: 10px
}

.policy p, .terms p {
    color: #45515b !important;
    font-weight: 300;
    font-size: 14pt
}

.card-wrapper .terms p, .paypal-wrapper .terms p {
    color: #45515b !important;
    font-weight: 300;
    font-size: 16px;
    font-weight: 400;
    text-align: justify
}

.policy h1, .terms h1 {
    font-family: Roboto;
    font-weight: 300;
    font-size: 34pt;
    padding: 10px
}

.policy h2 {
    font-family: Roboto;
    font-weight: 300;
    font-size: 26pt;
    padding: 10px
}

.policy h3 {
    font-family: Roboto;
    font-weight: 300;
    font-size: 24pt;
    padding: 10px;
    color: #212529
}

.policy li {
    color: #45515b !important;
    font-weight: 300;
    font-size: 14pt
}

.policy p i, .terms li i {
    display: inline-block
}

.policy i u, .policy u i {
    font-size: 21px;
    text-decoration: underline;
    text-underline-position: under
}

.right-dropdown li {
    max-width: 250px
}

.right-dropdown {
    left: -150px;
    max-width: 250px !important;
    top: 52px
}

.nav-item > ul.dropdown-menu.right-dropdown.show:before {
    right: 25px;
    left: initial
}

.nav-item > ul.dropdown-menu.right-dropdown:after {
    left: initial;
    right: 24px
}

.right-dropdown li a, .right-dropdown li span {
    font-size: 16px !important;
    color: #002e54;
    font-weight: 400;
    font-family: Roboto;
    display: block;
    padding-bottom: 10px
}

.right-dropdown hr {
    margin: 0
}

.right-dropdown .signin:hover:after {
    display: none
}

#wrapper {
    position: relative;
    min-height: 100vh;
    float: left;
    width: 100%
}

#content-wrap {
    padding-bottom: 125px;
    float: left;
    width: 100%
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    float: left;
    left: 0
}

section.choose-your-plan.banner_area.innerpage_banner.noaccess-page {
    margin-top: 15%
}

.v-hidden {
    visibility: hidden;
    display: inline-block;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    position: absolute;
    left: 0;
    overflow: hidden
}

textarea#textarea-char-counter {
    padding-left: 10px;
    padding-top: 10px
}

.sign-left .md-radio.md-radio-inline {
    display: inline-block;
    text-align: left
}

#rowStripe > div, div#card-element, div#payment-form-container {
    display: block;
    width: 100%
}

form.form-horizontal {
    width: 100%
}

div#card-element {
    border: 1px solid #b6b6b6 !important;
    display: block;
    float: left;
    padding: 20px
}

.home-pricing a.btn.btn-round {
    text-decoration: none;
    text-transform: initial
}

.md-form > label {
    margin-left: 15px
}

.text-center.b-none.d-none {
    display: block !important;
    visibility: hidden
}

.more-link a {
    font-family: Roboto
}

.signup-form.needs-validation .md-form label {
    left: .3rem !important
}

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

div#creditcard {
    width: 100%;
    padding-bottom: 40px
}

.add-on {
    display: inline-block;
    float: left
}

.aggressive-field {
    margin-top: 30px;
    margin-bottom: 0 !important
}

    .aggressive-field input {
        max-width: 135px !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
        padding: 0 !important;
        padding-top: 22px !important
    }

    .aggressive-field label {
        width: 135px !important;
        text-align: center !important;
        margin: 0 !important;
        top: -15px !important;
        left: calc(50% - 50px) !important
    }

.wrap-background {
    background: #e5f3fe
}

.aggressive-field:after {
    content: "$";
    position: absolute;
    top: 20px;
    left: calc(50% - -38px);
    color: #b1afb3
}

.rwd-table {
    margin: auto;
    max-width: 100%;
    border-collapse: collapse
}

    .rwd-table tr:first-child {
        border-top: none;
        color: #fff
    }

tbody tr:first-child {
    border-bottom: 1px solid #d3d2d2 !important
}

.rwd-table tr {
    border-top: 1px solid #ddd;
    border: 1px solid #ddd !important
}

.rwd-table th {
    display: none
}

.rwd-table td {
    display: block
}

    .rwd-table td:first-child {
        margin-top: .5em
    }

    .rwd-table td:last-child {
        margin-bottom: .5em
    }

    .rwd-table td:before {
        content: attr(data-th) ": ";
        font-weight: 700;
        width: auto;
        display: inline-block;
        color: #000
    }

.rwd-table td, .rwd-table th {
    text-align: left
}

.rwd-table {
    color: #333;
    border-radius: .4em
}

    .rwd-table tr {
        border-color: #bfbfbf
    }

    .rwd-table td, .rwd-table th {
        padding: .5em 1em
    }

@media screen and (max-width:601px) {
    .rwd-table tr:nth-child(2) {
        border-top: none
    }
}

@media screen and (min-width:600px) {
    .desk-rightali {
        text-align: right
    }

    .rwd-table td:before {
        display: none
    }

    .rwd-table td, .rwd-table th {
        display: table-cell;
        padding: .25em .5em
    }

        .rwd-table td:first-child, .rwd-table th:first-child {
            padding-left: 0
        }

        .rwd-table td:last-child, .rwd-table th:last-child {
            padding-right: 0
        }

    .rwd-table td, .rwd-table th {
        padding: 1em !important
    }
}

.black-color a {
    color: #45515b !important
}

    .black-color a i:hover {
        color: #0065ba
    }

.tooltip.active {
    border-radius: 50%;
    color: #9faab3 !important;
    z-index: 11111111;
    opacity: 1;
    overflow: inherit;
    left: 80px !important;
    width: auto !important
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 145px;
    background-color: #a6c9e7;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1111111111111111;
    top: -30px;
    left: 135px !important;
    height: auto;
    white-space: pre-wrap
}

    .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #a6c9e7 transparent transparent
    }

.tooltip:hover .tooltiptext {
    visibility: visible
}

.aggressive-alert {
    display: none
}

input#zen_applicableAggressivePlanMonths {
    background: rgba(0,0,0,0);
    border: none;
    max-width: 15px !important;
    width: fit-content !important;
    color: #bf3838
}

.aggressive-alert p {
    font-size: 14px !important
}

.hidden {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.aggressive-header {
    max-width: 70% !important;
    height: auto;
    display: flex
}

    .aggressive-header .select-text {
        border: none !important
    }

.bb-custom {
    border-bottom: 1px solid #ced4da
}

    .bb-custom .select-text {
        border: none !important
    }

.aggressive-field1 select, .aggressive-field2 select, .aggressive-header select {
    text-align: center;
    float: right !important;
    width: 100% !important
}

.table-card-price {
    border: 1px solid #0065ba;
    margin: 35px;
    margin-left: 55px;
    border-radius: 9px
}

    .table-card-price .wrap-background {
        text-align: left;
        padding-top: 15px;
        font-size: 16px
    }

        .table-card-price .wrap-background ul {
            margin-left: 52px;
            padding-top: 10px;
            list-style-image: url(../images/grey-tick.png) !important
        }

.table-card {
    width: 100%;
    max-width: 300px !important;
    min-width: 300px;
    text-align: center;
    margin: 0 auto
}

strike {
    color: #0165bb
}

.signup-btn:after {
    display: none;
    content: "(Click here to pay what you can for 6 months)";
    position: absolute;
    bottom: 0;
    left: -150px;
    color: #1870ba;
    bottom: -16px;
    font-size: 12px
}

@media (max-width:991px) {
    .social-icons a i {
        margin-top: 30px
    }

    .signup-btn:after {
        left: calc(50% - 122px)
    }
}

@media (max-width:542px) {
    .signup-btn:after {
        left: calc(50% - 120px);
        bottom: -36px;
        text-align: center;
        width: 100%;
        margin-left: 10px;
        margin-right: 10px
    }

    .social-icons a i {
        margin-top: 45px
    }
}

p.banner-text.fs-12 {
    font-size: 12px !important
}

.aggressive-field input::-webkit-inner-spin-button, .aggressive-field input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none
}

select.select-text::-ms-expand {
    display: none
}

.aggressive-field input[type=number] {
    -moz-appearance: textfield;
    text-align: left
}

.table-list-fs li {
    font-size: 14px !important;
    padding-top: 5px;
    padding-right: 10px
}

.card-price-month strike, table strike {
    color: #0165bb;
    text-decoration-thickness: .1em;
    text-decoration-thickness: 3px
}

    .card-price-month strike .perMo {
        font-size: 16px !important
    }

.pricing-table.table-responsive.pt-0 {
    overflow-y: hidden
}

.font-weight-500 {
    font-weight: 500
}

.banner--gradient-bg {
    background-color: #0f2e51;
    background-size: cover;
    color: #fff;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    padding: 25px 15px;
    top: 4px;
    position: relative
}

    .banner--gradient-bg button, .banner--gradient-bg button svg, svg.banner__close_svg {
        background: 0 0;
        border: 0;
        cursor: pointer
    }

body #optoutbanner {
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 111;
    width: 100%
}

.banner__title {
    width: auto;
    float: left
}

#optoutbanner {
    width: 100%;
    display: inline-block
}

select.fs-14 {
    font-size: 14px !important;
    padding-left: 0 !important
}

.select.aggressive-header {
    padding-left: 0
}

.overflow-hidden {
    overflow: hidden !important
}

.credit-card {
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 7px;
    width: 100%;
    max-width: 250px;
    position: relative;
    border: 1px solid #00000021;
    transition: all .4s ease;
    box-shadow: 0 2px 4px 0 #cfd7df;
    min-height: 90px;
    padding: 13px;
    background: #1a1b1c;
    text-align: left;
    margin-left: auto;
    float: none;
    margin-right: auto;
    float: left
}

    .credit-card.selectable:hover {
        cursor: pointer;
        box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
    }

.credit-card-last4 {
    font-family: "PT Mono",Helvetica,sans-serif;
    font-size: 24px
}

    .credit-card-last4:before {
        content: "**** **** **** ";
        color: #4f4d4d;
        font-size: 20px
    }

.credit-card.american-express .credit-card-last4:before, .credit-card.amex .credit-card-last4:before {
    content: "**** ****** *";
    margin-right: -10px
}

.credit-card.diners .credit-card-last4:before, .credit-card.diners-club .credit-card-last4:before {
    content: "**** ****** "
}

.credit-card-expiry {
    font-family: "PT Mono",Helvetica,sans-serif;
    font-size: 18px;
    position: absolute;
    bottom: 8px;
    left: 15px
}

.credit-card.visa {
    background: #4862e2;
    color: #eaeef2
}

    .credit-card.visa .credit-card-last4:before {
        color: #8999e5
    }

.credit-card.master, .credit-card.mastercard {
    background: #4f0cd6;
    color: #e3e8ef
}

    .credit-card.master .credit-card-last4:before, .credit-card.mastercard .credit-card-last4:before {
        color: #8a82dd
    }

.credit-card.american-express, .credit-card.amex {
    background: #1cd8b3;
    color: #f2fcfa
}

    .credit-card.american-express .credit-card-last4:before, .credit-card.amex .credit-card-last4:before {
        color: #99efe0
    }

.credit-card.diners, .credit-card.diners-club {
    background: #8a38ff;
    color: #f5efff
}

    .credit-card.diners .credit-card-last4:before, .credit-card.diners-club .credit-card-last4:before {
        color: #b284f4
    }

.credit-card.discover {
    background: #f16821;
    color: #fff4ef
}

    .credit-card.discover .credit-card-last4:before {
        color: #ffae84
    }

.credit-card.jcb {
    background: #cc3737;
    color: #f7e8e8
}

    .credit-card.jcb .credit-card-last4:before {
        color: #f28a8a
    }

.credit-card.unionpay {
    background: #47bfff;
    color: #fafdff
}

    .credit-card.unionpay .credit-card-last4:before {
        color: #99dcff
    }

.credit-card::after {
    content: " ";
    position: absolute;
    bottom: 10px;
    right: 15px
}

.credit-card.visa::after {
    height: 16px;
    width: 50px;
    background-image: url(data:image/png;base64,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)
}

.credit-card.master::after, .credit-card.mastercard::after {
    width: 40px;
    height: 25px;
    background-image: url(data:image/png;base64,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)
}

.credit-card.american-express::after, .credit-card.amex::after {
    width: 50px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAOCAYAAABth09nAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAABa9JREFUSA3FVm2IVUUYnnPO3pvuuuYqWmqRaaBEFBZBH6gVWtCfsv5USLBmBGFEUPgnyE0rE/rRh+WWVIJLsUEQ2QdFSSCilIprkriyV3fXbffeXe/nOfecMzNnep7Ze3avlr974WXe93k/Zt6ZeeccRzSTMY5wHANyAbeBY7DTcCGWygZy0sA50BY6jmMxxF/VwOiXkgfh8rjU1jzSx0Ou4BLQmJnQ03xpLq5nVleXKDT7ikYBQmn9AeQIXE6SpIaR/Dd4uMHjGH1wFVwG18EbmSw0ZjlictAr4DSWMmPzTVhqax4D2JmT+Y6CFzGnNqa7gdHGebmWQfBF8BP0SXfYFsEdRYYlM4TIJcYM6CTZkfG8jJRJxmtxXncdZ7ZNrM1vkVJfZj2vzXVFFXE7wUXwjUi8BT47pNbve473J+RMIpJ5La7blSTmhJSq28t4M3GentviShylShLhapFgLW4dB+1h32/OeO5mbH8fbH2eKzYobX7SSn2r4Z/NeC8i3wrk3oU5N2POqTpYSAsXiXEn2FT86BHqKdWl3kacFEn9WopzjGO1adJimHQQG3C22X7KmCztYax2N+OXy1LKB1KMczCGhEp7U9z31aPEcEpfpBjUyUIg8I6ziFZwAQu5ILYad3i4Mm+8EqynrRSGy4DzaLEg+Q6xQqHQjsE5eLrQrnQyQhsplPpl2k+MjrLPBO7L9cRxZfdSr1Qq83Bi78ZK7wPvjZXarVTytY2N9XP0IWlt9gHfP6kJUY9VJ31A36UYZLt2q0OxpxFr/RK9MMkrNASBvFfq5Ex/v21egUk/pz2K9Nu0j5fCtaMTwV2US7XoLdpQbGmw4C/aiglGS3W7w4AX0sZF07daNQvQR32AWPw5cA7XroDR0lgxeIx+uZyZwU2iXArl2ob5F+ok6JcUMXW/sIjTmCAu+L5tskiqXgZjJzYxMJDyHuqx1PZESn79mXqkPqXt7Gh1AfqKi+2hzmsCeRflYr1+A+OU0p9R7+01fHUuofEgWIy5cWMmKX+xsip1iGNzewP+IcWgTxcBkCfBpEops951xHKcQPf8traRP0ZGWtGQ38B2JEnUBYyiNZM5FMvklOe6rdRF4tZaPLdzpFjsWtTRfr4eye2OKw7S5DjeC0aYGuUpciaf7NWrx2ZgIQ9pLfBMaz6pked5SzAqcBZ8dH5H+1Sf1aI4no03x3Od6xC3AA2ehw8Lmf4EpJVh/BmclMPwJjhckap+/LzW2jYtHwTEGDwErzIgn8/P4niuVOfrZXDH36QO0fYI4j6h7vs+rxoP8F+kdXLseK44x/rFZmW5PLmeoh+vbDhfHBoa4jeFeXkQ0xQbcyedcK72mkDMYBF7MB4D/w4+jldkKyPGA7O4WIs7KZeC6HHY2BdDh/snZkO0VwaFbSeOmG3WLwyXUkezp/lbOac0Zl2o1MPVav2+IJJb4H/mVC5/LWNyxeIc5O1H2EC5XJ5LzPfjO5gHdIQ6CfL0NYXyEa1SmrtpDKV8kDqIH5wTFHRiop79fR20pzRWCtfRRqr48bPE+86XOrDV/PixkB3EJiZskQbPdDf1K9GeQ0N2wUEQ8ATPMAcJD8HhA8dz9pQGxmq3NY7yIEy2CIyuE0VmRTYr/mok/xGgjxu+znEEP37LcB8HlDFPIaIHCU8CHwDGXxB8xM1SyLcy1hiBj5n4Hn2xHB/OWywmRBnjr+C5eFHWwL8C+QBispBbcMHxPeVvB7IKEwOPqSDZGshXw5dPMXvoY24O8uKG8LfJrIL9GuAnwfdDnnDQ5E96nngaACedD2agwAtyAA34BuWiMXNQ1XuYlMeeHiVfuwhcBTOGxXHyEEyMRIzPJz7Iotik2zmgpyNE27zMiRtn2ozj9OCH60MaoG/EsAGM2u383BDOsVAmyVf4w7A9C/2/CQn4B8nk/wthbhecbtwV18A1/gO9YNLvMyQVLwAAAABJRU5ErkJggg==)
}

.credit-card.diners-club::after, .credit-card.diners::after {
    width: 30px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAYAAADtaU2/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAED2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOkFDMEM4Rjk2NTQzRDExRTQ5MzZBQzlERDRCNDEwQzZDPC94bXBNTTpEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06RGVyaXZlZEZyb20gcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICA8c3RSZWY6aW5zdGFuY2VJRD54bXAuaWlkOkFDMEM4RjkzNTQzRDExRTQ5MzZBQzlERDRCNDEwQzZDPC9zdFJlZjppbnN0YW5jZUlEPgogICAgICAgICAgICA8c3RSZWY6ZG9jdW1lbnRJRD54bXAuZGlkOkFDMEM4Rjk0NTQzRDExRTQ5MzZBQzlERDRCNDEwQzZDPC9zdFJlZjpkb2N1bWVudElEPgogICAgICAgICA8L3htcE1NOkRlcml2ZWRGcm9tPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOkFDMEM4Rjk1NTQzRDExRTQ5MzZBQzlERDRCNDEwQzZDPC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93czwveG1wOkNyZWF0b3JUb29sPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KetBeNQAAB1JJREFUSA2FVnts1eUZfn7Xc+k5PS29nLZwLNTWIgwwglFEzTaLJnN0mlA0mWMZQraFmIyZ3bKLbbKxubixbJo4XWY0U7OCYUydyB8Dht1IZh1lcmmpVegFCpzez2nPOb/Lnvc755SqifuStr9+l/d53+d93+f7NHx8tLfrwONAu+appetfSSBtrcAq+wZU2XHomgGHS7IaM7E0HkTQ0jCUdXIzjj9i2lqv4zinsbtlVJ3v7DTQ1uZB0/yFUNrCf9Du6/OAX37zFvj4atuaqjvvaIw2XFcdjiyKBmDoOtIZB8PJNE5+OIU956aVE5V0wvM9jMGY0DT0+bnsETjOy3ji8z0KY6FtTlwDLiw83XkqsvON4W9vao7u/MbnGqpvbi5HecRAwNIlRvFanXE9DzOzOQwMTuBA1xA63k36iBpanW3pI5oFzbDgO5lh7n8Ks6nf4cl7U/AZmJZnMg9cAH3s9+9U/upE6qmf3BF/cMfGBJZUhXM8SOp5gHi+719zVDxgaDJmycDhdwbRun/Ad3XfX2zp/rAHXzNs07cDgOvshZN+VNFfwNIgOW1v91Skh688t+fepQ9tv6fWjYRseJ5vSJA66fUZawHnWtj8cl0fhkG/OLpOjuCLfzoD4bqCeU+6nqsIKikz4GZfQyb1Nfy8JSkp1XFqhXJ758HhXd+9tfqhRzbWOgTVHNdjOjUFOpXOQqgtDjmQIs2ZnKdAXc8XNrBhdR32bW4iBQ7zDQR1wyBRGlKTOej2JhjhDmXjcTCi03t9bHtj3W1LSn/z07amSG1F2HcJajIKOfzm2wM42nMRaxorYZmc46RQ/J/ey3jlUD8aFkcRiwTUXp3z19WWonImjf1nJ1ETMTHFeobGFDlZDYa1Chu2/hctS3vzHKWMh3femYg3Lo469NwQ6iSK/X8/h/uePIXkVGY+n8Wohfof/G0E33n+BIZGp1jtGmn3YPLvF9YnsDpqssVclCo+NebKdUhPCLa9A7s6QzpaD9StaCy969YbF4lNTQzKOH5yGJv3DQD1AYRtkzOFBbWaz/cNy0J4uT+FZ17rU9SrXNNAoqYUW9dUANMOYoZClgM6cmlJ+XqEq9bqmNOWt9aXNMTLbDGpSV6nmdOXjg0BIdYWo3dYQJ8YnPpgzkNd3MbPToyhp++y2uISOGAZWNVQpnx1yJylVpgHKTYf9Ei7nVa9hkQ8FAsFDa/YLh+OTOLP51OoDhPYkZx+AlY8R47ghizy77v9SZUeqSUZdVUlWE7Hx+h0ID/FfvSkJwHTXqkjalaXK0XinDIHXJ2cw9ici4i0CSc/bbBfaIiSeXWOdGepqHmUcMhCLYEzBGZnFYeAy3eNTnlgrRJRtLQAIpUrI1956vP//NJY1dJS17ZJ5Cq9C+bmVyktOlK58Sn2JIVAukRtK4/aMGzmeqGl+VMf/WAyqEwe4mUswqClHJCpOarZFdaATnRmKz/EvjCi+ePUTn1gcDQ9O5d1yVKek/raGB6sCWGUdIMF/Wn4yiYZWt2wSPV5kbbRsTR60i6qCJwpAkPnF3l0nTM6aryz/xic/SA5LbJMfaCRilgID29YDEw43CfqxZX5w3nn5XdTUMfQeBbbG6NY21ytFiTHVD2cOj9Baz6CBM7Kikgbe4ZfKXhOl44XHnj/6LnJf/b0T8ryvC5+dl0Ce1pqgb60qtZCscqe+XHuUgZrwyYee6AZi2JBJSDC2qVkCn/tSQJ55SrudxEIMQr8G+7V44X68V588diF8YvJWYt97IrHoYCJHa034tltyyB5/Djd0tvbVpbipW/ehOXLKlRAogFCzJHuYRwazSDBqh5XhcpSFgHxXBe57B/wxJZJQ13+v206f2bJ5upEOLD+luYy1+R1RHAtSMVa3VSFxiWliIQt9QiQjpNSKAma2LiuTqmUsChVLbdY99lLaHv1fWRFA7gvw+uRvrgI86Xg8mFw+fRudL/uFSIGtq4r3/2tQxcOHnh71GKBuLwkPLmRTOaorioC21T1q0Al+oqykKoF0WdxRF4mvRfG8OO9vZhhlDWWjilXKYaDcJnFSLvgad/Hs1/Poa2TVmUULufP/PBo4r1x7/kX7m+6e9P6Kr48bFYXS5EPAGLleZQTEgOH5FNAJaju06P40b5eHBrP+YmI4Q86BNV10w9GqX6Zw8jObscvWgYEFHu3uPkwjnT4MnH5mfsm7r7/K2/9umusNJ1MrYzHwnZJyCDlhpcHESDecfkf5BwXQ1em/b8cHvBbX+1HP2UqEbEx6POuCkZ0XoYzfHc9x6fPo/jlPUOQh1/HFiV2+YjzAaDojUSotb7+JdRHH/neTRW3rW2MVdbHSxAtsaW7lDiMJmdx5gI1/b1x/GuM1yYvmTjTcYkvUOrSRdo4hlzuj9h911vKfCHSItRHgWW2QLt87uK9ueeYcTPq7NtRV7pyTcSIG5pvTmU9v3+OfAtf5RauZ7OOuciO++6I7mR72JPHcbCvB93Mp7zTOpim4nNZDHP8D1/dNabXr017AAAAAElFTkSuQmCC)
}

.credit-card.discover::after {
    width: 50px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAOCAYAAABth09nAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAA/tJREFUSA19ll2IVVUUx73jmEYgiUpYiIREkFqQD0FhKiVIoPaSRaEPQlATZmk9JERBQVCSldjHk9iDqE8KQaTQB0lFoljDSGKiFI3VWJZZfo6n32+fta5nrrcW/O/6r8+999n77HNbVVWNHnVZqlardSlNYj1yffAWVFt9qSNPX/axxzB2kehhfERdjNs5njmO4RyyBlok52W80pNziLmVpPaPA8fgnT4btyWL0bmAdixJt1inr9FnRP/s8X+aWuda6lqQmZHsUxxklX9qR8J0Ob7vwzcDPQHsx/cPOb3oixG7A309OIjvELEetDt5Nb5ZwAV/h++kdXB7/Yp9HBvlVKqx+G4Bx4H8WnAejAH6zoCJwB05Rc0faOd6lT8X7BByHv0OuCYSDsA/D64/ZQgyO/yz4P0ZCH1fxJZiH2nEfoGvjNg+eH9wF+ZcHo/ce9EfBE+1FvJkGL+jz4G3wFTQZ7GyHcwFG4CyOxoPwHeB2TqRl8EU8CKYDCaCU+Bv8DBwUW+AuWAeSHFnRMqDkAfCmONYCvZBcDS4D/EwuAvcDyaBV4GyGDxXWFU9gx6fC3m+dKqbZcIcEvaAj4Bc2ZB5Mdibtbu6vemP2LcRO4POhZwN3zH0DeA02B75Tlh5KuxD8E/lKdivm9CwNd8ttgx5pRG8sXZVK9Efg6+Mod8Pv5NaD3zR9oIjEdf2XJtrD3dJGa5V+zd35mY87YnB346MSdHj67B/Cv0Q2uOlrAFbCquqheaXsylpyLjgvkiuvuTwYi2ncD32KuBTGwJeDNcBxdxyXaPz+tTfFHOEN42Lfg88Td8X0EvBVsY5gVYcdxC8BBxjL/AiUNbVatQ88j+jvieP1toIaG8CimfyC2DiOOCNVATuEfHlfxYod2ZMjT0aeMaVbkfLm8rbz1z7p9ytT8ExAD6srfoXeyOwtg8oSyK31wLlS+CknLjSFwlH4Z8Aj5LX7QrgApRHI+fn2iz1C+Bu+T1gfvi7qcfqqZUJPxIJe9IXfV2It9Nq8Bq4DawD7qjz3iZHbi11kH5wGHgWXciiEqiTd2BvAtPBNyBlM8Tvgw2nAS+EFHdrfsSWwX/IANpFPxExvyvWjwe/gXx46d+Jz8vgBFBWBdyRMWACGAQ77dOCWNj5VyE/Zp55eX70bsI+i/0j2kk0P4hTcHlcjhF397JHfhDtNUDsL7S10FY+3am4hrB9CMWP9lvm3IaB79Q5YA/frdMkeWn4oXTMk+Cy2ARccQHgK08pMyOvvNjGtDPW1Pi79ept5v8Xb/bpxqkr42fMiafDR1GeUAZzEP3BSy62T6ktzRjOK3YXX44x4s9mNqDeB2WsPT6+rGmnBSGt/mObOdr/Ap6tK4eqKaaFAAAAAElFTkSuQmCC)
}

.credit-card.jcb::after {
    width: 30px;
    height: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAADzun+cAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAACsklEQVQ4EX2U32uOYRjH32c2zIjyKyc7IDkRZw4cMEcjxIHSyoH4C6yNNJRJOZKWAyeEQqI4wQnlhE0phCHmR1NsI43ttdnm8fk8nktPWu+3Prvu676v57qv+3rve0kJpWk6FbMdVkICRemfS5LkiZPEbsSsgRpdUNpauEbc7WwiTVdjjXW+GDcd/4GJauAiVJJFGXusUhBrh/O4XYzHKsReryZwEzTBOFiZJ9ROgLIbgyRZgm11Ao1AsTPGzoAfxBl/CMxdzi3mX07jhl00YSjaZ1LHod8M6qEKxsB2TSbjFsG8fNFNJlPixkXFiT8y2Q1usAqmwC9QFvQUXoNdshhPth5cc3PVBf2gH9/OZtwIVX4UctP46AqXxIDN8BZMGK0/ztoK/Gb4Brb9IbyHOIixu4nbgu2BpXAH3+LaoM5AN1QmHwVPJ8obadstyPFnOADqLDSA2vHXlC5j4zDT8rlZ2DqYmftztG7sZbCtc2EhqPjIFsVls5gvVP2TC7SA8WJQFhWbZRP88TBx+nuM++A+qPkw4QdWdBc2wDN4BadBNcAy8ELZjeVsupbN/e3a4SvYbn/zIbC4uCfOq21wEHaC6oDUqgzYD1beAgOO2WAfdi/Es/F3U+dZO4J9B0fBFr6EPWCn3NgDbSXuObYTXsAbfA/n3fjuP4UWCA0z6IVyTOS2Ebvuvzld361vfEgHNUM9hO/cCBg3rpPrQvwOFJG10ncXby+eitVLyHm7IHFhohu2OjrEMHtudiE64Z3xTlWb0NYox7bbxCYqJvA2x+YRrzUuYFj6AM6bJxTrzsW3PSazAuVz0rcLVi76Z7hMj7BxOuNiPaw5bsFVKHatmMtYT/4YOlzoBRMPQpyKYVb1TewJHfQJboD/MIqyM51wigK9lGXGl6AWPG3IjbvhpK/iD/ZAl+AbzJMOAAAAAElFTkSuQmCC)
}

.credit-card.unionpay::after {
    width: 50px;
    height: 30px;
    background-image: url(data:image/png;base64,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)
}

.sign-left .md-radio.saved-card {
    text-align: center !important
}

li a.btn.btn-blue.signup-btn {
    display: block
}

.rwd-table td form#reused_form {
    min-width: auto !important;
    width: auto !important;
    text-align: center
}

.payment-gateway {
    text-align: center
}

.paymentGateway-form button.btn.btn-round.btn-blue {
    z-index: 11 !important;
    padding: 5px 20px !important;
    margin-left: -12px
}

.paymentGateway-form span {
    margin-left: -12px
}

@media (max-width :600px) {
    .rwd-table td form#reused_form span {
        text-align: left;
        float: left;
        width: auto !important;
        min-width: auto !important;
        display: inline-block !important;
        padding-top: 12px;
        margin-left: 0
    }

    .rwd-table td form#reused_form button {
        float: right;
        margin-top: 5px
    }

    .rwd-table td form#reused_form {
        min-width: auto !important;
        width: auto !important;
        text-align: left
    }

    p.currentplan-value {
        text-align: left
    }
}

.dashboard-responsiveTab li {
    float: none;
    width: auto;
    display: block;
    padding: 0;
    height: 100px;
    border-top-right-radius: 0;
    border-radius: 0;
    border-bottom-right-radius: 0;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    margin: auto auto !important;
    display: flex;
    background: #fff;
    box-shadow: 0 3px 7px rgba(0,0,0,.15);
    border-radius: 5px;
    margin-bottom: 8px !important
}

.dashboard-responsiveTab ul {
    display: block
}

.dashboard-responsiveTab ul {
    display: block;
    border: 0 !important
}

.dashboard-responsiveTab .tab-content, .dashboard-responsiveTab ul {
    padding: 40px;
    padding-top: 20px
}

.dashboard-responsiveTab li.active, .dashboard-responsiveTab li.active a {
    background: #f26633;
    color: #fff !important;
    font-weight: 500;
    letter-spacing: -.0114em;
    border-radius: 5px
}

.dashboard-responsiveTab .tab-content {
    background: #fff;
    border: none;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 0;
    margin: 0
}

.dashboard-responsiveTab li a {
    color: #002e54;
    font-weight: 400;
    padding-left: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    letter-spacing: -.0114em;
    vertical-align: middle;
    margin: auto !important;
    text-align: center;
    display: block;
    padding: 0;
    width: 100%;
    height: 100%;
    padding-top: 25px
}

.dashboard-responsiveTab h3.text-left {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -.0114em
}

p.profile-heading {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -.0114em;
    color: #272d32;
    margin-bottom: 10px
}

.overview-name {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.0114em;
    color: #272d32;
    margin-top: 10px;
    word-break: break-all
}

.dashboard-responsiveTab span.subheading-desc {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    letter-spacing: -.0114em;
    color: #3574e0;
    display: block !important
}

.profile-section {
    padding-top: 15px;
    padding-bottom: 10px
}

.manage-button {
    right: 15px;
    bottom: 0;
    position: absolute;
    border: 0;
    background: 0 0
}

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

.account-section a.dropdown-toggle img {
    width: 72px;
    height: 72px
}

.account-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.0114em;
    color: #707070
}

.account-value {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.0114em;
    word-break: break-all;
    color: #272d32;
    background: #fff !important
}

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

.next-billDate {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.0114em;
    color: #707070
}

.b-0 {
    border: none
}

.settings-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    padding-left: 25px;
    line-height: 42px;
    letter-spacing: -.0114em;
    color: #0f2e51
}

.dashboard-responsiveTab hr {
    border-top: 1px solid #d2d2d2
}

.nav li.active path {
    stroke: #fff
}

.subscribe-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -.0114em;
    text-transform: capitalize;
    color: #0f2e51 !important;
    margin-bottom: 10px
}

.order-details {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -.0114em;
    color: #0f2e51 !important;
    padding-top: 15px
}

.subscription-page hr {
    border-top: 1px solid #d2d2d2
}

.planeName {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -.0114em;
    color: #272d32
}

.quantityTitle {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -.0114em;
    color: #707070
}

.blue-link {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    letter-spacing: -.0114em;
    color: #3574e0
}

.quantityAmount {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #2765b5
}

span.captalize {
    text-transform: capitalize
}

.planeName svg.masterCard {
    width: 30px;
    margin-top: -5px;
    margin-right: 10px
}

.terms .terms-new {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: -.0114em;
    color: #707070
}

    .terms .terms-new a {
        color: #3574e0 !important;
        font-size: 12px !important
    }

.subscribeModal-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -.0114em;
    color: #272d32
}

.subsciptionModal-cancel {
    background: #fff;
    border: 1px solid #2765b4;
    box-sizing: border-box;
    border-radius: 40px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: -.0114em;
    text-transform: capitalize;
    color: #2765b4;
    flex: none;
    order: 0;
    align-self: center;
    margin: 10px 0;
    padding: 11px 24px
}

    .subsciptionModal-cancel.subsciptionModal-proceed {
        background: #2765b4;
        border-radius: 40px;
        color: #fff
    }

#select-paymentMethod .modal-content {
    padding: 35px 35px 20px 35px
}

#select-paymentMethod .quantityTitle {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.0114em;
    color: #707070
}

#select-paymentMethod label {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.0114em;
    padding-top: 3px;
    color: #272d32
}

#select-paymentMethod .planeName {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.0114em;
    color: #272d32
}

.password-desc li {
    float: left;
    text-align: left !important;
    box-shadow: none;
    display: inline-block;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.0114em;
    color: #272d32;
    width: 100%;
    height: auto !important;
    padding: 4px
}

ol.password-desc li a {
    float: left;
    display: contents;
    text-decoration: underline;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.0114em;
    color: #002e54 !important
}

ol.password-desc li li {
    padding: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.0114em;
    color: #272d32 !important;
    margin-left: -15px !important
}

.changePassword-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -.0114em;
    color: #272d32
}

.changePassword-header {
    padding: 40px
}

ol.password-desc {
    float: left;
    display: block;
    padding: 0 40px;
    margin: 0
}

.account-value input#fname {
    min-width: 225px;
    display: block;
    float: left
}

.account-section form.form-horizontal.profile-details {
    width: 100% !important;
    display: block;
    float: left;
    min-width: 100%;
    float: left;
    display: flex;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.floating-text {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.0114em;
    color: #707070
}

.planStartDate {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    letter-spacing: -.0114em;
    color: #707070
}

button.anchor-link {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    letter-spacing: -.0114em;
    color: #3574e0;
    border: 0;
    background: 0 0;
    float: left;
    padding: 0;
    cursor: pointer
}

.dashboard-responsiveTab .tab-pane {
    padding-top: 40px;
    margin-top: 20px;
    padding-bottom: 40px;
    padding-left: 55px;
    padding-right: 55px;
    background: #fff;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    border-radius: 8px
}

.question-block {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.0114em;
    color: #272d32
}

.dashboard-responsiveTab h3.text-left.secondLevelHeading {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -.0114em;
    color: #272d32
}

h2.modal-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -.0114em;
    text-transform: capitalize;
    color: #0f2e51
}

.addonDesc {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.0114em;
    color: #272d32 !important
}

.addonTitle {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -.0114em;
    color: #272d32
}

.confirm-purchasebtn {
    background: #2765b4 !important;
    border-radius: 40px !important;
    padding: 10px !important;
    float: right !important
}

.cardSVG {
    display: block;
    width: 40px;
    margin-right: 15px
}

.updateCard {
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: -.0114em !important;
    color: #000 !important
}

    .updateCard a {
        padding-top: 1px;
        padding-left: 2px
    }

img.cardImg {
    display: block;
    float: left;
    border: 1px solid #d2d2d2;
    background: #005180cc;
    vertical-align: middle
}

.nav-item > ul.dropdown-menu.right-dropdown.show:after, .nav-item > ul.dropdown-menu.right-dropdown.show:before {
    display: none !important
}

.masterCard.cardSVG {
    margin-top: -15px
}

.multi-column-dropdown .subheading-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 16px !important;
    letter-spacing: -.0114em;
    color: #272d32;
    padding-top: 0;
    padding-bottom: 0
}

.yellow-btn .color-yellow {
    color: #fff !important;
    background: #f26633 !important
}

li.nav-item.yellow-btn {
    padding-top: .5rem !important
}

.dropdown-menu li a, .dropdown-menu li a span {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 14px;
    letter-spacing: -.0114em;
    color: #272d32 !important
}

.back-absoluteBtn {
    position: absolute;
    left: -50px;
    top: 35px
}

.addOnForm .back-absoluteBtn {
    top: 28px
}

.upgradePlanList-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 36px !important;
    line-height: 42px;
    letter-spacing: -.0114em;
    text-transform: capitalize;
    color: #0f2e51
}

.table-card-price.activePlan {
    border: 4px solid #2765b4;
    border-radius: 10px !important
}

a.btn.btn-blue.submitStop {
    position: relative;
    display: inline;
    background: #0065ba;
    color: #fff;
    border-radius: 50px;
    padding: 10px !important;
    border: 0;
    display: inline-block;
    cursor: auto;
    background: rgba(39,101,180,.3);
    color: #0f2e51
}

#menu3 .item-bb:last-child:after {
    border-bottom: none
}

#menu3 .item-bb:after {
    border-bottom: 1px solid #d2d2d2;
    content: "";
    width: 100%;
    height: 1px;
    display: block
}

.bg-yellow i.fa.fa-info-circle {
    display: block;
    height: 100%;
    padding-top: 10px;
    text-align: center
}

.banner--gradient-bg > button, .banner--gradient-bg > div {
    padding: 20px !important
}

.color-yellow {
    color: #f26633 !important
}

.banner__title.bg-yellow {
    background: #0f2e51
}

.bannerDescTitle {
    width: 100%;
    text-align: center;
    max-width: 80%
}

.banner--gradient-bg {
    background-color: #f26633 !important;
    padding: 0 !important;
    display: flex
}

    .banner--gradient-bg > button {
        height: 100%
    }

@media (max-width:1200px) {
    .back-absoluteBtn {
        position: relative !important;
        left: 0 !important;
        top: 0 !important
    }
}

@media (max-width:991px) {
    .responsive-tabs-container.accordion-sm .accordion-link {
        display: block;
        text-align: center;
        padding-top: 20px
    }

    .tab-content > a:nth-last-child(4) {
        display: none !important
    }
}

@media (max-width:990px) {
    .removeRow {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (max-width:767px) {
    .removeFloat {
        float: left !important
    }

    .removeTextRight {
        text-align: left !important
    }
}

.masonryItem {
    border-radius: 5px;
    padding: 1em;
    margin: 0 auto 1em auto;
    overflow: hidden;
    z-index: 1;
    text-decoration: none;
    transition: all 120ms ease;
    box-shadow: 0 0 7px rgba(0,0,0,.15)
}

    .masonryItem h3 {
        color: #000;
        font-size: 16px
    }

    .masonryItem p {
        color: #5b5b5b;
        text-align: center;
        padding-top: 1.5rem
    }

    .masonryItem:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #f9f9f9;
        z-index: -1;
        transform: scale(0);
        opacity: 0;
        transition: all .1s ease
    }

    .masonryItem:hover {
        opacity: .75;
        color: #000
    }

        .masonryItem:hover::before {
            transform: scale(1);
            opacity: 1
        }

    .masonryItem img {
        width: 100%;
        height: auto;
        display: block;
        padding: 40px
    }

    .masonryItem svg {
        background: #000;
        width: 100%;
        height: auto;
        display: block;
        box-shadow: 0 0 7px rgba(0,0,0,.15);
        padding: 40px
    }

.bannerDescTitle a {
    color: #fff
}

.grid-sizer, .masonryItem {
    width: 30%
}

ul.navbar-nav.mr-auto .nav-item.yellow-btn:hover:after {
    background: 0 0 !important
}

.swal2-icon.swal2-warning {
    display: none !important
}

.swal2-container * {
    font-family: Roboto !important;
    font-size: 14px
}

.changePassword-title {
    float: left;
    display: block;
    padding: 0 40px;
    margin: 0;
    padding-bottom: 10px
}

a:focus, button:focus {
    outline-offset: 5px
}

.btn-orange, button.swal2-styled {
    background: #f26633 !important;
    color: #fff !important;
    border: 1px solid #f26633
}

@media screen and (max-width:750px) {
    .grid-sizer, .masonryItem {
        width: 45%
    }
}

@media screen and (max-width:500px) {
    .masonryItem, grid-sizer {
        width: 90%
    }

    .responsive-tabs-container[class*=accordion-] .tab-pane {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .bannerDescTitle {
        width: 100%;
        text-align: center;
        max-width: 70%
    }
}

@media screen and (max-width:1400px) {
    .left-nav .nav-link, .navbar-right .nav-link, body .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media screen and (max-width:1160px) {
    .left-nav .nav-link, .navbar-right .nav-link, body .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    li.nav-item {
        padding: 0 5px !important
    }
}

@media (max-width:1366px) {
    li.nav-item {
        padding: 0 8px !important;
        position: relative
    }
}

@media (min-width:1366px) {
    a.navbar-brand {
        margin-right: 15px !important
    }
}

@media (min-width:992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .4rem !important;
        padding-left: .4rem !important
    }
}

@media (min-width:1084px) {
    body li.nav-item.yellow-btn a.btn.btn-blue {
        display: block;
        margin-top: -15px !important;
        padding-left: 5px !important;
        padding-right: 5px !important
    }
}

@media (min-width:991px) {
    li.nav-item.yellow-btn a.btn.btn-blue {
        display: block;
        margin-top: -5px !important
    }
}

.swal2-container {
    display: none !important;
    z-index: 1111111 !important
}

    .swal2-container.swal2-shown {
        display: flex !important
    }

.item-bb button:focus, button#popup-confirmation:focus {
    outline-offset: 2px
}

.swal2-popup .swal2-title {
    font-size: 16px !important
}

.btn-orange:focus {
    box-shadow: 0 0 0 .2rem rgb(255 0 0 / 38%)
}

h2.text-center.text-break {
    word-break: break-word
}

button[disabled], input[type=submit]:disabled {
    background: #aaaaaa9e !important
}

h1.banner-heading {
    font-size: 36px;
    line-height: 1.2
}

h1.banner-text {
    font-size: 16px
}

h1.subscribe-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -.0114em;
    text-transform: capitalize;
    color: #0f2e51 !important;
    margin-bottom: 10px;
    font-size: 30px
}

.signin-form h1.features-title.text-center {
    color: #375766;
    font-size: 36px;
    font-weight: 400
}

.md-form {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    float: left
}

    .md-form input:not([type]), .md-form input[type=date]:not(.browser-default), .md-form input[type=datetime-local]:not(.browser-default), .md-form input[type=datetime]:not(.browser-default), .md-form input[type=email]:not(.browser-default), .md-form input[type=number]:not(.browser-default), .md-form input[type=password]:not(.browser-default), .md-form input[type=phone]:not(.browser-default), .md-form input[type=search-md], .md-form input[type=search]:not(.browser-default), .md-form input[type=tel]:not(.browser-default), .md-form input[type=text]:not(.browser-default), .md-form input[type=time]:not(.browser-default), .md-form input[type=url]:not(.browser-default), .md-form textarea.md-textarea {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #ced4da;
        border-radius: 0;
        outline: 0;
        padding-left: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
    }

        .md-form input:not([type]):focus:not([readonly]), .md-form input[type=date]:not(.browser-default):focus:not([readonly]), .md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .md-form input[type=datetime]:not(.browser-default):focus:not([readonly]), .md-form input[type=email]:not(.browser-default):focus:not([readonly]), .md-form input[type=number]:not(.browser-default):focus:not([readonly]), .md-form input[type=password]:not(.browser-default):focus:not([readonly]), .md-form input[type=phone]:not(.browser-default):focus:not([readonly]), .md-form input[type=search-md]:focus:not([readonly]), .md-form input[type=search]:not(.browser-default):focus:not([readonly]), .md-form input[type=tel]:not(.browser-default):focus:not([readonly]), .md-form input[type=text]:not(.browser-default):focus:not([readonly]), .md-form input[type=time]:not(.browser-default):focus:not([readonly]), .md-form input[type=url]:not(.browser-default):focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
            border-bottom: 1px solid #4285f4;
            -webkit-box-shadow: 0 1px 0 0 #4285f4;
            box-shadow: 0 1px 0 0 #4285f4
        }

            .md-form input:not([type]):focus:not([readonly]) + label, .md-form input[type=date]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type=email]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type=number]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type=password]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type=phone]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type=search-md]:focus:not([readonly]) + label, .md-form input[type=search]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type=tel]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type=text]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type=time]:not(.browser-default):focus:not([readonly]) + label, .md-form input[type=url]:not(.browser-default):focus:not([readonly]) + label, .md-form textarea.md-textarea:focus:not([readonly]) + label {
                color: #4285f4
            }

        .md-form input:not([type]) + label::after, .md-form input[type=date]:not(.browser-default) + label::after, .md-form input[type=datetime-local]:not(.browser-default) + label::after, .md-form input[type=datetime]:not(.browser-default) + label::after, .md-form input[type=email]:not(.browser-default) + label::after, .md-form input[type=number]:not(.browser-default) + label::after, .md-form input[type=password]:not(.browser-default) + label::after, .md-form input[type=phone]:not(.browser-default) + label::after, .md-form input[type=search-md] + label::after, .md-form input[type=search]:not(.browser-default) + label::after, .md-form input[type=tel]:not(.browser-default) + label::after, .md-form input[type=text]:not(.browser-default) + label::after, .md-form input[type=time]:not(.browser-default) + label::after, .md-form input[type=url]:not(.browser-default) + label::after, .md-form textarea.md-textarea + label::after {
            position: absolute;
            top: 65px;
            display: block;
            content: "";
            opacity: 0;
            -webkit-transition: .2s opacity ease-out,.2s color ease-out;
            transition: .2s opacity ease-out,.2s color ease-out
        }

        .md-form input:not([type]).valid, .md-form input:not([type]):focus.valid, .md-form input[type=date]:not(.browser-default).valid, .md-form input[type=date]:not(.browser-default):focus.valid, .md-form input[type=datetime-local]:not(.browser-default).valid, .md-form input[type=datetime-local]:not(.browser-default):focus.valid, .md-form input[type=datetime]:not(.browser-default).valid, .md-form input[type=datetime]:not(.browser-default):focus.valid, .md-form input[type=email]:not(.browser-default).valid, .md-form input[type=email]:not(.browser-default):focus.valid, .md-form input[type=number]:not(.browser-default).valid, .md-form input[type=number]:not(.browser-default):focus.valid, .md-form input[type=password]:not(.browser-default).valid, .md-form input[type=password]:not(.browser-default):focus.valid, .md-form input[type=phone]:not(.browser-default).valid, .md-form input[type=phone]:not(.browser-default):focus.valid, .md-form input[type=search-md].valid, .md-form input[type=search-md]:focus.valid, .md-form input[type=search]:not(.browser-default).valid, .md-form input[type=search]:not(.browser-default):focus.valid, .md-form input[type=tel]:not(.browser-default).valid, .md-form input[type=tel]:not(.browser-default):focus.valid, .md-form input[type=text]:not(.browser-default).valid, .md-form input[type=text]:not(.browser-default):focus.valid, .md-form input[type=time]:not(.browser-default).valid, .md-form input[type=time]:not(.browser-default):focus.valid, .md-form input[type=url]:not(.browser-default).valid, .md-form input[type=url]:not(.browser-default):focus.valid, .md-form textarea.md-textarea.valid, .md-form textarea.md-textarea:focus.valid {
            border-bottom: 1px solid #00c851;
            -webkit-box-shadow: 0 1px 0 0 #00c851;
            box-shadow: 0 1px 0 0 #00c851
        }

            .md-form input:not([type]).valid + label:after, .md-form input:not([type]):focus.valid + label:after, .md-form input[type=date]:not(.browser-default).valid + label:after, .md-form input[type=date]:not(.browser-default):focus.valid + label:after, .md-form input[type=datetime-local]:not(.browser-default).valid + label:after, .md-form input[type=datetime-local]:not(.browser-default):focus.valid + label:after, .md-form input[type=datetime]:not(.browser-default).valid + label:after, .md-form input[type=datetime]:not(.browser-default):focus.valid + label:after, .md-form input[type=email]:not(.browser-default).valid + label:after, .md-form input[type=email]:not(.browser-default):focus.valid + label:after, .md-form input[type=number]:not(.browser-default).valid + label:after, .md-form input[type=number]:not(.browser-default):focus.valid + label:after, .md-form input[type=password]:not(.browser-default).valid + label:after, .md-form input[type=password]:not(.browser-default):focus.valid + label:after, .md-form input[type=phone]:not(.browser-default).valid + label:after, .md-form input[type=phone]:not(.browser-default):focus.valid + label:after, .md-form input[type=search-md].valid + label:after, .md-form input[type=search-md]:focus.valid + label:after, .md-form input[type=search]:not(.browser-default).valid + label:after, .md-form input[type=search]:not(.browser-default):focus.valid + label:after, .md-form input[type=tel]:not(.browser-default).valid + label:after, .md-form input[type=tel]:not(.browser-default):focus.valid + label:after, .md-form input[type=text]:not(.browser-default).valid + label:after, .md-form input[type=text]:not(.browser-default):focus.valid + label:after, .md-form input[type=time]:not(.browser-default).valid + label:after, .md-form input[type=time]:not(.browser-default):focus.valid + label:after, .md-form input[type=url]:not(.browser-default).valid + label:after, .md-form input[type=url]:not(.browser-default):focus.valid + label:after, .md-form textarea.md-textarea.valid + label:after, .md-form textarea.md-textarea:focus.valid + label:after {
                color: #00c851;
                content: attr(data-success);
                opacity: 1
            }

        .md-form input:not([type]).invalid, .md-form input:not([type]):focus.invalid, .md-form input[type=date]:not(.browser-default).invalid, .md-form input[type=date]:not(.browser-default):focus.invalid, .md-form input[type=datetime-local]:not(.browser-default).invalid, .md-form input[type=datetime-local]:not(.browser-default):focus.invalid, .md-form input[type=datetime]:not(.browser-default).invalid, .md-form input[type=datetime]:not(.browser-default):focus.invalid, .md-form input[type=email]:not(.browser-default).invalid, .md-form input[type=email]:not(.browser-default):focus.invalid, .md-form input[type=number]:not(.browser-default).invalid, .md-form input[type=number]:not(.browser-default):focus.invalid, .md-form input[type=password]:not(.browser-default).invalid, .md-form input[type=password]:not(.browser-default):focus.invalid, .md-form input[type=phone]:not(.browser-default).invalid, .md-form input[type=phone]:not(.browser-default):focus.invalid, .md-form input[type=search-md].invalid, .md-form input[type=search-md]:focus.invalid, .md-form input[type=search]:not(.browser-default).invalid, .md-form input[type=search]:not(.browser-default):focus.invalid, .md-form input[type=tel]:not(.browser-default).invalid, .md-form input[type=tel]:not(.browser-default):focus.invalid, .md-form input[type=text]:not(.browser-default).invalid, .md-form input[type=text]:not(.browser-default):focus.invalid, .md-form input[type=time]:not(.browser-default).invalid, .md-form input[type=time]:not(.browser-default):focus.invalid, .md-form input[type=url]:not(.browser-default).invalid, .md-form input[type=url]:not(.browser-default):focus.invalid, .md-form textarea.md-textarea.invalid, .md-form textarea.md-textarea:focus.invalid {
            border-bottom: 1px solid #f44336;
            -webkit-box-shadow: 0 1px 0 0 #f44336;
            box-shadow: 0 1px 0 0 #f44336
        }

            .md-form input:not([type]).invalid + label:after, .md-form input:not([type]):focus.invalid + label:after, .md-form input[type=date]:not(.browser-default).invalid + label:after, .md-form input[type=date]:not(.browser-default):focus.invalid + label:after, .md-form input[type=datetime-local]:not(.browser-default).invalid + label:after, .md-form input[type=datetime-local]:not(.browser-default):focus.invalid + label:after, .md-form input[type=datetime]:not(.browser-default).invalid + label:after, .md-form input[type=datetime]:not(.browser-default):focus.invalid + label:after, .md-form input[type=email]:not(.browser-default).invalid + label:after, .md-form input[type=email]:not(.browser-default):focus.invalid + label:after, .md-form input[type=number]:not(.browser-default).invalid + label:after, .md-form input[type=number]:not(.browser-default):focus.invalid + label:after, .md-form input[type=password]:not(.browser-default).invalid + label:after, .md-form input[type=password]:not(.browser-default):focus.invalid + label:after, .md-form input[type=phone]:not(.browser-default).invalid + label:after, .md-form input[type=phone]:not(.browser-default):focus.invalid + label:after, .md-form input[type=search-md].invalid + label:after, .md-form input[type=search-md]:focus.invalid + label:after, .md-form input[type=search]:not(.browser-default).invalid + label:after, .md-form input[type=search]:not(.browser-default):focus.invalid + label:after, .md-form input[type=tel]:not(.browser-default).invalid + label:after, .md-form input[type=tel]:not(.browser-default):focus.invalid + label:after, .md-form input[type=text]:not(.browser-default).invalid + label:after, .md-form input[type=text]:not(.browser-default):focus.invalid + label:after, .md-form input[type=time]:not(.browser-default).invalid + label:after, .md-form input[type=time]:not(.browser-default):focus.invalid + label:after, .md-form input[type=url]:not(.browser-default).invalid + label:after, .md-form input[type=url]:not(.browser-default):focus.invalid + label:after, .md-form textarea.md-textarea.invalid + label:after, .md-form textarea.md-textarea:focus.invalid + label:after {
                color: #f44336;
                content: attr(data-error);
                opacity: 1
            }

        .md-form input:not([type]).form-control.valid + label:after, .md-form input:not([type]).form-control:focus.valid + label:after, .md-form input[type=date]:not(.browser-default).form-control.valid + label:after, .md-form input[type=date]:not(.browser-default).form-control:focus.valid + label:after, .md-form input[type=datetime-local]:not(.browser-default).form-control.valid + label:after, .md-form input[type=datetime-local]:not(.browser-default).form-control:focus.valid + label:after, .md-form input[type=datetime]:not(.browser-default).form-control.valid + label:after, .md-form input[type=datetime]:not(.browser-default).form-control:focus.valid + label:after, .md-form input[type=email]:not(.browser-default).form-control.valid + label:after, .md-form input[type=email]:not(.browser-default).form-control:focus.valid + label:after, .md-form input[type=number]:not(.browser-default).form-control.valid + label:after, .md-form input[type=number]:not(.browser-default).form-control:focus.valid + label:after, .md-form input[type=password]:not(.browser-default).form-control.valid + label:after, .md-form input[type=password]:not(.browser-default).form-control:focus.valid + label:after, .md-form input[type=phone]:not(.browser-default).form-control.valid + label:after, .md-form input[type=phone]:not(.browser-default).form-control:focus.valid + label:after, .md-form input[type=search-md].form-control.valid + label:after, .md-form input[type=search-md].form-control:focus.valid + label:after, .md-form input[type=search]:not(.browser-default).form-control.valid + label:after, .md-form input[type=search]:not(.browser-default).form-control:focus.valid + label:after, .md-form input[type=tel]:not(.browser-default).form-control.valid + label:after, .md-form input[type=tel]:not(.browser-default).form-control:focus.valid + label:after, .md-form input[type=text]:not(.browser-default).form-control.valid + label:after, .md-form input[type=text]:not(.browser-default).form-control:focus.valid + label:after, .md-form input[type=time]:not(.browser-default).form-control.valid + label:after, .md-form input[type=time]:not(.browser-default).form-control:focus.valid + label:after, .md-form input[type=url]:not(.browser-default).form-control.valid + label:after, .md-form input[type=url]:not(.browser-default).form-control:focus.valid + label:after, .md-form textarea.md-textarea.form-control.valid + label:after, .md-form textarea.md-textarea.form-control:focus.valid + label:after {
            top: 4.1rem
        }

        .md-form input:not([type]).form-control.invalid + label:after, .md-form input:not([type]).form-control:focus.invalid + label:after, .md-form input[type=date]:not(.browser-default).form-control.invalid + label:after, .md-form input[type=date]:not(.browser-default).form-control:focus.invalid + label:after, .md-form input[type=datetime-local]:not(.browser-default).form-control.invalid + label:after, .md-form input[type=datetime-local]:not(.browser-default).form-control:focus.invalid + label:after, .md-form input[type=datetime]:not(.browser-default).form-control.invalid + label:after, .md-form input[type=datetime]:not(.browser-default).form-control:focus.invalid + label:after, .md-form input[type=email]:not(.browser-default).form-control.invalid + label:after, .md-form input[type=email]:not(.browser-default).form-control:focus.invalid + label:after, .md-form input[type=number]:not(.browser-default).form-control.invalid + label:after, .md-form input[type=number]:not(.browser-default).form-control:focus.invalid + label:after, .md-form input[type=password]:not(.browser-default).form-control.invalid + label:after, .md-form input[type=password]:not(.browser-default).form-control:focus.invalid + label:after, .md-form input[type=phone]:not(.browser-default).form-control.invalid + label:after, .md-form input[type=phone]:not(.browser-default).form-control:focus.invalid + label:after, .md-form input[type=search-md].form-control.invalid + label:after, .md-form input[type=search-md].form-control:focus.invalid + label:after, .md-form input[type=search]:not(.browser-default).form-control.invalid + label:after, .md-form input[type=search]:not(.browser-default).form-control:focus.invalid + label:after, .md-form input[type=tel]:not(.browser-default).form-control.invalid + label:after, .md-form input[type=tel]:not(.browser-default).form-control:focus.invalid + label:after, .md-form input[type=text]:not(.browser-default).form-control.invalid + label:after, .md-form input[type=text]:not(.browser-default).form-control:focus.invalid + label:after, .md-form input[type=time]:not(.browser-default).form-control.invalid + label:after, .md-form input[type=time]:not(.browser-default).form-control:focus.invalid + label:after, .md-form input[type=url]:not(.browser-default).form-control.invalid + label:after, .md-form input[type=url]:not(.browser-default).form-control:focus.invalid + label:after, .md-form textarea.md-textarea.form-control.invalid + label:after, .md-form textarea.md-textarea.form-control:focus.invalid + label:after {
            top: 4rem
        }

        .md-form input:not([type]).form-control-lg.valid + label:after, .md-form input:not([type]).form-control-lg:focus.valid + label:after, .md-form input[type=date]:not(.browser-default).form-control-lg.valid + label:after, .md-form input[type=date]:not(.browser-default).form-control-lg:focus.valid + label:after, .md-form input[type=datetime-local]:not(.browser-default).form-control-lg.valid + label:after, .md-form input[type=datetime-local]:not(.browser-default).form-control-lg:focus.valid + label:after, .md-form input[type=datetime]:not(.browser-default).form-control-lg.valid + label:after, .md-form input[type=datetime]:not(.browser-default).form-control-lg:focus.valid + label:after, .md-form input[type=email]:not(.browser-default).form-control-lg.valid + label:after, .md-form input[type=email]:not(.browser-default).form-control-lg:focus.valid + label:after, .md-form input[type=number]:not(.browser-default).form-control-lg.valid + label:after, .md-form input[type=number]:not(.browser-default).form-control-lg:focus.valid + label:after, .md-form input[type=password]:not(.browser-default).form-control-lg.valid + label:after, .md-form input[type=password]:not(.browser-default).form-control-lg:focus.valid + label:after, .md-form input[type=phone]:not(.browser-default).form-control-lg.valid + label:after, .md-form input[type=phone]:not(.browser-default).form-control-lg:focus.valid + label:after, .md-form input[type=search-md].form-control-lg.valid + label:after, .md-form input[type=search-md].form-control-lg:focus.valid + label:after, .md-form input[type=search]:not(.browser-default).form-control-lg.valid + label:after, .md-form input[type=search]:not(.browser-default).form-control-lg:focus.valid + label:after, .md-form input[type=tel]:not(.browser-default).form-control-lg.valid + label:after, .md-form input[type=tel]:not(.browser-default).form-control-lg:focus.valid + label:after, .md-form input[type=text]:not(.browser-default).form-control-lg.valid + label:after, .md-form input[type=text]:not(.browser-default).form-control-lg:focus.valid + label:after, .md-form input[type=time]:not(.browser-default).form-control-lg.valid + label:after, .md-form input[type=time]:not(.browser-default).form-control-lg:focus.valid + label:after, .md-form input[type=url]:not(.browser-default).form-control-lg.valid + label:after, .md-form input[type=url]:not(.browser-default).form-control-lg:focus.valid + label:after, .md-form textarea.md-textarea.form-control-lg.valid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.valid + label:after {
            top: 4.6rem
        }

        .md-form input:not([type]).form-control-lg.invalid + label:after, .md-form input:not([type]).form-control-lg:focus.invalid + label:after, .md-form input[type=date]:not(.browser-default).form-control-lg.invalid + label:after, .md-form input[type=date]:not(.browser-default).form-control-lg:focus.invalid + label:after, .md-form input[type=datetime-local]:not(.browser-default).form-control-lg.invalid + label:after, .md-form input[type=datetime-local]:not(.browser-default).form-control-lg:focus.invalid + label:after, .md-form input[type=datetime]:not(.browser-default).form-control-lg.invalid + label:after, .md-form input[type=datetime]:not(.browser-default).form-control-lg:focus.invalid + label:after, .md-form input[type=email]:not(.browser-default).form-control-lg.invalid + label:after, .md-form input[type=email]:not(.browser-default).form-control-lg:focus.invalid + label:after, .md-form input[type=number]:not(.browser-default).form-control-lg.invalid + label:after, .md-form input[type=number]:not(.browser-default).form-control-lg:focus.invalid + label:after, .md-form input[type=password]:not(.browser-default).form-control-lg.invalid + label:after, .md-form input[type=password]:not(.browser-default).form-control-lg:focus.invalid + label:after, .md-form input[type=phone]:not(.browser-default).form-control-lg.invalid + label:after, .md-form input[type=phone]:not(.browser-default).form-control-lg:focus.invalid + label:after, .md-form input[type=search-md].form-control-lg.invalid + label:after, .md-form input[type=search-md].form-control-lg:focus.invalid + label:after, .md-form input[type=search]:not(.browser-default).form-control-lg.invalid + label:after, .md-form input[type=search]:not(.browser-default).form-control-lg:focus.invalid + label:after, .md-form input[type=tel]:not(.browser-default).form-control-lg.invalid + label:after, .md-form input[type=tel]:not(.browser-default).form-control-lg:focus.invalid + label:after, .md-form input[type=text]:not(.browser-default).form-control-lg.invalid + label:after, .md-form input[type=text]:not(.browser-default).form-control-lg:focus.invalid + label:after, .md-form input[type=time]:not(.browser-default).form-control-lg.invalid + label:after, .md-form input[type=time]:not(.browser-default).form-control-lg:focus.invalid + label:after, .md-form input[type=url]:not(.browser-default).form-control-lg.invalid + label:after, .md-form input[type=url]:not(.browser-default).form-control-lg:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-lg.invalid + label:after, .md-form textarea.md-textarea.form-control-lg:focus.invalid + label:after {
            top: 4.6rem
        }

        .md-form input:not([type]).form-control-sm.valid + label:after, .md-form input:not([type]).form-control-sm:focus.valid + label:after, .md-form input[type=date]:not(.browser-default).form-control-sm.valid + label:after, .md-form input[type=date]:not(.browser-default).form-control-sm:focus.valid + label:after, .md-form input[type=datetime-local]:not(.browser-default).form-control-sm.valid + label:after, .md-form input[type=datetime-local]:not(.browser-default).form-control-sm:focus.valid + label:after, .md-form input[type=datetime]:not(.browser-default).form-control-sm.valid + label:after, .md-form input[type=datetime]:not(.browser-default).form-control-sm:focus.valid + label:after, .md-form input[type=email]:not(.browser-default).form-control-sm.valid + label:after, .md-form input[type=email]:not(.browser-default).form-control-sm:focus.valid + label:after, .md-form input[type=number]:not(.browser-default).form-control-sm.valid + label:after, .md-form input[type=number]:not(.browser-default).form-control-sm:focus.valid + label:after, .md-form input[type=password]:not(.browser-default).form-control-sm.valid + label:after, .md-form input[type=password]:not(.browser-default).form-control-sm:focus.valid + label:after, .md-form input[type=phone]:not(.browser-default).form-control-sm.valid + label:after, .md-form input[type=phone]:not(.browser-default).form-control-sm:focus.valid + label:after, .md-form input[type=search-md].form-control-sm.valid + label:after, .md-form input[type=search-md].form-control-sm:focus.valid + label:after, .md-form input[type=search]:not(.browser-default).form-control-sm.valid + label:after, .md-form input[type=search]:not(.browser-default).form-control-sm:focus.valid + label:after, .md-form input[type=tel]:not(.browser-default).form-control-sm.valid + label:after, .md-form input[type=tel]:not(.browser-default).form-control-sm:focus.valid + label:after, .md-form input[type=text]:not(.browser-default).form-control-sm.valid + label:after, .md-form input[type=text]:not(.browser-default).form-control-sm:focus.valid + label:after, .md-form input[type=time]:not(.browser-default).form-control-sm.valid + label:after, .md-form input[type=time]:not(.browser-default).form-control-sm:focus.valid + label:after, .md-form input[type=url]:not(.browser-default).form-control-sm.valid + label:after, .md-form input[type=url]:not(.browser-default).form-control-sm:focus.valid + label:after, .md-form textarea.md-textarea.form-control-sm.valid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.valid + label:after {
            top: 3.7rem
        }

        .md-form input:not([type]).form-control-sm.invalid + label:after, .md-form input:not([type]).form-control-sm:focus.invalid + label:after, .md-form input[type=date]:not(.browser-default).form-control-sm.invalid + label:after, .md-form input[type=date]:not(.browser-default).form-control-sm:focus.invalid + label:after, .md-form input[type=datetime-local]:not(.browser-default).form-control-sm.invalid + label:after, .md-form input[type=datetime-local]:not(.browser-default).form-control-sm:focus.invalid + label:after, .md-form input[type=datetime]:not(.browser-default).form-control-sm.invalid + label:after, .md-form input[type=datetime]:not(.browser-default).form-control-sm:focus.invalid + label:after, .md-form input[type=email]:not(.browser-default).form-control-sm.invalid + label:after, .md-form input[type=email]:not(.browser-default).form-control-sm:focus.invalid + label:after, .md-form input[type=number]:not(.browser-default).form-control-sm.invalid + label:after, .md-form input[type=number]:not(.browser-default).form-control-sm:focus.invalid + label:after, .md-form input[type=password]:not(.browser-default).form-control-sm.invalid + label:after, .md-form input[type=password]:not(.browser-default).form-control-sm:focus.invalid + label:after, .md-form input[type=phone]:not(.browser-default).form-control-sm.invalid + label:after, .md-form input[type=phone]:not(.browser-default).form-control-sm:focus.invalid + label:after, .md-form input[type=search-md].form-control-sm.invalid + label:after, .md-form input[type=search-md].form-control-sm:focus.invalid + label:after, .md-form input[type=search]:not(.browser-default).form-control-sm.invalid + label:after, .md-form input[type=search]:not(.browser-default).form-control-sm:focus.invalid + label:after, .md-form input[type=tel]:not(.browser-default).form-control-sm.invalid + label:after, .md-form input[type=tel]:not(.browser-default).form-control-sm:focus.invalid + label:after, .md-form input[type=text]:not(.browser-default).form-control-sm.invalid + label:after, .md-form input[type=text]:not(.browser-default).form-control-sm:focus.invalid + label:after, .md-form input[type=time]:not(.browser-default).form-control-sm.invalid + label:after, .md-form input[type=time]:not(.browser-default).form-control-sm:focus.invalid + label:after, .md-form input[type=url]:not(.browser-default).form-control-sm.invalid + label:after, .md-form input[type=url]:not(.browser-default).form-control-sm:focus.invalid + label:after, .md-form textarea.md-textarea.form-control-sm.invalid + label:after, .md-form textarea.md-textarea.form-control-sm:focus.invalid + label:after {
            top: 3.6rem
        }

    .md-form > input[type=date]:not(.browser-default) + label {
        -webkit-transform: translateY(-27px) scale(.8);
        transform: translateY(-27px) scale(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .md-form > input[type=time]:not(.browser-default) + label, .md-form > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label {
        font-size: .8rem;
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .md-form .was-validated input[type=text]:valid + label {
        color: #00c851 !important
    }

    .md-form .was-validated input[type=text]:invalid + label {
        color: #f44336 !important
    }

    .md-form .was-validated .form-control:valid:focus {
        -webkit-box-shadow: 0 1px 0 0 #00c851 !important;
        box-shadow: 0 1px 0 0 #00c851 !important
    }

    .md-form .was-validated .form-control:valid {
        border-color: #00c851 !important
    }

    .md-form .was-validated .form-control:invalid:focus {
        -webkit-box-shadow: 0 1px 0 0 #f44336 !important;
        box-shadow: 0 1px 0 0 #f44336 !important
    }

    .md-form .was-validated .form-control:invalid {
        border-color: #f44336 !important
    }

    .md-form .form-control {
        height: auto;
        padding: .6rem 0 .4rem 0;
        margin: 0 0 .5rem 0;
        background-color: transparent;
        border-radius: 0
    }

        .md-form .form-control:focus {
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .md-form .form-control:disabled, .md-form .form-control[readonly] {
            background-color: transparent;
            border-bottom: 1px solid #bdbdbd
        }

        .md-form .form-control.is-valid {
            border-color: #00c851
        }

            .md-form .form-control.is-valid:focus {
                border-color: #00c851 !important;
                -webkit-box-shadow: 0 1px 0 0 #00c851 !important;
                box-shadow: 0 1px 0 0 #00c851 !important
            }

        .md-form .form-control.is-invalid {
            border-color: #f44336
        }

            .md-form .form-control.is-invalid:focus {
                border-color: #f44336 !important;
                -webkit-box-shadow: 0 1px 0 0 #f44336 !important;
                box-shadow: 0 1px 0 0 #f44336 !important
            }

        .md-form .form-control.is-invalid, .md-form .form-control.is-valid {
            background-position: center right !important
        }

    .md-form .validate {
        margin-bottom: 2.5rem
    }

    .md-form label {
        font-size: 1rem
    }

        .md-form label.active {
            font-size: 1rem
        }

    .md-form .prefix {
        top: .25rem;
        font-size: 1.75rem
    }

        .md-form .prefix ~ input, .md-form .prefix ~ textarea {
            width: calc(100% - 2.5rem);
            margin-left: 2.5rem
        }

        .md-form .prefix ~ label {
            margin-left: 2.5rem
        }

        .md-form .prefix ~ .form-text {
            margin-left: 2.6rem
        }

    .md-form label {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 1rem;
        color: #9faab3;
        cursor: text;
        -webkit-transition: color .2s ease-out,-webkit-transform .2s ease-out;
        transition: color .2s ease-out,-webkit-transform .2s ease-out;
        transition: transform .2s ease-out,color .2s ease-out;
        transition: transform .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out;
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }

        .md-form label.active {
            -webkit-transform: translateY(-14px) scale(.8);
            transform: translateY(-14px) scale(.8)
        }

    .md-form .prefix {
        position: absolute;
        -webkit-transition: color .2s;
        transition: color .2s
    }

        .md-form .prefix.active {
            color: #4285f4
        }

    .md-form.form-lg .validate {
        margin-bottom: 2.8rem
    }

    .md-form.form-lg label {
        font-size: 1.25rem
    }

        .md-form.form-lg label.active {
            font-size: 1.15rem
        }

    .md-form.form-lg .prefix {
        top: .4rem;
        font-size: 2rem
    }

        .md-form.form-lg .prefix ~ input, .md-form.form-lg .prefix ~ textarea {
            width: calc(100% - 3rem);
            margin-left: 3rem
        }

        .md-form.form-lg .prefix ~ label {
            margin-left: 3rem
        }

        .md-form.form-lg .prefix ~ .form-text {
            margin-left: 3.1rem
        }

    .md-form.form-sm .validate {
        margin-bottom: 2.3rem
    }

    .md-form.form-sm label {
        font-size: .875rem
    }

        .md-form.form-sm label.active {
            font-size: .95rem
        }

    .md-form.form-sm .prefix {
        top: .35rem;
        font-size: 1.5rem
    }

        .md-form.form-sm .prefix ~ input, .md-form.form-sm .prefix ~ textarea {
            width: calc(100% - 2rem);
            margin-left: 2rem
        }

        .md-form.form-sm .prefix ~ label {
            margin-left: 2rem
        }

        .md-form.form-sm .prefix ~ .form-text {
            margin-left: 2rem
        }

    .md-form textarea.md-textarea {
        padding: 0;
        overflow-y: hidden
    }

        .md-form textarea.md-textarea + label {
            top: -.6rem
        }

    .md-form textarea.md-textarea-auto {
        padding: 0;
        padding-top: 1.5rem
    }

        .md-form textarea.md-textarea-auto + label {
            top: 0
        }

    .md-form.md-outline {
        position: relative;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

        .md-form.md-outline input[type=date], .md-form.md-outline input[type=datetime-local], .md-form.md-outline input[type=email], .md-form.md-outline input[type=number], .md-form.md-outline input[type=password], .md-form.md-outline input[type=search-md], .md-form.md-outline input[type=search], .md-form.md-outline input[type=tel], .md-form.md-outline input[type=text], .md-form.md-outline input[type=time], .md-form.md-outline input[type=url], .md-form.md-outline textarea.md-textarea {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background-color: transparent;
            border: 1px solid #dadce0;
            border-radius: 4px;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transition: all .3s;
            transition: all .3s
        }

            .md-form.md-outline input[type=date]:focus:not([readonly]), .md-form.md-outline input[type=datetime-local]:focus:not([readonly]), .md-form.md-outline input[type=email]:focus:not([readonly]), .md-form.md-outline input[type=number]:focus:not([readonly]), .md-form.md-outline input[type=password]:focus:not([readonly]), .md-form.md-outline input[type=search-md]:focus:not([readonly]), .md-form.md-outline input[type=search]:focus:not([readonly]), .md-form.md-outline input[type=tel]:focus:not([readonly]), .md-form.md-outline input[type=text]:focus:not([readonly]), .md-form.md-outline input[type=time]:focus:not([readonly]), .md-form.md-outline input[type=url]:focus:not([readonly]), .md-form.md-outline textarea.md-textarea:focus:not([readonly]) {
                border-color: #4285f4;
                -webkit-box-shadow: inset 0 0 0 1px #4285f4;
                box-shadow: inset 0 0 0 1px #4285f4
            }

                .md-form.md-outline input[type=date]:focus:not([readonly]) + label, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]) + label, .md-form.md-outline input[type=email]:focus:not([readonly]) + label, .md-form.md-outline input[type=number]:focus:not([readonly]) + label, .md-form.md-outline input[type=password]:focus:not([readonly]) + label, .md-form.md-outline input[type=search-md]:focus:not([readonly]) + label, .md-form.md-outline input[type=search]:focus:not([readonly]) + label, .md-form.md-outline input[type=tel]:focus:not([readonly]) + label, .md-form.md-outline input[type=text]:focus:not([readonly]) + label, .md-form.md-outline input[type=time]:focus:not([readonly]) + label, .md-form.md-outline input[type=url]:focus:not([readonly]) + label, .md-form.md-outline textarea.md-textarea:focus:not([readonly]) + label {
                    color: #4285f4
                }

            .md-form.md-outline input[type=date].valid, .md-form.md-outline input[type=date]:focus.valid, .md-form.md-outline input[type=datetime-local].valid, .md-form.md-outline input[type=datetime-local]:focus.valid, .md-form.md-outline input[type=email].valid, .md-form.md-outline input[type=email]:focus.valid, .md-form.md-outline input[type=number].valid, .md-form.md-outline input[type=number]:focus.valid, .md-form.md-outline input[type=password].valid, .md-form.md-outline input[type=password]:focus.valid, .md-form.md-outline input[type=search-md].valid, .md-form.md-outline input[type=search-md]:focus.valid, .md-form.md-outline input[type=search].valid, .md-form.md-outline input[type=search]:focus.valid, .md-form.md-outline input[type=tel].valid, .md-form.md-outline input[type=tel]:focus.valid, .md-form.md-outline input[type=text].valid, .md-form.md-outline input[type=text]:focus.valid, .md-form.md-outline input[type=time].valid, .md-form.md-outline input[type=time]:focus.valid, .md-form.md-outline input[type=url].valid, .md-form.md-outline input[type=url]:focus.valid, .md-form.md-outline textarea.md-textarea.valid, .md-form.md-outline textarea.md-textarea:focus.valid {
                border-color: #00c851;
                -webkit-box-shadow: inset 0 0 0 1px #00c851;
                box-shadow: inset 0 0 0 1px #00c851
            }

                .md-form.md-outline input[type=date].valid + label:after, .md-form.md-outline input[type=date]:focus.valid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=datetime-local].valid + label:after, .md-form.md-outline input[type=datetime-local]:focus.valid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=email].valid + label:after, .md-form.md-outline input[type=email]:focus.valid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=number].valid + label:after, .md-form.md-outline input[type=number]:focus.valid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=password].valid + label:after, .md-form.md-outline input[type=password]:focus.valid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search-md].valid + label:after, .md-form.md-outline input[type=search-md]:focus.valid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=search].valid + label:after, .md-form.md-outline input[type=search]:focus.valid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=tel].valid + label:after, .md-form.md-outline input[type=tel]:focus.valid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=text].valid + label:after, .md-form.md-outline input[type=text]:focus.valid + label:after, .md-form.md-outline input[type=text]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=time].valid + label:after, .md-form.md-outline input[type=time]:focus.valid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).valid + label, .md-form.md-outline input[type=url].valid + label:after, .md-form.md-outline input[type=url]:focus.valid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).valid + label, .md-form.md-outline textarea.md-textarea.valid + label:after, .md-form.md-outline textarea.md-textarea:focus.valid + label:after, .md-form.md-outline textarea.md-textarea:focus:not([readonly]).valid + label {
                    color: #00c851;
                    content: attr(data-success);
                    opacity: 1
                }

            .md-form.md-outline input[type=date].invalid, .md-form.md-outline input[type=date]:focus.invalid, .md-form.md-outline input[type=datetime-local].invalid, .md-form.md-outline input[type=datetime-local]:focus.invalid, .md-form.md-outline input[type=email].invalid, .md-form.md-outline input[type=email]:focus.invalid, .md-form.md-outline input[type=number].invalid, .md-form.md-outline input[type=number]:focus.invalid, .md-form.md-outline input[type=password].invalid, .md-form.md-outline input[type=password]:focus.invalid, .md-form.md-outline input[type=search-md].invalid, .md-form.md-outline input[type=search-md]:focus.invalid, .md-form.md-outline input[type=search].invalid, .md-form.md-outline input[type=search]:focus.invalid, .md-form.md-outline input[type=tel].invalid, .md-form.md-outline input[type=tel]:focus.invalid, .md-form.md-outline input[type=text].invalid, .md-form.md-outline input[type=text]:focus.invalid, .md-form.md-outline input[type=time].invalid, .md-form.md-outline input[type=time]:focus.invalid, .md-form.md-outline input[type=url].invalid, .md-form.md-outline input[type=url]:focus.invalid, .md-form.md-outline textarea.md-textarea.invalid, .md-form.md-outline textarea.md-textarea:focus.invalid {
                border-color: #f44336;
                -webkit-box-shadow: inset 0 0 0 1px #f44336;
                box-shadow: inset 0 0 0 1px #f44336
            }

                .md-form.md-outline input[type=date].invalid + label:after, .md-form.md-outline input[type=date]:focus.invalid + label:after, .md-form.md-outline input[type=date]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=datetime-local].invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=email].invalid + label:after, .md-form.md-outline input[type=email]:focus.invalid + label:after, .md-form.md-outline input[type=email]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=number].invalid + label:after, .md-form.md-outline input[type=number]:focus.invalid + label:after, .md-form.md-outline input[type=number]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=password].invalid + label:after, .md-form.md-outline input[type=password]:focus.invalid + label:after, .md-form.md-outline input[type=password]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search-md].invalid + label:after, .md-form.md-outline input[type=search-md]:focus.invalid + label:after, .md-form.md-outline input[type=search-md]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=search].invalid + label:after, .md-form.md-outline input[type=search]:focus.invalid + label:after, .md-form.md-outline input[type=search]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=tel].invalid + label:after, .md-form.md-outline input[type=tel]:focus.invalid + label:after, .md-form.md-outline input[type=tel]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=text].invalid + label:after, .md-form.md-outline input[type=text]:focus.invalid + label:after, .md-form.md-outline input[type=text]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=time].invalid + label:after, .md-form.md-outline input[type=time]:focus.invalid + label:after, .md-form.md-outline input[type=time]:focus:not([readonly]).invalid + label, .md-form.md-outline input[type=url].invalid + label:after, .md-form.md-outline input[type=url]:focus.invalid + label:after, .md-form.md-outline input[type=url]:focus:not([readonly]).invalid + label, .md-form.md-outline textarea.md-textarea.invalid + label:after, .md-form.md-outline textarea.md-textarea:focus.invalid + label:after, .md-form.md-outline textarea.md-textarea:focus:not([readonly]).invalid + label {
                    color: #f44336;
                    content: attr(data-error);
                    opacity: 1
                }

            .md-form.md-outline input[type=date].form-control.valid + label:after, .md-form.md-outline input[type=date].form-control:focus.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control.valid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.valid + label:after, .md-form.md-outline input[type=email].form-control.valid + label:after, .md-form.md-outline input[type=email].form-control:focus.valid + label:after, .md-form.md-outline input[type=number].form-control.valid + label:after, .md-form.md-outline input[type=number].form-control:focus.valid + label:after, .md-form.md-outline input[type=password].form-control.valid + label:after, .md-form.md-outline input[type=password].form-control:focus.valid + label:after, .md-form.md-outline input[type=search-md].form-control.valid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.valid + label:after, .md-form.md-outline input[type=search].form-control.valid + label:after, .md-form.md-outline input[type=search].form-control:focus.valid + label:after, .md-form.md-outline input[type=tel].form-control.valid + label:after, .md-form.md-outline input[type=tel].form-control:focus.valid + label:after, .md-form.md-outline input[type=text].form-control.valid + label:after, .md-form.md-outline input[type=text].form-control:focus.valid + label:after, .md-form.md-outline input[type=time].form-control.valid + label:after, .md-form.md-outline input[type=time].form-control:focus.valid + label:after, .md-form.md-outline input[type=url].form-control.valid + label:after, .md-form.md-outline input[type=url].form-control:focus.valid + label:after, .md-form.md-outline textarea.md-textarea.form-control.valid + label:after, .md-form.md-outline textarea.md-textarea.form-control:focus.valid + label:after {
                position: absolute;
                top: 4rem;
                left: 0
            }

            .md-form.md-outline input[type=date].form-control.invalid + label:after, .md-form.md-outline input[type=date].form-control:focus.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control.invalid + label:after, .md-form.md-outline input[type=datetime-local].form-control:focus.invalid + label:after, .md-form.md-outline input[type=email].form-control.invalid + label:after, .md-form.md-outline input[type=email].form-control:focus.invalid + label:after, .md-form.md-outline input[type=number].form-control.invalid + label:after, .md-form.md-outline input[type=number].form-control:focus.invalid + label:after, .md-form.md-outline input[type=password].form-control.invalid + label:after, .md-form.md-outline input[type=password].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search-md].form-control.invalid + label:after, .md-form.md-outline input[type=search-md].form-control:focus.invalid + label:after, .md-form.md-outline input[type=search].form-control.invalid + label:after, .md-form.md-outline input[type=search].form-control:focus.invalid + label:after, .md-form.md-outline input[type=tel].form-control.invalid + label:after, .md-form.md-outline input[type=tel].form-control:focus.invalid + label:after, .md-form.md-outline input[type=text].form-control.invalid + label:after, .md-form.md-outline input[type=text].form-control:focus.invalid + label:after, .md-form.md-outline input[type=time].form-control.invalid + label:after, .md-form.md-outline input[type=time].form-control:focus.invalid + label:after, .md-form.md-outline input[type=url].form-control.invalid + label:after, .md-form.md-outline input[type=url].form-control:focus.invalid + label:after, .md-form.md-outline textarea.md-textarea.form-control.invalid + label:after, .md-form.md-outline textarea.md-textarea.form-control:focus.invalid + label:after {
                position: absolute;
                top: 4rem;
                left: 0
            }

        .md-form.md-outline > input[type=time]:not(.browser-default) + label, .md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label {
            left: 8px;
            padding-right: 5px;
            padding-left: 5px;
            font-size: 1rem;
            font-weight: 500;
            background: #fff;
            -webkit-transform: translateY(-9px) scale(.8);
            transform: translateY(-9px) scale(.8);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0
        }

            .md-form.md-outline > input[type=time]:not(.browser-default) + label.active, .md-form.md-outline > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label.active {
                -webkit-transform: translateY(-9px) scale(.8);
                transform: translateY(-9px) scale(.8);
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0
            }

@-webkit-keyframes autofill {
    to {
        color: #495057;
        background: 0 0
    }
}

@keyframes autofill {
    to {
        color: #495057;
        background: 0 0
    }
}

.md-form.md-outline input:-webkit-autofill {
    -webkit-animation-name: autofill;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.md-form.md-outline .form-control {
    padding: .375rem .75rem
}

.md-form.md-outline label {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px;
    font-size: 1rem;
    color: #757575;
    cursor: text;
    -webkit-transition: color .2s ease-out,-webkit-transform .2s ease-out;
    transition: color .2s ease-out,-webkit-transform .2s ease-out;
    transition: transform .2s ease-out,color .2s ease-out;
    transition: transform .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out;
    -webkit-transform: translateY(9px);
    transform: translateY(9px);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

    .md-form.md-outline label.active {
        left: 8px;
        padding-right: 5px;
        padding-left: 5px;
        font-weight: 500;
        background: #fff;
        -webkit-transform: translateY(-13px) scale(.8);
        transform: translateY(-13px) scale(.8)
    }

.md-form.md-outline.form-lg .form-control.form-control-lg {
    padding: .5rem .725rem
}

.md-form.md-outline.form-lg label {
    font-size: 1.25rem;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

    .md-form.md-outline.form-lg label.active {
        font-size: 1.1rem;
        -webkit-transform: translateY(-14px) scale(.8);
        transform: translateY(-14px) scale(.8)
    }

.md-form.md-outline.form-lg .prefix {
    top: .65rem;
    font-size: 25px
}

    .md-form.md-outline.form-lg .prefix ~ input, .md-form.md-outline.form-lg .prefix ~ textarea {
        width: calc(100% - 2.2rem);
        margin-left: 2.2rem
    }

    .md-form.md-outline.form-lg .prefix ~ label {
        margin-left: 2.2rem
    }

    .md-form.md-outline.form-lg .prefix ~ .form-text {
        margin-left: 2.3rem
    }

.md-form.md-outline.form-sm .form-control.form-control-sm {
    padding: .25rem .625rem
}

.md-form.md-outline.form-sm label {
    font-size: .8rem;
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

    .md-form.md-outline.form-sm label.active {
        font-size: .85rem;
        -webkit-transform: translateY(-12px) scale(.8);
        transform: translateY(-12px) scale(.8)
    }

.md-form.md-outline.form-sm .prefix {
    top: .5rem;
    font-size: 15px
}

    .md-form.md-outline.form-sm .prefix ~ input, .md-form.md-outline.form-sm .prefix ~ textarea {
        width: calc(100% - 1.6rem);
        margin-left: 1.6rem
    }

    .md-form.md-outline.form-sm .prefix ~ label {
        margin-left: 1.6rem
    }

    .md-form.md-outline.form-sm .prefix ~ .form-text {
        margin-left: 1.7rem
    }

.md-form.md-outline .prefix {
    position: absolute;
    top: .6rem;
    font-size: 20px;
    -webkit-transition: color .2s;
    transition: color .2s
}

    .md-form.md-outline .prefix:focus {
        color: #4285f4
    }

    .md-form.md-outline .prefix ~ input, .md-form.md-outline .prefix ~ textarea {
        width: calc(100% - 2rem);
        margin-left: 2rem
    }

    .md-form.md-outline .prefix ~ label {
        margin-left: 2rem
    }

    .md-form.md-outline .prefix ~ .form-text {
        margin-left: 2.1rem
    }

.md-form.md-outline .character-counter {
    margin-top: -.5rem
}

.md-form.md-bg input[type=date], .md-form.md-bg input[type=datetime-local], .md-form.md-bg input[type=email], .md-form.md-bg input[type=number], .md-form.md-bg input[type=password], .md-form.md-bg input[type=search-md], .md-form.md-bg input[type=search], .md-form.md-bg input[type=tel], .md-form.md-bg input[type=text], .md-form.md-bg input[type=time], .md-form.md-bg input[type=url], .md-form.md-bg textarea.md-textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 5px;
    background: #f5f5f5 no-repeat;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4285f4),to(#4285f4)),-webkit-gradient(linear,left top,left bottom,from(#ced4da),to(#ced4da));
    background-image: linear-gradient(to bottom,#4285f4,#4285f4),linear-gradient(to bottom,#ced4da,#ced4da);
    background-position: 50% 100%,50% 100%;
    background-size: 0 2px,100% 1px;
    border: 0;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    -webkit-transition: background-size .3s cubic-bezier(.64,.09,.08,1);
    transition: background-size .3s cubic-bezier(.64,.09,.08,1)
}

    .md-form.md-bg input[type=date]:focus:not([readonly]), .md-form.md-bg input[type=datetime-local]:focus:not([readonly]), .md-form.md-bg input[type=email]:focus:not([readonly]), .md-form.md-bg input[type=number]:focus:not([readonly]), .md-form.md-bg input[type=password]:focus:not([readonly]), .md-form.md-bg input[type=search-md]:focus:not([readonly]), .md-form.md-bg input[type=search]:focus:not([readonly]), .md-form.md-bg input[type=tel]:focus:not([readonly]), .md-form.md-bg input[type=text]:focus:not([readonly]), .md-form.md-bg input[type=time]:focus:not([readonly]), .md-form.md-bg input[type=url]:focus:not([readonly]), .md-form.md-bg textarea.md-textarea:focus:not([readonly]) {
        border-bottom: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .md-form.md-bg input[type=date]:focus, .md-form.md-bg input[type=datetime-local]:focus, .md-form.md-bg input[type=email]:focus, .md-form.md-bg input[type=number]:focus, .md-form.md-bg input[type=password]:focus, .md-form.md-bg input[type=search-md]:focus, .md-form.md-bg input[type=search]:focus, .md-form.md-bg input[type=tel]:focus, .md-form.md-bg input[type=text]:focus, .md-form.md-bg input[type=time]:focus, .md-form.md-bg input[type=url]:focus, .md-form.md-bg textarea.md-textarea:focus {
        background-color: #dcdcdc;
        background-size: 100% 2px,100% 1px;
        outline: 0
    }

.md-form.md-bg > input[type=date]:not(.browser-default) + label {
    -webkit-transform: translateY(-12px) scale(.8);
    transform: translateY(-12px) scale(.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.md-form.md-bg > input[type=time]:not(.browser-default) + label, .md-form.md-bg > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label {
    font-size: .8rem;
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.md-form.md-bg .form-control {
    padding: 1.1rem .7rem .4rem !important
}

.md-form.md-bg label {
    top: 0;
    padding-left: .7rem;
    font-size: 1rem;
    -webkit-transition: color .2s ease-out,-webkit-transform .2s ease-out;
    transition: color .2s ease-out,-webkit-transform .2s ease-out;
    transition: transform .2s ease-out,color .2s ease-out;
    transition: transform .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out;
    -webkit-transform: translateY(13px);
    transform: translateY(13px);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

    .md-form.md-bg label.active {
        padding-left: .75rem;
        font-weight: 500;
        -webkit-transform: translateY(-3px) scale(.8);
        transform: translateY(-3px) scale(.8)
    }

.md-form.md-bg.form-lg label {
    -webkit-transform: translateY(16px);
    transform: translateY(16px)
}

    .md-form.md-bg.form-lg label.active {
        -webkit-transform: translateY(-4px) scale(.8);
        transform: translateY(-4px) scale(.8)
    }

.md-form.md-bg.form-sm label {
    -webkit-transform: translateY(11px);
    transform: translateY(11px)
}

    .md-form.md-bg.form-sm label.active {
        -webkit-transform: translateY(-2px) scale(.8);
        transform: translateY(-2px) scale(.8)
    }

.md-form .form-control.is-invalid, .was-validated .md-form .form-control:invalid {
    padding-right: 0
}

.md-form .form-control.is-valid, .was-validated .md-form .form-control:valid {
    padding-right: 0
}

.needs-validation .md-form label {
    left: 0
}

.custom-file-input:lang(es) ~ .custom-file-label::after {
    content: "Elegir"
}

.custom-file-input:lang(pl-pl) ~ .custom-file-label::after {
    content: "Wybierz"
}

.custom-file-input:lang(fr) ~ .custom-file-label::after {
    content: "Choisir"
}

.custom-file-input:lang(in) ~ .custom-file-label::after {
    content: "Pilih"
}

.custom-file-input:lang(zh) ~ .custom-file-label::after {
    content: "選擇"
}

.custom-file-input:lang(de) ~ .custom-file-label::after {
    content: "Wählen"
}

.custom-file-input:lang(ru) ~ .custom-file-label::after {
    content: "Выбрать"
}

.md-form > label {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.md-form .form-control {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

.md-form .input-prefix {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color .2s;
    transition: color .2s;
    color: rgba(0,0,0,.87);
    pointer-events: none
}

    .md-form .input-prefix.active {
        color: #4285f4
    }

.md-form.input-with-pre-icon label {
    left: 36px;
    right: initial
}

.md-form.input-with-pre-icon .input-prefix {
    left: 16px;
    right: initial
}

.md-form.input-with-pre-icon .form-control {
    padding-left: 2.7rem !important
}

.md-form.input-with-post-icon .input-prefix {
    right: 16px;
    left: initial
}

.md-form.input-with-post-icon .form-control {
    padding-right: 2.7rem !important
}

.md-form.input-with-post-icon.input-with-pre-icon .input-prefix {
    right: 16px;
    left: initial
}

    .md-form.input-with-post-icon.input-with-pre-icon .input-prefix:first-of-type {
        left: 16px;
        right: initial
    }

.md-form.input-with-post-icon.input-with-pre-icon .form-control {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}

.error_msg li {
    word-break: break-all
}

.footer-big ul {
    padding: 0;
    margin: 0
}

.footer-big li {
    list-style: none
}

.footer-big a:focus, .footer-big a:hover {
    text-decoration: none;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease
}

.footer-big a:focus {
    outline: 0
}

.footer-big img {
    max-width: 100%
}

.footer-big p {
    font-size: 16px;
    line-height: 30px;
    color: #898b96;
    font-weight: 300
}

.footer-big h4 {
    font-family: Rubik,sans-serif;
    margin: 0;
    font-weight: 400;
    padding: 0;
    color: #363940
}

.footer-big a {
    color: #0065ba;
    display: inline-block
}

    .footer-big a span {
        margin-top: 7px;
        display: inline-block
    }

.no-padding {
    padding: 0 !important
}

.footer-big .go_top {
    line-height: 40px;
    cursor: pointer;
    width: 40px;
    background: #5867dd;
    color: #fff;
    position: fixed;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.1);
    box-shadow: 0 4px 4px rgba(0,0,0,.1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    right: -webkit-calc((100% - 1140px)/ 2);
    right: calc((100% - 1140px)/ 2);
    z-index: 111;
    bottom: 80px;
    text-align: center
}

    .footer-big .go_top span {
        display: inline-block
    }

.footer-big {
    padding: 50px 0 30px 0
}

    .footer-big .footer-widget {
        margin-bottom: 40px
    }

.widget-about.contact-title.mt-3 {
    margin-top: 8px !important
}

.footer-big .footer-menu ul li a, .footer-big p, .footer-big ul li {
    color: #898b96
}

.footer-menu {
    padding-left: 0
}

    .footer-menu ul li a {
        font-size: 15px;
        line-height: 32px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s
    }

        .footer-menu ul li a:hover {
            color: #5867dd
        }

.footer-menu--1 {
    width: 100%
}

.footer-widget-title {
    line-height: 42px;
    margin-bottom: 10px;
    font-size: 18px
}

.mini-footer {
    background: #192027;
    text-align: center;
    padding: 32px 0
}

    .mini-footer p {
        margin: 0;
        line-height: 26px;
        font-size: 15px;
        color: #999
    }

        .mini-footer p a {
            color: #5867dd
        }

            .mini-footer p a:hover {
                color: #34bfa3
            }

.widget-about img {
    display: block;
    margin-bottom: 30px;
    float: left
}

.widget-about p {
    font-weight: 400
}

.widget-about .contact-details {
    margin: 30px 0 0 0
}

.contact-info .col-lg-6 a {
    float: none;
    text-align: center;
    display: inline-flex
}

.widget-about .contact-details li {
    margin-bottom: 10px
}

    .widget-about .contact-details li:last-child {
        margin-bottom: 0
    }

    .widget-about .contact-details li span {
        padding-right: 12px
    }

    .widget-about .contact-details li a {
        color: #5867dd
    }

@media (max-width:991px) {
    .footer-menu {
        padding-left: 0
    }
}

ul.text-decoration-none li {
    list-style: none;
    float: left;
    padding: 10px;
    text-align: center;
    max-width: 140px;
    display: inline;
    min-height: 200px;
    height: 110px
}

ul.text-decoration-none span {
    float: none;
    display: flex;
    text-align: center;
    font-size: 16px;
    color: #45515b
}

ul.text-decoration-none img {
    background: 0 0 !important
}

.table {
    display: table;
    margin: 0 auto
}

.choose-img video {
    max-width: 100%;
    -webkit-box-shadow: 0 0 7px 1px rgba(44,120,185,.4);
    -moz-box-shadow: 0 0 7px 1px rgba(44,120,185,.4);
    box-shadow: 0 0 7px 1px rgba(44,120,185,.4);
    border-radius: 5px
}

.capabilities-list img {
    width: auto !important;
    max-width: 100%;
    margin: 10px !important
}

.capabilities-list li {
    min-height: 80px !important;
    min-width: 20%
}

.owl-item .masonryItem {
    height: 200px;
    max-width: 100%;
    width: auto;
    margin-bottom: 1px;
    margin-top: 1px;
    background: #fff
}

.masonryItem:hover {
    opacity: .75;
    color: #fff
}

.owl-item .masonryItem * {
    height: 100%;
    width: 300px;
    text-align: center;
    display: inline
}

.hear-about button.owl-dot.active span, .owl-theme.hear-about .owl-dots .owl-dot.active span {
    width: 10px !important;
    background: #2b4665 !important
}

.hear-about.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    text-align: center !important
}

.hear-about i.fa:before {
    filter: invert(1);
    zoom: .5
}

.hear-about.owl-carousel .owl-item img {
    width: 60%;
    display: inline
}

.hear-about :focus {
    outline: 0 !important
}

@media (max-width:1024px) {
    img.picinpic {
        display: none
    }
}

.customerEngagement-txt {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    float: none !important;
    float: none !important;
    max-height: max-content !important;
    height: auto !important
}

img.picinpic {
    max-width: 300px;
    float: left
}

.customerEngagement-txt .bannerTxtWrapper {
    display: inline-block
}

.customerEngagement-txt .bannerTxtWrapper {
    margin: auto;
    width: 100%;
    text-align: center;
    margin-left: 0 !important
}

.customerEngagement-txt a.btn.btn-blue {
    position: relative;
    display: inline;
    background: #0065ba;
    color: #fff;
    border-radius: 50px;
    padding: 15px 30px !important;
    border: 0;
    display: inline-block;
    margin-right: 15px !important
}

@media (max-width:540px) {
    .hear-about.owl-carousel .owl-item img {
        min-height: initial
    }
}

.yellow-btn .color-yellow.color-green {
    background-color: #35b735 !important
}

.features-section .features-wrapper span {
    display: inline-block;
    box-shadow: none;
    margin-bottom: 10px;
    padding-top: 15px
}

.solution-details .features-txt {
    font-size: 14px
}

body .features-section .features-wrapper span.active img {
    background: #fff
}

body .features-section .features-wrapper span img {
    height: 50px;
    width: 50px;
    padding: 0;
    background: #e8eff5;
    box-shadow: none
}

.enterNow, a.btn.btn-blue.enterNow.bg-darkblue.mb-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
    border-radius: 5px !important;
    background: #29323d !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    font-size: 12px;
    -webkit-appearance: none;
    margin-bottom: 5px !important
}

.bg-darkblue {
    background: #29323d !important;
    color: #fff !important
}

.color-darkblue2 {
    color: #3b4754 !important
}

#share i {
    font-size: 24px;
    color: #3b4754 !important
}

.color-lightgrey {
    color: #798da3 !important
}

.grand-prizes td {
    margin: 0;
    padding: 0;
    border: none
}

.grand-prizes table {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0
}

    .grand-prizes table td {
        vertical-align: middle;
        text-align: center
    }

.grand-prizes img {
    max-width: 245px;
    min-width: 100%
}

.common-reward img.img-responsive.w-100 {
    max-width: 60px;
    text-align: center;
    display: block
}

.grand-prizes .fs-28 {
    font-size: 28px !important
}

@media(min-width:991px) {
    .max-200 {
        max-height: 200px
    }

    .grand-prizes div.d-block {
        min-height: 270px
    }
}

#container {
    position: relative;
    height: 530px
}

#wheel {
    position: relative;
    width: 200px;
    height: 200px;
    border: 1px solid red;
    border-radius: 50%;
    background: url(https://4.bp.blogspot.com/-8XbToPks2p0/TxN_QMHMD0I/AAAAAAAABQo/yjRi_WOMgu0/s320/wheel+108+NUMBERED.jpg);
    background-size: 100%;
    background-color: red
}

#needle {
    width: 12px;
    height: 50px;
    background-color: rgba(255,0,0,.6);
    position: absolute;
    top: -25px;
    left: 244px;
    border-radius: 0 0 100% 100%;
    border: 1px solid #000
}

.boxWithBorder {
    border: 1px solid #000;
    padding: 10px
}

.blackAnchor {
    cursor: pointer;
    display: inline;
    line-height: 1.25em;
    vertical-align: top;
    clear: both;
    padding-left: 1px;
    color: #212529;
    text-decoration: underline !important;
    text-underline-position: under
}

.invis {
    width: 0;
    height: 0
}

.blob {
    height: 50px;
    width: 50px;
    color: #fc0;
    position: absolute;
    top: 45%;
    left: 45%;
    z-index: 1;
    font-size: 30px;
    display: none
}

.congrats {
    position: absolute;
    top: 140px;
    width: 550px;
    height: 100px;
    padding: 20px 10px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0
}

    .congrats h1 {
        transform-origin: 50% 50%;
        font-size: 50px;
        font-family: 'Sigmar One',cursive;
        cursor: pointer;
        z-index: 2;
        position: absolute;
        top: 0;
        text-align: center;
        width: 100%
    }

.text-orange {
    color: #f26633
}

article {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    height: 1000px;
    position: relative
}

    article ul {
        display: flex;
        top: 0;
        z-index: 10;
        padding-bottom: 14px
    }

    article li {
        list-style: none;
        flex: 1
    }

        article li:last-child {
            border-right: 1px solid #ddd
        }

    article button {
        width: 100%;
        border: 1px solid #ddd;
        border-right: 0;
        border-top: 0;
        padding: 10px;
        background: #fff;
        font-size: 14px;
        font-weight: 700;
        height: 60px;
        color: #999
    }

    article li.active button {
        background: #f5f5f5;
        color: #000
    }

    article table {
        border-collapse: collapse;
        width: 100%
    }

    article th {
        background: #f5f5f5;
        display: none
    }

    article td, article th {
        height: 53px
    }

    article td, article th {
        border: 1px solid #ddd;
        padding: 5px;
        empty-cells: show
    }

    article td, article th {
        text-align: left
    }

        article td + article td, article th + article th {
            text-align: center;
            display: none
        }

        article td.default {
            display: table-cell
        }

    article .bg-purple {
        border-top: 3px solid #a32362
    }

    article .bg-red {
        border-top: 3px solid #fc4903
    }

    article .bg-blue {
        border-top: 3px solid #0097cf
    }

    article .bg-green {
        border-top: 3px solid green
    }

    article .sep {
        background: #f5f5f5;
        font-weight: 700
    }

    article h1 {
        font-size: 48px;
        text-align: center;
        margin: 30px 0
    }

    article .txt-l {
        font-size: 28px;
        font-weight: 700
    }

    article .txt-2 {
        font-size: 18px;
        margin: 10px 0
    }

    article .txt-top {
        position: relative;
        top: -9px;
        left: -2px
    }

    article .tick {
        font-size: 18px;
        color: #2ca01c
    }

    article .hide {
        border: 0;
        background: 0 0
    }

    article tbody tr td:nth-child(2) {
        border: 2px solid #f2744682 !important
    }

.keyFeaturesTable tr:nth-child(odd) {
    background: #d0d5eb !important
}

.keyFeaturesTable tr:nth-child(even) {
    background: #eaecf5 !important
}

a.color-green:after {
    content: "";
    display: none
}

@media (min-width:950px) {
    article ul {
        display: none
    }

    article td, article th {
        display: table-cell !important
    }

    article td, article th {
        width: 330px;
        text-align: center
    }

        article td + article td, article th + article th {
            width: auto
        }
}

@media (max-width:950px) {
    body .prospur-togetherpage .features-section .features-wrapper .capabilities-list span img {
        max-width: 80% !important
    }

    ul.capabilities-list.text-decoration-none li {
        width: 50% !important;
        height: 125px;
        max-width: 50% !important
    }

    .keyFeaturesTable article tbody td {
        width: 50% !important;
        text-align: center;
        min-width: auto !important
    }

    .keyFeaturesTable article ul {
        margin: 0 !important;
        padding: 0 !important
    }

    .keyFeaturesTable article button {
        padding: 2px !important
    }

    .keyFeaturesTable th img {
        max-width: 100% !important
    }
}

.keyFeaturesTable th img {
    max-width: 110px !important
}

.zoom11 {
    zoom: 1.3
}

.prospur-togetherpage .features-wrapper.bg-white {
    margin: 25px 0
}

.prospur-togetherpage .carousel-item {
    min-height: 300px;
    width: 100%;
    background: #eee
}

    .prospur-togetherpage .carousel-item .row {
        padding-top: 55px;
        padding-left: 15px;
        padding-right: 15px
    }

section.quote-banner.testimonial > div {
    padding-bottom: 10px !important
}

.mediaRemoveSpace {
    padding: 25px !important
}

.prospur-togetherpage img.picinpic.pt-4 {
    position: absolute;
    left: 0;
    zoom: .9
}

.hear-about.owl-carousel .owl-item img {
    width: 75%;
    display: inline
}

body .prospur-togetherpage .features-section .features-wrapper .capabilities-list span img {
    height: 75px;
    width: 50px;
    padding: 0;
    background: #e8eff5;
    box-shadow: none;
    max-width: 100%;
    max-height: 100%
}

@media(max-width:1300px) {
    .prospur-togetherpage h1.banner-heading.text-center.pt-4 {
        max-width: 518px;
        margin: 0 auto
    }

    .hideat1300 {
        display: none
    }
}

@media(min-width:1341px) and (max-width:1440px) {
    .prospur-togetherpage h1.banner-heading.text-center.pt-4 {
        max-width: 900px;
        margin: 0 auto
    }

    .hideat1300 {
        display: none
    }
}

@media(max-width:1340px) {
    .prospur-togetherpage h1.banner-heading.text-center.pt-4 {
        max-width: 518px;
        margin: 0 auto
    }
}

.color-yellow.vr-border:before {
    width: 100%;
    content: " " !important
}

.color-yellow.vr-border:after {
    content: "";
    right: 0;
    top: 5px;
    width: 2px;
    height: 82%;
    background: #f16633;
    right: -15px !important;
    position: absolute
}

.read-more.d-block.w-100 {
    height: auto !important;
    position: absolute;
    bottom: 10px
}

img.zoom11.p-0.m-0 {
    margin: 0 !important;
    padding: 0 !important
}

.whiteSpace {
    white-space: inherit
}

.keyfeatures.features-section .features-wrapper span {
    display: inline-block;
    box-shadow: none;
    margin-bottom: 10px;
    padding-top: 15px;
    width: 100%
}

.verticalalign-middle {
    margin: auto auto;
    max-width: 100%
}

.capabilities-list .verticalalign-middle img {
    max-width: 80% !important
}

#share.color-lightgrey i {
    color: #798da3 !important
}

.features-page th.bg-white {
    border: none !important
}

@media(min-width:1084px) and (max-width:1420px) {
    #basicExampleNav ul li.nav-item.yellow-btn:nth-child(7) {
        margin-left: 35px
    }
}

@media(min-width:991px) and (max-width:1420px) {
    #basicExampleNav ul li.nav-item.yellow-btn:nth-child(7) {
        margin-left: 23px
    }
}

@media(min-width:1420px) {
    #basicExampleNav ul li.nav-item.yellow-btn:nth-child(7) {
        margin-left: 40px
    }
}

@media(min-width:1500px) {
    #basicExampleNav ul li.nav-item.yellow-btn:nth-child(7) {
        margin-left: 75px
    }
}

@media(min-width:998px) and (max-width:1200px) {
    #basicExampleNav ul li.nav-item.yellow-btn:nth-child(7) {
        margin-left: 40px
    }
}

@media(min-width:1201px) and (max-width:1400px) {
    #basicExampleNav ul li.nav-item.yellow-btn:nth-child(7) {
        margin-left: 38px
    }
}

.pricing-table .table-card .select.aggressive-header.bb-custom {
    border-bottom: 1px solid #0065ba
}

    .pricing-table .table-card .select.aggressive-header.bb-custom.select .select-text {
        font-weight: 700;
        color: #0065ba !important
    }

.blue-arrow .fa-arrow-right:before {
    color: #0065ba !important;
    left: -42px;
    top: 12px;
    position: absolute
}

.blue-arrow .select:after {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid #fff !important;
    border-right: 6px solid #fff !important;
    border-top: 6px solid rgba(0,0,0,.12);
    pointer-events: none;
    background: #0065ba !important
}

.rtopVideoPlayerWrapper {
    position: relative;
    width: 100%
}

    .rtopVideoPlayerWrapper .rtopVideoPlayer {
        position: relative;
        overflow: hidden
    }

        .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder {
            position: relative;
            cursor: pointer;
            height: 0;
            overflow: hidden;
            padding-bottom: 56.25%
        }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder:before {
                position: absolute;
                content: '';
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 1;
                background-color: rgba(0,0,0,.2);
                background-size: 67px 67px;
                background-repeat: no-repeat;
                background-position: center center;
                opacity: 1;
                -webkit-transition: .3s all ease-in;
                -moz-transition: .3s all ease-in;
                -ms-transition: .3s all ease-in;
                transition: .3s all ease-in;
                cursor: pointer
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder.hasFAIcons:after {
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                position: absolute;
                content: "\f144";
                opacity: 1;
                -webkit-transition: .3s all ease-in;
                -moz-transition: .3s all ease-in;
                -ms-transition: .3s all ease-in;
                transition: .3s all ease-in;
                font-family: "Font Awesome 5 Free";
                font-size: 80px;
                color: #fff;
                width: 100%;
                text-align: center;
                z-index: 4
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder.vimeoPlayer iframe {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder ::-webkit-media-controls-panel {
                display: none !important;
                -webkit-appearance: none !important
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder ::--webkit-media-controls-play-button {
                display: none !important;
                -webkit-appearance: none !important
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder ::-webkit-media-controls-start-playback-button {
                display: none !important;
                -webkit-appearance: none !important
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder video {
                position: absolute;
                width: 100%;
                height: 100%;
                overflow: hidden
            }

        .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 40px;
            opacity: 0;
            -webkit-transform: translate(0,0);
            transform: translate(0,0);
            -webkit-transition: .3s all;
            -moz-transition: .3s all;
            -ms-transition: .3s all;
            transition: .3s all;
            background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
            background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
            background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls.hide {
                -webkit-transform: translate(0,40px);
                transform: translate(0,40px)
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls .controlBtn {
                position: relative;
                width: 100%;
                padding-right: 15px;
                padding-left: 15px;
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%;
                height: 40px;
                line-height: 40px;
                color: #fff;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                cursor: pointer;
                z-index: 3
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #playPause {
                text-align: center;
                max-width: 60px
            }

                .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #playPause span.FAIcon {
                    font-size: 20px
                }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #playPauseHolder {
                max-width: 60px;
                cursor: default
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressholder {
                position: relative;
                margin: 0 20px 0 0;
                -webkit-transition: .3s all;
                -moz-transition: .3s all;
                -ms-transition: .3s all;
                transition: .3s all;
                border-radius: 0;
                max-width: calc(100% - 140px);
                z-index: 1
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressSpacer {
                max-width: calc(100% - 140px);
                cursor: default
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #fullvideoprogress {
                background: rgba(255,255,255,.2);
                width: 100%;
                height: 2px;
                top: 0;
                left: 0;
                bottom: 0;
                position: absolute;
                margin: auto 0
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #buffered {
                height: 2px;
                background: rgba(255,255,255,.6);
                width: 0;
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto 0;
                left: 0;
                border-radius: 4px
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progress {
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto 0;
                left: 0;
                height: 2px;
                background: #fff;
                width: 0;
                border-radius: 4px;
                border-right: 4px solid #ed1c24
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressholder:hover #progressorb {
                background-color: #ed1c24
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressorb {
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto 0;
                width: 8px;
                height: 8px;
                border-radius: 10px;
                background-color: rgba(237,28,36,0);
                -webkit-transition: .3s background-color ease-in;
                -moz-transition: .3s background-color ease-in;
                -ms-transition: .3s background-color ease-in;
                transition: .3s background-color ease-in
            }

            .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #timeholder {
                font-size: 13px;
                max-width: 120px;
                cursor: default;
                text-align: center
            }

@media screen and (max-width:768px) {
    .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #timeholder {
        display: none
    }
}

.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl {
    max-width: 100px;
    text-align: center
}

@media screen and (max-width:768px) {
    .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl {
        max-width: 60px
    }
}

.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .muteBtn {
    position: relative
}

    .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .muteBtn span.FAIcon {
        font-size: 20px
    }

.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars {
    position: relative;
    margin-left: 10px
}

@media screen and (max-width:768px) {
    .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars {
        display: none
    }
}

.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar {
    position: relative;
    display: inline-block;
    width: 5px;
    margin-left: 2px;
    background-color: rgba(255,255,255,.5);
    -webkit-transition: .3s all ease-in;
    -moz-transition: .3s all ease-in;
    -ms-transition: .3s all ease-in;
    transition: .3s all ease-in
}

    .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(1) {
        height: 5px
    }

    .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(2) {
        height: 7.5px
    }

    .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(3) {
        height: 10px
    }

    .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(4) {
        height: 12.5px
    }

    .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:hover {
        background-color: #fff
    }

    .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar.active {
        background-color: #fff
    }

        .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar.active:hover {
            background-color: rgba(255,255,255,.5)
        }

.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #fullScreenBtn {
    max-width: 60px;
    text-align: center
}

    .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #fullScreenBtn span.FAIcon {
        font-size: 20px
    }

.rtopVideoPlayerWrapper .rtopVideoPlayer.playing .rtopVideoHolder:after, .rtopVideoPlayerWrapper .rtopVideoPlayer.playing .rtopVideoHolder:before {
    opacity: 0
}

.rtopVideoPlayerWrapper .rtopVideoPlayer.playing .vidControls {
    opacity: 1;
    opacity: 1 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
    opacity: 0;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    transition: .3s all;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rtopVideoPlayerWrapper .rtopVideoPlayer.noControls {
    cursor: default
}

    .rtopVideoPlayerWrapper .rtopVideoPlayer.noControls .rtopVideoHolder {
        cursor: default
    }

        .rtopVideoPlayerWrapper .rtopVideoPlayer.noControls .rtopVideoHolder:after, .rtopVideoPlayerWrapper .rtopVideoPlayer.noControls .rtopVideoHolder:before {
            cursor: default
        }

.rtopVideoPlayerWrapper .rtopVideoPlayer.closing .vidControls {
    opacity: 0
}

.rtopVideoPlayerWrapper .rtopVideoPlayer.closing .rtopVideoHolder:after, .rtopVideoPlayerWrapper .rtopVideoPlayer.closing .rtopVideoHolder:before {
    opacity: 0
}

.rtopVideoPlayerWrapper .rtopVideoPlayer.finished .rtopVideoHolder.hasFAIcons:after {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    -webkit-transition: .3s all ease-in;
    -moz-transition: .3s all ease-in;
    -ms-transition: .3s all ease-in;
    transition: .3s all ease-in;
    position: absolute;
    content: "\f3e5";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 80px;
    color: #fff;
    width: 100%;
    text-align: center;
    z-index: 4
}

.rtopVideoPlayerWrapper .rtopVideoPlayer.finished .vidControls {
    opacity: 0
}

.rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder {
    cursor: none
}

    .rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:after, .rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:before, .rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:hover:after, .rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:hover:before {
        opacity: 0
    }

.rtopVideoPlayerWrapper .rtopVideoPlayer.paused .vidControls {
    opacity: 1
}

    .rtopVideoPlayerWrapper .rtopVideoPlayer.paused .vidControls.hide {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

.rtopVideoPlayerWrapper .rtopVideoPlayer.paused .rtopVideoHolder:after, .rtopVideoPlayerWrapper .rtopVideoPlayer.paused .rtopVideoHolder:before {
    opacity: 1;
    animation: rtopVideoFadeOut 1.6s forwards
}

.rtopVideoPlayerWrapper #closeVideo {
    display: none
}

.rtopVideoPlayerWrapper .rtopVideoPlayer.isFullscreen {
    background: #000;
    height: 100%;
    margin: 0;
    width: 100% video;
    width-height: 100%
}

    .rtopVideoPlayerWrapper .rtopVideoPlayer.isFullscreen .rtopVideoHolder {
        height: 100%;
        padding-bottom: 0
    }

    .rtopVideoPlayerWrapper .rtopVideoPlayer.isFullscreen.fallbackFS {
        background: #000;
        border-radius: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 10000000
    }

.rtopVideoPosterImage {
    position: absolute;
    cursor: pointer;
    height: 0;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    overflow: hidden;
    padding-bottom: 56.25%
}

    .rtopVideoPosterImage:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: rgba(0,0,0,.2);
        background-size: 67px 67px;
        background-repeat: no-repeat;
        background-position: center center;
        opacity: 1;
        -webkit-transition: .3s all ease-in;
        -moz-transition: .3s all ease-in;
        -ms-transition: .3s all ease-in;
        transition: .3s all ease-in;
        cursor: pointer
    }

    .rtopVideoPosterImage.hasFAIcons:after {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        content: "\f144";
        opacity: 1;
        -webkit-transition: .3s all ease-in;
        -moz-transition: .3s all ease-in;
        -ms-transition: .3s all ease-in;
        transition: .3s all ease-in;
        font-family: "Font Awesome 5 Free";
        font-size: 80px;
        color: #fff;
        width: 100%;
        text-align: center;
        z-index: 4
    }

    .rtopVideoPosterImage img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

.rtopVideoModal {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    display: none;
    z-index: 999;
    background-color: rgba(0,0,0,0)
}

    .rtopVideoModal.show {
        display: block;
        animation: rtopModalBGColor .3s forwards
    }

        .rtopVideoModal.show .videoModalHolder {
            animation: rtopModalOpacityColor .3s forwards
        }

    .rtopVideoModal .videoModalHolder {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 800px;
        margin: auto;
        padding: 10px;
        background-color: #000;
        opacity: 0
    }

    .rtopVideoModal #closeVideo {
        position: absolute;
        top: -50px;
        display: block;
        right: -40px;
        cursor: pointer
    }

        .rtopVideoModal #closeVideo span.FAIcon {
            font-size: 30px;
            color: #fff;
            -webkit-transition: .3s all ease-in;
            -moz-transition: .3s all ease-in;
            -ms-transition: .3s all ease-in;
            transition: .3s all ease-in
        }

            .rtopVideoModal #closeVideo span.FAIcon:hover {
                color: #ed1c24
            }

    .rtopVideoModal .rtopVideoPosterImage {
        display: none
    }

body.noScroll {
    overflow: hidden;
    height: 100vh;
    position: fixed
}

@keyframes rtopVideoFadeOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes rtopModalBGColor {
    0% {
        background-color: rgba(0,0,0,0)
    }

    100% {
        background-color: rgba(0,0,0,.8)
    }
}

@keyframes rtopModalOpacityColor {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.hint {
    position: relative;
    padding-left: 1.5rem
}

    .hint::before {
        position: absolute;
        content: '';
        width: 1rem;
        height: 100%;
        left: 0;
        top: 0;
        background-color: #006697
    }

.blue-arrow .fa-arrow-right:before {
    content: url(../images/finger.png) !important
}

.secure-img {
    max-width: 75px !important;
    margin-bottom: 20px
}

.StripeCheckbox tbody tr:first-child {
    border-bottom: 0 solid !important
}

label.select-label.pl-2.text-center.hidden {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.footer .fa, .footer .far, .footer .fas {
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: 18px !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.footer .fa-linkedin:before {
    content: "\f0e1" !important
}

.partnerUpdates .cs-details .container a {
    text-decoration-line: underline;
    text-align: left
}

.partners-icons a {
    width: 46px;
    height: 46px;
    display: inline-block
}

a.fb-icon {
    background-image: url(../images/fb-xs-logo.png);
    background-repeat: no-repeat;
    background-size: 290px 45px;
    background-position: 0 0
}

.twitter-icon {
    background-image: url(../images/fb-xs-logo.png);
    background-repeat: no-repeat;
    background-size: 290px 45px;
    background-position: -63px 0
}

.insta-icon {
    background-image: url(../images/fb-xs-logo.png);
    background-repeat: no-repeat;
    background-size: 290px 45px;
    background-position: -122px 0
}

a.linkedin-icon {
    background-image: url(../images/fb-xs-logo.png);
    background-repeat: no-repeat;
    background-size: 285px 45px;
    background-position: -179px 0
}

a.yt-icon {
    background-image: url(../images/fb-xs-logo.png);
    background-repeat: no-repeat;
    background-size: 280px 45px;
    background-position: -236px 0
}

.partnerUpdates .cs-details .container a.blue-link {
    height: 40px !important
}

body .partnerUpdates .cs-details .container .featured-leaders a.blue-link.w-100 {
    height: auto !important;
    font-size: 18px !important
}

.featured-leaders img {
    max-width: 200px !important;
    border-radius: 50%;
    margin: 0 auto
}
.mcsignin {
    width: 20px !important;
    margin-right: 6px;
}

.mcsigninList {
    list-style: none;
    border: 1px solid #ccc;
    padding: 10px 12px 6px 12px;
    width: 210px;
    border-radius: 20px;
}

.marginTop20
{
    margin:20px auto 0px auto;
}
.marginBottom0{
    margin-bottom:0px !important ;
}

.signinText {
    font-size: 15px;
    padding-left: 6px;
    font-weight: 400;
}

.seperator {
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #ccc;
    width: 50px;
    height: 47px;
    position: relative;
    text-align: center;
    padding-top: 11px;
    margin: 20px 0px;
    }

    .seperator:after {
        content: "";
        border-bottom: 1px solid #ccc;
        width: 313%;
        float: left;
        left: 100%;
        top: 23px;
        position: absolute;
    }

    .seperator:before {
        content: "";
        border-bottom: 1px solid #ccc;
        width: 300%;
        float: left;
        right: 100%;
        top: 23px;
        position: absolute;
    }


.Btns {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.cr_btn {
    width: 20%;
    padding: 8px 0px;
}

.ms_btn {
    width: 20%;
    padding: 8px 0px;
    background-color: #00A4EF;
    border: 1px solid #000;
}