@media screen and (max-width:1280px){

	.step3__item-im img {height: 300px}

	.step7__box {left: 15px; margin: 0}
}
@media screen and (max-width:1200px){

	.step5__item-title {font-size: 26px}

	.mapp {width: 100%}
}
@media screen and (max-width:1100px){

	.header__stat {margin-left: 30px}
	.header__phone {margin-left: 30px}

	.step1 {height: 770px; padding-top: 240px}
	.step1__arr {display: none}

	.step2__item-text br {display: none}

	.step3__list {margin: 0 -6px}
	.step3__item {margin: 0 12px; width: calc(100% - 12px)}
	.step3__item-bt a {height: 60px; font-size: 17px}

	.step9__girl {width: 362px; height: 440px; background-size: cover; margin-right: -470px}
}
.video_desk {
	display: block;
}
.video_mob {
	display: none;
}
@media screen and (max-width:1000px){
	.video_desk {
		display: none;
	}
	.video_mob {
		display: block;
	}

	.step4__content {width: 55%}
	.step4__im {width: 43%}

	.step5__list {align-items: stretch; justify-content: space-between; margin-top: 75px}
	.step5__item {width: 32%; background: rgba(255,255,255,.85); box-shadow: 0px 2.77905px 2.77905px rgba(0, 0, 0, 0.25); padding: 40px 30px !important}
	.step5__item:before {display: none !important}
	.step5__item-title {font-size: 24px}
	.step5__item-icon {flex: 0 0 57px; width: 57px}

	.step6__item-text {font-size: 18px}

	.step7__box {width: 400px; padding-left: 25px; padding-right: 25px}

	.mapp__content {padding-left: 25px; padding-right: 25px}
}
@media screen and (min-width:901px){

	.header__box {display: block !important}
}
@media screen and (max-width:900px){

	.header__wrapper {justify-content: space-between; align-items: center; padding-top: 30px}


	.header.show_menu .header__logo span {display: none;}

	.header__logo {z-index: 5; padding: 0}
	/*.header__logo span {display: none}*/
	.header__box {display: none; margin: 0; position: absolute; left: 0; right: 0; top: 0; background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); padding: 100px 0 0}
	.header__box-inn {flex-direction: column; border-top: 1px solid #e0e0e0; padding: 30px 15px 0}
	.header__city {display: block; font-size: 14px; line-height: 17px}
	.header__city a {border-bottom: 2px dotted #2d9cdb; text-decoration: none}
	.header__cat {order: 5; width: 100%; margin-top: 30px}
	.header__cat a {display: flex; align-items: center; margin: 0 -15px; padding: 0 15px; height: 68px; border-top: 1px solid #e0e0e0; font-size: 28px}
	.header__stat {margin: 30px 0 0 0; line-height: 1}
	.header__stat:before {font-size: 26px}
	.header__stat span {font-size: 28px}
	.header__phone {margin: 30px 0 0 0}
	.header__phone:before {text-shadow: none}
	.header__phone div {font-size: 28px; text-shadow: none}
	.header__phone span {margin-top: 7px}
	.header__burger {width: 30px; height: 19px; padding-top: 8px; cursor: pointer; display: block}
	.header__burger span {display: block; width: 100%; height: 3px; background: #000; transition: background .2s ease-in-out; position: relative; border-radius: 3px}
	.header__burger span:before, .header__burger span:after {position: absolute; right: 0; top: -8px; display: block; content: ''; width: 100%; height: 3px; background: #000; border-radius: 3px; transition: all .2s ease-in-out}
	.header__burger span:after {top: 8px}
	.show_menu .header__burger span {background: transparent}
	.show_menu .header__burger span:before {transform: rotate(45deg); top: 0}
	.show_menu .header__burger span:after {transform: rotate(-45deg); top: 0}

	.textb {font-size: 16px}

	.step1 {height: 660px; padding-top: 160px}

	.step2__item-icon {flex: 0 0 60px; width: 60px}
	.step2__item-text {font-size: 18px}

	.step5__list {flex-wrap: wrap}
	.step5__item {width: 48%; margin-top: 27px}
	.step5__item:first-child {width: 100%}

	.step6__item {display: block}
	.step6__item-icon {width: auto}
	.step6__item-text {margin-top: 15px}

	.step8:before {left: 0; right: 0; margin: 0; width: auto}
	.step8__im {display: none}
	.step8__content {width: auto}
}
@media screen and (max-width:800px){

	.step3__item-im img {height: 220px}

	.step9__bt {width: 300px}
}
@media screen and (max-width:700px){

	.stitle {font-size: 28px; line-height: 33px}

	.btn {height: 60px}
	a.btn {line-height: 60px}



	.header__wrapper {padding-top: 18px}
	.header__logo img {width: 142px}

	.header__logo span {width: 280px;}

	.header__box {padding-top: 57px}
	.header__burger {width: 22px; height: 16px; padding-top: 7px}
	.header__burger span {height: 2px}
	.header__burger span:before, .header__burger span:after {top: -7px; height: 2px}
	.header__burger span:after {top: 7px}

	.textb p {margin-bottom: 20px}

	.step1 {height: 444px; /*padding-top: 95px;*/ padding-top: 170px; background: url(../i/step1-bg-m.jpg) center no-repeat; background-size: cover}
	.step1__title {max-width: none; font-size: 28px; line-height: 33px; letter-spacing: 0.2px}
	.step1__text {margin-top: 13px; font-size: 16px}
	.step1__bt {margin-top: 25px}
	.step1__bt a {max-width: 208px; height: 50px; font-size: 12px}



	/*.step2 {display: none;}*/

	.step2 {padding: 10px 0}
	.step2__item {display: block; width: 33%; /*padding: 0 15px 0 35px;*/ padding: 0 15px; text-align: center; max-width: none; border-left: 1px solid rgba(255,255,255,.5)}
	.step2__item:first-child {border-left: 0; padding-left: 0}
	.step2__item:last-child {padding-right: 0}
	.step2__item-icon {display: none}
	.step2__item-text {font-size: 14px}
	.step2__item-text br {display: block}


	.step3 {padding: 0 15px; margin-top: 38px}
	.step3__list {flex-wrap: wrap}
	.step3__item {margin-top: 20px; width: calc(50% - 12px)}
	.step3__item:first-child {width: calc(100% - 21px)}
	.step3__item-im img {height: 100px}
	.step3__item-im span {font-size: 20px}
	.step3__item-bt a {height: 40px; font-size: 12px}

	.step4 {display: block; margin-top: 50px}
	.step4__content {width: auto}
	.step4__text {margin-top: 25px}
	.step4__bt {margin-top: 28px}
	.step4__bt a {max-width: none; font-size: 18px}
	.step4 > .step4__im {display: none}
	.step4__im {width: auto; margin-top: 18px}
	.step4__im a i {width: 32px; height: 32px; left: 52%; top: 55%;}
	.step4__im a i:after {border-width: 4px 0 4px 6px}
	.step4__im img {max-height: 264px; object-fit: cover}

	.step5 {padding: 0 0 30px; margin-top: 50px}
	.step5__list {margin-top: 0}
	.step5__item ul {margin-top: 35px}
	.step5__item ul li {margin-top: 15px; padding: 0 0 13px 22px; font-size: 14px; line-height: 109.5%}
	.step5__item ul li:before {font-size: 10px}

	.step6 {margin-top: 50px}
	.step6__list {margin-top: 0}
	.step6__item {margin-top: 30px}

	.step7 {margin-top: 50px}
	.step7__map {display: none}
	.step7__box {position: static; width: auto; padding: 35px 15px 39px}
	.step7__city {margin-bottom: 30px; padding-left: 30px; font-size: 12px; line-height: 17px}
	.step7__city:before {font-size: 28px}
	.step7__city a {border-width: 1px}
	.step7__form {margin-top: 24px}
	.step7__item {margin-top: 10px}
	.step7__item input {height: 50px; font-size: 12px}
	.step7__bt {margin-top: 26px}
	.step7__bt button {height: 60px}

	.step8 {padding: 50px 0 80px}
	.step8 ul {margin-top: 25px}
	.step8 ul li {padding: 3px 0 15px 40px; margin-top: 9px; font-size: 14px}
	.step8 ul li i {width: 30px; height: 30px; border-width: 2px; font-size: 14px}
	.step8 ul li i:before {left: 13px; margin-top: 9px; width: 2px}
	.step8 ul li span {margin-bottom: 3px; font-size: 18px}

	.step9 {padding: 28px 0}
	.step9__wrapper {display: block; height: auto}
	.step9__title {display: none}
	.step9__bt {width: auto}
	.step9__bt a {font-size: 18px}
	.step9__girl {width: 150px; height: 181px; margin: 0; right: 25px; bottom: 30px}

	.step10 {margin-top: 50px}
	.step10__list {margin-top: 0}
	.step10__item {position: relative; padding-bottom: 58px; margin-top: 37px}
	.step10__item-im img {height: 182px}
	.step10__item-bot {display: block}
	.step10__item-inf {margin: 0}
	.step10__item-name {font-size: 16px; line-height: 21px}
	.step10__item-text {font-size: 12px; line-height: 140.8%}
	.step10__item-bt {width: auto; position: absolute; left: 0; right: 0; bottom: 0}
	.step10__item-bt a {font-size: 12px}
	.step10__more {margin-top: 40px; font-size: 18px; line-height: 160%}
	.step10__more a {padding-right: 25px}
	.step10__more a:after {top: 5px; font-size: 7px}

	.step11 {padding: 0 0 30px; margin-top: 50px}
	.step11__app {margin: 0 -15px; padding: 50px 15px; box-shadow: 7px -5px 12px rgba(0, 0, 0, 0.1); text-align: left}
	.step11__app-text {margin-top: 10px; font-size: 16px; line-height: 21px}
	.step11__app-form {display: block; margin-top: 25px}
	.step11__app-inp {width: auto}
	.step11__app-inp:after {left: 13px}
	.step11__app-inp input {padding-left: 35px; height: 60px; font-size: 18px}
	.step11__app-bt {width: auto; margin-top: 19px}
	.step11__app-bt button {height: 60px}
	.step11__app-pp {margin-top: 20px; font-size: 12px}
	.step11__foot {max-width: none; margin-top: 31px}
	.step11__links {display: block; font-size: 16px; line-height: 25px}
	.step11__links > div {margin-top: 9px}
	.step11__copy {font-size: 16px}

	.mapp__content {padding: 35px 20px; margin: 0}
	.mapp__title {font-size: 21.6142px}
	.mapp__text {margin-top: 10px; font-size: 13px}
	.mapp__form {margin-top: 25px}
	.mapp__item {margin-top: 10px}
	.mapp__item input {height: 50px; font-size: 12px}
	.mapp__bt {margin-top: 25px}
	.mapp__bt button {height: 60px; font-size: 15px}
	.mapp__im {display: none}
	.mapp .fancybox-button svg path {fill: #000}

	.mform {width: 100%; padding: 35px 20px}
	.mform__title {font-size: 21.6142px}
	.mform__city {margin-top: 10px; font-size: 14px}
	.mform__form {margin-top: 25px}
	.mform__inf {margin-bottom: 10px; height: 50px; font-size: 10px; line-height: 13px}
	.mform__item {margin-bottom: 10px}
	.mform__item input {height: 50px; font-size: 12px}
	.mform__bt {margin-top: 25px}
	.mform__bt button {height: 60px; font-size: 15px}
}
@media screen and (max-width:600px){

	.step2__item {padding-left: 15px; padding-right: 5px}
	.step2__item-text {font-size: 8px}

	.step5__list {display: block}
	.step5__item {width: auto}

	.step6__list {display: block}
	.step6__item {display: flex; max-width: none}
	.step6__item-icon {width: 80px; flex: 0 0 80px}
	.step6__item-icon img {width: 62px}
	.step6__item-text {margin: 0}
	.step6__item-text br {display: none}
}
@media screen and (max-width:500px){

	.step11__bot {display: block}
	.step11__copy {margin-top: 30px}


}
@media screen and (max-width:400px){

	.step10__list {display: block}
	.step10__item {width: auto; margin-left: 0; margin-right: 0}
}
@media screen and (max-width:344px){

	.header__phone div {font-size: 26px}

	.step2__item-text br {display: none}
}

@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0)
{
	a {transition: color .3s}
	a:hover {text-decoration: none}

	.btn {transition: background .3s}
	.btn:hover {background: #ffeb5f}

	.btn_blue:hover {background: #C48D1F}

	.header__cat a:hover {text-decoration: underline}

	.step3__item-bt a {transition: background .3s}
	.step3__item-bt a:hover {background: #ffeb5f}

	.step4__im a i {transition: transform .3s}
	.step4__im a:hover i {transform: scale(1.1)}
	.step4__im a:hover {color: #fed84c}

	.step7__city a {transition: border .3s}
	.step7__city a:hover {border-color: transparent}

	.step10__more a:hover {color: #fed84c}

	.step11__links a:hover {color: #fed84c; text-decoration: underline}
	.step11__soc a:hover {color: #fed84c}

	.mform__city a {transition: border .3s}
	.mform__city a:hover {border-color: transparent}
}