/*----------First screen---------*/
.first-screen_index {
    padding: 26px 0;
    margin-bottom: 108px;
}

.first-screen_index .first-screen__text {
    background-color: rgba(37, 40, 53, 0.9);
    padding: 106px 120px 101px 80px;
    box-sizing: border-box;
    width: 702px;
    position: relative;
}

.first-screen_index .first-screen__text:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    border-top: 3px solid #FE9800;
    border-right: 3px solid #FE9800;
    position: absolute;
    top: 20px;
    right: 20px;
}

.first-screen_index .first-screen__text:after {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    border-bottom: 3px solid #FE9800;
    border-right: 3px solid #FE9800;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.first-screen_index .first-screen__title {
    margin-bottom: 17px;
}

.first-screen_index .first-screen__desc {
    margin-bottom: 48px;
}

/*-------------Services--------*/
.services {
    margin-bottom: 79px;
}

.services__title {
    margin-bottom: 60px;
}

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

.services__item {
    /*width: 622px;*/
    width: 48.6%;
    margin-bottom: 46px;
    background: #FFFFFF;
    box-shadow: 2px 8px 8px rgba(30, 10, 10, 0.04);
    position: relative;
    transition-duration: 350ms;
}

.services__item:hover {
    transform: translateY(-10px);
    transition-duration: 350ms;
}

.services__item:hover .services__arrow{
    transform: translateX(20px);
    transition-duration: 350ms;
}


.services__link {
    display: block;
}

.services__img {
    display: inline-block;
    /*width: 622px;*/
    width: 100%;
    height: 232px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.services__img_01 {
    background-image: url("../img/bg-services-fireplace.jpg");
}

.services__img_02 {
    background-image: url("../img/bg-services-boiler.jpg");
}

.services__img_03 {
    background-image: url("../img/bg-services-washer.jpg");
}

.services__img_04 {
    background-image: url("../img/bg-services-dryer.jpg");
}

.services__text {
    display: inline-block;
    padding: 20px 23px 28px;
}

.services__subtitle {
    margin-bottom: 14px;
}

.services__desc {
    /*width: 354px;*/
    width: 63%;
    color: #3D3D3D;
}

.services__arrow {
    background-image: url("../img/icon-arrow.png");
    width: 41px;
    height: 16px;
    display: inline-block;
    position: absolute;
    bottom: 52px;
    right: 60px;
    transition-duration: 350ms;
}

/*-------What we do-------*/
.what {
    background-color: rgba(37, 40, 53, 0.9);
    padding-top: 27px;
    box-sizing: border-box;
    min-height: 558px;
    margin-bottom: 152px;
}


.what__img-content {
    width: 548px;
    position: relative;
}

.what__bg-bottom {
    width: 512px;
    height: 599px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/bg-what-inversion.jpg");
    position: absolute;
    top: -68px;
}

.what__bg-top {
    width: 512px;
    height: 599px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/bg-what.jpg");
    position: absolute;
    top: -37px;
    left: 36px;
}

.what__bg-top:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    border-top: 3px solid #FE9800;
    border-right: 3px solid #FE9800;
    position: absolute;
    top: 20px;
    right: 20px;
}

.what__bg-top:after {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    border-bottom: 3px solid #FE9800;
    border-right: 3px solid #FE9800;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.what__text-content {
    margin-left: 622px;
}

.what__subtitle {
    margin-bottom: 12px;
}

.what__title {
    margin-bottom: 40px;
}

.what__p {
    margin-bottom: 18px;
    max-width: 409px;
}

.what__p:last-child {
    margin-bottom: 40px;
}

.what__link {
    margin-bottom: 51px;
    display: inline-block;
}

.what__link:hover {
    color: #FE9800;
}

.link-more {
    position: relative;
}

.link-more:before {
    content: "";
    background-image: url("../img/icon-arrow-more.png");
    width: 27px;
    height: 16px;
    display: inline-block;
    transition-duration: 350ms;
    position: absolute;
    right: -45px;
    bottom: 5px;
}

.what__link:hover.link-more:before{
    transform: translateX(10px);
    transition-duration: 350ms;
}

/*-------Advantages-----*/
.advantages {
    margin-bottom: 100px;
}

.advantages__subtitle {
    margin-bottom: 12px;
}

.advantages__title {
    margin-bottom: 67px;
}

.advantages__list {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.advantages__item {
    /*width: 277px;*/
    width: 22%;
    min-height: 160px;
    background: #FFFFFF;
    box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.advantages__top-decoration:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border-top: 3px solid #FE9800;
    border-left: 3px solid #FE9800;
    position: absolute;
    top: 12px;
    left: 12px;
}

.advantages__top-decoration:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border-top: 3px solid #FE9800;
    border-right: 3px solid #FE9800;
    position: absolute;
    top: 12px;
    right: 12px;
}

.advantages__bottom-decoration:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border-bottom: 3px solid #FE9800;
    border-left: 3px solid #FE9800;
    position: absolute;
    bottom: 12px;
    left: 12px;
}

.advantages__bottom-decoration:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border-bottom: 3px solid #FE9800;
    border-right: 3px solid #FE9800;
    position: absolute;
    bottom: 12px;
    right: 12px;
}

/*.advantages__number {
    display: block;
    font-weight: 800;
    font-size: 6em;
    line-height: 1;
    color: #FE9800;
}*/

.advantages__img {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 72px;
    text-align: center;
    margin-bottom: 15px;
}

.advantages__img_01 {
    background-image: url("../img/icon-quality.png");
}

.advantages__img_02 {
    background-image: url("../img/icon-wallet.png");
}


.advantages__img_03 {
    background-image: url("../img/icon-materials.png");
}


.advantages__img_04 {
    background-image: url("../img/icon-specialists.png");
}

.advantages__desc {
    font-weight: bold;
}

/*----------Request-------*/
.request {
    background-color: rgba(37, 40, 53, 0.9);
}

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

.request__form {
    padding: 40px 80px 78px;
}

.request__subtitle {
    margin-bottom: 12px;
}

.request__title {
    margin-bottom: 40px;
}

.request__label {
    display: block;
    line-height: 1;
    color: #FFCD83;
    margin-bottom: 6px;
}

.request__input {
    width: 329px;
    height: 32px;
    background: #FFFFFF;
    box-shadow: inset 2px 4px 4px rgba(0, 0, 0, 0.16);
    border: none;
    margin-bottom: 16px;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 10px;
    font-family: Circe, Calibri, sans-serif;
    font-size: 1em;
    color: #3D3D3D;
}

.request__input:last-of-type {
    margin-bottom: 69px;
}

.request__submit {
    display: block;
}

.request__bg {
    width: 812px;
    min-height: 558px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/bg-request.jpg");
}