html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 10px 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
@charset "UTF-8";
* {
    font-family: Play, Helvetica, sans-serif; }

body {
    margin: 0;
    padding: 0; }

main {
    max-width: 1334px;
    margin: 0 auto;
    position: relative; }

footer {
    background: #585757;
    padding: 20px 0; }

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

a:hover {
    text-decoration: none;
    color: #9e7e14; }

a[href*="mailto:"] {
    margin-left: 10px; }

.cls {
    clear: both; }

.center {
    text-align: center; }

.footer__menu {
    margin: 0 auto; }

.footer__copyright {
    font-family: Play, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px; }

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

.container {
    margin: 0 auto;
    max-width: 1170px; }

.discont:before {
    content: "Скидки до 20%";
    position: absolute;
    top: 55px;
    display: block;
    padding: 5px;
    background-color: #E2B51C;
    color: white;
    font-size: 12px; }

.breadcrumb {
    list-style: none;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 8px 15px; }
.breadcrumb__item {
    font-family: Play, Helvetica, sans-serif;
    font-size: 15px;
    display: inline-block;
    line-height: 20px; }

.navbar {
    min-height: 78px;
    margin-bottom: 0;
    border-bottom: 2px solid #E2B51C; }
.navbar__logo {
    display: inline-block;
    line-height: 68px; }
.navbar__logo_text {
    font-family: Play, Helvetica, sans-serif;
    font-size: 36px;
    text-decoration: none; }
.navbar__tel {
    display: inline-block;
    line-height: 68px; }
.navbar__tel_text {
    font-family: Play, Helvetica, sans-serif;
    font-size: 16px;
    text-decoration: none; }
.navbar__menu {
    font-family: Play, Helvetica, sans-serif;
    display: flex;
    list-style: none;
    float: right;
    margin: 0; }
.navbar__menu_style {
    margin-top: 18px; }
.navbar__menu-item {
    padding-left: 14px;
    padding-right: 14px; }
.navbar__menu-link {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    color: #585757;
    position: relative;
    display: block;
    padding: 10px 15px; }
.navbar__menu-link:hover {
    background-color: #eeeeee; }

.slider {
    height: 563px;
    background-image: url("../img/original.jpg");
    margin-bottom: 50px; }
.slider__h1 {
    font-family: Play, Helvetica, sans-serif;
    font-size: 42px;
    line-height: 60px;
    width: 75%;
    text-align: left;
    text-transform: none;
    margin: auto;
    color: white; }
.slider__h1_style-equipment {
    text-align: center;
    text-transform: uppercase;
    font-size: 48px;
    color: #E2B51C;
    margin-top: 70px;
    margin-bottom: 40px; }

.menu {
    list-style: none;
    margin-top: 0;
    padding-left: 0; }
.menu__item {
    width: 150px;
    text-align: center; }
.menu__link {
    font-family: Play, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 15px;
    color: white;
    position: relative;
    padding: 10px 15px; }

.section {
    position: relative;
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box; }
.section__text_colour {
    color: white; }
.section__h2 {
    display: block;
    font-family: Play, Helvetica, sans-serif;
    font-size: 26px;
    line-height: 31px;
    font-weight: 600; }
.section__h2_position {
    padding-top: 83px; }
.section__h2_style {
    color: #585757;
    margin-top: 0;
    margin-bottom: 60px;
    text-align: left; }
.section__p {
    font-family: Play, Helvetica, sans-serif;
    font-size: 20px;
    color: #585757;
    line-height: 24px; }
.section__item {
    flex-basis: 33.3333333333%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    min-height: 700px; }
.section__item-h3 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    font-family: Play, Helvetica, sans-serif;
    color: #555555;
    margin-bottom: 19px; }
.section__item-p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    color: #9B9B9B;
    text-align: center;
    font-family: Play, Helvetica, sans-serif;
    font-style: italic; }
.section__item_font_p {
    color: #8c8c8c; }
.section__item_pic:before {
    content: "";
    display: block;
    width: 108px;
    height: 108px;
    border: 2px solid #eee;
    border-radius: 54px;
    margin-top: 80px;
    margin-left: 38%;
    margin-bottom: 20px;
    font-size: 49px;
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: 25px; }
.section__item_pic1:before {
    background-image: url("../img/pic1.png"); }
.section__item_pic2:before {
    background-image: url("../img/pic2.png"); }
.section__item_pic3:before {
    background-image: url("../img/pic3.png"); }
.section__item_table {
    width: 100%;
    border-colapse: colapse;
    border: thin solid #333;
    font-size: 12px; }
.section__item_cell1 {
    width: 30%; }
.section__item_cell2 {
    width: 50%; }
.section_noflex {
    display: block; }
.section_style {
    margin: 30px auto 0;
    background-color: #f1eee9;
    border: none #f1eee9; }
.section_height {
    min-height: 500px; }
.section_services {
    height: 373px;
    margin-bottom: 100px; }
.section-mobile {
    width: 55%; }
.section-mobile_theme {
    background-color: rgba(240, 240, 240, 0.65);
    padding-left: 8%;
    padding-right: 7%;
    box-sizing: border-box; }
.section-mobile__img {
    display: inline-block;
    width: 423px;
    height: 616px;
    background-color: red; }
.section-mobile__h2 {
    font-family: Play, Helvetica, sans-serif;
    color: #555555;
    font-size: 30px;
    font-weight: 600;
    text-align: left; }
.section-mobile__p {
    font-family: Play, Helvetica, sans-serif;
    color: #585757;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    text-align: left; }
.section-mobile__p_position {
    margin-top: 40px; }
.section-mobile__list {
    padding-left: 80px; }
.section-mobile__item {
    font-family: Play, Helvetica, sans-serif;
    position: relative;
    padding-left: 0;
    list-style: none;
    font-size: 18px;
    color: #585757;
    padding-top: 10px;
    padding-bottom: 10px; }
.section-mobile_position {
    display: flex;
    padding: 60px 0; }
.section-mobile__address {
    padding-left: 32px;
    font-family: Play, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #585757;
    line-height: 24px;
    position: relative; }
.section-mobile_background1 {
    background-image: url("../img/photo_1.jpg");
    background-size: cover; }
.section-mobile_background2 {
    background-image: url("../img/photo_2.jpg");
    background-size: cover; }
.section-equipment {
    display: block;
    min-height: 110px;
    border-bottom: 1px solid #EEE;
    padding-top: 20px; }
.section-equipment_head {
    border-bottom: 1px solid #E2B51C; }
.section-equipment__img {
    width: auto;
    max-height: 100px;
    display: block;
    margin: 0 auto; }
.section-equipment__img:hover {
    transition: max-height 0.3s;
    max-height: 120px; }
.section-equipment__photo {
    font-family: Play, Helvetica, sans-serif;
    display: inline-block;
    width: 20%;
    height: 140px; }
.section-equipment__descrip {
    font-family: Play, Helvetica, sans-serif;
    display: inline-block;
    width: 68%;
    vertical-align: top;
    padding: 5px; }
.section-equipment__price {
    font-family: Play, Helvetica, sans-serif;
    display: inline-block;
    width: 10%;
    vertical-align: top;
    position: relative;
    text-align: right;}
.section-equipment__h2 {
    margin: 0;
    font-size: 18px;
    font-family: Play, Helvetica, sans-serif;
    color: #E2B51C; }
.section-dummy {
    height: 100px;
    padding: 0 40px;
    background: #E2B51C;
    color: white; }
.section__p_style {
    color: #8c8c8c;
    width: 758px;
    margin: 0 auto; }
.section__picts {
    width: 1230px;
    position: relative; }
.section__picts_position {
    margin-top: 40px;
    height: 482px;
    perspective: 600px;
    perspective-origin: 50% 0; }
.section__item_font_h2 {
    margin-top: 0;
    font-family: Play, Helvetica, sans-serif;
    color: #585757;
    font-size: 28px;
    font-weight: 700; }
.section__item_buy {
    padding-top: 48px;
    padding-left: 30px; }
.section__item_buy_font_p {
    font-family: Montserrat;
    color: #615855;
    font-size: 18px;
    font-weight: 300;
    text-align: left; }
.section__item__project {
    flex-basis: 370px;
    height: 337px;
    margin-bottom: 30px;
    position: relative; }
.section__item__img {
    display: inline-block;
    width: 500px; }
.section_progects {
    justify-content: space-between;
    flex-wrap: wrap; }
.section__projects_style {
    font-family: Raleway;
    color: #c7b29a;
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    line-height: 15px; }
.section__item__p {
    font-family: Play, Helvetica, sans-serif;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    text-align: left; }
.section__item__li {
    color: #5a5a5a; }
.section-contact_theme {
    background-color: rgba(240, 240, 240, 0.65); }
.section__item__p_position {
    margin-left: 2px; }
.section__item__description {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    min-height: 100px;
    background-color: white;
    box-sizing: border-box; }
.section__item__description_position {
    padding-top: 30px;
    padding-left: 28px; }
.section__item__project:hover > .section__item__description {
    background-color: #362f2d;
    cursor: pointer; }
.section__item__project:hover > .section__item__description > h3 {
    color: white; }
.section__item__project:hover > .section__item__description > p {
    color: #c7b299; }
.section__item__project:hover:before {
    top: 0;
    left: 0;
    display: block;
    content: "";
    position: absolute;
    width: 370px;
    height: 237px;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer; }

.filter {
    margin: 0 auto; }
.filter-label {
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    color: #585757;
    position: relative;
    display: inline-block;
    padding: 10px 15px; }
.filter-chkbx {
    display: none; }
.filter-chkbx:checked + label.filter-label {
    background-color: #E2B51C;
    color: white; }

.no-height {
    height: auto; }

.active {
    color: #E2B51C; }

/*# sourceMappingURL=style.css.map */