@import url(../fonts/mplus/style.css);




html {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #333;
}

p {
    font-size: 20px;
}

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 800;
    color: #969696;
}

h1 strong {
    font-weight: 900;
}

.uk-input,
.uk-select,
.uk-textarea {
    border-radius: 8px;
    border: 1px solid #C5C5BB;

}

.uk-button {
    border-radius: 8px;
}

.uk-modal-dialog {
    border-radius: 8px;
}

strong {
    font-weight: 800;
}

.uk-list-bullet> ::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSIiIGQ9Ik0yMjUuODgyLDMzMS4yOTRjLTcuOTgxLTAuMDMtMTUuNjE2LTMuMjIzLTIxLjIzMy04Ljg4NWwtNDUuMTc2LTQ1LjE3NiAgYy0xMS43NjEtMTEuNzYxLTExLjc2MS0zMC44NTYsMC00Mi42MTZzMzAuODU2LTExLjc2MSw0Mi42MTYsMGwyNS40NDksMjUuNDQ5bDg0LjE3OS03Mi4xMzIgIGMxMy44MDktOS4yNzYsMzIuNTI3LTUuNTg3LDQxLjc4OCw4LjIyMmM3LjY5NSwxMS40NzUsNi42MTEsMjYuNjk5LTIuNjM1LDM2Ljk1NGwtMTA1LjQxMiw5MC4zNTMgIEMyNDAuMDgzLDMyOC4zNDMsMjMzLjE0MSwzMzEuMTI4LDIyNS44ODIsMzMxLjI5NHoiIGZpbGw9IiMxZTkwZmYiIGRhdGEtb3JpZ2luYWw9IiMxZTkwZmYiIGNsYXNzPSIiPjwvcGF0aD4KPHBhdGggeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iIiBkPSJNMjU2LDUxMkMxMTQuNjEzLDUxMiwwLDM5Ny4zODcsMCwyNTZTMTE0LjYxMywwLDI1NiwwczI1NiwxMTQuNjEzLDI1NiwyNTZTMzk3LjM4Nyw1MTIsMjU2LDUxMnogICBNMjU2LDYwLjIzNUMxNDcuODc4LDYwLjIzNSw2MC4yMzUsMTQ3Ljg3OCw2MC4yMzUsMjU2UzE0Ny44NzgsNDUxLjc2NSwyNTYsNDUxLjc2NVM0NTEuNzY1LDM2NC4xMjIsNDUxLjc2NSwyNTYgIFMzNjQuMTIyLDYwLjIzNSwyNTYsNjAuMjM1eiIgZmlsbD0iIzE2NmNiZiIgZGF0YS1vcmlnaW5hbD0iIzE2NmNiZiI+PC9wYXRoPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+);
    background-size: contain;
    left: -40px;
}




.uk-logo img {
    height: 80px;
}

.topnav {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
}

.topnav-phone {
    font-size: 28px;
    font-weight: 700;
}

.topnav-address {
    font-size: 24px;
    font-weight: 700;
}

.uk-h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
}

.uk-h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
}


.top-phone {
    margin: 15px 0 0 12px;
}

.top-phone-icon {
    font-size: 32px;
    margin-top: 5px;
}

.top-phone-number {
    font-size: 16px;
}

.top-phone-number span {
    font-size: 24px;
    font-weight: 700;
}

.top-phone-sked {
    font-size: 15px;
    margin-top: -7px;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #fff;
}

.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
    min-height: 33px;
    color: #009FDE;
    font-weight: 700;
}


.hero-heading {
    font-size: 48px;
    font-weight: 900;
    color: #52524E;
}

.hero-heading span {
    color: #009FDE;
}

.hero-subheading {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

.hero-subheading span {
    font-size: 16px;
    display: inline-block;
    padding: 5px 15px;
    /* background-color: #0051A0;*/
    background-color: #009FDE;

    color: #fff;
    margin-left: 20px;
}

.hero-subheading span strong {
    font-size: 28px;
    font-weight: 700;
}

.hero-text {
    color: #52524E;
}


.button-main {
    padding: 5px 30px;
    border-radius: 8px;
    font-weight: 800;
}

.button-main i {
    font-size: 32px;
    line-height: 38px;
    padding-right: 10px;
    vertical-align: middle;
}

.button-main.button-red {
    background-color: #D91E18;
}

.button-main.button-red:hover,
.button-main.button-red:active {
    background-color: rgb(190, 18, 12);
}

.button-main.button-grey {
    border: 1px solid#fff;
    color: #fff;
}

.button-main.button-grey:hover,
.button-main.button-grey:active {
    border: 1px solid#A2A297;
    background-color: #A2A297;
    color: #333;
}

.button-main.button-outline {
    border: 1px solid#aaa;
    color: #333;
    background: #fff;
}

.button-main.button-outline:hover,
.button-main.button-outline:active {
    border: 1px solid#aaa;
    background-color: #eee;
    color: #333;
}




.uk-card-body {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.replace-price-cards h4 {
    margin-bottom: 10px !important;
}

.replace-price-cards p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 0;
}



.stat {
    font-size: 15px;
    text-align: center;
    line-height: 15px;
}



.stat i {
    font-size: 24px;
    font-weight: 700;
    color: #1172EA;
    display: block;
    line-height: 58px;
    font-style: normal;
}

.stat i strong {
    font-size: 32px;
    font-weight: 900;
}


.features .uk-panel {
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
}

.feature-image img {
    min-height: 500px;
}

.feature-price {
    font-weight: 700;
    font-size: 20px;
}

.feature-price-total {
    font-weight: 700;
    font-size: 32px;
    margin-top: -10px;
    color: #333;
}

.feature-plus {
    font-size: 20px;
    padding: 0 12px;
}

.sml p {
    font-size: 14px;
}


.feature-action {
    text-transform: uppercase;
    padding: 3px 10px;
    background-color: #666;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}




.gift .uk-container {
    background-color: #E54D45;
    background-image: url(../images/igiftbg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

.gift .uk-panel {
    padding: 50px 50px;
}

.gift .uk-first-column .uk-panel {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}


.footer {
    background: #0451A0 !important;
}

.footer .fab {
    font-size: 32px;
    margin-right: 16px;
}

.fa-whatsapp {
    color: #4fc75b !important;
}

.fa-viber {
    color: #7b73f9 !important;
}

.fa-telegram-plane {
    color: #36aee2 !important;
}

.fa-vk {
    color: #4A76A8 !important;
}

.fa-instagram {
    color: #F00075 !important;
}

.fa-twitter {
    color: #1faee9 !important;
}


.fa-facebook-square {
    color: #3b5998;
}

.uk-modal-dialog .uk-heading-line i {
    padding-left: 20px;
    font-size: 14px;
    font-style: normal;
}

.uk-icon-button {
    background-color: rgba(255, 255, 255, 1) !important;
    width: 46px;
    height: 46px;
}

.anchor {
    position: absolute;
    margin-top: -150px;
}











.extra {
    /* background-color: #E2E9F2;*/
    background-image: url(../images/iextrabg.png);
    background-repeat: no-repeat;
    background-size: cover;

}

.extra .uk-tab {
    height: 45px;
    flex-wrap: nowrap;
    overflow-y: auto;
}

.extra .uk-tab>*>a {
    color: #666;
    font-size: 1.1rem;
    font-weight: 700;
}

.extra .uk-tab>.uk-active>a {
    color: #D91E18;
    border-color: #1e87f0;
}

.extra .uk-tab::before {
    border-bottom: 1px solid transparent;
}

.extra .uk-panel {
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    padding: 60px 40px;
}

.extra h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
}

.extra-price {
    padding: 10px 0 0 50px;
}

.extra-price span {
    font-size: 28px;
    color: #D91E18;
}

.extra .uk-inline {
    min-height: 260px;
}


.profiles {
    background-color: #fff;


}

.profiles .uk-tab {
    height: 45px;
    flex-wrap: nowrap;
    overflow-y: auto;
    margin-top: 40px;
}

.profiles .uk-tab>*>a {
    color: #666;
    font-size: 1.1rem;
    background-color: #fff;
    font-weight: 700;
    text-transform: none;
    border-radius: 6px;
    border: 1px solid #666;
}

.profiles .uk-tab>.uk-active>a {
    color: #fff;
    background-color: #D91E18;
    border: 1px solid #D91E18;
}

.profiles .uk-tab::before {
    border-bottom: 1px solid transparent;
}

.profiles .uk-panel {
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    padding: 60px 40px;
}

.profiles h3 {
    font-size: 32px;
    line-height: 32px;
}

.profiles h3 strong {
    display: block;
}



.steps {
    background-color: #DCE4F8;
    background-image: url(../images/istepibg.jpg);
    background-repeat: no-repeat;
    background-size: cover;

}



.step-number {
    width: 60px;
    height: 60px;
    font-size: 48px;
    line-height: 49px;
    font-weight: 700;
    color: #333;
    text-indent: 9px;
    border: 6px solid #D7E0F5;
    margin-right: 20px;
    margin-top: 5px;
}

.steps .red {
    color: #D91E18;
}

.step-info-text {
    font-size: 16px;
    line-height: 18px;
    margin-top: 5px;
}

.step-info-heading {
    margin-bottom: 5px;
    font-weight: 700;
    line-height: 24px;
}

@media (min-width: 960px) {
    .step-arrowed {
        background-image: url(../images/iar1.svg);
        background-repeat: no-repeat;
        background-position: 100% 50%;
    }
}

.fabar {
    width: 500px;
    height: 50px;
}


.uk-button-white {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.uk-button-white i {
    font-size: 18px;
    font-weight: 400;
    padding-right: 10px;
    vertical-align: middle;
}

.uk-button-white:hover,
.uk-button-white:active {
    background-color: #fff;
    color: #D91E18 !important;
    border: 1px solid #fff;
}











.why {
    background: #009FDE url(../images/bg-why.jpg) no-repeat;
    padding-top: 30px;
    background-size: cover;
    color: #fff !important;
}

.why h1 {
    color: #fff !important;
}

.why .uk-icon {
    width: 50px !important;
    height: 50px !important;
    display: block;
    float: left;
    margin-right: 20px;
}

.why .uk-grid div {
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    font-weight: 500;
}



.uk-table th {
    font-weight: 700;
}

.uk-table td:last-child {
    font-size: 1.3rem;
    font-weight: 600;
}


.uk-tab>.uk-active>a {
    color: #D91E18;
    border-color: #D91E18;

}

.uk-tab>*>a {
    color: #1172EA;
    font-size: 1.1rem;

}

.uk-table-striped tbody tr:nth-of-type(odd),
.uk-table-striped>tr:nth-of-type(odd) {
    background: #E5F7FE;
    border-top: 1px solid #E5F7FE;
    border-bottom: 1px solid #E5F7FE;
}




.notfound {
    background-color: #D91E18;
}

.notfound h3 {
    font-size: 36px;
    line-height: 32px;
}

.gallery a span {
    color: #fff;
}


fieldset {
    border: none;
}

.form_success {
    display: none;
}

.form-controle {
    display: none;
    height: 0 !important;
}

input.has_error,
textarea.has_error,
select.has_error {
    border: #E54D45 2px dashed !important;
    background-color: #fdfbfb !important;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.top-sale {
    background-color: #F04F00;
    background-image: url(../images/itopsalebg.jpg);
    color: #fff;
    font-weight: 700;
}

.hero-to {
    padding-bottom: 0;
}


.testimonials .uk-card-heading {
    padding: 10px 30px;
}

.uk-card-heading {
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uk-card-heading span.date {
    box-sizing: border-box;
    min-width: 22px;
    height: 22px;
    padding: 2px 7px;
    border-radius: 500px;
    vertical-align: middle;
    background: #e4edfc;
    font-size: 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}

.hero-buttons .uk-icon {
    margin-right: 7px;

}

.hero {
    margin-top: 70px;
}




.uk-h4 {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
}
.example-heading {
    min-height: 60px;
    height: 60px; 
}
.example-price {
    font-size: 13px;
    padding-top: 10px;
}

.example-price span {
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: #52524E;
}

.examples-video ul {
    font-size: .875rem;
    line-height: 1.5;
min-height: 180px;
height: 180px;
}
.examples-video {
background: #E5F7FE;
}






@media (max-width: 639px) {
    .topnav {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .uk-logo img {
        height: 60px;
    }

    .topnav-phone {
        font-size: 18px;
    }

    .hero-heading {
        font-size: 32px;
    }

    .hero-price span {
        display: block;
        padding-top: 7px;
    }

    .hero-buttons {
        text-align: center;

    }

    .hero-buttons a {
        display: block;
        margin-top: 9px;

    }

    .button-main {
        font-size: 16px;
        padding: 3px 10px;
    }

    .feature-plus {
        padding: 0 5px;
    }

    .feature-price-total {
        font-size: 24px;
        margin-top: -3px;
    }

    .feature-price {
        font-size: 18px;
    }

    .feature-action {
        font-size: 10px;
    }

    .uk-slider-items p {
        font-size: 12px;
        line-height: 13px;
    }

    .uk-tab>*>a {
        font-size: 0.7rem;
    }

    .extra .uk-inline h3 {
        font-size: 24px;
    }

    .anchor {
        margin-top: -77px;
    }

}


@media (min-width: 1200px) and (max-width: 1599px) {
    .nola {
        display: none;
    }
}













/* 
Phone landscape and bigger
@media (min-width: 640px) {

}
Tablet landscape and bigger
@media (min-width: 960px) {

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

}
Large screen and bigger
@media (min-width: 1600px) {

}

---

Phone portrait and smaller
@media (max-width: 639px) {

}
 Phone landscape and smaller
@media (max-width: 959px) {

}
Tablet landscape and smaller
@media (max-width: 1199px) {

}
Desktop and smaller
@media (max-width: 1599px) {

}
*/