[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 34px;
    margin-right: 8px;
}

.icon-yuz:before {
    content: "\e920";
    color: #fff;
}

.icon-gogus:before {
    content: "\e915";
    color: #fff;
}

.icon-abs:before {
    content: "\e912";
    color: #fff;
}

.icon-simit:before {
    content: "\e91e";
    color: #fff;
}

.icon-kol:before {
    content: "\e918";
    color: #fff;
}

.icon-el:before {
    content: "\e911";
    color: #fff;
}

.icon-bacak:before {
    content: "\e923";
    color: #fff;
}

.icon-ayak:before {
    content: "\e922";
    color: #fff
}

.icon-sac:before {
    content: "\e91b";
    color: #fff
}

.icon-alin:before {
    content: "\e920";
    color: #fff
}

.icon-goz:before {
    content: "\e916";
    color: #fff
}

.icon-kas:before {
    content: "\e917";
    color: #fff
}

.icon-goz:before {
    content: "\e916";
    color: #fff
}

.icon-yanak:before {
    content: "\e91f";
    color: #fff
}

.icon-dudak:before {
    content: "\e928";
    color: #fff
}

.icon-burun:before {
    content: "\e925";
    color: #fff
}

.icon-cene:before {
    content: "\e926";
    color: #fff
}

.icon-gidi:before {
    content: "\e913";
    color: #fff
}

.icon-boyun:before {
    content: "\e924";
    color: #fff
}

.icon-kulak:before {
    content: "\e919";
    color: #fff
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    /*background-color: #d3faff;*/
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #333333;
    overflow: hidden;
background: url(../images/bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

a {
    color: #356d76;
}

a:hover {
    text-decoration: underline;
}

ul {
    list-style-type: none;
}

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

.main {
    display: flex;
    align-items: center;
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
}

.wrapper {
    display: none;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 80px;
}


.questions {
    position: relative;
    margin-top: -10px;
    z-index: 1;
}

.question-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
    padding: 40px;
    border-radius: 4px;
    background-color: rgb(255 255 255 / 75%);
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
}

.question {
    display: none;
    width: 100%;
}

.question.active {
    display: block;
}

.footer {
    display: block;
    padding: 10px;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.pagination {
    display: flex;
    justify-content: space-between;
}

.pagination-number {
    font-weight: 600;
}

.pagination-next {
    display: inline-block;
    width: 30px;
    height: 22px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC4zMzIiIGhlaWdodD0iMjIuMjI4IiB2aWV3Qm94PSIwIDAgMzAuMzMyIDIyLjIyOCI+DQogIDxnIGlkPSJHcm91cF83MDMiIGRhdGEtbmFtZT0iR3JvdXAgNzAzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuNDE0KSI+DQogICAgPHBhdGggaWQ9IlBhdGhfMTIwIiBkYXRhLW5hbWU9IlBhdGggMTIwIiBkPSJNMzA5LjA1OSwxNDAxLjgzMmgyOC4zMzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDkuMDU5IC0xMzkxLjgzMikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg1MmE0ZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4NCiAgICA8cGF0aCBpZD0iUGF0aF8xMjEiIGRhdGEtbmFtZT0iUGF0aCAxMjEiIGQ9Ik0zNDEuMTgzLDEzOTEuNjYybDkuNyw5LjctOS43LDkuNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyMi41NSAtMTM5MS42NjIpIiBmaWxsPSJub25lIiBzdHJva2U9IiM4NTJhNGYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQogIDwvZz4NCjwvc3ZnPg0K);
    cursor: pointer;
    overflow: hidden;
    text-indent: -1000px;
    outline: none;
}

.pagination-prev {
    display: inline-block;
    width: 30px;
    height: 22px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMC4zMzIiIGhlaWdodD0iMjIuMjI4IiB2aWV3Qm94PSIwIDAgMzAuMzMyIDIyLjIyOCI+DQogIDxnIGlkPSJHcm91cF82OTEiIGRhdGEtbmFtZT0iR3JvdXAgNjkxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuNDE0KSI+DQogICAgPHBhdGggaWQ9IlBhdGhfMTIwIiBkYXRhLW5hbWU9IlBhdGggMTIwIiBkPSJNMzM3LjA1OSwxNDAxLjgzMmgtMjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDguNzI3IC0xMzkxLjgzMikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg1MmE0ZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4NCiAgICA8cGF0aCBpZD0iUGF0aF8xMjEiIGRhdGEtbmFtZT0iUGF0aCAxMjEiIGQ9Ik0zNTAuODgyLDEzOTEuNjYybC05LjcsOS43LDkuNyw5LjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNDEuMTgzIC0xMzkxLjY2MikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg1MmE0ZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4NCiAgPC9nPg0KPC9zdmc+DQo=);
    cursor: pointer;
    overflow: hidden;
    text-indent: -1000px;
    outline: none;
}

.header {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 240px;
}

.header img {
    max-width: 100%;
}

.title-image {
    text-align: center;
}

.title-image object {
    display: none;
    max-width: 100%;
    max-height: 100%;
    width: 370px;
    height: 290px;
}

.title-text {
    font-size: 18px;
    line-height: 1.8em;
	color: #000000;
    text-shadow: 0px 0px 5px #ffffff;
}

.check {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 50%;
}

.radio-select {
    position: relative;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.radio-select:hover {
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
}

.radio-select input[type=radio] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.radio-select .option div {
    position: relative;
    overflow: hidden;
}

/*.radio-select .option div.animate:before {
    content: '';
    position: absolute;
    top: -50%;
    left: 0;
    width: 50px;
    height: 200%;
    background: #d1ffda;
    -webkit-animation: shine 4s ease-in-out infinite;
    animation: shine 4s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: .75;
}

@-webkit-keyframes shine {
    0% {
        left: -50%;
    }

    25% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

@keyframes shine {
    0% {
        left: -50%;
    }

    25% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}*/


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

h6 {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #5256af;
}

.form-button-wrapper {
    width: 100%;
    position: absolute;
    bottom: -23px;
    left: 0;
    text-align: center;
}

.form-button {
    position: relative;
    display: none;
    height: 50px;
    padding: 0 30px;
    border-radius: 3px;
    background: #5256af;
    border: 0;
    -webkit-transition: background 0.25s;
    transition: background 0.25s;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    font-size: 17px;
    line-height: 1.5;
    padding-right: 55px;
}

.form-button:hover {
    background: #000000;
}

.form-button-arrow {
    position: absolute;
    top: 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/next.png?1') no-repeat;
}

.form-button-arrow {
    margin-left: 5px;
    -webkit-animation: attract 1s infinite;
    animation: attract 1s infinite;
}

@-webkit-keyframes attract {
    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
}

@keyframes attract {
    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
}


.human-button {
    position: relative;
    height: 50px;

    padding: 0 30px;
    border-radius: 25px;
    background: #B23959;
    border: 0;
    -webkit-transition: background 0.25s;
    transition: background 0.25s;

    color: #fff;
    font-weight: 400;
    cursor: pointer;

    font-size: 17px;
    line-height: 1.5;


}

.human-button:hover {
    background: #962946;
}


.option {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}

.option object {
    margin-bottom: 20px;
    max-width: 100%;
}

.option-text {
    display: inline-block;
}

.option-text.selected {
    color: #9bbc2a;
}

.option-text.selected .check {
    background: #9bbc2a url('../images/check.png') no-repeat center center;
    background-size: contain;
    border: 2px solid #9bbc2a;
}


.full-width {
    width: 100%;
}


.align-items-center {
    align-items: center;
}

.justify-content-center {
    justify-content: center;
}

.container-fluid {
    max-width: 992px;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

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

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px;
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: -15px;
    margin-left: -15px;*/
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.row-cols-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.row-cols-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.row-cols-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.row-cols-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.row-cols-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.row-cols-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-3,
form #content #questions .question#medicines img,
form #content #questions .question#medicines object {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.33333%;
}

.offset-2 {
    margin-left: 16.66667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-sm-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-sm-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-sm-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-sm-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-sm-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-sm-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-md-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-md-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-md-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-md-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-md-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-md-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-lg-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-lg-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-lg-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-lg-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-lg-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-lg-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-xl-1 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-xl-2 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-xl-3 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-xl-4 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-xl-5 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-xl-6 > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .offset-xl-2 {
        margin-left: 16.66667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333%;
    }

    .offset-xl-5 {
        margin-left: 41.66667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333%;
    }

    .offset-xl-8 {
        margin-left: 66.66667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333%;
    }

    .offset-xl-11 {
        margin-left: 91.66667%;
    }
}


.error .radio-select {
    color: red;
}


#question-3 .option {
    font-size: 12px;
}

.mb-20 {
    margin-bottom: 20px;
}


#step-1 .pagination-prev, #step-1 .pagination-next {
    display: none;
}


#slider {
    margin-bottom: 20px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #efefef;
    border-radius: 20px;
    height: 20px;
}

#slider .noUi-connects {
    border-radius: 20px;
    overflow: hidden;
}

#slider .noUi-connects .noUi-connect {
    background: #356d76;
}

#slider .noUi-handle {
    width: 10px;
    height: 10px;
    background: #356d76;
    border: 10px solid #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    outline: 0;
    cursor: pointer;
    border-radius: 100%;
    top: -5px;
}

#slider .noUi-handle:after, .noUi-handle:before {
    display: none;
}

.slider .input input {
    width: 1.5em;
    height: 1.5em;
    font-size: 2.25em;
    line-height: 3em;
    font-weight: 600;
    border-radius: 0.5rem;
    border: 2px solid #ddd;
    outline: 0;
    margin-right: 20px;
    text-align: center;
}

.slider .input {
    text-align: center;
    margin-bottom: 40px;
}

.slider .input span {
    font-size: 36px;
    font-weight: 700;
    line-height: 90px;
}

.slider .row .col:nth-child(2) {
    text-align: right;
}

.slider .row .col {
    font-size: 14px;
    font-weight: 700;
}

.iti {
    width: 100%;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        -webkit-transition: none;
        transition: none;
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.form-group .form-control {
    font-size: 14px;
    font-weight: 400;
    border-radius: 0.5rem;
    border: 2px solid #ddd;
}

#beforeExperienceDate:focus {
    outline: none !important;
    border-color: #ddd !important;
    box-shadow: none;
}

.form-group .col-form-label {
    font-size: 14px;
    font-weight: 700;
    padding-top: 12px;
}

.form-group .col-form-label {
    text-align: right !important;
}

.form-group {
    margin-bottom: 10px;
}

.form-group .form-control[type=text], .form-group .form-control[type=tel], .form-group .form-control[type=number], .form-group .form-control[type=email] {
    height: 50px;
}

textarea.form-control {
    height: auto;
}

.form-check {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 15px;
    font-size: 14px;
    padding-left: 40px;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

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

.upload input[type=file] {
    cursor: pointer;
    opacity: 0;
}

.upload input[type=file] + .option {
    text-align: center;
}

.upload input[type=file] + .option object {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.upload input[type=file] {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer;
    opacity: 0;
}

.upload label {
    font-size: 16px;
}

.upload-select {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-around;
}

.upload-select object, .upload-select span {
    display: block;
}

#medicines object:nth-of-type(2) {
    right: -60px;
}

#medicines object:nth-of-type(1) {
    left: -60px;
}

#medicines object {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#medicines object {
    position: absolute;
    padding: 0 !important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}


.message {
    width: 100%;
    padding: 0 30px;
    position: absolute;
    top: -20px;
    left: 0;
    text-align: center;
}

.message span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
    background: #5ca0bf;
    color: #fff;
    font-size: 14px;
    border-radius: 200px;
}

.message span img {
    margin-right: 5px;
}

.gallery img {
    max-width: 100%;
    width: 100%;
}

.gallery p {
    font-size: 14px;
    text-align: center;
}

.gallery [class*=col] {
    margin-bottom: 30px;
}


.iti .iti__selected-dial-code {
    font-size: 13px;
}

.iti__flag-box, .iti__country-name, .iti__dial-code {
    font-size: 14px !important;
}


#footer .steps .step {
    cursor: default;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 5px solid #356d76;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: 50px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}


#footer .steps .step::before {
    width: 55px;
    height: 4px;
    background: #356d76;
    content: "";
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#footer .steps .step.active ~ .step {
    border-color: #ddd;
}


#footer .steps .step.active ~ .step::before {
    background: #ddd;
}


#footer .steps .step {
    position: relative;
    background-color: #fff !important;
}

#footer .steps .step {
    display: none !important;
}

#footer .steps .step.hair-question {
    display: inline-block !important;
}

#footer .steps .step::before {
    display: block !important;
    position: absolute !important;
}


#footer .steps {
    font-size: 0;
    line-height: 0;
    text-align: center;
}

#footer .steps .step:first-of-type {
    margin-left: 0 !important;
}


#footer .steps .step:first-of-type:before {
    display: none !important;

}


#footer .steps .step.hide {
    /*display: none!important;*/
}


#footer {
    padding: 50px;
    padding-bottom: 100px;
}


.hide {
    display: none !important;
}


#footer .back {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('../images/prev.png');
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#footer .back:hover {
    opacity: 0.7;
}

#footer .steps {
    font-size: 0;
    line-height: 0;
}


#loading {
}


#loading .meter span {
    display: block !important
}

#loading .meter {
    height: 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    overflow: hidden
}

#loading .meter span {
    height: 100%;
    background: #5256af;
    border-radius: 10px;
    -webkit-transition: width 1s;
    transition: width 1s
}

#loading p {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2
}

#loading h1 {
    display: block;
    text-align: center;
    font-weight: 500;
	color: #000000;
    text-shadow: 0px 0px 5px #ffffff;
}

#loading .row {
    align-items: center;
    height: 100vh;
    justify-content: center;
}

.human svg {
    max-width: 350px;
    width: 100%;
}

.application-list .box {

    border: 1px solid #fff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 20px;
}


.overlay {
    display: none;

    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;

}

.popup {
    width: 100%;
}

.popup-title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    padding-bottom: 10px;
    font-weight: 500;
}

.popup-title span {
    color: #B23959;
}

.popup-title span:before {
    color: #B23959 !important;
}

.popup-title .data {
    display: contents;
    margin-right: 4px;
}

.popup-content {
    position: relative;
    width: 100%;
    min-height: 350px;
    overflow-y: auto;
    margin: auto;
    background-color: #fff;
}

.popup-close-wrapper {
    padding: 10px;
    display: block;
    text-align: right;
}

.popup-close {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    color: #666666;
}


.popup-close:before, .popup-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 23px;
    width: 2px;
    background-color: #333;
}


.popup-close:before {
    transform: rotate(45deg);
}

.popup-close:after {
    transform: rotate(-45deg);
}


.popup-close:hover {
    opacity: .7;
}


.popup-box {
    max-height: 520px;
    height: 100%;
    padding: 20px;
    padding-top: 0;
}

.popup-box-title {
    position: relative;
    padding-top: 10px;
    font-weight: 500;
    border: 0 !important;
    margin: 0 !important;
    color: #B23959;

}


.popup-box-treatments {
    display: none;
}

.popup-box-title .button {
    float: right;
    display: inline-block;
    margin-left: 2px;
    font-size: 13px;
    cursor: pointer;

}

.popup-box-title-sub {
    font-size: 12px !important;
    opacity: 0.7;
}

.popup-box-list {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #B23959;
    border-radius: 20px;
}

.popup-box-list li {
    position: relative;
    font-size: 16px;

    padding-bottom: 3px;
    margin-bottom: 3px;
    border-bottom: 1px solid #f0f0f0;

}

.popup-box-list li.selected {
    display: block;
}


.accordion-title {
    position: relative;
    display: block;
    cursor: pointer;
}

.accordion-text {
    display: none;
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 1.5em;
    opacity: 0.7;
}

.title-accordion {
    position: absolute;
    top: 5px;
    right: 0;
}

.question-button {
    position: absolute;
    top: 0px;
    right: 0;
    font-weight: 500;
    background: #f0f0f0;
    border-radius: 50%;
    width: 25px;
    line-height: 25px;
    text-align: center;
}

.question-button.active {
    background: #B23959;
    color: #fff;
}

.arrow {
    position: absolute;
    right: 2px;
    top: 5px;
    box-sizing: border-box;
    height: 10px;
    width: 10px;
    border-style: solid;
    border-color: #333;
    border-width: 0px 1px 1px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
}

.arrow.active {
    top: 9px;
    transform: rotate(225deg);
}

.arrow:hover {
    border-bottom-width: 4px;
    border-right-width: 4px;
}


.styled-checkbox {
    position: absolute;
    opacity: 0;
}

.styled-checkbox + label {
    align-items: center;
    position: relative;
    cursor: pointer;
    padding: 0;
}

.styled-checkbox + label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #f0f0f0;
    border: 1px solid #B23959;
    border-radius: 50%;
}

.styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.styled-checkbox:checked + label:before {
    background: #B23959;
}

.styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
}

.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}

.styled-checkbox:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 44%;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}


.application {
    width: 100%;
    height: 400px;
    overflow-y: auto;
    padding: 10px;
    position: fixed;
    bottom: -340px;
    left: 0;
    background: rgb(145 145 145 / 80%);
    z-index: 1;
    color: #fff;

    z-index: 999;
}

.application-button {
    position: relative;
    padding-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    cursor: pointer;
}

.application-button .count {
    position: relative;
}

.application-button .count:before {
    content: '';
    position: absolute;
    top: 0;
    right: -75px;
    width: 40px;
    height: 26px;
    background: url(../images/arrow-up.png) no-repeat;
    background-size: contain;
    overflow: hidden;
}

.application-button.selected .count:before {
    transform: rotate(180deg);
}


@media (max-width: 991.98px) {
    #footer {
        padding: 40px 15px;
        padding-top: 60px;
    }

    #footer .steps {
        font-size: 18px;
    }

    #loading p {
        font-size: 18px;
    }

    #footer .steps .step {
        width: auto;
        height: auto;
        border-radius: 0;
        border: 0;
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        margin: 0;
        font-weight: 700;
        color: inherit;
        text-decoration: none;
        display: none !important;
    }

    #footer .steps .step::before {
        display: none !important;
    }


    #footer .steps .step.hair-question {
        display: none !important;
    }

    #footer .steps .step.active {
        display: inline-block !important;
    }

}


@media (max-width: 990px) {

    .title-text {
        font-size: 18px;
    }

}


@media (max-width: 768px) {

    .title-text {
        font-size: 12px;
    }

    .slider .input input {
        width: 2em;
        height: 2em;
        font-size: 2em;
        line-height: 2em;
        margin-right: 15px;
    }

    .slider .input span {
        font-size: 24px;
        line-height: 60px;
    }

    #medicines object {
        display: none;
    }

    .male .sol {
        margin-bottom: 40px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }


}


@media (min-width: 576px) {
    #kulaksolpath:hover, #kulaksagpath:hover, #boyunpath:hover, #gidipath:hover, #cenepath:hover, #burunpath:hover, #dudakpath:hover, #yanaksagpath_1:hover, #yanaksagpath:hover, #gozsagpath_1:hover, #gozsolpath:hover, #kassolpath:hover, #kassagpath:hover, #alinpath:hover, #dekoltepath:hover, #sacpath:hover, #yuzpath:hover, #goguspath:hover, #abspath:hover, #genital:hover, #simitsagpath:hover, #simitsolpath:hover, #kolsolpath:hover, #kolsagpath:hover, #elsolpath:hover, #elsagpath:hover, #bacaksolpath:hover, #bacaksagpath:hover, #ayaksolpath:hover, #ayaksagpath:hover {
        cursor: pointer;
        fill: #B23959;
        fill-opacity: 0.7;
    }

    .styled-checkbox:hover + label:before {
        background: #B23959;
    }


    .yanak:hover {
        cursor: pointer;
        fill: #B23959;
        fill-opacity: 0.7;
    }

}


@media (max-width: 576px) {


    .title .row {
        text-align: center;
        justify-content: center;
    }

    .title-text {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .question-content {
        border-radius: 0;
        padding: 40px 0px 20px 0px;
    }


    .question-content .full-width {
        width: auto;
    }

    .form-group .col-form-label {
        text-align: left !important;
    }

    .upload-select {
        margin-bottom: 40px !important;
    }

    .option {
        margin-bottom: 10px;
    }

    .option object {
        margin-bottom: 10px;
    }

    #question-3, #question-5, #question-10 {
        margin-bottom: 20px;
    }

    #question-9, #question-11 {
        margin-bottom: 40px;
    }

    .male .sag {
        padding: 0 !important;
    }

    .male .sag svg {
        width: 30px;
        display: block;
        margin: 0 auto;
    }

    .male .sag .option-text {
        font-size: 12px;
    }

    .male .sag .row div {
        padding: 0 !important;
    }

    .male .sag .check {
        display: block;
        margin: 0 auto;
        margin-top: 10px;
    }

    #question-8 object {
        display: none;
    }

    .form-button-wrapper {
        padding: 0 20px;
    }

    .form-button-wrapper .form-button {
        width: 100%;
    }

    .message {
        position: relative;
        padding: 0;
        top: 0;
    }

    .message span {
        border-radius: 0;
    }


    .main {
        align-items: normal !important;
    }

    .container-fluid {
        padding: 0;
    }

    h2 {
        min-height: 50px;
    }


    #question-2 {
        padding-bottom: 40px;
    }


    .popup-box {
        max-height: 350px;
    }

    .title-image object[data-step="2"] {
        display: none !important;
    }

    #footer {
        padding-bottom: 100px;
    }

    .header {
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .title-image object {
        width: 100%;
        width: auto !important;
        height: auto !important;
    }

}

.form-group .form-control.error {
    border: 2px solid #d8000c;
}

.form-check-input.error {
    outline: 1px solid #d8000c;
}


.human-change-button {
    width: 100%;
    position: relative;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
}

.human-change-button .arrow {
    position: relative;
    display: inline-block;
    height: 43px;
    width: 43px;
    margin-bottom: 10px;
    right: auto;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
}

.human-change-button.yuz .arrow {
    transform: rotate(225deg);
    margin-bottom: -10px;
}


.human-change-button-arrow {
    margin-top: -10px;
}


#question-2 {
    overflow: hidden;
}


.human {

}

.human-face {
    height: 400px;
    overflow: hidden;
}


.human-face svg {
    width: 1060px;
}


.human-body {
    display: none;
    overflow: hidden;
}


.human-body svg {
    width: 500px;
}


#kulaksolpath.selected, #kulaksagpath.selected, #boyunpath.selected, #gidipath.selected, #cenepath.selected, #burunpath.selected, #dudakpath.selected, #yanaksagpath_1.selected, #yanaksagpath.selected, #gozsagpath_1.selected, #gozsolpath.selected, #kassolpath.selected, #dekoltepath.selected, #kassagpath.selected, #alinpath.selected, #sacpath.selected, #yuzpath.selected, #goguspath.selected, #abspath.selected, #genital.selected, #simitsagpath.selected, #simitsolpath.selected, #kolsolpath.selected, #kolsagpath.selected, #elsolpath.selected, #elsagpath.selected, #bacaksolpath.selected, #bacaksagpath.selected, #ayaksolpath.selected, #ayaksagpath.selected {
    cursor: pointer;
    fill: #B23959;
    fill-opacity: 0.7;
}

#kulaksolpath.common, #kulaksagpath.common, #yanaksagpath_1.common, #yanaksagpath.common, #gozsagpath_1.common, #gozsolpath.common, #kassolpath.common, #kassagpath.common, #simitsagpath.common, #simitsolpath.common, #kolsolpath.common, #kolsagpath.common, #elsolpath.common, #elsagpath.common, #bacaksolpath.common, #bacaksagpath.common, #ayaksolpath.common, #ayaksagpath.common {
    cursor: pointer;
    fill: #B23959;
    fill-opacity: 0.7;
}


.application-item.text {
    float: right;
    font-size: 12px;
    display: inline-block;
    margin-left: 5px;
    padding: 3px 10px;
    justify-content: space-between;
    background-color: #B23959;
    color: #fff;
    border-radius: 20px;
}


@media (max-width: 576px) {

    .human-face {
        height: 490px;
        overflow: hidden;
    }

    .human-face svg {
        width: 1260px;
    }

    .human-body svg {
        width: 100%;
    }

    .human-body .st1, .human-body .st0 {
        stroke-width: 10px !important;
    }

    .popup-box-list {
        margin: 10px;
    }

    .application-item.text {
        margin-bottom: 5px;
    }

}


.application-item {
    cursor: pointer;
}

.application-item .delete {
    display: inline-block;
    margin-left: 3px;
    font-size: 14px;
    cursor: pointer;
}

.application-item.title {
    float: left;
    font-size: 14px;
    border-botom: 1px solid #f0f0f0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}


.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}


@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

.human-face {
    transform-origin: 50% 50%;
    transition: transform 3s linear;
    opacity: 1;
}

.human-face.animate {
    transform: scale(0);
}

.human-female .male-image, .human-female .male-face {
    display: none;
}


.human-male .female-image, .human-male .female-face {
    display: none;
}


.question-male, .question-female {
    display: none;
}

.data-title {
    margin-right: 5px;
}


.lead-form__policy{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    margin: 50px;
    z-index: 9999;
}

.lead-form__policy-content{

    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow: hidden;
    overflow-y: scroll;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    color: #222!important;
}

.lead-form__policy-content::-webkit-scrollbar {
    width: 10px;
}

.lead-form__policy-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.lead-form__policy-content::-webkit-scrollbar-thumb {
    background: #00ABBA;
}

.lead-form__policy-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.lead-form__policy-content h1{
    margin: 0;
    padding: 0;
    font-size: 22px;
    margin-bottom: 10px;
    color: #222;
}

.lead-form__policy-content h2{
    margin: 0;
    padding: 0;
    font-size: 18px;
    margin-bottom: 10px;
    color: #222;
}

.lead-form__policy-content p{
    margin: 0;
    padding: 0;
    font-size: 16px;
    margin-bottom: 40px;
    color: #222;
}

.lead-form__policy-content ul{
    font-size: 16px;
    margin-bottom: 40px;
    color: #222;
}

.lead-form__policy-close {
    position: fixed;
    right:70px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #fff;
    color: #666666;
}

.lead-form__policy-close:hover {
    opacity: 0.7;
}

.lead-form__policy-close:before, .lead-form__policy-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 23px;
    width: 2px;
    background-color: #333;
}

.lead-form__policy-close:before {
    transform: rotate(45deg);
}

.lead-form__policy-close:after {
    transform: rotate(-45deg);
}

.lead-form__policy-content a{
    color: #222;
}
.lead-form__policy-content * {
    color: #222;
}

.lead-form__policy-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    z-index: 999;
}


@media (max-width: 430px){
    .lead-form__policy{
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        margin: 10px;
    }
    .lead-form__policy-close {
        right: 30px;
    }
}

.policy{
    font-weight: bold;
    cursor: pointer;
}


.lead-form__policy{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    margin: 50px;
    z-index: 9999;
}

.lead-form__policy-content{

    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow: hidden;
    overflow-y: scroll;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    color: #222!important;
}

.lead-form__policy-content::-webkit-scrollbar {
    width: 10px;
}

.lead-form__policy-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.lead-form__policy-content::-webkit-scrollbar-thumb {
    background: #00ABBA;
}

.lead-form__policy-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.lead-form__policy-content h1{
    margin: 0;
    padding: 0;
    font-size: 22px;
    margin-bottom: 10px;
    color: #222;
}

.lead-form__policy-content h2{
    margin: 0;
    padding: 0;
    font-size: 18px;
    margin-bottom: 10px;
    color: #222;
}

.lead-form__policy-content p{
    margin: 0;
    padding: 0;
    font-size: 16px;
    margin-bottom: 40px;
    color: #222;
}

.lead-form__policy-content ul{
    font-size: 16px;
    margin-bottom: 40px;
    color: #222;
}

.lead-form__policy-close {
    position: fixed;
    right:70px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #fff;
    color: #666666;
}

.lead-form__policy-close:hover {
    opacity: 0.7;
}

.lead-form__policy-close:before, .lead-form__policy-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 23px;
    width: 2px;
    background-color: #333;
}

.lead-form__policy-close:before {
    transform: rotate(45deg);
}

.lead-form__policy-close:after {
    transform: rotate(-45deg);
}

.lead-form__policy-content a{
    color: #222;
}

.lead-form .bold{
    font-weight: bold;
}

.lead-form .lead-form__check .lead-form__label-title{
    width: 320px;
    font-size: 14px;
}

.lead-form .policy{
    font-size: 14px!important;
    color: #222;
}

.lead-form__policy-content * {
    color: #222;
}

.lead-form__policy-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    z-index: 999;
}


@media (max-width: 430px){
    .lead-form__policy{
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        margin: 10px;
    }
    .lead-form__policy-close {
        right: 30px;
    }
}