body {
    overflow-x: hidden
}

html {
    font-family: rubik,sans-serif;
    scroll-behavior: smooth
}

.uk-logo svg {
    max-width: 100%;
    width: 100%;
    height: auto
}

.uk-logo {
    width: 150px
}

h2,.uk-h2,h3,.uk-h3,h4,.uk-h4,h5,.uk-h5,h6,.uk-h6 {
    font-family: rubik,sans-serif;
    font-weight: 700
}

h1,.uk-h1 {
    font-family: rubik,sans-serif;
    font-weight: 400
}

canvas,img,video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

.uk-button {
    font-size: 20px;
    height: 52px!Important
}

.uk-button-default {
    font-size: 20px;
    color: #0e536d;
    border-color: #0e536d;
    padding: 10px 25px
}

.uk-button-default:hover {
    background: #0e536d;
    color: #fff;
    text-decoration: none
}

.button_submit.submitted {
    background: #0e536d;
    color: #fff;
    text-decoration: none
}

.uk-select {
    font-size: 20px;
    color: #0e536d;
    border-color: #0e536d;
    padding: 0 25px;
    height: 52px!Important
}

.uk-input {
    height: 52px!Important;
    border-radius: 8px;
    padding: 10px;
    color: #0e536d;
    font-size: 16px;
    border: 1px solid #d5d5d5
}

.upsell_cards .uk-grid {
    margin-left: -30px
}

.upsell_cardsGrid>div {
    margin-bottom: 30px
}

.upsell_cardsGrid .uk-card-body ins {
    margin-bottom: 40px;
    display: inline-block
}

.uk-grid>* {
    padding-left: 30px
}

.uk-padding-small {
    padding: 15px
}

.uk-card-small .uk-card-body {
    padding: 20px
}

.uk-card-default .uk-card-title {
    color: #333
}

.uk-card-title {
    font-size: 1.5rem;
    line-height: 1.4
}

[class*=uk-width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.footer__powered {
    text-align: center;
    margin-top: 20px;
    color: #666
}

.uk-width-1-2 {
    width: 50%
}

[class*=uk-child-width]>* {
    box-sizing: border-box;
    width: 100%
}

.uk-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

[class*=uk-width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.uk-width-2-3 {
    width: calc(100% * 2/3.001)
}

.uk-width-1-2 {
    width: 50%
}

uk-grid-small>*,.uk-grid-column-small>* {
    padding-left: 15px
}

.uk-margin-large-bottom {
    margin-bottom: 40px!important
}

.uk-margin-medium-top {
    margin-top: 40px!important
}

.uk-width-xlarge {
    width: 600px
}

.uk-width-large {
    width: 450px
}

.uk-width-medium {
    width: 300px
}

.uk-grid-small>*,.uk-grid-column-small>* {
    padding-left: 15px
}

.uk-margin-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

.uk-padding {
    padding: 30px
}

.uk-text-center {
    text-align: center!important
}

.uk-grid+.uk-grid-small,.uk-grid+.uk-grid-row-small,.uk-grid-small>.uk-grid-margin,.uk-grid-row-small>.uk-grid-margin,*+.uk-grid-margin-small {
    margin-top: 15px
}

.uk-input,.uk-select,.uk-textarea {
    max-width: 100%;
    width: 100%;
    border: 0;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border
}

.uk-icon {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: initial;
    display: inline-block;
    fill: currentcolor;
    line-height: 0
}

.uk-spinner>* {
    animation: uk-spinner-rotate 1.4s linear infinite
}

.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
    stroke: currentcolor
}

.uk-spinner>*>* {
    stroke-dasharray: 88px;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: uk-spinner-dash 1.4s ease-in-out infinite;
    stroke-width: 1;
    stroke-linecap: round
}

.quotes__flex {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -30px
}

.uk-card-default {
    background: #fff;
    color: #666;
    box-shadow: 0 5px 15px rgba(0,0,0,8%)
}

.uk-text-small {
    font-size: .875rem;
    line-height: 1.5
}

.verification_here {
    color: #666
}

a,.uk-link {
    color: #1e87f0;
    text-decoration: none;
    cursor: pointer
}

#show_restart {
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.uk-input::placeholder {
    color: #999
}

.uk-alert {
    position: relative;
    margin-bottom: 20px;
    padding: 15px 29px 15px 15px;
    background: #f8f8f8;
    color: #666
}

.uk-alert-danger {
    background: #fef4f6;
    color: #f0506e
}

.uk-alert-close {
    position: absolute;
    top: 20px;
    right: 15px;
    color: inherit;
    opacity: .4
}

.notification__wrapper {
    position: relative
}

.notification {
    background-color: #7f9eb0;
    padding: 20px;
    width: 100%;
    max-width: 400px;
    color: #fff;
    border-bottom: 3px solid #7f98a5;
    box-shadow: 0 4px #7f98a5;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    z-index: -1;
    transition: .3s
}

.notification.show {
    bottom: 50px;
    opacity: 1;
    z-index: 10
}

.notification:first-of-type {
    bottom: 130px
}

.notification:first-of-type.show {
    bottom: 160px
}

.question .content__select {
    margin-bottom: 0
}

.address_submit {
    width: 100%!important
}

@media(min-width: 960px) {
    .uk-child-width-1-3\@m>* {
        width:calc(100% * 1/3.001)
    }

    .uk-width-1-2\@m {
        width: 50%
    }

    .uk-width-2-3\@m {
        width: calc(100% * 2/3.001)
    }

    .uk-child-width-1-1\@m>* {
        width: 100%
    }
}

@media(min-width: 640px) {
    .uk-width-1-2\@s {
        width:50%
    }

    .uk-width-1-3 {
        max-width: 33.33%
    }

    .uk-text-center {
        text-align: center
    }
}

@media(max-width: 640px) {
    .city__wrapper {
        width:100%
    }
}

.question {
    display: none
}

.question.active {
    display: block
}

#progress_bar {
    width: 0%;
    text-align: right;
    display: block;
    padding-right: 10px;
    transition: width 1s;
    background-color: #0e536d;
    color: #fff
}

.before_slash::before {
    content: '/';
    position: absolute;
    margin-left: -12px;
    margin-top: 6px;
    font-size: 29px
}

.color-primary {
    color: #0e94f2
}

.uk-container.uk-padding-large {
    padding: 30px 10px
}

.insurer_logo {
    width: 7%;
    max-width: 7%;
    margin: 0
}

.insurer_logo img {
    max-width: 100%;
    height: auto
}

.form_submit_birth_date input {
    font-size: 25px
}

@media(max-width: 640px) {
    .insurer_logo {
        max-width:20%;
        width: 20%;
        margin: 0
    }

    .uk-logo {
        width: 110px
    }
}

.disclaimer {
    margin-bottom: 5px;
    color: #666
}

#cookies_notice {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 20px 10px;
    background: rgba(250,250,250,.9);
    font-size: 15px;
    line-height: 1;
    box-sizing: border-box;
    border-top: 1px solid #212629;
    border-bottom: 0;
    z-index: 999
}

#cookies_notice button {
    font-size: initial!important;
    height: auto!important
}

@media(max-width: 600px) {
    #cookies_notice {
        font-size:12px;
        padding: 10px
    }

    .uk-navbar-content,.uk-navbar-brand,.uk-navbar-toggle {
        height: 50px;
        min-height: 50px
    }

    .uk-navbar {
        height: 50px
    }

    .uk-navbar-toggle {
        padding: 0 15px
    }
}

.content__item.uk-width-1-1 {
    width: 100%!important
}

.but_what {
    font-size: 16px!important;
    font-weight: 700!important
}

.details-question__text p {
    font-size: 16px;
    line-height: 19px
}

.details-question__input .uk-link {
    display: none
}

.details-question__input select {
    cursor: pointer;
    border: none;
    font-weight: 500;
    color: #1e87f0;
    font-size: 14px;
    -webkit-appearance: none;
    padding-right: 23px;
    height: 24px;
    line-height: 24px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 100% 0;
    text-align: right;
    background-image: url(./img/edit.svg)
}

.but_what.active {
    background-color: #007cc2!important;
    color: #fff!important
}

.but_what:hover {
    background-color: #0e94f2!important
}

.question {
    min-height: 50vh
}

.button_submit.submitted {
    background: #009d74!important
}

.content__list button span {
    min-width: 40%
}

.content__list button img {
    margin-top: 4px;
    border-radius: 5px
}

.content__list li button,.content__list li a {
    margin: 10px auto;
    width: 95%
}

.question_background img {
    max-height: 40vh;
    text-align: center
}

.question_background {
    text-align: center
}

.header__logo img {
    height: 75px
}

@media(max-width: 1000px) {
    .header__logo img {
        height:50px
    }
}

.uk-grid label {
    white-space: pre
}

.circle_loader {
    position: relative;
    width: 75px;
    height: 75px;
    margin: auto
}

.circle_loader .loader-circle {
    width: 100%;
    height: 100%
}

.circle_loader .circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 2
}

.circle_loader .circle-fg {
    fill: none;
    stroke: #00d5a1;
    stroke-width: 2;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.circle_loader .percentage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 19px;
    font-weight: 700
}

.upsell_buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width: 850px;
    margin: 50px auto 0
}

.upsell_buttons .btn {
    display: flex;
    line-height: 130%;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    padding: 0;
    margin: 10px 0;
    border: 2px solid #2980b9;
    box-shadow: 0 4px 6px rgba(0,0,0,.1);
    cursor: pointer;
    transition: all .3s;
    position: relative;
    min-width: 130px
}

.upsell_buttons .btn {
    margin: 20px 0
}

.upsell_buttons .btn b {
    position: absolute;
    top: -28px;
    left: -2px;
    padding: 5px;
    background-color: #2980b9;
    border-color: #1a5a8a;
    color: #fff;
    min-width: 130px
}

@media(max-width: 600px) {
    .upsell_buttons .btn img {
        width:128px
    }
}

.upsell_buttons .btn:hover {
    background-color: #2980b9;
    border-color: #1a5a8a;
    color: #fff
}

.upsell_buttons .btn:active {
    background-color: #2980b9;
    border-color: #1a5a8a;
    color: #fff
}

.upsell_buttons .btn div {
    padding: 5px
}

.upsell_buttons .arrow {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    background-color: #3498db;
    padding: 10px;
    margin-left: 5px;
    margin-bottom: -7px
}

.phone_btn {
    align-items: center;
    -webkit-box-align: center;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 5px;
    height: 55px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8))no-repeat padding-box;
    background: linear-gradient(180deg,#fff 0%,#f8f8f8 100%)no-repeat padding-box;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    opacity: 1;
    text-align: left;
    font: 700 16px/19px Rubik;
    color: #000;
    letter-spacing: 0
}

.phone_btn span {
    padding: 5px 0 5px 5px
}

.header .show_zip_phone {
    text-align: right;
    margin: 10px 0;
    text-align: center
}

#result .show_zip_phone {
    text-align: center
}

#result_data h4 {
    margin-bottom: 0!important
}

.upsell_cards {
    margin: 20px 0
}

.upsell_cards .uk-card-title {
    min-height: 70px
}

.upsell_cards .uk-card-body p {
    min-height: 75px
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1;
    font-family: rubik,sans-serif;
    font-size: 14px;
    overflow-x: hidden
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

br {
    font-size: 0
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

button,button:focus,input,input:focus {
    outline: 0
}

a {
    text-decoration: none
}

button {
    border: 0
}

::-moz-focus-inner,::-moz-focus-outer {
    border: 0;
    padding: 0
}

a:-moz-focusring,select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

:active,:focus,:hover,:visited,a,a:active,a:focus,a:hover,a:visited {
    outline: 0!important
}

::-moz-focus-inner {
    border: 0;
    outline: 0
}

img {
    max-width: 100%
}

svg {
    overflow: hidden
}

.container {
    margin: 0 auto;
    padding: 0 20px
}

/*@media screen and (min-width: 390px) {*/
@media screen and (min-width: 767px) {
    .container {
        width:640px
    }
}

@media screen and (min-width: 1024px) {
    .container {
        width:1024px;
        padding: 0 10px
    }
}

@media screen and (min-width: 1200px) {
    .container {
        width:1100px;
        margin: 0 auto;
        padding: 0 20px
    }
}

.block {
    padding: 30px 0
}

@media screen and (min-width: 1280px) {
    .block {
        padding:50px 0
    }
}

.header {
    overflow-x: hidden
}

.header__btn,.header__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__btn {
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    width: 192px;
    height: 50px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8))no-repeat padding-box;
    background: linear-gradient(180deg,#fff 0%,#f8f8f8 100%)no-repeat padding-box;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    opacity: 1;
    text-align: left;
    font: 700 16px/19px Rubik;
    color: #000;
    letter-spacing: 0
}

.save {
    background: #253e43;
    padding: 10px 0;
    overflow-x: hidden
}

.save__text {
    font-family: rubik,sans-serif;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    text-align: center;
    max-width: 300px;
    margin: 0 auto
}

.save__bold {
    font-weight: 700
}

.graph {
    padding: 10px 0;
    background: #36555b;
    overflow-x: hidden
}

.graph__wrapper {
    -webkit-box-shadow: #008f683d;
    box-shadow: #008f683d;
    max-width: 350px;
    height: 20px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto 10px
}

.graph__fill {
    height: 100%;
    background: #006299;
    -webkit-transition: 1s;
    transition: 1s;
    background-size: contain
}

.graph__text {
    text-align: center;
    font-weight: 700;
    color: #fff
}

.graph__text-fill {
    display: none
}

.content {
    padding: 20px 0
}

.content__title {
    font-size: 26px;
    line-height: 130%;
    text-align: center;
    color: #000
}

.content__subtitle {
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    color: #000
}

.content__title .save__bold {
    display: block
}

.content__item,.content__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content__list {
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.content__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    min-width: 85px;
    min-height: 55px;
    background: #007cc2;
    border-radius: 10px;
    cursor: pointer;
    -webkit-box-shadow: 0 4px 0 0 #006299;
    border-bottom: 3px solid #006299;
    box-shadow: 0 4px #006299;
    margin: 10px 5px
}

.content__item_small {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    min-width: 55px;
    min-height: 35px;
    background: #007cc2;
    border-radius: 10px;
    cursor: pointer;
    -webkit-box-shadow: 0 4px 0 0 #006299;
    border-bottom: 3px solid #006299;
    box-shadow: 0 4px #006299;
    margin: 5px 3px
}

.content__select {
    display: block;
    margin: 0 auto 15px;
    border-radius: 8px;
    padding: 10px;
    color: #0e94f2;
    font-size: 16px;
    border: 1px solid #d5d5d5;
    min-width: 85px;
    min-height: 55px
}

.customer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.customer__text {
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    margin: 17px auto 0;
    max-width: 208px
}

.customer__name {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    text-align: center;
    margin-top: 21px
}

.customer__green {
    color: #0e94f2
}

.customer .abrr {
    display: none
}

.customer .stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.customer .divider {
    border: 0;
    height: 1px;
    background: #d5d5d5;
    margin-top: 20px
}

.footer {
    border-top: 1px solid #d5d5d5;
    padding: 20px 0
}

.footer__title {
    font-size: 18px;
    font-weight: 700;
    text-align: center
}

.footer__wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px auto 40px
}

.footer__wrapper img {
    display: block;
    margin: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.footer__wrapper,.menu,.menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.menu__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.menu__item a {
    color: #0e94f2;
    font-size: 14px
}

.menu__item:not(:last-child):after {
    display: block;
    height: 14px;
    width: 1px;
    margin: 0 5px;
    background: #000;
    content: ''
}

.adress {
    text-align: center;
    font-size: 12px;
    margin-top: 15px
}

.hide {
    -webkit-animation: mymove .5s;
    animation: mymove .5s;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    width: 0
}

.next {
    -webkit-animation: mymove1 .5s;
    animation: mymove1 .5s;
    opacity: 1;
    margin: inherit;
    padding: inherit;
    height: auto;
    width: auto
}

@-webkit-keyframes mymove {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mymove {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes mymove1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mymove1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media screen and (min-width: 1200px) {
    .header__wrapper {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .save {
        background: #f5f5f5;
        padding-top: 20px;
        padding-bottom: 0
    }

    .save__text {
        max-width: 100%;
        color: #000;
        font-size: 22px;
        padding: 4px 0
    }

    .graph {
        background: #f5f5f5
    }

    .graph .container {
        position: relative
    }

    .graph__fill {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .graph__text-fill {
        display: block;
        font-size: 16px;
        text-align: center;
        font-weight: 700;
        color: #fff
    }

    .graph__text {
        display: none
    }

    .graph__wrapper {
        max-width: 100%;
        height: 40px
    }

    .content {
        padding-top: 30px
    }

    .content__title {
        font-size: 36px
    }

    .content__title .save__bold {
        display: inline
    }

    .content__item {
        min-width: 120px;
        min-height: 70px;
        -webkit-transition: .3s;
        transition: .3s
    }

    .content__item_small {
        -webkit-transition: .3s;
        transition: .3s
    }

    .content__item:hover,.content__item_small:hover {
        background: #0e94f2;
        border-bottom: 3px solid #006299;
        box-shadow: 0 4px #006299
    }

    .customer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 700px;
        margin: 20px auto
    }

    .customer .descr {
        width: 548px;
        margin-left: 20px
    }

    .customer__text {
        max-width: 100%;
        text-align: left
    }

    .customer__name {
        text-align: left;
        margin-bottom: 5px
    }

    .customer .stars {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .customer .abrr {
        display: inline
    }

    .customer .abrr:not(:last-child) {
        margin-right: 5px
    }
}

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

.customer {
    margin: 25px auto
}

.blur {
    filter: blur(3px)
}

.card_popular {
    position: relative;
    border: 5px solid #f3841f!Important
}

@keyframes bwColorChange {
    0%,100% {
        color: #000
    }

    50% {
        color: #fff
    }
}

.uk-badge {
    min-width: 22px;
    height: 22px;
    border-radius: 500px;
    align-items: center
}

.card_badge {
    display: flex!important;
    position: absolute;
    left: 5px;
    top: 5px;
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    border-radius: 500px;
    background: #f3841f;
    color: #000;
    border: 1px solid;
    text-transform: uppercase;
    padding: 10px;
    animation: bwColorChange 2s infinite
}

ins {
    background: #ffd;
    color: #666;
    text-decoration: none
}

.upsell_cards .uk-card .card_badge {
    opacity: 0
}

.upsell_cards .uk-card.card_popular .card_badge {
    opacity: 1
}

#q_6 .content__title {
    font-size: 22px
}

.secure-icon {
    padding: 10px 5px 0;
    font-size: 16px;
    display: none!important
}

.secure-icon img {
    padding-right: 5px;
    width: 19px
}

.back-button {
    background: #7f9eb0;
    border-bottom: 3px solid #7f98a5;
    box-shadow: 0 4px #7f98a5;
    text-decoration: none!important;
    text-align: center;
    padding-left: 0!important
}

.currency {
    font-size: 30px;
    text-align: center;
    letter-spacing: .2rem
}

.uk-card-small .currency {
    font-size: 20px
}

.uk-card-small .uk-input {
    height: 35px!important
}

.content .works {
    max-width: 900px;
    padding: 15px;
    margin: 50px auto
}

.content .works {
    display: none
}

.content .works-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.content .works-wrapper__item {
    flex-basis: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.works-wrapper__item-top img {
    width: 60px;
    height: 60px;
    display: block
}

.content .works-wrapper__item-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-weight: 800
}

.content .works-wrapper__desc {
    max-width: 90%;
    margin: 0 auto;
    text-align: center
}

.works__title h2 {
    padding-bottom: 30px;
    font-weight: 700
}

@media screen and (max-width: 600px) {
    .content .works-wrapper {
        font-size:19px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .content .works-wrapper__item {
        flex-basis: 95%;
        margin-bottom: 20px;
        line-height: 1.1
    }

    .works-wrapper__item-top img {
        width: 70px;
        height: 70px
    }

    .content .works-wrapper__item-middle {
        flex-basis: 100%
    }
}

.secure-trustedsite {
    margin: 5px;
    text-align: right
}

.footer-trustedsite {
    margin: 25px auto;
    text-align: center;
    max-width: 600px;
    padding: 0 10px
}

.uk-notification-message {
    background: #7f9eb0;
    border-bottom: 3px solid #7f98a5;
    box-shadow: 0 4px #7f98a5;
    color: #fff
}

.uk-notification-message .uk-notification-close {
    display: block
}

.upsell_thumbtack_top_pros .uk-card .image img {
    border-radius: 100px;
    overflow: hidden
}

.upsell_thumbtack_top_pros .uk-flex {
    margin-top: 20px
}

.upsell_thumbtack_top_pros .uk-card .title {
    margin-left: 10px
}

.upsell_thumbtack_top_pros .uk-card .title .save__bold {
    font-size: 18px;
    color: #000
}

.upsell_thumbtack_top_pros .card_badge {
    position: relative;
    max-width: fit-content
}

.upsell_thumbtack_top_pros .uk-card .image {
    margin-left: 20px
}

.upsell_thumbtack_top_pros ul li {
    margin-bottom: 10px
}

.upsell_thumbtack_top_pros ul b {
    font-weight: 700
}

.upsell_thumbtack_top_pros .rating {
    color: #7f9eb0
}

.upsell_thumbtack_top_pros .rating span {
    vertical-align: super
}

.upsell_thumbtack_top_pros .rating .rating_stars div {
    width: 90px
}

.upsell_thumbtack_top_pros .rating .rating_stars {
    max-width: 90px;
    display: inline-block;
    overflow: hidden;
    margin-right: 10px
}

.upsell_thumbtack_top_pros .rating .rating_stars {
    --rating_stars: attr(data-stars)
}

.upsell_thumbtack_top_pros .rating .rating_stars {
    width: calc(90px/var(--rating_stars))
}

.upsell_thumbtack_top_pros .rating_stars svg {
    color: gold
}

.upsell_thumbtack_top_pros .uk-card {
    margin-left: 30px;
    margin-bottom: 30px;
    padding-left: 0
}

.upsell_thumbtack_top_pros .uk-card:not(:first-child) .card_badge {
    opacity: 0;
    display: none
}

@media(min-width: 960px) {
    .upsell_thumbtack_top_pros .uk-child-width-1-3\@m>* {
        width:calc(100% * 1/3.001 - 30px)
    }
}

#gender_toggle {
    min-height: 65px
}

#gender_toggle .details-question {
    padding: 0
}

@keyframes uk-spinner-rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(270deg)
    }
}

@keyframes uk-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        transform: rotate(135deg)
    }

    100% {
        stroke-dashoffset: 88px;
        transform: rotate(450deg)
    }
}