/*@media screen and (min-width: 1300px) {
	.catalog .container,
	header .container,
	.portfolio .container {
		width: 90%;
		max-width: 1730px;
	}

	.catalog__item {
		width: 32%;
	}

	.catalog__item_img {
		height: 17vw;
	}

	.header__info {
		max-width: 800px;
	}

	h1 {
		font-size: 80px;
	}

	.sale__item-two:before {
		left: auto;
		right: -50px;
	}

	.header__menu a {
		margin-left: 40px;
		margin-right: 40px;
	}

	.catalog-slider-wrapper {
		width: 1200px;
	}

	.catalog-slider__item_img {
		height: 700px;
	}

	.modal {
		width: 480px;
	}

	.portfolio__item_img {
		height: 265px;
	}
}

@media screen and (min-width: 1950px) {
	.catalog__item_img {
		height: 330px;
	}
}*/

@media screen and (min-width: 1650px) {

	.why__item:before {
		-webkit-background-size: 135px 810px;
		background-size: 135px 810px;
	}

	.container {
		width: 1580px;
	}

	/* Header */

	header {
		padding-bottom: 223px;
	}

	.header__top {
		padding-top: 16px;
		padding-bottom: 16px;
		margin-bottom: 165px;
	}

	.header__logo {
		font-size: 28px;
		line-height: 35px;
	}

	.header__menu a {
		font-size: 23px;
		border-bottom: 3px solid transparent;
		line-height: 27px;
		margin-left: 34px;
		margin-right: 34px;
	}

	.header__contacts_tel {
		font-size: 27px;
		padding-left: 34px;
	}

	.header__contacts_callback {
		font-size: 23px;
		border-bottom: 3px dashed #FFBA00;
		margin-left: 34px;
	}

	.header__info {
		max-width: 810px;
		margin-bottom: 92px;
	}

	h1 {
		font-size: 59px;
		margin-bottom: 22px;
	}

	.header__info p {
		font-size: 27px;
		margin-bottom: 43px;
	}

	.btn {
		border-radius: 4px;
		line-height: 28px;
		padding-top: 24px;
		padding-bottom: 24px;
		border: 3px solid #FFBA00;
		font-size: 23px;
	}

	.header__info a {
		width: 425px;
	}

	.header__item {
	    width: 200px;
	    
		margin-right: 108px;
		font-size: 23px;
		padding-left: 45px;
		line-height: 28px;
	}

	.header__item:before {
		width: 31px;
		height: 31px;
		border-radius: 3px;
		border: 8px solid #FFBB04;
	}

	.sale {
		padding-top: 74px;
		padding-bottom: 43px;
	}

	.sale__item {
		width: 729px;
		box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.1);
		border-radius: 9px;
	}

	.sale__item-one {
		padding-top: 35px;
		padding-right: 13px;
	}

	.sale__item-one .sale__item_title {
		width: 446px;
		padding-top: 9px;
		padding-bottom: 9px;
		font-size: 32px;
		line-height: 38px;
		padding-left: 30px;
	}

	.sale__item-one .sale__item_title:before {
		width: 54px;
		height: 47px;
		border-top: 47px solid #EB3838;
		border-right: 54px solid transparent;
		right: -54px;
	}

	.sale__item-one .sale__item_title:after {
		width: 54px;
		height: 47px;
		border-bottom: 47px solid #EB3838;
		border-right: 54px solid transparent;
		right: -54px;
	}

	.sale__item-one .sale__item_percent {
		line-height: 162px;
		font-size: 149px;
	}

	.sale__item-two {
		padding-top: 11px;
		padding-left: 38px;
		padding-right: 216px;
	}

	.sale__item-two:before {
		width: 393px;
		height: 393px;
		left: 441px;
		top: -124px;
		background-position: 20px 107px;
	}

	.sale__item-two .sale__item_img {
		width: 393px;
		height: 393px;
		left: -68px;
		bottom: -169px;
	}

	.sale__item-two .sale__item_img:after {
		border: 61px solid #FFBA00;
	}

	.sale__item-two .sale__item_img:before {
		width: 208px;
		height: 155px;
		top: 74px;
		right: 81px;
	}

	.sale__item-two .sale__item_title {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 11px;
	}

	.sale__item-two p {
		font-size: 23px;
	}

	.why {
		padding-top: 45px;
		padding-bottom: 43px;
	}

	.why:before {
		top: -108px;
		width: 225px;
		height: 509px;
	}

	.why:after {
		bottom: -40px;
		width: 194px;
		height: 351px;
	}

	h2 {
		margin-bottom: 54px;
		font-size: 47px;
	}

	.why__item.flex {
		box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.1);
		border-radius: 9px;
		width: 500px;
		margin-bottom: 43px;
		padding: 176px 32px 32px;
		height: 292px;
	}

	.why__item:before {
		width: 135px;
		height: 135px;
		top: 22px;
		margin-left: -68px;
	}

	.why__item-two:before {
		background-position: center -135px;
	}
	.why__item-three:before {
		background-position: center -270px;
	}
	.why__item-four:before {
		background-position: center -405px;
	}
	.why__item-five:before {
		background-position: center -540px;
	}
	.why__item-six:before {
		background-position: center -675px;
	}

	.why__item p {
		font-size: 23px;
	}

	.stages {
		padding-top: 43px;
		padding-bottom: 43px;
	}

	.stages__items:after {
		height: 2px;
		top: 81px;
		-webkit-box-shadow: 0px 0px 7px 0px rgba(255,203,64,1);
		-moz-box-shadow: 0px 0px 7px 0px rgba(255,203,64,1);
		box-shadow: 0px 0px 7px 0px rgba(255,203,64,1);
	}

	.stages__item {
		width: 250px;
		margin-bottom: 43px;
	}

	.stages__item:before {
		width: 122px;
		height: 88px;
		top: 51px;
		-webkit-background-size: 122px 351px;
		background-size: 122px 351px;
	}

	.stages__item-one:before {
		left: 7px;
	}
	.stages__item-two:before {
		background-position: center -88px;
		left: 3px;
	}
	.stages__item-three:before {
		background-position: center -176px;
		left: 11px;
	}
	.stages__item-four:before {
		background-position: center -263px;
		left: 41px;
	}

	.stages__item_number {
		line-height: 150px;
		margin-bottom: 17px;
		font-size: 122px;
	}

	.stages__item p {
		font-size: 23px;
	}

	.stages__order a.btn {
		width: 425px;
	}

	.catalog {
		padding-top: 43px;
		padding-bottom: 47px;
	}

	.catalog:before {
		width: 281px;
		height: 439px;
		top: -128px;
	}

	.catalog:after {
		bottom: -81px;
		width: 208px;
		height: 431px;
	}

	.catalog__item {
		box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.1);
		border-radius: 4px;
		width: 500px;
		margin-bottom: 43px;
		padding-bottom: 24px;
	}

	.catalog__item_img {
		height: 290px;
	}

	.catalog__item_title {
		line-height: 34px;
		margin-top: 26px;
		margin-bottom: 13px;
		font-size: 27px;
	}

	.catalog__item_button a.btn {
		width: 223px;
		padding-top: 14px;
		padding-bottom: 14px;
		font-size: 22px;
	}

	.portfolio {
		padding-bottom: 43px;
		padding-top: 50px;
	}

	.portfolio__slider-wrapper {
		padding-left: 7px;
		padding-right: 7px;
	}

	.portfolio__item {
		margin-left: 20px;
		margin-right: 20px;
		border-radius: 4px;
		box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.1);
		margin-bottom: 13px;
		margin-top: 13px;
		padding-bottom: 23px;
	}

	.portfolio__item_img {
		height: 320px;
		margin-bottom: 24px;
	}

	.portfolio__item p {
		padding-left: 24px;
		padding-right: 24px;
		margin-bottom: 7px;
		font-size: 23px;
	}

	.portfolio__slider_arrows,
	.catalog-slider__arrows {
		margin-top: -19px;
	}

	.catalog-slider__arrows {
		width: calc(100% - 41px);
		left: 20px;
	}

	.portfolio__slider_arrows div,
	.catalog-slider__arrows div {
		width: 19px;
		height: 38px;
	}

	.portfolio__slider_prev-arrow {
		left: -13px;
	}

	.portfolio__slider_next-arrow {
		right: -13px;
	}

	.calc-wrapper {
		padding-top: 43px;
		padding-bottom: 44px;
	}

	.calc-wrapper:before {
		width: 342px;
		height: 228px;
	}

	.calc-wrapper h2 {
		margin-bottom: 11px;
	}

	.calc__title_signature {
		margin-bottom: 54px;
		font-size: 27px;
	}

	.calc {
		max-width: 1237px;
		border: 13px solid #FFBA00;
		box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.15);
		border-radius: 4px;
		padding: 65px 297px;
	}

	.calc__item_title {
		margin-bottom: 22px;
		font-size: 23px;
	}

	.calc__form label {
		width: 122px;
		padding-top: 76px;
		font-size: 22px;
	}

	#calc-form-block-one {
		width: 116px;
		margin-left: -58px;
		height: 30px;
		border: 3px solid #E3E3E3;
		border-radius: 4px;
	}

	#calc-form-block-two {
		height: 32px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border-left: 3px solid #E3E3E3;
		border-right: 3px solid #E3E3E3;
		border-bottom: 3px solid #E3E3E3;
		top: 27px;
		width: 30px;
		margin-left: -58px;
	}

	#calc-form-block-three {
		height: 32px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		border-left: 3px solid #E3E3E3;
		border-right: 3px solid #E3E3E3;
		border-bottom: 3px solid #E3E3E3;
		top: 27px;
		width: 30px;
		margin-right: -58px;
	}

	#calc-form-block-four {
		width: 44px;
		height: 24px;
		border: 3px solid #E3E3E3;
		border-radius: 4px;
		margin-left: -27px;
		top: 41px;
	}

	.calc__item-one {
		margin-bottom: 61px;
	}

	.calc__item-two {
		margin-bottom: 57px;
	}

	.calc__item-three {
		margin-bottom: 55px;
	}

	.calc__size_block {
		height: 32px;
	}

	.calc__size_line {
		height: 9px;
		border: 3px solid #E3E3E3; 
		border-radius: 27px;
		top: 11px;
	}

	.calc__size_line span {
		height: 9px;
	}

	.calc__size_values {
	  margin-left: -9px;
	  margin-right: -9px;
	  margin-bottom: -41px;
	}

	.calc__size_values span {
	  line-height: 28px;
	  font-size: 23px;
	  width: 30px;
		padding-top: 32px;
		top: -32px;

	}

	.calc__size_values span:before {
		width: 3px;
		height: 22px;
		border-radius: 3px;
		top: 7px;
	}

	.calc__material label {
		padding: 11px 34px;
		line-height: 28px;
		border: 3px solid #E3E3E3;
		font-size: 22px;
		border-radius: 47px;
		margin-bottom: 17px;
	}

	.calc__button a.btn {
		width: 317px;
	}

	.advantages {
		padding-top: 45px;
		padding-bottom: 149px;
	}

	.advantages:before {
		width: 207px;
		height: 235px;
		bottom: -162px;
	}

	.advantages h2 {
		width: 675px;
		margin-bottom: 57px;
		padding-top: 41px;
	}

	.advantages .container:after {
		width: 1045px;
		height: 946px;
		right: -122px;
	}

	.advantages__list {
		width: 675px;
	}

	.advantages__list p {
		padding-left: 45px;
		margin-bottom: 57px;
		font-size: 23px;
	}

	.advantages__list p:before {
		width: 31px;
		height: 31px;
		border-radius: 3px;
		border: 8px solid #FFBB04;
		margin-top: -14px;
	}

	.materials {
		padding-top: 149px;
		padding-bottom: 70px;
	}

	.contacts {
		padding-top: 43px;
		padding-bottom: 189px;
	}

	.contacts__info {
		width: 620px;
	}

	.contacts__info h2 {
		margin-bottom: 43px;
	}

	.contacts__item {
		max-width: 452px;
		margin-bottom: 35px;
	}

	.contacts__item-one,
	.contacts__item-three {
		width: 236px;
	}

	.contacts__item-two,
	.contacts__item-four {
		width: 317px;
	}

	.contacts__item p {
		font-size: 23px;
		margin-bottom: 5px;
	}

	.contacts__item a,
	.contacts__item div {
		font-size: 23px;
	}

	.contacts__item-four p {
		font-size: 22px;
	}

	.contacts__form {
		border: 11px solid #FFBA00;
		box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
		border-radius: 4px;
		padding: 42px 97px;
		width: 682px;
	}

	.contacts__form h2 {
		margin-bottom: 22px;
	}

	.contacts__form p {
		font-size: 23px;
		margin-bottom: 32px;
	}

	.contacts__form_button a.btn {
		max-width: 425px;
	}

	footer {
		padding-top: 27px;
		padding-bottom: 27px;
	}

	footer p {
		font-size: 20px;
	}

	.up-link {
		right: 74px;
		top: -131px;
	}

	.up-link a {
		width: 77px;
		height: 77px;
	}

	.modal {
		width: 521px;
		border: 13px solid #FFBA00;
		box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
		border-radius: 4px;
		padding: 61px 54px;
	}

	.modal__close,
	.modal-conf__close {
		width: 16px;
		height: 16px;
		top: 13px;
		right: 13px;
	}

	.modal__title {
		font-size: 23px;
		margin-bottom: 30px;
	}

	.modal input,
	.modal__select_title {
		margin-bottom: 18px;
		height: 62px;
		line-height: 57px;
		border-radius: 31px;
		border: 3px solid #D4D4D4;
		font-size: 22px;
	}

	.modal-conf {
		padding-top: 14px;
	}

	.modal-conf label {
		width: 304px;
		font-size: 19px;
		padding-left: 41px;
		margin-bottom: 32px;
	}

	.modal-conf label a {
		font-size: 19px;
		border-bottom: 2px solid #FFBA00;
	}

	.modal-conf label:before {
		width: 27px;
		height: 27px;
		border: 4px solid #FFBA00;
		border-radius: 2px;
	}

	.modal-conf input:checked + label:after {
		width: 28px;
		height: 22px;
		left: 4px;
	}

	.modal button.btn {
		width: 338px;
	}
	#modal-call .modal button.btn {
		padding-top: 13px;
		padding-bottom: 13px;
	}


	.modal__select {
		margin-bottom: 18px;
	}

	.modal__select_title {
		padding-left: 68px;
		padding-right: 68px;
	}

	.modal__select_title:after {
		right: 31px;
		margin-top: -4px;
		width: 19px;
		height: 9px;
		border-top: 9px solid #5B5B5B;
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
	}

	.modal__select_block {
		top: 62px;
		border: 3px solid #D4D4D4;
		border-radius: 31px;
	}

	.modal__select_block label {
		padding-top: 4px;
		padding-bottom: 4px;
		font-size: 24px;
	}

	#modal-thanks .modal {
		width: 616px;
	}

	.modal-thanks__title {
		padding-left: 130px;
		font-size: 27px;
	}

	.catalog-slider-wrapper {
		width: 1233px;
		box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.15);
		border-radius: 4px;
		padding: 41px 74px 27px;
	}

	.catalog-slider__item_img {
		height: 675px;
		margin-bottom: 23px;
		max-height: calc(90vh - 207px);
	}

	.catalog-slider__item_title {
		margin-bottom: 19px;
		font-size: 27px;
		line-height: 32px;
	}

	.catalog-slider__item_button a {
		width: 285px;
		font-size: 22px;
		padding-top: 14px;
		padding-bottom: 14px;
		margin-top: 20px;
	}

	#modal-conf .modal {
		max-width: 1237px;
		padding: 41px;
	}

	#modal-conf .modal p {
		font-size: 23px;
	}

	.modal-content {
		max-height: calc(80vh - 108px);
	}
}

@media screen and (min-width: 1201px) and (max-width: 1649px) {
	.catalog .container,
	.portfolio .container {
		width: 93%;
	}

	.catalog__item {
		width: 31.3%;
	}

	.catalog__item_img {
		height: 250px;
	}
	
	.calc__item-three {
	    margin-bottom: 25px;
	}
	
	.calc__item-four {
	    width: 580px;
	    
	    margin-left: -55px;
	}
	
	.calc__item-four input[type="tel"] {
	    width: 260px;
	    height: 64px;
	    
	    font-size: 18px;
	    line-height: 64px;
	}
	
	.calc__item-four button {
	    width: 295px;
	    
	    font-size: 18px;
	    margin-left: 17px;
	}
	
	.header__item:nth-child(1) {
        width: 145px;
    }
    
    .header__item:nth-child(2) {
        width: 150px;
    }
    
    .header__item:nth-child(3) {
        width: 150px;
        
        margin-top: -20px;
    }
    
    .modal-conf label {
        width: 240px;
    }
    
    .header__form .modal__title {
        font-size: 25px;
    }
}

@media screen and (max-width: 1200px) {
	.container {
		width: 970px;
	}

	.header__menu a {
		margin-left: 12px;
		margin-right: 12px;
	}

	header {
		padding-bottom: 120px;
	}
	
	.header__info h1 {
	    font-size: 41px;
	}
	
	.header__form {
	    top: -50px;
	}

	.header__top {
		margin-bottom: 120px;
	}

	.sale__item {
		width: 470px;
	}

	.sale__item-two {
		padding-right: 120px;
	}

	.why__item.flex {
		width: 300px;
	}

	.catalog__item {
		width: 305px;
	}

	.catalog__item_img {
		height: 190px;
	}

	.portfolio__item_img {
		height: 190px;
	}

	.advantages .container:after {
		right: -245px;
	}

	.contacts__form {
		width: 460px;
		padding-left: 49px;
		padding-right: 49px;
	}

	.materials__items.flex {
		justify-content: space-around;
	}

	.materials__item {
		margin-left: 40px;
		margin-right: 40px;
	}

	.why:before {
		display: none;
	}

	.why:after {
		width: 110px;
    	height: 200px;
	}

	.catalog:before {
		width: 160px;
		height: 250px;
	}

	.catalog:after {
		top: 50%;
		bottom: auto;
		width: 118px;
		height: 245px;
	}

	.calc-wrapper:before {
		width: 195px;
		height: 130px;
	}

	.advantages:before {
		display: none;
	}

	.why__item p br {
		display: none;
	}
	
	.calc__item-three {
	    margin-bottom: 25px;
	}
	
	.calc__item-four {
	    width: 580px;
	    
	    margin-left: -55px;
	}
	
	.calc__item-four input[type="tel"] {
	    width: 260px;
	    height: 64px;
	    
	    font-size: 18px;
	    line-height: 64px;
	}
	
	.calc__item-four button {
	    width: 295px;
	    
	    font-size: 18px;
	    margin-left: 17px;
	}
	
	.header__item {
	    margin-right: 40px;
	}
	
	.header__item:nth-child(1) {
        width: 145px;
    }
    
    .header__item:nth-child(2) {
        width: 150px;
    }
    
    .header__item:nth-child(3) {
        width: 150px;
        
        margin-top: -20px;
    }
    
    .modal-conf label {
        width: 240px;
    }
    
    .portfolio__item_img {
        height: 280px;
    }
}

@media screen and (max-width: 992px) {
	.container {
		width: 690px;
	}

	header {
		-webkit-background-size: cover;
	    background-size: cover;
	}

	.navbar-wrapper {
		width: 30px;
	}

	.navbar-tog {
		cursor: pointer;
		display: block;
		z-index: 51;
		position: relative;
	}

	.bar1,
	.bar2,
	.bar3 {
		width: 30px;
		height: 4px;
		border-radius: 3px;
		margin-bottom: 5px;
		background-color: #000;
		transition: all 0.3s ease-in-out;
	}

	.bar3 {
		margin-bottom: 0;
	}
	
	.navbar-tog.navbar-on {
		position: fixed;
		top: 22px;
		right: calc(50% - 345px);
	}

	.navbar-on .bar1 {
		transform-origin: 5% 40%;
		transform: rotate(45deg);
		background-color: #000;
	}

	.navbar-on .bar3 {
		transform-origin: 10% 40%;
		transform: rotate(-45deg);
		background-color: #000;
	}

	.navbar-on .bar2 { background-color: transparent; }

	.header__menu.flex {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		align-content: center;
		z-index: -1;
		opacity: 0;
		background: #FFBA00;
		transition: all ease 0.7s;
	}

	.header__menu.flex.active {
		opacity: 1;
		z-index: 50;
	}

	.header__menu a {
		text-align: center;
		width: 100%;
		font-size: 20px;
		margin-bottom: 16px;
		font-family: 'Gilroy-ExtraBold';
	}

	.header__info {
		width: 500px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 24px;
	}

	h1 {
		font-size: 36px;
		line-height: 44px;
		text-align: center;
	}

	.header__info p {
		/*font-size: 17px;
		text-align: center;
		margin-bottom: 16px;*/
		display: none;
	}
	
	.header__info .modal_sended p {
	    display: block;
	}

	.header__info a.btn {
		margin-left: auto;
		margin-right: auto;
		width: 210px;
		line-height: 19px;
		font-size: 15px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.header__item {
		width: 155px;
		margin-right: 0;
	}

	.header__items.flex {
		align-items: flex-start;
		justify-content: space-between;
	}

	header {
		padding-bottom: 50px;
	}

	.sale__item {
		width: 100%;
	}

	.sale__item-one {
		margin-bottom: 24px;
	}

	.sale__item-one .sale__item_title {
		width: 470px;
	}

	.sale__item-two {
		min-height: 210px;
		padding-right: 320px;
	}

	.sale__item-two:before {
		left: 435px;
	}

	.why__item.flex {
		width: 330px;
	}

	.stages__item {
		width: 230px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
	}

	.stages__item_number {
		width: 66px;
	}

	.stages__item p {
		width: calc(100% - 66px);
		font-size: 15px;
	}

	.stages__item_number {
		font-size: 64px;
		line-height: 80px;
	}

	.stages__item:before {
		transform: scale(0.7, 0.7);
		-webkit-transform: scale(0.7, 0.7);
		-moz-transform: scale(0.7, 0.7);
		-o-transform: scale(0.7, 0.7);
		-ms-transform: scale(0.7, 0.7);
		top: 8px;
		margin-bottom: 24px;
	}

	.stages__item-one:before {
		left: -14px;
	}

	.stages__item-two:before {
		left: -16px;
	}

	.stages__item-three:before {
		left: -13px;
	}

	.stages__item-four:before {
		left: -17px;
	}

	.stages__item-one,
	.stages__item-three {
		margin-right: 50px;
	}

	.stages__items.flex {
		padding-left: 80px;
		padding-right: 80px;
	}

	.stages__order a.btn {
		width: 210px;
		font-size: 15px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.catalog {
		border-bottom: 2px solid #989898;
	}

	.portfolio {
		padding-top: 55px;
	}

	.catalog__item {
		width: 330px;
	}

	.catalog__item_img {
		height: 210px;
	}

	.catalog__items_show {
		display: block;
		text-align: center;
		width: 100%;
	}

	.catalog__items_show a {
		display: inline-block;
		text-decoration: none;
		width: 57px;
		height: 57px;
		background: url(../img/portfolio-slider-arrow.png) center center no-repeat;
		transform: rotate(270deg) ;
		-webkit-transform: rotate(270deg) ;
		-moz-transform: rotate(270deg) ;
		-o-transform: rotate(270deg) ;
		-ms-transform: rotate(270deg) ;
		transition: all ease 0.3s;
		border-radius: 50%;

	}

	.catalog__items_show a.hide {
		transform: rotate(90deg) ;
		-webkit-transform: rotate(90deg) ;
		-moz-transform: rotate(90deg) ;
		-o-transform: rotate(90deg) ;
		-ms-transform: rotate(90deg) ;
	}

	.catalog__item17,
	.catalog__item18,
	.catalog__item19,
	.catalog__item20,
	.catalog__item21,
	.catalog__item22,
	.catalog__item23,
	.catalog__item24,
	.catalog__item25,
	.catalog__item26,
	.catalog__item27 {
		display: none;
	}

	.catalog__item.show {
		display: block;
	}

	.portfolio__item {
		margin-left: 16px;
		margin-right: 16px;
	}

	.calc {
		padding-left: 100px;
		padding-right: 100px;
	}

	.advantages__list {
		width: 450px;
	}

	.advantages__list p {
		margin-bottom: 32px;
	}

	.advantages .container:after {
		right: -470px;
	}

	.materials__item {
		margin-left: 16px;
		margin-right: 16px;
	}

	.contacts__info {
		margin-left: auto;
		margin-right: auto;
	}

	.contacts__form {
		margin-left: auto;
		margin-right: auto;
	}

	.contacts__info h2 {
		text-align: center;
	}

	.catalog-slider-wrapper {
		width: 690px;
	}

	.catalog-slider__item_img {
		height: 360px;
		line-height: 360px;
	}

	.stages__items:after {
		display: none;
	}

	#modal-conf .modal {
		padding-right: 30px;
	}

	.navbar-wrapper {
		display: block;
	}
	
	.header__form .modal__title {
	    font-size: 24px;
	}
	
	.header__form {
	    position: static;
	    margin-left: 55px;
	    margin-top: 30px;
	}
	
	.header__item:nth-child(3) {
	    margin-top: 0;
	}
	
	.header__items.flex {
	    width: 565px;
	    
	    margin: 0 auto;
	}
	
	.header__info h1 {
	    font-size: 35px;
	}
	
	.header__info modal_sended p {
	    font-size: 22px;
	}
}

@media screen and (max-width: 720px) {
	.container {
		width: 540px;
	}

	.navbar-tog.navbar-on {
		right: calc(50% - 270px);
	}

	.sale__item-two {
		padding-right: 160px;
	}

	.sale__item-two:before {
		transform: scale(0.5, 0.5);
		-webkit-transform: scale(0.5, 0.5);
		-moz-transform: scale(0.5, 0.5);
		-o-transform: scale(0.5, 0.5);
		-ms-transform: scale(0.5, 0.5);
		left: 355px;
		top: -112px;
	}

	.sale__item-two .sale__item_img {
		transform: scale(0.6, 0.6);
		-webkit-transform: scale(0.6, 0.6);
		-moz-transform: scale(0.6, 0.6);
		-o-transform: scale(0.6, 0.6);
		-ms-transform: scale(0.6, 0.6);
		bottom: -140px;
		left: 30%;
	}

	.sale__item-two {
		min-height: 160px;
		min-height: 216px;
	}

	.why__item.flex {
		width: 255px;
		height: auto;
	}

	.stages__items.flex {
		padding-left: 0;
		padding-right: 0;
	}

	.catalog__item {
		width: 255px;
	}

	.catalog__item_img {
		height: 155px;
	}

	.calc__form label {
		width: 50%;
		font-size: 14px;
		margin-bottom: 20px;
	}

	.advantages .container:after {
		display: none;
	}

	.advantages h2 {
		text-align: center;
	}

	.advantages__list {
		width: 100%;
	}

	.advantages {
		padding-bottom: 33px;
	}

	.materials {
		padding-top: 33px;
	}

	.catalog-slider-wrapper {
		width: 90%;
		padding-left: 32px;
		padding-right: 32px;
	}

	.catalog-slider__item_img {
		height: auto;
		line-height: 100%;
	}

	.catalog-slider__next-arrow {
		right: -5px;
	}

	.catalog-slider__prev-arrow {
		left: -5px;
	}

	.why:after {
		width: 72px;
		height: 130px;
	}

	.catalog:before {
		width: 104px;
		height: 162px;
	}

	.catalog:after {
		top: 50%;
		bottom: auto;
		width: 77px;
		height: 110px;
	}

	.calc-wrapper:before {
		width: 126px;
		height: 85px;
	}

	.calc__item-one {
		margin-bottom: 20px;
	}
	
	.calc__item-four {
	    width: 100%;
	    
	    margin: 0 auto;
	}
	
	.calc__item-four input[type="tel"] {
	    width: 100%;
	    
	    margin-bottom: 10px;
	}
	
	.calc__item-four button {
	    width: 100%;
	    
	    margin-left: 0;
	}
	
	.portfolio__item_img {
	    height: 230px;
	}
}

@media screen and (max-width: 576px) {
	
	.container {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.header__logo {
		width: 70px;
		text-align: center;
		font-size: 18px;
		line-height: 16px;
	}

	.header__contacts_tel {
		font-size: 16px;
	}

	.header__contacts_tel span {
		border-bottom: 2px dashed #FFBA00;
	}

	.header__contacts_callback {
		display: none;
	}

	.navbar-tog.navbar-on {
		right: 10px;
		top: 14px;
	}

	.header__info {
		width: 100%;
	}

	h1 {
		font-size: 31px;
		line-height: 33px;
	}

	.header__items.flex {
		border-radius: 7px;
		background: rgba(255, 255, 255, 0.85);
		box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
		padding: 25px 55px;
		margin-bottom: -160px;
	}

	.header__item {
		width: 100%;
		margin-bottom: 17px;
	}

	.header__item:last-child {
		margin-bottom: 0;
	}

	.header__top {
		margin-bottom: 63px;
	}

	header {
		margin-bottom: 90px;
	}

	.sale__item-one .sale__item_title:before,
	.sale__item-one .sale__item_title:after {
		display: none;
	}

	.sale__item-one .sale__item_title {
		width: 100%;
		background: transparent;
	}

	.sale__item-one .sale__item_percent {
		font-size: 70px;
		line-height: 55px;
	}

	.sale__item-two .sale__item_title {
		display: none;
	}

	.sale__item-two {
		padding-left: 14px;
		padding-right: 0;
		min-height: 125px;
	}

	.sale__item-two p {
		width: 230px;
	}

	.sale__item-two .sale__item_img {
		left: 10px;
		bottom: -122px;
		width: 260px;
		height: 260px;
	}

	.stages__item {
		width: 300px;
	}

	.catalog:before {
		top: -53px;
	}

	.why:after {
		bottom: -100px;
	}

	.catalog__item_img {
		height: auto;
	}

	.modal__close, .modal-conf__close {
		width: 17px;
		height: 17px;
	}

	.calc-wrapper:before {
		top: -27px;
	}

	.sale__item-two .sale__item_img:before {
		top: 40px;
		right: 52px;
	}

	.stages__order {
		margin-top: 20px;
	}

	.sale__item-two:before {
		left: 53%;
	}

	h2 {
		margin-bottom: 16px;
		font-size: 20px;
	}

	.why h2 {
		margin-bottom: 25px;
	}

	.catalog h2 {
		margin-bottom: 35px;
	}

	.portfolio h2 {
		margin-bottom: 30px;
	}

	.materials h2 {
		margin-bottom: 25px;
	}

	.why__item.flex {
		width: 100%;
		padding-left: 90px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-right: 15px;
		margin-bottom: 8px;
		min-height: 50px;
	}

	.why__item:before {
		left: -10px;
		margin-left: 0;
		top: 50%;
		margin-top: -50px;
		transform: scale(0.7, 0.7);
		-webkit-transform: scale(0.7, 0.7);
		-moz-transform: scale(0.7, 0.7);
		-o-transform: scale(0.7, 0.7);
		-ms-transform: scale(0.7, 0.7);
	}

	.why__item p {
		font-size: 15px;
		text-align: left;
	}

	.stages__item {
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.stages__item_number {
		margin-bottom: 0;
	}

	.catalog__item {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.catalog__item16 {
		display: none;
	}

	.portfolio__item {
		margin-left: 0;
		margin-right: 0;
	}

	.portfolio__slider_arrows div {
		width: 35px;
		height: 35px;
		background-color: #fff;
		border-radius: 50%;
		-webkit-background-size: 9px 16px;
		background-size: 9px 16px;
	}

	.portfolio__slider_prev-arrow {
		left: -15px;
	}

	.portfolio__slider_next-arrow {
		right: -15px;
	}

	.calc {
		padding: 25px 10px;
		padding-bottom: 40px;
	}

	.calc-wrapper {
		padding-bottom: 10px;
	}

	.advantages h2 {
		width: 100%;
		margin-bottom: 22px;
	}

	.advantages__list p {
		margin-bottom: 16px;
	}

	.advantages h2 {
		padding-top: 0;
		margin-bottom: 25px;
	}

	.contacts__item {
		max-width: 47%;
	}

	.contacts__item a, .contacts__item div {
		font-size: 15px;
	}

	.contacts__item-four p {
		font-size: 15px;
	}

	.contacts__form {
		padding-left: 35px;
		padding-right: 35px;
	}

	footer p {
		width: 100%;
		max-width: 100%;
	}

	.contacts {
		padding-bottom: 110px;
	}

	.up-link {
		top: -84px;
		right: 10px;
	}

	.contacts__info {
		width: 100%;
	}

	.contacts__form {
		max-width: 100%;
	}

	.modal,
	#modal-thanks .modal {
		width: 90%;
		max-width: 350px;
		padding: 34px 10px;
	}

	.modal-thanks__title {
		padding-left: 80px;
	}

	.modal__title {
		margin-bottom: 16px;
	}

	.modal input {
		margin-bottom: 15px;
	}

	.modal-conf {
		padding-top: 5px;
	}

	.sale__item-one {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.sale__item-two {
		padding-top: 10px;
		padding-bottom: 70px;
		min-height: 155px;
	}

	#modal-conf .modal {
		padding: 40px 10px 10px 10px;
	}

	.modal-content {
		max-height: calc(80vh - 70px);
	}

	.portfolio__slider_arrows div {
		width: 45px;
		height: 45px;
		background: url(../img/portfolio-slider-arrow.png) center center no-repeat;
	}

	.portfolio__slider_arrows {
		width: 0;
		height: 35px;
		
		top: 50%;
		margin-top: 0;
		left: 50%;
		margin-left: 0;
        transform: translateY(-50%);
	}

	.portfolio__slider_arrows div.portfolio__slider_next-arrow {
		right: auto;
		bottom: 0;
		top: auto;
		left: -22px;
	    transform: rotate(270deg);
	    -webkit-transform: rotate(270deg);
	    -moz-transform: rotate(270deg);
	    -o-transform: rotate(270deg);
	    -ms-transform: rotate(270deg);
	}

	.portfolio__slider_arrows div.portfolio__slider_prev-arrow {
		right: auto;
		top: 0;
		bottom: auto;
		left: -22px;
	    transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	}

	.materials__item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}

	.portfolio__slider-wrapper {
		padding-top: 50px;
		padding-bottom: 0;
	}

	.calc__title_signature br {
		display: block;
	}

	.calc__size {
		width: 350px;
		margin-left: auto;
		margin-right: auto;
	}

	.stages__item p {
		width: calc(100% - 76px);
		margin-left: 10px;
	}

	.portfolio {
		border-bottom: 2px solid #989898;
		padding-bottom: 50px;
	}

	.calc-wrapper:before {
		display: none;
	}

	.calc-wrapper {
		padding-top: 50px;
	}

	.portfolio__item_img {
		height: 60vw;
	}

	.portfolio__item_img.active {
		height: auto;
	}

	.calc__material.flex {
		justify-content: center;
	}

	.calc__material label {
		margin-left: 5px;
		margin-right: 5px;
	}

	.portfolio__button {
		display: block;
		text-align: center;
		padding-top: 0;
	}

	.portfolio__button a {
		display: inline-block;
	    text-decoration: none;
	    width: 57px;
	    height: 57px;
	    background: url(../img/portfolio-slider-arrow.png) center center no-repeat;
	    transform: rotate(270deg);
	    -webkit-transform: rotate(270deg);
	    -moz-transform: rotate(270deg);
	    -o-transform: rotate(270deg);
	    -ms-transform: rotate(270deg);
	    transition: all ease 0.3s;
	    border-radius: 50%;
	}

	.portfolio__item {
		margin-top: 0px;
	}
	
	.header__items.flex {
	    width: auto;
	}
	
	.header__item {
	    width: 100%;
	}
	
	.header__info h1 {
	    font-size: 31px;
	}
	
	.header__form {
	    margin-left: 0;
	}
	
	.header__form .modal button.btn {
	    font-size: 18px;
	}
	
	.header__form .modal__title {
	    font-size: 22px;
	    margin-bottom: 14px;
	}
	
	.header__form .modal label {
	    margin-bottom: 19px;
	}
	
	.header__form .modal {
	    width: 297px;
	    
	    margin: 0 auto;
	    padding: 35px 32px 40px;
	}
	
	.header__form .modal_sended img {
	    width: 56px;
	}
	
	.header__form .modal_sended .clearfix a {
	    width: 112px;
	    height: 93px;
	}
	
	.header__form .modal_sended .clearfix a span {
	    width: 64px;
	    
	    font-size: 16px;
	    margin-top: 13px;
	}
	
	.header__form .modal_sended .clearfix a:first-child img {
	    margin-top: 27px;
	}
	
	.header__form .modal_sended .clearfix a:last-child img {
	    margin-top: 23px;
	}
	
	.portfolio__slider_arrows {
	    width: 100%;
	    
	    left: 0;
	}
	
	.portfolio__slider_arrows div.portfolio__slider_prev-arrow {
        left: 2px;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        background-size: 10px;
        background-color: #fff;
        width: 35px;
        height: 35px;
    }
    
    .portfolio__slider_arrows div.portfolio__slider_next-arrow {
        right: 2px;
        left: auto;
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
        background-size: 10px;
        background-color: #fff;
        width: 35px;
        height: 35px;
    }
    
    .portfolio .container {
        padding: 0;
    }
    
    .portfolio__slider-wrapper {
        padding: 0;
    }
    
    .slick-dots {
        width: 267px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -20px;
    }
    
    .slick-dots li {
        width: 8px;
        height: 8px;
        
        float: left;
        margin-right: 6px;
        border-radius: 360px;
        background-color: rgba(0, 0, 0, .3);
        color: #fff;
    }
    
    .slick-dots li.slick-active {
        background-color: #ffba00;
    }
    
    .slick-dots li:marker {
        display: none;
    }
    
    .slick-dots li button {
        opacity: 0;
    }
    
    section.policy {
        padding-top: 55px;
        padding-bottom: 70px;
    }
    
    section.policy h1 {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 1.25;
    }
    
    section.policy h3 {
        font-size: 18px;
        font-family: 'Gilroy-ExtraBold';
    }
    
    section.policy p,
    section.policy ul li {
        font-size: 16px;
    }
    
    section.policy ul li {
        margin-left: 16px;
    }
    
    section.policy ul + p,
    section.policy p + ul {
        margin-top: 10px;
    }
    
    section.policy p + p,
    section.policy h3 + ul,
    section.policy h3 + p,
    section.policy ul + h3,
    section.policy ul li + li {
        margin-top: 5px;
    }
    
    section.policy p + h3 {
        margin-top: 12px;
    }
    
    .portfolio__item_img {
        height: 540px;
    }
	
}

@media screen and (max-width: 540px) {
    .portfolio__item_img {
        height: 490px;
    }
}

@media screen and (max-width: 490px) {
    .portfolio__item_img {
        height: 450px;
    }
}

@media screen and (max-width: 451px) {
	.calc__size {
		width: 320px;
	}
	
	.portfolio__item_img {
        height: 400px;
    }
}

@media screen and (max-width: 470px) {
	.calc__size {
		width: 260px;
	}
}

@media screen and (max-width: 400px) {
    .portfolio__item_img {
        height: 360px;
    }
}

@media screen and (max-width: 360px) {
    .portfolio__item_img {
        height: 320px;
    }
}