html
{
margin: 0px;
padding: 0px;
}
body
{
margin: 0px;
padding: 0px;
}
.w-global
{
margin-left: auto;
margin-right: auto;
maax-width: 1900px;
}
.for-contacs {
padding: 0px;
margin: 2vw 0 0 9vw;
}
@media (min-width: 600px)
{
#main
{
}
#what-we-buy
{
position: absolute;
top: -6vw;
}
#cost-estimate
{
position: absolute;
top: -6vw;
}
#advantage
{
position: absolute;
top: -6vw;
}
#contacs
{
position: absolute;
top: -6vw;
}
.w-header
{
height: 8vw;
position: relative;
width: 100%;
}
.b-header
{
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,0.04) 99%,rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 76%, rgba(255,255,255,0.04) 99%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,0.04) 99%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
height: 9.63vw;
left: 0px;
min-height: 40px;
position: fixed;
top: 0px;
width: 100%;
z-index: 100;
}
.b-header__logo
{
bottom: 0;
left: 3.21%;
margin: auto;
padding: 0 0 1.5vw 0;
max-height: 100%;
max-width: 100%;
position: absolute;
top: 0;
width: 15%;
z-index: 20;
}
.m-header__logo
{
display: none;
}
.b-header__nav
{
box-sizing: border-box;
height: 100%;
list-style: none;
margin: 0px;
padding: 0px;
padding-right: 8.27%;
position: absolute;
right: 0;
text-align: right;
top: 0px;
width: 100%;
z-index: 10;
}
.b-header__nav-item
{
display: inline-block;
height: 100%;
margin-left: 5%;
vertical-align: middle;
}
.b-header__nav-item:before
{
content: "";
display: inline-block;
height: 100%;
min-height: inherit;
vertical-align: middle;
}
.b-header__nav-link-red
{
color: #fff;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
font-weight: 900;
letter-spacing: 1px;
text-decoration: none;
background: #ff2708;
padding: 7px;
border-radius: 3px;
-moz-box-shadow: 0 0 10px #ff2708;
-webkit-box-shadow: 0 0 10px #ff2708;
box-shadow: 0 0 5px #ff2708;
}
.b-header__nav-link
{
color: #000;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
font-weight: 300;
letter-spacing: 0.2px;
text-decoration: none;
position: relative;
}
.b-header__nav-avito {
position: absolute;
bottom: -0.8vw;
right: 0px;
width: 100%;
}
.b-header__nav-rating {
font-size: 0.7vw;
font-weight: 900;
margin: 0 0.4vw 0 0;
}
.b-header__nav-reviews {
font-size: 0.6vw;
margin: 0 0.1vw 0 0;
}
.b-header__nav-stars {
display: flex;
align-items: center;
justify-content: flex-end;
}
.b-header__nav-star-wrap {
width: 0.8vw;
position: relative;
}
.b-header__nav-star-50 {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 50%;
overflow: hidden;
}
.b-header__nav-star-icon {
width: 100%;
}
.b-header__nav-star-icon-half {
width: 200%;
}
.b-header__nav-image {
margin-top: 3vw;
height: 3.13vw;
}
.b-header__nav-link--active
{
border-bottom: 1px solid #000;
font-weight: 500;
}
.b-header__avito {
display: none;
}
.b-header__avito-image
{
display: none;
}
.w-header__button
{
display: none;
}
.header-main
{
font-family: 'a_FuturaRound', sans-serif;
font-size: 2.35vw;
margin: 0px;
margin-top: 3vw;
padding: 0px;
text-align: center;
color: #393939;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
.b-contacs-top
{
display: none;
}
.w-slider
{
opacity: 1;
height: 46.35vw;
position: relative;
width: 100%;
}
.b-slider
{
height: 100%;
width: 100%;
}
.b-slider__item
{
padding: 0px;
position: relative;
width: 100%;
}
.b-slider__image
{
left: 0px;
position: absolute;
top: 0px;
width: 50%;
height: auto;
}
.b-slider__right
{
float: right;
position: relative;
width: 50%;
}
.b-slider__header
{
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.84vw;
font-weight: normal;
line-height: 3.5vw;
color: #393939;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
width: 40vw;
padding: 3.7vw 0 0 4.26vw;
margin: 3.15vw 0 1.5vw;
}
.b-slider__header p {
padding: 0px;
margin: 0px;
}
.b-slider__text
{
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
font-weight: 300;
color: #393939;
letter-spacing: 0.25px;
line-height: 2.1vw;
width: 40vw;
padding: 0 0 0 4.26vw;
}
.m-slider__text
{
display: none;
}
.b-slider__button-1
{
background-color: #8FC817;
border: 1px solid #8FC817;
border-radius: 0.36vw;
box-sizing: border-box;
color: #fff;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
font-weight: 500;
height: 3.57vw;
left: 4.26vw;
position: absolute;
top: 26.79vw;
width: 14.89vw;
}
.b-slider__button-2
{
background-color: #FFF;
border: 1px solid #000;
border-radius: 0.36vw;
box-sizing: border-box;
color: #000;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
font-weight: 500;
height: 3.57vw;
left: 20.96vw;
position: absolute;
top: 26.79vw;
width: 14.89vw;
}
.m-slider__button-1
{
display: none;
}
.m-slider__button-2
{
display: none;
}
.owl-theme
{
height: 100%;
width: 100%;
}
.owl-theme .owl-stage-outer
{
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.owl-theme .owl-stage
{
position: relative;
}
.owl-theme .owl-item
{
float: left;
min-height: 1px;
}
.owl-nav
{
}
.owl-theme .owl-prev
{
background: url(images/arrow-left-big.png);
background-repeat: no-repeat;
background-size: cover;
border: none;
cursor: pointer;
height: 3.47vw;
left: 2vw;
position: absolute;
top: calc(50% - 25px);
width: 2.1vw;
}
.owl-theme .owl-prev span
{
display: none;
}
.owl-theme .owl-next
{
background: url(images/arrow-right-big.png);
background-repeat: no-repeat;
background-size: cover;
border: none;
cursor: pointer;
height: 3.47vw;
position: absolute;
right: 2vw;
top: calc(50% - 25px);
width: 2.1vw;
}
.owl-theme .owl-next span
{
display: none;
}
.owl-theme .disabled
{
display: none;
}
.owl-theme .owl-dots
{
bottom: 2.4%;
position: absolute;
text-align: center;
width: 100%;
}
.owl-theme .owl-dots .owl-dot
{
background: none;
border: none;
cursor: pointer;
margin: 5px 10px;
padding: 0;
}
.owl-theme .owl-dots .owl-dot span
{
background: #fff;
border: 1px solid #707070;
border-radius: 11px;
box-sizing: border-box;
display: block;
height: 12px;
width: 12px;
}
.owl-theme .owl-dots .active span
{
background: #8FC817;
border: 1px solid #B4B4B4;
}
.w-what-we-buy
{
opacity: 1;
height: 54.1vw;
position: relative;
width: 100%;
}
.b-what-we-buy
{
height: 100%;
width: 100%;
}
.b-what-we-buy__header
{
font-family: 'a_FuturaRound', sans-serif;
font-size: 2.35vw;
color: #393939;
margin: 0px;
margin-top: 3vw;
padding: 0px;
text-align: center;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
.b-what-we-buy__nav-wrap
{
border: 2px solid #89BF15;
border-radius: 2vw;
left: 0px;
padding: 6vw 5vw 5vw 7vw;
margin: 0 0 0 5vw;
position: absolute;
top: 6.0vw;
}
.m-what-we-buy__nav
{
display: none;
}
.b-what-we-buy__nav
{
color: #000;
list-style-type: none;
margin: 0px;
padding: 0px;
counter-reset: num;
}
.b-what-we-buy__nav:before
{
border-left: 1px solid #ededed;
content: "";
height: 20.55vw;
left: 4vw;
position: absolute;
top: 7.6vw;
}
.b-what-we-buy__nav-item
{
cursor: pointer;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
color: #89BF15;
padding: 1.16vw 0 1.16vw 1.42vw;
position: relative;
text-decoration: none;
width: 18vw;
}
.b-what-we-buy__nav-item--active
{
background-color: #89BF15;
color: #fff;
border-radius: 5px;
padding: 1.16vw 1.05vw 1.16vw 0.84vw;
margin: 0 0 0 0.58vw;
}
.b-what-we-buy__nav-item:after {
content: '0' counter(num) '. ';
counter-increment: num;
color: #89BF15;
position: absolute;
left: -1.7vw;
}
.b-what-we-buy__nav-item:before
{
border-bottom: 1px solid #ededed;
content: "";
left: -3vw;
position: absolute;
top: 1.6vw;
width: 0.78vw;
}
.b-what-we-buy__nav-item--active:after {
left: -2.28vw;
}
.b-what-we-buy__nav-item--active:before
{
left: -3.58vw;
}
.b-what-we-buy__nav-link
{
color: #afafaf;
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.31vw;
font-weight: 900;
text-decoration: none;
white-space: nowrap;
}
.b-what-we-buy__nav-link--active
{
color: #000;
}
.b-what-we-buy__con-wrap
{
height: 52vw;
position: absolute;
right: 3.5vw;
top: 4.6vw;
width: 52vw;
}
.b-what-we-buy__cons
{
display: none;
}
.b-what-we-buy__con
{
display: none;
list-style: none;
margin: 0px;
padding: 0px;
}
.b-what-we-buy__con-text-back
{
box-sizing: border-box;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
height: 100%;
line-height: 2vw;
padding: 1vw;
width: 100%;
}
.b-what-we-buy__con-text-back p
{
padding: 0px;
margin: 0px;
}
.b-what-we-buy__flip-container
{
height: 100%;
perspective: 1000;
width: 100%;
}
.b-what-we-buy__flip
{
transform: rotateY(180deg);
}
.b-what-we-buy__flipper
{
height: 100%;
position: relative;
transform-style: preserve-3d;
transition: 0.6s;
width: 100%;
}
.b-what-we-buy__flip-front
{
backface-visibility: hidden;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.b-what-we-buy__flip-back
{
backface-visibility: hidden;
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: rotateY(180deg);
width: 100%;
}
.b-what-we-buy__con-item
{
background-color: #fff;
cursor: pointer;
-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.3);
}
.b-what-we-buy__con-item:hover
{
background-color: #5b9c31;
/* IE9, iOS 3.2+ */
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNmRiYzM5IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM0OTdiMjgiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(109, 188, 57)),color-stop(1, rgb(73, 123, 40)));
/* Android 2.3 */
background-image: -webkit-linear-gradient(top,rgb(109, 188, 57) 0%,rgb(73, 123, 40) 100%);
/* IE10+ */
background-image: linear-gradient(to bottom,rgb(109, 188, 57) 0%,rgb(73, 123, 40) 100%);
background-image: -ms-linear-gradient(top,rgb(109, 188, 57) 0%,rgb(73, 123, 40) 100%);
}
.b-what-we-buy__con-item:hover .b-what-we-buy__con-text
{
color: #fff;
}
.b-what-we-buy__con-item:hover .b-what-we-buy__con-text-back
{
color: #fff;
}
.b-what-we-buy__con-item:nth-child(1)
{
background-color: #fff;
float: left;
height: 9.84vw;
margin: 1.5vw;
padding: 0px;
position: relative;
width: 22.77vw;
}
.b-what-we-buy__con-text--medium {
font-size: 1.05vw;
font-weight: 500;
}
.b-what-we-buy__con-item:nth-child(1) .b-what-we-buy__con-text
{
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
left: 1.5vw;
letter-spacing: -0.4px;
line-height: 1vw;
position: absolute;
top: 1.5vw;
}
.b-what-we-buy__con-item:nth-child(1) .b-what-we-buy__con-image
{
width: auto;
height: calc(100% - 1vw);
position: absolute;
right: 0.5vw;
top: 0.5vw;
}
.b-what-we-buy__con-item:nth-child(2)
{
background-color: #fff;
float: right;
height: 22.65vw;
margin: 1.5vw;
padding: 0px;
position: relative;
width: 22.77vw;
}
.b-what-we-buy__con-item:nth-child(2) .b-what-we-buy__con-text
{
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
left: 1.5vw;
letter-spacing: -0.4px;
line-height: 1vw;
position: absolute;
top: 1.5vw;
}
.b-what-we-buy__con-item:nth-child(2) .b-what-we-buy__con-image
{
bottom: 0.5vw;
left: 0.5vw;
position: absolute;
width: calc(100% - 1vw);
height: auto;
}
.b-what-we-buy__con-item:nth-child(3)
{
background-color: #fff;
float: left;
height: 9.84vw;
margin: 1.5vw;
padding: 0px;
position: relative;
width: 22.77vw;
}
.b-what-we-buy__con-item:nth-child(3) .b-what-we-buy__con-text
{
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
left: 12.5vw;
letter-spacing: -0.4px;
line-height: 1vw;
position: absolute;
top: 1.5vw;
}
.b-what-we-buy__con-item:nth-child(3) .b-what-we-buy__con-image
{
width: auto;
height: calc(100% - 1vw);
position: absolute;
right: 45%;
top: 0.5vw;
}
.b-what-we-buy__con-item:nth-child(4)
{
background-color: #fff;
float: left;
height: 9.84vw;
margin: 1.5vw;
padding: 0px;
position: relative;
width: calc(100% - 3.14vw);
}
.b-what-we-buy__con-item:nth-child(4) .b-what-we-buy__con-text
{
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
left: 6vw;
letter-spacing: -0.4px;
line-height: 1vw;
position: absolute;
top: 2.7vw;
}
.b-what-we-buy__con-item:nth-child(4) .b-what-we-buy__con-image
{
width: auto;
height: calc(100% - 1vw);
position: absolute;
right: 27%;
top: 0.5vw;
}
.w-cost-estimate
{
opacity: 1;
height: 55.5vw;
position: relative;
width: 100%;
}
.w-cost-estimate__header
{
font-family: 'a_FuturaRound', sans-serif;
font-size: 2.35vw;
color: #393939;
margin: 0px;
padding: 0px;
padding-top: 3vw;
text-align: center;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
.w-cost-estimate--s1
{
padding-bottom: 58%;
}
.w-cost-estimate--s2
{
padding-bottom: 59%;
}
.w-cost-estimate--s3
{
padding-bottom: 60%;
}
.w-cost-estimate--s4
{
padding-bottom: 61%;
}
.w-cost-estimate--s5
{
padding-bottom: 62%;
}
.b-cost-estimate
{
background-color: #fbfbfb;
height: 100%;
width: 100%;
}
.b-cost-estimate__header
{
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.30vw;
letter-spacing: -0.3px;
margin: 3.75vw 0 0 7.84vw;
padding: 0px;
text-align: left;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
width: 30%;
}
.b-cost-estimate__text
{
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
letter-spacing: 0.27px;
line-height: 2.1vw;
margin: 1.95vw 0 0 7.84vw;
padding: 0px;
text-align: left;
width: 30%;
}
.b-cost-estimate__form
{
list-style: none;
margin: 0px;
padding: 0px;
position: absolute;
right: 0px;
top: 8.1vw;
width: 60%;
}
.b-cost-estimate__form--modal
{
list-style: none;
margin: 1vw 0 0 0;
padding: 0px;
position: absolute;
right: 0px;
top: 0vw;
width: 60%;
}
.b-cost-estimate__form-item
{
margin: 1.59vw 0;
padding: 0px;
text-align: left;
}
.b-cost-estimate__form-label
{
box-sizing: border-box;
display: block;
float: left;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
font-weight: 300;
line-height: 3.47vw;
padding: 0 2vw 0 0;
position: relative;
text-align: right;
white-space: nowrap;
width: 17.7vw;
}
.b-cost-estimate__form-label--asterisk:after
{
color: #FF0000;
content: "*";
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.25vw;
position: absolute;
right: 1.26vw;
top: -0.05vw;
}
.b-cost-estimate__form-input
{
border: 1px solid #c4c4c4;
border-radius: 0.52vw;
box-sizing: border-box;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
font-weight: 300;
height: 3.47vw;
padding: 0 1.05vw;
width: 31.7vw;
}
.b-cost-estimate__form-input-red
{
border-color: #FF0000;
color: #FF0000;
}
.b-cost-estimate__form-input-green
{
border-color: #0A9A00;
color: #0A9A00;
}
.w-cost-estimate__form-select
{
display: inline-block;
position: relative;
}
.w-cost-estimate__form-select:after
{
background-image: url(images/select-arrow.png);
content: "";
height: 8px;
pointer-events: none;
position: absolute;
right: 1.05vw;
top: calc((100% / 2) - 4px);
width: 10px;
}
.b-cost-estimate__form-select
{
appearance: none;
border: 1px solid #c4c4c4;
border-radius: 0.52vw;
box-sizing: border-box;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
font-weight: 300;
height: 3.47vw;
-moz-appearance: none;
padding: 0 1.05vw;
-webkit-appearance: none;
width: 14.52vw;
}
.b-cost-estimate__form-textarea
{
border: 1px solid #c4c4c4;
border-radius: 0.52vw;
box-sizing: border-box;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
font-weight: 300;
height: 3.47vw;
padding: 1.1vw 1.05vw;
resize: none;
width: 31.7vw;
}
.b-cost-estimate__form-element--red
{
border-color: #FF0000;
color: #FF0000;
}
.b-cost-estimate__form-element--green
{
border-color: #0A9A00;
color: #0A9A00;
}
.b-cost-estimate__form-textarea-red
{
background-color: #FF0000;
color: #FF0000;
}
.b-cost-estimate__form-textarea-green
{
background-color: #0A9A00;
color: #0A9A00;
}
.b-cost-estimate__form-progress progress[value="0"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 0;
}
.b-cost-estimate__form-progress progress[value="1"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 1%;
}
.b-cost-estimate__form-progress progress[value="2"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 2%;
}
.b-cost-estimate__form-progress progress[value="3"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 3%;
}
.b-cost-estimate__form-progress progress[value="4"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 4%;
}
.b-cost-estimate__form-progress progress[value="5"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 5%;
}
.b-cost-estimate__form-progress progress[value="6"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 6%;
}
.b-cost-estimate__form-progress progress[value="7"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 7%;
}
.b-cost-estimate__form-progress progress[value="8"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 8%;
}
.b-cost-estimate__form-progress progress[value="9"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 9%;
}
.b-cost-estimate__form-progress progress[value="10"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 10%;
}
.b-cost-estimate__form-progress progress[value="11"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 11%;
}
.b-cost-estimate__form-progress progress[value="12"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 12%;
}
.b-cost-estimate__form-progress progress[value="13"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 13%;
}
.b-cost-estimate__form-progress progress[value="14"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 14%;
}
.b-cost-estimate__form-progress progress[value="15"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 15%;
}
.b-cost-estimate__form-progress progress[value="16"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 16%;
}
.b-cost-estimate__form-progress progress[value="17"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 17%;
}
.b-cost-estimate__form-progress progress[value="18"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 18%;
}
.b-cost-estimate__form-progress progress[value="19"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 19%;
}
.b-cost-estimate__form-progress progress[value="20"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 20%;
}
.b-cost-estimate__form-progress progress[value="21"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 21%;
}
.b-cost-estimate__form-progress progress[value="22"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 22%;
}
.b-cost-estimate__form-progress progress[value="23"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 23%;
}
.b-cost-estimate__form-progress progress[value="24"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 24%;
}
.b-cost-estimate__form-progress progress[value="25"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 25%;
}
.b-cost-estimate__form-progress progress[value="26"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 26%;
}
.b-cost-estimate__form-progress progress[value="27"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 27%;
}
.b-cost-estimate__form-progress progress[value="28"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 28%;
}
.b-cost-estimate__form-progress progress[value="29"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 29%;
}
.b-cost-estimate__form-progress progress[value="30"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 30%;
}
.b-cost-estimate__form-progress progress[value="31"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 31%;
}
.b-cost-estimate__form-progress progress[value="32"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 32%;
}
.b-cost-estimate__form-progress progress[value="33"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 33%;
}
.b-cost-estimate__form-progress progress[value="34"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 34%;
}
.b-cost-estimate__form-progress progress[value="35"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 35%;
}
.b-cost-estimate__form-progress progress[value="36"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 36%;
}
.b-cost-estimate__form-progress progress[value="37"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 37%;
}
.b-cost-estimate__form-progress progress[value="38"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 38%;
}
.b-cost-estimate__form-progress progress[value="39"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 39%;
}
.b-cost-estimate__form-progress progress[value="40"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 40%;
}
.b-cost-estimate__form-progress progress[value="41"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 41%;
}
.b-cost-estimate__form-progress progress[value="42"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 42%;
}
.b-cost-estimate__form-progress progress[value="43"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 43%;
}
.b-cost-estimate__form-progress progress[value="44"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 44%;
}
.b-cost-estimate__form-progress progress[value="45"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 45%;
}
.b-cost-estimate__form-progress progress[value="46"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 46%;
}
.b-cost-estimate__form-progress progress[value="47"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 47%;
}
.b-cost-estimate__form-progress progress[value="48"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 48%;
}
.b-cost-estimate__form-progress progress[value="49"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 49%;
}
.b-cost-estimate__form-progress progress[value="50"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 50%;
}
.b-cost-estimate__form-progress progress[value="51"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 51%;
}
.b-cost-estimate__form-progress progress[value="52"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 52%;
}
.b-cost-estimate__form-progress progress[value="53"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 53%;
}
.b-cost-estimate__form-progress progress[value="54"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 54%;
}
.b-cost-estimate__form-progress progress[value="55"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 55%;
}
.b-cost-estimate__form-progress progress[value="56"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 56%;
}
.b-cost-estimate__form-progress progress[value="57"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 57%;
}
.b-cost-estimate__form-progress progress[value="58"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 58%;
}
.b-cost-estimate__form-progress progress[value="59"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 59%;
}
.b-cost-estimate__form-progress progress[value="60"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 60%;
}
.b-cost-estimate__form-progress progress[value="61"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 61%;
}
.b-cost-estimate__form-progress progress[value="62"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 62%;
}
.b-cost-estimate__form-progress progress[value="63"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 63%;
}
.b-cost-estimate__form-progress progress[value="64"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 64%;
}
.b-cost-estimate__form-progress progress[value="65"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 65%;
}
.b-cost-estimate__form-progress progress[value="66"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 66%;
}
.b-cost-estimate__form-progress progress[value="67"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 67%;
}
.b-cost-estimate__form-progress progress[value="68"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 68%;
}
.b-cost-estimate__form-progress progress[value="69"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 69%;
}
.b-cost-estimate__form-progress progress[value="70"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 70%;
}
.b-cost-estimate__form-progress progress[value="71"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 71%;
}
.b-cost-estimate__form-progress progress[value="72"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 72%;
}
.b-cost-estimate__form-progress progress[value="73"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 73%;
}
.b-cost-estimate__form-progress progress[value="74"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 74%;
}
.b-cost-estimate__form-progress progress[value="75"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 75%;
}
.b-cost-estimate__form-progress progress[value="76"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 76%;
}
.b-cost-estimate__form-progress progress[value="77"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 77%;
}
.b-cost-estimate__form-progress progress[value="78"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 78%;
}
.b-cost-estimate__form-progress progress[value="79"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 79%;
}
.b-cost-estimate__form-progress progress[value="80"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 80%;
}
.b-cost-estimate__form-progress progress[value="81"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 81%;
}
.b-cost-estimate__form-progress progress[value="82"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 82%;
}
.b-cost-estimate__form-progress progress[value="83"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 83%;
}
.b-cost-estimate__form-progress progress[value="84"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 84%;
}
.b-cost-estimate__form-progress progress[value="85"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 85%;
}
.b-cost-estimate__form-progress progress[value="86"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 86%;
}
.b-cost-estimate__form-progress progress[value="87"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 87%;
}
.b-cost-estimate__form-progress progress[value="88"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 88%;
}
.b-cost-estimate__form-progress progress[value="89"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 89%;
}
.b-cost-estimate__form-progress progress[value="90"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 90%;
}
.b-cost-estimate__form-progress progress[value="91"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 91%;
}
.b-cost-estimate__form-progress progress[value="92"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 92%;
}
.b-cost-estimate__form-progress progress[value="93"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 93%;
}
.b-cost-estimate__form-progress progress[value="94"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 94%;
}
.b-cost-estimate__form-progress progress[value="95"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 95%;
}
.b-cost-estimate__form-progress progress[value="96"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 96%;
}
.b-cost-estimate__form-progress progress[value="97"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 97%;
}
.b-cost-estimate__form-progress progress[value="98"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 98%;
}
.b-cost-estimate__form-progress progress[value="99"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 99%;
}
.b-cost-estimate__form-progress progress[value="100"] ~ .b-cost-estimate__form-progress-bg .b-cost-estimate__form-progress-bar
{
width: 100%;
}
.b-cost-estimate__form-progress
{
overflow: hidden;
position: relative;
width: 31.7vw;
}
.b-cost-estimate__form-progress progress
{
height: 0;
left: -777px;
overflow: hidden;
position: absolute;
width: 0;
}
.b-cost-estimate__form-progress-value
{
color: #333;
display: block;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
font-weight: 300;
left: 0px;
line-height: 3.47vw;
position: absolute;
text-align: center;
top: 0px;
width: 100%;
z-index: 30;
}
.b-cost-estimate__form-progress-value--green
{
color: #0A9A00;
}
.b-cost-estimate__form-progress-value--red
{
color: #ff0000;
}
.b-cost-estimate__form-progress-bg
{
background: #EFEFEF;
border: 1px solid #c4c4c4;
border-radius: 0.52vw;
box-sizing: border-box;
height: 3.47vw;
overflow: hidden;
position: relative;
}
.b-cost-estimate__form-progress-bg--red {
border: 1px solid #ff0000;
}
.b-cost-estimate__form-progress-bg--green {
border: 1px solid #0A9A00;
}
@-webkit-keyframes progress_bar
{
0%
{
background-position: 0 0;
}
100%
{
background-position: -40px 0;
}
}
@-moz-keyframes progress_bar
{
0%
{
background-position: 0 0;
}
100%
{
background-position: -40px 0;
}
}
@keyframes progress_bar
{
0%
{
background-position: 0 0;
}
100%
{
background-position: -40px 0;
}
}
.b-cost-estimate__form-progress-bar
{
background: #ff0000;
height: 100%;
left: 0;
-moz-transition: width 0s linear;
ms-transition: width 0s linear;
overflow: hidden;
position: absolute;
top: 0;
transition: width 0s linear;
-webkit-transition: width 0s linear;
width: 0;
}
.b-cost-estimate__form-progress-bar:after
{
animation: progress_bar 0.8s linear infinite;
background-image: linear-gradient(45deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent);
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent);
background-size: 40px 40px;
content: '';
height: 100%;
left: 0;
-moz-animation: progress_bar 0.8s linear infinite;
ms-animation: progress_bar 0.8s linear infinite;
o-animation: progress_bar 0.8s linear infinite;
position: absolute;
top: 0;
-webkit-animation: progress_bar 0.8s linear infinite;
-webkit-background-size: 40px 40px;
width: 100%;
}
.b-cost-estimate__form-file
{
height: 100%;
left: 0px;
opacity: 0;
position: absolute;
top: 0px;
width: 100%;
z-index: 50;
}
.b-cost-estimate__form-info
{
display: block;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.9vw;
font-weight: 300;
margin: 0.8vw 0 0 17.7vw;
padding: 0px;
width: 32.1vw;
}
.b-cost-estimate__form-status
{
display: block;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.9vw;
font-weight: 300;
margin: 0 0 0 17.7vw;
padding: 0px;
width: 32.1vw;
}
.b-cost-estimate__form-status--red
{
color: #FF0000;
}
.b-cost-estimate__form-status--green
{
color: #0A9A00;
}
.b-cost-estimate__form-delete {
color: #ff0000;
position: absolute;
font-weight: 900;
top: 0px;
right: 0vw;
opacity: 0.5;
cursor: pointer;
}
.b-cost-estimate__form-delete:hover {
opacity: 1;
}
.b-cost-estimate__form-list-file {
margin: 0px;
padding: 0px;
}
.b-cost-estimate__form-list-item {
display: block;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.9vw;
letter-spacing: 0.27px;
margin: 0 0 0 18.7vw;
padding: 0px;
width: 30vw;
position: relative;
}
.b-cost-estimate__form-list-item--red {
color: #ff0000;
}
.b-cost-estimate__form-list-item--green {
color: #0A9A00;
}
.b-cost-estimate__form-button
{
background: #89BF15;
border: 1px solid #89BF15;
border-radius: 0.52vw;
box-sizing: border-box;
color: #fff;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
font-weight: 500;
height: 3.47vw;
margin: 0 0 0 26.5vw;
width: 14.52vw;
}
.b-cost-estimate__form-button--disabled
{
background: #777;
background-size: 30px 30px;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
animation: barberpole 0.5s linear infinite;
}
@keyframes barberpole {
from {
background-position: 0 0;
}
to {
background-position: 60px 30px;
}
}
.m-cost-estimate__form-button
{
background: #89BF15;
border: 1px solid #89BF15;
border-radius: 0.52vw;
box-sizing: border-box;
color: #fff;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
font-weight: 500;
height: 3.47vw;
margin: 0 0 0 26.5vw;
width: 14.52vw;
}
.m-cost-estimate__form-info
{
display: none;
}
.w-advantage
{
opacity: 1;
height: 65.8vw;
position: relative;
width: 100%;
}
.b-advantage
{
height: 100%;
width: 100%;
}
.b-advantage__header
{
font-family: 'a_FuturaRound', sans-serif;
font-size: 2.35vw;
color: #393939;
margin: 0px;
margin-top: 3vw;
padding: 0px;
text-align: center;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}
.b-advantage__items
{
list-style: none;
margin: 3vw 5vw 0 5vw;
padding: 0px;
}
.b-advantage__item
{
cursor: pointer;
float: left;
height: 27vw;
margin: 1vw;
padding: 0px;
position: relative;
width: 27vw;
}
.b-advantage__flip-container
{
height: 100%;
perspective: 1000;
width: 100%;
}
.b-advantage__flip
{
transform: rotateY(180deg);
}
.b-advantage__flipper
{
height: 100%;
position: relative;
transform-style: preserve-3d;
transition: 0.6s;
width: 100%;
}
.b-advantage__flip-front
{
backface-visibility: hidden;
background-color: #7dad14;
/* IE9, iOS 3.2+ */
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjODliZjE1IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM3MDliMTMiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(137, 191, 21)),color-stop(1, rgb(112, 155, 19)));
/* Android 2.3 */
background-image: -webkit-linear-gradient(top,rgb(137, 191, 21) 0%,rgb(112, 155, 19) 100%);
/* IE10+ */
background-image: linear-gradient(to bottom,rgb(137, 191, 21) 0%,rgb(112, 155, 19) 100%);
background-image: -ms-linear-gradient(top,rgb(137, 191, 21) 0%,rgb(112, 155, 19) 100%);
color: #fff;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.b-advantage__item:nth-child(2n) .b-advantage__flip-front
{
background-color: #F8F8F8;
background-image: none;
color: #000;
}
.b-advantage__flip-back
{
backface-visibility: hidden;
background-color: #7dad14;
/* IE9, iOS 3.2+ */
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjODliZjE1IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM3MDliMTMiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(137, 191, 21)),color-stop(1, rgb(112, 155, 19)));
/* Android 2.3 */
background-image: -webkit-linear-gradient(top,rgb(137, 191, 21) 0%,rgb(112, 155, 19) 100%);
/* IE10+ */
background-image: linear-gradient(to bottom,rgb(137, 191, 21) 0%,rgb(112, 155, 19) 100%);
background-image: -ms-linear-gradient(top,rgb(137, 191, 21) 0%,rgb(112, 155, 19) 100%);
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: rotateY(180deg);
width: 100%;
}
.b-advantage__item:nth-child(2n) .b-advantage__flip-back
{
background-color: #F8F8F8;
background-image: none;
}
.b-advantage__item-image-wrap
{
bottom: 17vw;
left: 0px;
position: absolute;
text-align: center;
width: 100%;
}
.b-advantage__item-image-wrap img
{
width: 7vw;
height: auto;
}
.b-advantage__item-header
{
box-sizing: border-box;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.31vw;
font-weight: 500;
left: 0px;
margin: 0px;
padding: 0 1vw;
position: absolute;
text-align: center;
top: 11vw;
width: 100%;
}
.b-advantage__item-text
{
box-sizing: border-box;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
font-weight: 300;
left: 0px;
line-height: 1.84vw;
margin: 0px;
padding: 0 1vw;
position: absolute;
text-align: center;
top: 14vw;
}
.b-advantage__item-text-back
{
box-sizing: border-box;
color: #fff;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
font-weight: 300;
line-height: 1.84vw;
margin: 0px;
padding: 2vw;
text-align: center;
}
.b-advantage__item:nth-child(2n) .b-advantage__item-text-back
{
color: #2C2C2C;
}
.w-contacs
{
opacity: 1;
position: relative;
width: 100%;
}
.b-contacs
{
height: 100%;
width: 100%;
}
.b-contacs__header
{
font-family: 'a_FuturaRound', sans-serif;
font-size: 2.35vw;
color: #393939;
margin: 3vw 0 0 6.62vw;
padding: 0px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.b-accordion {
min-height: 36vw;
margin: 2.2vw 0 0 6.63vw;
padding: 0px;
}
.b-accordion__item {
width: 28vw;
margin-bottom: 0.5vw;
border-radius: 0.25rem;
box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 15%);
}
.b-accordion__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.7vw 0.7vw;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
font-weight: 500;
border: 1px solid rgb(0 0 0 / 12.5%);
background-color: #0d6efd;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
cursor: pointer;
transition: background-color 0.2s ease-out;
color: #212529;
text-decoration: none;
background-color: #fff;
}
.b-accordion__header:hover {
background-color: #f8f9fa;
}
.b-accordion__header::after {
flex-shrink: 0;
width: 1vw;
height: 1vw;
margin-left: auto;
background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
background-repeat: no-repeat;
background-size: 1vw;
content: "";
transition: transform 0.2s ease-out;
}
.b-accordion__header-text
{
margin: 0px;
padding: 0px;
}
.b-accordion__header-icon {
display: none;
}
.b-accordion__item_show .b-accordion__header::after,
.b-accordion__item_slidedown .b-accordion__header::after {
transform: rotate(-180deg);
}
.b-accordion__item:not(.b-accordion__item_show) .b-accordion__header {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.b-accordion__content {
display: flex;
flex-direction: column;
background: #fff;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.b-accordion__item:not(.b-accordion__item_show) .b-accordion__body {
display: none;
}
.b-contacs__address
{
margin: 0px;
padding: 0px;
}
.b-contacs__address-item
{
width: 100%;
padding: 0px;
list-style-type: none;
position: relative;
z-index: 10;
display: flex;
justify-content: flex-start;
border: 1px solid #dfdfdf;
border-top: none;
box-sizing: border-box;
}
.b-contacs__address-item:hover
{
background-color: #f8f9fa;
}
.b-contacs__address-item:before {
content: "";
display: block;
width: 0.7vw;
height: 0.7vw;
background-color: #fff;
border: 1px solid #707070;
border-radius: 0.4vw;
position: absolute;
top: calc(50% - 0.4vw);
left: 0.7vw;
z-index: 20;
}
.b-contacs__address-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}
.b-contacs__address-link
{
position: relative;
padding: 0.5vw 0vw 0.4vw 2vw;
color: #212529;
text-decoration: none;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
font-weight: 500;
color: #bebebe;
cursor: pointer;
width: 15.8vw;
}
.b-contacs__address-link-wrap {
display: flex;
align-items: center;
}
.b-contacs__address-link--active
{
color: #000;
}
.b-contacs__address-2gis {
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
font-weight: 500;
text-align: center;
color: #bebebe;
padding: 0.2vw 0.2vw;
margin: 0.2vw 0.2vw 0.2vw 0.1vw;
width: 4.3vw;
height: 1.25vw;
cursor: pointer;
position: relative;
text-decoration: none;
background-color: #edebeb;
border-radius: 0.4vw;
color: #000;
}
.b-contacs__address-2gis:hover {
background-color: #dfdfdf;
border-radius: 0.4vw;
color: #000;
}
.b-contacs__address-2gis-wrap {
display: flex;
align-items: center;
justify-content: space-around;
}
.b-contacs__address-yandex {
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
font-weight: 500;
text-align: center;
color: #bebebe;
padding: 0.2vw 0.2vw;
margin: 0.2vw 0.2vw 0.2vw 0.1vw;
width: 4.3vw;
height: 1.25vw;
cursor: pointer;
position: relative;
text-decoration: none;
background-color: #edebeb;
border-radius: 0.4vw;
color: #000;
}
.b-contacs__address-yandex:hover {
background-color: #dfdfdf;
border-radius: 0.4vw;
color: #000;
}
.b-contacs__address-yandex-wrap {
display: flex;
align-items: center;
justify-content: space-around;
}
.b-contacs__address-empty {
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
font-weight: 500;
text-align: center;
color: #bebebe;
padding: 0.2vw 0.2vw;
margin: 0.2vw 0.2vw;
width: 4.3vw;
}
.b-contacs__address-icon {
width: 1.3vw;
height: 1.3vw;
}
.b-contacs__address-text {
width: 1.8vw;
}
.b-contacs__address-star {
width: 1vw;
height: 1vw;
}
.b-contacs__address-item--active:before {
background-color: #87BC14;
}
.b-contacs__phone
{
display: block;
color: #888888;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.27px;
text-decoration: none;
margin: 0px;
position: relative;
}
.b-contacs__phone:before
{
background-image: url(images/phone.png);
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 20px;
left: -2.21vw;
position: absolute;
top: -4px;
width: 15px;
}
.b-contacs__email
{
display: block;
color: #888888;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.27px;
text-decoration: none;
position: relative;
}
.b-contacs__email:before
{
background-image: url(images/email.png);
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 19px;
left: -2.15vw;
position: absolute;
top: -2px;
width: 19px;
}
.b-contacs__button
{
background-color: #fff;
border: 1px solid #707070;
border-radius: 0.26vw;
box-sizing: border-box;
color: #000;
cursor: pointer;
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.15vw;
font-weight: 900;
line-height: 2.94vw;
text-align: center;
width: 12.73vw;
margin: 2vw 0 0 6.6vw;
}
.b-contacs__button:hover
{
color: #fff;
background-color: #73a014;
transition: 0.2s ease-out;
}
.b-contacs__social
{
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.31vw;
font-weight: 900;
letter-spacing: 0.27px;
margin: 0px;
padding: 0px;
margin: 1.8vw 0 0 6.6vw;
}
.b-contacs__social-list
{
list-style: none;
margin: 0px;
padding: 0px;
margin: 1.4vw 0 0 6.6vw;
}
.b-contacs__social-item
{
float: left;
margin: 0 1.4vw 0 0;
padding: 0px;
}
.b-contacs__social-image
{
width: 3vw;
}
.b-contacs__social-item:first-child .b-contacs__social-image
{
width: 3vw;
}
.b-contacs__map
{
height: 35vw;
position: absolute;
right: 6.62vw;
top: 5vw;
width: 55vw;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.b-contacs__text
{
display: none;
}
.b-contacs__map-preloader
{
width: 12vw;
}
.b-contacs__map--none
{
font-family: 'a_FuturaRound', sans-serif;
font-size: 3vw;
padding: 0px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
background-color: #eaeaea;
}
.b-contacs__map--none:after
{
content: "<<<";
position: absolute;
white-space: pre;
bottom: calc(50% - 1.5vw);
left: calc(50% - 22vw);
}
.b-contacs__map--active
{
display: block
}
.w-footer
{
opacity: 1;
height: 10.5vw;
position: relative;
margin-top: 6.5vw;
width: 100%;
}
.b-footer
{
background-color: #73a014;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjODNiNzE0IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM2Mzg4MTMiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, rgb(131, 183, 20)), color-stop(1, rgb(99, 136, 19)));
background-image: -webkit-linear-gradient(top, rgb(131, 183, 20) 0%, rgb(99, 136, 19) 100%);
background-image: linear-gradient(to bottom, rgb(131, 183, 20) 0%, rgb(99, 136, 19) 100%);
background-image: -ms-linear-gradient(top, rgb(131, 183, 20) 0%, rgb(99, 136, 19) 100%);
height: 100%;
width: 100%;
}
.m-footer__logo {
display: none;
}
.b-footer__nav
{
box-sizing: border-box;
height: 70%;
list-style: none;
margin: 0px;
padding: 0px;
padding-right: 8.27%;
position: absolute;
right: 0;
text-align: center;
top: 0px;
width: 100%;
z-index: 10;
}
.b-footer__nav-item
{
display: inline-block;
height: 100%;
margin-left: 6.2%;
vertical-align: middle;
}
.b-footer__nav-item:before
{
content: "";
display: inline-block;
height: 100%;
min-height: inherit;
vertical-align: middle;
}
.b-footer__nav-link
{
color: #fff;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
font-weight: 300;
letter-spacing: 0.2px;
text-decoration: none;
}
.b-footer__nav-link--active
{
border-bottom: 1px solid #fff;
font-weight: 500;
}
.b-footer__register
{
color: #eee;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 1.31vw;
height: 50%;
letter-spacing: 0.35px;
position: absolute;
left: 3.42vw;
text-align: center;
bottom: 0px;
vertical-align: middle;
z-index: 12;
}
.b-footer__register:before
{
content: "";
display: inline-block;
height: 100%;
min-height: inherit;
vertical-align: middle;
}
.b-footer__politic
{
color: #eee;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 1.31vw;
width: 100%;
height: 50%;
letter-spacing: 0.35px;
position: absolute;
text-align: center;
bottom: 0px;
vertical-align: middle;
z-index: 12;
}
.b-footer__politic:before
{
content: "";
display: inline-block;
height: 100%;
min-height: inherit;
vertical-align: middle;
}
.b-footer__politic-link
{
color: #eee;
font-family: 'Open Sans', sans-serif;
font-size: 1.31vw;
cursor: pointer;
}
.b-footer__author
{
color: #eee;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 1.31vw;
height: 50%;
letter-spacing: 0.35px;
position: absolute;
right: 3.42vw;
text-align: center;
bottom: 0px;
vertical-align: middle;
opacity: 0.6;
z-index: 12;
}
.b-footer__author:before
{
content: "";
display: inline-block;
height: 100%;
min-height: inherit;
vertical-align: middle;
}
.w-feedback-modal
{
position: relative;
width: 100%;
}
.b-feedback-modal
{
2background-color: #fbfbfb;
width: 100%;
}
.b-feedback-modal__header
{
box-sizing: border-box;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.57vw;
font-weight: 500;
margin: 0px;
padding: 4vw 5vw 2vw 5vw;
text-align: center;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
width: 100%;
}
.b-feedback-modal__header--red
{
box-sizing: border-box;
font-family: 'a_FuturaRound', sans-serif;
font-size: 3.15vw;
color: #ff0000;
margin: 0px;
padding: 4vw 5vw 2vw 5vw;
text-align: center;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
width: 100%;
}
.b-feedback-modal__header--green
{
box-sizing: border-box;
font-family: 'a_FuturaRound', sans-serif;
font-size: 3.15vw;
color: #8ac116;
margin: 0px;
padding: 4vw 5vw 2vw 5vw;
text-align: center;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
width: 100%;
}
.b-feedback-modal__text
{
box-sizing: border-box;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
font-weight: 300;
margin: 0px;
padding: 0 5vw 2vw 5vw;
text-align: center;
width: 100%;
}
.b-feedback-modal__form
{
margin: 0px;
padding: 0px;
width: 100%;
}
.b-feedback-modal__form-item
{
box-sizing: border-box;
margin: 0px;
padding: 1vw 5vh;
text-align: center;
width: 100%;
}
.b-feedback-modal__form-label
{
box-sizing: border-box;
display: block;
float: left;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
font-weight: 300;
letter-spacing: 0.27px;
line-height: 3.47vw;
padding: 0 1.3vw 0 0;
position: relative;
text-align: right;
white-space: nowrap;
width: 8vw;
}
.b-feedback-modal__form-label--asterisk:after
{
color: #FF0000;
content: "*";
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.25vw;
position: absolute;
right: 0.5vw;
top: -0.05vw;
}
.b-feedback-modal__form-input
{
border: 1px solid #c4c4c4;
border-radius: 0.52vw;
box-sizing: border-box;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
height: 3.47vw;
padding: 0 1.05vw;
width: 31.7vw;
}
.b-feedback-modal__form-input-red
{
border-color: #FF0000;
color: #FF0000;
}
.b-feedback-modal__form-input-green
{
border-color: #0A9A00;
color: #0A9A00;
}
.b-feedback-modal__form-button
{
background: #85B915;
border: 1px solid #85B915;
border-radius: 0.52vw;
box-sizing: border-box;
color: #fff;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 0.95vw;
font-weight: 500;
height: 3.47vw;
margin: 1vw 0 0 0;
padding: 0px;
width: 14.5vw;
}
.b-feedback-modal__form-button--disabled
{
background: #777;
background-size: 30px 30px;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
animation: barberpole 0.5s linear infinite;
}
@keyframes barberpole {
from {
background-position: 0 0;
}
to {
background-position: 60px 30px;
}
}
.b-feedback-modal__form-info
{
display: block;
font-family: 'a_FuturaRound', sans-serif;
font-size: 0.94vw;
letter-spacing: 0.27px;
margin: 0.89vw 0 0 17.7vw;
padding: 0px;
}
.b-feedback-modal__form-status
{
display: block;
font-family: 'a_FuturaRound', sans-serif;
font-size: 10px;
letter-spacing: 0.15px;
margin: 0px;
padding: 0px;
}
.b-feedback-modal__form-status--red
{
color: #FF0000;
}
.b-feedback-modal__form-status--green
{
color: #0A9A00;
}
.b-feedback-modal__politic
{
cursor: pointer;
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.21vw;
letter-spacing: 0.27px;
padding: 1vw 0 0 0;
text-align: center;
}
.b-feedback-modal__politic-wrap
{
background-color: #fbfbfb;
box-sizing: border-box;
display: none;
height: 100%;
left: 0px;
overflow: hidden;
padding: 1vw;
position: absolute;
top: 0px;
width: 100%;
}
.b-feedback-modal__politic-header
{
box-sizing: border-box;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.57vw;
font-weight: 500;
margin: 0px;
padding: 3vw 5vw 2vw 5vw;
text-align: center;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
width: 100%;
}
.b-feedback-modal__politic-text
{
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
font-weight: 300;
height: calc(100% - 6.57vw);
letter-spacing: 0.27px;
line-height: 2.1vw;
margin: 0px;
overflow-y: scroll;
padding: 0 1vw;
text-align: left;
}
.w-feedback-modal__politic-close
{
position: absolute;
right: 18px;
top: 18px;
z-index: 2000;
}
.b-feedback-modal__politic-close
{
appearance: none;
border: none;
border-radius: none;
box-shadow: none;
cursor: pointer;
display: block;
font-size: 0;
height: 18px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
text-indent: -9999px;
width: 24px;
}
.b-feedback-modal__politic-close:focus
{
outline: none;
}
.b-feedback-modal__politic-close span
{
background: none;
display: block;
height: 2px;
left: 0px;
position: absolute;
right: 0px;
top: 8px;
}
.b-feedback-modal__politic-close span::before,
.b-feedback-modal__politic-close span::after
{
background-color: #000;
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.b-feedback-modal__politic-close span::before
{
top: 0px;
transform: rotate(45deg);
}
.b-feedback-modal__politic-close span::after
{
top: 0px;
transform: rotate(-45deg);
}
.b-politic-modal
{
width: 44.5vw;
height: 28.2vw;
}
.b-politic-modal__politic-wrap
{
overflow: hidden;
background-color: #fbfbfb;
height: 100%;
padding: 1vw;
}
.b-politic-modal__politic-header
{
box-sizing: border-box;
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.57vw;
font-weight: 500;
margin: 0px;
padding: 3vw 5vw 2vw 5vw;
text-align: center;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
width: 100%;
}
.b-politic-modal__politic-text
{
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
font-weight: 300;
height: calc(100% - 6.57vw);
letter-spacing: 0.27px;
line-height: 2.1vw;
margin: 0px;
overflow-y: scroll;
padding: 0 1vw;
text-align: left;
}
.w-cost-estimate-modal
{
opacity: 1;
position: relative;
width: 100%;
}
.b-cost-estimate-modal
{
background-color: #fbfbfb;
height: 100%;
position: absolute;
width: 100%;
}
.w-cost-estimate-modal--s1
{
padding-bottom: 46.37%;
}
.w-cost-estimate-modal--s2
{
padding-bottom: 47.17%;
}
.w-cost-estimate-modal--s3
{
padding-bottom: 47.97%;
}
.w-cost-estimate-modal--s4
{
padding-bottom: 48.77%;
}
.w-cost-estimate-modal--s5
{
padding-bottom: 49.57%;
}
.b-cost-estimate-modal__header
{
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.30vw;
letter-spacing: -0.3px;
margin: 3.75vw 0 0 7.84vw;
padding: 0px;
text-align: left;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
width: 30%;
}
.b-cost-estimate-modal__text
{
font-family: 'Neo Sans Cyr', sans-serif;
font-size: 1.05vw;
letter-spacing: 0.27px;
line-height: 2.1vw;
margin: 1.95vw 0 0 7.84vw;
padding: 0px;
text-align: left;
width: 30%;
}
.b-cost-estimate-modal__form
{
list-style: none;
margin: 2.15vw 0 0 0;
padding: 0px;
position: absolute;
right: 0px;
top: 0px;
width: 60%;
}
.b-cost-estimate-modal__form-item
{
margin: 1.59vw 0;
padding: 0px;
text-align: left;
}
.b-cost-estimate-modal__form-label
{
box-sizing: border-box;
display: block;
float: left;
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.21vw;
letter-spacing: 0.27px;
line-height: 3.47vw;
padding: 0 2vw 0 0;
position: relative;
text-align: right;
white-space: nowrap;
width: 17.7vw;
}
.b-cost-estimate-modal__form-label--asterisk:after
{
color: #FF0000;
content: "*";
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.25vw;
position: absolute;
right: 1.26vw;
top: -0.05vw;
}
.b-cost-estimate-modal__form-input
{
border: 1px solid #c4c4c4;
border-radius: 0.52vw;
box-sizing: border-box;
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.05vw;
height: 3.47vw;
padding: 0 1.05vw;
width: 31.7vw;
}
.b-cost-estimate-modal__form-input-red
{
border-color: #FF0000;
color: #FF0000;
}
.b-cost-estimate-modal__form-input-green
{
border-color: #0A9A00;
color: #0A9A00;
}
.w-cost-estimate-modal__form-select
{
display: inline-block;
position: relative;
}
.w-cost-estimate-modal__form-select:after
{
background-image: url(images/select-arrow.png);
content: "";
height: 8px;
pointer-events: none;
position: absolute;
right: 1.05vw;
top: calc((100% / 2) - 4px);
width: 10px;
}
.b-cost-estimate-modal__form-select
{
appearance: none;
border: 1px solid #c4c4c4;
border-radius: 0.52vw;
box-sizing: border-box;
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.05vw;
height: 3.47vw;
-moz-appearance: none;
padding: 0 1.05vw;
-webkit-appearance: none;
width: 14.52vw;
}
.b-cost-estimate-modal__form-textarea
{
border: 1px solid #c4c4c4;
border-radius: 0.52vw;
box-sizing: border-box;
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.05vw;
height: 3.47vw;
padding: 0.8vw 1.05vw;
resize: none;
width: 31.7vw;
}
.b-cost-estimate-modal__form-textarea-red
{
background-color: #FF0000;
color: #FF0000;
}
.b-cost-estimate-modal__form-textarea-green
{
background-color: #0A9A00;
color: #0A9A00;
}
.b-cost-estimate-modal__form-progress progress[value="0"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 0;
}
.b-cost-estimate-modal__form-progress progress[value="1"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 1%;
}
.b-cost-estimate-modal__form-progress progress[value="2"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 2%;
}
.b-cost-estimate-modal__form-progress progress[value="3"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 3%;
}
.b-cost-estimate-modal__form-progress progress[value="4"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 4%;
}
.b-cost-estimate-modal__form-progress progress[value="5"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 5%;
}
.b-cost-estimate-modal__form-progress progress[value="6"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 6%;
}
.b-cost-estimate-modal__form-progress progress[value="7"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 7%;
}
.b-cost-estimate-modal__form-progress progress[value="8"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 8%;
}
.b-cost-estimate-modal__form-progress progress[value="9"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 9%;
}
.b-cost-estimate-modal__form-progress progress[value="10"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 10%;
}
.b-cost-estimate-modal__form-progress progress[value="11"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 11%;
}
.b-cost-estimate-modal__form-progress progress[value="12"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 12%;
}
.b-cost-estimate-modal__form-progress progress[value="13"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 13%;
}
.b-cost-estimate-modal__form-progress progress[value="14"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 14%;
}
.b-cost-estimate-modal__form-progress progress[value="15"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 15%;
}
.b-cost-estimate-modal__form-progress progress[value="16"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 16%;
}
.b-cost-estimate-modal__form-progress progress[value="17"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 17%;
}
.b-cost-estimate-modal__form-progress progress[value="18"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 18%;
}
.b-cost-estimate-modal__form-progress progress[value="19"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 19%;
}
.b-cost-estimate-modal__form-progress progress[value="20"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 20%;
}
.b-cost-estimate-modal__form-progress progress[value="21"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 21%;
}
.b-cost-estimate-modal__form-progress progress[value="22"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 22%;
}
.b-cost-estimate-modal__form-progress progress[value="23"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 23%;
}
.b-cost-estimate-modal__form-progress progress[value="24"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 24%;
}
.b-cost-estimate-modal__form-progress progress[value="25"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 25%;
}
.b-cost-estimate-modal__form-progress progress[value="26"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 26%;
}
.b-cost-estimate-modal__form-progress progress[value="27"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 27%;
}
.b-cost-estimate-modal__form-progress progress[value="28"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 28%;
}
.b-cost-estimate-modal__form-progress progress[value="29"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 29%;
}
.b-cost-estimate-modal__form-progress progress[value="30"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 30%;
}
.b-cost-estimate-modal__form-progress progress[value="31"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 31%;
}
.b-cost-estimate-modal__form-progress progress[value="32"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 32%;
}
.b-cost-estimate-modal__form-progress progress[value="33"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 33%;
}
.b-cost-estimate-modal__form-progress progress[value="34"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 34%;
}
.b-cost-estimate-modal__form-progress progress[value="35"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 35%;
}
.b-cost-estimate-modal__form-progress progress[value="36"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 36%;
}
.b-cost-estimate-modal__form-progress progress[value="37"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 37%;
}
.b-cost-estimate-modal__form-progress progress[value="38"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 38%;
}
.b-cost-estimate-modal__form-progress progress[value="39"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 39%;
}
.b-cost-estimate-modal__form-progress progress[value="40"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 40%;
}
.b-cost-estimate-modal__form-progress progress[value="41"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 41%;
}
.b-cost-estimate-modal__form-progress progress[value="42"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 42%;
}
.b-cost-estimate-modal__form-progress progress[value="43"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 43%;
}
.b-cost-estimate-modal__form-progress progress[value="44"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 44%;
}
.b-cost-estimate-modal__form-progress progress[value="45"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 45%;
}
.b-cost-estimate-modal__form-progress progress[value="46"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 46%;
}
.b-cost-estimate-modal__form-progress progress[value="47"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 47%;
}
.b-cost-estimate-modal__form-progress progress[value="48"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 48%;
}
.b-cost-estimate-modal__form-progress progress[value="49"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 49%;
}
.b-cost-estimate-modal__form-progress progress[value="50"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 50%;
}
.b-cost-estimate-modal__form-progress progress[value="51"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 51%;
}
.b-cost-estimate-modal__form-progress progress[value="52"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 52%;
}
.b-cost-estimate-modal__form-progress progress[value="53"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 53%;
}
.b-cost-estimate-modal__form-progress progress[value="54"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 54%;
}
.b-cost-estimate-modal__form-progress progress[value="55"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 55%;
}
.b-cost-estimate-modal__form-progress progress[value="56"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 56%;
}
.b-cost-estimate-modal__form-progress progress[value="57"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 57%;
}
.b-cost-estimate-modal__form-progress progress[value="58"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 58%;
}
.b-cost-estimate-modal__form-progress progress[value="59"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 59%;
}
.b-cost-estimate-modal__form-progress progress[value="60"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 60%;
}
.b-cost-estimate-modal__form-progress progress[value="61"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 61%;
}
.b-cost-estimate-modal__form-progress progress[value="62"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 62%;
}
.b-cost-estimate-modal__form-progress progress[value="63"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 63%;
}
.b-cost-estimate-modal__form-progress progress[value="64"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 64%;
}
.b-cost-estimate-modal__form-progress progress[value="65"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 65%;
}
.b-cost-estimate-modal__form-progress progress[value="66"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 66%;
}
.b-cost-estimate-modal__form-progress progress[value="67"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 67%;
}
.b-cost-estimate-modal__form-progress progress[value="68"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 68%;
}
.b-cost-estimate-modal__form-progress progress[value="69"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 69%;
}
.b-cost-estimate-modal__form-progress progress[value="70"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 70%;
}
.b-cost-estimate-modal__form-progress progress[value="71"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 71%;
}
.b-cost-estimate-modal__form-progress progress[value="72"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 72%;
}
.b-cost-estimate-modal__form-progress progress[value="73"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 73%;
}
.b-cost-estimate-modal__form-progress progress[value="74"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 74%;
}
.b-cost-estimate-modal__form-progress progress[value="75"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 75%;
}
.b-cost-estimate-modal__form-progress progress[value="76"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 76%;
}
.b-cost-estimate-modal__form-progress progress[value="77"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 77%;
}
.b-cost-estimate-modal__form-progress progress[value="78"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 78%;
}
.b-cost-estimate-modal__form-progress progress[value="79"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 79%;
}
.b-cost-estimate-modal__form-progress progress[value="80"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 80%;
}
.b-cost-estimate-modal__form-progress progress[value="81"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 81%;
}
.b-cost-estimate-modal__form-progress progress[value="82"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 82%;
}
.b-cost-estimate-modal__form-progress progress[value="83"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 83%;
}
.b-cost-estimate-modal__form-progress progress[value="84"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 84%;
}
.b-cost-estimate-modal__form-progress progress[value="85"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 85%;
}
.b-cost-estimate-modal__form-progress progress[value="86"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 86%;
}
.b-cost-estimate-modal__form-progress progress[value="87"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 87%;
}
.b-cost-estimate-modal__form-progress progress[value="88"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 88%;
}
.b-cost-estimate-modal__form-progress progress[value="89"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 89%;
}
.b-cost-estimate-modal__form-progress progress[value="90"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 90%;
}
.b-cost-estimate-modal__form-progress progress[value="91"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 91%;
}
.b-cost-estimate-modal__form-progress progress[value="92"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 92%;
}
.b-cost-estimate-modal__form-progress progress[value="93"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 93%;
}
.b-cost-estimate-modal__form-progress progress[value="94"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 94%;
}
.b-cost-estimate-modal__form-progress progress[value="95"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 95%;
}
.b-cost-estimate-modal__form-progress progress[value="96"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 96%;
}
.b-cost-estimate-modal__form-progress progress[value="97"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 97%;
}
.b-cost-estimate-modal__form-progress progress[value="98"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 98%;
}
.b-cost-estimate-modal__form-progress progress[value="99"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 99%;
}
.b-cost-estimate-modal__form-progress progress[value="100"] ~ .b-cost-estimate-modal__form-progress-bg .b-cost-estimate-modal__form-progress-bar
{
width: 100%;
}
.b-cost-estimate-modal__form-progress
{
overflow: hidden;
position: relative;
width: 31.7vw;
}
.b-cost-estimate-modal__form-progress progress
{
height: 0;
left: -777px;
overflow: hidden;
position: absolute;
width: 0;
}
.b-cost-estimate-modal__form-progress-value
{
color: #333;
display: block;
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.05vw;
left: 0px;
line-height: 3.47vw;
position: absolute;
text-align: center;
top: 0px;
width: 100%;
z-index: 30;
}
.b-cost-estimate-modal__form-progress-bg
{
background: #EFEFEF;
border: 1px solid #c4c4c4;
border-radius: 0.52vw;
box-sizing: border-box;
height: 3.47vw;
overflow: hidden;
position: relative;
}
@-webkit-keyframes progress_bar
{
0%
{
background-position: 0 0;
}
100%
{
background-position: -40px 0;
}
}
@-moz-keyframes progress_bar
{
0%
{
background-position: 0 0;
}
100%
{
background-position: -40px 0;
}
}
@keyframes progress_bar
{
0%
{
background-position: 0 0;
}
100%
{
background-position: -40px 0;
}
}
.b-cost-estimate-modal__form-progress-bar
{
background: #40b538;
height: 100%;
left: 0;
-moz-transition: width 1s linear;
ms-transition: width 1s linear;
overflow: hidden;
position: absolute;
top: 0;
transition: width 1s linear;
-webkit-transition: width 1s linear;
width: 0;
}
.b-cost-estimate-modal__form-progress-bar:after
{
animation: progress_bar 0.8s linear infinite;
background-image: linear-gradient(45deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent);
background-size: 40px 40px;
content: '';
height: 100%;
left: 0;
-moz-animation: progress_bar 0.8s linear infinite;
ms-animation: progress_bar 0.8s linear infinite;
o-animation: progress_bar 0.8s linear infinite;
position: absolute;
top: 0;
-webkit-animation: progress_bar 0.8s linear infinite;
-webkit-background-size: 40px 40px;
width: 100%;
}
.b-cost-estimate-modal__form-file
{
height: 100%;
left: 0px;
opacity: 0;
position: absolute;
top: 0px;
width: 100%;
z-index: 50;
}
.b-cost-estimate-modal__form-info
{
display: block;
font-family: 'a_FuturaRound', sans-serif;
font-size: 0.94vw;
letter-spacing: 0.27px;
margin: 0.89vw 0 0 17.7vw;
padding: 0px;
width: 32.1vw;
}
.b-cost-estimate-modal__form-status
{
display: block;
font-family: 'a_FuturaRound', sans-serif;
font-size: 0.94vw;
letter-spacing: 0.27px;
margin: 0 0 0 17.7vw;
padding: 0px;
width: 32.1vw;
}
.b-cost-estimate-modal__form-status--red
{
color: #FF0000;
}
.b-cost-estimate-modal__form-status--green
{
color: #0A9A00;
}
.b-cost-estimate-modal__form-button
{
background: #FF0000;
border: 1px solid #FF0000;
border-radius: 0.52vw;
box-sizing: border-box;
color: #fff;
font-family: 'a_FuturaRound', sans-serif;
font-size: 1.05vw;
font-weight: 900;
height: 3.47vw;
margin: 0 0 0 26.5vw;
width: 14.52vw;
}
.m-cost-estimate-modal__form-info
{
display: none;
}
.modal__hide
{
display: none;
}
.overlay
{
align-items: center;
background: rgba(0, 0, 0, 0.75);
display: flex;
flex-direction: column;
justify-content: center;
left: 0;
max-height: 100vh;
min-height: 100vh;
opacity: 0;
overflow-y: auto;
pointer-events: none;
position: fixed;
top: 0;
transition: 0.35s ease-in-out;
width: 100%;
z-index: 1000;
}
.overlay.open
{
opacity: 1;
pointer-events: inherit;
}
.overlay .modal
{
background-color: #fbfbfb;
border-radius: 0.36vw;
box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.35);
max-height: 100vh;
opacity: 0;
overflow-y: auto;
padding: 0 0 4vw 0;
pointer-events: none;
text-align: center;
transition: 0.35s ease-in-out;
z-index: 1010;
position: relative;
}
.overlay .modal--big
{
width: calc(100% - 2vw);
}
.overlay .modal.open
{
opacity: 1;
pointer-events: inherit;
}
.overlay .modal.open .content
{
opacity: 1;
transform: translate(0, 0px);
}
.overlay .modal .content
{
opacity: 0;
transform: translate(0, -10px);
transition: 0.35s ease-in-out;
}
.overlay .modal .title
{
margin-top: 0;
}
.overlay .modal .w-close
{
position: absolute;
right: 18px;
top: 18px;
}
.overlay .modal .close
{
appearance: none;
border: none;
border-radius: none;
box-shadow: none;
cursor: pointer;
display: block;
font-size: 0;
height: 18px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
text-indent: -9999px;
width: 24px;
}
.overlay .modal .close:focus
{
outline: none;
}
.overlay .modal .close span
{
background: none;
display: block;
height: 2px;
left: 0px;
position: absolute;
right: 0px;
top: 8px;
}
.overlay .modal .close span::before,
.overlay .modal .close span::after
{
background-color: #000;
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.overlay .modal .close span::before
{
top: 0px;
transform: rotate(45deg);
}
.overlay .modal .close span::after
{
top: 0px;
transform: rotate(-45deg);
}
}