/*!
 * Start Bootstrap - Portfolio Item (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

 body {
    padding-top: 20px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.legs {
    position: relative;
}
img {
    width: 100%;
    height:auto;
}
.headerrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.h1.bold.phonenumber{
    margin-top:0;
}

.contacts a {
    color:black
}
.contacts a small{
    color: #337ab7;
}

.logo-m {
    margin-left: -40px;
    margin-right:40px;
}
.logo-top img {
    /* margin-left: 5px;
    margin-right: 5px; */
}
@media (max-width:767px){
    .headerrow {
        flex-direction: column;
    }
    .logo-m {
        width:50px;
        height: auto;
        margin:0;
    }
    .logo-top{
       
        display: flex;
    flex-direction: row;
    justify-content: center;
    }
    .logo-top img{
        margin:5px;
    }
    .formblock .headers {
        width: 100%;
        margin:auto;
    }
    .locations  p{
        font-size: 17px!important;
    }
    .phonenumber  p{
        font-size: 17px!important;
        /* height: 20px; */
    }
}
.imagewrapper img {
    border-radius: 50px;
    box-shadow: 2px 0px 10px 10px #8fadbb;
}
.formblock .headers {
    text-align: center;
}
.legs:before {
    /* content: url('../img/legs4.png'); */
     /* content: url('../img/photo_2021-11-11_14-41-23.jpg'); */
   
    top: -20px;
    z-index: 10;

    position: absolute;
    left: 50%;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.discount {
    position: absolute;
    right: 0;
    top: -14px;
    z-index: 10;
}

.discount span {
    position: absolute;
    left: 50%;
    top: 50%;
    font-family: 'Open Sans Condensed', sans-serif;
    color: rgba(255, 255, 255, 1.00);
    font-weight: 600;
    font-size: 50px;
    margin: -40px 0 0 -35px;
    line-height: 1;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .5);
}
.col-lg-offset-1 {
    margin-left: 3%;
}

.discount span small {
    font-weight: 300;
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
}

.fa-mobile {
    color: rgba(0, 0, 0, 1.00);
}

.gradient-blue { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b2e1f1+0,f1eee9+100 */
    background: rgb(178, 225, 241); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(178, 225, 241, 1) 0%, rgba(241, 238, 233, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(178, 225, 241, 1) 0%, rgba(241, 238, 233, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #31708f 0%, rgba(241, 238, 233, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2e1f1', endColorstr='#f1eee9', GradientType=0); /* IE6-9 */

    border-top: 8px solid rgba(250, 250, 250, 1.00);
    border-bottom: 8px solid rgba(250, 250, 250, 1.00);
    margin-top: 20px;
    min-height: 530px;
}

.cbform {
    text-align: center;
    z-index: 200;
    padding: 30px 20px 0 20px;
    position: relative;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);

    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #fbfdba 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #fbfdba));
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #fbfdba 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%, #fbfdba 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%, #fbfdba 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%, #fbfdba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#fbfdba', GradientType=0);

    border-radius: 13px;
    border: 5px solid rgba(0, 0, 0, .09);
    margin-top: 20px;
}

.cbform .form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .4);

}

.cbform .form-control:-moz-placeholder { /* Firefox 18- */
    color: rgba(0, 0, 0, .4);

}

.cbform .form-control::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0, 0, 0, .4);

}

.cbform .form-control:-ms-input-placeholder {
    color: rgba(0, 0, 0, .4);

}

.cbform .form-control {
    height: auto;
    padding: 12px 12px 12px 40px;
    font-size: 20px;
    line-height: 1.42857143;
    color: rgba(0, 0, 0, .9);
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.cbform .dropdown-toggle {
    height: auto;
    padding: 12px 12px 12px 40px;
    font-size: 20px;
    text-align: left;
    line-height: 1.42857143;
    color: rgba(0, 0, 0, .9);
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 100%;
}

.dropdown .dropdown-menu {
    width: 100%;
}

.cbform .info-block {
    line-height: 1;
    text-align: left;
    width: 100%;
    display: inline-block;
}

.xs {
    font-size: 17px;
    line-height: 1;
    margin-top: 10px;
}

.bold {
    font-weight: 600;
    font-family: 'Open Sans Condensed', sans-serif;
}

.bold section {
    display: inline-block;
}

.bold a {
    text-decoration: none;
}

.h1, h1 {
    font-size: 40px;
}

.form-group {
    position: relative;
}

.form-group i {
    position: absolute;
    top: 50%;
    color: rgba(0, 0, 0, .2);
}

.form-group i.fa-mobile {
    font-size: 24px;
    left: 17px;
    line-height: 1;
    margin-top: -12px;
}

.form-group i.fa-user {
    font-size: 20px;
    left: 14px;
    line-height: 1;
    margin-top: -10px;
}

.submit {
    -moz-border-radius: 20px;
    padding-top: 15px;
    padding-bottom: 25px;
    border-radius: 20px;
    outline: none;
    background: #dddddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #b7e277 9%, #94c947 49%, #89be3c 49%, #8eb45a 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(9%, #b7e277), color-stop(49%, #94c947), color-stop(49%, #89be3c), color-stop(80%, #8eb45a));
    background: -webkit-linear-gradient(top, #dddddd 0%, #b7e277 9%, #94c947 49%, #89be3c 49%, #8eb45a 80%);
    background: -o-linear-gradient(top, #dddddd 0%, #b7e277 9%, #94c947 49%, #89be3c 49%, #8eb45a 80%);
    background: -ms-linear-gradient(top, #dddddd 0%, #b7e277 9%, #94c947 49%, #89be3c 49%, #8eb45a 80%);
    background: linear-gradient(to bottom, #dddddd 0%, #b7e277 9%, #94c947 49%, #89be3c 49%, #8eb45a 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#8eb45a', GradientType=0);
    outline: none;
    border: none;
    color: rgba(255, 255, 255, 1.00);
    font: bold normal normal 17px/17px Arial, sans-serif;
    cursor: pointer;
    width: 80%;
    margin: 0 auto -30px auto;
    position: relative;

    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

/* .submit:before {
    content: 'И перейти на сайт';
    position: absolute;
    left: 50%;
    bottom: 5px;
    text-transform: uppercase;
    font-size: 14px;
    margin-left: -85px;
} */

.submit i {
    margin-left: 5px;
}

.submit:hover {
    color: rgba(255, 255, 255, 1.00);
}

/* .submit:hover span {
    color: rgba(0, 0, 0, 1.00);
} */

.portfolio-item {
    margin-bottom: 25px;
}

.advant li {
    font-size: 17px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    line-height: 1;
    position: relative;
    padding-left: 25px;
    margin-bottom: 7px;
}

.advant li:before {
    font-family: 'FontAwesome';
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 0;
}
.title-wrapper {
    text-align: center;
}
.bolero {
    font-size: 20px;
    font-family: 'X4AJGlGU', sans-serif;
    display: inline-block;
    margin-top: 20px;
    line-height: 1.1;
}

.headers {
    text-align: right;
    position: relative;
    z-index: 50;
}

.headers .h1, .headers .h2 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
}

.headers .h1 {
    font-size: 60px;
}

.headers .h2 {
    font-size: 85px;
    color: rgba(255, 0, 4, 1.00);
}

footer {
    margin: 50px 0;
}

.tooltip-inner { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0084+0,ff0084+100;Pink+Flat */
    background: rgb(255, 0, 132); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 0, 132, 1) 0%, rgba(255, 0, 132, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 0, 132, 1) 0%, rgba(255, 0, 132, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 0, 132, 1) 0%, rgba(255, 0, 132, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0084', endColorstr='#ff0084', GradientType=0); /* IE6-9 */

    max-width: 250px;
}

.content {
    margin-top: 30px;
    position: relative;
    z-index: 30;
}

.content blockquote.left-quote {
    padding: 10px 0 10px 40px;
}

.content blockquote.right-quote {
    padding: 10px 40px 10px 0;
}

.content blockquote.left-quote,
.content blockquote.right-quote {
    margin: 0 0 20px;
    font-size: 17px;
    line-height: 1.2;
    border-left: none;
    font-family: 'Open Sans Condensed', sans-serif;
    position: relative;
}

.content blockquote img {
    border: 8px solid rgba(250, 250, 250, 1.00);
}

.content blockquote.left-quote img {
    margin: -20px 0 0 30px;
}

.content blockquote.right-quote img {
    margin: -10px 30px 0 0;
}

.content blockquote.left-quote p:not(.people) {
    color: rgba(0, 0, 0, 1.00);
}

.content blockquote.right-quote p:not(.people) {
    color: rgba(0, 0, 0, 1.00);
}

.content blockquote i {
    font-size: 30px;
    position: absolute;
    color: rgba(185, 228, 240, 1.00)
}

.content blockquote .fa-quote-left {
    left: 0;
    top: 0;
}

.content blockquote .fa-quote-right {
    right: 0;
    top: 0;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgb(255, 0, 132);
}

.submit span {
    color: rgba(0, 0, 0, 1.00);
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.middle-flex {
    align-items: center;
    justify-content: center;
}

.flex-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.nopad-right {
    padding-right: 0;
}

.nopad-left {
    padding-left: 0;
}

.pad-top-30 {
    padding-top: 30px;
}

.row-eq-height {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (max-width: 1200px) {
    .headers {
        text-align: left;
    }

    .headers .h1 {
        font-size: 30px;
        margin-left: 60px;
    }

    .headers .h2 {
        font-size: 65px;
    }

    .bolero {
        margin: 10px 0 10px 40px;
    }
}

@media (max-width: 767px) {
    .xs {
        font-size: 27px;
        line-height: 1;
        margin-top: 10px;
    }

    .xs span {
        font-size: 36px;
        color: rgba(238, 14, 64, 1);
    }

    /*.xs br {
        display: none;
    }*/
    .headers {
        text-align: left;
    }

    .headers .h1 {
        font-size: 30px;
        margin-left: 30px;
    }

    .headers .h2 {
        font-size: 65px;
    }

    .bolero {
        margin: 10px 0 10px 20px;
        font-size: 30px;
    }

    .row-eq-height {
        padding-top: 0;
        padding-bottom: 0;
    }

    .legs:before {
        text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        right: 20px;
        left: auto;
    }

    .legs:before {
        content: url('../img/legs5.png');
        top: -20px;
    }
}

@media (max-width: 991px) {
    .legs:before {
        top: -20px;
    }

    .bolero {
        margin: 10px 0 10px 20px;
        font-size: 30px;
    }

    .headers .h1 {
        margin-left: unset;
    }

    .headers .h2 {
        font-size: 40px;
    }

    .bolero {
        margin: 10px 0 10px 0;
        font-size: 30px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 600;
    }
}

@media (max-width: 450px) {
    .cbform .info-block br {
        display: none;
    }

    .cbform .info-block {
        padding-right: 70px;
    }
}

@media (max-width: 380px) {
    .bold {
        font-size: 26px;
        padding-left: 0;
    }
}

@media (max-width: 410px) {
    .xs {
        font-size: 19px;
        line-height: 1;
        margin-top: 10px;
    }
}

@media (max-width: 470px) {
    .bold {
        font-size: 35px;
    }
}

@media (max-width: 425px) {
    .bold {
        font-size: 30px;
    }
}

@media (max-width: 350px) {
    .bold {
        font-size: 25px;
    }
}

@media (max-width: 465px) {
    .submit {
        font-size: 14px;
    }
}

@media (max-width: 400px) {
    .submit {
        width: 98%;
    }
}

.logo, .contacts {
    z-index: 20;
    position: relative;
}

.success {
    padding-right: 90px;
    padding-bottom: 10px;
    text-align: left;
}

@media (max-width: 690px) {
    .row-eq-height {
        display: inline-block;
    }

    .headers {
        padding-left: 0;
    }

    .bolero {
        float: right;
    }

    .gradient-blue .container {
        text-align: center;
    }

    .content blockquote.left-quote img, .content blockquote.right-quote img {
        width: 100px;
        margin-top: -10px;
    }

    .cbform .dropdown-toggle, .cbform .form-control {
        height: auto;
        padding: 9px 9px 9px 40px;
        font-size: 17px;
        line-height: 1.42857143;
        color: rgba(0, 0, 0, .9);
        background-color: #fff;
        background-image: none;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 3px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .gradient-blue {
        margin-top: 20px;
        min-height: 321px;
    }
}

@font-face {
    font-family: 'Boleroscript';
    src: url('../fonts/Boleroscript.woff') format('woff'),
    url('../fonts/Boleroscript.ttf') format('truetype'),
    url('../fonts/Boleroscript.svg#Boleroscript') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'X4AJGlGU';
    src: url('../fonts/X4AJGlGU.eot');
    src: url('../fonts/X4AJGlGU.woff2') format('woff2'),
    url('../fonts/X4AJGlGU.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-content {
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, .95);
}

.modal-body {
    padding: 0;
    display: inline-block;
    width: 100%;
}

.modal-title {
    margin: 0;
    font-size: 40px;
    line-height: 1;
    text-align: center;
}

.modal-header {
    padding: 20px;
    border-bottom: none;
}

.table-modal > tbody > tr > td:last-child {
    max-width: 50px;
    text-align: center;
    border-left: 1px solid rgba(0, 0, 0, .02);
    color: rgba(0, 0, 0, 1.00);
}

.table-modal > tbody > tr > td:first-child {
    font-size: 30px;
    font-weight: 600;
    padding-left: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
}

.price {
    font-size: 13px;
}

.price span {
    font-size: 15px;
    font-weight: 500;
    text-decoration: line-through;
}

.disprice {
    font-size: 15px;
    font-weight: normal;
}

.disprice span {
    font-size: 23px;
    font-weight: 700;
    color: rgba(238, 14, 64, 1)
}

.table-modal > tbody > tr > td,
.table-modal > tbody > tr > th,
.table-modal > tfoot > tr > td,
.table-modal > tfoot > tr > th,
.table-modal > thead > tr > td,
.table-modal > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: none;

}

.table-modal > tbody > tr:nth-child(odd) {
    background: rgba(0, 0, 0, .02)
}

.close {
    float: right;
    margin-right: 20px;
    font-size: 31px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.table-modal {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
}

.more-link {
    color: rgba(110, 110, 110, 1.00);
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
}

.more-link a {
    color: rgba(232, 0, 3, 1.00);
    font-weight: 700;
}

.body-table {
    width: 100%;
    border: none;
}

.body-table > tbody > tr > td,
.body-table > thead > tr > td {
    border: none;
    vertical-align: middle;
    text-align: right;
}

.body-table > tbody > tr > td.text:first-of-type,
.body-table > thead > tr > td:first-of-type {
    text-align: left;
}

.body-table > tbody > tr > td.text,
.body-table > thead > tr > td {
    text-align: right;
}
.body-table > thead > tr > td {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 21px;
    font-weight: 600;
}
.body-table .text {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.body-table .price {
    padding-bottom: 3px;
}

.body-table .price,
.body-table .disprice {
    line-height: 100%;
}

.metro-lines {
    display: inline-block;
    font-size: 0;
    width: 100%;
    margin-bottom: 25px;
}

.metro-lines > li {
    width: 33.3333333%;
    display: inline-block;
    vertical-align: top;
}

.metro-lines > li div {
    display: block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    padding-left: 40px;
    line-height: 100%;
}

.metro-lines > li div:not(:first-child) {
    margin-top: 10px;
}

.metro-lines > li div:not(.no-underground):before {
    position: absolute;
    content: 'M';
    color: #ffffff;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    font-weight: 300;
    font-family: "Times New Roman", sans-serif;
}

.metro-lines > li.line-green div:not(.no-underground):before {
    background: #008000;
}

.metro-lines > li.line-red div:not(.no-underground):before {
    background: #FF0000;
}

.metro-lines > li.line-blue div:not(.no-underground):before {
    background: #0000FF;
}

.body-table > thead > tr > td  {
    background: rgba(0, 0, 0, .1);
}
.body-table > thead > tr > td {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight: 600;
}


@media (max-width: 800px) {
    .metro-lines > li div {
        font-size: 16px;
        padding-left: 30px;
    }

    .metro-lines > li div:not(.no-underground):before {
        width: 20px;
        height: 20px;
        font-size: 13px;
        line-height: 20px;
    }
}

@media (max-width: 590px) {
    .body-table > thead > tr > td,
    .body-table .text {
        font-size: 17px;
    }
    .disprice span {
        font-size: 17px;
        font-weight: 700;
    }
}

@media (max-width: 560px) {
    .metro-lines > li div {
        padding-left: 20px;
    }

    .metro-lines > li div:not(.no-underground):before {
        border-radius: unset;
        width: auto;
        height: auto;
        font-size: 15px;
        line-height: 100%;
        font-weight: 700;
        font-family: 'Open Sans Condensed', sans-serif;
    }

    .metro-lines > li.line-green div:not(.no-underground):before {
        color: #008000;
        background: none;
    }

    .metro-lines > li.line-red div:not(.no-underground):before {
        color: #FF0000;
        background: none;
    }

    .metro-lines > li.line-blue div:not(.no-underground):before {
        color: #0000FF;
        background: none;
    }
}