html, body {
    min-width: 1165px;
    height: 100%;
}

body {
    position: relative;
    background: #fff;
    font-family: 'Calibri';
    font-size: 15px;
    color: #454545;
}

* {
    outline: none;
    max-height: 999999px;
}

img {
    border: none;
    vertical-align: top;
}

html, body, ol, ul, li, form, input, textarea, select, button, p {
    margin: 0;
    padding: 0;
}

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

input, textarea, select, button {
    font-family: 'Calibri';
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button {
    *overflow: visible;
}

ul > li {
    list-style: none;
}

label {
    cursor: pointer;
}

a {
    color: #c5c727;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

.clear_fix {
    clear: both;
    display: block;
    height: 0;
}

.hidden {
    display: none;
}

.wrapper {
    position: relative;
    width: 1155px;
    margin: 0 auto;
    padding: 0 5px;
}

.loader-widget {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

.loader-widget__overlay {
    background: #fff;
    opacity: 0.4;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

.loader-widget__loader {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9999;
    margin: -50px 0 0 -50px;
}

/* site style
------------------------------------------------ */
.viewport-wrapper {
    position: relative;
    min-width: 1165px;
    min-height: 100%;
    padding-bottom: 142px;
    box-sizing: border-box;
    overflow: hidden;
}

H1, H2, H3, H4, H5,
.h1, .h2, .h3, .h4, .h5 {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #dbdb31;
}

H1,
.h1 {
    font-size: 34px;
}

H1.subtitle,
.h1.subtitle {
    font-size: 70px;
}

H1.subtitle.star:after,
.h1.subtitle.star:after {
    content: '*';
    font-size: 20px;
    vertical-align: top;
}

H2,
.h2 {
    font-size: 30px;
}

H3,
.h3 {
    font-size: 20px;
}

input[type='text'], textarea, select {
    border: 0;
    border-radius: 5px;
    box-shadow: 6px 10px 9px rgba(2, 56, 91, .17);
    box-sizing: border-box;
    font-size: 16px;
}

input[type='text'], select {
    width: 222px;
    height: 32px;
    padding: 0 10px;
}

textarea {
    width: 336px;
    height: 140px;
    padding: 7px 10px;
    overflow: auto;
    resize: none;
}

a.button,
button {
    background: #c61e2f;
    padding: 0 35px;
    height: 48px;
    border-radius: 48px;
    font-size: 14px;
    color: #fff;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
}

a.button {
    display: inline-block;
    vertical-align: top;
    line-height: 48px;
    text-decoration: none;
    text-align: center;
}

button {
    cursor: pointer;
    border: 0;
}

a.button:hover,
button:hover {
    background: #c40016;
}

.navigation {
    position: relative;
    padding: 20px 0 5px;
    color: #d7d7d7;
    font-size: 16px;
    text-transform: uppercase;
    word-spacing: -0.25em;
}

.navigation li {
    display: inline-block;
    word-spacing: normal;
}

.navigation li.sep {
    margin: 0 10px;
}

.navigation li a {
    color: #d7d7d7;
    text-decoration: none;
}

.navigation li a, .navigation li span {
    word-spacing: normal;
}

.text-box {
    padding-top: 20px;
    line-height: 24px;
}

.text-box p {

}

.text-box .quote {
    position: relative;
    padding-left: 70px;
}

.text-box .quote:after {
    display: block;
    content: '';
    width: 40px;
    height: 1px;
    background: #49cce0;
    position: absolute;
    left: 0;
    top: 12px;
}

.text-box ul {

}

.text-box ul li {
    position: relative;
    padding-left: 30px;
    margin-top: 15px;
}

.text-box ul li:first-child {
    margin-top: 0px;
}

.text-box ul li:after {
    display: block;
    content: '•';
    position: absolute;
    left: 2px;
    top: 0px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    color: #80cbde;
}

.text-box ol {
    list-style-type: none;
    counter-reset: ol-counter;
    color: #404042;
}

.text-box ol li {
    position: relative;
    padding-left: 30px;
    margin-top: 15px;
}

.text-box ol li:first-child {
    margin-top: 0px;
}

.text-box ol li:before {
    content: counter(ol-counter) '.';
    counter-increment: ol-counter;
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    color: #80cbde;
}

.item-left {
    float: left;
    margin: 0 90px 0 0;
}

.item-right {
    float: right;
    margin: 0 0 0 90px;
}

.text-box table {
    border: 0;
    *border-collapse: collapse;
    border-spacing: 0;
    width: 800px;
    color: #5a5a5a;
}

.text-box table th {
    height: 60px;
    font-weight: 400;
    color: #dbdb31;
    text-transform: uppercase;
    text-align: left;
    font-size: 12px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
}

.text-box table th:first-child {

}

.text-box table th:last-child {

}

.text-box table td {
    height: 60px;
    text-align: left;
}

.text-box table tr:nth-child(2n+2) td {

}

.text-box table td:first-child {
    color: #dbdb31;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
}

.text-box table td:last-child {

}

.text-box.description {
    padding-top: 5px;
    font-size: 18px;
    color: #7d7d7d;
    line-height: 24px;
    margin: 30px 0;
}

.text-box.description h2, .text-box.description h3, .text-box.description h4 {
    color: #7d7d7d;
    margin: 25px 0 20px;
}

.text-box.description p {
    margin-bottom: 15px;
}

.text-box.description li p {
    margin-bottom: 0px;
}

@media screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: none;
    }
}

/* end site style */

/* header
------------------------------------------------ */
#header {
    position: relative;
    min-width: 1165px;
    height: 142px;
    background: #80cbde;
    z-index: 30;
}

#header .top {
    position: relative;
    height: 185px;
    z-index: 10;
}

#header .logo {
    position: relative;
    float: left;
    padding-top: 37px;
}

#header .logo__link {
    background: transparent url("../img/logo.png") 0px 0px no-repeat;
    display: block;
    width: 163px;
    height: 73px;
}

#header .roll {
    float: right;
    padding-top: 69px;
    line-height: 1;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

#header .roll a {
    position: relative;
    padding-left: 38px;
    color: #fff;
    text-decoration: none;
}

#header .roll a:hover {
    color: #c61e2f;
}

#header .roll a:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) no-repeat;
    width: 25px;
    height: 17px;
    position: absolute;
    left: 0px;
    top: 5px;
}

#header .roll a:hover:after {
    background-position: 0 -20px;
}

.viewport-main #header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    min-width: 0;
    background: transparent;
}

/* end header */

#main {
    position: relative;
    min-width: 1165px;
    padding-bottom: 80px;
}

#main.wrapper {
    min-width: 0;
}

#main .main-title {
    position: relative;
    min-width: 1147px;
    height: 100px;
    background: #c61e2f !important;
}

@media (max-width: 1367px) {
    #main .main-title {
        height: 150px;
    }
}

#main .main-title h1,
#main .main-title .h1 {
    color: #fff;
    text-align: center;
    padding-top: 21px;
    font-size: 55px;
}

.top-phones {
    display: block;
    float: right;
    text-align: right;
}

.top-phones .phone {
    display: inline-block;
    color: #f7f7ca;
    font-size: 40px;
    font-weight: bold;
}

.top-phones .phone:before {
    content: '';
    width: 30px;
    height: 30px;
    display: inline-block;
    background-color: #f7f7ca;
    position: relative;
    top: 2px;
    left: -10px;
    margin-left: 30px;
    -webkit-mask: url(../img/phone-outline.svg) no-repeat 100% 100%;
    mask: url(../img/phone-outline.svg) no-repeat 100% 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.adress-in-header {
    color: #f7f7ca;
    text-align: right;
}

/* promo
------------------------------------------------ */
.promo-box {
    position: relative;
    min-width: 1165px;
    height: 684px;
    background: url(../img/header-bkg.png) center bottom no-repeat;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.promo-box .wrapper {
    height: 684px;
}

.promo-box .info {
    position: relative;
    z-index: 10;
    float: right;
    padding-top: 142px;
}

.promo-box .title {
    position: relative;
    line-height: 1;
    font-size: 110px;
    color: #fff;
    font-family: 'Arial';
    text-transform: uppercase;
}

.promo-box .title span {
    display: block;
    margin-top: -15px;
    font-size: 118px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
}

.promo-box .text {
    position: relative;
    padding-top: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 28px;
    font-size: 40px;
    color: #fff;
    font-family: 'Arial';
    text-transform: uppercase;
    text-transform: uppercase;
}

.promo-box .bt {
    position: relative;
    margin: 0 auto;
    width: 312px;
    padding-top: 40px;
}

.promo-box .bt a,
.bt.den a,
.record-btn {
    position: relative;
    display: block;
    background: #c61e2f;
    padding-left: 32px;
    height: 66px;
    line-height: 66px;
    border-radius: 66px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.promo-box .bt a:after,
.bt.den a:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -32px 0px no-repeat;
    width: 23px;
    height: 10px;
    position: absolute;
    left: 256px;
    top: 50%;
    margin-top: -5px;
}

.promo-box .bt a:hover,
.bt.den a:hover {
    background: #c40016;
}

.promo-box .bt-2 {
    padding-top: 30px;
}

.promo-box .bt-2 a {
    background: #86cce1;
    height: 55px;
    line-height: 55px;
    border-radius: 55px;
}

.promo-box .bt-2 a:hover {
    background: transparent;
}

.promo-box .bt-2 a:hover:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #b5ebf4;
    border-color: rgba(255, 255, 255, .5);
    border-radius: 55px;
}

.promo-box .bt-2 a:after {
    background-position: -64px 0px;
    width: 21px;
    height: 15px;
    margin-top: -7.5px;
}

.promo-box .girl {
    display: block;
    background: url(../img/header-girl.png) no-repeat;
    width: 760px;
    height: 647px;
    position: absolute;
    left: -5px;
    bottom: 0px;
}

.promo-price {
    position: relative;
    min-width: 1165px;
    height: 470px;
    background: url(../img/promo-price-bkg.png) center bottom no-repeat;
    margin-top: 50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.promo-price .wrapper {
    height: 470px;
    text-align: right;
}

.promo-price .girl {
    background: url(../img/promo-price-girl.png) no-repeat;
    width: 604px;
    height: 527px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.promo-price .entry {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    text-align: left;
}

.promo-price .title {
    padding-top: 70px;
    line-height: 1;
    font-family: 'Arial';
    font-size: 80px;
    color: #fff;
    text-transform: uppercase;
}

.promo-price .title span {
    display: block;
    margin: -20px 0 0 -5px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 156px;
}

.promo-price .bt {
    padding-top: 35px;
    text-align: center;
}

.promo-price .bt a {
    position: relative;
    width: 282px;
    padding: 0 0 0 30px;
    height: 66px;
    line-height: 66px;
    border-radius: 66px;
    text-align: left;
}

.promo-price .bt a:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -32px 0px no-repeat;
    width: 23px;
    height: 10px;
    position: absolute;
    left: 256px;
    top: 50%;
    margin-top: -5px;
}

.promo-specialist {
    position: relative;
    min-width: 1165px;
    height: 448px;
    background: url(../img/promo-specialist-bkg.png) center bottom no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.promo-specialist .wrapper {
    height: 448px;
    text-align: right;
}

.promo-specialist .girl {
    background: url(../img/promo-specialist-girl.png) no-repeat;
    width: 502px;
    height: 624px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.promo-specialist .entry {
    display: inline-block;
    vertical-align: top;
    padding-right: 0px;
    text-align: left;
}

.promo-specialist .title {
    padding-top: 70px;
    line-height: 1;
    font-family: 'Arial';
    color: #fff;
    text-transform: uppercase;
    font-size: 85px;
}

.promo-specialist .title span {
    display: block;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 90px;
}

.promo-specialist .bt {
    padding-top: 55px;
    text-align: center;
}

.promo-specialist .bt a {
    position: relative;
    width: 282px;
    padding: 0 0 0 30px;
    height: 66px;
    line-height: 66px;
    border-radius: 66px;
    text-align: left;
}

.promo-specialist .bt a:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -32px 0px no-repeat;
    width: 23px;
    height: 10px;
    position: absolute;
    left: 256px;
    top: 50%;
    margin-top: -5px;
}

/* end promo */

/* promo
------------------------------------------------ */
.slider-promo {
    padding: 38px 0;
}

.slider-promo .inner {
    width: 1175px;
    height: 360px;
    margin: 0 auto;
    word-spacing: -0.25em;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.slider-promo .inner .item {
    display: inline-block;
    height: 360px;
    line-height: 360px;
    margin: 0 15px;
    text-align: center;
    vertical-align: middle;
    word-spacing: normal;
}

.slider-promo .inner .item img {
    vertical-align: middle;
}

.slider-promo .inner.owl-loaded {
    overflow: visible;
}

.slider-promo .inner .owl-stage-outer {
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.slider-promo .inner .owl-item {
    display: inline-block;
    height: 360px;
    line-height: 360px;
    text-align: center;
}

.slider-promo .inner .owl-item .item {
    margin: 0;
}

.slider-promo .inner .owl-nav {
    width: 100%;
    height: 112px;
    margin-top: -56px;
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 5;
}

.slider-promo .inner.no-arrows .owl-nav {
    display: none;
}

.slider-promo .inner .owl-nav .owl-prev,
.slider-promo .inner .owl-nav .owl-next {
    background: transparent url("../img/slider-arrows.png") 0 0 no-repeat;
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 112px;
    text-indent: -9999px;
    position: absolute;
    top: 0px;
}

.slider-promo .inner .owl-nav .owl-prev {
    background-position: 0px 0px;
    left: -58px;
}

.slider-promo .inner .owl-nav .owl-next {
    background-position: -50px 0px;
    right: -58px;
}

.slider-promo .inner .owl-dots {
    display: none;
}

/* end promo */

/* inform
------------------------------------------------ */
.inform-box {
    position: relative;
    min-width: 1165px;
    height: 258px;
    background: #d6d92f;
}

.inform-box .wrapper {
    height: 258px;
    background: url(../img/inform-box-bkg.png) center center no-repeat fixed;
}

.inform-box .item {
    padding: 48px 0 0 86px;
    float: left;
}

.inform-box .item:first-child {
    padding-left: 46px;
}

.inform-box .item .title {
    line-height: 1;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 40px;
    color: #bec124;
    text-transform: uppercase;
}

.inform-box .item .text {
    padding-top: 20px;
    line-height: 46px;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    white-space: nowrap;
}

.inform-box .item .text span {
    display: inline-block;
    width: 95px;
}

.inform-about {

}

.inform-about .logo {
    position: absolute;
    left: 5px;
    top: 20px;
}

.inform-about .entry {
    padding: 40px 0 0 360px;
}

.inform-about .year {
    position: relative;
    line-height: 1;
    font-size: 50px;
    color: #42b7e5;
    font-weight: 700;
    font-family: Arial;
}

.inform-about .year span {
    position: absolute;
    left: -96px;
    top: 6px;
    font-size: 80px;
    font-weight: 400;
}

.inform-about .title {
    font-size: 60px;
    color: #dbdb31;
    font-weight: 700;
    font-family: Arial;
    text-transform: uppercase;
}

.inform-about .text {
    padding: 5px 90px 0 0;
    line-height: 24px;
    font-size: 16px;
    color: #414141;
}

/* end inform */

/* service
------------------------------------------------ */
.service-box {
    padding-top: 20px;
    padding-bottom: 100px;
}

.service-box .head {
    position: relative;
    z-index: 10;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
}

.service-box .subtitle {
    position: relative;
    font-size: 130px;
    color: #ededed;
    font-weight: 400;
}

.service-box .head a {
    position: absolute;
    right: 0;
    top: 54px;
    padding-right: 30px;
    font-size: 20px;
    color: #c61e2f;
    text-decoration: none;
}

.service-box .head a:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -96px 0px no-repeat;
    width: 23px;
    height: 10px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -5px;
}

.service-box .head a:hover {
    color: #80cbde;
}

.service-box .head a:hover:after {
    background-position: -96px -10px;
}

.service-box .tab {
    position: relative;
    float: left;
    padding-top: 40px;
    font-size: 18px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
}

.service-box .tab p {
    padding-top: 30px;
}

.service-box .tab p a {
    color: #d6d92f;
    text-decoration: none;
}

.service-box .tab p a:hover {
    color: #c61e2f;
}

.service-box .tab p.active a {
    color: #e3e3e3;
}

.service-box .slider {
    position: relative;
    float: right;
    width: 830px;
}

.service-box .inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.service-box .inner .grad {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 20px;
    z-index: 1;
}

.service-box .inner .grad-l {
    background: url("../img/slider-grad.png") 0px 0px repeat-y;
    left: 0px;
}

.service-box .inner .grad-r {
    background: url("../img/slider-grad-r.png") 0px 0px repeat-y;
    right: 0px;
}

.service-box ul {
    position: relative;
    width: 99999px;
}

.service-box ul:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.service-box li {
    position: relative;
    width: 830px;
    float: left;
}

.service-box li:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.service-box li .img {
    /*float: left; */
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 365px;
}

.service-box li .img img {
    vertical-align: middle;
    max-width: 360px;
}

.service-box li .entry {
    /*float: left; */
    vertical-align: top;
    display: table-cell;
    width: 450px;
}

.service-box li .title {
    padding-top: 60px;
    line-height: 1;
    font-size: 38px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
    color: #d6d92f;
}

.service-box li .text {
    padding: 25px 30px 0 0;
    line-height: 26px;
    font-size: 15px;
}

.service-box li .detail {
    padding-top: 30px;
}

.service-box li .detail a {
    width: 190px;
    padding: 0;
    border: 1px solid #c61e2f;
    height: 53px;
    line-height: 53px;
}

.service-box li .detail a:hover {
    background: transparent;
    color: #c61e2f;
}

.service-box .pg {
    position: absolute;
    left: 380px;
    top: 20px;
    font-size: 18px;
    color: #dadada;
}

.service-list {
    position: relative;
}

.service-list .search {
    position: absolute;
    right: 0px;
    top: 30px;
    z-index: 25;
}

.service-list .search input[type=text] {
    width: 220px;
    height: 35px;
    border: 1px solid #e4e4e4;
    border-radius: 35px;
    box-shadow: none;
    padding: 0 0 0 40px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #dbdbdb;
}

.service-list .search input[type=text]:focus {
    border: 1px solid #e2e247;
}

.service-list .search button {
    padding: 0;
    background: url(../img/sprite.png) -200px 0px no-repeat;
    width: 19px;
    height: 18px;
    position: absolute;
    left: 13px;
    top: 50%;
    margin-top: -9px;
    border-radius: 0;
}

.service-list .search ::-webkit-input-placeholder {
    color: #dbdbdb
}

.service-list .search :-moz-placeholder {
    color: #dbdbdb
}

.service-list .search ::-moz-placeholder {
    color: #dbdbdb
}

.service-list .search :-ms-input-placeholder {
    color: #dbdbdb
}

.service-list .search ul {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 3px;
    padding: 10px 0 30px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 3px 5px 13px rgba(0, 0, 2, .17);
    display: none;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 14px;
    color: #80cbde;
    text-transform: uppercase;
}

.service-list .search li {
    padding-top: 14px;
}

.service-list .search li a {
    color: #c8c8c8;
    text-decoration: none;
}

.service-list .search li a:hover {
    color: #80cbde;
}

.service-list__note:before {
    content: '* – ';
    margin-left: -21px;
}

.service-list__note {
    color: #696969;
    font-size: 14px;
    padding: 10px 0 0 21px;
}

.ui-autocomplete {
    position: absolute;
    width: 686px !important;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 20px 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 3px 5px 13px rgba(0, 0, 2, .17);
    display: none;
    z-index: 100;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 14px;
    color: #80cbde;
    text-transform: uppercase;
}

.ui-autocomplete li {
    margin-top: 14px;
    cursor: pointer;
    color: #c8c8c8;
}

.ui-autocomplete li:hover {
    color: #80cbde;
}

.ui-helper-hidden-accessible {
    display: none;
}

.service-item {
    position: relative;
    margin-top: 130px;
}

.service-item:first-child {
    margin-top: 40px;
}

.service-item header {
    position: relative;
}

.service-item .title {
    padding-right: 260px;
    line-height: 60px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 45px;
    color: #80cbde;
    text-transform: uppercase;
}

.service-item .specialist {
    position: absolute;
    right: 0px;
    top: -1px;
}

.service-item .specialist:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.service-item .specialist a {
    position: relative;
    display: block;
    width: 56px;
    height: 56px;
    border: 2px solid #fff;
    border-radius: 100%;
    float: left;
    margin-left: -10px;
}

.service-item .specialist a:first-child {
    z-index: 10;
}

.service-item .specialist a:first-child + a {
    z-index: 9;
}

.service-item .specialist a:first-child + a + a {
    z-index: 8;
}

.service-item .specialist a:first-child + a + a + a {
    z-index: 7;
}

.service-item .specialist a:first-child + a + a + a + a {
    z-index: 6;
}

.service-item .specialist a img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.service-item .specialist a:hover {
    z-index: 20 !important;
    width: 100px;
    height: 100px;
    margin-top: -20px;
}

.service-item .img {
    position: absolute;
    left: 0px;
    top: 0px;
}

.service-item ul {
    position: relative;
    width: 790px;
    min-height: 400px;
    margin: 0 0 0 auto;
    padding-top: 35px;
}

.service-item li {
    position: relative;
    padding: 5px 0 4px;
    font-size: 14px;
    color: #696969;
}

.service-item li:after {
    content: '';
    display: block;
    position: absolute;
    left: 14px;
    right: 14px;
    top: 0px;
    background: #f4f4f4;
    height: 1px;
}

.service-item li:first-child {
    padding-top: 0;
}

.service-item li:first-child:after {
    display: none;
}

.service-item li .inner {
    position: relative;
    border-radius: 25px;
    min-height: 25px;
    display: table-row;
}

.service-item li .inner:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.service-item li .level {
    border-radius: 25px 0 0 25px;
    padding-left: 14px;
    width: 698px;
}

.service-item li .level span {
    color: #f60;
}

.service-item li .value {
    border-radius: 0 25px 25px 0;
    width: 120px;
    padding-left: 10px;
    padding-right: 14px;
    text-align: right;
}

.service-item li .level, .service-item li .value {
    display: table-cell;
    vertical-align: middle;
    height: 25px;
}

.service-item li .inform {
    display: none;
}

.service-item li:hover .inner {
    background: #e9e9e9;
}

.service-item li.active {
    color: #fff;
}

/*.service-item li.active + li:after {
	display: none;
}*/
.service-item li.active .inner {
    background: #c51637;
}

.service-item li.tooltip:hover {
    cursor: pointer;
    color: #fff;
}

.service-item li.tooltip.active .inner,
.service-item li.tooltip:hover .inner {
    background: #80cbde;
}

.blocks .service-item {
    margin-top: 40px;
    width: 30%;
    margin-right: 3.333333%;
    display: inline-block;
    float: left;
}

.blocks .service-item:nth-child(3n) + .service-item {
    clear: left;
}

.blocks .service-item .title {
    line-height: 20px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    background: #80cbde;
    text-align: center;
    padding: 10px;
    min-height: 60px;
    box-sizing: border-box;
}

.blocks .service-item .title a {
    text-decoration: none;
    color: inherit;
}

.blocks .service-item ul {
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #F4F4F4;
    padding: 25px 10px;
}

.blocks .service-item li .inner {
    display: block;
}

.blocks .inner a {
    text-decoration: none;
    color: inherit;
}

.blocks + .service-list__note {
    clear: both;
}

.small-price .service-item {
    margin-top: 20px;
}

.small-price .service-item .title {
    font-size: 25px;
    margin: 0 auto;
    width: 790px;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
}

.small-price .service-item ul {
    margin: 0 auto;
    min-height: auto
}

.service-item-page h2 {
    text-align: center;
}

.service-item-page .dentist-list {
    text-align: center;
    padding: 0 0 80px;
}

.service-item-page .record-btn {
    width: 210px;
    margin: 0 auto;
    padding: 0 30px;
    text-align: center;
}

.service-item-page .before-and-after .img-wraper {
    margin: 40px auto;
    width: 790px;
    text-align: center;
}

.service-item-page .before-and-after .img-wraper img {
    max-height: 300px;
}

.service-item-page hr {
    border: solid 1px #dbdb31;
    background: #dbdb31;
    margin: 50px 0;
}

.same-articles {
    margin: 20px 0;
}

.same-articles ul {
    width: 50%;
    float: left;
}

.same-articles ul li {
    min-height: 25px;
    margin: 2px 10px 0;
    padding: 4px 20px 0;
    border-radius: 30px;
}

.same-articles ul li:hover {
    background: #e9e9e9;
}

.same-articles ul li a {
    font-size: 14px;
    color: #696969;
    text-decoration: none;
    display: block;
}

/* end service */

/* form
------------------------------------------------ */
.form-box {
    position: relative;
}

.form-box .form {
    float: left;
    width: 490px;
}

.form-box .item {
    position: relative;
    padding-top: 22px;
}

.form-box .item:first-child {
    padding-top: 0 !important;
}

.form-box .item:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.form-box .item .level {
    float: left;
    padding-top: 8px;
    width: 110px;
    font-size: 14px;
    color: #43a6ca;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
}

.form-box .item .level span {
    color: #c61e2f;
}

.form-box .item .value {
    float: left;
}

.form-box .item .value.margin-left {
    margin-left: 110px;
}

.form-box .item .value.attach-file {
    padding-bottom: 10px;
}

.form-box .item .value.attach-file input[type=file] {
    display: none;
}

.form-box .item .attach-file__link {
    border-bottom: 1px dashed #278cb1;
    color: #278cb1;
    display: inline-block;
    font-size: 18px;
    /*text-transform: uppercase;*/
    margin: 0 0 0 20px;
    text-decoration: none;
    white-space: nowrap;
}

.form-box .item .attach-file__link:hover {
    border-bottom: none;
    padding-bottom: 1px;
}

.form-box .item .attach-file__paperclip {
    margin: 0 5px 0 -20px;
}

.form-box .item .attach-file__link .file-size-hint {
    font-size: 16px;
    font-style: italic;
}

.form-box .item .attach-file__hint {
    color: #278cb1;
    font-size: 11px;
    font-style: italic;
    font-weight: 300;
    padding: 5px 0 0 0;
}

.form-box .entry {
    float: left;
    width: 265px;
}

.form-box .entry .ob {
    font-size: 14px;
    color: #278cb1;
    font-style: italic;
    font-weight: 300;
}

.form-box .entry .ob span {
    color: #c61e2f;
}

.form-box .entry .text {
    padding-top: 35px;
    line-height: 24px;
    font-size: 14px;
    color: #278cb1;
    font-style: italic;
    font-weight: 300;
}

.form-box .entry .bt {
    padding-top: 30px;
}

.form-box .entry .bt a {
    display: block;
    background: #dbdb31;
    padding: 0;
    font-size: 13px;
}

.form-box .entry .bt a:hover {
    background: #acac00;
}

.form-question {
    position: relative;
    min-width: 1165px;
    height: 643px;
    background: url(../img/form-question-bkg.png) center bottom no-repeat;
    z-index: 2;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.form-question .wrapper {
    height: 643px;
}

.form-question .subtitle {
    position: relative;
    padding-top: 20px;
    font-size: 128px;
    color: #95daeb;
    font-weight: 400;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
}

.form-question .form-box {
    padding: 90px 0 0 335px;
}

.form-question .man {
    display: block;
    background: url(../img/form-question-man.png) no-repeat;
    width: 487px;
    height: 492px;
    position: absolute;
    left: -45px;
    bottom: 0px;
}

.form-error,
.error input,
.error textarea {
    vertical-align: middle;
    border: 1px solid #e7182c !important;
}

.errorMessage {
    display: none !important;
}

.error:after {
    content: '';
    display: inline-block;
}

.form-error + i,
.error:after {
    vertical-align: top;
    display: inline-block;
    vertical-align: top;
    background: url(../img/sprite.png) -152px 0px no-repeat;
    width: 22px;
    height: 22px;
    margin-left: 5px;
}

.form-question-new {
    height: 670px;
    background: url(../img/form-question-new-bkg.png) center bottom no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.form-question-new .wrapper {
    height: 670px;
}

.form-question-new .subtitle {
    padding-top: 40px;
    font-size: 86px;
    color: #82cee0;
}

.form-question-new .man {
    background: url(../img/form-question-new-man.png) no-repeat;
    width: 491px;
    height: 516px;
}

.form-question-new .form-box {
    padding: 70px 0 0 370px;
}

.form-question-new .form-box .item {
    padding-top: 36px;
}

.form-question-new .form-box .item-bt {
    padding-top: 27px;
}

.form-question-new input[type=text],
.form-question-new textarea {
    background: #f4f4f4;
}

.form-question-new .form-box .entry .text {
    padding-top: 15px;
}

.form-question-new .form-box .entry .bt a {
    position: relative;
    background: #82cee0;
    width: 220px;
    height: 51px;
    line-height: 51px;
    padding: 0 0 0 20px;
    border-radius: 51px;
    text-align: left;
    font-size: 12px;
}

.form-question-new .form-box .entry .bt a:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -256px 0px no-repeat;
    width: 19px;
    height: 9px;
    position: absolute;
    left: 200px;
    top: 50%;
    margin-top: -4.5px;
}

.form-vacancy {
    position: relative;
    min-width: 1165px;
    height: 843px;
    background: url(../img/form-vacancy-bkg.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.form-vacancy .wrapper {
    height: 843px;
}

.form-vacancy .subtitle {
    padding-top: 40px;
    font-size: 69px;
    color: #c0c02c;
}

.form-vacancy .girl {
    background: url(../img/form-vacancy-girl.png) no-repeat;
    width: 518px;
    height: 758px;
    position: absolute;
    left: -65px;
    bottom: 0px;
}

.form-vacancy .form-box {
    padding: 85px 0 0 360px;
}

.form-vacancy .form-box .item {
    padding-top: 35px;
}

.form-vacancy .form-box .item .level {
    width: 130px;
    color: #a4a420;
}

.form-vacancy input[type=text],
.form-vacancy textarea {
    background: #f4f4f4;
    box-shadow: 6px 10px 9px rgba(166, 166, 28, .17);
}

.form-vacancy .form-box .entry .ob {
    color: #a4a420;
}

.form-vacancy .form-box .entry .text {
    color: #a4a420;
}

.form-vacancy .file {
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.form-vacancy .file a {
    background: #c1c100;
    padding: 0;
    width: 210px;
    height: 38px;
    line-height: 38px;
    border-radius: 38px;
    color: #fff;
    font-size: 12px;
}

.form-vacancy .file input[type=file] {
    margin: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    cursor: pointer;
    line-height: 1em;
}

.form-comment {
    position: relative;
    min-width: 1165px;
    min-height: 620px;
    background: url(../img/form-comment-bkg.png) center bottom no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.form-comment .wrapper {
    min-height: 620px;
    padding-bottom: 20px;
}

.form-comment .subtitle {
    padding-top: 40px;
    font-size: 86px;
    color: #f3b151;
}

.form-comment .man {
    background: url(../img/form-comment-man.png) no-repeat;
    width: 693px;
    height: 576px;
    position: absolute;
    left: -100px;
    bottom: 0px;
}

.form-comment .form-box {
    padding: 75px 0 0 370px;
}

.form-comment .form-box .item {
    padding-top: 36px;
}

.form-comment .form-box .item .level {
    color: #d29439;
}

.form-comment .form-box .item .level span {
    color: #d29439;
}

.form-comment .form-box .item-bt {
    padding-top: 27px;
}

.form-comment input[type=text],
.form-comment textarea {

}

.form-comment .form-box .entry .ob {
    color: #b87b23;
}

.form-comment .form-box .entry .ob span {
    color: #b87b23;
}

.form-comment .form-box .entry .text {
    padding-top: 15px;
    color: #b87b23;
}

.form-comment .form-box .entry .bt {
    text-align: center;
}

.form-comment .form-box .entry .bt a {
    display: inline-block;
    position: relative;
    background: #82cee0;
    width: 220px;
    height: 51px;
    line-height: 51px;
    padding: 0 0 0 20px;
    border-radius: 51px;
    text-align: left;
    font-size: 12px;
}

.form-comment .form-box .entry .bt a:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -256px 0px no-repeat;
    width: 19px;
    height: 9px;
    position: absolute;
    left: 200px;
    top: 50%;
    margin-top: -4.5px;
}

.form-contact {
    position: relative;
    min-width: 1165px;
    min-height: 450px;
    background: #d6d92f;
    padding-bottom: 20px;
}

.form-contact .subtitle {
    position: absolute;
    left: 5px;
    top: 25px;
    width: 500px;
    font-size: 80px;
    color: #e1e43b;
}

.form-contact .form-box {
    padding: 85px 0 0 370px;
}

.form-contact .form-box .item {
    padding-top: 18px;
}

.form-contact .form-box .item-bt {
    padding-top: 24px;
}

.form-contact .form-box .item .level,
.form-contact .form-box .item .level span,
.form-contact .form-box .entry .ob,
.form-contact .form-box .entry .ob span,
.form-contact .form-box .entry .text {
    color: #a9ab24;
}

.form-contact .form-box .entry .bt a {
    background: #e3e34e;
}

/* end form */

/* news
------------------------------------------------ */
.news-list {
    position: relative;
}

.news-list .sort {
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 10;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #bcbcbc;
}

.news-list .sort span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.news-list .sort a {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    padding: 0 20px;
    color: #d4d428;
    text-decoration: none;
}

.news-list .sort a:hover,
.news-list .sort a.active {
    background: #dbdb31;
    color: #fff;
}

.news-list article {
    position: relative;
    padding: 0 0 20px 35px;
    min-height: 230px;
    margin-top: 60px;
}

.news-list article:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.news-list article .date {
    position: absolute;
    left: -0px;
    top: 120px;
    width: 120px;
    height: 20px;
    font-size: 16px;
    color: #dbdbdb;
    text-transform: uppercase;
    text-align: right;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.news-list article .img {
    width: 320px;
    float: left;
    padding-right: 35px;
    position: relative;
}

.news-list article .img img {
    width: 100%;
}

.news-list article .img .fa-play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -60px 0 0 -47px;
    color: #fff;
    font-size: 120px;
    opacity: .6;
}

.news-list article .entry {
    position: relative;
    width: 760px;
    float: left;
}

.news-list article .title-bkg {
    position: absolute;
    left: -20px;
    top: -40px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 300px;
    color: #f7f7f7;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.news-list article .title {
    position: relative;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
    font-size: 29px;
    line-height: 30px;
}

.news-list article .title a {
    color: #80cbde;
    text-decoration: none;
}

.news-list article .title a:hover {
    color: #cdcd26;
}

.news-list article .title .icon {
    color: #919190;
    font-size: 16px;
}

.news-list article .text {
    position: relative;
    padding-top: 20px;
    line-height: 30px;
}

.news-list .more {
    padding-top: 80px;
    text-align: center;
}

.news-list .more a {
    background: #dbdb31;
    padding: 0;
    width: 200px;
    height: 58px;
    line-height: 58px;
}

.news-list .more a:hover {
    background: #acac00;
}

/* end news */

/* contact
------------------------------------------------ */
.contact-pg {
    position: relative;
    min-width: 1165px;
    height: 1198px;
    background: #4abad5;
}

.contact-pg .map {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.contact-pg .wrapper {
    padding-top: 142px;
    height: 1056px;
}

.contact-pg .navigation {
    position: relative;
    z-index: 10;
}

.contact-pg .wrapper:before {
    display: block;
    content: '';
    background: url(../img/contact-shadow.png) repeat-y;
    width: 2000px;
    position: absolute;
    left: 500px;
    top: 0px;
    bottom: 0px;
    z-index: 10;
}

.contact-pg .subtitle {
    position: relative;
    z-index: 10;
    color: #ededed;
}

.contact-pg .box {
    position: relative;
    float: right;
    z-index: 10;
    text-align: right;
}

.contact-pg .box:before {
    content: '';
    display: block;
    background: url(../img/contact-ic.png) no-repeat;
    width: 168px;
    height: 901px;
    position: absolute;
    right: 0;
    top: -30px;
}

.contact-pg .inner {
    position: relative;
}

.contact-pg .item {
    padding-top: 100px;
}

.contact-pg .item:first-child {
    padding-top: 0px;
}

.contact-pg .title {
    line-height: 1;
    font-size: 40px;
    color: #e2e22f;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
}

.contact-pg .text {
    padding: 25px 30px 0 0;
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    white-space: nowrap;
}

.contact-pg .text a {
    color: #fff;
    text-decoration: none;
}

.contact-pg .text span {
    display: inline-block;
    width: 100px;
    text-align: left;
}

.viewport-contact #header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    min-width: 0;
    background: transparent;
}

/* end contact */

/* specialist
------------------------------------------------ */
.specialist-list {

}

.specialist-list .sort {
    position: relative;
    z-index: 10;
    padding-top: 25px;
}

.specialist-list .sort .text {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    color: #8fdbee;
    line-height: 1;
}

.specialist-list .sort .menu {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
    width: 302px;
}

.specialist-list .sort .menu .title {
    position: relative;
    height: 45px;
    line-height: 45px;
    background: #fbfbfb;
    padding-left: 25px;
    border-radius: 45px;
    cursor: pointer;
    font-size: 16px;
    color: #7d7d7d;
}

.specialist-list .sort .menu .title:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -280px 0px no-repeat;
    width: 7px;
    height: 6px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
}

.specialist-list .sort .menu .box {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 0px;
    margin-top: 2px;
    background: #fbfbfb;
    border-radius: 20px;
    display: none;
}

.specialist-list .sort .menu .box div {

}

.specialist-list .sort .menu .box div a {
    display: block;
    padding: 6px 25px 8px;
    text-decoration: none;
    font-size: 16px;
    color: #7d7d7d;
}

.specialist-list .sort .menu .box div:first-child a {
    border-radius: 20px 20px 0 0;
}

.specialist-list .sort .menu .box div:last-child a {
    border-radius: 0 0 20px 20px;
}

.specialist-list .sort .menu .box div a:hover {
    background: #8fdbee;
    color: #fff;
}

.specialist-list ul {
    position: relative;
    padding-top: 40px;
    padding-bottom: 120px;
    word-spacing: -0.25em;
}

.specialist-list ul:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.specialist-list li {
    position: relative; /*float: left*/;
    width: 315px;
    margin: 55px 35px 0;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    word-spacing: normal;
}

.specialist-list li .photo {
    position: relative;
    width: 206px;
    height: 206px;
    margin: 0 auto;
    box-shadow: 4px 7px 46px rgba(0, 0, 2, .22);
    border-radius: 100%;
}

.specialist-list li:hover .photo:after {
    content: '';
    display: block;
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    border: 2px solid #c61e2f;
    border-radius: 100%;
}

.specialist-list li .photo img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.specialist-list li .name {
    padding-top: 10px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    color: #dbdb31;
    line-height: 34px;
}

.specialist-list li:hover .name {
    color: #c61e2f;
}

.specialist-list li .post {
    color: #7d7d7d;
    font-size: 16px;
}

.specialist-list li a {
    display: block;
    background: url(../img/spacer.gif) repeat;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.specialist-list .more {
    padding-top: 100px;
    text-align: center;
}

.specialist-list .more a {
    background: #dbdb31;
    padding: 0;
    width: 200px;
    height: 58px;
    line-height: 58px;
}

.specialist-list .more a:hover {
    background: #acac00;
}

.specialist-detail {

}

.specialist-detail header {
    position: relative;
}

.specialist-detail .title {
    font-size: 70px;
    color: #ebebeb;
}

.specialist-detail a.back {
    position: absolute;
    left: 0;
    top: 27px;
    padding-left: 30px;
    color: #f01d31;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
}

.specialist-detail a.back:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -96px -20px no-repeat;
    width: 23px;
    height: 10px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -5px;
}

.specialist-detail .body {
    position: relative;
    padding-top: 25px;
}

.specialist-detail .img {
    float: left;
    width: 335px;
}

.specialist-detail .entry {
    width: 760px;
    float: left;
    padding: 5px 0 0;
}

.specialist-detail .subtitle {
    font-size: 24px;
    color: #80cbde;
}

.specialist-detail .text {
    padding-top: 5px;
    font-size: 18px;
    color: #7d7d7d;
    line-height: 24px;
}

.specialist-detail .descr {
    padding-top: 15px;
    font-size: 16px;
}

/* end specialist */

/* question
------------------------------------------------ */
.question-list {
    position: relative;
}

.question-list .sort {
    position: absolute;
    right: 0;
    top: 20px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #bcbcbc;
}

.question-list .sort span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.question-list .sort a {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    padding: 0 20px;
    color: #d4d428;
    text-decoration: none;
}

.question-list .sort a:hover,
.question-list .sort a.active {
    background: #dbdb31;
    color: #fff;
}

.question-list article {
    position: relative;
    padding-left: 60px;
    margin-top: 80px;
}

.question-list article:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.question-list article .date {
    position: absolute;
    left: 10px;
    top: 80px;
    font-size: 16px;
    color: #dbdbdb;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.question-list article .title {
    font-size: 24px;
    color: #d2d231;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    line-height: 1;
    text-transform: uppercase;
}

.question-list article .text {
    padding-top: 15px;
    line-height: 28px;
    font-size: 16px;
    color: #545454;
}

.question-list article .level {
    width: 540px;
    float: left;
}

.question-list article .value {
    width: 470px;
    float: left;
    padding-left: 50px;
}

.question-list article .value .title {
    color: #80cbde;
}

.question-list .more {
    padding-top: 100px;
    text-align: center;
}

.question-list .more a {
    background: #dbdb31;
    padding: 0;
    width: 200px;
    height: 58px;
    line-height: 58px;
}

.question-list .more a:hover {
    background: #acac00;
}

/* end question */

/* vacancy
------------------------------------------------ */
.vacancy-pg {
    position: relative;
}

.vacancy-pg .tab {
    padding-top: 20px;
    float: left;
    line-height: 1;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
    font-size: 25px;
}

.vacancy-pg .tab p {
    padding-top: 40px;
}

.vacancy-pg .tab p a {
    text-decoration: none;
    color: #80cbde;
}

.vacancy-pg .tab p a:hover {
    color: #c61e2f;
}

.vacancy-pg .tab p.active a {
    color: #e0e0e0;
}

.vacancy-pg .inform {
    float: right;
    width: 570px;
    padding-top: 40px;
}

.vacancy-pg .title {
    line-height: 1;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
    font-size: 40px;
    color: #e0e0e0;
}

.vacancy-pg .item {
    padding: 25px 0;
}

.vacancy-pg .item .title {
    font-size: 20px;
    color: #dbdb31;
}

.vacancy-pg .item .text {
    padding: 10px 0 0;
    font-size: 15px;
    color: #000;
    font-weight: 300;
    line-height: 26px;
}

/* end vacancy */

/* comment
------------------------------------------------ */
.comment-list {
    position: relative;
}

.comment-list .sort {
    position: absolute;
    right: 0;
    top: 20px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #bcbcbc;
}

.comment-list .sort span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.comment-list .sort a {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    padding: 0 20px;
    color: #d4d428;
    text-decoration: none;
}

.comment-list .sort a:hover,
.comment-list .sort a.active {
    background: #dbdb31;
    color: #fff;
}

.comment-list ul {
    padding-top: 35px;
}

.comment-list li {
    position: relative;
    padding: 55px 0 0;
}

.comment-list li:first-child {
    padding-top: 0;
}

.comment-list li:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.comment-list li .date {
    padding: 0 0 10px;
    font-size: 20px;
    color: #dbdbdb;
    font-weight: 300;
}

.comment-list li .author {
    float: left;
    width: 600px;
    line-height: 1;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    color: #dbdb31;
}

.comment-list li .text {
    float: right;
    width: 525px;
    font-size: 18px;
    color: #545454;
}

.comment-list .more {
    padding-top: 100px;
    text-align: center;
}

.comment-list .more a {
    background: #dbdb31;
    padding: 0;
    width: 200px;
    height: 58px;
    line-height: 58px;
}

.comment-list .more a:hover {
    background: #acac00;
}

/* end comment */

/* widget
------------------------------------------------ */
.widget-totop {
    position: fixed;
    bottom: 115px;
    z-index: 50;
    width: 162px;
}

.widget-totop.hide {
    display: none !important;
}

.widget-totop a {
    display: block;
    background: #dcdc00;
    width: auto;
    height: 58px;
    line-height: 58px;
    padding: 0 0 0 30px;
    text-align: left;
    font-size: 14px;
}

.widget-totop a:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -184px 0px no-repeat;
    width: 10px;
    height: 23px;
    position: absolute;
    right: 32px;
    top: 19px;
}

.widget-totop a:hover {
    background: #acac00;
}

/* end widget */

/* footer
------------------------------------------------ */
#footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 142px;
    background: #f4f4f4;
}

#footer .menu {
    position: relative;
    padding-top: 32px;
    line-height: 1;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
    font-size: 15px;
}

#footer .menu:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#footer .menu li {
    float: left;
    padding-left: 30px;
}

#footer .menu li:first-child {
    padding-left: 0;
}

#footer .menu li a {
    color: #adadad;
    text-decoration: none;
}

#footer .menu li a:hover {
    color: #80cbde;
}

#footer .counter {
    padding-top: 28px;
}

#footer .counter .item {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

#footer .social {
    position: absolute;
    right: 5px;
    top: 20px;
}

#footer .social .tx {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #adadad;
    text-transform: uppercase;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#footer .social .bx {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    padding-left: 17px;
}

#footer .social a {
    display: block;
    background: url(../img/social.png) no-repeat;
    width: 40px;
    height: 40px;
    float: left;
    margin-left: 5px;
}

#footer .social a.od {
    background-position: -40px 0;
}

#footer .social a.fb {
    background-position: -80px 0;
}

#footer .social a.tw {
    background-position: -120px 0;
}

#footer .dekart {
    position: absolute;
    right: 5px;
    top: 88px;
    font-size: 14px;
    color: #b7b7b7;
    text-transform: uppercase;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#footer .dekart a {
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-decoration: none;
    color: #f4b60f;
}

#footer .foot-adr {
    color: #b7b7b7 !important;
    text-transform: uppercase !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 21px !important;
}

#footer .foot-adr a.foot-adr__clear-link {
    color: #b7b7b7 !important;
    text-transform: uppercase !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 21px !important;
    text-decoration: none;
}

/* end footer */

/* ui-dialog
------------------------------------------------ */
.ui-dialog {
    position: absolute !important;
    z-index: 1000;
    background: #fff;
}

.ui-overlay,
.ui-widget-overlay {
    background: url(../img/ui-widget-overlay.png) repeat;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.ui-overlay {
    display: none;
    z-index: 110;
}

.ui-dialog-titlebar {
    position: relative;
    height: 0;
    z-index: 10;
}

button.ui-dialog-titlebar-close {
    position: absolute;
    right: 0px;
    top: 0px;
    background: none;
    width: auto;
    height: auto;
    padding: 0 0 0 22px;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    text-shadow: none;
}

button.ui-dialog-titlebar-close:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -128px 0px no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0px;
    top: 6px;
}

button.ui-dialog-titlebar-close .ui-button-text {
    color: #80cbde;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

/* end ui-dialog */

/* dialog menu
------------------------------------------------ */
.dialog-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: none;
}

.dialog-menu .wrapper > * {
    position: relative;
    z-index: 120;
}

.dialog-menu .circle {
    position: absolute !important;
    right: -975px;
    top: -875px;
    width: 1950px;
    height: 1950px;
    background: #fff;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 24px 38px rgba(0, 0, 2, .18);
    border-radius: 100%;
}

.dialog-menu .close {
    padding-top: 69px;
    display: none;
    line-height: 1;
    text-align: right;
    font-size: 18px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
}

.dialog-menu .close a {
    position: relative;
    padding-left: 22px;
    color: #80cbde;
    text-decoration: none;
}

.dialog-menu .close a:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -128px 0px no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0px;
    top: 6px;
}

.dialog-menu .menu {
    display: none;
}

.dialog-menu .menu > ul {
    padding-top: 20px;
    line-height: 1;
    text-align: right;
    font-size: 18px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
}

.dialog-menu .menu > ul > li {
    position: relative;
    margin-top: 35px;
}

.dialog-menu .menu > ul > li.active {
    z-index: 2;
}

.dialog-menu .menu > ul > li > a {
    background: url("../img/menu-item-bg.gif") 0px -9999px repeat-x;
    color: #afb223;
    text-decoration: none;
}

.dialog-menu .menu > ul > li.active > a,
.dialog-menu .menu > ul > li > a:hover {
    color: #c61e2f;
}

.dialog-menu .menu > ul > li ul {
    /*background: #fff; */
    display: none;
    right: 275px;
    top: 0;
    padding-right: 26px;
    position: absolute;
}

.dialog-menu .menu > ul > li.active ul {
    display: block;
}

.dialog-menu .menu > ul > li li {
    margin-top: 35px;
}

.dialog-menu .menu > ul > li li:first-child {
    margin-top: 0px;
}

.dialog-menu .menu > ul > li li a {
    color: #afb223;
    text-decoration: none;
}

.dialog-menu .menu > ul > li li a:hover {
    color: #c61e2f;
}

.dialog-menu .menu > ul > li.active.extend > a {
    background-position: 0px 8px;
    display: inline-block;
    width: 275px;
}

.dialog-menu .quote {
    position: absolute !important;
    left: 295px;
    top: 69px;
    background: url(../img/dialog-menu-quote.png) no-repeat;
    width: 242px;
    min-height: 235px;
    display: none;
}

.dialog-menu .quote .title {
    color: #cbcaca;
    line-height: 1;
    font-size: 18px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
}

.dialog-menu .quote .text {
    padding-top: 50px;
    line-height: 30px;
    font-style: italic;
    font-size: 16px;
    color: #a5a5a5;
}

/* end dialog menu */

.nav-menu {
    position: absolute;
    right: 0px;
    top: 70px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.nav-menu__list {
    white-space: nowrap;
}

.nav-menu__item {
    display: inline-block;
    white-space: normal;
    padding: 7px 10px 0 9px;
    position: relative;
}

.nav-menu__item:last-child {
    padding-right: 0px;
}

.nav-menu__item--child {
    display: block;
    margin: 20px 0px 20px;
    padding: 0px;
}

.nav-menu__item--active {
}

.nav-menu__item--has-child:hover {
    background: #fff;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    border-left: 1px solid #80cbde;
    border-top: 1px solid #80cbde;
    border-right: 1px solid #80cbde;
    padding: 6px 9px 0 8px;
}

.nav-menu__link {
    color: #fff;
    text-decoration: none;
}

.nav-menu__link:hover, .nav-menu__item:hover > .nav-menu__link {
    color: #c61e2f;
}

.nav-menu__link--has-child {
}

.nav-menu__link--child, .nav-menu__item--child:hover > .nav-menu__link {
    color: #afb223;
}

.nav-menu__link--child:hover, .nav-menu__item:hover > .nav-menu__link--child:hover {
    color: #c61e2f;
}

.nav-menu__sublist {
    display: none;
    background: #fff;
    -webkit-border-radius: 0px 8px 8px 8px;
    -moz-border-radius: 0px 8px 8px 8px;
    border-radius: 0px 8px 8px 8px;
    position: absolute;
    left: -1px;
    padding: 0px 10px 0px;
    width: 201px;
    border-left: 1px solid #80cbde;
    border-bottom: 1px solid #80cbde;
    border-right: 1px solid #80cbde;
}

.nav-menu__item:hover .nav-menu__sublist {
    display: block;
}

/* dialog record
------------------------------------------------ */
.dialog-record {
    position: absolute;
    left: 50%;
    margin-left: -570px;
    top: 0px;
    padding-top: 100px;
    width: 1140px;
    height: 1040px !important;
    z-index: 115;
    background: #fff;
    background-color: rgba(255, 255, 255, .96);
    border-radius: 100%;
    box-shadow: 12px 21px 38px rgba(0, 0, 2, .18);
    display: none;
}

.dialog-record .inner,
.dialog-success .inner {
    display: none;
}

.dialog-record .close {
    position: absolute;
    top: 160px;
    right: 210px;
    padding: 0 0 0 22px;
    cursor: pointer;
    color: #80cbde;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

.dialog-record .close:after,
.dialog-success .close:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -128px 0px no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0px;
    top: 6px;
}

.dialog-record .girl {
    background: url(../img/dialog-record-girl.png) no-repeat;
    width: 400px;
    height: 578px;
    position: absolute;
    left: 85px;
    top: 204px;
}

.dialog-record .subtitle {
    padding: 95px 0 0 100px;
    line-height: 1;
    font-size: 60px;
    color: #d5d42f;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.dialog-record .form-box {
    padding: 40px 0 0 360px;
}

.dialog-record .form-box .item {
    padding-top: 35px;
}

.dialog-record .form-box .item .level {
    width: 145px;
    color: #cac924;
}

.dialog-record .form-box .item-ob {
    padding: 18px 0 0 145px;
    font-size: 14px;
    color: #b7b620;
    font-style: italic;
    font-weight: 300;
}

.dialog-record .form-box .item-bt {
    padding: 20px 0 0 145px;
}

.dialog-record .info {
    position: relative;
    padding: 30px 0 0 260px;
    background: url(../img/dialog-record-info-bkg.png) 260px 15px no-repeat;
    min-height: 169px;
    color: #bec124;
}

.dialog-record .info:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.dialog-record .info .item {
    float: left;
    padding-left: 84px;
}

.dialog-record .info .item:first-child {
    padding-left: 0;
}

.dialog-record .info .title {
    line-height: 1;
    font-size: 40px;
    font-weight: 700;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
}

.dialog-record .info .text {
    padding-top: 20px;
    line-height: 45px;
    font-size: 30px;
    font-weight: 300;
}

.dialog-record .info .text span {
    display: inline-block;
    width: 92px;
}

.dialog-record input[type=text],
.dialog-record textarea {
    box-shadow: 3px 4px 18px rgba(118, 118, 118, .36);
}

/* end dialog record */

/* dialog comment
------------------------------------------------ */
.dialog-comment {
    background: #fff;
    background-color: rgba(255, 255, 255, .96);
    border-radius: 100%;
    box-shadow: 12px 21px 38px rgba(0, 0, 2, .18);
    display: none;
    width: 1140px;
    height: 1040px !important;
    position: absolute;
    left: 50%;
    margin-left: -570px;
    top: 0px;
    padding-top: 100px;
    z-index: 115;
}

.dialog-comment .inner {
    display: none;
}

.dialog-comment .close {
    color: #80cbde;
    cursor: pointer;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 0 0 22px;
    position: absolute;
    top: 160px;
    right: 210px;
}

.dialog-comment .close:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -128px 0px no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0px;
    top: 6px;
}

.dialog__subtitle {
    padding: 95px 0 0 100px;
    line-height: 1;
    font-size: 60px;
    color: #d5d42f;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.dialog-comment__man {
    background: url("../img/dialog-comment-man.png") 0 0 no-repeat;
    background-size: 400px auto;
    display: block;
    width: 400px;
    height: 420px;
    position: absolute;
    left: 85px;
    top: 240px;
    z-index: 5;
}

.dialog-comment .form {
    padding: 20px 0 0 400px;
    position: relative;
    z-index: 10;
}

.dialog-comment .form .item {
    padding-top: 35px;
}

.dialog-comment .form .item:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.dialog-comment .form .item .level {
    color: #cac924;
    float: left;
    width: 105px;
    padding-top: 8px;
    font-size: 14px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    text-transform: uppercase;
}

.dialog-comment .form .item .value {
    float: left;
}

.dialog-comment .form input[type="text"] {
    width: 282px;
}

.dialog-comment .form .item.polite-feedback {
    padding: 18px 0 0 5px;
    font-size: 14px;
    color: #b7b620;
    font-style: italic;
    font-weight: 300;
}

.dialog-comment .form .item-bt {
    padding: 20px 0 0 105px;
}

/* end dialog comment */

/* dialog tooltip
------------------------------------------------ */
.ui-dialog-tooltip {
    border-radius: 11px;
    box-shadow: 5px 9px 32px rgba(0, 0, 2, .17);
}

.ui-dialog-tooltip:after {
    display: block;
    content: '';
    background: url(../img/sprite.png) -224px 0px no-repeat;
    width: 23px;
    height: 14px;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -7px;
}

.ui-dialog-tooltip button.ui-dialog-titlebar-close {
    background: url(../img/ui-tooltip-close.png) no-repeat;
    width: 64px;
    height: 62px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    border-radius: 0 11px 0 0;
}

.ui-dialog-tooltip button.ui-dialog-titlebar-close:after {
    display: none;
}

.ui-dialog-tooltip button.ui-dialog-titlebar-close .ui-button-text {
    display: none;
}

.dialog-tooltip {
    padding: 32px 50px;
    display: none;
}

.dialog-tooltip .title {
    line-height: 1;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    color: #c9c92b;
    font-size: 25px;
}

.dialog-tooltip .text {
    padding-top: 30px;
    color: #454545;
    line-height: 24px;
    font-weight: 300;
    font-size: 14px;
}

.dialog-tooltip .bt {
    padding-top: 35px;
    text-align: center;
}

.dialog-tooltip .bt a {
    width: 226px;
    padding: 0;
    background: #dbdb31;
    font-size: 12px;
}

/* end dialog tooltip */

.news-list article {
    overflow: hidden;
}

.static-page h1,
.static-page .h1 {
    margin-bottom: 40px;
}

.static-page h2,
.static-page .h2 {
    margin-bottom: 34px;
}

.static-page h3,
.static-page h4,
.static-page .h3,
.static-page .h4 {
    margin-top: 30px;
    position: relative;
    margin-bottom: 24px;
    padding-left: 70px;
}

.static-page p {
    position: relative;
    padding-left: 70px;
    margin-bottom: 20px;
}

.static-page h1 + p:before,
.static-page h2 + p:before,
.static-page h3:before,
.static-page h4:before,
.static-page .h1 + p:before,
.static-page .h2 + p:before,
.static-page .h3:before,
.static-page .h4:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 1px;
    background: #80cbde;
    position: absolute;
    left: 0px;
    top: 11px;
}

.static-page ul,
.static-page ol {
    margin-bottom: 40px;
    padding-left: 70px;
}

.dialog-success {
    position: absolute;
    left: 50%;
    margin-top: 156px;
    margin-left: -216px;
    top: 0px;
    padding-top: 184px;
    width: 436px;
    height: 252px !important;
    z-index: 115;
    background: #fff;
    background-color: rgba(255, 255, 255, .96);
    border-radius: 100%;
    box-shadow: 12px 21px 38px rgba(0, 0, 2, .18);
    background-image: url(../img/ok.png);
    background-position: 50% 54px;
    background-repeat: no-repeat;
    display: none;
}

.dialog-success .inner {
    width: 310px;
    margin: 0 auto;
}

.success-label {
    font-family: 'Arial Black';
    text-transform: uppercase;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    color: #cac924;
    margin-bottom: 15px;
}

.success-message {
    font-family: 'Calibri';
    font-size: 18px;
    text-align: center;
    color: #545454;
    line-height: 1.6;
}

.dialog-success .close {
    position: absolute;
    bottom: 49px;
    right: 38%;
    padding: 0 0 0 22px;
    cursor: pointer;
    color: #80cbde;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

.bt.den a {
    /* padding: 0px; */
    height: 48px;
    line-height: 48px;
    display: inline-block;
    padding-right: 60px;
    padding-left: 20px;
    margin-top: 11px;
}

.bt.den a:after {
    left: 234px;
}

.erfile {
    position: absolute;
    font-size: 12px;
    color: red;
    width: 353px;
}

.fancybox-opened .fancybox-title.fancybox-title-inside-wrap {
    padding: 7px;
}

.dentist-wrapper .dentist-wrapper {
    position: relative;
}

.dentist-wrapper .dentist-list {
    display: none;
    top: 40px;
    width: 370px;
    position: absolute;
    z-index: 99999;
    background: #FFF;
    max-height: 420px;
    overflow-x: auto;
    padding: 20px 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
}

.dentist-list-item {
    padding: 5px 14px;
    color: #070707;
    font-size: 16px;
    cursor: pointer;
    -webkit-border-radius: 14px/14px;
    border-radius: 14px/14px;
}

.dentist-list-item:hover {
    background: #EC1A33;
    color: #fff;
}

.dentist-name {
    width: 222px;
    height: 32px;
    padding: 7px 10px;
    box-shadow: 3px 4px 18px rgba(118, 118, 118, .36);
    background: #FFF;
    cursor: pointer;

    border: 0;
    border-radius: 5px;
    box-shadow: 6px 10px 9px rgba(2, 56, 91, .17);
    box-sizing: border-box;
    font-size: 16px;

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    padding-right: 34px;
    background: url(../img/arrdown.png) no-repeat 200px 50% #fff;
}

.dentist-name.active-list {
    background: url(../img/arrup.png) no-repeat 200px 50% #fff;
}

.dentist-info-wrapper {
    text-decoration: none;
    text-align: center;
    background: #FFF;
    position: absolute;
    left: 550px;
    top: 40px;
    width: 240px;
    padding: 14px;
    z-index: 999;

    display: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
}

.dentist-info-image {
    display: inline-block;
    margin-bottom: 20px;
    width: 130px;
    height: 130px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.dentist-info-spec-name {
    font-size: 16px;
    color: #D5D42F;
    font-weight: bold;
    margin-bottom: 10px;
}

.dentist-info-spec-value {
    font-size: 14px;
    color: #b9b9b9;
}

.den__add-review,
.bt.den a.den__add-review {
    position: relative;
    display: block;
    background: #dbdb31;
    padding-left: 20px;
    padding-right: 60px;
    width: 197px;
    height: 48px;
    line-height: 48px;
    border-radius: 48px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.den__add-review:after,
.bt.den a.den__add-review:after {
    background: none;
    content: '+';
    width: auto;
    height: auto;
    font-size: 20px;
    top: 0;
    left: auto;
    right: 24px;
    margin-top: 0;
}

.dentist-reviews {
    margin-top: 40px;
}

.dentist-reviews__header {
    margin-bottom: 20px;
}

.dentist-reviews__body {
}

.dentist-reviews__body.dentist-reviews__body_folded {
    max-height: 445px;
    overflow: hidden;
}

.dentist-reviews__body:after {
    content: '';
    clear: both;
    display: block;
    height: 1px;
    font-size: 1px;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.dentist-reviews__expand-link-box {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin-top: 20px;
}

.dentist-reviews__item {
    box-sizing: border-box;
    float: left;
    width: calc(25% - 20px);
    margin-right: 20px;
    max-width: 300px;
    margin-bottom: 20px;
    height: 440px;
}

.dentist-reviews__img-box,
.dentist-reviews__no-img {
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
    display: block;
    width: 100%;
    height: 200px;
}

.dentist-reviews__img-box {
    background-position: center top;
    background-size: cover;
    overflow: hidden;
}

.dentist-reviews__no-img {
    background: #f4f4f4 url("../img/logo_light-green.png") center no-repeat;
}

.dentist-reviews__img {
}

.dentist-reviews__info {
    border: 1px solid #d7d7d7;
    border-top: 4px solid #dbdb31;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    height: 240px;
    padding: 20px 25px 45px;
}

.dentist-reviews__full-info {
    display: none;
    max-width: 600px;
    /*overflow: hidden;*/
}

.dentist-reviews__date {
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.dentist-reviews__nickname {
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 10px;
}

.dentist-reviews__text {
    box-sizing: border-box;
    display: -webkit-box;
    max-height: 90px;
    min-height: 80px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dentist-reviews__text.dentist-reviews__text_full {
    display: block;
    max-height: none;
    min-height: auto;
    height: auto;
    -webkit-line-clamp: auto;
    -webkit-box-orient: horizontal;
    overflow: auto;
    text-overflow: clip;
}

.dentist-reviews__link-box {
    text-align: right;
    margin-top: 10px;
}

.dentist-reviews__more-link {
    box-sizing: border-box;
    color: #c5c727;
}

.dentist-certificates {
    margin-top: 40px;
}

.dentist-certificates__header {
    margin-bottom: 20px;
}

.dentist-certificates__body {}

.dentist-certificates__item {
    box-sizing: border-box;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    vertical-align: top;
}

.dentist-certificates__img {
    border-radius: 5px;
}

@media not all, (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 1.25) {
    #header .logo__link {

        background-size: 163px auto;
    }

    .dentist-reviews__no-img {

        background-size: 163px auto;
    }
}

.polite-feedback .value, .polite-popup .value {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.polite-feedback ul, .polite-popup ul {
    margin: 0;
    padding: 5px 0 0 10px;
}

.polite-feedback ul li, .polite-popup ul li {
    text-align: left;
    margin: 0 0 5px 10px;
    list-style-position: inside;
    font-size: 10px;
    padding: 0;
    list-style-type: circle;
    max-width: 90%;
}

.polite-feedback .value {
    width: 336px;
}

.services-middle-images {
  display: block;
  margin: 10px auto;
  max-width: 100%;
}