@import url('https://fonts.googleapis.com/css?family=Roboto:700|Ubuntu:300,700');


li {
    text-align: left;
}

p,
li {
    font-family: 'Ubuntu', "Verdana", sans-serif;
}

h1{
    font-size: 46px;
    color: #010040;
    font-family: "Roboto", "Verdana", sans-serif;
    font-weight: bold;
}

h2 {
    font-size: 40px;
    color: #fff;
    font-family: "Roboto", "Verdana", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

h3 {
    font-size: 36px;
    color: #00a1d2;
    font-family: "Roboto", "Verdana", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

.header h2{
    color: #e2cc61;
    font-size: 41px;
    margin-top: 47px;
}

.header h3{
    font-size: 34px;
    color: #FFF;
}




#main-menu{
    min-height: 76px;
}

.title-bar{
    background: #021c3e;
    padding-top: 10px;
    padding-bottom: 10px;
}

.title-bar a{
    color: #FFF;
}

.topmenu-bg{
    background: #021c3e;
    border-bottom: 1px solid #fff;
}

.logo {
    width: 250px;
    text-align: right;
    float: left;
    height: 19px;
    color: #fff;
    font-size: 18px;
    /*padding: 28px 20px 28px 0;*/
    position: relative;
}

.logo-link {
    text-decoration: none;
}

/*.logo .circle {
    position: absolute;
    left: 0;
    z-index: 200;
    top: -9px;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    background: #021c3e;
    border-bottom: 1px solid #fff;
}*/

.logo-img {
    /*position: absolute;
    left: 25px;
    top: 1px;*/
    height: 67px;
    position: relative;
    top: 4px;

}

.logo-text {
    position: absolute;
    top: 9px;
    left: 84px;
    z-index: 300;
    color: #FFF;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 22px;
    text-align: left;
    background: url("/img/logo-text.png");
    width: 130px;
    height: 40px;
}

.logo-desc {
    position: absolute;
    top: 53px;
    left: 85px;
    font-size: 14px;
    z-index: 200;
    color: #FFF;
}

.topmenu{
    background: #021c3e;
    height: 27px;
    padding: 24px 11px;
}

.title-bar div{
    line-height: 1;    
}

.title-bar .menu-icon{
    text-indent: 1.875rem;
    
}


.head-info{
    color: #Fff;
    position: relative;
    top: 7px;
    width: 170px;
    line-height: 1.2;
}

.head-phone a{
    font-size: 20px;
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}

.header{
    min-height: 500px;
    padding: 50px 0;
    text-align: center;
    background-image: url('./images/headerbg.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.header .first-line{
    font-size:28px;
    color:#fff;
    margin-top: 70px;
}

.button {
    color: #052248;
    display: inline-block;
    background: #fbf65f;
    padding: 20px 50px;
    margin: 50px auto 0;
    text-decoration: none;
    font-size: 22px;
    text-transform: uppercase;
    border: none;
    border: 1px solid #e2e1e1;
    cursor: pointer;
}

.button-small{
    color: #ffffff;
    display: inline-block;
    background: #547998;
    padding: 5px 10px;
    margin: 10px auto 0;
    font-size: 16px;
}

.content {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
    
}

.hello-text{
    padding-top: 20px;
    padding-bottom: 30px;
}

.contentmenu,
.contentmenuadditional {

   /* padding: 35px 121px;*/
}

.contentmenu {
    background: url('images/bg.png') repeat;
}

.contentmenuadditional {
    background: url('images/whitebg.png') repeat;
}

.phone {
    background: url('images/bgphone.jpg') no-repeat center;
    text-align: center;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size:30px;
    color:#fff;
}

.phone .inner{
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.phone .num{
    font-size:44px;
    color:#fff;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.adres {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff;
    text-align: center;
}

.map {
    height: 400px;
    clear: both;
}

.full-title{
    background:#50b6f2;
    color:#fff;
    text-align:center;
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.full-title.nobg{
    background: transparent;
    color: #00B8F6;
    font-weight: bold;
    font-size: 27px;
    padding-top: 30px;
    background: #FBFBFB;
}

.feedback {
    padding-top: 40px;
    padding-bottom: 20px;
    background: #062042;
    color: #FFF;
}

.footer {
    background: #ff5350;
    text-align: center;
    color: #000;
}

.copyright {
    background: #000;
    text-align: right;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 31px;
}



.copyright a{
    color: #fff;
    text-decoration: underline;
}

.mfeedback {
    width: 622px;
    margin: 0 auto;
    text-align: center;
}

.feedbacktext {
    font-size: 26px;
    text-align: center;
    margin-bottom: 30px;
}

.news-item {
    margin: 0;
}

.workarea {
    /* text-align: center; */
    min-height: 300px;
    font-size: 18px;
    color: #000;
    clear: both;
    padding-top: 60px;
}

.workarea div.header {
    margin-top: -60px;
}

.bodytable td {
    border: none;
}


.table-price {
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.table-price table{
    border-collapse: collapse;
}

.table-price td {
    padding: 15px;
    border-bottom: 1px solid #ccc;
}

.table-price>tr:nth-of-type(2n+1) td,
.table-price>tbody>tr:nth-of-type(2n+1) td {
    background: #f7f7f7;
}

.table-price td:last-of-type {
    text-align: right;
    width: 130px;
}

.table-price td[colspan='2']{
    text-align: center;
}

.table-price tr td table tr:first-of-type td {
    padding-top: 0;
}

.table-price tr td table tr:last-of-type td {
    border-bottom: none;
    padding-bottom: 0;
}

.table-price td.subtable {
    padding-left: 0;
    padding-right: 0;
}

.table-cat{
    color: #000;
    text-align: center;
    font-size: 22px;
    text-transform: none;
}



.contacts-text{
    padding-bottom: 20px;
}

.read-text{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.adres{
    font-size: 30px;
}

.adres .addr{
    font-size:26px;
}

.news-detail h2{
    color: #010040;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 22px;
    text-transform: none;
}

.news-detail h2.price{
    font-size: 30px;
    text-align: right;
}

@media screen and (max-width: 39.9375em) {

    .workarea{
        font-size: 17px;
    }

    .news-detail h1{
        font-size: 24px;
    }

    .articles-list .item .inner{
        min-height: 0;
    }
    
    .adres{
        font-size: 18px;
    }

    .adres .addr{
        font-size: 24px;
    }
    
    .phone{
        font-size: 18px;
    }

    .phone .num{
        font-size: 36px;
    }

    .serv-list img.preview_picture{
        /*  width: 50%;*/
        width: auto;
        height: 150px;
    }

    .header .first-line{
        font-size: 23px;
    }

    .header h2{
        font-size: 35px;
    }

    .header .first-line{
        margin-top: 0;
    }

    .header h3{
        font-size: 26px;
    }

    header .top-bar-left{
        float: none;
    }

    .topmenu{
        height: auto;
        text-align: center;
    }

    .logo{
        width: 250px;
        float: none;
        height: 100px;
        color: #fff;
        font-size: 18px;
        margin-bottom: 0px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        padding-top: 10px;
        float: left;
    }

    .logo .circle{
        left: 0;
        z-index: 200;
        width: 150px;
        height: 90px;
        background: transparent;
        border: none;
        top: 0;
        position: relative;
    }

    .logo-text{
        top: 20px;
        /*width: 100px;*/
        width: 130px;
        /* height: 40px;*/
        left: 69px;
    }

    .logo-desc{
        top: 65px;
        left: 69px;
    }

    .logo .circle img{
        width: 30px;
    }

    header .menu>li{
        display: inline-block;
        padding: 10px;
        
        margin: 2px;
    }

    .head-info{
        color: #Fff;
        position: relative;
        line-height: 1.2;
        padding-bottom: 20px;
        text-align: right;
        padding-right: 10px;
        width: auto;
    }

    .head-phone a{
        font-size: 20px;
        color: #FFF;
        text-decoration: none;
        border-bottom: 1px dotted #ccc;
        padding: 10px;
        display: inline-block;
        margin-bottom: 10px;
    }

    .feedbacktext{
        font-size: 20px;
    }

    .button{
        padding: 0.85em 1em;
    }

    .send-mail-block .title{
        font-size: 26px;
    }

}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    header .top-bar-left{
        float: none;
    }

    .topmenu{
        height: auto;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }



    .logo{
        width: 250px;
        float: none;
        height: 100px;
        color: #fff;
        font-size: 18px;
        margin-bottom: 0px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        padding-top: 10px;
        float: left;
    }

    .logo .circle{
        left: 0;
        z-index: 200;
        width: 150px;
        height: 90px;
        background: transparent;
        border: none;
        top: 0;
        position: relative;
    }

    .logo-text{
        top: 20px;
        /*width: 100px;*/
        width: 130px;
        left: 69px;
    }

    .logo-desc{
        top: 65px;
        left: 69px;
    }

    .logo .circle img{
        width: 30px;
    }

    header .menu>li{
        display: inline-block;
        padding: 3px 5px;
        border: none;
        margin: 0px;
    }

    .head-info{
        color: #Fff;
        position: relative;
        line-height: 1.2;
        padding-bottom: 20px;
        text-align: right;
        padding-right: 10px;
        width: auto;
    }

    .head-phone a{
        font-size: 20px;
        color: #FFF;
        text-decoration: none;
        border-bottom: 1px dotted #ccc;
        padding: 10px;
        display: inline-block;
        margin-bottom: 10px;
    }
}

#bx-composite-banner{
    text-align: left;
}

.block-want-anketa{
    box-shadow: 0px 3.73478px 22.4087px rgba(0, 0, 0, 0.05);
    width: 100%;
    max-width: 670px;
    text-align: center;
    padding: 64px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
}

.block-want-anketa small{
    font-size: 14px;
    font-weight: bold;
}

.block-anketa{
    margin-top: 70px;
    padding-bottom: 100px;
    display: none;
}

.block-anketa .question{
    font-size: 20px;
    font-weight: bold;
    color: #00C2FF;
}

.block-anketa .question .num{
    background: #00C2FF;
    color: #fff;
    width: 28px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
    font-size: 12px;
    vertical-align: middle;
    margin-right: 15px;
}

.block-anketa .question .num.galka:after{
    content: "";
    width: 28px;
    height: 28px;
    background: url("/img/galka.png") center center no-repeat;
    display: block;
}

.block-anketa .variks{
    padding-left: 33px;
    border-left: 4px solid #00c2ff;
    margin-left: 12px;
    padding-top: 18px;
    padding-bottom: 40px;
}

.block-anketa .variks input[type='radio']{
    vertical-align: middle;
    margin-bottom: 0;
}

.block-anketa label{
    display: inline-block;
    cursor: pointer;
}

.block-anketa .step{
    margin-top: -4px;
}

.block-anketa .step.disabled{
    color: #D1D1D1;
}

.block-anketa .step.disabled label{
    color: #D1D1D1;   
}

.block-anketa .step.disabled .variks{
    border-left-color: #D1D1D1;
}

.block-anketa .step.disabled .question .num{
    background: #D1D1D1;
}

.block-anketa .step.disabled .question{
    color: #D1D1D1;   
}
    
.block-anketa .button{
    margin-top: 0;
    font-size: 17px;
    padding: 15px 30px;
}

.block-anketa .form-send input[type=text]{
    max-width: 200px;
    display: inline-block;
    margin-right: 15px;
}

.button{
    font-size: 16px;
}

.phone{
    padding-top: 0;
    padding-bottom: 0;
}

.phone .row{
    padding-bottom: 40px;
    padding-top: 40px;
    background: rgba(62, 62, 62, 0.4);
}

.block-anketa .step.done .variks{
    border-left: 4px transparent;
}

.workarea .phone .num{
    color: #FFF;
}

.workarea .phone .num a{
    color: #FFF;
}



.block-cards{

    padding-top: 40px;
    background: #FBFBFB;
    padding-bottom: 30px;
}

.block-cards .row{
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: center;
            justify-content: center;
}

.block-cards .inner{
    background: #FFFFFF;
    box-shadow: 4px 6px 26px rgba(0, 0, 0, 0.07);
    padding: 15px;
    height: 100%;
}

.news-detail .block-cards{
    background: transparent;
}

.topmenu{
    font-size: 15px;
}

.block-cards .item{
    margin-bottom: 30px;
}

@media screen and (min-width: 40em){
    .block-cards .cnt-5 .item{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .block-cards .cnt-5 .item .title{
        font-size: 13px;
    }

    .block-cards .cnt-4 .item{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .block-cards .cnt-3 .item{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .block-cards .cnt-2 .item{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .block-cards .cnt-1 .item{
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 64em){
    .block-cards .cnt-5 .item{
        flex: 0 0 20%;
        max-width: 20%;
    }

    .block-cards .cnt-5 .item .title{
        font-size: 13px;
    }

    .block-cards .cnt-4 .item{
        flex: 0 0 25%;
        max-width: 25%;
    }

    .block-cards .cnt-3 .item{
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .block-cards .cnt-2 .item{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .block-cards .cnt-1 .item{
        flex: 0 0 100%;
        max-width: 100%;
    }
}




.page-practice a{
    display: inline-block;
    width: 100%;
    -ms-word-break: break-all;
        word-break: break-all;
    overflow: hidden;
}

.block-cards .item .title{
    font-size: 17px;
    color: #636363;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
}

.block-cards .item .text{
    font-size: 14px;
    line-height: 200%;
    color: #818181;
}

@media screen and (min-width: 64em) {
    header .menu>li{
        display: inline-block;
    }

    .menu>li{
        display: inline-block;
    }

    .button{
        font-size: 22px;
    }

    .phone .row{
        background: transparent;
    }

}


.show-for-large .head-phone{
text-align:right;
}


.show-for-large .head-time{
text-align:right;
}

.hide-for-large .head-phone{
text-align:right;
}


.hide-for-large .head-time{
text-align:right;
}

@media screen and (max-width: 39.9375em){
	.head-phone a{
padding-right: 0;
}
}