@font-face {
    font-family: Segoe UI;
    src: url(fonts/segoeui.ttf)
}

@font-face {
    font-family: Exo20Medium;
    src: url(fonts/exo-20-medium.ttf)
}

p {
    width: 100%;
    font: 17px Exo20Medium;
    color: #303030
}

a {
    color: #303030
}

body {
    color: #050505;
    font-size: 14px;
    font-family: Segoe UI
}

.subdomain-contact-block {
    padding: 0 0 50px 0;
}

#newstopline {
    background: #f2f2f2;
    padding: 0 20px;
}

.newstop {
    font-family: Segoe UI;
    font-size: 14px;
    text-align: center;
    color: #050505;
    margin: 0
}

.newstop span {
    width: 13px;
    height: 12px
}

#navtopline {
    background: #303030
}

#navtopline .container {
    padding: 0
}

#first-menu-wrap .nav-link {
    padding: 6px 15px
}

#first-menu-wrap .nav-link:hover {
    text-decoration: underline
}

.navbar-nav .nav-link {
    font-size: 15px;
    color: #FFF
}

.navbar-nav .dropdown:hover>.dropdown-menu {
    display: block;
    margin: 0
}

.buttonCallBack {
    font: 14px Segoe UI;
    color: #FFF;
    text-align: center;
    text-decoration: underline;
    display: block;
    padding: 17px 0
}

.buttonCallBack:hover {
    text-decoration: none;
    color: #FFF;
    background: #373737
}

#dropdown-menu-second {
    border-radius: 0
}

#dropdown-menu-second .dropdown-item:hover {
    text-decoration: underline;
    background: none
}

#dropdown-menu-first {
    background: #0162bf;
    border-radius: 0
}

#dropdown-menu-first .dropdown-item {
    font-family: Segoe UI;
    font-size: 14px;
    color: #FFF;
    padding: 10px 20px
}

#dropdown-menu-first .dropdown-item:hover {
    background: #015db6
}

.active-nav {
    background: #0159ad;
    color: #FFFFFF !important
}

@media (max-width:575px) {
    .head-motivation li {
        text-align: center;
    }
    #logo-top {
        display: block;
        margin: 0 auto 20px
    }
    .mainh2 {
        font: 25px Exo20Medium;
        color: #303030;
        text-align: center;
        width: 100%;
        margin: 20px 0 20px 0
    }
    .buttonfoot {
        margin: 15px 0 !important
    }
    .footer-contacts {
        padding-top: 10px;
        border-top: 2px solid #e6e6e6
    }
    #button-toogler-top {
        padding: 3px 10px;
        border: 1px solid #FFF;
        margin: 0 auto
    }
    .visa-maestro {
        margin-top: 20px
    }
}

@media (min-width:576px) {
    #logo-top {
        float: left
    }
    .mainh2 {
        font: 29px Exo20Medium;
        color: #303030;
        text-align: center;
        width: 100%;
        margin: 50px 0 50px 0
    }
    .buttonfoot {
        margin: 10px 0 15px !important
    }
}

@media (max-width:518px) {
    #first-menu-wrap li a {
        text-align: center
    }
    #first-menu-wrap li:hover {
        background: #212121
    }
}

@media (min-width:519px) {
    #first-menu-wrap li a {
        text-align: left
    }
}

.header {
    padding: 20px 0
}

.phonetop {
    padding: 0;
    margin-top: 5px
}

.phonetop span,
.phonetop .phone_alloka,
.phonetop a {
    font-size: 20px;
    color: #303030;
    margin: 0 auto;
    display: block;
    text-align: center;
    max-width: 190px
}

.orderbutton,
.appointbutton {
    display: block;
    max-width: 220px
}

.orderbutton {
    font-size: 16px;
    color: #FFF;
    border-radius: 30px;
    text-align: center;
    padding: 12px 25px;
    background: #0162bf
}

.appointbutton {
    font-size: 16px;
    color: #FFF;
    border-radius: 30px;
    text-align: center;
    padding: 12px 25px;
    background: #00c86d
}

.orderbutton:hover {
    box-shadow: 0 5px 3px #014f9a inset;
    text-decoration: none;
    color: #FFF
}

.appointbutton:hover {
    color: #FFF;
    text-decoration: none;
    box-shadow: 0 5px 3px #00a057 inset
}

#navservicesline {
    background: #f2f2f2
}

#navbarsservice .navbar-nav .nav-link {
    color: #303030;
    font-family: Exo20Medium;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    padding: .8rem .5rem .5rem .5rem
}

#navbarsservice .navbar-nav .nav-link:hover {
    color: #FFF;
    background: #0159ad
}

#navbar-second-toogler-button {
    width: 100%;
    background: #303030
}

#button-toogler-top {
    padding: 3px 10px;
    border: 1px solid #FFF;
    margin: 0 auto
}

.menu-toogle-text {
    float: left;
    width: 100%
}

.menu-toogle-text i {
    color: #FFF;
    margin: 5px 10px 0 0;
    font-size: 15px;
    float: left
}

.menu-toogle-text span {
    color: #303030;
    text-align: left;
    color: #FFF;
    float: left;
    font-family: Exo20Medium;
    font-size: 15px;
    margin: 5px 0
}

#advantageswrap {
    background: #f2f2f3
}

#advantageswrap .advitem img {
    margin: 0 auto;
    display: block
}

#advantageswrap .advitem p {
    font-size: 16px;
    font-family: Segoe UI;
    text-align: center
}

.breadcrumbs {
    margin: 28px 0 0 0;
    padding: 0
}

.breadcrumbs li {
    font: 16px Segoe UI;
    color: #303030
}

.breadcrumbs li a {
    color: #0162bf;
    font: 16px Segoe UI;
    text-decoration: underline
}

.breadcrumbs li a:hover {
    text-decoration: underline;
    color:
}

.breadcrumbs li {
    display: inline
}

#forma-order-kardan {
    background: #FFF;
    width: 100%;
    padding: 25px 60px
}

#forma-order-kardan .text-input-label>p,
#forma-order-kardan .text-input-label label {
    color: #303030;
    font: 14px Segoe UI;
    line-height: 18px;
    margin: 17px 0 0
}

#forma-order-kardan .text-input-wrap input {
    background: #FFF;
    border-radius: 20px;
    border: 2px solid #d9d9d9;
    text-align: center;
    color: #303030;
    font: 14px Segoe UI;
    padding: 10px 10px;
    min-width: 134px;
    margin: 5px 0
}

#forma-order-kardan .text-input-wrap input:disabled {
    background: #f2f2f2
}

#forma-order-kardan .text-input-label>.dsize {
    color: #303030;
    font: 14px Segoe UI;
    line-height: 18px;
    margin: 1px 0
}

#forma-order-kardan .text-input-label>.dsize:first-child {
    margin: 15px 0 0
}

#contact-form-wrap div>p {
    font: 14px Segoe UI;
    color: #303030;
    margin: 10px 0 5px
}

#contact-form-wrap div>input,
#contact-form-wrap div>textarea {
    background: #FFF;
    border-radius: 20px;
    border: 2px solid #d9d9d9;
    text-align: left;
    color: #303030;
    font: 14px Segoe UI;
    padding: 10px 20px;
    width: 100%;
    margin: 5px 0
}

#contact-form-wrap div>.otpravit {
    background: #00c86d;
    border: 0;
    box-shadow: none;
    border-radius: 20px;
    color: #FFF;
    font: 16px Segoe UI;
    text-align: center;
    float: right;
    max-width: 215px
}

#contact-form-wrap div>.otpravit:hover {
    color: #FFF;
    text-decoration: none;
    box-shadow: 0 5px 3px #00a057 inset;
    cursor: pointer
}

.forma-title-h3 {
    overflow: hidden;
    text-align: center;
    color: #0162bf;
    font: 20px Exo20Medium;
    width: 100%
}

.forma-title-h3 span {
    display: inline-block;
    vertical-align: middle
}

.forma-title-h3:before,
.forma-title-h3:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 1px;
    background-color: #d1d3d4;
    position: relative
}

.forma-title-h3:before {
    margin-left: -100%;
    left: -14px
}

.forma-title-h3:after {
    margin-right: -100%;
    right: -14px
}

.row-forma {
    margin: 10px 0 20px
}

.row-forma-in {
    margin: 30px 0 10px
}

.news-block-wrap {
    margin-bottom: 20px
}

.news-block {
    background: #FFF;
    padding: 30px
}

.date-news {
    color: #0162bf;
    font: 15px Segoe UI
}

.title-news {
    color: #303030;
    font: 18px Segoe UI;
    margin-bottom: 25px
}

.text-news {
    color: #303030;
    font: 15px Segoe UI;
    margin-bottom: 25px
}

.buttonmore {
    background: #00c86d;
    border-radius: 35px;
    color: #FFF;
    font-size: 16px;
    padding: 15px 40px;
    display: block;
    max-width: 215px;
    text-align: center
}

.buttonmore:hover {
    text-decoration: none;
    color: #FFF;
    box-shadow: 0 5px 3px #00a057 inset
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #0162bf;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media (min-width:768px) {
    .uslugleftwrap {
        padding: 0 15px 0 0;
        margin: 10px 0
    }
    .uslugrightwrap {
        padding: 0 0 0 15px;
        margin: 10px 0
    }
    .findoutcosts,
    .buttonmoreservices {
        margin: 20px 0
    }
    .findoutcosts {
        float: right
    }
    .buttonmoreservices {
        float: left
    }
    .review {
        margin: 0
    }
    .sendform {
        margin: 27px 0 0
    }
    .personaltext {
        text-align: left
    }
    .constitle {
        text-align: left
    }
    .constdescr {
        text-align: left
    }
    .digiticon {
        padding: 5px 10px;
        width: 20%;
        display: block;
        float: left
    }
    .yandex-map {
        margin: 0
    }
    .contact-title {
        margin: 0 0 50px
    }
}

@media (max-width:991px) and (min-width:576px) {
    .mail-top {
        margin-top: 25px
    }
}

@media (max-width:767px) {
    .uslugleftwrap {
        padding: 0;
        margin: 10px 0
    }
    .uslugrightwrap {
        padding: 0;
        margin: 10px 0
    }
    .findoutcosts,
    .buttonmoreservices {
        margin: 10px auto
    }
    .review {
        margin: 0 0 10px
    }
    .sendform {
        margin: 10px auto
    }
    .personaltext {
        text-align: center
    }
    .constitle {
        text-align: center
    }
    .constdescr {
        text-align: center
    }
    .digiticon {
        padding: 5px 10px;
        width: 50%;
        display: block;
        float: left
    }
    .yandex-map {
        margin: 0 0 30px
    }
    .contact-title {
        margin: 0 0 20px
    }
}

.service1 {
    background: #282828 url(../img/var2.png) no-repeat right center;
    height: 390px;
    overflow: hidden;
    position: relative
}

.service1:hover {
    background: #282828 url(../img/var2H.png) no-repeat right center
}

.service2 {
    background: #282828 url(../img/var2revers.png) no-repeat left center;
    height: 390px;
    overflow: hidden;
    position: relative
}

.service2:hover {
    background: #282828 url(../img/var2reversH.png) no-repeat left center
}

.service1p,
.service2p,
.servicebalp,
.servicepodvesp,
.uslugstandartp {
    font-family: Exo20Medium;
    font-size: 23px;
    color: #FFF;
    line-height: 24px;
    text-align: center
}

.service1p {
    position: absolute;
    top: 204px;
    right: 160px;
    max-width: 195px
}

.service2p {
    position: absolute;
    top: 204px;
    left: 140px;
    max-width: 208px
}

.servicepodvesp {
    position: absolute;
    top: 204px;
    right: 160px;
    max-width: 221px
}

.servicebal {
    background-image: url(../img/balancbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 390px
}

.servicebalp {
    position: absolute;
    top: 204px;
    left: 140px;
    max-width: 225px
}

.servicebal a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/circlebutton.png) no-repeat 218px 128px
}

.servicebal a:hover {
    background: url(../img/circlebuttonH.png) no-repeat 218px 128px
}

.servicepodves {
    background-image: url(../img/podvesbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 390px
}

.servicepodves a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/circlebutton.png) no-repeat top 128px right 225px
}

.servicepodves a:hover {
    background: url(../img/circlebuttonH.png) no-repeat top 128px right 225px
}

.uslugcoubstandart {
    background-image: url(../img/servicevilkabg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 470px;
    position: relative
}

.uslugcoubstandart:hover {
    background-image: url(../img/servicevilkabg1H.jpg)
}

.uslugcoubstandart a {
    display: block;
    width: 100%;
    height: 100%
}

.uslugstandartp {
    position: absolute;
    top: 52%;
    width: 100%;
    text-align: center
}

.serviceproizvodstvo {
    background-image: url(../img/proizvodstvoban.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 470px;
    position: relative
}

.serviceproizvodstvo:hover {
    background-image: url(../img/proizvodstvobanH.jpg)
}

.serviceudlinenie {
    background-image: url(../img/udlinenban.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 470px;
    position: relative
}

.serviceudlinenie:hover {
    background-image: url(../img/udlinenbanH.jpg)
}

.serviceustanovka {
    background-image: url(../img/udlinenban.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 470px;
    position: relative
}

.serviceustanovka:hover {
    background-image: url(../img/udlinenbanH.jpg)
}

.findoutcosts,
.buttonmoreservices {
    width: 217px;
    height: 50px;
    border-radius: 25px;
    color: #fff;
    font-family: Segoe UI;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    padding: 15px 35px;
    min-width: 200px;
    display: block
}

.collapse.show {
    display: flex !important
}

.findoutcosts {
    background-color: #00c86d
}

.findoutcosts:hover {
    box-shadow: 0 5px 3px #00a057 inset;
    text-decoration: none;
    color: #FFF
}

.buttonmoreservices {
    background-color: #0163c1;
    border: 0
}

.buttonmoreservices:hover {
    box-shadow: 0 5px 3px #014f9a inset;
    cursor: pointer
}

.intext-icons {
    margin: 10px 0 20px
}

.intext-icons p {
    margin: 25px 0 15px
}

.intext-icons img {
    display: block;
    margin: 0 auto
}

.price-ban-wrap {
    padding: 0 15px 0 0;
    margin: 10px 0
}

.price-ban-1,
.price-ban-2,
.price-ban-3,
.price-ban-4 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 227px
}

.price-ban-1 a,
.price-ban-2 a,
.price-ban-3 a,
.price-ban-4 a {
    display: block;
    min-height: 227px;
    overflow: hidden
}

.price-ban-1 {
    background-image: url(../img/price/priceban1.jpg)
}

.price-ban-1:hover {
    background-image: url(../img/price/priceban1H.jpg)
}

.price-ban-2 {
    background-image: url(../img/price/priceban2.jpg)
}

.price-ban-2:hover {
    background-image: url(../img/price/priceban2H.jpg)
}

.price-ban-3 {
    background-image: url(../img/price/priceban3.jpg)
}

.price-ban-3:hover {
    background-image: url(../img/price/priceban3H.jpg)
}

.price-ban-4 {
    background-image: url(../img/price/priceban4.jpg)
}

.price-ban-4:hover {
    background-image: url(../img/price/priceban4H.jpg)
}

.price-ban-text {
    font: 23px Exo20Medium;
    color: #FFF;
    position: absolute;
    top: 120px;
    text-align: center;
    width: 100%
}

#contact-payment {
    background: #f2f2f3;
    padding-top: 15px;
    padding-bottom: 15px
}

#contact-payment img {
    margin: 0 auto;
    display: block
}

#contact-payment p {
    font: 15px Segoe UI;
    color: #303030
}

.main-priceh3 {
    font: 20px Segoe UI;
    color: #303030;
    text-align: center;
    width: 100%;
    margin: 50px auto
}

.content-title {
    font: 29px Exo20Medium;
    color: #303030;
    margin: 0 0 40px;
    text-align: center;
    width: 100%
}

@media (min-width:1951px) {
    #consultationwrap {
        background: #282828 url(../img/consultantBig.png) no-repeat 120% 50%;
        background-size: auto;
        padding: 0
    }
}

@media (min-width:1600px)and (max-width:1950px) {
    #consultationwrap {
        background: #282828 url(../img/consultantBig.png) no-repeat 180% 50%;
        background-size: auto;
        padding: 0
    }
}

@media (min-width:1272px) and (max-width:1559px) {
    #consultationwrap {
        background: #282828 url(../img/consultantBig.png) no-repeat 290% 50%;
        background-size: auto;
        padding: 0
    }
}

@media (min-width:992px) and (max-width:1271px) {
    #consultationwrap {
        background: #282828 url(../img/consultantBig.png) no-repeat 400px 50%;
        background-size: auto;
        padding: 0
    }
}

@media (max-width:991px) {
	#cities-navbar .navbar-brand {
		width: 100%;
		text-align: center;
		border: 0px!important;
	}
	
    .video-block-wrap {
        min-height: 330px
    }
    .intext-icons p {
        text-align: center
    }
    .navbar-nav {
        width: 100%
    }
    .orderbutton,
    .appointbutton {
        margin: 20px auto 0
    }
    #navbarserviceswrap {
        padding: 0
    }
    #consultationwrap {
        background: #282828;
        padding: 0
    }
    .forminputwrap label {
        color: #FFF;
        font: 14px Segoe UI;
        color: #FFF;
        display: block;
        width: 100%;
        text-align: center
    }
    .inputformcons {
        background: transparent;
        border: 2px solid #FFF;
        border-radius: 30px;
        padding: 12px 15px;
        color: #FFF;
        font: 14px Segoe UI;
        margin: 10px auto;
        display: block;
        width: 100%
    }
}

@meda (min-width:576px) and (max-width:991px) {
    #button-toogler-top {
        padding: 3px 10px;
        border: 1px solid #FFF;
        float: left
    }
}

@media (min-width:992px) {
    .video-block-wrap {}
    .intext-icons p {
        text-align: left
    }
    .orderbutton,
    .appointbutton {
        margin: 3px auto
    }
    #navbarserviceswrap {
        padding: 0
    }
    #navbarsservice .navbar-nav li {
        border-bottom: 3px solid #0162bf;
        border-left: 1px solid #dedede
    }
    #navbarsservice .navbar-nav li:last-child {
        border-right: 1px solid #dedede
    }
    .forminputwrap label {
        color: #FFF;
        font: 14px Segoe UI;
        color: #FFF;
        display: block;
        text-align: left
    }
    .inputformcons {
        background: transparent;
        border: 2px solid #FFF;
        border-radius: 30px;
        padding: 12px 15px;
        width: 100%;
        color: #FFF;
        font: 14px Segoe UI;
        display: block
    }
}

.inputformcons:active,
.inputformcons:hover,
.inputformcons:focus {
    outline: 0;
    outline-offset: 0
}

.graycirclewrap {
    background: #f2f2f3;
    padding-top: 50px
}

.gray-marki-block {
    background: #f2f2f3;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 25px
}

.banners-block {
    margin: 50px 0 0
}

.circle-bottomBG {
    display: block;
    margin: 0 auto
}

.bold {
    font-weight: 600
}

.newsblock {
    padding: 25px 25px
}

.newsblock p {
    margin: 25px 0
}

.withoutpadding {
    padding: 0
}

#reviewswrap {
    padding: 0 0 50px
}

.review {
    background: #f2f2f3;
    padding: 30px
}

.review .reviewname {
    font: 18px Segoe UI;
    color: #303030;
    margin: 0 0 20px
}

.review .reviewtext {
    font: 15px Segoe UI;
    color: #303030;
    margin: 0 0 20px
}

.morereviews {
    font: 15px Segoe UI;
    color: #303030;
    text-decoration: underline
}

.footbutwrap {
    padding: 0
}

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

#consultinnerwrap {
    padding: 0
}

.constitle {
    font: 32px Exo20Medium;
    color: #FFF;
    line-height: 35px;
    text-transform: uppercase;
    padding: 0;
    margin-top: 50px
}

.constdescr {
    font: 14px Segoe UI;
    color: #FFF;
    line-height: 18px;
    margin: 20px 0;
    padding: 0
}

.formCallBack {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.formCallBack .success,
.formCallBack .fail {
    color: #FFF;
    font-size: 20px;
    font-weight: 600
}

.sendform {
    background: #00c86d;
    text-align: center;
    color: #FFF;
    font: 16px Segoe UI;
    border-radius: 30px;
    padding: 12px 25px;
    display: block;
    width: 100%
}

.sendform:hover {
    color: #FFF;
    text-decoration: none;
    box-shadow: 0 3px 3px #00a057 inset
}

.personaltext,
.personaltext span a {
    color: #9c9c9c;
    font: 14px Segoe UI;
    margin: 25px 0 25px
}

.personaltext span {
    text-decoration: underline
}

.without-padding {
    padding: 0
}

#footerwrap {
    background: #f2f2f3;
    padding: 40px 0 20px
}

#footerwrap p {
    font-size: 15px;
    color: #303030
}

#footerwrap .footerphone {
    font-size: 20px;
    color: #303030
}

#footerwrap .footmail {
    font-size: 15px;
    color: #303030
}

#footerwrap .footmenu {
    list-style: none;
    margin: 0;
    padding: 0
}

#footerwrap .footmenu li {
    margin: 0 0 8px
}

#footerwrap .footmenu li a {
    font-size: 15px;
    color: #303030
}

#footerwrap .socialicons {
    margin: 30px 0 0;
    width: 100%;
    float: left;
    display: block
}

.socialicons a {
    display: block;
    width: 33px;
    height: 33px;
    float: left;
    margin: 0 5px
}

.socialicons .fbicon {
    background: url(../img/icons/fbicon.png) no-repeat
}

.socialicons .fbicon:hover {
    background: url(../img/icons/fbiconH.png) no-repeat
}

.socialicons .okicon {
    background: url(../img/icons/instagramicon.png) no-repeat
}

.socialicons .okicon:hover {
    background: url(../img/icons/instagramiconH.png) no-repeat
}

.socialicons .vkicon {
    background: url(../img/icons/vkicon.png) no-repeat
}

.socialicons .vkicon:hover {
    background: url(../img/icons/vkiconH.png) no-repeat
}

#footerwrap .socialicons img {
    margin: 0 5px 0
}

.shareyandex {
    margin-top: 25px
}

.shareyandex div {
    padding: 0
}

#goroda-buttons {
    border: 0
}

#goroda-buttons li {
    margin: 10px 0;
    display: inline-block
}

#goroda-buttons li .nav-link {
    color: #FFF;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #313131;
    min-height: 50px;
    text-align: center !important;
    border: 0;
    border-radius: 0;
    padding: 1rem .5rem
}

#goroda-buttons li .nav-link span {
    width: 100%;
    text-align: center;
    font: 15px Segoe UI;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 10px
}

#goroda-buttons li a:hover {
    background: #0162bf
}

#goroda-buttons .nav-item .active {
    background: #0162bf
}

.contacts-wrap {
    background: #f2f2f3;
    padding: 50px 0;
    margin: 50px 0 0
}

.contact-title {
    color: #0162bf;
    font: 20px Segoe UI;
    font-weight: 700
}

.adressP {
    margin: 0 0 20px
}

.rezhim-raboti {
    margin: 0 0 20px
}

.rezhim-raboti span span {
    color: #0162bf;
    margin-left: 15px
}

.rezhim-raboti i {
    width: 13px;
    height: 13px;
    background: url(../img/contact/clock.png) no-repeat;
    display: block;
    float: left;
    margin: 5px 5px 0 0
}

.phone-contact {
    margin: 0 0 20px
}

.email-contact {
    margin: 0 0 20px
}

.email-contact span {
    color: #303030;
    font: 15px Segoe UI
}

.email-contact a {
    color: #0162bf;
    font: 17px Segoe UI;
    margin-left: 15px
}

.email-contact i {
    width: 13px;
    height: 13px;
    background: url(../img/contact/letter.png) no-repeat;
    display: block;
    float: left;
    margin: 5px 5px 0 0
}

.phone-contact i {
    width: 13px;
    height: 13px;
    background: url(../img/contact/trubka.png) no-repeat;
    display: block;
    float: left;
    margin: 5px 5px 0 0
}

.phone-contact a {
    color: #0162bf;
    font-size: 20px;
    margin-left: 15px
}

.adressP i {
    width: 13px;
    height: 13px;
    background: url(../img/contact/point.png) no-repeat;
    display: block;
    float: left;
    margin: 5px 5px 0 0
}

.adressP .adresstext {
    color: #0162bf;
    margin-left: 15px
}

.counters {
    display: none
}

#footerwrap2 {
    background: #f2f2f3;
    -webkit-box-shadow: 0 -2px 5px 0 rgba(213, 213, 213, 1);
    -moz-box-shadow: 0 -2px 5px 0 rgba(213, 213, 213, 1);
    box-shadow: 0 -2px 5px 0 rgba(213, 213, 213, 1);
    padding-top: 25px;
    padding-bottom: 25px
}

.copyright,
.alloffices {
    font: 15px Segoe UI;
    color: #303030;
    margin: 5px 0;
    display: block
}

.alloffices {
    text-decoration: underline
}

.b-top {
    z-index: 2600
}

.b-top:hover {
    cursor: pointer
}

.b-top-but {
    z-index: 2600;
    position: fixed;
    right: 10px;
    bottom: 90px;
    display: block;
    width: 60px;
    height: 60px;
    color: white;
    background: url(../img/button-vverh.svg) no-repeat;
    background-size: 100% auto
}

#calldroneWidget {
    background: #0162bf !important
}

.calldrone-main-button {
    color: #00a057 !important
}

.calldrone .calldrone-main-button>.calldrone-main-button-inner {
    background: #00a057 !important;
    box-shadow: 0 0 40px 3px #303030 !important
}

.calldrone-call-button {
    color: #FFFFFF !important;
    background: #00a057 !important;
    box-shadow: 0 0 38px 0 #303030 !important
}

.title-price {
    text-align: center;
    font-size: 20px;
    margin: 10px 0 10px;
    font-weight: 600
}

@media only screen and (min-width: 600px) {
    .hide-on-mobile {
        display: none
    }
}

.btn-yamaps {
    min-width: 210px;
    font-size: 14px;
    color: #fff;
    text-align: left;
    background: #0162bf;
    margin: 5px 0 5px;
}

.btn-yanav {
    min-width: 210px;
    margin: 5px 0 5px;
    font-size: 14px;
    color: #fff;
    text-align: left;
    background: #00c86d;
}

.btn-yamaps:hover,
.btn-yanav:hover {
    color: #fff;
    text-decoration: none;
    background: #c11f2e
}

.btn-yamaps i,
.btn-yanav i {
    width: 13px;
    height: 13px;
    background: url(../img/contact/point.png) no-repeat;
    display: block;
    float: left;
    margin: 5px 5px 0 0
}

.head-motivation {
    margin: 10px 0 10px;
    padding: 0;
    list-style: none;
}

.head-motivation li {
    font-size: 17px;
}


/* CITIES NAVBAR */

#cities-navbar {
	width: 100%;
	padding: 0px;
}

#cities-navbar .navbar-brand {
	font-size: 16px!important;
	word-wrap: break-word;
	text-align: center;
	margin-right: 0px;
	padding-right: 1rem;
	border-right: 1px solid #948989;
	font-weight: 600;

}

#cities-navbar .navbar-brand:hover {
	color: #00c86d;
}

#cities-navbar .navbar-nav li a {
	text-align: center;
}
#cities-navbar .navbar-nav li a:hover {
	color: #0162bf;
	font-weight: 600;
}
#cities-navbar .nav-item.active {
	font-weight: 700;
}

#cities-navbar .navbar-toggler {
	width: 100%;
}



/* Footer
-----------------------------*/
.footer-blocks {
    display: flex;
    justify-content: space-between;
}
.footer-blocks .visa-maestro {
    margin-top: 0;
}
.footer-blocks__copyright {
    font: 15px Segoe UI;
    color: #303030;
}
.footer-blocks__share {
    display: flex;
    align-items: center;
}
.footer-blocks__share-title {
    padding-right: 12px;
}
.footer-blocks__pay {
    display: flex;
    align-items: center;
}
.footer-blocks__pay-title {
    padding-right: 12px;
}
@media (max-width: 992px) {
    .footer-blocks__pay,
    .footer-blocks__share {
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    .footer-blocks {
        flex-wrap: wrap;
    }
    .footer-blocks__copyright {
        width: 100%;
        padding-bottom: 18px;
    }
    .footer-blocks__copyright br {
        display: none;
    }
}
@media (max-width: 600px) {
    .footer-blocks__share {
        padding-bottom: 18px;
    }
    .footer-blocks__pay,
    .footer-blocks__share {
        width: 100%;
    }
}