.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

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

.mb-25 {
    margin-bottom: 25px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.ptb-120 {
    padding: 120px 0
}

.pt-120 {
    padding-top: 120px
}

.pb-120 {
    padding-bottom: 120px
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes up-dawn {
    0% {
        transform: translateY(-20px)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-20px)
    }
}

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(0, 0)
    }

    25% {
        transform: scale(0.25, 0.25)
    }

    50% {
        transform: scale(0.5, 0.5)
    }

    75% {
        transform: scale(0.75, 0.75)
    }

    100% {
        transform: scale(1, 1)
    }
}

body {
    font-family: "Poppins", sans-serif
}

.h2 {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    font-weight: 600;
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 50px
}

.h2-white {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 50px
}

.h3 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    margin: 0
}

.h4 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin: 0
}

.p-1 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 28px;
    margin: 0;
    padding: 0
}

.p-2 {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    line-height: 28px;
    margin: 0;
    padding: 0 !important
}

.p-3 {
    font-size: 15px;
    font-weight: 300;
    color: #000;
    line-height: 28px;
    margin: 0;
    padding: 0 !important
}

.p-white {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    line-height: 28px;
    margin: 0;
    padding: 0 !important
}

b {
    font-weight: bold !important
}

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

.video-js {
    max-width: 100% !important;
    max-height: 640px;
    min-height: max-content
}

.video-js .vjs-big-play-button {
    top: calc(50% - 40px) !important;
    left: calc(50% - 40px) !important;
    line-height: 76px !important;
    height: 80px !important;
    width: 80px !important;
    border-radius: 50% !important;
    font-size: 45px
}

.video-js {
    background-color: transparent !important
}

.vjs-poster {
    background-color: transparent !important
}

.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "";
    color: #ED1E24 !important
}

.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block !important
}

.list li {
    list-style-type: none;
    font-size: 18px;
    margin-bottom: 15px
}

.list li i {
    color: #ED1E24;
    margin-right: 10px
}

.box-shadow {
    box-shadow: 0px 7px 20px 1px rgba(0, 0, 0, .2)
}

.how-work .box {
    padding: 50px 15px;
    border-radius: 5px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);
    transition: all .3s ease-in-out
}

.how-work .box:hover {
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .15);
    transform: translateY(-10px)
}

.check {
    background-image: linear-gradient(to right bottom, #ED1E24, #ED1E24);
    padding: 120px;
    position: relative
}

.check .rocket-1 {
    position: absolute;
    right: 0;
    bottom: 0
}

.check .rocket-2 {
    position: absolute;
    top: 0;
    left: 0
}

.check .btn {
    background: #fff;
    color: #000;
    height: 60px;
    width: 160px;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);
    margin-top: -8px;
    margin-left: 20px
}

.offers .box {
    padding: 40px 30px;
    border-radius: 5px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .1);
    transition: all .3s ease-in-out
}

.offers .box .text {
    margin-left: 25px
}

.offers .box .icon img {
    width: 40px
}

/* .counter {
    background: url("../../img/bg/offers.png") center center no-repeat;
    background-size: contain
}

.counter .content {
    background: url("../../img/offers-line.png") center center no-repeat
} */

.counter .content .circle {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15);
    background: #fff
}

.counter .content .circle h3 {
    font-size: 50px;
    font-weight: 600;
    margin: 0
}

.counter .content .circle .num {
    display: inline-block
}

.counter .content .circle .color-1 {
    color: #f25a68
}

.counter .content .circle .color-2 {
    color: #f5a315
}

.counter .content .circle .color-3 {
    color: #9cbb2f
}

.counter .content .circle .color-4 {
    color: #009bc2
}

.customers {
    background-color: #ED1E24;
    padding: 120px 0 90px 0
}

.customers .parteners {
    display: none
}

.customers .testimonials {
    padding: 30px
}

.customers .testimonials .carousel-inner {
    padding: 30px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15);
    background: #fff;
    padding: 70px 115px;
    width: 100%;
    border-radius: 5px
}

.customers .testimonials .carousel-item {
    padding: 0 50px
}

.customers .testimonials .carousel-item h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 20px 0 6px
}

.customers .testimonials .carousel-item h4 {
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    padding: 0
}

.customers .testimonials .carousel-item p {
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
    margin-top: 15px
}

.customers .testimonials .carousel-item .line {
    background: #eff0f3;
    height: 1px;
    width: 100%
}

.customers .testimonials .carousel-item .tes {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: #ED1E24;
    font-style: italic
}

.customers .testimonials .carousel-item .tes span {
    color: #000;
    font-size: 12px;
    font-weight: 300;
    font-style: normal
}

.customers .testimonials .carousel-indicators {
    display: none
}

.customers .testimonials .control {
    cursor: pointer;
    margin-top: 235px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    background-image: linear-gradient(to right bottom, #ED1E24, #ED1E24);
    font-size: 20px;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .06);
    opacity: 1 !important;
    margin: 20px;
    margin-top: 215px
}

.ready {
    background-image: url(../img/iroller-cloud-bg.png);
    background-position: left bottom;
    background-size: auto;
    background-repeat: no-repeat;
    background-color: #ED1E24
}

body {
    position: relative
}

#close-iframe {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 40px;
    background-color: #ED1E24;
    color: #000;
    border-radius: 100%;
    text-align: center;
    box-shadow: 2px 2px 3px #666;
    border: none;
    z-index: 21474836402;
    display: none
}

#activate-btn {
    position: fixed;
    padding: 0 20px;
    height: 60px;
    bottom: 20px;
    left: 40px;
    background-color: #ED1E24;
    color: #000;
    border-radius: 9px;
    text-align: center;
    box-shadow: 2px 2px 3px #666;
    border: none;
    z-index: 21474836402;
    display: none
}

#iframe-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 21474836399;
    background: #fff;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: zoominoutsinglefeatured .2s normal
}

#iframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    z-index: 21474836400;
    display: none;
    animation: zoominoutsinglefeatured .2s normal
}

.tooltip {
    z-index: 21474836401
}

#video-2 {
    max-height: 320px
}

.btn-blue {
    background-image: linear-gradient(to right bottom, #ED1E24, #ED1E24);
    padding: 12px 45px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 500;
    border-radius: 100px;
    box-shadow: 0px 7px 20px 1px rgba(0, 0, 0, .2);
    display: inline-block;
    text-decoration: none !important;
    position: relative;
    z-index: 100;
    transition: all .4s ease-in-out;
    border: none
}

.btn-blue:hover {
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .2);
    transform: translateY(-5px);
    color: #000
}

.btn-blue:hover::after {
    transform: scale(1.5);
    opacity: 0
}

.btn-blue::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 35px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right bottom, #ED1E24, #ED1E24)
}

.btn-blue-small {
    padding: 6px 22.5px
}

div.btn {
    padding: 0
}

.btn-white {
    background: #fff;
    padding: 12px 45px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    border-radius: 100px;
    box-shadow: 0px 7px 20px 1px rgba(0, 0, 0, .2);
    display: inline-block;
    text-decoration: none !important;
    position: relative;
    z-index: 100;
    transition: all .4s ease-in-out;
    border: none
}

.btn-white:hover {
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .2);
    transform: translateY(-5px);
    color: #000
}

.btn-white:hover::after {
    transform: scale(1.5);
    opacity: 0
}

.btn-white::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 35px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s ease-in-out;
    background: #fff
}

.shapes div {
    position: absolute;
    z-index: 10
}

.shape-1 {
    width: 25px;
    top: 50%;
    right: 15%;
    animation: pulse 3s infinite ease-in-out
}

.shape-2 {
    width: 30px;
    top: 20%;
    right: 25%;
    animation: up-dawn 5s infinite ease-in-out
}

.shape-3 {
    width: 15px;
    bottom: 10%;
    right: 20%;
    animation: up-dawn 5s infinite ease-in-out 1s
}

.shape-4 {
    width: 25px;
    top: 20%;
    left: 20%;
    animation: pulse 3s infinite ease-in-out 1.5s
}

.shape-5 {
    width: 20px;
    top: 30%;
    left: 50%;
    animation: up-dawn 5s infinite ease-in-out 1.7s
}

.shape-6 {
    width: 15px;
    bottom: 30%;
    left: 40%;
    animation: up-dawn 5s infinite ease-in-out 2.3s
}

.shape-7 {
    width: 25px;
    bottom: 15%;
    left: 20%;
    animation: pulse 3s infinite ease-in-out 1s
}

.shape-8 {
    width: 25px;
    bottom: 10%;
    left: 60%;
    animation: up-dawn 5s infinite ease-in-out 3s
}

.form-control {
    border-color: #495057;
}

form.form-inline .form-group input.form-control {
    border: 0;
    width: 500px;
    height: 60px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);
    font-size: 15px;
    font-weight: 300;
    color: #000
}

[data-carousel-3d] [data-prev-button] {
    position: absolute;
    height: 100%;
    width: 15%;
    top: 0px;
    left: 0px
}

[data-carousel-3d] [data-next-button] {
    position: absolute;
    height: 100%;
    width: 15%;
    top: 0px;
    right: 0px
}

[data-carousel-3d] {
    position: relative;
    overflow: hidden
}

[data-carousel-3d]>[data-children-wrapper] {
    perspective: 3000px;
    -ms-perspective: 3000px;
    -moz-perspective: 3000px;
    -webkit-perspective: 3000px
}

[data-carousel-3d]>[data-children-wrapper]>[data-child] {
    transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s
}

[data-carousel-3d] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 300px
}

[data-carousel-3d]>[data-children-wrapper]>[data-child] {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-left: 0 !important
}

[data-carousel-3d]>[data-children-wrapper]>[data-child]>[data-child-frame]>[data-content-wrapper] {
    box-sizing: border-box;
    transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    -moz-transform-origin: 0px 0px;
    -webkit-transform-origin: 0px 0px;
    margin: 0 auto;
    width: max-content !important
}

[data-carousel-3d]:before {
    padding-top: 40%;
    display: block;
    content: ""
}

[data-carousel-3d] [data-children-wrapper] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 26%;
    left: 26%
}

[data-carousel-3d] {
    background: transparent;
    border: none
}

[data-carousel-3d] li {
    list-style: none
}

[data-carousel-3d] [data-prev-button]:before {
    font-family: FontAwesome;
    content: "";
    background: #ED1E24;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    border: 3px solid #ED1E24;
    cursor: pointer
}

[data-carousel-3d] [data-next-button]:before {
    font-family: FontAwesome;
    content: "";
    background: #ED1E24;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    border: 3px solid #ED1E24;
    cursor: pointer
}

[data-child-frame] {
    border: 5px solid #fff;
    width: 100% !important
}

.red-color {
    color: #ed1e24 !important
}

.features-tables .card {
    border-radius: 0
}

.features-tables table {
    font-size: 14px
}

.features-tables table th:nth-child(3),
.features-tables table th:nth-child(4),
.features-tables table td:nth-child(3),
.features-tables table td:nth-child(4) {
    display: none
}

.features-tables table thead th {
    text-align: center;
    white-space: nowrap;
    border-top: none;
    border-bottom: none
}

.features-tables table thead th:nth-child(1) {
    text-align: left
}

@media(min-width: 992px) {
    .features-tables table thead th:nth-child(1) {
        width: 500px !important
    }

    .navbar .nav-item:hover>.dropdown-menu {
        display: block;
    }
}

.features-tables table tbody th {
    font-weight: normal;
    text-align: left
}

.features-tables table tbody td {
    text-align: center
}

.features-tables table tbody td .fa-check {
    color: #ed1e24 !important;
    background: initial
}

.features-tables table tbody td .fa-times {
    color: #b9b9b9 !important;
    background: initial
}

.accordion-new .card {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 0
}

.accordion-new .card-header {
    border-radius: 0;
    padding: 0;
    border-bottom: none;
    background: transparent
}

.accordion-new .card-header button {
    background: #f2f2f2;
    border: 1px solid transparent;
    color: #000;
    display: block;
    border-radius: 30px 0 0 30px;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 70px;
    position: relative;
    transition: all .3s ease 0s;
    width: 100%;
    text-align: left
}

.accordion-new .card-header button.collapsed {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    border: 1px solid #ddd;
    color: #333
}

.accordion-new .card-header button::after {
    background: #ED1E24 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 0 50% 50%;
    color: #000;
    content: "";
    border: 1px solid #ddd;
    font-family: fontawesome;
    font-size: 25px;
    height: 55px;
    left: -1px;
    line-height: 55px;
    position: absolute;
    text-align: center;
    top: -2px;
    transition: all .3s ease 0s;
    width: 55px
}

.accordion-new .card-header button.collapsed::after {
    background: #ED1E24 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 0 50% 50%;
    color: #000;
    content: "";
    border: 1px solid #ddd;
    font-family: fontawesome;
    font-size: 25px;
    height: 55px;
    left: -1px;
    line-height: 55px;
    position: absolute;
    text-align: center;
    top: -2px;
    transition: all .3s ease 0s;
    width: 55px;
    background: transparent;
    border: 1px none;
    box-shadow: none;
    color: #333;
    content: ""
}

.accordion-new .card-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative
}

.accordion-new .card-body p {
    border-left: 1px dashed #8c8c8c;
    padding-left: 25px
}

@keyframes pulse_border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.video-wrapper {
    position: relative;
    cursor: pointer
}

.video-wrapper .video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
    pointer-events: none
}

.video-wrapper .video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #ED1E24;
    border-radius: 50%;
    animation: pulse_border 1500ms ease-out infinite
}

.video-wrapper .video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #ED1E24;
    border-radius: 50%;
    transition: all 200ms
}

.video-wrapper .video-play-button:hover:after {
    background-color: #ffd61d
}

.video-wrapper .video-play-button img {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: auto;
    height: auto
}

.video-wrapper .video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent
}

#shopping-cart .list-group {
    text-align: left
}

#shopping-cart .list-group .btn-wrapper {
    text-align: right
}

#shopping-cart .list-group .btn-wrapper .badge-pill {
    width: 140px;
    text-align: right;
    padding: 12px;
    font-size: .9em;
    margin-left: 15px;
    position: relative
}

#shopping-cart .list-group .btn-wrapper .badge-pill .btn {
    width: 38px;
    height: 38px;
    position: absolute;
    left: 0;
    top: 0
}

#shopping-cart .list-group .btn-wrapper .badge-warning {
    color: #000;
    background-color: #ED1E24
}

.navbar {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
}

.navbar .navbar-brand img {
    width: 226px !important;
    color: #000;
    height: auto;
}

.navbar .nav-item {
    margin: 0;
    padding: 15px 0
}

.navbar .nav-item .nav-link {
    margin: 0;
    padding: 0;
    margin-right: 40px;
    font-size: 15px;
    font-weight: 400;
    color: #000
}

.navbar .nav-item .nav-link:hover {
    color: #ED1E24
}

.navbar .nav-item .nav-link.active {
    color: #ED1E24
}

/* .navbar .nav-item:hover>.dropdown-menu {
    display: block
} */

.navbar .dropdown .dropdown-menu {
    border: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);
    padding: 0
}

.navbar .dropdown .dropdown-menu a {
    padding: 15px 5px 15px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    transition: all .2s ease-in-out
}

.navbar .dropdown .dropdown-menu a:not(:last-child) {
    border-bottom: 1px solid #f6f6f6
}

.navbar .dropdown .dropdown-menu a:hover {
    color: #fff;
    background-color: #ED1E24;
    border: none
}

.navbar .dropdown .dropdown-menu a:hover:not(:last-child) {
    border-bottom: 1px solid #ED1E24
}

.navbar .dropdown-toggle:after {
    content: none
}

.slider {
    height: 850px;
    position: relative;
    border-radius: 0 0 100% 100%/10%;
    background: #ED1E24;
    background-image: url(../img/iroller-main-bg.png);
    background-position: bottom center;
    background-size: 100%;
    background-repeat: no-repeat
}

.footer .footer-logo {
    width: 150px
}

.footer .who {
    padding-right: 30px
}

.footer .links ul {
    margin: 0;
    padding: 0
}

.footer .links ul li {
    list-style: none
}

.footer .links ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    transition: all .4s ease-in-out
}

.footer .links ul li a:hover,
.footer .links ul li a .fa {
    color: #ED1E24
}

.footer .links ul li:not(:last-child) {
    margin-bottom: 10px
}

.footer .social .icons .icon {
    border: 1px solid #e2e2eb;
    width: 44px;
    height: 44px;
    background: #fff;
    border-radius: 50%;
    transition: all .4s ease-in-out
}

.footer .social .icons .icon a {
    font-size: 14px;
    color: #848ca7;
    text-decoration: none;
    transition: all .4s ease-in-out
}

.footer .social .icons .icon:hover {
    background-image: linear-gradient(to right bottom, #ED1E24, #ED1E24);
    color: #fff
}

.footer .social .icons .icon:hover a {
    color: #fff
}

.footer .social .ico {
    display: inline-block
}

.footer .bottom {
    background: #ed1e24;
    padding: 10px 0
}

.footer .bottom span {
    font-size: 15px;
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 0
}

.bottom {
    background: #e3eef0;
    padding: 20px 0
}

.bottom span {
    font-size: 15px;
    color: #6a7695;
    display: inline-block;
    margin: 0;
    padding: 0
}

@media(max-width: 575.98px) {
    .navbar {
        background: #fff !important;
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }

    .slider {
        text-align: center;
        padding: 200px 0;
        height: auto !important;
        border-radius: 0 0 100% 100%/5% !important
    }

    .slider .content {
        margin-bottom: 50px
    }

    .how-work {
        padding: 120px 0 90px 0
    }

    .how-work .box {
        margin-bottom: 30px
    }

    .company {
        text-align: center
    }

    .company .text-1 {
        margin-top: 50px
    }

    .company .text-2 {
        margin-bottom: 50px
    }

    .check {
        display: none
    }

    .offers {
        padding: 0 0 90px 0 !important
    }

    .offers .box {
        margin-bottom: 30px !important
    }

    .counter .content {
        background: #fff
    }

    .counter .circle {
        display: inline-block;
        text-align: center;
        margin: 0 auto
    }

    .counter .item:not(:last-child) {
        margin-bottom: 40px
    }

    .testimonials {
        padding: 0 !important
    }

    .testimonials .carousel-item {
        padding: 0 !important
    }

    .testimonials .control {
        display: none
    }

    .testimonials .carousel-inner {
        padding: 70px 30px !important
    }

    .ready h2 {
        margin-bottom: 30px
    }

    .footer {
        text-align: center
    }

    .footer .who {
        margin-bottom: 30px;
        padding: 0
    }

    .footer .links {
        margin-bottom: 30px
    }
}

@media(max-width: 767.98px) {
    .navbar {
        background: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }

    .slider {
        text-align: center;
        padding: 200px 0;
        height: auto !important;
        border-radius: 0 0 100% 100%/6%
    }

    .slider .content {
        margin-bottom: 50px
    }

    .how-work {
        padding: 120px 0 90px 0
    }

    .how-work .box {
        margin-bottom: 30px
    }

    .company {
        text-align: center
    }

    .company .text-1 {
        margin-top: 50px
    }

    .company .text-2 {
        margin-bottom: 50px
    }

    .check {
        display: none
    }

    .offers {
        padding: 0 0 90px 0 !important
    }

    .offers .box {
        margin-bottom: 30px !important
    }

    .counter .content {
        background: #fff
    }

    .counter .circle {
        display: inline-block;
        text-align: center;
        margin: 0 auto
    }

    .counter .item:not(:last-child) {
        margin-bottom: 40px
    }

    .testimonials {
        padding: 0 !important
    }

    .testimonials .carousel-item {
        padding: 0 !important
    }

    .testimonials .control {
        display: none
    }

    .testimonials .carousel-inner {
        padding: 70px 30px !important
    }

    .ready h2 {
        margin-bottom: 30px
    }

    .footer {
        text-align: center
    }

    .footer .who {
        margin-bottom: 30px;
        padding: 0
    }

    .footer .links {
        margin-bottom: 30px
    }
}

@media(max-width: 991.98px) {

    /* .navbar .nav-item:hover>.dropdown-menu {
        display: flex !important;
    } */
    .navbar {
        background: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }

    .slider {
        padding: 200px 0;
        padding-top: 250px;
        padding-bottom: 50px;
        margin-bottom: 25px;
        height: auto !important;
        border-radius: 0 0 100% 100%/10%
    }

    .slider .content {
        margin-bottom: 50px
    }

    .how-work {
        padding: 120px 0 90px 0
    }

    .how-work .box {
        margin-bottom: 30px
    }

    .check {
        display: none
    }

    .offers {
        padding: 0 0 90px 0 !important
    }

    .offers .box {
        margin-bottom: 30px !important
    }

    .counter .content {
        background: #fff
    }

    .counter .circle {
        display: inline-block;
        text-align: center;
        margin: 0 auto
    }

    .counter .item:not(:last-child) {
        margin-bottom: 40px
    }

    .testimonials {
        padding: 0 !important
    }

    .testimonials .carousel-item {
        padding: 0 !important
    }

    .testimonials .control {
        display: none
    }

    .testimonials .carousel-inner {
        padding: 70px 30px !important
    }

    .ready h2 {
        margin-bottom: 30px
    }

    .footer .icon {
        margin-bottom: 10px
    }
}

@font-face {
    font-family: "Montserrat Thin";
    src: url("../fonts/Montserrat/Montserrat-Thin.eot");
    src: url("../fonts/Montserrat/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Thin.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Thin.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Thin.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Thin.svg#Montserrat Thin") format("svg")
}

@font-face {
    font-family: "Montserrat SemiBold";
    src: url("../fonts/Montserrat/Montserrat-SemiBold.eot");
    src: url("../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-SemiBold.svg#Montserrat SemiBold") format("svg")
}

@font-face {
    font-family: "Montserrat Regular";
    src: url("../fonts/Montserrat/Montserrat-Regular.eot");
    src: url("../fonts/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Regular.svg#Montserrat Regular") format("svg")
}

@font-face {
    font-family: "Montserrat Medium";
    src: url("../fonts/Montserrat/Montserrat-Medium.eot");
    src: url("../fonts/Montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Medium.svg#Montserrat Medium") format("svg")
}

@font-face {
    font-family: "Montserrat Light";
    src: url("../fonts/Montserrat/Montserrat-Light.eot");
    src: url("../fonts/Montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Light.svg#Montserrat Light") format("svg")
}

@font-face {
    font-family: "Montserrat ExtraLight";
    src: url("../fonts/Montserrat/Montserrat-ExtraLight.eot");
    src: url("../fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/Montserrat/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-ExtraLight.svg#Montserrat ExtraLight") format("svg")
}

@font-face {
    font-family: "Montserrat Black";
    src: url("../fonts/Montserrat/Montserrat-Black.eot");
    src: url("../fonts/Montserrat/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Black.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Black.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Black.svg#Montserrat Black") format("svg")
}

@font-face {
    font-family: "Montserrat Bold";
    src: url("../fonts/Montserrat/Montserrat-Bold.eot");
    src: url("../fonts/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Bold.svg#Montserrat Bold") format("svg")
}

@font-face {
    font-family: "Montserrat Extrabold";
    src: url("../fonts/Montserrat/Montserrat-Extrabold.eot");
    src: url("../fonts/Montserrat/Montserrat-Extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Extrabold.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Extrabold.woff2") format("woff2"), url("../fonts/Montserrat/Montserrat-Extrabold.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Extrabold.svg#Montserrat Extrabold") format("svg")
}

@-webkit-keyframes radio_scale {
    0% {
        transform: scale(0)
    }

    25% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

@-moz-keyframes radio_scale {
    0% {
        transform: scale(0)
    }

    25% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

@-ms-keyframes radio_scale {
    0% {
        transform: scale(0)
    }

    25% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

@-o-keyframes radio_scale {
    0% {
        transform: scale(0)
    }

    25% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes radio_scale {
    0% {
        transform: scale(0)
    }

    25% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

.table-four {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

@media(min-width:704px) {
    .table-four {
        margin-right: 0;
        margin-left: 0
    }
}

@media(min-width:994px) {
    .table-four {
        max-width: 800px
    }
}

@media(min-width:1200px) {
    .table-four {
        max-width: none;
        flex-wrap: nowrap
    }
}

.table-four__cell {
    width: 100%;
    max-width: 315px;
    margin: 1rem;
    padding: 32px;
    padding-bottom: 70px;
    transition: all .5s ease-in-out;
    text-align: center;
    border-radius: 20px
}

.table-four__cell button {
    background-color: #ED1E24 !important;
    color: #000 !important
}

.table-four__cell small {
    font-size: 60%
}

.table-four__cell:hover .table-four__cell-title,
.table-four__cell.hover .table-four__cell-title {
    color: #000 !important
}

.table-four__cell:hover button,
.table-four__cell.hover button {
    background-color: #000 !important;
    color: #fff !important
}

@media(min-width:1200px) {
    .table-four__cell {
        margin-right: 0;
        margin-left: 0;
        border-radius: 0;
        max-width: 435px
    }
}

@media(min-width:1000px) {
    .table-four__cell:first-child {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px
    }
}

@media(min-width:1000px) {
    .table-four__cell:last-child {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px
    }
}

.table-four__cell .table-four__cell-list-item .badge-danger {
    background: #ed1e24;
    font-size: .9em
}

.table-four__cell .table-four__cell-list-item label {
    position: relative;
    cursor: pointer;
    font-weight: normal;
    vertical-align: bottom;
    font-size: 12px;
    min-width: 206px
}

.table-four__cell .table-four__cell-list-item label input[type=radio] {
    position: absolute;
    right: 9000px
}

.table-four__cell .table-four__cell-list-item label input[type=radio]+.label-text:before {
    content: "";
    float: left;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    margin-right: 10px;
    font-size: 26px;
    vertical-align: middle;
    margin-top: -4px
}

.table-four__cell .table-four__cell-list-item label input[type=radio]:checked+.label-text:before {
    content: "";
    color: #e72026;
    -webkit-animation: radio_scale 250ms;
    -moz-animation: radio_scale 250ms;
    -ms-animation: radio_scale 250ms;
    -o-animation: radio_scale 250ms;
    animation: radio_scale 250ms
}

.table-four__cell .table-four__cell-list-item label input[type=radio]:disabled+.label-text {
    color: #aaa
}

.table-four__cell .table-four__cell-list-item label input[type=radio]:disabled+.label-text:before {
    content: "";
    color: #ccc
}

.table-four__cell:hover,
.table-four__cell.hover {
    z-index: 1;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    transition: all .2s ease-in-out;
    border-radius: 20px;
    box-shadow: 0 20px 50px 0 rgba(54, 54, 54, .3)
}

.table-four__cell:hover .table-four__cell-title,
.table-four__cell.hover .table-four__cell-title {
    transition: all .2s ease-in-out;
    color: #fff
}

.table-four__cell:hover .table-four__cell-subtitle,
.table-four__cell.hover .table-four__cell-subtitle {
    transition: all .2s ease-in-out;
    opacity: 1
}

.table-four__cell:hover .table-four__cell-header--green::before,
.table-four__cell.hover .table-four__cell-header--green::before {
    transition: all .2s ease-in-out;
    opacity: .3
}

.table-four__cell:hover .table-four__cell-header--cyan::before,
.table-four__cell.hover .table-four__cell-header--cyan::before {
    transition: all .2s ease-in-out;
    opacity: .3
}

.table-four__cell:hover .table-four__cell-header--orange::before,
.table-four__cell.hover .table-four__cell-header--orange::before {
    transition: all .2s ease-in-out;
    opacity: .3
}

.table-four__cell:hover .table-four__cell-header--red::before,
.table-four__cell.hover .table-four__cell-header--red::before {
    transition: all .2s ease-in-out;
    opacity: .3
}

.table-four__cell:hover .table-four__cell-body,
.table-four__cell.hover .table-four__cell-body {
    transition: all .2s ease-in-out;
    background-color: #fff
}

.table-four__cell:hover .table-four__cell-price,
.table-four__cell.hover .table-four__cell-price {
    transition: all .2s ease-in-out;
    color: #363636;
    background-color: #fafafa
}

.table-four__cell:hover .table-four__cell-list-item,
.table-four__cell.hover .table-four__cell-list-item {
    transition: all .2s ease-in-out;
    color: #363636
}

.table-four__cell:hover .table-four__cell-list-item--inactive,
.table-four__cell.hover .table-four__cell-list-item--inactive {
    transition: all .2s ease-in-out;
    color: #d4d4d4
}

.table-four__cell--green {
    border-bottom: 7px solid #ED1E24;
    background-color: #232f39
}

.table-four__cell--green:hover,
.table-four__cell--green.hover {
    background: #ED1E24
}

.table-four__cell--cyan {
    border-bottom: 7px solid #ED1E24;
    background-color: #27343f
}

.table-four__cell--cyan:hover {
    background: #ED1E24
}

.table-four__cell--orange {
    border-bottom: 7px solid #ED1E24;
    background-color: #232f39
}

.table-four__cell--orange:hover {
    background: #ED1E24
}

.table-four__cell--red {
    border-bottom: 7px solid #ED1E24;
    background-color: #27343f
}

.table-four__cell--red:hover {
    background: #ED1E24
}

.table-four__cell-header {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: center
}

.table-four__cell-header--green::before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: all .5s ease-in-out;
    opacity: .05;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px
}

.table-four__cell-header--cyan::before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: all .5s ease-in-out;
    opacity: .05;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px
}

.table-four__cell-header--orange::before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: all .5s ease-in-out;
    opacity: .05;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px
}

.table-four__cell-header--red::before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    transition: all .5s ease-in-out;
    opacity: .05;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px
}

.table-four__cell-title {
    margin-top: 1rem;
    transition: all .5s ease-in-out;
    color: #fff;
    font-family: "Montserrat Regular", sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 24px
}

.table-four__cell-title--green {
    color: #ED1E24
}

.table-four__cell-title--cyan {
    color: #ED1E24
}

.table-four__cell-title--orange {
    color: #ED1E24
}

.table-four__cell-title--red {
    color: #ED1E24
}

.table-four__cell-subtitle {
    margin-top: .5rem;
    transition: all .5s ease-in-out;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ed1e24;
    font-family: "Montserrat Light", sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px
}

.table-four__cell-subtitle a.scroll {
    position: relative;
    z-index: 100;
    color: #ed1e24
}

.table-four__cell-body {
    position: relative;
    transition: all .5s ease-in-out;
    border-radius: 20px;
    background: #2b3740;
    min-height: 430px
}

.table-four__cell-price {
    display: flex;
    flex-direction: column;
    padding: 40px 47px;
    transition: all .5s ease-in-out;
    color: #fff;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background: #2f3c46;
    font-family: "Montserrat Regular", sans-serif;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 24px;
    align-items: center;
    justify-content: center;
    text-align: center
}

.table-four__cell-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
    padding-top: 30px;
    padding-bottom: 60px;
    transition: all .5s ease-in-out;
    justify-content: center
}

.table-four__cell-list .tot-price {
    position: absolute !important;
    bottom: 60px !important
}

.table-four__cell-list-item {
    margin-top: 5px;
    margin-bottom: 11px;
    transition: all .5s ease-in-out;
    text-transform: capitalize;
    color: #fff;
    font-family: "Montserrat Regular", sans-serif;
    font-size: 14px;
    font-weight: normal
}

.table-four__cell-list-item--inactive {
    transition: all .5s ease-in-out;
    color: #475662
}

.table-four__cell-list-item--yes {
    display: inline-block;
    margin-left: 4px;
    text-transform: capitalize;
    color: #ED1E24
}

.table-four__cell-list-item--no {
    display: inline-block;
    margin-left: 4px;
    text-transform: capitalize;
    color: #ed1e24;
    font-size: 18px
}

.table-four__cell-button {
    position: absolute;
    bottom: -1.4rem;
    left: 50%;
    width: 174px;
    height: 50px;
    cursor: pointer;
    transition: background-color .5s ease-in-out, box-shadow .5s ease-in-out;
    transform: translateX(-50%);
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 25px;
    outline: 0;
    background: #363636;
    box-shadow: 0 10px 30px rgba(54, 54, 54, 0);
    font-family: "Montserrat Light", sans-serif;
    font-size: 14px;
    font-weight: 700
}

.table-four__cell-button--green {
    background-color: #ffe883
}

.table-four__cell-button--green:hover,
.table-four__cell-button--green.hover {
    transition: background-color .2s ease-in-out, box-shadow .3s ease-in-out;
    background-color: #ED1E24
}

.table-four__cell-button--green:hover:active,
.table-four__cell-button--green.hover:active {
    transition: all .2s ease-in-out;
    background-color: #ffe883;
    box-shadow: 0 15px 50px rgba(54, 54, 54, .15)
}

.table-four__cell-button--cyan {
    background-color: #ffe883
}

.table-four__cell-button--cyan:hover {
    transition: background-color .2s ease-in-out, box-shadow .3s ease-in-out;
    background-color: #ffd61d
}

.table-four__cell-button--cyan:hover:active {
    transition: all .2s ease-in-out;
    background-color: #ffe883;
    box-shadow: 0 15px 50px rgba(54, 54, 54, .15)
}

.table-four__cell-button--orange {
    background-color: #ffe883
}

.table-four__cell-button--orange:hover {
    transition: background-color .2s ease-in-out, box-shadow .3s ease-in-out;
    background-color: #ffda37
}

.table-four__cell-button--orange:hover:active {
    transition: all .2s ease-in-out;
    background-color: #ffe883;
    box-shadow: 0 15px 50px rgba(54, 54, 54, .15)
}

.table-four__cell-button--red {
    background-color: #ffe46a
}

.table-four__cell-button--red:hover {
    transition: background-color .2s ease-in-out, box-shadow .3s ease-in-out;
    background-color: #ffda37
}

.table-four__cell-button--red:hover:active {
    transition: all .2s ease-in-out;
    background-color: #ffe46a;
    box-shadow: 0 15px 50px rgba(54, 54, 54, .15)
}

.text-danger {
    color: #ed1e24 !important
}

.bg-danger {
    background-color: #ed1e24 !important
}

.swal2-loader {
    border-color: #ed1e24 transparent #ed1e24 transparent !important;
}

.swal2-html-container {
    color: #ed1e24 !important;
}

.swal2-popup {
    width: 356px !important;
}

.swal2-image {
    border-radius: 3px 3px 0 0 !important;
}

/*# sourceMappingURL=style.css.map */