.hero-benefis__item-img--1 { background-image:url('/images/page/doors/accordion/hero/1-1.jpg'); }
.hero-benefis__item-img--2 { background-image:url('/images/page/doors/accordion/hero/2-2.jpg'); }
.hero-benefis__item-img--3 { background-image:url('/images/page/doors/accordion/hero/3-3.jpg'); }


.profiles-item--1 .profiles-item__image { background-image:url('/images/page/doors/accordion/profiles/1.jpg'); }
.profiles-item--2 .profiles-item__image { background-image:url('/images/page/doors/accordion/profiles/2.jpg'); }


.prices { min-height: 450px; overflow: hidden; }
.prices:before, .prices:after { content: ''; width: 50%; position: absolute; top: -100%; bottom: -100%; margin: auto; z-index: -1; }
.prices:before { left: 0; background-image: url("/images/page/constructions/winter-gardens/prices/bg.jpg"); background-position: center center; }
.prices:after { right: 0; background-color: #f5f5f5; }
.prices__title { padding-left: 40px; }
.prices-list { list-style-type: none; padding: 0 0 0 40px; margin: 0; }
.prices-list__item { font-size: 1.8rem; line-height: 1.2; color: #666; margin-bottom: 10px; position: relative; padding-left: 15px; }
.prices-list__item:before { content: '-'; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }
.prices-list__item:last-child { margin-bottom: 0; }
.prices__button { text-transform: uppercase; margin: 40px 0 0 40px; font-size:2rem; }

.figure--portfolio .figure__image { display: block; margin: 0 auto; max-width: 100%; border:1px #EEE solid; padding:2px; }
.figure--portfolio > a { display:block; position: relative; }
.figure--portfolio > a:before { content: ''; position: absolute; top: 0; bottom: 0;  left: 0; right: 0;
-webkit-transition: opacity 0.3s ease, background-color 0.3s ease;
-o-transition: opacity 0.3s ease, background-color 0.3s ease;
transition: opacity 0.3s ease, background-color 0.3s ease;
z-index: 10; }
.figure--portfolio > a:hover:before { opacity:1; background-color: rgba(226, 58, 25, .3); }
.figure--portfolio > a:after { content:"\f002"; font-family:'FontAwesome'; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:2rem; color:#FFF; opacity:0; z-index:11;
-webkit-transition: opacity 0.3s ease, color 0.3s ease;
-o-transition: opacity 0.3s ease, color 0.3s ease;
transition: opacity 0.3s ease, color 0.3s ease;  }
.figure--portfolio > a:hover:after { opacity:1; color:#FFF; }


.steps-item__icon:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 90px; height: 90px; margin: auto; background-image: url("/images/page/constructions/winter-gardens/steps/icons.png"); }

.steps-item--1 .steps-item__icon:before { background-position: 0px 0; }
.steps-item--2 .steps-item__icon:before { background-position: -90px 0; }
.steps-item--3 .steps-item__icon:before { background-position: -180px 0; }
.steps-item--4 .steps-item__icon:before { background-position: -270px 0; }
.steps-item--5 .steps-item__icon:before { background-position: -360px 0; }
.steps-item--6 .steps-item__icon:before { background-position: -450px 0; }
.steps-item--7 .steps-item__icon:before { background-position: -540px 0; }
.steps-item--8 .steps-item__icon:before { background-position: -630px 0; }


.windows-open-variant { padding-left:0; list-style: none; margin-bottom:0;}
.windows-open-variant > li { list-style: none; float: left; margin: 0 13px 15px 0;}
.windows-open-variant > li img {width: auto; height: 40px;}

.features { font-size: 0; }
.features-top { background-color: #fafafa; }
.features-top__title { display: inline-block; vertical-align: middle; padding: 15px; color: #5f5f5f; background-color: #eaeaea; font-size: 2.4rem; font-family: 'PFDinTextCompPro Regular'; position: relative; }
.features-top__title:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 32px 0 32px 30px; border-color: transparent transparent transparent #eaeaea; position: absolute; top: 0; bottom: 0; right: -30px; }
.features-box { position: relative; display: inline-block; min-height: 500px; width: 50%; overflow: hidden; }
.features-box__image { position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto; }
.features-box--content { padding: 40px; max-width: 600px; font-size: 2.8rem; font-family: 'OpenSansCondensed Light'; color: #666; }


.projects { font-size: 0; }
.projects-item { display: inline-block; width: 20%; padding: 10px; }
.projects-item__image { max-width: 100%; }


.partners { min-height: 500px; background-image: url("/images/page/doors/accordion/partners/bg.jpg"); color: #fff; }
