@font-face {font-family: 'bold'; font-display:swap; src: url('../fonts/bold.eot'); src: url('../fonts/boldd41d.eot') format('embedded-opentype'), url('../fonts/bold.woff2.txt') format('woff2'), url('../fonts/bold.woff.txt') format('woff'), url('../fonts/bold.ttf.txt') format('truetype'), url('../fonts/bold.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'regular'; font-display:swap; src: url('../fonts/regular.eot'); src: url('../fonts/regulard41d.eot') format('embedded-opentype'), url('../fonts/regular.woff2.txt') format('woff2'), url('../fonts/regular.woff.txt') format('woff'), url('../fonts/regular.ttf.txt') format('truetype'), url('../fonts/regular.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'extrabld'; font-display:swap; src: url('../fonts/extrabld.html'); src: url('../fonts/extrabldd41d.html') format('embedded-opentype'), url('../fonts/extrabld-2.html') format('woff2'), url('../fonts/extrabld-3.html') format('woff'), url('../fonts/extrabld-4.html') format('truetype'), url('../fonts/extrabld-5.html') format('svg'); font-weight: normal; font-style: normal;}

html {
	/*scroll-behavior: smooth;*/
}
.d-policy a {
	color: #fff;
	text-decoration: none;
	font-size: 80%;
}
.d-btn-order {
	margin-top: 2em;
}
#exit_form {
	display: none;
}
.perezvoni:not(.service-item):hover, div.perezvoni:hover {
  transition: all ease 0.5s;
  background-image: linear-gradient(to right, #f5d547 0%, #fdc830 100%) !important;
  box-shadow: none;
}
.d-action-block {
	padding-top: 50px !important;
}
.d-action-block-2 {
	padding-top: 140px !important;
	padding-bottom: 30px !important;
}
@media screen and (max-width: 767px) {
	.d-action-block {
		padding-left: 3% !important;
		padding-right: 3% !important;
	}
	.d-action-block-2 {
		padding-top: 40px !important;
		padding-bottom: 0px !important;
	}
}
.d-action-block h3 {
	margin: 16px 0 16px;
	font-size: 24px;
}
.d-action-block p {
	line-height: 1.2;
}
.d-action-form button[type="submit"] {
	margin: 1.5em 0 0;
}
.d-svg-loader {
	text-align: center;
}




h5 {
	font-size: 110%;
}
.moduletable.goods a,
.work_portfolio h3 {
	color: #2a2b2c;
}
.work_portfolio img {
	/*padding-top: 35px;*/
}
.footmenu h4 {
	font-size: 1.4rem;
	margin-top: 0;
	color: #fff;
}
.formNoError {
    display: block !important;
    margin-top: 20px;
}
#footerForm .formNoError {
	color: #fff;
	text-align: center;
}
.moduletable .offer h3 {
	font-size: 30px;
	font-weight: normal;
}
.moduletable .offer ul {
	list-style: none;
	margin: 30px 0px 61px;
}
.moduletable .offer ul li {
	font-size: 110%;
	margin: 6px 0;
	font-weight: bold;
}
.moduletable .offer ul li:before {
	content: '✓';
	color: #305ea7;
	margin-right: 5px;
}

/* почему мы */
.features {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.features h3 {
	color: inherit;
	margin-top: 10px;
}
.features__item {
    list-style: none;
    width: 33%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.features__content {
    background-color: #fff;
    padding: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-top: 110px;
    padding-bottom: 50px;
    height: 100%;
    position: relative;
    z-index: 1;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);
}
.features__count {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-weight: 700;
    font-size: 32px;
    margin: 0;
    color: #ffc318;
    z-index: 1;
}
.features__content::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 45%;
    height: 100%;
    background-image: url(../../../images/pattern-black.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    z-index: -1;
    opacity: .05;
}
.features__content::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 142px;
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    z-index: -1;
}
.features__content--first::before {
    background-image: url(../../../images/features/1.svg);
}
.features__content--second::before {
    background-image: url(../../../images/features/2.svg);
}
.features__content--third::before {
    background-image: url(../../../images/features/3.svg);
}
.features__content--four::before {
    background-image: url(../../../images/features/4.svg);
}
.features__content--five::before {
    background-image: url(../../../images/features/5.svg);
}
.features__content--six::before {
    background-image: url(../../../images/features/6.svg);
}

/* stages */
.stages {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.stages__item {
    list-style: none;
    width: 33%;
    padding: 0 10px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
.stages__content {
    padding-top: 220px;
    height: 100%;
    position: relative;
    z-index: 1;
}
.stages__content::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 150px auto;
    background-position: center center;
    z-index: -1;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);
}
.stages__content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-image: url(../../../images/border-img.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    z-index: -2;
}
.stages__text {
    text-align: center;
	margin: 0 !important;
	font-family: regular !important;
	font-size: 17px !important;
}
.stages__title {
    text-align: center;
    color: inherit;
}
.stages__content--first::before {
    background-image: url(../../../images/stages/1.png);
}
.stages__content--second::before {
    background-image: url(../../../images/stages/2.png);
}
.stages__content--five::before {
    background-image: url(../../../images/stages/3.png);
}
.stages__content--six::before {
    background-image: url(../../../images/stages/4.png);
}

.d-how-work {
	position: relative;
	padding-bottom: 20px;
}
.d-how-work:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    clip-path: polygon(0 0, 100% 17%, 100% 100%, 0 100%);
}

.reviews__container {
	padding: 0 2px !important;
}
.nav_wrapper {background-color: #eff1f0;position: fixed;width: 100%;top: 0;z-index: 9999;box-shadow: 0 0px 5px rgba(0,0,0,0.3);}
#total .moduletable {
    /*margin: 0 auto !important;*/
}
.nav_wrapper .active {
    border-bottom: 4px solid #f5d547;
    color: #f0bc00 !important;
}
.company .nav.menu .active {
	color: #f0bc00 !important;
}
#header {
	padding-top: 60px;
}
.company .mod-list {
	padding-top: 30px;
}
.nav_wrapper .moduletable {
	margin: 0 !important;
}

.services .service-item:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0 ;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.4);
}
.services .service-items a {position: relative;}
.services .service_title  {z-index: 1;}
.services .services .price {font-weight: bold; z-index: 1;}



/* h */
h1, h2, h3, .h3 {font-family:bold;}
h1 {font-size:34px;margin: 0 0 35px;line-height: normal;}
h2 {font-size:34px;margin: 40px 0 20px;line-height: 1.1em; text-align: center;}
h3, .h3 {font-size: 20px;margin: 28px 0 16px;color: #305ea7;}
h4 {margin: 20px 0;}
/* h_end */


/* content */
* {margin:0;padding:0;max-height: 9001em; box-sizing: border-box;}
body {color:#2a2b2c;font-family:regular;font-weight:normal;font-size: 17px;line-height: 1.5em;}
input:focus, textarea:focus, button:focus {outline:none; box-shadow:none;}
img {border:none;max-width:100%;}
a {color: #305ea7;}

.table {
	width: 100%;
	border: none;
	margin-bottom: 20px;
}
.table thead th {
	font-weight: bold;
	text-align: left;
	border: none;
	padding: 10px 15px;
	background: #d8d8d8;
	font-size: 14px;
}
.table thead tr th:first-child {
	border-radius: 8px 0 0 8px;
}
.table thead tr th:last-child {
	border-radius: 0 8px 8px 0;
}
.table tbody td {
	text-align: left;
	border: none;
	padding: 12px 19px;
	font-size: 14px;
	vertical-align: top;
}
.table tbody tr:nth-child(even){
	background: #f3f3f3;
}
.table tbody tr td:first-child {
	border-radius: 8px 0 0 8px;
}
.table tbody tr td:last-child {
	border-radius: 0 8px 8px 0;
}

table {border-collapse: collapse; border-spacing:0px;}
.nowrap {white-space:nowrap;}
.clean {clear:both;}
.item-page ul, .blog ul {margin: 0 0 22px 30px;}
.item-page ol, .blog ol {margin:0 0 22px 40px;}
.item-page li, .blog li {margin:0 0 12px 0;}
p {margin:0 0 20px;}
sup {font-size:50%;}
.separator {font-size: 14px; color: #fff; line-height: 1em;}
@media screen and (max-width: 1023px)  {
.separator {display: none; font-size: 14px; color: #000; line-height: 1em;}
}
/* content_end */


/* start modal */
#modal_form {width: 96%;background: #fff;background: linear-gradient(#F5F5F5 0%, #fff 100%);position: fixed;top: 0; left: 50%;display: none;opacity: 0;z-index: 400;padding: 40px 30px 40px;border: 3px solid #305ea7;}
#modal_close {cursor: pointer;display: block;/**bottom: 0;left: 0;*/text-align: center;/*line-height: 43px;height: 40px;*/background: #305ea7;color: #fff;font-size: 16px;}
#overlay {z-index:300;position:fixed; background-color:#000; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); width:100%; height:100%; top:0; left:0; cursor:pointer; display:none;}
.form_desc span {display: block;font-size: 26px;letter-spacing: 0px;margin-bottom: 10px;}
.form_desc {text-align:center;font-size: 18px;margin: 0 0 21px;}
#modal_form .rsform-input-box,
.footmenu .rsform-input-box {width: 100%;font-size: 18px;height:40px;padding: 0 20px;border: 1px solid #ccc;font-family: regular;}
#modal_form .rsform-block,
.footmenu .rsform-block {margin: 0 0 12px;position: relative;}
#modal_form .rsform-submit-button,
.footmenu .rsform-submit-button {width: 100%;height: 44px;font-size: 18px;font-weight: bold;border: none;color: #000;cursor: pointer;border-radius: 2px;transition:background 0.3s;background-image: linear-gradient(to right, #fdc830 0%, #f5d547 100%);font-family:  regular; box-shadow: 0 13px 30px rgba(26, 28, 32, 0.12);}

#modal_form .rsform-submit-button:hover,
.footmenu .rsform-submit-button:hover {
transition: all ease 0.5s;
background-image: linear-gradient(to right, #f5d547 0%, #fdc830 100%) !important;
box-shadow: none;
}

#modal_form .rsform-submit-button:hover,
.footmenu .rsform-submit-button:hover {background-image: linear-gradient(to right, #f5d547 0%, #fdc830 100%)}

#modal_form .politica {font-size: 12px;margin: 15px 0 0;color: #000;line-height: 14px;}
#modal_form .politica a {font-size: 12px;}
#modal_form .politica a:hover {text-decoration:none;}
#modal_form .formError {font-family: regular;font-size: 14px;font-weight: normal;display: block;text-align: center;margin: 11px 0 -6px;color: #ed1c24;}

#modal_form {margin-top:  0;max-height: calc(100% - 95px);max-width: 400px;margin: 0 0 50px;transform: translate(-50%, -40%);text-align:  center;height:  auto;}
#modal_close {position:absolute;top: 0;right: 0;padding: 2px 8px;/*margin: 40px -30px -50px;width:calc(100% + 60px);*/}
/* end modal */


/* placeholder */
input::-webkit-input-placeholder {color: #575757;}
input:-moz-placeholder {color: #575757;}
input::-moz-placeholder {color: #575757;}
input:-ms-input-placeholder {color: #575757;}
input::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
/* placeholder_end */


/*button*/
.perezvoni {cursor: pointer; font-family: regular; font-size: 18px; color: #1f2123; background-image: linear-gradient(to right, #fdc830 0%, #f5d547 100%);border-radius: 2px;box-shadow: 0 13px 30px rgba(26, 28, 32, 0.12); font-weight: bold; padding: 13px 23px;text-decoration: none; border: none; display: inline-block;}
/*button end*/


/*hover*/
.nav_wrapper .nav.menu li:not(.active) a:hover {transition: all ease 0.2s; border-bottom: 4px solid #c1c0bb;}
.perezvoni.zakaz:not(.service-item):hover, div.perezvoni.zakaz:hover {transition: all ease 0.5s; background-image: linear-gradient(to right, #f5d547 0%, #fdc830 100%)!important;box-shadow: none;}
.service-item:hover	{box-shadow: 0 20px 40px rgba(48, 56, 68, 0.3); transform: translateY(-5px);}
/*hover end*/


/*** List ***/
.logo_list li {min-height: 28px;background: url(../../../images/ico/logo16px.png) left 5px no-repeat;list-style:none;padding:0 0 0 30px;margin-bottom: 7px;font-size:17px;}
.logo_list li span {font-family: bold;}
.nonboldspan .logo_list li span {font-family: regular;}
/*** List end***/


/* calculate - modul */
#calc input.cb + label {padding-left: 19px;}
#calc.calc_pvh .vid_okna .lab {float:none;}
#calc.calc_pvh .vid_remonta  input.cb + label {width: 260px;vertical-align: top;font-size: 15px;padding-left: 25px;margin: 0 0 4px 20px;}
#calc.calc_pvh  input.cb + label {padding-left: 20px;}

#calc.calc_pvh .vid_okna input {height: 19px; line-height: 20px; font-size: 12px; width: 42px; border-radius: 4px; border: 1px solid #ccc; padding: 2px 0px; text-align: center; margin: 0 0px 4px 0px;}

#calc .lab {margin-bottom: 9px;font-size: 16px;color: #111;font-family: bold;}
#calc .razmer span {white-space:nowrap;margin: 0 20px 0 0;}
#calc #dop, #calc .razmer {background: #edc243;height: 98px;}
#calc  input.rad + label:last-child {margin-right:0;}
#calc input.rad:checked + label {background-position: 0px -358px !important;}
#calc  input.cb + label {padding-left: 24px;background: url(../../../images/check.png) 0% -136px no-repeat;line-height: 23px;display: inline-block;cursor: pointer; margin-right: 20px;}
#calc  input.cb + label:hover, #form input.rad + label:hover {color: #000;}
#calc input.cb:checked + label {background-position: 0% 4px !important;}

#calc select {width: 220px; height: 30px; font-size: 16px; padding: 0 0 2px 7px; cursor: pointer; margin: -2px 0 0;font-family: regular;} 
@media screen and (max-width: 700px) {
#calc .dostavka .sub_block {display: block;}
}
#calc.calc2 .offert {float:none; margin: 38px auto 0;}
.calc2 {text-align:center;}
#result {text-align:center;margin: 4px 0 !important;width: 100%;display:  none;}
#result span {display: block;font-size: 35px;color: #5d4600;line-height: 62px;text-align: center;font-family: bold;}
#select_vid {display:none;}
.cb, .rad {display: none;}
.calc-steklo>div:last-child {width:auto; padding:0; margin:20px 0;}
.calc-steklo {margin-bottom: 30px;}

#rama, .dostavka, #kolvo, .dop, .calc_mos_block, .chek_blok, #rovno, #vid_door, #furn {border-left: 2px solid #f2bf28;border-right: 2px solid #f2bf28;}
.dostavka {background: #a9d7ff url(../images/point.html) right 19px no-repeat;}
.dop {background: #a9d7ff url(../images/point.html) right 19px no-repeat;}
/* calc end */


/* faq */
.vo div h3 {font-family: regular;font-size: 21px;color: #305EA7;background:url(../images/vo_icon1.png) left center no-repeat;padding-left: 45px;cursor:pointer;min-height: 30px;line-height: 30px;margin: 25px 0 15px;}
.vo div div {display:none;}
.faq_steklo {border-left: 3px solid #f3c336;border-radius: 4px;background: #f9f9f9;padding: 10px 0 20px 35px; margin-bottom: 20px;}
.faq_steklo blockquote, .faq_steklo p {margin: 0 0 10px; padding: 0 45px;}
@media screen and (max-width: 481px) {
.vo div h3 {font-size: 18px;line-height:26px;}
.faq_steklo {padding: 10px 0 20px 12px;}
}
/* faq_end */

.panel .panel__phone {
	display: none;
}
.d-map {
	text-align: center;
}