fieldset,img {
border: 0;
}
div {
display: block;
}
.clear{
clear: both;
line-height: 0;
font-size: 0;
height: 0;
display: block;
}
.display-none{
display: none;
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.inline-block{
display: -moz-inline-stack;
-moz-box-orient: vertical;
display: inline-block;
zoom: 1;
*display: inline;
_display: inline;
}
.absolute-link{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-indent: -9999px;
z-index: 9;
}
a{
color: #000;
text-decoration: underline;
}
a:hover{
color: #e01d00;
}
.text a:hover{
color: #e01d00;
}
p{
margin: 0;
padding: 0;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
}
h1,h2,h3,h4,h5,h6,.h1-title{
font-family: 'Open Sans', Arial, sans-serif;
line-height: 100%;
color: #000;
font-weight: bold;
padding: 0;
margin: 0;
}
h1, .h1-title{
font-size: 30px;
color: #000;
padding: 0 0 20px 0;
}
h2, h3{
font-size: 24px;
}
h4, h5, h6{
font-size: 18px;
}
ul{
list-style: none;
}
.text ul, .text ol{
margin: 0 0 20px 25px;
}
.text ul li, .text ol li{
margin-bottom: 5px;
}
html, body, ul, ol, dl, dt, dd{
margin: 0;
padding: 0;
}
body{
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 400;
font-size: 14px;
background: #fff;
}
html, body{
height: 100%;
}
.text p{
margin-bottom: 15px;
font-size: 14px;
line-height: 18px;
}
.wrap{
width: 1200px;
position: relative;
margin: 0 auto;
}

.header{
height: 100px;
}
.logo{
float: left;
margin: 5px 0 0 15px;
}
.logo a{
display: block;
position: relative;
}
.logo img{
-webkit-transition: opacity 0.7s ease;
-moz-transition: opacity 0.7s ease;
-o-transition: opacity 0.7s ease;
-ms-transition: opacity 0.7s ease;
transition: opacity 0.7s ease;
}
.head__logo-1{
z-index: 2;
}
.head__logo-2{
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.logo>a:hover>.head__logo-1{
opacity: 0.2;
}
.logo>a:hover>.head__logo-2{
opacity: 1;
z-index: 2;
}
.menu{
float: right;
height: 80px;
margin-right: 80px;
}
.mainmenu{
list-style: none;
}
.mainmenu>li{
float: left;
margin: 0 0 0 50px;
}
.mainmenu>li>a{
line-height: 60px;
margin: 20px 0;
text-decoration: none;
color: #000;
font-weight: bold;
position: relative;
}
.mainmenu>li>a:hover{
color: #e01d00;
}
.mainmenu>li>a:after{
content: "";
position: absolute;
left: 0;
right: 100%;
bottom: -3px;
height: 3px;
background: #e01d00;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mainmenu>li>a:hover:after{
right: 0;
}
.header__phone{
color: #000;
margin: 0 0 5px 15px;
float: left;
font-size: 14px;
font-weight: bold;
}
.m-menu-checker{
display: none;
}
.slider{
width: 1120px;
float: left;
}
.social{
width: 80px;
float: right;
height: 600px;
background: #222228;
}
.slider__item{
position: relative;
width: 100%;
height: 100%;
}
.slider__item-pic{
position: relative;
z-index: 1;
}
.slider__item-pic img{
display: block;
}
.slider__item-opac{
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 3;
width: 400px;
background: #e01d00;
opacity: 0.85;
}
.slider__item-title{
font-size: 60px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #000;
line-height: 70px;
width: 600px;
height: 450px;
position: absolute;
left: 60px;
top: 50px;
z-index: 5;
display: table;
}
.slider__item-title-cell{
display: table-cell;
vertical-align: middle;
}
.slider__item-red{
position: absolute;
right: 50px;
top: 50px;
width: 300px;
height: 450px;
z-index: 5;
display: table;
}
.slider__item-red-cell{
display: table-cell;
vertical-align: middle;
}
.slider__item-red-num{
color: #fff;
text-align: center;
font-size: 180px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: bold;
line-height: 180px;
}
.slider__item-red-text{
color: #fff;
text-align: center;
font-size: 34px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: bold;
line-height: 44px;
}
.slider .bx-controls{
background: #222228;
padding: 30px 40px;
width: 600px;
}
.slider .bx-pager{
height: 6px;
}
.slider .bx-pager-item{
margin: 0 20px 0 0;
float: left;
}
.slider .bx-pager-link{
width: 30px;
height: 6px;
background: #fff;
display: block;
}
.slider .bx-pager-link.active{
background: #e01d00;
}

.h1-header{
width: 100%;
min-height: 220px;
position: relative;
padding: 80px 0 0;
}
.h1-header__main{
margin: 66px 0 0;
}
.h1-header__nonmain{
min-height: 100px;
padding: 40px 0 40px;
}
.h1-header__nonmain h1{
position: relative;
line-height: 54px;
}
.h1-header__nonmain h1:after{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 250px;
height: 6px;
background: #fff;
margin: 0 auto;
}
.h1-header__opac{
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
z-index: 2;
background: #e01d00;
opacity: 0.7;
}
.h1-header .wrap{
z-index: 2;
}
.h1-header h1{
text-align: center;
color: #fff;
font-family: 'Open Sans', Arial, sans-serif;
text-transform: uppercase;
font-size: 44px;
}
.h1__header-sign{
text-align: center;
color: #fff;
font-size: 36px;
padding: 0 0 30px 0;
position: relative;
}
.h1__header-sign:after{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 250px;
height: 6px;
background: #fff;
margin: 0 auto;
}
.h1__price-sign{
text-align: center;
color: #fff;
font-size: 36px;
padding: 15px 0 0 0;
position: relative;
}

.howwework{
position: relative;
}
.howwework:before{
content: "";
background: #222228;
width: 50%;
height: 300px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.howwework .h1-title, .services__main .h1-title, .contacts__main .h1-title{
color: #fff;
line-height: 300px;
text-align: center;
position: relative;
z-index: 2;
padding: 0;
margin: 0;
}
.block{
width: 600px;
height: 600px;
position: relative;
z-index: 2;
}
.block__title{
height: 300px!important;
}
.block__left{
float: left;
}
.block__right{
float: right;
}
.block__pic{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.block__opac{
background: #e01d00;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.block:hover .block__opac{
opacity: 0.7;
}
.block .block__text{
position: absolute;
top: 0;
background: #fff;
color: #000;
padding: 60px 30px;
width: 240px;
height: 180px;
z-index: 3;
}
.block:hover .block__text{
background: #222228;
color: #fff;
}
.block__left .block__text{
left: 0;
}
.block__right .block__text{
right: 0;
}
.block__text-title{
color: #999;
font-size: 24px;
line-height: 30px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: bold;
}
.block__text-announce{
font-size: 18px;
line-height: 24px;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: bold;
}

.preimushhestva{
margin: 66px 0 0;
}
.pr__block{
width: 240px;
height: 240px;
padding: 30px;
position: relative;
background: #222228;
vertical-align: top;
}
/*.pr__block-odd{
background: #fff!important;
}*/
.pr__block-white{
background: #fff!important;
}
.pr__block-big{
width: 540px!important;
}
.pr__head{
color: #fff;
font-size: 24px;
line-height: 36px;
text-align: left;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
position: relative;
z-index: 3;
}
.pr__head:after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 6px;
background: #fff;
z-index: 2;
-webkit-transition: width 0.7s ease;
-moz-transition: width 0.7s ease;
-o-transition: width 0.7s ease;
-ms-transition: width 0.7s ease;
transition: width 0.7s ease;
}
.pr__block:hover .pr__head:after{
width: 240px;
}
/*.pr__block-odd .pr__head{
color: #000;
}
.pr__block-odd .pr__head:after{
background: #000;
}*/
.pr__announce{
color: #fff;
font-size: 18px;
line-height: 24px;
text-align: left;
position: relative;
z-index: 3;
}
/*.pr__block-odd .pr__announce{
color: #000;
}*/
.pr__block-big .pr__head{
line-height: 240px;
color: #fff;
font-size: 30px;
text-align: center;
}
.pr__block-big .pr__head:after{
display: none;
}
.pr__pic{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.pr__overlay{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background: #222228;
opacity: 0.8;
-webkit-transition: background 0.7s ease;
-moz-transition: background 0.7s ease;
-o-transition: background 0.7s ease;
-ms-transition: background 0.7s ease;
transition: background 0.7s ease;
}
.pr__block:hover .pr__overlay{
background: #e01d00;
}
.feedback__form-overlay{
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
background: #222228;
opacity: 0.8;
}


.services__main{
margin: 66px 0 0;
position: relative;
}
.services__main:before, .services__main:after{
content: "";
position: absolute;
height: 300px;
top: 0;
}
.services__main:before{
left: 0;
background: #222228;
width: 50%;
z-index: 1;
}
.services__main:after{
background: url(/images/price_bg.jpg) no-repeat 0 0 transparent;
left: 50%;
width: 50%;
z-index: 2;
}
.services__block{
margin: 66px 0 0;
}
.services__item{
margin: 0 0 66px 0;
position: relative;
overflow: hidden;
}
.services__item-header{
background: #fff;
color: #000;
padding: 30px 0;
position: absolute;
left: 0;
top: 60px;
height: 270px;
width: 50%;
z-index: 4;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.services__item:hover .services__item-header{
top: 0;
padding: 90px 0;
}
.services__item-title{
color: #000;
font-size: 48px;
line-height: 64px;
text-transform: uppercase;
text-align: left;
padding: 50px 0 20px 0;
margin: 0 0 15px 0;
position: relative;
z-index: 3;
}
.services__item-title:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100px;
height: 6px;
background: #000;
z-index: 2;
-webkit-transition: width 0.7s ease;
-moz-transition: width 0.7s ease;
-o-transition: width 0.7s ease;
-ms-transition: width 0.7s ease;
transition: width 0.7s ease;
}
.services__item:hover .services__item-title:after{
width: 420px;
}
.services__item-price{
color: #7a838c;
font-size: 24px;
line-height: 36px;
}
.services__item-body{
position: relative;
margin: 0 0 0 150px;
z-index: 2;
}
.services__item-opac{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
background: #222228;
opacity: 0.8;
-webkit-transition: background 0.7s ease;
-moz-transition: background 0.7s ease;
-o-transition: background 0.7s ease;
-ms-transition: background 0.7s ease;
transition: background 0.7s ease;
}
.services__item-pic img{
display: block;
}
.services__item-text{
position: absolute;
left: 50%;
top: 60px;
color: #fff;
z-index: 5;
font-size: 16px;
line-height: 24px;
}
.services__item:hover .services__item-opac{
background: #e01d00;
}

.contacts__main{
margin: 66px 0 0;
position: relative;
}
.contacts__main:before, .contacts__main:after {
content: "";
position: absolute;
height: 300px;
top: 0;
}
.contacts__main:before{
left: 0;
background: #222228;
width: 50%;
z-index: 1;
}
.contacts__main:after{
background: url(/images/contacts_bg-v2.jpg) no-repeat 0 0 transparent;
left: 50%;
width: 50%;
z-index: 2;
}
.contacts__block{
padding: 66px 0 50px 0;
background: #222228;
}
.contacts__block .block{
height: auto;
}
.feedback__form, .review__form{
position: relative;
}
.form__input{
border: 2px solid #222228;
outline: 0;
background: #fff;
color: #000;
font-size: 16px;
padding: 5px 10px;
height: 40px;
box-sizing: border-box;
}
.form__input:hover, .form__input:focus{
border: 2px solid #e01d00;
}
.feedback__form-block label{
display: block;
font-size: 14px;
margin-bottom: 5px;
color: #fff;
}
.feedback__form-block{
margin: 0 0 15px 0;
}
.form__textarea{
width: 100%;
height: 100px;
border: 2px solid #222228;
outline: 0;
background: #fff;
color: #000;
font-size: 16px;
padding: 5px 10px;
box-sizing: border-box;
}
.feedback__form .form__input-name, .review__form .form__input-name{
width: 400px;
}
.feedback__form .form__textarea, .review__form .form__textarea{
width: 400px;
}
.form__privacy-policy{
font-size: 11px;
color: #fff;
}
.form__privacy-policy a{
color: #fff;
}
.form__send{
width: 400px;
padding: 5px 0;
margin: 10px 0 0;
height: 37px;
text-align: center;
color: #fff;
background: #e01d00;
border: 0;
outline: 0;
cursor: pointer;
}
.form__send:hover{
color: #e01d00;
background: #fff;
}

.footer{
padding: 66px 0 30px;
background: #222228;
border-top: 6px solid #fff;
}
.footer__logo{
float: left;
margin: 0 0 15px 15px;
}
.footer__menu{
float: left;
height: 80px;
margin-left: 80px;
}
.footermenu>li{
float: left;
margin: 0 0 0 50px;
}
.footermenu>li>a{
line-height: 40px;
margin: 20px 0;
text-decoration: underline;
color: #fff;
font-weight: bold;
}
.copyright{
color: #fff;
font-size: 14px;
float: left;
margin: 0 0 0 15px;
}
.copyright>a{
color: #fff;
}
.zeebra{
float: right;
color: #fff;
font-size: 14px;
}
.zeebra a{
color: #fff;
text-decoration: underline;
}

.form__req{
color: #e01d00;
font-weight: bold;
}
.form__msg{
margin: 15px 0;
font-size: 14px;
font-style: italic;
color: #fff;
}
.achtung__nocontent, .achtung{
color: #c00!important;
}

.menu__fix{
position: fixed;
top: -120px;
left: 0;
right: 0;
width: 100%;
height: 50px;
z-index: 50;
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
-ms-transition: top 0.3s;
-o-transition: top 0.3s;
transition: top 0.3s;
background: #222228;
box-shadow: 0 0 20px #000;
}
.menu__fix.fixed{
top: 0;
}
.m-menu-checker-input{
position: absolute;
left: -9999px;
}
.menu__fix-logo{
float: left;
margin: 0 0 0 15px;
}
.menu__fix-list{
float: left;
margin: 0 0 0 40px;
}
.menu__fix-phone{
float: right;
color: #fff!important;
font-size: 18px;
line-height: 50px;
padding: 0 0 0 30px;
position: relative;
}
.menu__fix-phone>a{
color: #fff!important;
}
.menu__fix-phone:before{
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: url(/images/icon-phone.png) no-repeat 0 50% transparent;
z-index: 1;
width: 18px;
height: 50px;
}
.menu__fix-list>li{
float: left;
}
.menu__fix-list>li>a{
line-height: 50px;
padding: 0 30px;
color: #fff;
text-decoration: underline;
display: block;
}
.menu__fix-list>li>a:hover{
background: #fff;
color: #000;
text-decoration: none;
}

.breadcrumbs{
height: 150px;
position: relative;
}
.breadcrumbs:before{
content: "";
width: 50%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: #222228;
}
.breadcrumbs__block a, .breadcrumbs__block span, .breadcrumbs__block{
line-height: 150px;
color: #fff;
font-size: 16px;
font-style: italic;
}

.portfolio__item{
position: relative;
margin: 0 0 66px 0;
}
.portfolio__item-header{
background: #fff;
color: #000;
padding: 30px 0;
position: absolute;
top: 60px;
height: 270px;
width: 50%;
z-index: 4;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.portfolio__item:hover .portfolio__item-header{
top: 0;
padding: 90px 0;
}
.portfolio__item-left .portfolio__item-header{
left: 0;
}
.portfolio__item-right .portfolio__item-header{
right: 0;
}
.portfolio__item-body{
position: relative;
z-index: 2;
overflow: hidden;
}
.portfolio__item-left .portfolio__item-body{
margin: 0 0 0 150px;
}
.portfolio__item-right .portfolio__item-body{
margin: 0 150px 0 0;
}
.portfolio__item-pic img{
display: block;
}
.portfolio__item-opac{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
background: #222228;
opacity: 0.8;
-webkit-transition: background 0.7s ease;
-moz-transition: background 0.7s ease;
-o-transition: background 0.7s ease;
-ms-transition: background 0.7s ease;
transition: background 0.7s ease;
}
.portfolio__item:hover .portfolio__item-opac{
background: #e01d00;
}
.portfolio__item-title{
color: #000;
font-size: 48px;
line-height: 52px;
padding: 50px 0 20px 0;
margin: 0 0 15px 0;
position: relative;
z-index: 3;
}
.portfolio__item-title:after{
content: "";
position: absolute;
bottom: 0;
width: 100px;
height: 6px;
background: #000;
z-index: 2;
-webkit-transition: width 0.7s ease;
-moz-transition: width 0.7s ease;
-o-transition: width 0.7s ease;
-ms-transition: width 0.7s ease;
transition: width 0.7s ease;
}
.portfolio__item-left .portfolio__item-title:after{
left: 0;
}
.portfolio__item-right .portfolio__item-title:after{
right: 0;
}
.portfolio__item:hover .portfolio__item-title:after{
width: 420px;
}
.portfolio__item-left .portfolio__item-title{
text-align: left;
}
.portfolio__item-right .portfolio__item-title{
text-align: right;
}
.portfolio__item-text{
position: absolute;
top: 60px;
color: #fff;
z-index: 5;
font-size: 16px;
line-height: 24px;
}
.portfolio__item-left .portfolio__item-text{
left: 50%;
text-align: left;
padding-right: 20px;
}
.portfolio__item-right .portfolio__item-text{
right: 50%;
text-align: right;
padding-left: 20px;
}
.portfolio__item-gal{
margin: 66px 0 0;
text-align: left;
}
.portfolio__item-gal-pic{
vertical-align: top;
width: 300px;
height: 300px;
overflow: hidden;
}
.portfolio__item-gal-pic img{
display: block;
}
.portfolio__item-gal-pic:hover img{
opacity: 0.7;
}
.text{
margin: 66px 0;
}
.reviews__item{
background: #222228;
margin: 0 0 66px 0;
}
.reviews__block{
margin: 66px 0 0 0;
}
.reviews__pic{
float: left;
border-right: 6px solid #fff;
width: 300px;
}
.reviews__pic img{
display: block;
}
.reviews__info{
padding: 15px 30px;
overflow: hidden;
}
.reviews__title{
color: #fff;
font-size: 24px;
line-height: 32px;
}
.reviews__text{
margin: 15px 0 0;
color: #fff;
}
.paginator{
margin: 30px 0;
}
.text .paginator__list{
list-style: none;
text-align: center;
padding: 0;
margin: 0;
}
.text .paginator__list>li{
margin: 0 10px 10px;
padding: 0;
}
.text .paginator__link{
display: block;
padding: 7px 13px;
color: #fff;
background: #222228;
text-decoration: none;
}
.text .paginator__link:hover, .text .active>.paginator__link{
background: #e01d00;
color: #fff;
}

@media (max-width: 1200px){
    .wrap{
        width: 100%;
    }
    .menu, .head__logo-2, .header__phone{
        display: none;
    }
    .logo{
        float: none;
        text-align: center;
        margin: 0;
    }
    .header{
        margin: 80px 0 0;
        height: auto;
    }
    .menu__fix{
        top: 0;
        height: auto;
    }
    .menu__fix-phone{
        position: absolute;
        right: 10px;
        top: 0;
    }
    .menu__fix-logo{
        display: none;
    }
    .m-menu-checker{
        display: block;
        cursor: pointer;
        background: #222228;
        height: 50px;
        position: relative;
        width: 100%;
        color: #fff;
        font-size: 26px;
        line-height: 50px;
        padding: 0 0 0 50px;
        box-sizing: border-box;
    }
    .m-menu-checker:after{
        content: "\2261";
        position: absolute;
        left: 10px;
        z-index: 3;
        font-size: 26px;
        line-height: 50px;
        color: #fff;
    }
    .menu__fix-list{
        display: none;
        margin: 0;
    }
    .m-menu-checker-input:checked ~ .menu__fix-list{
        display: block;
    }
    .menu__fix-list>li{
        display: block;
        width: 100%;
    }
    .h1-header__main{
        margin: 15px 0 0;
    }
    .social{
        display: none;
    }
    .slider{
        width: 100%;
    }
    .howwework:before, .services__main:before, .contacts__main:before, .block__title{
        width: 100%!important;
    }
    .contacts__main:after, .services__main:after{
        display: none;
    }
    .block{
        overflow: hidden;
        width: 600px;
        height: 300px;
    }
    .block__right{
        float: left!important;
    }
    .pr__block-white{
        display: none;
    }
    .services__item-header{
        left: 30px;
    }
    .feedback__form, .review__form{
        left: 0;
    }
    .feedback__form-block{
        margin: 0 0 15px 0;
        padding: 0 30px;
    }
    .services__item:hover .services__item-title:after, .portfolio__item:hover .portfolio__item-title:after{
        width: 220px;
    }
    .footer{
        padding: 30px 0;
    }
    .footer__logo{
        margin: 0 0 15px 0;
    }
    .footer__menu{
        display: none;
    }
    .footer__logo, .copyright{
        float: none;
        text-align: center;
        margin: 0;
    }
    .footer__logo{
        margin: 0 0 15px 0;
    }
    .zeebra{
        float: none;
        margin: 30px 0 0;
        text-align: center;
    }
    .breadcrumbs:before{
        width: 100%;
    }
    .breadcrumbs__block, .text{
        padding: 0 30px;
    }
    .slider__item-opac, .slider__item-red{
        display: none;
    }
}
@media (max-width: 640px){
    .promo{
        display: none;
    }
    .h1-header h1{
        font-size: 34px;
        line-height: 40px;
    }
    .howwework:before, .services__main:before, .services__main:after{
        height: 100px;
    }
    .howwework .h1-title, .services__main .h1-title, .contacts__main .h1-title{
        line-height: 100px;
    }
    .block__title{
        height: 100px!important;
    }
    .block__left, .block__right{
        width: 100%;
        height: auto;
    }
    .block__pic{
        display: none;
    }
    .block__text{
        left: 0;
        right: 0;
        position: relative;
        padding: 50px 20px;
        width: 100%;
        height: auto;
    }
    .preimushhestva{
        margin: 6px 0 0;
    }
    .pr__block-big{
        width: 100%!important;
        padding: 30px 0;
        height: auto;
    }
    .pr__block-big .pr__head{
        line-height: 100px;
        padding: 0;
        margin: 0;
    }
    .pr__block{
        width: 100%;
        padding: 30px 0;
    }
    .pr__head{
        padding: 0 30px 20px 30px;
    }
    .pr__head:after{
        left: 30px;
    }
    .pr__announce{
        padding: 0 30px;
    }
    .pr__pic{
        text-align: center;
    }
    .services__item-header, .portfolio__item-left .portfolio__item-header, .portfolio__item-right .portfolio__item-header{
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        padding: 30px 0 10px 30px;
        height: auto;
    }
    .services__item-title, .portfolio__item-title{
        padding: 0 0 20px 0;
    }
    .services__item:hover .services__item-header, .portfolio__item-left:hover .portfolio__item-header, .portfolio__item-right:hover .portfolio__item-header{
        padding: 30px 0 10px 30px;
    }
    .services__item-body, .portfolio__item-left .portfolio__item-body, .portfolio__item-right .portfolio__item-body{
        margin: 0;
    }
    .services__item-pic, .portfolio__item-left .portfolio__item-pic, .portfolio__item-right .portfolio__item-pic{
        display: none;
    }
    .services__item-text, .portfolio__item-left .portfolio__item-text, .portfolio__item-right .portfolio__item-text{
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        padding: 30px;
        background: #222228;
    }
    .portfolio__item-right .portfolio__item-title, .portfolio__item-right .portfolio__item-text{
        text-align: left;
    }
    .portfolio__item-right .portfolio__item-title:after{
        left: 0;
    }
    .feedback__form .form__input-name, .feedback__form .form__textarea, .form__send, .review__form .form__input-name, .review__form .form__textarea{
        width: 300px;
    }
    .reviews__pic{
        display: none;
    }
}