.calculator-eskiz {
display: inline-block;
vertical-align: top;
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
width: 400px;
}
.calculator-eskiz__image-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 400px;
height: 400px;
background: #fff;
border: 1px solid #f0eeec;
}
.calculator-eskiz__image {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 100%;
text-align: center;
cursor: pointer;
}
.calculator-eskiz__image img {
display: block;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
max-width: 100%;
max-height: 100%;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}

.calculator-eskiz__select {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 60px;
background: #fff;
border: 2px solid #18b900;
}
.calculator-eskiz__select-title {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
position: relative;
color: #000;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.calculator-eskiz__select-title-price {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-eskiz__select-title-price b, 
.calculator-eskiz__select-title-price strong {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #ce3446;
font-weight: 500;
word-spacing: 0em;
}
.calculator-eskiz__select-title-price sup {
margin-left: 2px;
position: relative;
top: 1px;
font-size: 9px;
line-height: 0px;
}
.calculator-eskiz__select-choose {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
height: 100%;
position: relative;
background: #f0eeec;
color: #000;
font-size: 15px;
line-height: 20px;
font-weight: 500;
cursor: pointer;
}
.calculator-eskiz__select-choose:hover, 
.calculator-eskiz__select-choose:active {
background: color-mix(in srgb, #18b900, transparent 85%);
}
.calculator-eskiz__select-choose > span {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}

.calculator__feature-items-wrapper {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator__feature-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
margin: 0px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
text-align: center;
}
.calculator__feature-item {
display: inline-block;
vertical-align: top;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator__feature-item-icon {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
position: relative;
width: 24px;
height: 24px;
}
.calculator__feature-item-icon > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 50%;
left: 50%;
background-position: 0px 0px;
background-repeat: no-repeat;
}
.calculator__feature-item.calculator__feature-item_1 .calculator__feature-item-icon > i {
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: -12px;
background-image: url(../images/icon-feature-1.png);
}
.calculator__feature-item.calculator__feature-item_2 .calculator__feature-item-icon > i {
width: 19px;
height: 24px;
margin-top: -12px;
margin-left: -10px;
background-image: url(../images/icon-feature-2.png);
}
.calculator__feature-item.calculator__feature-item_3 .calculator__feature-item-icon > i {
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: -12px;
background-image: url(../images/icon-feature-3.png);
}
.calculator__feature-item.calculator__feature-item_4 .calculator__feature-item-icon > i {
width: 19px;
height: 24px;
margin-top: -12px;
margin-left: -10px;
background-image: url(../images/icon-feature-4.png);
}
.calculator__feature-item-description {
display: block;
margin: 9px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #5d5854;
font-size: 13px;
line-height: 16px;
}

.calculator-parametres {
width: calc((100% - (15px * 2)) - (15px * 2) - 400px - 360px);
}
.calculator-parametres__inputs-item {
width: calc(50% - (10px * 2));
}

.calculator-itogo {
width: 360px;
}
.calculator-itogo__info-summary-btn-wrapper.calculator-itogo__info-summary-btn-wrapper_buy {
width: 130px;
}
.calculator-itogo__info-summary-btn-wrapper.calculator-itogo__info-summary-btn-wrapper_zamer {
width: 160px;
}
.calculator-itogo__info-summary-btn-wrapper .calculator-itogo__info-summary-btn.btn-yellow {
width: 100%;
}
.calculator-itogo__smeta-wrapper {
min-height: 283px;
}

@media (max-width: 1199px) {
	.calculator__feature-items-wrapper {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.calculator-eskiz {
		width: 320px;
	}
	.calculator-eskiz__image-wrapper {
		width: 100%;
		height: 320px;
	}
	.calculator-eskiz__select {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		height: auto;
	}
	.calculator-eskiz__select-title {
		padding-top: 15px;
		padding-bottom: 15px;
		width: 100%;
		text-align: center;
	}
	.calculator-eskiz__select-choose {
		width: 100%;
		height: 46px;
	}
	.calculator-parametres {
		width: calc((100% - (15px * 2)) - 320px - (15px * 2));
	}
	.calculator-itogo {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: stretch;
		margin-top: 30px;
		width: calc(100% - (15px * 2));
	}
	.calculator-itogo__info-wrapper {
		display: inline-block;
		vertical-align: top;
		width: 320px;
	}
	.calculator-itogo__info-wrapper:before {
		display: none;
	}
	.calculator-itogo__info-summary-btns {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.calculator-itogo__info-summary-btn-wrapper.calculator-itogo__info-summary-btn-wrapper_buy, 
	.calculator-itogo__info-summary-btn-wrapper.calculator-itogo__info-summary-btn-wrapper_zamer {
		width: calc(100% - (5px * 2));
	}
	.calculator-itogo__smeta-wrapper {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 320px);
		padding: 30px 30px 30px 30px;
		border-top: 1px solid #f0eeec;
		border-left: none;
		min-height: 0px;
	}
}
@media (max-width: 767px) {
	.calculator-wrapper {
		padding-bottom: 0px;
		border-bottom: none;
	}
	.calculator-eskiz {
		width: calc(100% - (15px * 2));
	}
	.calculator-eskiz__image-wrapper {
		width: 100%;
		height: 350px;
	}
	.calculator-parametres {
		margin-top: 25px;
		width: calc(100% - (15px * 2));
	}
	.calculator-itogo {
		margin-top: calc(25px + 5px + 5px);
		width: calc(100% - (15px * 2));
	}
	.calculator-itogo__info-summary {
		margin-top: 20px;
	}
	.calculator-itogo__info-summary-btns {
		justify-content: flex-start;
	}
	.calculator-itogo__smeta-wrapper {
		min-height: 0px;
	}
}
@media (max-width: 499px) {
	.calculator-eskiz__image-wrapper {
		height: 320px;
	}
	.calculator-eskiz__select {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		height: auto;
	}
	.calculator-eskiz__select-title {
		padding-top: 15px;
		padding-bottom: 15px;
		width: 100%;
		text-align: center;
	}
	.calculator-eskiz__select-choose {
		width: 100%;
		height: 46px;
	}
	.calculator-parametres__inputs-item {
		width: calc(100% - (10px * 2));
	}
	.calculator-parametres__inputs-item.calculator-parametres__inputs-item_checkbox .calculator-parametres__checkboxes-item {
		padding-top: 5px;
		height: auto;
	}
	.calculator-itogo__info-wrapper {
		padding: 25px 25px 25px 25px;
	}
	.calculator-itogo__info ul li {
		margin-top: 6px;
	}
	.calculator-itogo__info-summary-price {
		padding-top: 0px;
		padding-bottom: 0px;
		font-size: 23px;
		line-height: 27px;
	}
	.calculator-itogo__info-summary-btns {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.calculator-itogo__smeta-wrapper {
		padding: 25px 25px 25px 25px;
	}
	.calculator-itogo__smeta-title {
		margin-bottom: calc(15px - 2px);
		line-height: 22px;
	}
	.calculator-itogo__smeta-wrapper ul li {
		margin-top: 6px;
	}
}
@media (max-width: 409px) {
	.calculator-itogo__info-summary-btn-wrapper.calculator-itogo__info-summary-btn-wrapper_buy, 
	.calculator-itogo__info-summary-btn-wrapper.calculator-itogo__info-summary-btn-wrapper_zamer {
		width: calc(100% - (5px * 2));
	}
}

/*--- Модальные окна (эскизы решеток) ---*/
.modal-eskizes {
display: block;
margin: 0px 0px 0px 0px;
padding: 30px 30px 30px 30px;
position: relative;
width: 1100px;
background: #fff;
z-index: 90;
}
.modal-eskizes .loading-overlay {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.8);
opacity: 0;
visibility: hidden;
transition: all 500ms ease-out;
z-index: 90;
}
.modal-eskizes.loading .loading-overlay {
visibility: visible;
opacity: 1;
}
.modal-eskizes__nav-items-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-eskizes__nav-items-wrapper ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -10px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-eskizes__nav-items-wrapper ul li {
display: inline-block;
vertical-align: top;
margin: 10px 5px 0px 5px;
padding: 11px 22px 9px 22px;
position: relative;
width: auto;
height: 40px;
background: #f0eeec;
border-radius: 8px;
color: #5d5854;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.modal-eskizes__nav-items-wrapper ul li:hover, 
.modal-eskizes__nav-items-wrapper ul li:active {
background: #e8e4e0;
}
.modal-eskizes__nav-items-wrapper ul li.modal-eskizes__nav-item_active {
background: #18b900;
color: #fff;
}
.modal-eskizes__tabs {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-eskizes__tab {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-eskizes__tab.modal-eskizes__tab_active {
display: block;
}
.modal-eskizes__pages {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-eskizes__page {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-eskizes__page.modal-eskizes__page_active {
display: block;
}
.modal-eskizes__items-wrapper {
display: block;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-eskizes__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -15px -2px 0px -2px;
padding: 0px 0px 0px 0px;
position: relative;
}
.modal-eskizes__item {
display: inline-block;
vertical-align: top;
margin: 15px 2px 0px 2px;
padding: 0px 0px 0px 0px;
position: relative;
width: 70px;
}
.modal-eskizes__item-img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 105px;
text-align: center;
overflow: hidden;
}
.modal-eskizes__item-img-default {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 100%;
z-index: 3;
}
.modal-eskizes__item-img-default:after {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(255,255,255,0);
z-index: 5;
opacity: 0;
}
.modal-eskizes__item:hover .modal-eskizes__item-img-default:after, 
.modal-eskizes__item:active .modal-eskizes__item-img-default:after {
opacity: 1;
}
.modal-eskizes__item-img-default img {
display: block;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
max-width: 100%;
max-height: 100%;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}
.modal-eskizes__item-img-hover {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
z-index: 5;
}
.modal-eskizes__item:hover .modal-eskizes__item-img-hover, 
.modal-eskizes__item:active .modal-eskizes__item-img-hover {
opacity: 1;
}
.modal-eskizes__item-img-choose {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
.modal-eskizes__item-img-choose .btn-yellow {
padding-top: 8px;
padding-bottom: 9px;
padding-left: 0px;
padding-right: 0px;
width: 100%;
height: 30px;
font-size: 13px;
line-height: 13px;
}
.modal-eskizes__item-txt {
display: block;
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
color: #5d5854;
text-align: center;
}
.modal-eskizes__item-title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.modal-eskizes__item-price {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
line-height: 18px;
font-weight: 400;
}
.modal-eskizes__item-price b, 
.modal-eskizes__item-price strong {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: 400;
word-spacing: 0em;
}
.modal-eskizes__pagenav {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
line-height: 18px;
}
.modal-eskizes__pagenav-item {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.modal-eskizes__pagenav-item.modal-eskizes__pagenav-item_prev {
text-align: right;
}
.modal-eskizes__pagenav-devider {
display: inline-block;
vertical-align: top;
margin: 0px 20px 0px 20px;
padding: 0px 0px 0px 0px;
}
.modal-eskizes__pagenav-devider > span {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: -2px;
width: 1px;
height: 17px;
background: #bcbab9;
}
.modal-eskizes__pagenav-item.modal-eskizes__pagenav-item_next {
text-align: left;
}
.modal-eskizes__pagenav-item a {
color: #c7152a;
text-decoration: none;
}
.modal-eskizes__pagenav-item a:hover, 
.modal-eskizes__pagenav-item a:active {
color: #e90520;
text-decoration: underline;
}
.modal-eskizes__pagenav-item.modal-eskizes__pagenav-item_disabled a, 
.modal-eskizes__pagenav-item.modal-eskizes__pagenav-item_disabled a:hover, 
.modal-eskizes__pagenav-item.modal-eskizes__pagenav-item_disabled a:active {
color: #d4d4d4 !important;
text-decoration: none !important;
cursor: default !important;
}
@media (max-width: 1199px) {
	.modal-eskizes {
		width: 690px;
	}
	.modal-eskizes__items {
		margin-left: 0px;
		margin-right: 0px;
	}
	.modal-eskizes__item {
		margin-left: 0px;
		margin-right: 0px;
	}
}
@media (max-width: 767px) {
	.modal-eskizes {
		width: 500px;
	}
	.modal-eskizes__nav-items-wrapper ul li {
		padding-left: 15px;
		padding-right: 15px;
	}
	.modal-eskizes__item {
		width: 73px;
	}
}
@media (max-width: 499px) {
	.box-modal-ajax-reshetki-eskizes .box-modal_close {
		right: 25px;
	}
	.modal-eskizes {
		margin-left: auto;
		margin-right: auto;
		padding: 20px 20px 25px 20px;
		width: calc(100% - (25px * 2));
	}
	.modal-eskizes__nav-items-wrapper ul li {
		padding: 9px 10px 7px 10px;
		width: calc(50% - (5px * 2));
		height: 36px;
		border-radius: 4px;
		text-align: center;
	}
	.modal-eskizes__item {
		width: calc(100% / 3);
	}
	.modal-eskizes__pagenav {
		margin-top: 22px;
	}
	.modal-eskizes__pagenav-item.modal-eskizes__pagenav-item_prev > a > span, 
	.modal-eskizes__pagenav-item.modal-eskizes__pagenav-item_next > a > span {
		display: none;
	}
	.modal-eskizes__pagenav-devider {
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media (max-width: 409px) {
	.modal-eskizes__nav-items-wrapper {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: auto;
	}
	/*
	.modal-eskizes__nav-items-wrapper::-webkit-scrollbar-track, 
	.modal-eskizes__nav-items-wrapper::-webkit-scrollbar {
		background-color: #f0eeec;
	}
	.modal-eskizes__nav-items-wrapper::-webkit-scrollbar {
		-webkit-appearance: none;
		height: 4px;
	}
	.modal-eskizes__nav-items-wrapper::-webkit-scrollbar-thumb {
		background-color: #e8e4e0;
	}
	*/
	.modal-eskizes__nav-items-wrapper ul {
		flex-wrap: nowrap;
	}
	.modal-eskizes__nav-items-wrapper ul li {
		width: calc(100% - (5px * 2));
		white-space: nowrap;
	}
}
@media (max-width: 399px) {
	.modal-eskizes__item {
		width: calc(100% / 2);
	}
}