@charset "UTF-8";
html {
    min-height: 100%;
    height: 100%;
}

body {
    font-size: 12px;
    font-family: 'Gilroy', Arial, sans-serif;
    text-align: left;
    color: #000;
    background: #fff;
    min-height: 100%;
    height: 100%;
}

h3 {
    font-size: 24px !important;
}

h2 {
    font-size: 26px !important;

}

body.opened_nav .main_wrapper {
    padding-top: 146px;
}

body.opened_nav header#header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
}

body.opened_nav .search_call {
    visibility: hidden;
    opacity: 0;

}


* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input, textarea, select {
    -webkit-appearance: none !important;
}

.main_wrapper {
    min-height: 100%;
    padding: 0 0 100px;
    position: relative;
}

.main_wrapper.up_footer {
    padding: 0 0 180px;
}

.main_wrapper.up_footer footer#footer {
    bottom: 90px;
}

/* Header begin */
header#header {
    height: 146px;
}

header#header.show_me a.toggler {
    background: #fff;
}

header#header.show_me a.toggler em {
    background: #e12b78;
}

/*header#header.show_me .lang a {
    color: #fff !important;
    border-color: #fff !important; }*/
header#header.show_me .phone span {
    color: #fff !important;
}

header#header.show_me .phone a {
    color: #fff !important;
}

header#header.show_me .phone a::before {
    background: url(../img/phone_icon.svg) no-repeat 50% !important;
    background-size: contain !important;
}

header#header.index .phone span {
    color: #fff;
}

header#header.index .phone a {
    color: #fff;
}

header#header.index .phone a::before {
    background: url(../img/phone_icon.svg) no-repeat 50%;
    background-size: contain !important;
}

header#header.index a.toggler {
    background: #fff;
}

header#header.index a.toggler em {
    background: #e12b78;
}

/*header#header.index .lang a {
    color: #fff;
    border-color: #fff;
    opacity: 0.7; }
    header#header.index .lang a:hover {
      opacity: 1;
      color: #fff;
      border-color: #e12b78;
      background: #e12b78; }*/
header#header > div {
    height: 146px;
    margin: 0 auto;
    padding: 30px 40px 0;
    position: relative;
    z-index: 3;
}

header#header .phone {
    float: right;
    padding: 5px 120px 0 60px;
    text-align: right;
}

header#header .phone sub {
    display: inline-block;
    vertical-align: baseline;
    font-size: 18px;
    padding: 0 6px 0 0;
}

header#header .phone span {
    display: block;
    padding: 0 0 5px;
    font-size: 11px;
    font-weight: 500;
    color: #e12b78;
}

header#header .phone a {
    display: inline-block;
    color: #e12b78;
    font-size: 26px;
    font-weight: 800;
    text-decoration: none;
    position: relative;
}

header#header .phone a:hover::before {
    -webkit-animation: shake 0.62s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.62s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -moz-transform: rotate(0deg);
    /* Для Firefox */
    -ms-transform: rotate(0deg);
    /* Для IE */
    -webkit-transform: rotate(0deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0deg);
    /* Для Opera */
    transform: rotate(0deg);
}

header#header .phone a::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/phone_icon_active_pink.svg?v=2) no-repeat 50%;
    background-size: contain !important;
    position: absolute;
    top: 3px;
    left: -28px;
}

h1.logo, p.logo {
    display: flex;
    float: left;
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
}

h1.logo a, p.logo a {
    display: block;
    width: 75px;
    height: 87px;
    background: url(../img/logo.svg) no-repeat 0 0;
    background-size: contain;
}

h1.logo em, p.logo em {
    display: block;
    width: 150px;
    height: 85px;
    margin: 0 0 0 4px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../img/sud_vezi_icon.svg);
    background-size: contain;
}

h1.logo strong, p.logo strong {
    display: block;
    width: 63px;
    height: 87px;
    margin: 0 0 0 12px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../img/turkak_logo.svg);
    background-size: contain;
}

h1.logo .strong, p.logo .strong {
    display: block;
    width: 63px;
    height: 87px;
    margin: 0 0 0 12px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../img/turkak_logo.svg);
    background-size: contain;
}

h1.logo .years, p.logo .years {
    display: block;
    width: 90px;
    height: 87px;
    margin: 0 0 0 4px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../img/sa_20_il.svg);
    background-size: contain;
}

.search_call {
    float: right;
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.search_call.mobile {
    display: none;
}

.search_call a {
    display: block;
    width: 50px;
    height: 50px;
    background: #e12b78 url(../img/search_white_icon_new.svg) no-repeat 50%;
    /*background: #3D99DE url(../img/search_white_icon_new.svg) no-repeat 50%;*/
    border-radius: 50%;
}

.quick_search.inner {
    height: auto;
    position: static;
    display: block !important;
    background: none;
}

.quick_search.inner > div {
    padding: 0;
}

.quick_search {
    display: none;
    width: 100%;
    height: 160px;
    padding: 40px 0;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
}

.quick_search.show_me {
    display: block;
}

.quick_search > div {
    margin: 0px auto;
    padding: 0 40px;
    position: relative;
}

.quick_search input {
    display: block;
    width: 100%;
    height: 72px;
    padding: 0 0 0 56px;
    border: none;
    border-bottom: 2px solid #e12b78;
    font-family: 'Gilroy';
    font-size: 24px;
    line-height: 1.67;
    color: #e12b78;
    background: url(../img/search_blue_icon.svg) no-repeat 0 50%;
}

.quick_search .close {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 40px;
    top: calc(50% - 20px);
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.quick_search .close:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.quick_search .close::before {
    content: "";
    display: block;
    width: 24px;
    height: 2px;
    background: #e12b78;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 1px);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.quick_search .close::after {
    content: "";
    display: block;
    width: 24px;
    height: 2px;
    background: #e12b78;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 1px);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.search_list article {
    padding: 30px 0;
    border-bottom: 1px solid rgba(114, 114, 114, 0.4);
}

.search_list h4 {
    padding: 0 0 8px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.67;
    color: #000;
}

.search_list h4 a {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
}

.search_list h4 a:hover {
    text-decoration: underline;
}

.search_list h3 {
    padding: 0 0 0px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.67;
    color: #000;
}

.search_list h3 a {
    color: #000;
    text-decoration: none;
}

.search_list p {
    font-size: 20px;
    line-height: 1.4;
    color: #797979;
}

.lang {
    display: none;
    float: left;
    padding: 15px 0 0 20px;
    font-size: 0;
}

.lang a, .lang span {
    display: inline-block;
    height: 28px;
    padding: 0 12px;
    border: 1px solid #e12b78;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    color: #e12b78;
    text-decoration: none;
    opacity: 0.7;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -khtml-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.lang a + a, .lang a + span, .lang span + a {
    border-left: none;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -khtml-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.lang a:hover {
    opacity: 1;
    color: #fff;
    border-color: #e12b78;
    background: #e12b78;
}

.lang span {
    opacity: 1;
    color: #fff;
    border-color: #e12b78;
    background: #e12b78;
}

.lang_new {
    display: block;
    float: left;
    margin: 0px 0 0 20px;
    padding: 0 0 10px;
    font-size: 0;
    position: absolute;
    right: 30px;
}

.lang_new:hover > a::before {
    transform: rotate(0deg);
}

.lang_new:hover div {
    opacity: 1;
    visibility: visible;
}

.lang_new > a {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 0 18px 0 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 50px;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    text-transform: uppercase;
    position: relative;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
}

.lang_new > a::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/lang_pink_pt.svg?v=3) no-repeat 50%;
    position: absolute;
    right: 5px;
    top: calc(50% - 7px);
    transform: rotate(180deg);
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.lang_new div {
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: calc(100% + 0px);
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    /*border-radius: 50%;*/
    opacity: 0;
    visibility: hidden;
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

/*.lang_new div:last-child{*/
/*  top: calc(100% + 50px);*/
/*}*/


.lang_new div a {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 0 8px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    color: #000;
    text-decoration: none;
    border-radius: 50%;
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.lang_new div a:hover {
    color: #fff;
    background-color: #e12b78;
}


a.toggler {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff;
    position: absolute;
    top: 30px;
    right: 90px;
    z-index: 2;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -moz-transform: rotate(0deg);
    /* Для Firefox */
    -ms-transform: rotate(0deg);
    /* Для IE */
    -webkit-transform: rotate(0deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0deg);
    /* Для Opera */
    transform: rotate(0deg);
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a.toggler.active em:first-child {
    width: 2px;
    left: 9px;
}

a.toggler.active em:first-child:first-child + em + em {
    width: 0;
}

a.toggler.active_second em:first-child {
    height: 20px;
    top: -3px;
}

a.toggler.active_last {
    -moz-transform: rotate(45deg);
    /* Для Firefox */
    -ms-transform: rotate(45deg);
    /* Для IE */
    -webkit-transform: rotate(45deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg);
    /* Для Opera */
    transform: rotate(45deg);
}

a.toggler em {
    background: #e12b78;
}

a.toggler em:first-child {
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a.toggler em:first-child:first-child + em {
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 6px;
    -moz-transform: rotate(0deg);
    /* Для Firefox */
    -ms-transform: rotate(0deg);
    /* Для IE */
    -webkit-transform: rotate(0deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0deg);
    /* Для Opera */
    transform: rotate(0deg);
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a.toggler em:first-child:first-child + em + em {
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 12px;
    -moz-transform: rotate(0deg);
    /* Для Firefox */
    -ms-transform: rotate(0deg);
    /* Для IE */
    -webkit-transform: rotate(0deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0deg);
    /* Для Opera */
    transform: rotate(0deg);
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a.toggler span {
    display: block;
    width: 20px;
    height: 14px;
    position: absolute;
    top: calc(50% - 7px);
    left: calc(50% - 10px);
}

/* Header end */
/* Index begin */
.index_block {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.index_block > div {
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.mobile_bg {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 120px;
    background: -webkit-linear-gradient(top, #0fc8f0 0%, #149de2 100%);
}

.mobile_bg > div {
    height: calc(100vh - 560px);
    min-height: 140px;
    margin: 0px;
    overflow: hidden;
}

.mobile_bg > div img {
    width: 100%;
}

.mobile_bg > div::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(15, 200, 240, 0.6);
    position: absolute;
    left: 0;
    top: 0;
}

.mobile_bg > div::after {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
    position: absolute;
    left: 0;
    bottom: 0;
}

.mobile_bg > div span {
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 1.3;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.index_bg {
    width: calc(100% - 300px);
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-clip-path: circle(61.6% at 163% 51%);
    clip-path: circle(61.6% at 163% 51%);
    -webkit-animation-duration: 0s;
    -webkit-transition: all 0s linear;
    -moz-animation-duration: 0s;
    -moz-transition: all 0s linear;
    animation-duration: 0s;
    -o-transition: all 0s linear;
    transition: all 0s linear;
}

.index_bg.show_me {
    -webkit-clip-path: circle(61.6% at 63% 51%);
    clip-path: circle(61.6% at 63% 51%);
}

.index_bg::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    /*background: #0fc8f0;*/
    background: #f6cee5;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.09;
}

.index_bg > div {
    width: calc(100% - 120px);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-clip-path: circle(61.6% at 63% 51%);
    clip-path: circle(61.6% at 63% 51%);
}

.index_bg > div::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #f5a0cc;
    /*background: #0fc8f0;*/
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.09;
}

.index_bg > div > div {
    width: calc(100% - 120px);
    height: 100%;
    /*background: #e12b78;*/
    background: #DFA0B9;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-clip-path: circle(61.6% at 63% 51%);
    clip-path: circle(61.6% at 63% 51%);
}

.index_bg img {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.6;
    -webkit-animation-duration: 0.45s;
    -webkit-transition: all 0.45s linear;
    -moz-animation-duration: 0.45s;
    -moz-transition: all 0.45s linear;
    animation-duration: 0.45s;
    -o-transition: all 0.45s linear;
    transition: all 0.45s linear;
}

.index_bg img.hide_me {
    opacity: 0;
    visibility: hidden;
}

.index_bg img.scale_me {
    -webkit-animation-duration: 5.45s;
    -webkit-transition: all 5.45s linear;
    -moz-animation-duration: 5.45s;
    -moz-transition: all 5.45s linear;
    animation-duration: 5.45s;
    -o-transition: all 5.45s linear;
    transition: all 0.3 linear;
    transform: scale(1.09);
}

.index_inset {
    position: relative;
    width: 50%;
    height: 100%;
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 24em;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    opacity: 0;
    -webkit-animation-duration: 0.6s;
    -webkit-transition: all 0.6s linear;
    -moz-animation-duration: 0.6s;
    -moz-transition: all 0.6s linear;
    animation-duration: 0.6s;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
}

.index_inset.show_me {
    opacity: 1;
}

.index_inset > div {
    width: 665px;
}

.index_inset h2 {
    padding: 40px 0 0px;
    min-height: 140px;
    font-size: 45px;
    line-height: 64px;
    font-weight: 900;
    color: #fff;
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.index_inset h2.hide_me {
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate(0px, -100px);
    /* IE 9 */
    -webkit-transform: translate(0px, -100px);
    /* Safari */
    transform: translate(0px, -100px);
}

.index_inset .link {
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.index_inset .link.hide_me {
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate(0px, -100px);
    /* IE 9 */
    -webkit-transform: translate(0px, -100px);
    /* Safari */
    transform: translate(0px, -100px);
}

.index_inset .link a {
    display: inline-block;
    height: 48px;
    padding: 0 32px 0 0px;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    -khtml-border-radius: 24px;
    border-radius: 24px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.index_inset .link a:hover {
    padding: 0 48px 0 0;
}

.index_inset .link a:hover span {
    -ms-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.index_inset .link a::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(../img/round_link.svg) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    right: 10px;
    top: 19px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.index_inset .link a span {
    display: inline-block;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.index_inset .copyright {
    display: none;
    width: 665px;
    font-size: 15px;
    color: #fefefe;
    color: #000;
    font-weight: 500;
    position: absolute;
    right: 0;
    bottom: 40px;
    opacity: 0.5;
}

.index_bullets {
    width: 100%;
    position: fixed;
    right: 0px;
    bottom: 100px;
    font-size: 0;
}

.index_bullets > div {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.index_bullets > div > div {
    width: 50%;
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 24em;
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

.index_bullets > div > div > div {
    width: 665px;
}

.index_bullets a {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    margin: 0 15px 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.index_bullets a.active {
    background: #fff;
}

.index_bullets span {
    display: inline-block;
    padding: 0 0 0 110px;
    position: relative;
    font-family: 'Gilroy';
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.index_bullets span.hide_me {
    opacity: 0;
    -ms-transform: translate(-10px, 0);
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
}

.index_bullets span br {
    display: none;
}

.index_bullets span::before {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 30px;
}

.index_nav {
    width: 46%;
    height: 100%;
    position: relative;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 24em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.index_nav ul {
    width: 464px;
    height: auto;
}

.index_nav ul li {
    width: 210px;
    height: 100px;
    float: left;
    margin: 8px;
    position: relative;
    overflow: hidden;
    -ms-transform: translate(0px, -10px);
    /* IE 9 */
    -webkit-transform: translate(0px, -10px);
    /* Safari */
    transform: translate(0px, -10px);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0fc8f0+0,149de2+100 */
    background: #0fc8f0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0fc8f0 0%, #149de2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0fc8f0 0%, #149de2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#0fc8f0), to(#149de2));
    background: -o-linear-gradient(top, #0fc8f0 0%, #149de2 100%);
    /*background: linear-gradient(to bottom, #0fc8f0 0%, #149de2 100%);*/
    background: linear-gradient(to bottom, #fa70ae 0%, #e12b78 100%);


    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.1), 0 40px 77px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.1), 0 40px 77px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    border-radius: 16px;
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.index_nav ul li.show_me {
    opacity: 1;
    -ms-transform: translate(0px, 0px);
    /* IE 9 */
    -webkit-transform: translate(0px, 0px);
    /* Safari */
    transform: translate(0px, 0px);
}

.index_nav ul li:hover {
    -webkit-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.1), 0 30px 57px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.1), 0 30px 57px 0 rgba(0, 0, 0, 0.15);
    -ms-transform: translate(0px, -10px);
    /* IE 9 */
    -webkit-transform: translate(0px, -10px);
    /* Safari */
    transform: translate(0px, -10px);
}

.index_nav ul li:hover a::after {
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 0px 0px 20px 9px #fa70ae;
    -moz-box-shadow: 0px 0px 20px 9px #fa70ae;
    /*box-shadow: 0px 0px 20px 9px #0fc8f0;*/
    box-shadow: 0px 0px 20px 9px #fa70ae;
}

.index_nav ul li a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    position: relative;
}

/*.index_nav ul li a.preloader span img {
          opacity: 0;
          -webkit-animation-duration: 0.2s;
          -webkit-transition: all 0.2s linear;
          -moz-animation-duration: 0.2s;
          -moz-transition: all 0.2s linear;
          animation-duration: 0.2s;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear;
        }
        .index_nav ul li a.preloader strong {
          opacity: 0;
          -webkit-animation-duration: 0.2s;
          -webkit-transition: all 0.2s linear;
          -moz-animation-duration: 0.2s;
          -moz-transition: all 0.2s linear;
          animation-duration: 0.2s;
          -o-transition: all 0.2s linear;
          transition: all 0.2s linear;
        }
        .index_nav ul li a.preloader::before {
          content: "";
          display: block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 64px !important;
          height: 64px !important;
          margin: 0 auto;
          border: 3px solid #fff;
          border-radius: 50%;
          border-left-color: transparent;
          border-right-color: transparent;
          background: none !important;
          position: absolute;
          top: calc(50% - 32px) !important;
          left: calc(50% - 32px) !important;
          animation: cssload-spin 575ms infinite linear;
          -o-animation: cssload-spin 575ms infinite linear;
          -ms-animation: cssload-spin 575ms infinite linear;
          -webkit-animation: cssload-spin 575ms infinite linear;
          -moz-animation: cssload-spin 575ms infinite linear; }*/
.index_nav ul li a::after {
    content: "";
    display: block;
    width: 73px;
    height: 73px;
    /*background: #0fc8f0;*/
    background: #fa70ae;
    position: absolute;
    top: 0;
    right: 0;
    -moz-border-radius: 0 0 0 90%;
    -webkit-border-radius: 0 0 0 90%;
    -khtml-border-radius: 0 0 0 90%;
    border-radius: 0 0 0 90%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.index_nav ul li a span {
    width: 70px;
    text-align: center;
    display: block;
    height: auto !important;
    padding: 0px 2px 0;
    line-height: 0px;
    font-size: 0;
}

.index_nav ul li a span img {
    width: 40px;
    max-height: 40px;
    vertical-align: top;
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.index_nav ul li a strong {
    display: block;
    width: auto;
    padding: 0 0px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.index_nav ul li:first-child a span {
    height: 132px;

}

.mobile .index_nav ul li:hover {
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05), 0 10px 27px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05), 0 10px 27px 0 rgba(0, 0, 0, 0.15);
    -ms-transform: translate(0px, 0px);
    /* IE 9 */
    -webkit-transform: translate(0px, 0px);
    /* Safari */
    transform: translate(0px, 0px);
}


/* Index end */
/* Inner begin */
.inner_bg {
    width: 330px;
    height: 120%;
    /*background: #f8fcfe;*/
    background: #fff5fb;
    position: fixed;
    top: -10%;
    right: -330px;
    -webkit-clip-path: ellipse(100% 50% at 100% 50%);
    clip-path: ellipse(100% 50% at 100% 50%);
    -webkit-animation-duration: 0.9s;
    -webkit-transition: all 0.9s linear;
    -moz-animation-duration: 0.9s;
    -moz-transition: all 0.9s linear;
    animation-duration: 0.9s;
    -o-transition: all 0.9s linear;
    transition: all 0.9s linear;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
}

.inner_bg.show_me {
    right: 0;
}

.inner_bg.show_me > div {
    right: -110px;
}

.inner_bg.show_me > div > div {
    right: -220px;
}

.inner_bg > div {
    width: 330px;
    height: 110%;
    background: #fce6f3;
    position: fixed;
    top: -5%;
    right: -330px;
    -webkit-clip-path: ellipse(100% 50% at 100% 50%);
    clip-path: ellipse(100% 50% at 100% 50%);
    -webkit-animation-duration: 0.9s;
    -webkit-transition: all 0.9s linear;
    -moz-animation-duration: 0.9s;
    -moz-transition: all 0.9s linear;
    animation-duration: 0.9s;
    -o-transition: all 0.9s linear;
    transition: all 0.9s linear;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
}

.inner_bg > div > div {
    width: 330px;
    height: 100%;
    background: #ffdaf0;
    position: fixed;
    top: -0%;
    right: -330px;
    -webkit-clip-path: ellipse(100% 50% at 100% 50%);
    clip-path: ellipse(100% 50% at 100% 50%);
    -webkit-animation-duration: 0.9s;
    -webkit-transition: all 0.9s linear;
    -moz-animation-duration: 0.9s;
    -moz-transition: all 0.9s linear;
    animation-duration: 0.9s;
    -o-transition: all 0.9s linear;
    transition: all 0.9s linear;
}

nav.inner_nav {
    display: block;
    width: 70px;
    position: absolute;
    left: 40px;
    top: 240px;
    z-index: 1;
}

nav.inner_nav.fix {
    position: fixed;
    top: 20px;
}

nav.inner_nav ul li {
    padding: 0 0 20px;
}

nav.inner_nav ul li a {
    display: block;
    width: 70px;
    height: 70px;
    background-image: -webkit-linear-gradient(225deg, #000000, #000000);
    background-image: -o-linear-gradient(225deg, #000000, #000000);
    background-image: linear-gradient(225deg, #000000, #000000);
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

nav.inner_nav ul li.preloader {
    position: relative;
}

nav.inner_nav ul li.preloader::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 48px !important;
    height: 48px !important;
    margin: 0 auto;
    border: 3px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    background: none !important;
    position: absolute;
    top: calc(50% - 33px) !important;
    left: calc(50% - 24px) !important;
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}

nav.inner_nav ul li.preloader img {
    opacity: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

nav.inner_nav ul li a.active, nav.inner_nav ul li a:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
}

nav.inner_nav ul li a.active::before, nav.inner_nav ul li a:hover::before {
    opacity: 1;
}

nav.inner_nav ul li a.active::after, nav.inner_nav ul li a:hover::after {
    background: #0fc8f0;
    opacity: 0.6;
}

nav.inner_nav ul li a.active img, nav.inner_nav ul li a:hover img {
    -ms-transform: scale(1.1) translate(-45%, -45%);
    /* IE 9 */
    -webkit-transform: scale(1.1) translate(-45%, -45%);
    /* Safari */
    transform: scale(1.1) translate(-45%, -45%);
}

nav.inner_nav ul li a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
    background-image: -o-linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

nav.inner_nav ul li a::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    background: #c2c2c2;
    opacity: 0.3;
    -moz-border-radius: 0 0 0 100%;
    -webkit-border-radius: 0 0 0 100%;
    -khtml-border-radius: 0 0 0 100%;
    border-radius: 0 0 0 100%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

nav.inner_nav ul li a img {
    display: block;
    max-height: 38px;
    max-width: 38px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Safari */
    transform: translate(-50%, -50%);
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.inner_content.long > div {
    max-width: 1920px !important;
}

.inner_content.medium > div {
    max-width: 1180px;
}

.inner_content.flex_contra > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}

.inner_content.flex_contra > div::after {
    content: "";
    display: block;
    width: 49px;
    height: 49px;
    margin: 0 auto;
    border: 3px solid #e12b78;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}

.inner_content.flex_contra > div iframe {
    position: relative;
    z-index: 1;
    background: none !important;
}

.inner_content > div {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
}

.inner_content > div > h2, .inner_content > div > h1, .inner_content > div > p {
    padding: 0 0 60px;
    text-align: center;
    font-size: 36px;
    color: #e12b78;
    font-weight: bold;
    position: relative;
    z-index: 2;
}

.inner_content > div > h2 img, .inner_content > div > h1 img, .inner_content > div > p img {
    display: block;
    position: absolute;
    top: -75px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    /* IE 9 */
    -webkit-transform: translate(-50%, 0);
    /* Safari */
    transform: translate(-50%, 0);
}

.info_link {
    padding: 20px 32px;
    text-align: center;
}

.info_link a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #e12b78;
    text-decoration: none;
    position: relative;
}

.info_link a:hover {
    text-decoration: underline;
}

.info_link a:hover strong {
    opacity: 1;
    visibility: visible;
    bottom: 28px;
}

.info_link a::before {
    content: "?";
    display: block;
    width: 18px;
    height: 18px;
    background: #e12b78;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    font-family: Arial;
    position: absolute;
    left: -28px;
    top: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.info_link strong {
    display: block;
    width: 800px;
    max-width: 80vw;
    padding: 5px;
    color: #fff;
    text-align: center;
    font-size: 0;
    height: auto;
    background: #e12b78;
    position: absolute;
    left: 50%;
    bottom: 32px;
    transform: translate(-50%, 0);
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.info_link strong::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #e12b78 transparent transparent transparent;
    position: absolute;
    left: calc(50% - 9px);
    bottom: -9px;
}

.info_link strong img {
    width: 100%;
}

.history_block header {
    padding: 0 0 20px;
}

.history_block header h3 {
    font-size: 16px;
    font-family: 'Gilroy';
    font-weight: 400;
    line-height: 1.75;
    color: #404040;
}

.history_block .history_article {
    padding: 0 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.history_block .history_article:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.history_block .history_article .image {
    width: calc(50% - 15px);
}

.history_block .history_article .image img {
    display: block;
    width: 100%;
}

.history_block .history_article .text {
    width: calc(50% - 15px);
    font-size: 16px;
    font-family: 'Gilroy';
    font-weight: 400;
    line-height: 1.75;
    color: #404040;
}

.quality_control p {
    padding: 0 0 20px;
    font-family: 'Gilroy';
    font-size: 16px;
    line-height: 1.75;
    color: #404040;
}

.quality_control .image {
    padding: 0 0 60px;
}

.quality_control .image img {
    display: block;
    width: 100%;
    border: 1px solid #000000;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

.medicaments h3 {
    padding: 0 0 30px;
    font-size: 17px;
    font-weight: 500;
    color: #404040;
}

.medicaments .medicament_select {
    padding: 0 0 50px;
}

.medicaments .medicament_select select {
    width: 100%;
    height: 58px;
    padding: 0 30px 0 20px;
    border: 1px solid #e12b78;
    font-size: 17px;
    font-family: 'Gilroy';
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #e12b78 url(../img/select_arrow_white.svg) no-repeat calc(100% - 20px) 50%;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.medicaments .medicament_select select:focus {
    border-color: #e12b78;
    -webkit-box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
    box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
}

.medicament_table {
    overflow-x: auto;
    position: relative;
    background: #fff;
    border: 1px solid #c2c2c2;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.medicament_table.preload {
    min-height: 240px;
}

.medicament_table.preload::after {
    display: block;
}

.medicament_table::after {
    content: "";
    display: none;
    width: 49px;
    height: 49px;
    margin: 0 auto;
    border: 3px solid #e12b78;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}

.medicament_table > div {
    width: 100%;
    min-width: 720px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
    display: none;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.medicament_table > div.show_me {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.medicament_table > div::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.medicament_table ul {
    width: 33.333%;
    border-left: 1px solid #c2c2c2;
}

.medicament_table ul:first-child {
    border: none;
}

.medicament_table ul li {
    padding: 26px 30px;
    border-top: 1px solid #c2c2c2;
    font-size: 17px;
    color: #404040;
}

.medicament_table ul li:first-child {
    border: none;
}

.services_search {
    padding: 0 0 40px;
}

footer.basket_footer {
    padding: 50px 0 0;
}

footer.basket_footer.fixed {
    width: 100%;
    min-height: 90px;
    padding: 0;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.08);
    z-index: 1;
}

footer.basket_footer.fixed > div {
    padding: 16px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

footer.basket_footer.fixed .total_price {
    line-height: 1;
    padding: 0 50px 0 0 !important;
}

footer.basket_footer.fixed .basket_link em {
    font-size: 18px;
    font-weight: normal;
}

footer.basket_footer.hide_me {
    display: none;
}

footer.basket_footer::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

footer.basket_footer .clear_basket {
    float: left;
}

footer.basket_footer .clear_basket a {
    display: block;
    height: 58px;
    padding: 0 0 0 28px;
    line-height: 58px;
    font-size: 17px;
    font-weight: 500;
    color: #c2c2c2;
    text-decoration: none;
    background: url(../img/clear_basket_icon.svg) no-repeat 0 50%;
}

footer.basket_footer .clear_basket a:hover {
    color: #e12b78;
    background: url(../img/clear_basket_icon_active.svg) no-repeat 0 50%;
}

footer.basket_footer .basket_link {
    float: left;
}

footer.basket_footer .basket_link a {
    display: block;
    height: 58px;
    padding: 0 28px 0 56px;
    font-size: 18px;
    line-height: 58px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: #e12b78 url(../imgbasket_pink_icon.svg) no-repeat 26px 50%;
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

footer.basket_footer .basket_link a:hover {
    background: #e12b78 url(../imgbasket_pink_icon.svg) no-repeat 26px 50%;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}

footer.basket_footer .basket_link a em {
    padding: 0 5px 0 0;
    font-weight: 500;
}

footer.basket_footer .order_button {
    float: right;
}

footer.basket_footer .order_button a {
    display: block;
    height: 58px;
    line-height: 58px;
    padding: 0 30px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    background-image: -webkit-linear-gradient(156deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(156deg, #0fc8f0, #149de2);
    background-image: -webkit-linear-gradient(204deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(204deg, #0fc8f0, #149de2);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

footer.basket_footer .order_button a:hover {
    background-image: -webkit-linear-gradient(156deg, #18d0f8, #18a7ef);
    background-image: -o-linear-gradient(156deg, #18d0f8, #18a7ef);
    background-image: -webkit-linear-gradient(204deg, #18d0f8, #18a7ef);
    background-image: -o-linear-gradient(204deg, #18d0f8, #18a7ef);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}

footer.basket_footer .total_price {
    float: right;
    height: 58px;
    line-height: 1;
    padding: 0 50px 0 0;
    font-size: 25px;
    font-weight: bold;
    color: #e12b78;
}

footer.basket_footer .total_price em {
    display: block;
    padding: 0 0 12px;
    font-size: 15px;
    font-weight: 600;
    color: #404040;
}

.search_block {
    margin: 0 0 30px;
    height: 60px;
    position: relative;
}

.search_block input {
    display: block;
    width: 100%;
    height: 60px;
    padding: 0 30px;
    border: 1px solid #c2c2c2;
    font-size: 17px;
    font-family: "Gilroy";
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    /* Firefox 19+ */
    /* Firefox 18- */
}

.search_block input::-webkit-input-placeholder {
    color: #c2c2c2;
}

.search_block input::-moz-placeholder {
    color: #c2c2c2;
}

.search_block input:-moz-placeholder {
    color: #c2c2c2;
}

.search_block input:-ms-input-placeholder {
    color: #c2c2c2;
}

.search_block input:focus {
    border-color: #e12b78;
}

.search_block button {
    display: block;
    width: 75px;
    height: 60px;
    border: none;
    background: url(../img/search_icon.svg) no-repeat 50%;
    background-size: 25%;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.search_block button:hover {
    background: url(../img/search_icon.svg) no-repeat 50%;
    background-size: 35%;
}

.services_list h3 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.services_list h3 span {
    display: block;
    padding: 19px 30px;
    background: #e12b78;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.services_list h3 p {
    display: inline-block;
    padding: 0 0 0 12px;
    font-weight: bold;
}

.services_list h3 strong {
    display: block;
    padding: 19px 30px 19px 62px;
    font-weight: normal;
    background: #e12b78;
    position: relative;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.services_list h3 strong::before {
    content: "";
    display: block;
    width: 18px;
    height: 16px;
    background: url(../imgbasket_pink_icon.svg) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    top: calc(50% - 8px);
    left: 30px;
}

.services_list h3 strong u {
    text-decoration: none;
}

.services_list h3 strong em {
    font-weight: normal;
}

.services_list h3 a {
    display: block;
    padding: 19px 30px 19px 60px;
    color: #fff;
    text-decoration: none;
    position: relative;
    background: #e12b78;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.services_list h3 a:hover {
    padding: 19px 30px 19px 50px;
}

.services_list h3 a:hover::before {
    -ms-transform: translate(-10px, 0px);
    /* IE 9 */
    -webkit-transform: translate(-10px, 0px);
    /* Safari */
    transform: translate(-10px, 0px);
}

.services_list h3 a::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/arrow_back.svg) no-repeat 0 0;
    position: absolute;
    top: calc(50% - 7px);
    left: 33px;
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.services_list h3 + ul.first li:first-child {
    border-top: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

.services_list h3 + ul.second li:first-child {
    border-top: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

.services_list ul.first li {
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    overflow: hidden;
    display: none;
}

.services_list ul.first li:first-child {
    border-top: 1px solid #000000;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.services_list ul.first li:last-child {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.services_list ul.first li.show {
    display: block;
}

.services_list ul.first li a {
    display: block;
    padding: 20px 80px 20px 29px;
    font-size: 17px;
    color: #404040;
    text-decoration: none;
    background: #fff;
    position: relative;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.services_list ul.first li a:hover {
    background: #f6f6f6;
}

.services_list ul.first li a:hover em {
    background: url(../img/arrow_forward_active.svg) no-repeat calc(50% + 10px) 50%;
}

.services_list ul.first li a em {
    display: block;
    width: 75px;
    height: 100%;
    border-left: 1px solid #000000;
    background: url(../img/arrow_forward.svg) no-repeat 50% 50%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.services_list ul.second li {
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    display: table;
    width: 100%;
    background: #fff;
}

.services_list ul.second li.empty {
    display: none;
}

.services_list ul.second li.empty:only-child {
    display: block;
}

.services_list ul.second li:first-child {
    border-top: 1px solid #000000;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.services_list ul.second li > div {
    display: table-row;
}

.services_list ul.second li > div:hover {
    background: #f9f9f9;
}

.services_list ul.second li > div > div {
    display: table-cell;
}

.services_list ul.second li:last-child {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.services_list ul.second li .name {
    padding: 20px 80px 20px 29px;
    font-size: 17px;
    color: #404040;
    text-decoration: none;
}

.services_list ul.second li .name a {
    color: #404040;
    text-decoration: none;
}

.services_list ul.second li .price {
    width: 105px;
    padding: 20px 20px 20px 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    color: #e12b78;
    vertical-align: middle;
}

.services_list ul.second li .add.delete {
    width: 90px;
    position: relative;
    vertical-align: middle;
}

.services_list ul.second li .add.delete a {
    display: inline-block;
    padding: 0 0 0 18px;
    font-size: 16px;
    font-weight: 500;
    color: #c2c2c2;
    text-decoration: none;
    position: relative;
}

.services_list ul.second li .add.delete a:hover {
    color: #009de6;
}

.services_list ul.second li .add.delete a:hover span {
    background: #009de6;
}

.services_list ul.second li .add.delete a span {
    display: block;
    width: 13px;
    height: 13px;
    background: #c2c2c2;
    position: absolute;
    left: 0;
    top: 1px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.services_list ul.second li .add.delete a span::before {
    content: "";
    display: block;
    width: 9px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 2px;
    top: 6px;
    -moz-transform: rotate(45deg);
    /* Для Firefox */
    -ms-transform: rotate(45deg);
    /* Для IE */
    -webkit-transform: rotate(45deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg);
    /* Для Opera */
    transform: rotate(45deg);
}

.services_list ul.second li .add.delete a span::after {
    content: "";
    display: block;
    width: 9px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 2px;
    top: 6px;
    -moz-transform: rotate(-45deg);
    /* Для Firefox */
    -ms-transform: rotate(-45deg);
    /* Для IE */
    -webkit-transform: rotate(-45deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-45deg);
    /* Для Opera */
    transform: rotate(-45deg);
}

.current_service .back {
    padding: 0 0 30px;
}

.current_service .back a {
    display: inline-block;
    padding: 0 0 0 25px;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    color: #e12b78;
    position: relative;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.current_service .back a:hover::before {
    -ms-transform: translate(-5px, 0);
    /* IE 9 */
    -webkit-transform: translate(-5px, 0);
    /* Safari */
    transform: translate(-5px, 0);
}

.current_service .back a::before {
    content: "";
    display: block;
    width: 18px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/arrow_back_pink.svg) no-repeat 0 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.current_service header {
    display: table;
    width: 100%;
    margin: 0 0 50px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.current_service header > div {
    display: table-row;
    padding: 20px 0;
}

.current_service header > div > div, .current_service header > div h3 {
    display: table-cell;
    vertical-align: middle;
}

.current_service header > div > div, .current_service header > div h1 {
    display: table-cell;
    vertical-align: middle;
}

.current_service header h1 {
    padding: 20px 0px 20px 0px;
    font-size: 30px;
    font-weight: 500;
    color: #404040;
}

.current_service header .price {
    width: 105px;
    font-size: 20px;
    font-weight: bold;
    text-align: right;
    color: #e12b78;
    text-transform: uppercase;
}

.current_service header .add {
    width: 160px;
    padding: 20px 15px;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.current_service header .add a {
    display: inline-block;
    width: auto;
    min-width: 136px;
    color: #e12b78;
    text-decoration: none;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #e12b78;
    box-shadow: 0 0 0 1px #e12b78;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.current_service header .add a.active {
    background: #e12b78;
}

.current_service header .add a.active span:first-child {
    display: none;
}

.current_service header .add a.active span:first-child + span {
    display: inline-block;
}

.current_service header .add a span {
    display: block;
    height: 38px;
    padding: 0 16px;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Gilroy';
    line-height: 38px;
    white-space: nowrap;
}

.current_service header .add a span:first-child {
    padding: 0 16px 0 45px;
    background: url(../img/basket_pink_icon.svg) no-repeat 18px 50%;
}

.current_service header .add a span + span {
    display: none;
    color: #fff;
}

.current_service .tabs {
    padding: 0 0 40px;
}

.current_service .tabs ul li {
    display: inline-block;
    padding: 0 40px 10px 0;
}

.current_service .tabs ul li:last-child {
    padding: 0;
}

.current_service .tabs ul li a {
    font-size: 17px;
    color: #7c7c7c;
    text-decoration: none;
}

.current_service .tabs ul li a:hover {
    text-decoration: underline;
}

.current_service .tabs ul li a.active {
    text-decoration: underline;
    color: #e12b78;
}

.current_service .tabs select {
    display: none;
    width: 100%;
    height: 48px;
    padding: 0 30px 0 20px;
    border: 1px solid #000000;
    font-size: 18px;
    font-family: 'Gilroy';
    color: #7c7c7c;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../img/select_arrow.svg) no-repeat calc(100% - 20px) 50%;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.current_service .text {
    font-size: 16px;
    line-height: 1.75;
    color: #404040;
}

.current_service .text > div {
    display: none;
}

.current_service .text > div.show_me {
    display: block;
}

.current_service .text p {
    padding: 0 0 30px;
}

.current_service .text h3 {
    padding: 0 0 40px;
    font-size: 26px;
    font-weight: bold;
    color: #e12b78;
}

.current_service .text h4 {
    padding: 0 0 30px;
    font-size: 17px;
    font-weight: 500;
    color: #404040;
}

.current_service .text strong {
    font-weight: bold;
}

.current_service .text em {
    font-style: italic;
}

.current_service .text a {
    color: #e12b78;
}

.current_service .text ul {
    padding: 0 0 25px;
}

.current_service .text ul li {
    padding: 0 0 10px 25px;
    position: relative;
}

.current_service .text ul li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    border: 2px solid #e12b78;
    position: absolute;
    top: 9px;
    left: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.current_service .text ol {
    counter-reset: section;
}

.current_service .text ol li {
    padding: 0 0 10px 25px;
    position: relative;
}

.current_service .text ol li::before {
    counter-increment: section;
    content: counter(section) ".";
    display: block;
    color: #e12b78;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.forms_block {
    max-width: 640px;
    margin: 0 auto;
}

.forms_block .tabs {
    padding: 0 0 40px;
    font-size: 0;
}

.forms_block .tabs::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.forms_block .tabs a {
    display: inline-block;
    width: 50%;
    height: 58px;
    text-align: center;
    font-size: 17px;
    line-height: 58px;
    color: #c2c2c2;
    text-decoration: none;
    background: #f6f6f6;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -khtml-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.forms_block .tabs a:first-child {
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -khtml-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.forms_block .tabs a:hover {
    color: #999;
}

.forms_block .tabs a.active {
    color: #fff;
    background-image: -webkit-linear-gradient(195deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(195deg, #0fc8f0, #149de2);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);
}

.form_slide {
    position: relative;
}

.form_slide > div > div {
    width: 100%;
    display: none;
}

.form_slide > div > div.show_me {
    display: block;
}

.registration_form ul li {
    margin: 0 0 40px;
    position: relative;
}

.registration_form ul li.short {
    margin: 0 0 20px;
}

.registration_form ul li p {
    height: 25px;
    font-size: 15px;
    color: #c2c2c2;
    font-weight: 500;
}

.registration_form ul.dark_style li p {
    color: #555;
}

.registration_form ul li input[type=text], .registration_form ul li input[type=password], .registration_form ul li input[type=phone] {
    display: block;
    width: 100%;
    height: 58px;
    padding: 0 20px;
    border: solid 1px #c2c2c2;
    color: #000;
    font-size: 16px;
    font-family: "Gilroy";
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    /* Firefox 19+ */
    /* Firefox 18- */
}

.registration_form ul li input[type=text]::-webkit-input-placeholder, .registration_form ul li input[type=password]::-webkit-input-placeholder, .registration_form ul li input[type=phone]::-webkit-input-placeholder {
    color: #7c7c7c;
}

.registration_form ul li input[type=text]::-moz-placeholder, .registration_form ul li input[type=password]::-moz-placeholder, .registration_form ul li input[type=phone]::-moz-placeholder {
    color: #7c7c7c;
}

.registration_form ul li input[type=text]:-moz-placeholder, .registration_form ul li input[type=password]:-moz-placeholder, .registration_form ul li input[type=phone]:-moz-placeholder {
    color: #7c7c7c;
}

.registration_form ul li input[type=text]:-ms-input-placeholder, .registration_form ul li input[type=password]:-ms-input-placeholder, .registration_form ul li input[type=phone]:-ms-input-placeholder {
    color: #7c7c7c;
}

.registration_form ul li input[type=text]:focus, .registration_form ul li input[type=password]:focus, .registration_form ul li input[type=phone]:focus {
    border-color: #e12b78;
    -webkit-box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
    box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
}

.registration_form ul li textarea {
    display: block;
    width: 100%;
    height: 160px;
    padding: 18px 20px;
    border: solid 1px #c2c2c2;
    resize: none;
    color: #000;
    font-size: 16px;
    font-family: "Gilroy";
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.registration_form ul li textarea::-webkit-input-placeholder {
    color: #7c7c7c;
}

.registration_form ul li textarea::-moz-placeholder {
    color: #7c7c7c;
}

.registration_form ul li textarea:-moz-placeholder {
    color: #7c7c7c;
}

.registration_form ul li textarea:-ms-input-placeholder {
    color: #7c7c7c;
}

.registration_form ul li textarea:focus {
    border-color: #e12b78;
    -webkit-box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
    box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
}

.registration_form ul li select {
    width: 100%;
    height: 58px;
    padding: 0 30px 0 20px;
    border: 1px solid #c2c2c2;
    font-size: 18px;
    font-family: 'Gilroy';
    color: #7c7c7c;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../img/select_arrow.svg) no-repeat calc(100% - 20px) 50%;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.registration_form ul li select:focus {
    border-color: #e12b78;
    -webkit-box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
    box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
}

.registration_form .three::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.registration_form .three input[type=text], .registration_form .three input[type=passsword], .registration_form .three select {
    float: left;
    width: calc(33.333% - 10px);
    margin: 0 0 0 16px;
}

.registration_form .three input[type=text]:first-child, .registration_form .three input[type=passsword]:first-child, .registration_form .three select:first-child {
    width: calc(33.333% - 12px);
    margin: 0;
}

.registration_form .submit::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.registration_form .submit .link {
    float: right;
    padding: 0 15px 0 0;
    line-height: 58px;
    font-size: 18px;
    color: #e12b78;
}

.registration_form .submit .link a {
    color: #e12b78;
    text-decoration: none;
}

.registration_form .submit .link a:hover {
    text-decoration: underline;
}

.registration_form .submit button {
    display: block;
    height: 58px;
    float: right;
    padding: 0 30px;
    border: none;
    font-size: 18px;
    font-family: "Gilroy";
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background-image: -webkit-linear-gradient(167deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(167deg, #0fc8f0, #149de2);
    background-image: -webkit-linear-gradient(193deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(193deg, #0fc8f0, #149de2);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.registration_form .submit button:hover {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(167deg, #16d2fb, #1ba9f0);
    background-image: -o-linear-gradient(167deg, #16d2fb, #1ba9f0);
    background-image: -webkit-linear-gradient(193deg, #16d2fb, #1ba9f0);
    background-image: -o-linear-gradient(193deg, #16d2fb, #1ba9f0);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
}

.registration_form .submit a {
    line-height: 58px;
}

.single_form {
    max-width: 432px;
    margin: 0 auto;
}

.captcha::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.captcha input[type=text] {
    width: calc(100% - 150px) !important;
    float: left;
}

.captcha .image {
    width: 150px;
    float: right;
    text-align: right;
}

.field_info {
    display: block;
    width: 18px;
    height: 19px;
    background: url(../img/question_icon.svg) no-repeat 0 0;
    position: absolute;
    top: calc(50% - 9px);
    right: -38px;
    cursor: pointer;
}

.field_info:hover em {
    visibility: visible;
    opacity: 1;
    -ms-transform: translate(0px, 0px);
    /* IE 9 */
    -webkit-transform: translate(0px, 0px);
    /* Safari */
    transform: translate(0px, 0px);
}

.field_info em {
    display: block;
    width: 240px;
    padding: 10px;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    background: #e12b78;
    position: absolute;
    bottom: 24px;
    left: -111px;
    visibility: hidden;
    opacity: 0;
    -ms-transform: translate(0px, -10px);
    /* IE 9 */
    -webkit-transform: translate(0px, -10px);
    /* Safari */
    transform: translate(0px, -10px);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.field_info em::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #e12b78 transparent transparent transparent;
    position: absolute;
    left: calc(50% - 5px);
    bottom: -5px;
}

.radiobuttons {
    font-size: 0;
}

.radiobuttons::after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}

.radiobuttons label {
    display: inline-block;
    margin: 0 0 0 30px;
    cursor: pointer;
}

.radiobuttons label:first-child {
    margin: 0;
}

.radiobuttons label input {
    display: none;
}

.radiobuttons label input:checked + em {
    border-color: #e12b78;
}

.radiobuttons label input:checked + em::before {
    opacity: 1;
}

.radiobuttons label input:checked + em + span {
    color: #e12b78;
}

.radiobuttons label em {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #c2c2c2;
    vertical-align: middle;
    position: relative;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.radiobuttons label em::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #e12b78;
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 4px);
    opacity: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.radiobuttons label span {
    padding: 0 0 0 10px;
    font-size: 15px;
    font-weight: 500;
    color: #c2c2c2;
    vertical-align: middle;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.radiobuttons.dark label span {
    color: #555
}

.radiobuttons.dark label em {
    width: 18px;
    height: 18px;
}

.radiobuttons.dark label em::before {
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
}

.success_order {
    max-width: 432px;
    margin: 0 auto;
    height: calc(100vh - 246px);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.success_order h2 {
    padding: 0 0 40px;
    font-size: 30px;
    font-weight: bold;
    color: #e12b78;
}

.success_order p {
    padding: 0 0 40px;
    font-size: 18px;
    line-height: 1.5;
    color: #404040;
}

.success_order .back a {
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
    color: #e12b78;
    text-decoration: none;
    position: relative;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.success_order .back a:hover {
    -ms-transform: translate(-5px, 0);
    /* IE 9 */
    -webkit-transform: translate(-5px, 0);
    /* Safari */
    transform: translate(-5px, 0);
}

.success_order .back a:hover::before {
    -ms-transform: translate(-5px, 0);
    /* IE 9 */
    -webkit-transform: translate(-5px, 0);
    /* Safari */
    transform: translate(-5px, 0);
}

.success_order .back a::before {
    content: "";
    display: block;
    width: 20px;
    height: 100%;
    background: url(../img/arrow_back_pink.svg) no-repeat 0 50%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.my_results .info {
    padding: 0 0 12px;
}

.my_results .info h3 {
    padding: 0 0 10px;
    font-size: 18px;
    font-weight: bold;
    color: #e12b78;
}

.my_results .info p {
    padding: 0 0 8px;
    font-size: 15px;
    font-weight: 500;
    color: #5a5a5a;
}

.results_list h4 span {
    display: block;
    padding: 19px 30px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    background: #e12b78;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.results_list h4 a {
    display: block;
    padding: 19px 30px 19px 60px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: relative;
    background: #e12b78;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.results_list h4 a:hover {
    padding: 19px 30px 19px 50px;
}

.results_list h4 a:hover::before {
    -ms-transform: translate(-10px, 0px);
    /* IE 9 */
    -webkit-transform: translate(-10px, 0px);
    /* Safari */
    transform: translate(-10px, 0px);
}

.results_list h4 a::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/arrow_back.svg) no-repeat 0 0;
    position: absolute;
    top: calc(50% - 7px);
    left: 33px;
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.results_list ul li {
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    overflow: hidden;
}

.results_list ul li:last-child {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.results_list ul li a {
    display: block;
    padding: 20px 50px 20px 30px;
    font-size: 17px;
    text-decoration: none;
    color: #404040;
    background: #fff;
    position: relative;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.results_list ul li a:hover {
    background: #f6f6f6;
}

.results_list ul li a:hover::after {
    opacity: 1;
    background: url(../img/arrow_forward_active.svg) no-repeat 70% 50%;
}

.results_list ul li a::after {
    content: "";
    display: block;
    height: 100%;
    width: 50px;
    background: url(../img/arrow_forward.svg) no-repeat 50% 50%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.4;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.result_table {
    overflow-x: auto;
}

.result_table table {
    width: 100%;
    background: #fff;
}

.result_table table thead tr td {
    padding: 20px 30px;
    border-bottom: 1px solid #000000;
    font-size: 17px;
    font-weight: bold;
    color: #404040;
    background: #f6f6f6;
}

.result_table table thead tr td:first-child {
    border-left: 1px solid #000000;
}

.result_table table thead tr td:last-child {
    border-right: 1px solid #000000;
}

.result_table table tbody tr:hover td {
    background: #f8f8f8;
}

.result_table table tbody tr td {
    padding: 20px 30px;
    min-width: 150px;
    font-size: 17px;
    color: #404040;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    text-align: center;
}

.result_table table tbody tr td:first-child {
    width: 100%;
    text-align: left;
}

.result_table table tbody tr td:last-child {
    border-right: 1px solid #000000;
}

table.sim-table {
    width: 100%;
    margin: 0 0 20px;
    background: #fff;
}

table.sim-table thead tr:first-child td {
    border-top: 1px solid #000000;
}

table.sim-table thead tr td {
    padding: 20px 30px;
    border-bottom: 1px solid #000000;
    font-size: 17px;
    font-weight: bold;
    color: #404040;
    background: #f6f6f6;
}

table.sim-table thead tr td:first-child {
    border-left: 1px solid #000000;
}

table.sim-table thead tr td:last-child {
    border-right: 1px solid #000000;
}

table.sim-table tbody tr:hover td {
    background: #f8f8f8;
}

table.sim-table tbody tr:first-child td {
    border-top: 1px solid #000000;
}

table.sim-table tbody tr:first-child td:first-child {
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -khtml-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}

table.sim-table tbody tr:first-child td:last-child {
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -khtml-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}

table.sim-table tbody tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
    -khtml-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}

table.sim-table tbody tr:last-child td:last-child {
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    -khtml-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
}

table.sim-table tbody tr td {
    padding: 20px 30px;
    min-width: 150px;
    font-size: 17px;
    color: #404040;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    text-align: center;
}

table.sim-table tbody tr td:first-child {
    width: 100%;
    text-align: left;
}

table.sim-table tbody tr td:last-child {
    border-right: 1px solid #000000;
}

table.sim-table tbody tr td p {
    padding: 0 !important;
}

.simple_table {
    margin: 0 0 50px;
    overflow-x: auto;
    overflow-y: hidden;
}

.simple_table table {
    width: 100%;
    min-width: 720px;
}

.simple_table table thead tr td {
    width: 50%;
    padding: 25px 30px;
    color: #fff;
    font-size: 0px;
    background: #e12b78;
}

.simple_table table thead tr td:first-child {
    white-space: nowrap;
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}

.simple_table table thead tr td:last-child {
    text-align: right;
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -khtml-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.simple_table table thead tr td span {
    font-size: 18px;
    font-weight: 500;
}

.simple_table table thead tr td strong {
    padding: 0 0 0 44px;
    font-size: 18px;
    font-weight: 800;
    position: relative;
}

.simple_table table thead tr td strong::before {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #fff;
    position: absolute;
    top: 5px;
    left: 21px;
}

.simple_table table thead tr td a {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}

.simple_table table thead tr td a:hover {
    text-decoration: underline;
}

.simple_table table tbody tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    -khtml-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

.simple_table table tbody tr:last-child td:last-child {
    -moz-border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
    -khtml-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
}

.simple_table table tbody tr td {
    padding: 20px 30px;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-size: 17px;
    color: #404040;
    background: #fff;
}

.simple_table table tbody tr td:last-child {
    border-right: 1px solid #000000;
}

.map_block {
    border: 1px solid #ececec;
    background: #fff;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.map_list {
    width: 340px;
}

.map_list select {
    display: none;
    width: 100%;
    height: 48px;
    padding: 0 30px 0 20px;
    border: none;
    font-size: 18px;
    font-family: 'Gilroy';
    color: #7c7c7c;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../img/select_arrow.svg) no-repeat calc(100% - 20px) 50%;
    cursor: pointer;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

.map_list li {
    border-bottom: 1px solid #ededed;
}

.map_list li:last-child {
    border: none;
}

.map_list li a {
    display: block;
    padding: 30px;
    text-decoration: none;
}

.map_list li a.active {
    background-image: -webkit-linear-gradient(205deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(205deg, #0fc8f0, #149de2);
    background-image: linear-gradient(245deg, #0fc8f0, #149de2);
}

.map_list li a.active strong, .map_list li a.active span {
    color: #fff;
}

.map_list li a strong {
    display: block;
    padding: 0 0 20px;
    font-size: 20px;
    font-weight: bold;
    color: #e12b78;
}

.map_list li a span {
    display: block;
    padding: 0 0 12px;
    font-size: 16px;
    font-weight: 500;
    color: #7c7c7c;
}

.map_list li a span:last-child {
    padding: 0;
}

.label_content {
    max-width: 290px;
    font-family: "Gilroy";
}

.label_content h3 {
    margin: 0 0 16px;
    font-size: 17px;
    font-weight: bold;
    color: #149de2;
}

.label_content p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.33;
    color: #5a5a5a;
}

.gm-style-pbc + div > div:last-child > div:last-child > div {
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.gm-style-pbc + div > div:last-child > div:last-child > div > div:first-child {
    opacity: 0;
}

.current_fillial_map {
    border: solid 1px #ececec;
    background: #fff;
    overflow: hidden;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.current_fillial_map::after {
    content: "";
    display: block;
    height: 0px;
    clear: both;
}

.fillial_address {
    width: 50%;
    float: left;
    padding: 50px 50px;
}

.fillial_address:only-child {
    width: 100%;
}

.fillial_address:only-child .text::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.fillial_address:only-child .text > div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
}

.fillial_address:only-child .text > div:first-child {
    padding: 0 25px 0 0;
}

.fillial_address h3 {
    padding: 0 0 30px;
    font-size: 22px;
    font-weight: bold;
    color: #e12b78;
}

.fillial_address .text {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #5a5a5a;
}

.fillial_address .text p {
    padding: 0 0 8px;
}

.fillial_address .text strong {
    font-weight: bold;
}

.fillial_address .text strong.address {
    display: block;
    padding: 0 0 0 24px;
    color: #000;
    background: url(../img/pin_black_icon.svg) no-repeat 0 50%;
}

.fillial_address .text strong.time {
    display: block;
    padding: 0 0 0 24px;
    color: #000;
    background: url(../img/time_black_icon.svg) no-repeat 0 50%;
}

.fillial_address .text strong.beaker {
    display: block;
    padding: 0 0 0 24px;
    color: #000;
    background: url(../img/beaker_black_icon.svg) no-repeat 0 50%;
}

.fillial_address .text strong.bus {
    display: block;
    padding: 0 0 0 24px;
    color: #000;
    background: url(../img/bus_black_icon.svg) no-repeat 0 50%;
}

#simple_map {
    width: 50%;
    min-height: 360px;
    float: right;
    background: #ccc;
    position: relative;
    overflow: hidden;
}

.filiall_grid::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.filiall_grid figure {
    width: calc(33.333% - 19px);
    float: left;
    margin: 0 28px 100px 0;
    position: relative;
    -webkit-box-shadow: 0px 0px 0px 1px #cbcbcb;
    -moz-box-shadow: 0px 0px 0px 1px #cbcbcb;
    box-shadow: 0px 0px 0px 1px #cbcbcb;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.filiall_grid figure:hover {
    -webkit-box-shadow: 0px 0px 1px 1px #cbcbcb;
    -moz-box-shadow: 0px 0px 1px 1px #cbcbcb;
    box-shadow: 0px 0px 1px 1px #cbcbcb;
}

.filiall_grid figure:hover::after {
    opacity: 0;
}

.filiall_grid figure:nth-child(3n) {
    margin: 0 0 100px;
}

.filiall_grid figure img {
    display: block;
    width: 100%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.6s;
    -webkit-transition: all 0.6s linear;
    -moz-animation-duration: 0.6s;
    -moz-transition: all 0.6s linear;
    animation-duration: 0.6s;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.filiall_grid figure::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #e12b78;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.15;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.filiall_grid figure figcaption {
    width: calc(100% - 20px);
    position: absolute;
    top: calc(100% + 25px);
    left: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #e12b78;
    z-index: 1;
}

.filiall_grid figure a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.fillial_menu {
    display: inline-block;
    margin: 0 0 0 12px;
    position: relative;
}

.fillial_menu a.call_menu {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: -webkit-linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
    background-image: -o-linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
    -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.fillial_menu a.call_menu.active + div {
    display: block;
}

.fillial_menu a.call_menu::before {
    content: "";
    display: block;
    width: 8px;
    height: 11px;
    background: url(../img/pin_white_icon.svg) no-repeat 0 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.fillial_menu div {
    display: none;
    width: 160px;
    padding: 15px 0;
    background: #e12b78;
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 50%;
    top: 44px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.fillial_menu div::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #e12b78 transparent;
    position: absolute;
    left: 50%;
    top: -8px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.fillial_menu div a {
    display: block;
    padding: 9px 25px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    text-align: left;
}

.fillial_menu div a.active, .fillial_menu div a:hover {
    background: #1490ce;
}

.filiall_links {
    padding: 0 0 40px;
    overflow: hidden;
    font-size: 0;
}

.filiall_links > div {
    margin: 0 0 0 -32px;
}

.filiall_links select {
    display: none;
    width: 100%;
    height: 48px;
    padding: 0 30px 0 20px;
    border: 1px solid #000000;
    font-size: 18px;
    font-family: 'Gilroy';
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #e12b78 url(../img/select_arrow_white.svg) no-repeat calc(100% - 20px) 50%;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.filiall_links a {
    display: inline-block;
    width: calc(25% - 32px);
    min-height: 60px;
    height: 100%;
    margin: 0 0 20px 32px;
    padding: 18px;
    text-align: center;
    font-size: 16px;
    line-height: 1.25;
    font-weight: bold;
    text-decoration: none;
    color: #7c7c7c;
    overflow: hidden;
    position: relative;
    background-image: -webkit-linear-gradient(159deg, #f1f1f1, #dbdbdb);
    background-image: -o-linear-gradient(159deg, #f1f1f1, #dbdbdb);
    background-image: -webkit-linear-gradient(201deg, #f1f1f1, #dbdbdb);
    background-image: -o-linear-gradient(201deg, #f1f1f1, #dbdbdb);
    background-image: linear-gradient(249deg, #f1f1f1, #dbdbdb);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.filiall_links a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-linear-gradient(159deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(159deg, #0fc8f0, #149de2);
    background-image: -webkit-linear-gradient(201deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(201deg, #0fc8f0, #149de2);
    background-image: linear-gradient(249deg, #0fc8f0, #149de2);
    opacity: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.filiall_links a:hover {
    color: #fff;
}

.filiall_links a:hover::before {
    opacity: 1;
}

.filiall_links a.active {
    color: #fff;
    background-image: -webkit-linear-gradient(159deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(159deg, #0fc8f0, #149de2);
    background-image: -webkit-linear-gradient(201deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(201deg, #0fc8f0, #149de2);
    background-image: linear-gradient(249deg, #0fc8f0, #149de2);
}

.filiall_links a span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.filiall_tabs {
    padding: 0 0 50px;
    font-size: 0;
}

.filiall_tabs a {
    display: inline-block;
    width: 33.333%;
    height: 58px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    font-size: 18px;
    line-height: 56px;
    color: #7c7c7c;
    text-decoration: none;
    text-align: center;
    background: #fff;
}

.filiall_tabs a:first-child {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.filiall_tabs a:last-child {
    border-right: 1px solid #000000;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.filiall_tabs a:hover {
    background: #fce6f38a;
}

.filiall_tabs a.active {
    color: #fff;
    background: #e12b78;
    border-color: #e12b78;
}

.filiall_tabs a.active + a {
    border-left-color: #e12b78;
}

.filiall_tabs select {
    display: none;
    width: 100%;
    height: 48px;
    padding: 0 30px 0 20px;
    border: 1px solid #000000;
    font-size: 18px;
    font-family: 'Gilroy';
    color: #7c7c7c;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../img/select_arrow.svg) no-repeat calc(100% - 20px) 50%;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.symptom_search {
    position: relative;
}

.symptom_search.show_me {
    display: block;
}

.symptom_search.hide_me {
    display: none;
}

a.switcher {
    display: block;
    width: 58px;
    height: 58px;
    background-image: -webkit-linear-gradient(130deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(130deg, #0fc8f0, #149de2);
    background-image: -webkit-linear-gradient(230deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(230deg, #0fc8f0, #149de2);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);
    -webkit-box-shadow: 0 10px 20px 0 rgb(255 213 236 / 50%);
    box-shadow: 0 10px 20px 0 rgb(255 213 236 / 50%);
    position: absolute;
    top: 0;
    right: -88px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

a.switcher.search::before {
    background: url(../img/search_white_icon.svg) no-repeat 50%;
}

a.switcher::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/man_icon.svg) no-repeat 50%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

a.switcher:hover {
    background-image: -webkit-linear-gradient(130deg, #18d0f8, #18a7ef);
    background-image: -o-linear-gradient(130deg, #18d0f8, #18a7ef);
    background-image: -webkit-linear-gradient(230deg, #18d0f8, #18a7ef);
    background-image: -o-linear-gradient(230deg, #18d0f8, #18a7ef);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
    -webkit-box-shadow: 0 0px 10px 0 rgb(255 213 236 / 50%);
    box-shadow: 0 0px 10px 0 rgb(255 213 236 / 50%);
}

a.switcher:hover::before {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari */
    transform: scale(1.1);
}

.symptom_form {
    margin: 0 0 40px;
    position: relative;
}

.symptom_form.hide_me {
    display: none;
}

.symptom_form.show_me {
    display: block;
}

.symptom_form input {
    display: block;
    width: 100%;
    height: 58px;
    padding: 0 50px 0 30px;
    border: 1px solid #c2c2c2;
    font-size: 17px;
    color: #000;
    font-family: "Gilroy";
    background: #fff url(../img/search_icon.svg) no-repeat calc(100% - 30px) 50%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    /* Firefox 19+ */
    /* Firefox 18- */
}

.symptom_form input::-webkit-input-placeholder {
    color: #c2c2c2;
}

.symptom_form input::-moz-placeholder {
    color: #c2c2c2;
}

.symptom_form input:-moz-placeholder {
    color: #c2c2c2;
}

.symptom_form input:-ms-input-placeholder {
    color: #c2c2c2;
}

.symptom_form input:focus {
    color: #e12b78;
    border-color: #e12b78;
}

.quick_result {
    display: none;
    width: 100%;
    min-height: 177px;
    max-height: 320px;
    overflow-y: auto;
    background: #fff;
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    z-index: 2;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.quick_result.show_me {
    display: block;
}

.quick_result.preload::after {
    display: block;
}

.quick_result.preload ul {
    display: none;
}

.quick_result::after {
    content: "";
    display: none;
    width: 49px;
    height: 49px;
    margin: 0 auto;
    border: 3px solid #e12b78;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}

.quick_result ul li:first-child a {
    border: none;
}

.quick_result ul li a {
    display: block;
    padding: 21px 30px 20px;
    border-top: 1px solid #000000;
    font-size: 17px;
    color: #7c7c7c;
    text-decoration: none;
}

.quick_result ul li a:hover {
    background: #f9f9f9;
}

.simptom_map {
    display: none;
}

.simptom_map.show_me {
    display: block;
}

.tags_list {
    z-index: 1;
}

.tags_list {

}

.tags_list.show_me > div {
    width: calc(100vw - 85px);
}

.tags_list.show_me > a {
    -moz-border-radius: 0 50% 50% 0;
    -webkit-border-radius: 0 50% 50% 0;
    -khtml-border-radius: 0 50% 50% 0;
    border-radius: 0 50% 50% 0;
}

.tags_list.show_me > a span {
    width: 32px;
    height: 4px;
    left: 12px;
}

.tags_list.show_me > a span::before {
    width: 16px;
    height: 4px;
    left: 0;
    top: -4px;
    -moz-transform: rotate(-30deg);
    /* Для Firefox */
    -ms-transform: rotate(-30deg);
    /* Для IE */
    -webkit-transform: rotate(-30deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-30deg);
    /* Для Opera */
    transform: rotate(-30deg);
}

.tags_list.show_me > a span::after {
    width: 16px;
    height: 4px;
    left: 0;
    top: 4px;
    -moz-transform: rotate(30deg);
    /* Для Firefox */
    -ms-transform: rotate(30deg);
    /* Для IE */
    -webkit-transform: rotate(30deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(30deg);
    /* Для Opera */
    transform: rotate(30deg);
}

.tags_list.toggle_tags > div > div {
    display: none;
}

.tags_list.toggle_tags > div > div.show_me {
    display: block;
}

.tags_list > div {
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.tags_list > a, .tagu_list > a {
    display: none;
    width: 58px;
    height: 58px;
    background-image: -webkit-linear-gradient(130deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(130deg, #0fc8f0, #149de2);
    background-image: -webkit-linear-gradient(230deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(230deg, #0fc8f0, #149de2);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);
    -webkit-box-shadow: 0 10px 20px 0 rgb(255 213 236 / 50%);
    box-shadow: 0 10px 20px 0 rgb(255 213 236 / 50%);
    position: absolute;
    top: 0;
    right: -58px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.tags_list > a:hover, .tagu_list > a:hover {
    background-image: -webkit-linear-gradient(130deg, #18d0f8, #18a7ef);
    background-image: -o-linear-gradient(130deg, #18d0f8, #18a7ef);
    background-image: -webkit-linear-gradient(230deg, #18d0f8, #18a7ef);
    background-image: -o-linear-gradient(230deg, #18d0f8, #18a7ef);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
    -webkit-box-shadow: 0 0px 10px 0 rgb(255 213 236 / 50%);
    box-shadow: 0 0px 10px 0 rgb(255 213 236 / 50%);
}

.tags_list > a span, .tagu_list > a span {
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    position: absolute;
    top: calc(50% - 3px);
    left: calc(50% - 3px);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
}

.tags_list > a span::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    position: absolute;
    top: 0;
    left: -12px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
}

.tags_list > a span::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 12px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
}

.tags_list div a, .tagu_list div a {
    display: inline-block;
    margin: 0 15px 15px 0;
    padding: 9px 26px;
    box-shadow: inset 0 0 0 1px #E6E6E6;
    border-radius: 20px;
    font-size: 14px;
    line-height: 1.7;
    color: #9F9F9F;
    text-decoration: underline;
    position: relative;
}

.tags_list div a:hover, .tagu_list div a:hover {
    color: #000;
    text-decoration: none;
}

.tags_list div a.active, .tagu_list div a.active {
    color: #e12b78;
    font-weight: 500;
    background-color: #F1F1F1;
    box-shadow: inset 0 0 0 1px #F1F1F1;
    margin: 0 15px 15px 0;
}

.tags_list div a.active:hover::after {
    opacity: 0.8;
}

.tags_list div a.active::after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background: url(../img/remove_blue_icon.svg) no-repeat 0 0;
    position: absolute;
    top: 2px;
    right: -20px;
    opacity: 0.2;
}

.last_articles {
    padding: 50px 0 0;
}

.last_articles h3 {
    padding: 0 0 40px;
    text-align: center;
    font-size: 26px;
    color: #404040;
}

.last_articles > div::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.last_articles > div > div::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.last_articles > div .symptoms_article {
    width: calc(33.333333% - 17px);
    float: left;
    margin: 0 0 0 25px;
    padding: 0 0 30px;
}

.last_articles > div .symptoms_article:first-child {
    margin: 0;
}

.last_articles > div .symptoms_article .image {
    padding: 0 0 16px;
}

.last_articles > div .symptoms_article .image a {
    display: block;
    overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.last_articles > div .symptoms_article .image a:hover img {
    -ms-transform: scale(1.05);
    /* IE 9 */
    -webkit-transform: scale(1.05);
    /* Safari */
    transform: scale(1.05);
}

.last_articles > div .symptoms_article .image img {
    display: block;
    width: 100%;
    -webkit-animation-duration: 0.6s;
    -webkit-transition: all 0.6s linear;
    -moz-animation-duration: 0.6s;
    -moz-transition: all 0.6s linear;
    animation-duration: 0.6s;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.last_articles > div .symptoms_article h4 {
    padding: 0 0 15px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.41;
    color: #404040;
}

.last_articles > div .symptoms_article h4 a {
    color: #404040;
    text-decoration: none;
}

.last_articles > div .symptoms_article h4 a:hover {
    text-decoration: underline;
}

.last_articles > div .symptoms_article p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    color: #7c7c7c;
}

.symptom_result {
    min-height: 50vh;
    padding: 48px 0 0;
    position: relative;
}

.symptom_result.preload::after {
    display: block;
}

.symptom_result.preload .grid, .symptom_result.preload .pagination {
    display: none;
}

.symptom_result::after {
    content: "";
    display: none;
    width: 49px;
    height: 49px;
    margin: 0 auto;
    border: 3px solid #e12b78;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}

.symptom_result .grid::after {
    content: "";
    display: block;
    height: 0px;
    clear: both;
}

.symptom_result .grid article {
    width: calc(33.333333% - 17px);
    min-height: 375px;
    float: left;
    margin: 0 0 0 25px;
}

.symptom_result .grid article:nth-child(3n-2) {
    margin: 0;
}

.symptom_result .grid article .image {
    padding: 0 0 16px;
}

.symptom_result .grid article .image a {
    display: block;
    overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.symptom_result .grid article .image a:hover img {
    -ms-transform: scale(1.05);
    /* IE 9 */
    -webkit-transform: scale(1.05);
    /* Safari */
    transform: scale(1.05);
}

.symptom_result .grid article .image img {
    display: block;
    width: 100%;
    -webkit-animation-duration: 0.6s;
    -webkit-transition: all 0.6s linear;
    -moz-animation-duration: 0.6s;
    -moz-transition: all 0.6s linear;
    animation-duration: 0.6s;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.symptom_result .grid article h4 {
    padding: 0 0 15px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.41;
    color: #404040;
}

.symptom_result .grid article h4 a {
    color: #404040;
    text-decoration: none;
}

.symptom_result .grid article h4 a:hover {
    text-decoration: underline;
}

.symptom_result .grid article p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    color: #7c7c7c;
}

.pagination {
    text-align: center;
}

.pagination a, .pagination span, .pagination strong {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    vertical-align: top;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.pagination a {
    color: #5a5a5a;
}

.pagination a:hover {
    background: #f6f6f6;
}

.pagination a.prev, .pagination a.next {
    position: relative;
}

.pagination a.prev::before, .pagination a.next::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/pagination_arrow.svg) no-repeat 50%;
}

.pagination a.next::before {
    -moz-transform: rotate(180deg);
    /* Для Firefox */
    -ms-transform: rotate(180deg);
    /* Для IE */
    -webkit-transform: rotate(180deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg);
    /* Для Opera */
    transform: rotate(180deg);
}

.pagination span {
    color: #5a5a5a;
}

.pagination strong {
    color: #fff;
    background: #e12b78;
}

.current_symptom {
    padding: 35px 0 0;
}

.current_symptom .image {
    padding: 0 0 50px;
}

.current_symptom .image img {
    display: block;
    width: 100%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.current_symptom h2 {
    padding: 0 0 30px;
    font-size: 30px;
    font-weight: 500;
    color: #404040;
}

.current_symptom .text {
    font-size: 17px;
    line-height: 28px;
    color: #404040;
}

.current_symptom .text p {
    padding: 0 0 20px;
}

.recommended_doctors {
    padding: 60px 0 70px;
    border-bottom: 1px solid #000000;
}

.recommended_doctors h3 {
    padding: 0 0 40px;
    text-align: center;
    font-size: 26px;
    font-weight: normal;
    color: #e12b78;
}

.recommended_doctors .grid {
    text-align: center;
    font-size: 0;
}

.recommended_doctors .grid::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.recommended_doctors .grid figure {
    display: inline-block;
    width: calc(20% - 19px);
    margin: 0 0 0 23px;
    vertical-align: top;
}

.recommended_doctors .grid figure:first-child {
    margin: 0;
}

.recommended_doctors .grid figure .image {
    padding: 0 0 20px;
}

.recommended_doctors .grid figure .image a {
    display: block;
}

.recommended_doctors .grid figure .image img {
    display: block;
    width: 100%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.recommended_doctors .grid figure h4 {
    padding: 0 0 8px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}

.recommended_doctors .grid figure h4 a {
    color: #e12b78;
    text-decoration: none;
}

.recommended_doctors .grid figure h4 a:hover {
    text-decoration: underline;
}

.recommended_doctors .grid figure p {
    text-align: center;
    color: #7c7c7c;
    font-size: 15px;
}

.search_by_image_header {
    min-height: 58px;
    margin: 0 0 50px;
    position: relative;
}

.search_by_image_header .text {
    max-width: 540px;
    margin: 0 auto;
    text-align: center;
    font-size: 17px;
    line-height: 1.75;
    color: #404040;
}

.search_by_image_header .text.hide_me {
    display: none;
}

.symptom_map.hide_me {
    display: none;
}

.symptom_map.show_me {
    display: block;
}

.symptom_map::after {
    content: "";
    display: block;
    height: 0px;
    clear: both;
}

.symptom_map .image {
    float: left;
    position: relative;
}

.symptom_map .image + .image {
    float: right;
}

.symptom_map .image.woman .mapped_image {
    background: url(../img/woman.jpg) no-repeat 0 0;
}

.symptom_map .image .image_map {
    position: relative;
    z-index: -2;
}

.symptom_map .image .mapped_image {
    width: 404px;
    height: 607px;
    background: url(../img/man.jpg) no-repeat 0 0;
}

.symptom_map .image .mapped_image img {
    background: none;
}

.symptom_map .image a {
    display: block;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    background: #f00;
    text-indent: -100500px;
    position: absolute;
    -webkit-box-shadow: 0px 0px 20px 10px red;
    -moz-box-shadow: 0px 0px 20px 10px red;
    box-shadow: 0px 0px 20px 10px red;
    opacity: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.symptom_map .image a:hover, .symptom_map .image a.active {
    opacity: 0.8;
}

.symptom_list ul {
    display: none;
    padding: 15px 0 0;
    text-align: center;
}

.symptom_list ul.show_me {
    display: block;
}

.symptom_list ul li {
    display: inline-block;
    padding: 0 10px;
}

.symptom_list ul li a {
    color: #5a5a5a;
    text-decoration: underline;
}

.symptom_list ul li a:hover {
    text-decoration: none;
}

.loaded_images {
    height: 0;
    overflow: hidden;
    position: relative;
}

.universal_validate .alert, .payment_form .alert {
    border-color: #f00 !important;
}

.universal_validate .text_alert {
    display: inline-block;
    padding: 0 0 5px;
    color: #f00;
}

.waring_test {
    padding: 0 0 10px;
}

.waring_test p {
    padding: 0 0 15px 20px !important;
    font-weight: 500;
    color: #f00 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    text-align: left !important;
    position: relative;
}

.waring_test p::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #f00;
    position: absolute;
    top: 6px;
    left: 3px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.polyclinic_grid {
    width: calc(100% + 20px);
    margin: 0 0 0 -20px;
}

.polyclinic_grid::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.polyclinic_grid figure {
    width: 200px;
    height: 142px;
    float: left;
    margin: 0 0 20px 20px;
}

.polyclinic_grid figure.large {
    width: 420px;
    height: 304px;
}

.polyclinic_grid figure.large a {
    height: 304px;
}

.polyclinic_grid figure.large a:hover span::before {
    opacity: 0.1;
}

.polyclinic_grid figure.large a:hover span img {
    -ms-transform: translate(-50%, -50%) scale(1.05);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    /* Safari */
    transform: translate(-50%, -50%) scale(1.05);
}

.polyclinic_grid figure.large a span {
    position: static;
}

.polyclinic_grid figure.large a span::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #00324c;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
    z-index: 1;
    -webkit-animation-duration: 0.6s;
    -webkit-transition: all 0.6s linear;
    -moz-animation-duration: 0.6s;
    -moz-transition: all 0.6s linear;
    animation-duration: 0.6s;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.polyclinic_grid figure.large a span img {
    height: 100%;
    -webkit-animation-duration: 0.6s;
    -webkit-transition: all 0.6s linear;
    -moz-animation-duration: 0.6s;
    -moz-transition: all 0.6s linear;
    animation-duration: 0.6s;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.polyclinic_grid figure.large a strong {
    font-size: 26px;
    position: absolute;
    left: 35px;
    bottom: 23px;
    z-index: 1;
}

.polyclinic_grid figure.long {
    width: 420px;
}

.polyclinic_grid figure.long a:hover span::before {
    opacity: 0.1;
}

.polyclinic_grid figure.long a:hover span img {
    -ms-transform: translate(-50%, -50%) scale(1.05);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    /* Safari */
    transform: translate(-50%, -50%) scale(1.05);
}

.polyclinic_grid figure.long a span {
    position: static;
}

.polyclinic_grid figure.long a span::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #00344e;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    z-index: 1;
    -webkit-animation-duration: 0.6s;
    -webkit-transition: all 0.6s linear;
    -moz-animation-duration: 0.6s;
    -moz-transition: all 0.6s linear;
    animation-duration: 0.6s;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.polyclinic_grid figure.long a span img {
    width: 100%;
    -webkit-animation-duration: 0.6s;
    -webkit-transition: all 0.6s linear;
    -moz-animation-duration: 0.6s;
    -moz-transition: all 0.6s linear;
    animation-duration: 0.6s;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.polyclinic_grid figure.long a strong {
    font-size: 26px;
    position: absolute;
    right: 35px;
    bottom: 23px;
    z-index: 1;
}

.polyclinic_grid figure.important a {
    background: #e12b78;
}

.polyclinic_grid figure a {
    display: block;
    height: 142px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    background: #e12b78;
    position: relative;
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.polyclinic_grid figure a:hover {
    -webkit-box-shadow: 0 14px 20px 0 #000000;
    box-shadow: 0 14px 20px 0 #000000;
}

.polyclinic_grid figure a:hover::before {
    opacity: 1;
}

.polyclinic_grid figure a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(36deg, #fa70ae, #e12b78);
    background-image: -o-linear-gradient(36deg, #fa70ae, #e12b78);
    background-image: linear-gradient(54deg, #fa70ae, #e12b78);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.polyclinic_grid figure a span {
    display: block;
    height: 105px;
    position: relative;
}

.polyclinic_grid figure a span img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Safari */
    transform: translate(-50%, -50%);
}

.polyclinic_grid figure a strong {
    font-size: 17px;
    font-weight: bold;
    position: relative;
}

.article_tabs {
    padding: 0 0 50px;
    text-align: center;
    font-size: 0;
}

.article_tabs.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: 0px;
}

.article_tabs.grid a {
    width: auto;
    white-space: normal;
    height: auto;
    padding: 12px 12px;
    line-height: 1.5;
    border-left: 1px solid #000000;
    border-radius: 0 !important;
}

.article_tabs.more a {
    width: auto;
    padding: 0 16px;
    font-size: 16px;
}

.article_tabs a {
    display: inline-block;
    width: 25%;
    height: 58px;
    border: 1px solid #000000;
    border-left: none;
    font-size: 18px;
    line-height: 56px;
    white-space: nowrap;
    color: #7c7c7c;
    text-decoration: none;
    background: #fff;
    vertical-align: top;
}

.article_tabs a:first-child {
    border-left: 1px solid #000000;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.article_tabs a:last-child {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.article_tabs a:hover {
    background: #fce6f38a;
}

.article_tabs a.active {
    border-color: #e12b78;
    color: #fff;
    background: #e12b78;
}

}

.simple_page .image {
    padding: 0 0 30px;
}

.simple_page .image.compact {
    float: left;
    padding: 0 20px 20px 0;
}

.simple_page .image.compact img {
    max-width: 240px;
}

.simple_page .image img {
    display: block;
    width: 100%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.simple_page .text {
    font-size: 16px;
    line-height: 1.75;
    color: #404040;
}

.simple_page .text::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.simple_page .text h3 {
    padding: 0 0 40px;
    font-size: 24px;
    font-weight: bold;
    color: #e12b78;
}

.simple_page .text h2 {
    padding: 0 0 40px;
    font-size: 32px;
    font-weight: bold;
    color: #e12b78;
}

.simple_page .text h4 {
    padding: 0 0 30px;
    font-size: 17px;
    font-weight: 500;
    color: #404040;
}

.simple_page .text img {
    max-width: 100%;
}

.simple_page .text img.left {
    float: left;
    margin: 0 20px 20px 0;
}

.simple_page .text img.right {
    float: right;
    margin: 0 0 20px 20px;
}

.simple_page .text p {
    padding: 0 0 25px;
}

.simple_page .text strong {
    font-weight: bold;
}

.simple_page .text em {
    font-style: italic;
}

.simple_page .text .analiz_icon {
    padding: 0 0 0 32px;
    margin: 0 0 0 32px;
    font-size: 20px;
    font-weight: bold;
    color: #e12b78;
    text-decoration: none;
    background: url(../img/analiz_icon.svg) no-repeat 0 50%;
}

.simple_page .text a {
    color: #e12b78;
}

.simple_page .text ul {
    padding: 0 0 25px;
    /*li {
        padding: 22px 30px;
        font-size: 17px;
        line-height: 1.29;
        color: #7c7c7c;
        border: 1px solid #000000;
        border-top: none;
        background: #fff;
        &:first-child {
          border-top: 1px solid #000000;
          @include border_radius(5px 5px 0 0);
        }
        &:last-child {
          @include border_radius(0 0 5px 5px);
        }
      }*/
}

.simple_page .text ul li {
    padding: 0 0 10px 25px;
    position: relative;
}

.simple_page .text ul li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    border: 2px solid #e12b78;
    position: absolute;
    top: 9px;
    left: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.simple_page .text ol {
    counter-reset: section;
}

.simple_page .text ol li {
    padding: 0 0 10px 25px;
    position: relative;
}

.simple_page .text ol li::before {
    counter-increment: section;
    content: counter(section) ".";
    display: block;
    color: #e12b78;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.vacancy_list {
    padding: 50px 0 0;
}

.vacancy_list h3 {
    padding: 0 0 50px;
    font-size: 26px;
    font-weight: bold;
    color: #e12b78;
    text-align: center;
}

.vacancy_list .list ul {
    overflow: hidden;
}

.vacancy_list .list ul li {
    width: calc(33.333333% - 25px);
    height: 265px;
    float: left;
    margin: 0 0 0 25px;
}

.vacancy_list .list ul li:nth-child(3n-2) {
    margin: 0;
}

.vacancy_list .list ul li a {
    display: block;
    text-decoration: none;
    color: #e12b78;
}

.vacancy_list .list ul li a:hover img {
    -ms-transform: scale(1.05);
    /* IE 9 */
    -webkit-transform: scale(1.05);
    /* Safari */
    transform: scale(1.05);
}

.vacancy_list .list ul li a:hover strong::after {
    width: 100%;
}

.vacancy_list .list ul li a span {
    display: block;
    overflow: hidden;
}

.vacancy_list .list ul li a img {
    display: block;
    width: 100%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.vacancy_list .list ul li a strong {
    display: inline-block;
    padding: 25px 0 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    position: relative;
}

.vacancy_list .list ul li a strong::after {
    content: "";
    display: none;
    width: 0;
    height: 1px;
    background: #e12b78;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.current_vacancy {
    padding: 10px 0 0;
}

.current_vacancy header {
    padding: 0 0 20px;
}

.current_vacancy header::after {
    content: "";
    display: block;
    height: 0px;
    clear: both;
}

.current_vacancy header h3 {
    width: calc(100% - 180px);
    float: left;
    padding: 17px 0 0;
    font-size: 24px;
    font-weight: bold;
    color: #e12b78;
}

.current_vacancy header .link {
    float: right;
}

.current_vacancy header .link a {
    display: inline-block;
    height: 58px;
    padding: 0 30px;
    line-height: 58px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-image: -webkit-linear-gradient(160deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(160deg, #0fc8f0, #149de2);
    background-image: -webkit-linear-gradient(200deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(200deg, #0fc8f0, #149de2);
    background-image: linear-gradient(250deg, #0fc8f0, #149de2);
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.current_vacancy header .link a:hover {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}

.current_vacancy .text {
    font-size: 16px;
    line-height: 1.75;
    color: #404040;
}

.current_vacancy .text p {
    padding: 0 0 20px;
}

.current_vacancy .text strong {
    font-weight: bold;
}

.current_vacancy .text ul {
    padding: 0 0 25px;
}

.current_vacancy .text ul li {
    padding: 0 0 10px 25px;
    position: relative;
}

.current_vacancy .text ul li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    border: 2px solid #e12b78;
    position: absolute;
    top: 9px;
    left: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.vacancy_form {
    max-width: 432px;
    margin: 0 auto;
}

.vacancy_form p {
    padding: 0 0 50px;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
    color: #5a5a5a;
}

.vacancy_form p a {
    color: #e12b78;
    text-decoration: none;
}

.vacancy_form p a:hover {
    text-decoration: underline;
}

.vacancy_form .form ul li {
    padding: 0 0 23px;
}

.vacancy_form .form ul li input {
    display: block;
    width: 100%;
    height: 58px;
    padding: 0 25px;
    border: 1px solid #c2c2c2;
    font-size: 16px;
    font-family: "Gilroy";
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    /* Firefox 19+ */
    /* Firefox 18- */
}

.vacancy_form .form ul li input::-webkit-input-placeholder {
    color: #7c7c7c;
}

.vacancy_form .form ul li input::-moz-placeholder {
    color: #7c7c7c;
}

.vacancy_form .form ul li input:-moz-placeholder {
    color: #7c7c7c;
}

.vacancy_form .form ul li input:-ms-input-placeholder {
    color: #7c7c7c;
}

.vacancy_form .form ul li input:focus {
    border-color: #e12b78;
    -webkit-box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
    box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
}

.vacancy_form .form ul li textarea {
    display: block;
    width: 100%;
    height: 160px;
    padding: 16px 25px;
    border: 1px solid #c2c2c2;
    font-size: 16px;
    resize: none;
    font-family: "Gilroy";
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.vacancy_form .form ul li textarea::-webkit-input-placeholder {
    color: #7c7c7c;
}

.vacancy_form .form ul li textarea::-moz-placeholder {
    color: #7c7c7c;
}

.vacancy_form .form ul li textarea:-moz-placeholder {
    color: #7c7c7c;
}

.vacancy_form .form ul li textarea:-ms-input-placeholder {
    color: #7c7c7c;
}

.vacancy_form .form ul li textarea:focus {
    border-color: #e12b78;
    -webkit-box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
    box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
}


.vacancy_form .submit::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.vacancy_form .submit button, .vacancy_form .submit a {
    display: block;
    height: 58px;
    float: right;
    padding: 0 30px;
    border: none;
    font-size: 18px;
    font-family: "Gilroy";
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background-image: -webkit-linear-gradient(167deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(167deg, #0fc8f0, #149de2);
    background-image: -webkit-linear-gradient(193deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(193deg, #0fc8f0, #149de2);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.vacancy_form .submit button:hover, .vacancy_form .submit a:hover {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(167deg, #16d2fb, #1ba9f0);
    background-image: -o-linear-gradient(167deg, #16d2fb, #1ba9f0);
    background-image: -webkit-linear-gradient(193deg, #16d2fb, #1ba9f0);
    background-image: -o-linear-gradient(193deg, #16d2fb, #1ba9f0);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
}

.vacancy_form .submit a {
    line-height: 58px;
}

.conditions_list article {
    padding: 0 0 35px;
    margin: 0 0 60px;
    border-bottom: 1px solid #000000;
}

.conditions_list article:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.conditions_list article .image {
    padding: 0 0 40px;
}

.conditions_list article .image img {
    display: block;
    width: 100%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.conditions_list article .inner h3 {
    padding: 0 0 25px;
    font-size: 22px;
    font-weight: 500;
    color: #404040;
}

.conditions_list article .text {
    font-size: 16px;
    line-height: 1.75;
    color: #404040;
}

.conditions_list article .text p {
    padding: 0 0 25px;
}

.sertificate_list::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.sertificate_list.landscape .certificat_article {
    height: 240px;
}

.sertificate_list.landscape .certificat_article .image {
    height: 160px;
}

.sertificate_list article {
    width: 200px;
    height: 450px;
    float: left;
    margin: 0 0 0px 32px;
}

.sertificate_list .certificat_article {
    width: 200px;
    height: 450px;
    float: left;
    margin: 0 0 0px 32px;
}

.sertificate_list a {
    text-decoration: none;
}

.sertificate_list .certificat_article:nth-child(4n-3) {
    margin: 0 0 0px;
}

.sertificate_list .certificat_article::after {
    content: "";
    display: block;
    height: 0px;
    clear: both;
}

.sertificate_list .certificat_article .image {
    height: 300px;
}

.sertificate_list .certificat_article .image img {
    display: block;
    max-width: 100%;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(151, 151, 151, 0.75);
    -moz-box-shadow: 0px 0px 0px 1px rgba(151, 151, 151, 0.75);
    box-shadow: 0px 0px 0px 1px rgba(151, 151, 151, 0.75);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.sertificate_list .certificat_article .inner h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    text-align: center;
    color: #404040;
}

.sertificate_list .certificat_article .inner .text {
    display: none;
    font-size: 16px;
    line-height: 1.75;
    color: #404040;
}

.sertificate_list .certificat_article .inner .text p {
    padding: 0 0 30px;
}

.sertificate_list .certificat_article .inner .text p:last-child {
    padding: 0;
}

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

.sertificate_block .image {
    width: calc(40% - 16px);
}

.sertificate_block img {
    width: 100%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
    border-radius: 12px;
}

.sertificate_block .inner {
    width: calc(60% - 16px);
}

.sertificate_block h3 {
    padding: 0 0 18px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 500;
}

.sertificate_block .text {
    font-size: 17px;
    line-height: 1.75;
    color: #404040;
}

.sertificate_block .text p {
    padding: 0 0 25px;
}

.sertificate_block .text ul {
    padding: 0 0 25px;
}

.sertificate_block .text ul li {
    padding: 0 0 10px 25px;
    position: relative;
}

.sertificate_block .text ul li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    border: 2px solid #e12b78;
    position: absolute;
    top: 9px;
    left: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.file_select label {
    display: block;
    width: 100%;
    height: 58px;
}

.file_select label input {
    display: none !important;
}

.file_select label input.alert + span {
    border-color: #f00;
}

.file_select label span {
    display: block;
    height: 58px;
    padding: 0 25px;
    border: 1px solid #c2c2c2;
    line-height: 56px;
    font-size: 16px;
    font-family: "Gilroy";
    color: #7c7c7c;
    background: #fff url(../img/upload_icon.svg) no-repeat calc(100% - 15px) 50%;
    background-size: 24px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.simple_page + .card_list {
    padding: 60px 0 0;
}

.card_list {
    padding: 0 0 10px;
}

.card_list::after {
    content: "";
    display: block;
    height: 0px;
    clear: both;
}

.card_list .card_article {
    width: calc(33.333333% - 30px);
    height: 270px;
    float: left;
    margin: 0 0 0 30px;
}

.card_list .card_article:nth-child(3n-2) {
    margin: 0;
}

.card_list .card_article .image {
    padding: 0 0 30px;
}

.card_list .card_article .image a {
    display: block;
    color: #fff;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.card_list .card_article .image a:hover span {
    width: 100%;
    -webkit-clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
}

.card_list .card_article .image a:hover strong {
    top: 50%;
    right: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Safari */
    transform: translate(-50%, -50%);
}

.card_list .card_article .image a img {
    display: block;
    width: 100%;
}

.card_list .card_article .image a span {
    display: block;
    width: 60%;
    height: 100%;
    background-image: -webkit-linear-gradient(28deg, #0fc8f0, #e12b78);
    background-image: -o-linear-gradient(28deg, #0fc8f0, #e12b78);
    background-image: -webkit-linear-gradient(332deg, #0fc8f0, #e12b78);
    background-image: -o-linear-gradient(332deg, #0fc8f0, #e12b78);
    background-image: linear-gradient(118deg, #0fc8f0, #e12b78);
    position: absolute;
    top: 0;
    right: 0;
    -webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.card_list .card_article .image a strong {
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    color: #ffffff;
    position: absolute;
    top: 25px;
    right: 30px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.card_list .card_article h3 {
    padding: 0 0 10px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #e12b78;
}

.card_list .card_article h3 a {
    color: #e12b78;
    text-decoration: none;
}

.card_list .card_article h3 a:hover {
    text-decoration: underline;
}

.card_list .card_article p {
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #7c7c7c;
}

.current_card {
    padding: 0 0 60px;
}

.current_card::after {
    content: "";
    display: block;
    height: 0px;
    clear: both;
}

.current_card .card {
    width: 278px;
    float: left;
}

.current_card .card > div {
    display: block;
    color: #fff;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.current_card .card > div img {
    display: block;
    width: 100%;
}

.current_card .card > div span {
    display: block;
    width: 60%;
    height: 100%;
    background-image: -webkit-linear-gradient(28deg, #0fc8f0, #e12b78);
    background-image: -o-linear-gradient(28deg, #0fc8f0, #e12b78);
    background-image: -webkit-linear-gradient(332deg, #0fc8f0, #e12b78);
    background-image: -o-linear-gradient(332deg, #0fc8f0, #e12b78);
    background-image: linear-gradient(118deg, #0fc8f0, #e12b78);
    position: absolute;
    top: 0;
    right: 0;
    -webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.current_card .card > div strong {
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    color: #ffffff;
    position: absolute;
    top: 25px;
    right: 30px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.current_card .info {
    width: calc(100% - 308px);
    float: right;
}

.current_card .info header {
    padding: 0 0 20px;
    margin: 0 0 25px;
    border-bottom: 1px solid #000000;
}

.current_card .info header h3 {
    padding: 0 0 10px;
    font-size: 20px;
    font-weight: bold;
    color: #e12b78;
}

.current_card .info header p {
    font-size: 17px;
    color: #7c7c7c;
}

.current_card .info .list ul {
    overflow: hidden;
}

.current_card .info .list ul li {
    width: 33.333333%;
    float: left;
    padding: 0 40px 0 0;
}

.current_card .info .list ul li p {
    padding: 0 0 10px;
    font-size: 15px;
    color: #7c7c7c;
}

.current_card .info .list ul li strong {
    font-size: 17px;
    color: #404040;
}

.confrans_block {
    padding: 10px 0 0;
}

.confrans_block header {
    padding: 0 0 50px;
}

.confrans_block header h3 {
    padding: 0 0 20px;
    font-size: 30px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #404040;
}

.confrans_block header h3 a {
    color: #404040;
    text-decoration: none;
}

.confrans_block header h3 a:hover {
    text-decoration: underline;
}

.confrans_block header time {
    font-size: 17px;
    color: #7c7c7c;
}

.confrans_list::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.confrans_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: 24px 24px;
}

.confrans_list .confrans_article {
    width: 100%;
    height: auto;
}

.confrans_list .confrans_article:nth-child(3n-2) {
    margin: 0;
}

.confrans_list .confrans_article .image {
    padding: 0 0 15px;
}

.confrans_list .confrans_article .image img {
    display: block;
    width: 100%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.confrans_list .confrans_article h4 {
    padding: 0 0 12px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.41;
    color: #404040;
}

.confrans_list .confrans_article h4 a {
    color: #404040;
    text-decoration: none;
}

.confrans_list .confrans_article h4 a:hover {
    text-decoration: underline;
}

.confrans_list .confrans_article time {
    font-size: 15px;
    color: #7c7c7c;
}

.confrans_list p {
    padding: 0 0 15px;
    font-size: 14px;
    line-height: 1.33;
    color: rgba(0, 0, 0, 0.8);
}

.current_confrans {
    padding: 0 0 55px;
    max-width: 800px;
    margin: 0 auto;
}

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

.current_confrans h1 {
    padding: 0 0 30px;
    font-size: 30px;
    font-weight: 500;
    color: #404040;
}

.current_confrans h3 {

    font-size: 22px;
    font-weight: 500;
    color: #404040;
}

.current_confrans h2 {

    font-size: 26px;
    font-weight: 500;
    color: #404040;
}

.current_confrans .text {
    font-size: 17px;
    line-height: 1.75;
    color: #404040;
}

.current_confrans .text p {
    padding: 0 0 25px;
}

.current_confrans .text strong {
    font-weight: bold;
}

.current_confrans .text em {
    font-style: italic;
}

.current_confrans .text ul {
    padding: 0 0 25px;
}

.current_confrans .text ul li {
    padding: 0 0 10px 25px;
    position: relative;
}

.current_confrans .text ul li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    border: 2px solid #e12b78;
    position: absolute;
    top: 9px;
    left: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.current_confrans .text ol {
    counter-reset: section;
}

.current_confrans .text ol li {
    padding: 0 0 10px 25px;
    position: relative;
}

.current_confrans .text ol li::before {
    counter-increment: section;
    content: counter(section) ".";
    display: block;
    color: #e12b78;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.last_confrans h3 {
    padding: 0 0 40px;
    font-size: 26px;
    text-align: center;
    color: #404040;
}

.big_gallery {
    padding: 0 0 100px;
}

.big_image {
    margin: 0 0 15px;
    position: relative;
}

.big_image.preload::after {
    display: block;
}

.big_image::after {
    content: "";
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto;
    border: 3px solid #0fc8f0;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    background: none !important;
    position: absolute;
    top: calc(50% - 16px) !important;
    left: calc(50% - 16px) !important;
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}

.big_image img {
    display: block;
    width: 100%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.big_image img + img {
    position: absolute;
    top: 0;
    left: 0;
}

.big_image img.hide_me {
    opacity: 0;
}

.logo_list {
    padding: 30px 0 0;
}

.logo_list p {
    padding: 0 0 40px;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: #404040;
}

.logo_list ul {
    overflow: hidden;
}

.logo_list ul li {
    width: 25%;
    float: left;
    padding: 0 25px 20px 25px;
    text-align: center;
}

.logo_list ul li a {
    display: block;
}

.logo_list ul li a img {
    display: inline-block;
    max-width: 100%;
}

.name_button {
    padding: 10px 0 20px;
}

.name_button::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.name_button h3 {
    float: left;
    line-height: 58px;
    font-size: 24px;
    color: #e12b78;
    font-weight: bold;
}

.name_button a.call {
    display: block;
    height: 58px;
    float: right;
    line-height: 58px;
    padding: 0 30px 0 67px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-image: -webkit-linear-gradient(162deg, #f0580f, #e21414);
    background-image: -o-linear-gradient(162deg, #f0580f, #e21414);
    background-image: -webkit-linear-gradient(198deg, #f0580f, #e21414);
    background-image: -o-linear-gradient(198deg, #f0580f, #e21414);
    background-image: linear-gradient(252deg, #f0580f, #e21414);
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.name_button a.call:hover {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}

.name_button a.call:hover::before {
    opacity: 1;
}

.name_button a.call:hover::after {
    -webkit-animation: shake 0.62s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.62s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -moz-transform: rotate(0deg);
    /* Для Firefox */
    -ms-transform: rotate(0deg);
    /* Для IE */
    -webkit-transform: rotate(0deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0deg);
    /* Для Opera */
    transform: rotate(0deg);
}

.name_button a.call::after {
    content: "";
    display: block;
    width: 18px;
    height: 17px;
    background: url(../img/phone_icon.svg) no-repeat 0 0;
    background-size: 18px 17px;
    position: absolute;
    top: calc(50% - 8px);
    left: 32px;
}

.name_button a.call::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-linear-gradient(162deg, #fd6820, #ee1616);
    background-image: -o-linear-gradient(162deg, #fd6820, #ee1616);
    background-image: -webkit-linear-gradient(198deg, #fd6820, #ee1616);
    background-image: -o-linear-gradient(198deg, #fd6820, #ee1616);
    background-image: linear-gradient(252deg, #fd6820, #ee1616);
    opacity: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.name_button a.call span {
    position: relative;
}

.name_button a.link {
    display: block;
    height: 58px;
    float: right;
    line-height: 58px;
    padding: 0 30px 0 30px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-image: -webkit-linear-gradient(164deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(164deg, #0fc8f0, #149de2);
    background-image: -webkit-linear-gradient(196deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(196deg, #0fc8f0, #149de2);
    background-image: linear-gradient(254deg, #0fc8f0, #149de2);
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.name_button a.link:hover {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}

.name_button a.link:hover::before {
    opacity: 1;
}

.name_button a.link::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-linear-gradient(156deg, #18d0f8, #18a7ef);
    background-image: -o-linear-gradient(156deg, #18d0f8, #18a7ef);
    background-image: -webkit-linear-gradient(204deg, #18d0f8, #18a7ef);
    background-image: -o-linear-gradient(204deg, #18d0f8, #18a7ef);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
    opacity: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.name_button a.link span {
    position: relative;
}

.doctor_info_poll {
    width: 100%;
    padding: 0 0 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
}

.doctor_info_poll .image {
    width: 95px;
}

.doctor_info_poll .image img {
    width: 100%;
    border-radius: 8px;
}

.doctor_info_poll .inner {
    width: calc(100% - 120px);
    width: auto;
    padding: 0 0 0 20px;
}

.doctor_info_poll h3 {
    padding: 0 0 4px;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: -0.01em;
    color: #469CDC;
}

.doctor_info_poll p {
    font-size: 16px;
    line-height: 1.5;
    color: #747474;
}

.poll_list {
    padding: 0 0 12px;
}

.poll_list article {
    margin: 0 0 8px;
    padding: 20px 20px 0;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #EAEBED;
    box-shadow: inset 0 0 0 1px #EAEBED;
    border-radius: 8px;
}

.poll_list article.alert {
    box-shadow: inset 0 0 0 1px #f00 !important;

}

.poll_list h4 {
    padding: 0 0 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.33;
    color: #222;
}

.poll_list .textarea textarea {
    display: block;
    width: 100%;
    height: 120px;
    border: none;
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #222;
    font-family: 'Gilroy';
    background-color: transparent;
    resize: none;
}

.poll_list .textarea textarea::-webkit-input-placeholder {
    color: rgba(34, 34, 34, 0.5);
}

.poll_list .textarea textarea:-ms-input-placeholder {
    color: rgba(34, 34, 34, 0.5);
}

.poll_list .textarea textarea::-ms-input-placeholder {
    color: rgba(34, 34, 34, 0.5);
}

.poll_list .textarea textarea::placeholder {
    color: rgba(34, 34, 34, 0.5);
}

.poll_list article.two_input {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: 12px 12px;
    padding: 0 0px;
    background-color: transparent;
    box-shadow: inset 0 0 0 0px #EAEBED;
}

.poll_list article.two_input input {
    display: block;
    width: 100%;
    height: 64px;
    padding: 0 16px;
    border: 1px solid #EAEBED;
    font-size: 16px;
    line-height: 1.5;
    color: rgb(34, 34, 34);
    font-family: Gilroy;
    background-color: #fff;
    border-radius: 8px;
}

.poll_list article.two_input input.alert {
    border-color: #f00 !important;
}


.radio_list label {
    display: inline-block;
    margin: 0 32px 20px 0;
    padding: 0 0 0 24px;
    user-select: none;
    cursor: pointer;
    position: relative;
}

.radio_list em {
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 1px #8b8b8b;
    box-shadow: inset 0 0 0 1px #8b8b8b;
    -webkit-transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.radio_list input {
    display: none;
}

.radio_list input:checked + em {
    -webkit-box-shadow: inset 0 0 0 4px #469CDC;
    box-shadow: inset 0 0 0 4px #469CDC;
}

.radio_list span {
    font-size: 16px;
    line-height: 1.5;
    color: #222;
}

.poll_button {
    text-align: right;
}

.poll_button a, .poll_button button {
    display: inline-block;
    height: 64px;
    padding: 0 40px;
    border: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 64px;
    color: #fff;
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#1DAEF8), to(#18A8F0));
    background: -webkit-linear-gradient(top, #1DAEF8 0%, #18A8F0 100%);
    background: -o-linear-gradient(top, #1DAEF8 0%, #18A8F0 100%);
    background: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);
    border-radius: 12px;
    cursor: pointer;
}


.success_text {
    padding: 0 0 20px;
}

.success_text span {
    display: block;
    padding: 12px 24px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #1fad00;
    cursor: pointer;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    -khtml-border-radius: 24px;
    border-radius: 24px;
}

.call_form {
    max-width: 480px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.call_form p {
    padding: 0 0 60px;
    font-size: 17px;
    line-height: 1.41;
    color: #404040;
}

.call_form .form {
    max-width: 430px;
    margin: 0 auto;
}

.call_form .form::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.call_form .form span {
    display: block;
    padding: 0 0 15px;
    font-size: 16px;
    color: #7c7c7c;
    text-align: left;
}

.call_form .form input {
    display: block;
    width: 100%;
    height: 58px;
    padding: 0 25px;
    border: 1px solid #c2c2c2;
    font-size: 16px;
    font-family: "Gilroy";
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    /* Firefox 19+ */
    /* Firefox 18- */
}

.call_form .form input::-webkit-input-placeholder {
    color: #7c7c7c;
}

.call_form .form input::-moz-placeholder {
    color: #7c7c7c;
}

.call_form .form input:-moz-placeholder {
    color: #7c7c7c;
}

.call_form .form input:-ms-input-placeholder {
    color: #7c7c7c;
}

.call_form .form input:focus {
    border-color: #e12b78;
    -webkit-box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
    box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
}

.call_form .form button {
    display: block;
    height: 58px;
    float: right;
    line-height: 58px;
    padding: 0 30px 0 67px;
    margin: 40px 0 0;
    border: none;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-image: -webkit-linear-gradient(162deg, #f0580f, #e21414);
    background-image: -o-linear-gradient(162deg, #f0580f, #e21414);
    background-image: -webkit-linear-gradient(198deg, #f0580f, #e21414);
    background-image: -o-linear-gradient(198deg, #f0580f, #e21414);
    background-image: linear-gradient(252deg, #f0580f, #e21414);
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.call_form .form button:hover {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}

.call_form .form button:hover::before {
    opacity: 1;
}

.call_form .form button:hover::after {
    -webkit-animation: shake 0.62s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.62s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -moz-transform: rotate(0deg);
    /* Для Firefox */
    -ms-transform: rotate(0deg);
    /* Для IE */
    -webkit-transform: rotate(0deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0deg);
    /* Для Opera */
    transform: rotate(0deg);
}

.call_form .form button::after {
    content: "";
    display: block;
    width: 18px;
    height: 17px;
    background: url(../img/phone_icon.svg) no-repeat 0 0;
    background-size: 18px 17px;
    position: absolute;
    top: calc(50% - 8px);
    left: 32px;
}

.call_form .form button::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-linear-gradient(162deg, #fd6820, #ee1616);
    background-image: -o-linear-gradient(162deg, #fd6820, #ee1616);
    background-image: -webkit-linear-gradient(198deg, #fd6820, #ee1616);
    background-image: -o-linear-gradient(198deg, #fd6820, #ee1616);
    background-image: linear-gradient(252deg, #fd6820, #ee1616);
    opacity: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.call_form .form button span {
    color: #fff;
    position: relative;
}

.simple_carousel.big figure {
    margin: 0 0 0 15px;
}

.simple_carousel.big figure:first-child {
    margin: 0;
}

.simple_carousel.big figure + figure {
    width: 100%;
    height: 100%;
}

.simple_carousel.big figure img {
    width: 100%;
}

.simple_carousel.big figure:first-child img {
    transform: translate(0, 0);
    top: 0;
}


.simple_carousel {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.simple_carousel::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto;
    border: 3px solid #e12b78;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    background: none !important;
    position: absolute;
    top: calc(50% - 32px) !important;
    left: calc(50% - 32px) !important;
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}

.simple_carousel figure {
    opacity: 0;
    height: 0;
}

.simple_carousel.show_me {
    height: auto;
    overflow: visible;
}

.simple_carousel.show_me figure {
    opacity: 1;
    height: auto;
}


.simple_carousel.big .flickity-button-icon {
    width: 20px;
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.simple_carousel.big .flickity-prev-next-button {
    display: block;
    width: 48px;
    height: 48px;
    background: rgba(21, 158, 227, 0.6);
    top: calc(50% - 24px);
}

.simple_carousel.big .flickity-prev-next-button.prev {
    left: 0;
}

.simple_carousel.big .flickity-prev-next-button.next {
    right: 0;
}

.simple_carousel figure {
    margin: 0 15px 0 0;
}

.simple_carousel figure.active img {
    -webkit-box-shadow: inset 0px 0px 0px 1px #e12b78;
    -moz-box-shadow: inset 0px 0px 0px 1px #e12b78;
    box-shadow: inset 0px 0px 0px 1px #e12b78;
}

.simple_carousel figure img {
    display: block;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

/* Flickity begin */
.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus {
    outline: none;
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.flickity-button {
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    border: none;
    color: #333;
}

.flickity-button:hover {
    background: white;
    cursor: pointer;
}

.flickity-button:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 5px #19F;
    box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
    opacity: 0.6;
}

.flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    pointer-events: none;
}

.flickity-button-icon {
    fill: #333;
}

.flickity-prev-next-button {
    display: none;
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots {
    direction: rtl;
}

.flickity-page-dots .dot {
    /*display: inline-block;*/
    display: none;
    width: 6px;
    height: 6px;
    margin: 0 8px;
    background: #e12b78;
    border-radius: 50%;
    opacity: 1;
    cursor: pointer;
    position: relative;
}

.flickity-page-dots .dot::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #e12b78;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.flickity-page-dots .dot.is-selected::after {
    width: 28px;
    border-radius: 6px;
}

/* Flickity end */
.doctors_grid > div {
    width: calc(100% + 22px);
    margin: 0 0 0 -22px;
}

.doctors_grid > div::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.doctors_grid section {
    padding: 0 0 30px;
}

.doctors_grid section h3 {
    padding: 0 0 0 22px;
}

.doctors_grid section h3 a {
    display: block;
    padding: 21px 60px 21px 35px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    background: #e12b78;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.doctors_grid section h3 a.active::after {
    -moz-transform: rotate(0deg);
    /* Для Firefox */
    -ms-transform: rotate(0deg);
    /* Для IE */
    -webkit-transform: rotate(0deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0deg);
    /* Для Opera */
    transform: rotate(0deg);
}

.doctors_grid section h3 a::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/nav_pt_white.svg) no-repeat 50%;
    background-size: 50%;
    position: absolute;
    top: calc(50% - 10px);
    right: 30px;
    -moz-transform: rotate(-90deg);
    /* Для Firefox */
    -ms-transform: rotate(-90deg);
    /* Для IE */
    -webkit-transform: rotate(-90deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-90deg);
    /* Для Opera */
    transform: rotate(-90deg);
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.doctors_grid section .inner {
    display: none;
}

.doctors_grid section .inner > div {
    padding: 50px 0 0;
}

.doctors_grid figure {
    display: inline-block;
    width: calc(20% - 25px);
    margin: 0 0 35px 22px;
    padding: 0 0 30px;
    vertical-align: top;
}

.doctors_grid figure:hover a.to_map {
    opacity: 1;
    -ms-transform: translate(0, 0);
    /* IE 9 */
    -webkit-transform: translate(0, 0);
    /* Safari */
    transform: translate(0, 0);
}

.doctors_grid figure a {
    text-decoration: none;
}

.doctors_grid figure .image {
    padding: 0 0 20px;
}

.doctors_grid figure .image a {
    display: block;
}

.doctors_grid figure .image img {
    display: block;
    width: 100%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.doctors_grid figure figcaption {
    position: relative;
}

.doctors_grid figure h4 {
    padding: 0 0 8px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #e12b78;
}

.doctors_grid figure p {
    text-align: center;
    color: #7c7c7c;
    font-size: 15px;
}

.doctors_grid figure a.to_map {
    display: block;
    width: 100%;
    font-size: 15px;
    text-align: center;
    color: #e12b78;
    text-decoration: none;
    position: absolute;
    left: 0;
    bottom: -30px;
    opacity: 0;
    -ms-transform: translate(0, -15px);
    /* IE 9 */
    -webkit-transform: translate(0, -15px);
    /* Safari */
    transform: translate(0, -15px);
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.doctors_grid figure a.to_map:hover span::before {
    -ms-transform: scale(1.5);
    /* IE 9 */
    -webkit-transform: scale(1.5);
    /* Safari */
    transform: scale(1.5);
}

.doctors_grid figure a.to_map:hover span::after {
    width: calc(100% - 34px);
    -ms-transform: translate(-36px, 0);
    /* IE 9 */
    -webkit-transform: translate(-36px, 0);
    /* Safari */
    transform: translate(-36px, 0);
}

.doctors_grid figure a.to_map span {
    display: inline-block;
    padding: 0 17px;
    position: relative;
}

.doctors_grid figure a.to_map span::before {
    content: "";
    display: block;
    width: 9px;
    height: 12px;
    background: url(../img/map_small_pt.svg) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    top: 1px;
    left: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.doctors_grid figure a.to_map span::after {
    content: "";
    display: block;
    width: 0px;
    height: 1px;
    background: #e12b78;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.current_doctor::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

aside.doctor_info {
    width: 300px;
    float: left;
}

aside.doctor_info .image {
    margin: 0 0 10px;
    border: 1px solid #dfdfdf;
    background: #fff;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-size: 0;
}

aside.doctor_info .image img {
    display: block;
    width: 100%;
}

aside.doctor_info .inner {
    border: 1px solid #dfdfdf;
    background: #fff;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

aside.doctor_info .info {
    padding: 20px 10px;
    border-bottom: 1px solid #dfdfdf;
}

aside.doctor_info .info h3 {
    padding: 0 0 0px;
    font-size: 22px;
    font-weight: bold;
    color: #e12b78;
}

aside.doctor_info .info p {
    padding: 0 0 5px;
    font-size: 17px;
    color: #404040;
}

aside.doctor_info dl {
    padding: 24px 10px 10px;
}

aside.doctor_info dl dt {
    padding: 0 0 10px 24px;
    font-size: 15px;
    font-weight: bold;
    color: #404040;
}

aside.doctor_info dl dd {
    padding: 0 0 30px;
    font-size: 15px;
    line-height: 1.33;
    color: #404040;
}

aside.doctor_info dl dd a {
    display: inline-block;
    color: #000;
    text-decoration: none;
    position: relative;
}

aside.doctor_info dl dd a:hover {
    text-decoration: underline;
}

aside.doctor_info dl dt.phone {
    background: url(../img/phone_pink_icon.svg) no-repeat 0 0px;
    background-size: 16px;
}

aside.doctor_info dl dt.email {
    background: url(../img/email_black_icon.svg) no-repeat 0 0px;
    background-size: 16px;
}

aside.doctor_info .link {
    margin: 0 0 10px;
}

aside.doctor_info .link a {
    display: block;
    height: 48px;
    padding: 0 30px;
    border: none;
    font-size: 16px;
    line-height: 48px;
    font-family: "Gilroy";
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    background-image: -webkit-linear-gradient(257deg, #00af1d, #048202);
    background-image: -o-linear-gradient(257deg, #00af1d, #048202);
    background-image: -webkit-linear-gradient(257deg, #00af1d, #048202);
    background-image: -o-linear-gradient(257deg, #00af1d, #048202);
    background-image: linear-gradient(257deg, #00af1d, #048202);
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.content_side {
    width: calc(100% - 320px);
    float: right;
    border: 1px solid #dfdfdf;
    background: #fff;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.content_side article h2 {
    padding: 20px 40px;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    background: #e12b78;
}

.content_side article .inner {
    padding: 40px 40px 30px;
    font-size: 15px;
    line-height: 1.18;
    color: #404040;
}

.content_side article .inner p {
    padding: 0 0 12px;
}

.content_side article .inner strong {
    font-weight: bold;
}

.content_side article .inner ul {
    padding: 0 0 25px;
    line-height: 1.6;
}

.content_side article .inner ul li {
    padding: 0 0 15px 20px;
    position: relative;
}

.content_side article .inner ul li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    border: 2px solid #e12b78;
    position: absolute;
    top: 7px;
    left: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.content_side article .inner ol {
    counter-reset: section;
}

.content_side article .inner ol li {
    padding: 0 0 10px 25px;
    position: relative;
}

.content_side article .inner ol li::before {
    counter-increment: section;
    content: counter(section) ".";
    display: block;
    color: #e12b78;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.working_hours {
    padding: 0px 0;
    border-bottom: 1px solid rgb(223, 223, 223);
}

.working_hours li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
    padding: 12px 10px;
}

.working_hours li:nth-child(2n) {

}

.working_hours strong {
    display: inline-block;
    width: 50%;
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    color: #333;
}

.working_hours span {
    display: inline-block;
    width: 45%;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
    color: #555;
}

.laboratories_grid {
    padding: 50px 0 0;
}

.laboratories_grid h3 {
    padding: 0 0 50px;
    font-size: 17px;
    font-weight: 500;
    color: #404040;
}

.laboratories_grid .grid::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.laboratories_grid .grid figure {
    width: calc(25% - 24px);
    margin: 0 0 40px 32px;
    float: left;
}

.laboratories_grid .grid figure:nth-child(4n-3) {
    margin: 0 0 40px;
}

.laboratories_grid .grid figure:nth-child(4n+1) {
    clear: left;
}

.laboratories_grid .grid figure .image {
    height: 110px;
    padding: 0;
    margin: 0 0 16px;
    background: #fff;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 0px 1px #e5e5e5;
    -moz-box-shadow: 0px 0px 0px 1px #e5e5e5;
    box-shadow: 0px 0px 0px 1px #e5e5e5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.laboratories_grid .grid figure .image img {
    width: auto;
    max-width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.laboratories_grid .grid figure figcaption {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.33;
    text-align: center;
    color: #404040;
}

.articles_grid > div {
    width: calc(100% + 25px);
    margin: 0 0 0 -25px;
}

.articles_grid > div::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.articles_grid article {
    width: calc(33.33% - 25px);
    float: left;
    margin: 0 0 60px 25px;
}

.articles_grid article:nth-child(3n-2) {
    clear: left;
}

.articles_grid article .image {
    padding: 0 0 15px;
}

.articles_grid article .image a {
    display: block;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.articles_grid article .image a:hover img {
    -ms-transform: scale(1.05);
    /* IE 9 */
    -webkit-transform: scale(1.05);
    /* Safari */
    transform: scale(1.05);
}

.articles_grid article .image a img {
    display: block;
    width: 100%;
    -webkit-animation-duration: 0.45s;
    -webkit-transition: all 0.45s linear;
    -moz-animation-duration: 0.45s;
    -moz-transition: all 0.45s linear;
    animation-duration: 0.45s;
    -o-transition: all 0.45s linear;
    transition: all 0.45s linear;
}

.articles_grid article h3 {
    padding: 0 0 15px;
    font-size: 17px;
    line-height: 1.41;
    font-weight: 500;
}

.articles_grid article h3 a {
    color: #404040;
    text-decoration: none;
}

.articles_grid article h3 a:hover {
    text-decoration: underline;
}

.articles_grid article p {
    font-size: 14px;
    line-height: 1.57;
    font-weight: 500;
    color: #7c7c7c;
}

.package_list {
    max-width: 800px;
    margin: 0 auto;
}

.package_list::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.package_list > div {
    width: calc(100% + 32px);
    margin: 0 0 0 -32px;
}

.package_list > div::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.package_list > div > div {
    width: calc(50% - 32px);
    float: left;
    margin: 0 0 100px 32px;
    position: relative;
}

.package_list > div > div > a {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 0px 1px #cbcbcb;
    -moz-box-shadow: 0px 0px 0px 1px #cbcbcb;
    box-shadow: 0px 0px 0px 1px #cbcbcb;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.package_list > div > div > a:hover {
    -webkit-box-shadow: 0px 0px 1px 1px #cbcbcb;
    -moz-box-shadow: 0px 0px 1px 1px #cbcbcb;
    box-shadow: 0px 0px 1px 1px #cbcbcb;
}

.package_list > div > div > a:hover::after {
    opacity: 0;
}

.package_list > div > div > a::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #e12b78;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.15;
    -webkit-animation-duration: 0.6s;
    -webkit-transition: all 0.6s linear;
    -moz-animation-duration: 0.6s;
    -moz-transition: all 0.6s linear;
    animation-duration: 0.6s;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.package_list > div > div > a::before {
    content: "";
    display: none;
    width: 100%;
    height: 122px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,93d1f0+34,47b2e8+63,47b2e8+100&0+0,0.45+34,0.78+63,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(147, 209, 240, 0.45) 34%, rgba(71, 178, 232, 0.78) 63%, #47b2e8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(147, 209, 240, 0.45) 34%, rgba(71, 178, 232, 0.78) 63%, #47b2e8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(34%, rgba(147, 209, 240, 0.45)), color-stop(63%, rgba(71, 178, 232, 0.78)), to(#47b2e8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(147, 209, 240, 0.45) 34%, rgba(71, 178, 232, 0.78) 63%, #47b2e8 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(147, 209, 240, 0.45) 34%, rgba(71, 178, 232, 0.78) 63%, #47b2e8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#47b2e8', GradientType=0);
    /* IE6-9 */
}

.package_list > div > div > a img {
    display: block;
    width: 100%;
}

.package_list > div > div > a img + img {
    display: block;
    opacity: 0;
    display: block;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: scale(1) translate(-50%, -50%);
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -webkit-animation-duration: 0.6s;
    -webkit-transition: all 0.6s linear;
    -moz-animation-duration: 0.6s;
    -moz-transition: all 0.6s linear;
    animation-duration: 0.6s;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.package_list > div > div > a img:first-child {
    -webkit-animation-duration: 0.6s;
    -webkit-transition: all 0.6s linear;
    -moz-animation-duration: 0.6s;
    -moz-transition: all 0.6s linear;
    animation-duration: 0.6s;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.package_list > div > div > a img.empty {
    width: 100%;
    position: static;
    top: 0;
    left: 0;
}

.package_list > div > div > a span {
    display: block;
    width: 100%;
    padding: 0 0;
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    color: #e12b78;
    font-size: 24px;
    font-weight: 500;
    z-index: 1;
}

.package_list > div > div p {
    display: block;
    width: 100%;
    padding: 0 0;
    position: absolute;
    top: calc(100% + 25px);
    left: 0;
    font-size: 24px;
    font-weight: bold;
    z-index: 1;
}

.package_list > div > div p a {
    color: #000;
    text-decoration: none;
}

.similar_packages {
    padding: 45px 0 0;
}

.similar_packages h3 {
    padding: 0 0 40px;
    text-align: center;
    font-size: 26px;
    font-weight: normal;
    color: #404040;
}

.similar_packages > div {
    width: calc(100% + 25px);
    margin: 0 0 70px -25px;
    position: relative;
}

.similar_packages > div::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.similar_packages > div > div {
    width: calc(33.333% - 25px);
    float: left;
    margin: 0 0 0 25px;
    position: relative;
}

.similar_packages > div > div > a {
    display: block;
    position: relative;
    overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.similar_packages > div > div > a:hover img {
    -ms-transform: scale(1.02);
    /* IE 9 */
    -webkit-transform: scale(1.02);
    /* Safari */
    transform: scale(1.02);
}

.similar_packages > div > div > a:hover::after {
    opacity: 0;
}

.similar_packages > div > div > a::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #e12b78;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.15;
    -webkit-animation-duration: 0.6s;
    -webkit-transition: all 0.6s linear;
    -moz-animation-duration: 0.6s;
    -moz-transition: all 0.6s linear;
    animation-duration: 0.6s;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.similar_packages > div > div > a img {
    display: block;
    width: 100%;
    -webkit-animation-duration: 0.6s;
    -webkit-transition: all 0.6s linear;
    -moz-animation-duration: 0.6s;
    -moz-transition: all 0.6s linear;
    animation-duration: 0.6s;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.similar_packages > div > div > a span {
    display: none;
    width: 100%;
    padding: 16px 16px;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    z-index: 1;
}

.similar_packages > div > div p {
    display: block;
    width: 100%;
    padding: 0 0;
    position: absolute;
    top: calc(100% + 17px);
    left: 0;
    font-size: 18px;
    line-height: 1.56;
    font-weight: bold;
    z-index: 1;
}

.similar_packages > div > div p a {
    color: #000;
    text-decoration: none;
}


.anket_block h2 {
    padding: 0 0 40px;
    text-align: center;
    font-size: 24px;
    line-height: 1.08;
    color: #404040;
}

.anket_form {

}

.check_list {
    padding: 0 0 120px;
}

.check_list .item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #000000;
}

.check_list .item p {
    font-size: 20px;
    font-weight: 500;
    color: #e12b78;
}

.checkboxes ul li {
    display: inline-block;
    margin: 0 0 0 15px;
}

.checkboxes ul {
    white-space: nowrap;
}

.checkboxes label {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    cursor: pointer;
}

.checkboxes label input {
    display: none;
}

.checkboxes label span {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
    width: 50px;
    height: 50px;
    border: solid 1px #e2e2e2;
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    background: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.checkboxes label input:checked + span {
    color: #fff;
    background: #e12b78;
    border: solid 1px #e12b78;
}

.anket_fields {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
}

.anket_fields .inputs {
    width: calc(50% - 14px);
}

.anket_fields .inputs .input {
    padding: 0 0 25px;
}

.anket_fields .inputs .input:last-child {
    padding: 0;
}

.anket_fields .inputs .input input {
    display: block;
    width: 100%;
    height: 58px;
    padding: 0 28px;
    border: 1px solid #c2c2c2;
    font-family: 'Gilroy';
    font-size: 16px;
    color: #000;
    border-radius: 4px;
}

.anket_fields .inputs .input input::-webkit-input-placeholder {
    color: #7c7c7c;
}

.anket_fields .inputs .input input::-moz-placeholder {
    color: #7c7c7c;
}

.anket_fields .inputs .input input:-moz-placeholder {
    color: #7c7c7c;
}

.anket_fields .inputs .input input:-ms-input-placeholder {
    color: #7c7c7c;
}

.anket_fields .inputs .input input:focus {
    border-color: #e12b78;
}

.anket_fields .inputs .input input:focus::-webkit-input-placeholder {
    color: #e12b78;
}

.anket_fields .inputs .input input:focus::-moz-placeholder {
    color: #e12b78;
}

.anket_fields .inputs .input input:focus:-moz-placeholder {
    color: #e12b78;
}

.anket_fields .inputs .input input:focus:-ms-input-placeholder {
    color: #e12b78;
}

.anket_fields .textarea {
    width: calc(50% - 14px);
}

.anket_fields .textarea {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: stretch;
}

.anket_fields .textarea textarea {
    display: block;
    width: 100%;
    padding: 20px 28px;
    border: 1px solid #c2c2c2;
    font-family: 'Gilroy';
    font-size: 16px;
    color: #000;
    border-radius: 4px;
}

.anket_fields .textarea textarea::-webkit-input-placeholder {
    color: #7c7c7c;
}

.anket_fields .textarea textarea::-moz-placeholder {
    color: #7c7c7c;
}

.anket_fields .textarea textarea:-moz-placeholder {
    color: #7c7c7c;
}

.anket_fields .textarea textarea:-ms-input-placeholder {
    color: #7c7c7c;
}

.anket_fields .textarea textarea:focus {
    border-color: #e12b78;
}

.anket_fields .textarea textarea:focus::-webkit-input-placeholder {
    color: #e12b78;
}

.anket_fields .textarea textarea:focus::-moz-placeholder {
    color: #e12b78;
}

.anket_fields .textarea textarea:focus:-moz-placeholder {
    color: #e12b78;
}

.anket_fields .textarea textarea:focus:-ms-input-placeholder {
    color: #e12b78;
}

.anket_form .submit {
    padding: 30px 0 0;
    text-align: right;
}

.anket_form .submit button, .anket_form .submit a {
    display: inline-block;
    height: 58px;
    line-height: 58px;
    padding: 0 30px;
    border: none;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    background-image: -webkit-linear-gradient(156deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(156deg, #0fc8f0, #149de2);
    background-image: -webkit-linear-gradient(204deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(204deg, #0fc8f0, #149de2);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.anket_form .submit button:hover, .anket_form .submit a:hover {
    background-image: -webkit-linear-gradient(156deg, #18d0f8, #18a7ef);
    background-image: -o-linear-gradient(156deg, #18d0f8, #18a7ef);
    background-image: -webkit-linear-gradient(204deg, #18d0f8, #18a7ef);
    background-image: -o-linear-gradient(204deg, #18d0f8, #18a7ef);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}

/* Inner end */
/* Aside nav begin */
.emul_grid {
    /*
  -webkit-column-count: 2;
  -webkit-column-gap: 5px;
  -moz-column-count: 2;
  -moz-column-gap: 5px;
  -moz-column-fill: auto;
  column-count: 2;
  column-gap: 5px;
  column-fill: auto;
  */
}

aside#aside_nav {
    width: 665px;
    height: 100%;
    font-size: 0;
    background: #e12b78;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0px;
    z-index: 3;
    -webkit-box-shadow: 0px 0 0px 0 rgba(0, 0, 0, 0);
    box-shadow: 0px 0 0px 0 rgba(0, 0, 0, 0);
    -webkit-clip-path: ellipse(100% 50% at 200% 50%);
    clip-path: ellipse(100% 50% at 200% 50%);
    -webkit-animation-duration: 0.45s;
    -webkit-transition: all 0.45s linear;
    -moz-animation-duration: 0.45s;
    -moz-transition: all 0.45s linear;
    animation-duration: 0.45s;
    -o-transition: all 0.45s linear;
    transition: all 0.45s linear;
    visibility: hidden;
    opacity: 1;
    z-index: 0;
}

aside#aside_nav.show_me {
    right: 0;
    -webkit-box-shadow: -20px 0 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: -20px 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-clip-path: ellipse(110% 200% at 100% 50%);
    clip-path: ellipse(110% 200% at 100% 50%);
}

aside#aside_nav.show_me.show_second {
    visibility: visible;
    opacity: 1;
    z-index: 3;
}

aside#aside_nav > div {
    padding: 130px 0px 0 60px;
}

aside#aside_nav > div > div {
    height: calc(100vh - 150px);
    overflow-y: auto;
    position: relative;
}

aside#aside_nav > div > div::-webkit-scrollbar-button {
    background-image: url("");
    background-repeat: no-repeat;
    width: 5px;
    height: 0px;
}

aside#aside_nav > div > div::-webkit-scrollbar-track {
    background-color: #0fc8f0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

aside#aside_nav > div > div::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

aside#aside_nav > div > div::-webkit-scrollbar-thumb:hover {
    background-color: #fff;
}

aside#aside_nav > div > div::-webkit-resizer {
    background-image: url("");
    background-repeat: no-repeat;
    width: 4px;
    height: 0px;
}

aside#aside_nav > div > div::-webkit-scrollbar {
    width: 4px;
}

aside#aside_nav section {
    display: inline-block;
    width: calc(50% - 10px);
    padding: 0 0 45px;
    margin: 0 5px;
    vertical-align: top;
}

aside#aside_nav section h3 {
    padding: 0 0 30px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

aside#aside_nav section h3:last-child {
    padding: 0;
}

aside#aside_nav section h3 a {
    color: #fff;
    text-decoration: none;
    position: relative;
}

aside#aside_nav section h3 a:hover::before {
    width: 100%;
}

aside#aside_nav section h3 a::before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

aside#aside_nav section p {
    padding: 0 0 30px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

aside#aside_nav section p:last-child {
    padding: 0;
}

aside#aside_nav section p a {
    color: #fff;
    text-decoration: none;
    position: relative;
}

aside#aside_nav section p a:hover::before {
    width: 100%;
}

aside#aside_nav section p a::before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

aside#aside_nav section ul li {
    padding: 0 0 18px;
}

aside#aside_nav section ul li:last-child {
    padding: 0;
}

aside#aside_nav section ul li a {
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    position: relative;
}

aside#aside_nav section ul li a:hover::before {
    width: 100%;
}

aside#aside_nav section ul li a::before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

@supports (-ms-ime-align: auto) {
    aside#aside_nav {
        right: -520px;
    }

    aside#aside_nav.show_me {
        right: 0;
    }
}

/* Aside nav end */
/* Footer begin */
footer#footer {
    width: 100%;
    height: 55px;
    position: absolute;
    left: 0;
    bottom: 0;
}

footer#footer.index .social_links {
    float: left;
}

footer#footer.index .social_links span {
    color: rgba(255, 255, 255, 0.6);
}

footer#footer.index .social_links a:hover svg path {
    fill: #fff;
}

footer#footer > div {
    margin: 0 auto;
    padding: 0 40px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.left_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.left_footer .copyright p {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}

.social_links {
    float: left;
}

.social_links span {
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    vertical-align: top;
}

.social_links a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 4px;
    text-align: center;
    position: relative;
    font-size: 0;
    line-height: 24px;
    vertical-align: top;
}

.social_links a img, .social_links a svg {
    vertical-align: middle;
}

.social_links a img path, .social_links a svg path {
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.social_links a:hover svg path {
    fill: #e12b78;
}

.jis {
    float: left;
    padding: 0 0 0 25px;
}

.jis a {
    display: inline-block;
    color: #000000;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

.jis a span {
    display: inline-block;
    width: 18px;
    height: 17px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    /*background: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAARABIDASIAAhEBAxEB/8QAGAABAAMBAAAAAAAAAAAAAAAAAAECBgj/xAAmEAABAgYCAQQDAAAAAAAAAAACAQMABAUGERIHIRMUIjFBUVKR/8QAGAEAAgMAAAAAAAAAAAAAAAAAAQYCBQj/xAAgEQABBAEEAwAAAAAAAAAAAAABAAIDEQQFEiFBIlFh/9oADAMBAAIRAxEAPwDacgXZUadfNnWnRH5YJ6rznkm0fb3T0You6D+DXBKi561+4m5Ltn6Jy7btvzbkqFDrcm6DCaL5vVifXu/TGqY67L5WMtz9YV41mu0m87Cm8VqmNo2kuryNrkTUhdb2XQiwRgol0qFGZsmyOW7u5Epd1cmklPlaS4Bsti4AGaAW/iFtpddSNBUiLv2pj6jP+Jgae/DZkPlYAGPDgT57zdUO64o/D7TfJNMJSwNPJFHql0SmcfK/2EMovaqmYQmqzUrCEICCunxCEIigv//ZCg==) no-repeat 0 0; */
    background: url('../img/jis.svg') no-repeat 50%;
    background-size: contain;

}

a.scroll_up {
    display: none;
    opacity: 0;
    visibility: hidden;
    width: 56px;
    height: 56px;
    overflow: hidden;
    background: #e12b78;
    position: fixed;
    right: 40px;
    bottom: 20px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

a.scroll_up:hover span {
    top: -100%;
}

a.scroll_up:hover span + span {
    top: 0;
}

a.scroll_up.show_me {
    opacity: 1;
    visibility: visible;
}

a.scroll_up span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

a.scroll_up span + span {
    top: 100%;
}

a.scroll_up span::before {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: calc(50% - 1px);
    left: 11px;
    -moz-transform: rotate(-45deg);
    /* Для Firefox */
    -ms-transform: rotate(-45deg);
    /* Для IE */
    -webkit-transform: rotate(-45deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-45deg);
    /* Для Opera */
    transform: rotate(-45deg);
}

a.scroll_up span::after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: calc(50% - 1px);
    right: 11px;
    -moz-transform: rotate(45deg);
    /* Для Firefox */
    -ms-transform: rotate(45deg);
    /* Для IE */
    -webkit-transform: rotate(45deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg);
    /* Для Opera */
    transform: rotate(45deg);
}

/* Footer end */
/* Another begin */
.u_preloader {
    overflow: hidden;
    position: relative;
    line-height: 100500px !important;
}

.u_preloader::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 32px !important;
    height: 32px !important;
    margin: 0 auto;
    border: 3px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    background: none !important;
    position: absolute;
    top: calc(50% - 16px) !important;
    left: calc(50% - 16px) !important;
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}

.universal_success {
    text-align: center;
    padding: 0 0 20px;
}

.universal_success h3 {
    padding: 0 0 20px;
    font-size: 28px;
    line-height: 36px;
    color: #00911b;
    font-weight: 500;
}

.universal_success p {
    padding: 0 0 30px;
    font-size: 18px;
    line-height: 24px;
    color: #777;
}

.universal_success .back {
    padding: 0 0 30px;
}

.universal_success .back a {
    display: inline-block;
    padding: 0 0 0 25px;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    color: #e12b78;
    position: relative;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.universal_success .back a:hover {
    -ms-transform: translate(-10px, 0);
    /* IE 9 */
    -webkit-transform: translate(-10px, 0);
    /* Safari */
    transform: translate(-10px, 0);
}

.universal_success .back a:hover::before {
    -ms-transform: translate(-10px, 0);
    /* IE 9 */
    -webkit-transform: translate(-10px, 0);
    /* Safari */
    transform: translate(-10px, 0);
}

.universal_success .back a::before {
    content: "";
    display: block;
    width: 18px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/arrow_back_pink.svg) no-repeat 0 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.form_success {
    color: #00911b;
    font-size: 28px;
    line-height: 36px;
    color: #00911b;
    font-weight: 500;
    text-align: center;
}

.form_success span {
    display: none !important;
    color: #00911b !important;
    font-size: 28px !important;
    line-height: 36px;
    color: #00911b !important;
    font-weight: 500;
    text-align: center !important;
}

.form_success strong {
    display: block;
    font-family: 'Gilroy';
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    color: #404040;
}

.form_success .back {
    padding: 30px 0 30px;
}

.form_success .back a {
    display: inline-block;
    padding: 0 0 0 25px;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    color: #e12b78;
    position: relative;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.form_success .back a:hover {
    -ms-transform: translate(-10px, 0);
    /* IE 9 */
    -webkit-transform: translate(-10px, 0);
    /* Safari */
    transform: translate(-10px, 0);
}

.form_success .back a:hover::before {
    -ms-transform: translate(-10px, 0);
    /* IE 9 */
    -webkit-transform: translate(-10px, 0);
    /* Safari */
    transform: translate(-10px, 0);
}

.form_success .back a::before {
    content: "";
    display: block;
    width: 18px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/arrow_back_pink.svg) no-repeat 0 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.go_back {
    padding: 10px 0 0;
    position: absolute;
    top: 0;
    z-index: 2;
}

.go_back a {
    display: inline-block;
    padding: 0 0 0 25px;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    color: #e12b78;
    position: relative;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.go_back a:hover::before {
    -ms-transform: translate(-5px, 0);
    /* IE 9 */
    -webkit-transform: translate(-5px, 0);
    /* Safari */
    transform: translate(-5px, 0);
}

.go_back a::before {
    content: "";
    display: block;
    width: 18px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/arrow_back_pink.svg) no-repeat 0 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/* Another end */
/* New analiz begin */

.pdf_inline {
    position: relative;
}

.pdf_inline embed {
    height: calc(100vh - 120px);
}

.pdf_inline iframe {
    height: calc(100vh - 120px);
}

.pdf_inline .link {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, .5);
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEgMTN2MTBoLTIxdi0xOWgxMnYyaC0xMHYxNWgxN3YtOGgyem0zLTEyaC0xMC45ODhsNC4wMzUgNC02Ljk3NyA3LjA3IDIuODI4IDIuODI4IDYuOTc3LTcuMDcgNC4xMjUgNC4xNzJ2LTExeiIvPjwvc3ZnPg==);

    background-size: 70%;
    position: absolute;
    left: calc(100% + 8px);
    top: 0;

}

.analiz_search {
    padding: 0 0 20px;
}

.analiz_search::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.analiz_search .form {
    width: 36%;
    float: left;
}

.another_link {
    float: left;
    padding: 0 0 0 24px;
}

.another_link a {
    display: inline-block;
    line-height: 58px;
    font-size: 16px;
    text-decoration: none;
    color: #e12b78;
}

.another_link a + a {
    margin: 0 0 0 20px;
}

.analiz_search .link {
    float: right;
}

.analiz_search .link a {

}

.analiz_search .link a {
    display: block;
    height: 58px;
    line-height: 58px;
    padding: 0 30px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    background-image: -webkit-linear-gradient(156deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(156deg, #0fc8f0, #149de2);
    background-image: -webkit-linear-gradient(204deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(204deg, #0fc8f0, #149de2);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.analiz_search .link a:hover {
    background-image: -webkit-linear-gradient(156deg, #18d0f8, #18a7ef);
    background-image: -o-linear-gradient(156deg, #18d0f8, #18a7ef);
    background-image: -webkit-linear-gradient(204deg, #18d0f8, #18a7ef);
    background-image: -o-linear-gradient(204deg, #18d0f8, #18a7ef);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}

.analiz_search input {
    display: block;
    width: 100%;
    height: 58px;
    padding: 0 50px 0 30px;
    border: 1px solid #c2c2c2;
    font-size: 17px;
    color: #000;
    font-family: "Gilroy";
    background: #fff url(../img/search_icon.svg) no-repeat calc(100% - 30px) 50%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.analiz_search input::-webkit-input-placeholder {
    color: #c2c2c2;
}

.analiz_search input::-moz-placeholder {
    color: #c2c2c2;
}

.analiz_search input:-moz-placeholder {
    color: #c2c2c2;
}

.analiz_search input:-ms-input-placeholder {
    color: #c2c2c2;
}

.analiz_search input:focus {
    color: #e12b78;
    border-color: #e12b78;
}

.analiz_search button {
    display: none;
}

.analiz_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}

.analiz_wrapper.preloader {
    height: calc(100vh - 320px);
}

.analiz_wrapper.preloader > div {
    opacity: 0;
    visibility: hidden;
}

.analiz_wrapper.preloader::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto;
    border: 3px solid #e12b78;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    background: none !important;
    position: absolute;
    top: calc(50% - 32px) !important;
    left: calc(50% - 32px) !important;
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}
.analiz_wrapper .wrap_category  img{
    filter: brightness(0) saturate(100%) invert(41%) sepia(66%) saturate(586%) hue-rotate(307deg) brightness(96%) contrast(91%);
}
.analiz_left {
    width: 36%;
    float: left;
    background: #fff;
    overflow-y: auto;
    -webkit-box-shadow: 0px 0px 0px 1px gainsboro;
    -moz-box-shadow: 0px 0px 0px 1px gainsboro;
    box-shadow: 0px 0px 0px 1px gainsboro;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -khtml-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}

.hint {
    width: 20px;
    height: 20px;
    margin: 0 0 0 6px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: bottom;
}

.hint:hover::before {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hint:hover span {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    transform: translate(0, 0px);
}

.hint::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    background: url(../img/plane_icon.svg) no-repeat 0 0;
    background-size: contain;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.hint span {
    display: block;
    width: 240px;
    padding: 8px 12px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
    height: auto;
    background: #e12b78;
    position: absolute;
    left: -110px;
    bottom: 28px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, -14px);
    -ms-transform: translate(0, -14px);
    transform: translate(0, -14px);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.hint span::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #e12b78 transparent transparent transparent;
    position: absolute;
    left: calc(50% - 6px);
    bottom: -6px;
}

.wrap_category > h2 {
    border-bottom: 1px solid #000000;
    font-size: 26px;
}

.wrap_category > h2 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 29px 40px 31px 25px;
    font-size: 20px;
    font-weight: bold;
    color: #e12b78;
    text-decoration: none;
    position: relative;
}

.wrap_category > h2 a.active::after {
    -moz-transform: rotate(-180deg);
    /* Для Firefox */
    -ms-transform: rotate(-180deg);
    /* Для IE */
    -webkit-transform: rotate(-180deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-180deg);
    /* Для Opera */
    transform: rotate(-180deg);
}

.wrap_category > h2 a::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5.5px 0 5.5px;
    border-color: #e12b78 transparent transparent transparent;
    position: absolute;
    top: calc(50% - 3px);
    right: 25px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.wrap_category > h2 a span {
    padding: 0 0 0 24px;
}

.wrap_category .inner {
    display: none;
}

.wrap_category .inner > .wrap_article {
    padding: 0 0 0 60px;
}

.wrap_category .inner > .wrap_article:last-child {
    border: none;
}

.wrap_category .inner > .wrap_article > h3 > a {
    display: block;
    padding: 20px 40px 20px 20px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.35;
    color: #404040;
    text-decoration: none;
    position: relative;
}

.wrap_category .inner > .wrap_article > h3 > a > img {
    height: 24px;
    max-width: 24px;
    position: absolute;
    left: -12px;
    top: calc(50% - 14px);
}

.wrap_category .inner > .wrap_article > h3 > a.active {
    color: #e12b78;
    font-weight: 600;
}

.wrap_category .inner > .wrap_article > h3 > a.active::after {
    border-color: #e12b78 transparent transparent transparent;
    -moz-transform: rotate(-180deg);
    /* Для Firefox */
    -ms-transform: rotate(-180deg);
    /* Для IE */
    -webkit-transform: rotate(-180deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-180deg);
    /* Для Opera */
    transform: rotate(-180deg);
}

.wrap_category .inner > .wrap_article > h3 > a::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5.5px 0 5.5px;
    border-color: #5a5a5a transparent transparent transparent;
    position: absolute;
    top: calc(50% - 3px);
    right: 25px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.wrap_category .inner > .wrap_article > div {
    display: none;
}

.wrap_category .inner > .wrap_article > div.active {
    display: flex;
}

.wrap_category .inner > .wrap_article > div > ul {
    padding: 0 0 18px;
}

.wrap_category .inner > .wrap_article > div > ul > li {
    padding: 12px 25px 12px 55px;
}

.wrap_category .inner > .wrap_article > div > ul > li > a {
    font-size: 17px;
    font-weight: 500;
    color: #404040;
    text-decoration: none;
    position: relative;
}

.wrap_category .inner > .wrap_article > div > ul > li > a::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #404040;
    position: absolute;
    top: calc(50% - 2px);
    left: -25px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.wrap_category .inner > .wrap_article > div > ul > li > a:hover, .wrap_category .inner > .wrap_article > div > ul > li > a.active {
    color: #e12b78;
}

.wrap_category .inner > .wrap_article > div > ul > li > a:hover::before, .wrap_category .inner > .wrap_article > div > ul > li > a.active::before {
    background: #e12b78;
}

.wrap_category .inner > .wrap_article > div > ul > li div {
    display: none;
}

.flying_link {
    position: fixed;
    right: 140px;
    bottom: 70px;
}

.flying_link a {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff url(../img/single_link_icon_pink.svg?v=3) no-repeat 50%;
    background-size: 40%;
    position: relative;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.flying_link a:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
}

.fling_chat {
    position: fixed;
    right: 85px;
    bottom: 70px;
}

.fling_chat a {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff url(../img/faq_icon_pink.svg?v=3) no-repeat 50%;
    background-size: 55%;
    position: relative;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.fling_chat a:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
}

.flying_basket {
    position: fixed;
    right: 27px;
    bottom: 135px;
}

.flying_basket a {
    display: inline-block;
    height: 50px;
    padding: 0 20px 0 50px;
    font-weight: 500;
    font-size: 14px;
    line-height: 50px;
    color: #e12b78;
    text-decoration: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 20px 50%;
    background-image: url(../img/basket_pink_icon.svg);
    border-radius: 25px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.flying_basket strong {
    font-weight: 600;
}

.inner .flying_basket a {
    padding: 0;
    width: 50px;
    font-size: 0;
    background-position: 50%;
    position: relative;
}

.inner .flying_basket em {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #fe340c;
    position: absolute;
    right: -2px;
    top: -2px;
    border-radius: 50%;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}


.flying_block {
    font-size: 0;
    position: fixed;
    right: 200px;
    bottom: 70px;
    z-index: 1;
}

.flying_block * {
    box-sizing: border-box;
}

.flying_button {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../img/phone_pink_icon.svg?v=4);
    background-size: 30px !important;
    box-shadow: 0px 45px 18px rgba(0, 0, 0, 0.01), 0px 25px 15px rgba(0, 0, 0, 0.05), 0px 11px 11px rgba(0, 0, 0, 0.09), 0px 3px 6px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    overflow: hidden;
    transform: scale(1);
    animation: _zoom_op 1s infinite linear;

}

.flying_button::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../img/close_gray_icon.svg);
    border-radius: 50%;
    position: relative;
    opacity: 0;
}

.backcall_block {
    width: 340px;
    max-width: calc(100vw - 60px);
    height: auto;
    padding: 24px;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 60px;
    box-shadow: 0px 45px 18px rgba(0, 0, 0, 0.01), 0px 25px 15px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    opacity: 0;
    visibility: hidden;
    transform: translate(0, -8px);
    transition: 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.backcall_block.show_me {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
}

.backcall_block.show_me + .flying_button::before {
    opacity: 1;
}

.backcall_block h2, .backcall_block strong {
    display: block;
    padding: 0 0 24px;
    font-size: 20px;
    line-height: 1.4;
    color: #2E3442;
}

.backcall_block .input {
    margin: 0 0 16px;
}

.backcall_block p {
    padding: 0 0 4px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.25px;
    color: #2E3442;
}

.backcall_block input {
    display: block;
    width: 100%;
    height: 48px;
    border: 1px solid #D1D3DE;
    padding: 0 14px;
    font-size: 16px;
    color: #2E3442;
    border-radius: 4px;
    transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.backcall_block input:focus {
    border-color: rgba(0, 0, 0, 0.4);
}

.backcall_block .button a, .backcall_block .button button {
    display: block;
    width: 100%;
    height: 52px;
    padding: 0 24px;
    border: none;
    font-size: 16px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(rgb(15, 200, 240) 0%, rgb(20, 157, 226) 100%);
    border-radius: 8px;
    cursor: pointer;
}

.backcall_block.preload_me::after {
    border: 2px solid #00b0e3;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}

.backcall_block.preload_me > div {
    opacity: 0;
}

.success_block .icon {
    margin: 0 0 16px;
    text-align: center;
}

.success_block .icon::before {
    content: "";
    display: inline-block;
    width: 94px;
    height: 94px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../img/success_blue_icon.svg);
}

.success_block h3, .success_block strong {
    display: block;
    padding: 0 0 8px;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    color: #2E3442;
}

.success_block p {
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #5E6982;
}

.preload_me::after {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    border-radius: 50%;
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}


.smart_icons {
    position: fixed;
    right: 25px;
    bottom: 70px;
}

.smart_icons:hover ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.smart_icons:hover ul li {
    padding: 0 0 15px;
}

.smart_icons a.call {
    display: block;
    width: 50px;
    height: 50px;
    background: #e12b78 url(../img/ic.png) no-repeat 50%;
    background-size: 50%;
    position: relative;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s linear;
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s linear;
    animation-duration: 0.3s;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.smart_icons a.call:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
    -moz-transform: rotate(360deg);
    /* Для Firefox */
    -ms-transform: rotate(360deg);
    /* Для IE */
    -webkit-transform: rotate(360deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(360deg);
    /* Для Opera */
    transform: rotate(360deg);
}

.smart_icons a.call:hover::before {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}

.smart_icons a.call:hover::after {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}

.smart_icons a.call::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.smart_icons a.call::after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.smart_icons ul {
    width: 50px;
    position: absolute;
    left: 0;
    bottom: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.smart_icons ul li {
    padding: 0 0 5px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.smart_icons ul li a {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    -webkit-box-shadow: 0 0 15px 0 #000000;
    box-shadow: 0 0 15px 0 #000000;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.smart_icons ul li a:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
}

.smart_icons ul li a:hover::before {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}

.smart_icons ul li a:hover::after {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}

.smart_icons ul li a::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.1s;
    -webkit-transition: all 0.1s linear;
    -moz-animation-duration: 0.1s;
    -moz-transition: all 0.1s linear;
    animation-duration: 0.1s;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.smart_icons ul li a::after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.smart_icons ul li a.facebook {
    background: #3b5998 url(../img/facebook_icon.png) no-repeat 50%;
    background-size: 55%;
}

.smart_icons ul li a.whatsapp {
    background: #29b200 url(../img/whatsapp_white_icon.png) no-repeat 50%;
    background-size: 55%;
}

.smart_icons ul li a.chat {
    background: #ee8208 url(../img/chat_icon.svg) no-repeat 50%;
    background-size: 55%;
}

.smart_icons ul li a.telegram {
    background: #039be5 url(../img/telegram_white_icon.svg) no-repeat 50%;
    background-size: 55%;
}


.mobile .smart_icons:hover ul {
    opacity: 0;
    visibility: hidden;
}

.mobile .smart_icons ul.show_me {
    opacity: 1;
    visibility: visible;
}


.css_scroll::-webkit-scrollbar-button {
    background-image: url("");
    background-repeat: no-repeat;
    width: 5px;
    height: 0px;
}

.css_scroll::-webkit-scrollbar-track {
    background: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.css_scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #c2c2c2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.css_scroll::-webkit-scrollbar-thumb:hover {
    background-color: #c2c2c2;
}

.css_scroll::-webkit-resizer {
    background-image: url("");
    background-repeat: no-repeat;
    width: 4px;
    height: 0px;
}

.css_scroll::-webkit-scrollbar {
    width: 4px;
}

.analiz_right {
    width: 64%;
    float: right;
    background: #fff;
    overflow-y: auto;
    -webkit-box-shadow: 0px 0px 0px 1px gainsboro;
    -moz-box-shadow: 0px 0px 0px 1px gainsboro;
    box-shadow: 0px 0px 0px 1px gainsboro;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -khtml-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}


.analiz_right.preloader {
    height: calc(100vh - 120px);
    position: relative;
}

.analiz_right.preloader > .wrap_article, .analiz_right.preloader > h2, .analiz_right.preloader > p {
    opacity: 0;
    visibility: hidden;
}

.analiz_right.preloader::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto;
    border: 3px solid #e12b78;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    background: none !important;
    position: absolute;
    top: calc(50% - 32px) !important;
    left: calc(50% - 32px) !important;
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}


.analiz_right.full_width {
    width: 100%;
}

.analiz_right > h2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
    padding: 36px 40px 28px;
    border-bottom: 1px solid #000000;
    font-size: 20px;
    font-weight: bold;
    color: #e12b78;
}

.analiz_right > h2 strong {
    color: #404040;
    font-size: 17px;
    font-weight: normal;
    text-align: right;
}

.analiz_right > p {
    padding: 18px 80px 18px 40px;
    font-size: 17px;
    line-height: 24px;
    color: #404040;
    text-decoration: none;
}

.analiz_right .wrap_article {
    border-bottom: 1px solid #c2c2c2;
}

.analiz_right .wrap_article:last-child {
    border: none;
}

.analiz_right .wrap_article:last-child * {
    border: none;
}

.analiz_right .wrap_article h3 {
    display: block;
    padding: 40px 40px 24px 40px;
    font-size: 17px;
    font-weight: bold;
    color: #404040;
}

.analiz_right .wrap_article > div ul {
    padding: 0;
}

.analiz_right .wrap_article > div ul li {
    display: table;
    width: 100%;
    border-top: 1px solid #000000;
}

.analiz_right .wrap_article > div ul li:first-child {
    border: none;
}

.analiz_right .wrap_article > div ul li > div {
    display: table-row;
}

.analiz_right .wrap_article > div ul li > div > div {
    display: table-cell;
}

.analiz_right .wrap_article > div ul li .name {
    padding: 20px 20px 20px 40px;
    font-size: 17px;
    color: #404040;
    text-decoration: none;
    vertical-align: middle;
}

.analiz_right .wrap_article > div ul li .name a {
    color: #404040;
    text-decoration: none;
}

.analiz_right .wrap_article > div ul li .price {
    width: 115px;
    padding: 20px 0px 20px 20px;
    font-size: 18px;
    font-weight: 600;
    text-align: right;
    color: #e12b78;
    text-transform: uppercase;
    vertical-align: middle;
}

.analiz_right .wrap_article > div ul li .add {
    width: 160px;
    padding: 20px 15px;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.analiz_right .wrap_article > div ul li .add a {
    display: inline-block;
    width: auto;
    min-width: 136px;
    color: #e12b78;
    text-decoration: none;
    -webkit-box-shadow: 0 0 0 1px #e12b78;
    box-shadow: 0 0 0 1px #e12b78;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.analiz_right .wrap_article > div ul li .add a.active {
    background: #e12b78;
}

.analiz_right .wrap_article > div ul li .add a.active span:first-child {
    display: none;
}

.analiz_right .wrap_article > div ul li .add a.active span:first-child + span {
    display: inline-block;
}

.analiz_right .wrap_article > div ul li .add a span {
    display: block;
    height: 38px;
    padding: 0 16px;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Gilroy';
    line-height: 38px;
    white-space: nowrap;
}

.analiz_right .wrap_article > div ul li .add a span:first-child {
    padding: 0 16px 0 45px;
    background: url(../img/basket_pink_icon.svg) no-repeat 18px 50%;
}

.analiz_right .wrap_article > div ul li .add a span + span {
    display: none;
    color: #fff;
}

.analiz_right .wrap_article > div ul li .info {
    width: 30px;
    padding: 0 0 0 0;
    vertical-align: middle;
}

.analiz_right .wrap_article > div ul li .info a {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url(../img/info_pink_icon.svg) no-repeat 0 0;
}


.analiz_right_n {
    width: 64%;
    float: right;
    background: #fff;
    overflow-y: auto;
    -webkit-box-shadow: 0px 0px 0px 1px gainsboro;
    -moz-box-shadow: 0px 0px 0px 1px gainsboro;
    box-shadow: 0px 0px 0px 1px gainsboro;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -khtml-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

.analiz_right_n.preloader {
    height: calc(100vh - 120px);
    position: relative;
}

.analiz_right_n.preloader > article, .analiz_right_n.preloader > h2, .analiz_right_n.preloader > p {
    opacity: 0;
    visibility: hidden;
}

.analiz_right_n.preloader::before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto;
    border: 3px solid #e12b78;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    background: none !important;
    position: absolute;
    top: calc(50% - 32px) !important;
    left: calc(50% - 32px) !important;
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}

.analiz_right_n.full_width {
    width: 100%;
}

.analiz_right_n > h2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
    padding: 36px 40px 28px;
    border-bottom: 1px solid #000000;
    font-size: 20px;
    font-weight: bold;
    color: #e12b78;
}

.analiz_right_n > h2 strong {
    color: #404040;
    font-size: 17px;
    font-weight: normal;
    text-align: right;
}

.analiz_right_n > p {
    padding: 18px 80px 18px 40px;
    font-size: 17px;
    line-height: 24px;
    color: #404040;
    text-decoration: none;
}

.analiz_right_n article {
    border-bottom: 1px solid #c2c2c2;
}

.analiz_right_n article:last-child {
    border: none;
}

.analiz_right_n article:last-child * {
    border: none;
}

.analiz_right_n article h3 {
    display: block;
    padding: 40px 40px 24px 40px;
    font-size: 17px;
    font-weight: bold;
    color: #404040;
}

.analiz_right_n article > div ul {
    padding: 0;
}

.analiz_right_n article > div ul li {
    display: table;
    width: 100%;
    border-top: 1px solid #000000;
}

.analiz_right_n article > div ul li:first-child {
    border: none;
}

.analiz_right_n article > div ul li > div {
    display: table-row;
}

.analiz_right_n article > div ul li > div > div {
    display: table-cell;
}

.analiz_right_n article > div ul li .name {
    padding: 20px 20px 20px 40px;
    font-size: 17px;
    color: #404040;
    text-decoration: none;
    vertical-align: middle;
}

.analiz_right_n article > div ul li .name a {
    color: #404040;
    text-decoration: none;
}

.analiz_right_n article > div ul li .price {
    width: 115px;
    padding: 20px 0px 20px 20px;
    font-size: 18px;
    font-weight: 600;
    text-align: right;
    color: #e12b78;
    text-transform: uppercase;
    vertical-align: middle;
}

.analiz_right_n article > div ul li .add {
    width: 160px;
    padding: 20px 15px;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.analiz_right_n article > div ul li .add a {
    display: inline-block;
    width: auto;
    min-width: 136px;
    color: #e12b78;
    text-decoration: none;
    -webkit-box-shadow: 0 0 0 1px #e12b78;
    box-shadow: 0 0 0 1px #e12b78;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.analiz_right_n article > div ul li .add a.active {
    background: #e12b78;
}

.analiz_right_n article > div ul li .add a.active span:first-child {
    display: none;
}

.analiz_right_n article > div ul li .add a.active span:first-child + span {
    display: inline-block;
}

.analiz_right_n article > div ul li .add a span {
    display: block;
    height: 38px;
    padding: 0 16px;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Gilroy';
    line-height: 38px;
    white-space: nowrap;
}

.analiz_right_n article > div ul li .add a span:first-child {
    padding: 0 16px 0 45px;
    background: url(../img/basket_pink_icon.svg) no-repeat 18px 50%;
}

.analiz_right_n article > div ul li .add a span + span {
    display: none;
    color: #fff;
}

.analiz_right_n article > div ul li .info {
    width: 30px;
    padding: 0 0 0 0;
    vertical-align: middle;
}

.analiz_right_n article > div ul li .info a {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url(../img/info_pink_icon.svg) no-repeat 0 0;
}

/* New analiz end */


.payment_form {
    max-width: 616px;
    margin: 0 auto;
    padding: 0 40px;
}

.payment_form .three_input {
    margin: 0 0 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.payment_form .three_input input {
    display: block;
    width: calc(33.333% - 15px);
    height: 58px;
    padding: 0 20px;
    border: solid 1px #c2c2c2;
    color: #000;
    font-size: 16px;
    font-family: "Gilroy";
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    /* Firefox 19+ */
    /* Firefox 18- */
}

.payment_form .three_input input::-webkit-input-placeholder {
    color: #7c7c7c;
}

.payment_form .three_input input::-moz-placeholder {
    color: #7c7c7c;
}

.payment_form .three_input input:-moz-placeholder {
    color: #7c7c7c;
}

.payment_form .three_input input:-ms-input-placeholder {
    color: #7c7c7c;
}

.payment_form .three_input input:focus {
    border-color: #e12b78;
    -webkit-box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
    box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
}

.payment_form .input {
    margin: 0 0 25px;
    position: relative;
}

.payment_form .input input {
    display: block;
    width: 100%;
    height: 58px;
    padding: 0 20px;
    border: solid 1px #c2c2c2;
    color: #000;
    font-size: 16px;
    font-family: "Gilroy";
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    /* Firefox 19+ */
    /* Firefox 18- */
}

.payment_form .input input::-webkit-input-placeholder {
    color: #7c7c7c;
}

.payment_form .input input::-moz-placeholder {
    color: #7c7c7c;
}

.payment_form .input input:-moz-placeholder {
    color: #7c7c7c;
}

.payment_form .input input:-ms-input-placeholder {
    color: #7c7c7c;
}

.payment_form .input input:focus {
    border-color: #e12b78;
    -webkit-box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
    box-shadow: 0 0 8px 0 rgba(21, 158, 227, 0.2);
}

.payment_form .submit::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.payment_form .submit button, .payment_form .submit a {
    display: block;
    height: 58px;
    float: right;
    padding: 0 30px;
    border: none;
    font-size: 18px;
    font-family: "Gilroy";
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background-image: -webkit-linear-gradient(167deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(167deg, #0fc8f0, #149de2);
    background-image: -webkit-linear-gradient(193deg, #0fc8f0, #149de2);
    background-image: -o-linear-gradient(193deg, #0fc8f0, #149de2);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);
    -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.payment_form .submit button:hover, .payment_form .submit a:hover {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(167deg, #16d2fb, #1ba9f0);
    background-image: -o-linear-gradient(167deg, #16d2fb, #1ba9f0);
    background-image: -webkit-linear-gradient(193deg, #16d2fb, #1ba9f0);
    background-image: -o-linear-gradient(193deg, #16d2fb, #1ba9f0);
    background-image: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);;
}

.payment_form .submit a {
    line-height: 58px;
}

.payment_form .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 116px;
    margin: 45px 0 50px;
    border: 1px dashed #c2c2c2;
    font-size: 36px;
    font-weight: bold;
    color: #7c7c7c;
}

.payment_form .price.active {
    border: 1px dashed #e12b78;
    color: #fff;
    background: #e12b78;
}

.payment_form .price strong {
    padding: 0 8px 0 0;
}

.netty {
    padding: 0 0 0 20px;
}

.text a {
    color: #404040;
}

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

/* Keyframes begin */
@-webkit-keyframes shake {
    10%, 90% {
        -moz-transform: rotate(7deg);
        /* Для Firefox */
        -ms-transform: rotate(7deg);
        /* Для IE */
        -webkit-transform: rotate(7deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(7deg);
        /* Для Opera */
        transform: rotate(7deg);
    }
    20%, 80% {
        -moz-transform: rotate(-7deg);
        /* Для Firefox */
        -ms-transform: rotate(-7deg);
        /* Для IE */
        -webkit-transform: rotate(-7deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(-7deg);
        /* Для Opera */
        transform: rotate(-7deg);
    }
    30%, 50%, 70% {
        -moz-transform: rotate(7deg);
        /* Для Firefox */
        -ms-transform: rotate(7deg);
        /* Для IE */
        -webkit-transform: rotate(7deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(7deg);
        /* Для Opera */
        transform: rotate(7deg);
    }
    40%, 60% {
        -moz-transform: rotate(-7deg);
        /* Для Firefox */
        -ms-transform: rotate(-7deg);
        /* Для IE */
        -webkit-transform: rotate(-7deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(-7deg);
        /* Для Opera */
        transform: rotate(-7deg);
    }
}

@keyframes shake {
    10%, 90% {
        -moz-transform: rotate(7deg);
        /* Для Firefox */
        -ms-transform: rotate(7deg);
        /* Для IE */
        -webkit-transform: rotate(7deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(7deg);
        /* Для Opera */
        transform: rotate(7deg);
    }
    20%, 80% {
        -moz-transform: rotate(-7deg);
        /* Для Firefox */
        -ms-transform: rotate(-7deg);
        /* Для IE */
        -webkit-transform: rotate(-7deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(-7deg);
        /* Для Opera */
        transform: rotate(-7deg);
    }
    30%, 50%, 70% {
        -moz-transform: rotate(7deg);
        /* Для Firefox */
        -ms-transform: rotate(7deg);
        /* Для IE */
        -webkit-transform: rotate(7deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(7deg);
        /* Для Opera */
        transform: rotate(7deg);
    }
    40%, 60% {
        -moz-transform: rotate(-7deg);
        /* Для Firefox */
        -ms-transform: rotate(-7deg);
        /* Для IE */
        -webkit-transform: rotate(-7deg);
        /* Для Safari, Chrome, iOS */
        -o-transform: rotate(-7deg);
        /* Для Opera */
        transform: rotate(-7deg);
    }
}


@keyframes _zoom_op {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes cssload-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-spin {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-spin {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-spin {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Keyframes end */
/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
    display: none;
    opacity: 1;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-y {
    display: block;
    opacity: 1;
    background: #0fc8f0;
    width: 4px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: #0fc8f0;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    -o-transition: background-color .2s linear, height .2s ease-in-out;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    background-color: #fff;
    border-radius: 6px;
    -o-transition: background-color .2s linear, width .2s ease-in-out;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 4px;
    /* there must be 'right' for ps__thumb-y */
    right: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 4px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}


#hide_chat + script + div iframe {
    bottom: -240px !important;
}

#hide_chat + script + noscript + div iframe {
    bottom: -240px !important;
}

#hide_chat + script + script + noscript + div iframe {
    bottom: -240px !important;
}


/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}

.lightSlider {
    overflow: hidden;
    margin: 0;
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.lSSlideWrapper > .lightSlider:after {
    clear: both;
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
    -webkit-transition-duration: inherit !important;
    -o-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    -o-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade {
    position: relative;
}

.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}

.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    -o-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    -o-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}

/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}

.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}

.lSSlideOuter .media {
    opacity: 0.8;
}

.lSSlideOuter .media.active {
    opacity: 1;
}

/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding: 5px 0;
    padding-left: 0;
    margin: 15px 0 0 !important;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lSSlideOuter .lSPager.lSGallery li {
    max-width: 66px;
    max-height: 66px;
    overflow: hidden;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.lSSlideOuter .lSPager.lSGallery li a {
    display: block;
    padding: 3px;
    height: 66px;
    position: relative;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    -webkit-box-shadow: inset 0px 0px 1px 1px #b2b2b2;
    -moz-box-shadow: inset 0px 0px 1px 1px #b2b2b2;
    box-shadow: inset 0px 0px 1px 1px #b2b2b2;
}

.lSSlideOuter .lSPager.lSGallery li.active img, .lSSlideOuter .lSPager.lSGallery li:hover img {
    -ms-transform: translate(-50%, -50%) scale(0.96);
    -webkit-transform: translate(-50%, -50%) scale(0.96);
    transform: translate(-50%, -50%) scale(0.96);
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
    max-height: 64px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}

/* End of Gallery*/
/* slider actions */
.lSAction > a {
    display: none;
    width: 32px;
    top: 50%;
    height: 32px;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    -o-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

.lSAction > a::before {
    content: "";
    display: block;
    width: 24px;
    height: 2px;
    background: #333;
    position: absolute;
    top: 7px;
    left: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.lSAction > a::after {
    content: "";
    display: block;
    width: 24px;
    height: 2px;
    background: #333;
    position: absolute;
    top: 23px;
    left: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.lSAction > a:hover {
    opacity: 1;
}

.lSAction > .lSPrev {
    left: 0px;
}

.lSAction > .lSNext {
    right: 0px;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.lSAction > a.disabled {
    pointer-events: none;
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}

.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}

.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}

/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
    float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}

/* Rtl */
@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }
    50% {
        left: -15px;
    }
    100% {
        left: 0;
    }
}

@keyframes rightEnd {
    0% {
        left: 0;
    }
    50% {
        left: -15px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }
    50% {
        top: -15px;
    }
    100% {
        top: 0;
    }
}

@keyframes topEnd {
    0% {
        top: 0;
    }
    50% {
        top: -15px;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }
    50% {
        left: 15px;
    }
    100% {
        left: 0;
    }
}

@keyframes leftEnd {
    0% {
        left: 0;
    }
    50% {
        left: 15px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }
    50% {
        bottom: -15px;
    }
    100% {
        bottom: 0;
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0;
    }
    50% {
        bottom: -15px;
    }
    100% {
        bottom: 0;
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

/*/  GRab cursor */
.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.lightSlider img {
    width: 100%;
}

li.lslide {
    text-align: center;
}

.slider_wrap .lSSlideWrapper,
.slider_wrap .lSSlideWrapper .lSFade {
    position: relative;
}

.slider_wrap .lSSlideWrapper .lSSlide,
.slider_wrap .lSSlideWrapper.usingCss .lSFade > * {
    -webkit-transition-timing-function: inherit !important;
    -o-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
    -webkit-transition-duration: inherit !important;
    -o-transition-duration: inherit !important;
    transition-duration: inherit !important;
}

.slider_wrap .lSSlideOuter,
.slider_wrap .lSSlideOuter .lSPager.lSGallery {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.slider_wrap .lSSlideOuter .lSPager.lSGallery:after,
.slider_wrap .lSSlideWrapper > .lightSlider:after {
    clear: both;
}

.slider_wrap .lSSlideOuter {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider_wrap .lightSlider:after,
.slider_wrap .lightSlider:before {
    content: " ";
    display: table;
}

.slider_wrap .lightSlider {
    overflow: hidden;
    margin: 0;
}

.slider_wrap .lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    border-radius: 4px;
    font-size: 0;
}

.slider_wrap .lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.slider_wrap .lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}

.slider_wrap .lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.slider_wrap .lSSlideWrapper .lSFade > .active {
    z-index: 10;
}

.slider_wrap .lSSlideWrapper.usingCss .lSFade > .active {
    opacity: 1;
}

.slider_wrap .lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}

.slider_wrap .lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}

.slider_wrap .lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all .5s linear 0s;
    -o-transition: all .5s linear 0s;
    transition: all .5s linear 0s;
}

.slider_wrap .lSSlideOuter .lSPager.lSpg > li.active a,
.slider_wrap .lSSlideOuter .lSPager.lSpg > li:hover a {
    background-color: #428bca;
}

.slider_wrap .lSSlideOuter .media {
    opacity: .8;
}

.slider_wrap .lSSlideOuter .media.active {
    opacity: 1;
}

.slider_wrap .lSSlideOuter .lSPager.lSGallery {
    list-style: none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider_wrap .lSSlideOuter .lSPager.lSGallery li {
    max-width: 190px;
    max-height: 100500px;
    overflow: hidden;
    -webkit-transition: border-radius .12s linear 0s .35s linear 0s;
    -o-transition: border-radius .12s linear 0s .35s linear 0s;
    transition: border-radius .12s linear 0s .35s linear 0s;
}

.slider_wrap .lSSlideOuter .lSPager.lSGallery li.active,
.slider_wrap .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}

.slider_wrap .lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}

.slider_wrap .lSSlideOuter .lSPager.lSGallery:after,
.slider_wrap .lSSlideOuter .lSPager.lSGallery:before {
    content: " ";
    display: table;
}

.slider_wrap .lSAction > a {
    width: 60px;
    display: block;
    top: 50%;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: .5;
    border-radius: 4px;
    -webkit-transition: opacity .35s linear 0s;
    -o-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s;
}

.slider_wrap .lSAction > a:hover {
    opacity: 1;
}

.slider_wrap .lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}

.slider_wrap .lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}

.slider_wrap .lSAction > a.disabled {
    pointer-events: none;
}

.slider_wrap .cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

.slider_wrap .lSSlideOuter.vertical {
    position: relative;
}

.slider_wrap .lSSlideOuter.vertical.noPager {
    padding-right: 0 !important;
}

.slider_wrap .lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}

.slider_wrap .lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

.slider_wrap .lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}

.slider_wrap .lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}

.slider_wrap .lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}

.slider_wrap .lSSlideOuter.lSrtl {
    direction: rtl;
}

.slider_wrap .lSSlideOuter .lSPager,
.slider_wrap .lSSlideOuter .lightSlider {
    padding-left: 0;
    list-style: none;
}

.slider_wrap .lSSlideOuter.lSrtl .lSPager,
.slider_wrap .lSSlideOuter.lSrtl .lightSlider {
    padding-right: 0;
}

.slider_wrap .lSSlideOuter .lSGallery li,
.slider_wrap .lSSlideOuter .lightSlider > * {
    float: left;
}

.slider_wrap .lSSlideOuter.lSrtl .lSGallery li,
.slider_wrap .lSSlideOuter.lSrtl .lightSlider > * {
    float: right !important;
}

@-webkit-keyframes rightEnd {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: -15px;
    }
}

@keyframes rightEnd {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: -15px;
    }
}

@-webkit-keyframes topEnd {
    0%,
    100% {
        top: 0;
    }
    50% {
        top: -15px;
    }
}

@keyframes topEnd {
    0%,
    100% {
        top: 0;
    }
    50% {
        top: -15px;
    }
}

@-webkit-keyframes leftEnd {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: 15px;
    }
}

@keyframes leftEnd {
    0%,
    100% {
        left: 0;
    }
    50% {
        left: 15px;
    }
}

@-webkit-keyframes bottomEnd {
    0%,
    100% {
        bottom: 0;
    }
    50% {
        bottom: -15px;
    }
}

@keyframes bottomEnd {
    0%,
    100% {
        bottom: 0;
    }
    50% {
        bottom: -15px;
    }
}

.slider_wrap .lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative;
}

.slider_wrap .lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative;
}

.slider_wrap .lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd .3s;
    animation: topEnd .3s;
    position: relative;
}

.slider_wrap .lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd .3s;
    animation: bottomEnd .3s;
    position: relative;
}

.slider_wrap .lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative;
}

.slider_wrap .lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative;
}

.slider_wrap .lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.slider_wrap .lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.slider_wrap .lSSlideOuter .lSPager.lSGallery li a {
    /*height: 130px;*/
}

.slider_wrap .lSSlideOuter .lSPager.lSGallery img {
    max-height: 100500px;
}

.slider_wrap .lSSlideOuter .lSPager.lSGallery li.active img, .slider_wrap .lSSlideOuter .lSPager.lSGallery li:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.slider_wrap .lSSlideOuter .lSPager.lSGallery li.active, .slider_wrap .lSSlideOuter .lSPager.lSGallery li:hover {
    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 119, 197, 1);
    box-shadow: inset 0px 0px 0px 0px rgba(0, 119, 197, 1);
}


.slider_wrap .lSSlideOuter .lSPager.lSGallery {
    margin-top: 5px !important;
}

.slider_wrap .lSAction > a::before {
    left: 16px;
    top: 20px;
}

.slider_wrap .lSAction > a::after {
    top: 36px;
    left: 16px;
}

.mobile_single_link {
    display: none;
    padding: 20px 0 40px;
    text-align: center;
}

.mobile_single_link a {
    display: inline-block;
    height: 64px;
    padding: 0 24px 0 56px;
    font-weight: 500;
    font-size: 18px;
    text-decoration: none;
    line-height: 64px;
    color: #fff;
    background: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);
    box-shadow: 0px 20px 30px rgb(252 230 243 / 50%);
    border-radius: 12px;
    white-space: nowrap;
    position: relative;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.mobile_single_link a::before {
    content: "";
    display: block;
    width: 22px;
    height: 19px;
    background: url(../img/basket_white_icon.svg) no-repeat 0 0;
    position: absolute;
    left: 25px;
    top: 22px;
}

.slider_wrap .link {
    display: inline-block;
    height: 64px;
    padding: 0 24px 0 56px;
    font-weight: 500;
    font-size: 18px;
    text-decoration: none;
    line-height: 64px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    background: linear-gradient(180deg, #fa70ae 0%, #e12b78 100%);
    box-shadow: 0px 20px 30px rgb(252 230 243 / 50%);
    border-radius: 12px;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
    -webkit-animation-duration: 0.2s;
    -webkit-transition: all 0.2s linear;
    -moz-animation-duration: 0.2s;
    -moz-transition: all 0.2s linear;
    animation-duration: 0.2s;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;

}

.slider_wrap .link::before {
    content: "";
    display: block;
    width: 22px;
    height: 19px;
    background: url(../img/basket_white_icon.svg) no-repeat 0 0;
    position: absolute;
    left: 25px;
    top: 22px;
}

.slider_wrap li {
    position: relative;
}

.slider_wrap li::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(252 230 243 / 50%);
    opacity: 0;
    visibility: hidden;
    -webkit-animation-duration: 0.15s;
    -webkit-transition: all 0.15s linear;
    -moz-animation-duration: 0.15s;
    -moz-transition: all 0.15s linear;
    animation-duration: 0.15s;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.slider_wrap li:hover::before {
    opacity: 1;
    visibility: visible;
}

.slider_wrap li:hover .link {
    opacity: 1;
    visibility: visible;
}

.slider_wrap li .link:hover {
    box-shadow: 0px 10px 10px rgb(252 230 243 / 50%);

}

.mobile .slider_wrap .link {
    opacity: 0;
    visibility: hidden;
}

.mobile .slider_wrap li::before {
    opacity: 0;
    visibility: hidden;
}

.mobile .mobile_single_link {
    display: block;
}

.reverse_block {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
}

.tagu_list select, .tags_list select {
    display: none;
    width: 100%;
    height: 58px;
    padding: 0 30px 0 20px;
    border: 1px solid #e12b78;
    font-size: 17px;
    font-family: 'Gilroy';
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #e12b78 url(../img/select_arrow_white.svg) no-repeat calc(100% - 20px) 50%;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

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

.faq_accordion article, .faq_accordion .faq-item {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}

.faq_accordion article.show_me, .faq_accordion .faq-item.show_me {
    border-color: #e12b78;
}

.faq_accordion article.show_me h3 a, .faq_accordion .faq-item.show_me h3 a {
    color: #e12b78;
}

.faq_accordion article.show_me h3 a::before, .faq_accordion .faq-item.show_me h3 a::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faq_accordion h3 a {
    display: block;
    width: 100%;
    padding: 28px 32px 28px 0;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #4A5A69;
    text-decoration: none;
    position: relative;
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    animation-duration: 0.3s;
    -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

.faq_accordion h3 a::before {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background-color: #e12b78;
    position: absolute;
    right: 8px;
    top: calc(50% - 1px);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    animation-duration: 0.3s;
    -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

.faq_accordion h3 a::after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background-color: #e12b78;
    position: absolute;
    right: 8px;
    top: calc(50% - 1px);
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    animation-duration: 0.3s;
    -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

.faq_accordion .inner {
    height: 0;
    font-size: 16px;
    line-height: 2;
    color: #4A5A69;
    text-align: justify;
    overflow: hidden;
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    animation-duration: 0.3s;
    -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

.faq_accordion .inner p {
    padding: 0 0 28px;
}

.faq_accordion2 article, .faq_accordion2 .faq-item, .faq_accordion2 .faq_article {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}


.faq_accordion2 article.show_me {
    border-color: #e12b78;
}

.faq_accordion2 article.show_me h2 a {
    color: #e12b78;
}

.faq_accordion2 article.show_me h2 a::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faq_accordion2 h2 a {
    display: block;
    width: 100%;
    padding: 28px 32px 28px 0;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #4A5A69;
    text-decoration: none;
    position: relative;
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    animation-duration: 0.3s;
    -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

.faq_accordion2 h2 a::before {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background-color: #e12b78;
    position: absolute;
    right: 8px;
    top: calc(50% - 1px);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    animation-duration: 0.3s;
    -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

.faq_accordion2 h2 a::after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background-color: #e12b78;
    position: absolute;
    right: 8px;
    top: calc(50% - 1px);
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    animation-duration: 0.3s;
    -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

.faq_accordion2 .inner {
    height: 0;
    font-size: 16px;
    line-height: 2;
    color: #4A5A69;
    text-align: justify;
    overflow: hidden;
    -webkit-animation-duration: 0.3s;
    -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    -moz-animation-duration: 0.3s;
    -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    animation-duration: 0.3s;
    -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

.faq_accordion2 .inner p {
    padding: 0 0 28px;
}


.grecaptcha-badge {
    opacity: 0 !important;
    visibility: hidden !important;
}


.products_modal {
    position: fixed;
    width: 100%;
    height: 0;
    position: fixed;
    left: 0;
    bottom: 20px;
    z-index: 3;
}

.modal_link {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 3;
}

.modal_link a {
    display: inline-block;
    padding: 12px 24px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    background-color: #e12b78;
    border-radius: 24px;
    position: relative;
}

.modal_link a.clicked {
    padding: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
}

.modal_link a.clicked::before {
    content: "";
    display: block;
    width: 24px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 1px);
    transform: rotate(45deg);
}

.modal_link a.clicked::after {
    content: "";
    display: block;
    width: 24px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 1px);
    transform: rotate(-45deg);
}

.analysis_modal {
    width: 640px;
    max-width: calc(100vw - 40px);
    height: auto;
    background-color: #fff;
    padding: 20px 0;
    position: absolute;
    left: 50%;
    bottom: 48px;
    border-radius: 24px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
    transform: translate(-50%, 24px);
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    transition: 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.analysis_modal.show_me {
    transform: translate(-50%, 0);
    opacity: 1;
    visibility: visible;
}

.analysis_modal h2 {
    padding: 0 0 20px;
    text-align: center;
    font-size: 32px;
    color: #e12b78;
    font-weight: bold;
}

.analysis_list {
    max-height: calc(100vh - 240px);
    overflow: clip;
    overflow-y: auto;
}

.analysis_list li {
    display: table;
    width: 100%;
    border-top: 1px solid #000000;
}

.analysis_list li > div {
    display: table-row;
}

.analysis_list li > div > div {
    display: table-cell;
}

.analysis_list .name {
    padding: 20px 20px 20px 40px;
    font-size: 17px;
    color: #404040;
    text-decoration: none;
    vertical-align: middle;
}

.analysis_list .name a {
    color: currentColor;
    text-decoration: underline;
}

.analysis_list .name a:hover {
    text-decoration: none;
}

.analysis_list .price {
    width: 115px;
    padding: 20px 0 20px 20px;
    font-size: 18px;
    font-weight: 600;
    text-align: right;
    color: #e12b78;
    text-transform: uppercase;
    vertical-align: middle;
}

.analysis_list .add {
    width: 160px;
    padding: 20px 15px;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.analysis_list .add a {
    display: inline-block;
    width: auto;
    min-width: 136px;
    color: #e12b78;
    text-decoration: none;
    -webkit-box-shadow: 0 0 0 1px #e12b78;
    box-shadow: 0 0 0 1px #e12b78;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.analysis_list .add a.active {
    background-color: #e12b78;
}

.analysis_list .add a.active span:first-child {
    display: none;
}

.analysis_list .add a.active span + span {
    display: inline-block;
}

.analysis_list .add a span {
    display: block;
    height: 38px;
    padding: 0 16px;
    font-size: 15px;
    font-weight: bold;
    font-family: "Gilroy";
    line-height: 38px;
    white-space: nowrap;
}

.analysis_list .add a span:first-child {
    padding: 0 16px 0 45px;
    background: url(https://saglamaile.az/site/templates/img/basket_pink_icon.svg) no-repeat 18px 50%;
}

.analysis_list .add a span + span {
    display: none;
    color: #fff;
}

.analysis_list .info {
    width: 30px;
    padding: 0;
    vertical-align: middle;
}

.analysis_list .info a {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url(https://saglamaile.az/site/templates/img/info_pink_icon.svg) no-repeat 0 0;
}


@media only screen and (max-width: 600px) {
    .analysis_list li {
        padding: 12px 0;
        position: relative;
    }

    .analysis_list li > div > div {
        display: block;
        width: 100% !important;
        padding: 10px 20px !important;
        text-align: left !important;
    }

    .analysis_modal h2 {
        font-size: 24px;
    }

    .analysis_modal .info {
        position: absolute;
        left: calc(100% - 60px);
        top: 12px;
    }

    .my_list {
        flex-direction: column;
    }

    .my_list .fileupload {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    .my_list .fileupload span {
        padding-top: 15px;
    }

    .big_gallery {
        padding: 0 0 40px;
    }
}

.online-doc a , .family-doc a {
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}
.doc_button{
    float: right;
    display: flex;
    align-items: center;
    gap: 29px;
    margin-top: 12px;
}
.doc_new{
    position: absolute;
    z-index: 9;
    border-radius: 50%;
    padding: 7px 3px;
    border: 1px solid red;
    background: red;
    color: white;
    font-size: 9px;
    right: -11px;
    top: -13px;
    /*animation: _zoom_op 1s infinite linear;*/
}
.online-doc {
    background-color: #39b900;
    border-radius: 23px;
    padding: 12px 14px;
    border: none;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-right: -11px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0px 45px 18px rgba(0, 0, 0, 0.01), 0px 25px 15px rgba(0, 0, 0, 0.05), 0px 11px 11px rgba(0, 0, 0, 0.09), 0px 3px 6px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);

    overflow: hidden;
    transform: scale(1);
    /*animation: _zoom_op 1s infinite linear;*/

}
.family-doc {
    background-color: #384bb7;
    border-radius: 23px;
    padding: 12px 14px;
    border: none;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0px 45px 18px rgba(0, 0, 0, 0.01), 0px 25px 15px rgba(0, 0, 0, 0.05), 0px 11px 11px rgba(0, 0, 0, 0.09), 0px 3px 6px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);

    overflow: hidden;
    transform: scale(1);
    /*animation: _zoom_op 1s infinite linear;*/

}

.online-doc img , .family-doc img {
    width: 20px;
}

.wheel-modal {
    /*display: none;*/
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    max-width: 100% !important;
}

.wheel-content {
    background: #fff;
    padding: 50px;
    border-radius: 12px;
    max-width: 902px;
    text-align: center;
    position: relative;
    display: flex;
    gap: 66px;


}

.wheel_text_content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    text-align: left;
}

.wheel_text_content h2 {
    color: #000;
    font-size: 32px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
    max-width: 341px;
}

.wheel_text_content ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.wheel_text_content ul li {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    padding-left: 28px;
}

.wheel_text_content ul li::after {
    content: url("/site/templates/img/info.svg");
    position: absolute;
    left: 0;
    top: 0;

    font-size: 16px;
}

.wheel_text_content button {
    border-radius: 4px;
    background: linear-gradient(95deg, #1DAEF8 0%, #58C1EA 100%);
    color: #FFF;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

    padding: 20px 60px;
    border: none;
    width: max-content;
    cursor: pointer
}

.wheel-close {
    position: absolute;
    top: 27px;
    right: 30px;
    font-size: 28px;
    cursor: pointer;
}

.wheel-wrapper {
    position: relative;
    width: 360px;
    height: 300px;
}

.wheel {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 9px solid #E1F5FF;
    overflow: hidden;
    position: relative;
    transition: transform 4s cubic-bezier(0.33, 1, 0.68, 1);
}


.pointer {

    position: absolute;
    top: 0;
    left: calc(50% - 20px);
}


.wheel-segment a {
    color: #2C9AD5;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    text-decoration: none;
}


.wheel-segment {
    position: absolute;
    width: 50%;
    height: 50%;
    transform-origin: 100% 100%;
    /*clip-path: polygon(100% 100%, 0% 0%, 100% 0%);*/
    clip-path: polygon(100% 100%, -81% 0, 100% 0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #000;
}
.wheel-segment:nth-child(1) a{
    transform: rotate(-22deg);
    position: absolute;
    left: 59px;
    top: 42px;
}

.wheel-segment:nth-child(5) a{
    transform: rotate(-22deg);
    position: absolute;
    left: 59px;
    top: 42px;
}
.wheel-segment:nth-child(2) a{
    transform: rotate(-22deg);
    position: absolute;
    left: 59px;
    top: 42px;
}
.wheel-segment:nth-child(6) a{
    transform: rotate(-22deg);
    position: absolute;
    left: 59px;
    top: 42px;
}
.wheel-segment:nth-child(3) a{
    transform: rotate(-22deg);
    position: absolute;
    left: 59px;
    top: 42px;
}
.wheel-segment:nth-child(4) a{
    transform: rotate(-22deg);
    position: absolute;
    left: 59px;
    top: 42px;
}

.wheel-segment:nth-child(1) {
    background: #AEE3FF;

    transform: rotate(32deg);
}
.wheel-segment:nth-child(2) {
    background: #D1EFFF;
    transform: rotate(92deg);
}
.wheel-segment:nth-child(3) {
    background: #AEE3FF;
    transform: rotate(152deg);
}
.wheel-segment:nth-child(4) {
    background: #D1EFFF;
    transform: rotate(212deg);
}
.wheel-segment:nth-child(5) {
    background: #AEE3FF;
    transform: rotate(272deg);
}
.wheel-segment:nth-child(6) {
    background: #D1EFFF;
    transform: rotate(332deg);
}
.center_circle{
    position: absolute;
    top: 47%;
    left: 47%;
}
#popupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
    max-width: 100%;
}
#popupMessage {
    display: none;
    position: fixed;
    top: 38%;
    left: 50%;
    height: 200px;
    transform: translateX(-50%);
    background: #fff;
    padding: 15px 25px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    z-index: 10000;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    max-width: 400px;
    width: 100%;
    text-align: center;
}

#popupMessage span{
    color: #2e2c2c;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 600;
}
#popupMessage p{
    color: #686262;
    font-size: 14px !important;
    font-style: normal;
}
#popupMessage h5{
    color: #000;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 600;
}
.popup_close {
    position: absolute;
    right: 20px;
    top: 20px;
}

@media (min-width: 300px) and (max-width: 375px) {



    .wheel-wrapper {
        width: 240px !important;
        height: 240px !important;
        margin: 0 auto;
    }
}


@media (max-width: 767px) {
    #popupMessage {
        width: 90%;
    }
        .wheel_text_content {
        gap: 18px;
    }
        .wheel-modal {
        padding: 20px;
        justify-content: center;
        align-items: center;
    }
    .wheel_text_content ul{
        gap: 8px;
    }

    .wheel-content {
        flex-direction: column;
        padding: 20px;
        gap: 20px;
        max-width: 100%;
    }

    .wheel-wrapper {
        width: 280px;
        height: 280px;
        margin: 0 auto;
    }

    .wheel-text_content {
        gap: 20px;
        max-width: 100%;
    }

    .wheel_text_content h2 {
        font-size: 24px !important;
        line-height: 32px;
        max-width: 100%;
    }

    .wheel_text_content ul li {
        font-size: 14px;
        padding-left: 22px;
    }

    .wheel_text_content ul li::after {
        width: 14px;
        height: 14px;
        left: 0;
        top: 3px;
    }

    .wheel_text_content button {
        padding: 15px 40px;
        font-size: 16px;
        width: 100%;
        max-width: 280px;
    }

    .wheel-segment a {
        font-size: 14px;
        left: 40px !important;
        top: 30px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .wheel-content {
        flex-direction: row;
        padding: 40px;
        gap: 40px;
        max-width: 90%;
    }

    .wheel-wrapper {
        width: 320px;
        height: 320px;
    }

    .wheel_text_content h2 {
        font-size: 28px !important;
        max-width: 300px;
    }

    .wheel_text_content button {
        padding: 18px 50px;
        font-size: 17px;
    }

    .wheel-segment a {
        font-size: 14px;
        left: 50px !important;
        top: 35px !important;
    }
}

@media (min-width: 1024px) {
    .wheel-content {
        padding: 50px;
        gap: 44px;
        max-width: 900px;
    }

    .wheel-wrapper {
        width: 360px;
        height: 300px;
    }

    .wheel_text_content h2 {
        font-size: 32px !important;
        max-width: 341px;
    }

    .wheel_text_content button {
        padding: 20px 60px;
        font-size: 18px;
    }

    .wheel-segment a {
        font-size: 14px;
        left: 59px !important;
        top: 42px !important;
    }
}