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

	.slarr_l {right: auto; left: 0; margin: 0}
	.slarr_r {left: auto; right: 0; margin: 0}

	.step3 .slarr {top: auto; margin: 0 0 10px; bottom: 100%}

	.step7 .slarr {top: auto; margin: 0 0 10px; bottom: 100%}

	.step9 .slarr {top: auto; margin: 0 0 10px; bottom: 100%}
}
@media screen and (max-width:1200px){

	.step5__bt {justify-content: space-between}
	.step5__bt a {width: 49%; padding: 0 10px; margin: 0}
}
@media screen and (max-width:1100px){
}
@media screen and (max-width:1000px){

	.stitle {font-size: 30px; line-height: 40px}

	.btitle {font-size: 46px; line-height: 56px}
	.btitle_md {font-size: 38px; line-height: 46px}

	.formb__title {font-size: 20px; line-height: 25px}
	.formb__text {font-size: 16px; line-height: 22px}
	.formb__form {margin-top: 25px}
	.formb__fb {margin-top: 20px}
	.formb__fb-title {font-size: 16px; line-height: normal}
	.formb__fb-list {margin-top: 15px}
	.formb__fb-item {margin: 0 10px}
	.formb__fb-tx {font-size: 12px; line-height: normal}
	.formb__bt {margin-top: 25px}
	.formb__pp {margin-top: 15px}

	.formb_sm .formb__form {margin-top: 25px}
	.formb_sm .formb__bt {margin-top: 25px}

	.step1 {height: 800px}
	.step1__content {width: 440px; flex: 0 0 440px; padding-right: 20px; margin-top: 114px}
	.step1__text {font-size: 22px; line-height: 30px}
	.step1__formb {padding: 30px; margin-top: 50px}
	
	.step2 {padding: 45px 30px}
	.step2__item-title {font-size: 18px; line-height: 24px}

	.step3 {margin-top: 50px}
	.step3__tab {margin-top: 25px}
	.step3__item-entry {padding: 0 0 0 30px}
	.step3__item-title {font-size: 20px; line-height: 26px}
	.step3__item-text {font-size: 18px; line-height: normal}
	.step3__item ul {font-size: 16px; line-height: 24px}
	.step3__outro {font-size: 16px; line-height: 24px}
	.step3__adv-tx {font-size: 16px; line-height: 24px}

	.step4 {margin-top: 100px}
	.step4 ul {font-size: 20px}
	.step4 ul li {padding-left: 36px}
	.step4 ul li:after {top: 2px; font-size: 18px}

	.step5__wrapper {align-items: flex-end}
	.step5__content {margin: 100px 0 70px}
	.step5__text {font-size: 30px; line-height: 40px}

	.step6 {margin-top: 50px}
	.step6__block {margin-top: 40px}
	.step6__item {padding: 30px 20px}
	.step6__item-title {font-size: 20px; line-height: normal}
	.step6__item ul {margin-top: 25px; font-size: 16px; line-height: 24px}
	.step6__item ul li {padding-left: 26px}
	.step6__item ul li:after {top: 6px}

	.step7 {margin-top: 50px}
	.step7__sl {margin-top: 50px}

	.step8 {margin-top: 50px; height: 700px}
	.step8__content {flex: 0 0 430px; width: 430px; padding-right: 10px; margin-top: 130px}
	.step8__text {font-size: 24px; line-height: 32px}
	.step8__formb {width: 50%; padding: 30px}

	.step9 {padding: 50px 0}
	.step9__more {margin-top: 40px}

	.step10 {padding: 50px 0}
	.step10__content {max-width: 540px}
	.step10__text {font-size: 16px; line-height: 24px}
	.step10__stat-n {font-size: 50px}
	.step10__stat-n span {font-size: 16px}
	.step10__stat-text {font-size: 14px}

	.step11 {padding: 50px 0}
	.step11__text {font-size: 20px; line-height: 30px}
	.step11__form {padding-left: 50px}

	.step12 {margin-top: 50px}
	.step12__list {margin-top: 35px}

	.step13 {margin-top: 50px}
	.step13__map {margin-top: 35px; height: 500px}

	.mform .formb__title {font-size: 20px; line-height: 25px}

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

	.step5__bt-tx {max-width: 100px}

	.step7__item-img img {height: 280px}

	.mthank {padding-left: 250px}
	.mthank__circle {width: 200px}
	.mthank__img img {width: 240px}
}
@media screen and (max-width:800px){
}
@media screen and (max-width:767px){

	body {font-size: 14px}

	.btitle {font-size: 38px; line-height: 48px}
	.btitle_md {font-size: 32px; line-height: 40px}

	.stitle {font-size: 26px; line-height: 32px}

	.header__phone-item {margin-right: 15px}
	.header__phone-item a {padding-left: 17px; font-size: 16px}
	.header__phone-item a:before {top: 2px}
	.header__ms {margin-left: 20px}
	.header__ms a {width: 30px; height: 30px}

	.formb__fb-item {margin: 0 5px}

	.step1__content {width: 380px; flex: 0 0 380px}
	.step1__formb {width: 100%}

	.step2__item {padding-top: 25px; margin-top: 20px}
	.step2__item-entry {margin-left: 5px}
	.step2__item-title {font-size: 16px; line-height: 22px}
	.step2__item-text {margin-top: 10px; line-height: 22px}

	.step3__item-title {font-size: 18px; line-height: 24px}
	.step3__item-text {font-size: 16px}
	.step3__item ul {font-size: 14px; line-height: 22px}
	.step3__item li {padding-left: 22px; margin-top: 7px}
	.step3__item li:after {top: 5px; font-size: 12px}
	.step3__outro {font-size: 14px; line-height: 22px}
	.step3__adv-tx {font-size: 14px; line-height: 22px}

	.step4__wrapper {padding-top: 50px; padding-bottom: 50px}
	.step4__content {width: 50%}
	.step4__circle {top: -20px; bottom: -20px; left: 60%}
	.step4__img {left: 50%}
	.step4__img img {width: 700px}

	.step5 {padding-top: 50px}
	.step5__content {margin: 0 0 50px}
	.step5__text {font-size: 26px; line-height: 32px}
	.step5__bt {margin-top: 35px}

	.step7__list {margin: 0 -7px}
	.step7__item {margin: 0 7px}
	.step7__item-img img {height: 240px}
	.step7__item-title {font-size: 16px; line-height: 22px}
	.step7__item-price {font-size: 16px}
	.step7__item-price span {font-size: 14px}
	.step7__item-char li {margin-top: 5px}

	.step8__content {flex: 0 0 350px; width: 350px; padding-right: 10px}
	.step8__formb .formb__bt:after {display: none}

	.step9__list {margin: 0 -7px}
	.step9__item {margin: 0 7px}
	.step9__item-img a i {width: 60px; height: 60px; margin: -30px 0 0 -30px}
	.step9__item-img a i:after {border-width: 8px 0 8px 16px; left: 24px; top: 23px}
	.step9__item-img img {height: 200px}
	.step9__item-entry {margin-top: 20px}
	.step9__item-name {font-size: 16px; line-height: normal}
	.step9__item-char li {margin-top: 5px; padding-left: 14px}
	.step9__more {margin-top: 35px}

	.step10__content {max-width: 420px}
	.step10__text {font-size: 14px; line-height: 22px}
	.step10__stat-n {font-size: 40px}
	.step10__stat-n span {font-size: 14px}
	.step10__stat-text {font-size: 14px}
	
	.step11__text {font-size: 16px; line-height: 24px}
	.step11__form {padding-left: 30px}

	.step12__item-lvl {padding-right: 45px; font-size: 16px; line-height: 24px}
	.step12__item-lvl:after {right: 0}
	.step12__item-val {padding-top: 15px; line-height: 22px}

	.footer__phone-item a:after {top: 1px}

	.mclose {width: 40px; height: 40px; bottom: auto; margin: 0; top: 0; font-size: 18px}
	.header__logo span { display: none;}
}
@media screen and (max-width:700px){

	.formb__fb-item {margin: 0 17px}

	.step1 {height: auto; padding: 45px 0}
	.step1__wrapper {display: block}
	.step1__content {width: auto; margin: 0; padding: 0}
	.step1__text {margin-top: 15px; font-size: 18px; line-height: 28px}
	.step1__formb {width: auto; max-width: 400px; margin: 40px auto 0}
	.step1__formb .formb__bt:after {display: none}

	.step2 {margin-top: 30px}

	.step3__tab a {height: 50px; font-size: 13px}

	.step4 {margin-top: 70px}
	.step4 ul {margin-top: 30px; font-size: 16px}
	.step4 ul li {padding-left: 26px}
	.step4 ul li:after {top: 1px; font-size: 16px}
	.step4__bt {margin-top: 35px}

	.step8 {padding: 45px 0; height: auto}
	.step8__wrapper {display: block}
	.step8__content {width: auto; padding: 0; margin: 0}
	.step8__text {margin-top: 15px; font-size: 18px; line-height: 28px}
	.step8__formb {width: auto; max-width: 400px; margin: 40px auto 0}

	.footer__wrapper {display: block; text-align: center}
	.footer__top {width: auto}
	.footer__mid {position: static; width: auto; margin: 30px 0 0 0}
	.footer__dev {margin-top: 20px}
	.footer__bot {margin-top: 30px; text-align: center}
	.footer__ms {justify-content: center}

	.mthank {padding: 50px 20px 50px 190px}
	.mthank__circle {width: 150px}
	.mthank__img img {width: 170px}
	.mthank__title {margin-top: 30px; font-size: 20px; line-height: normal}
	.mthank__text {font-size: 14px; line-height: 22px}
	.mthank__phone {font-size: 20px; line-height: normal}
	.mthank__phone a {padding-left: 26px}
	.mthank__phone a:after {font-size: 18px}
	.mthank__time {margin-top: 30px; font-size: 14px; line-height: normal}
}
@media screen and (max-width:600px){

	.header__phone {display: block}
	.header__phone-item {margin: 5px 0}
	.header__phone-item a {font-size: 15px}
	.header__phone-item a:before {top: 3px; font-size: 11px}
	.header__ms {margin-left: 10px}

	.step2 {padding: 35px 20px}
	.step2__list {display: block; margin-top: 35px}
	.step2__list:after {display: none}
	.step2__item {width: auto; border: 0; padding: 0; margin: 25px 0 0 0 !important}
	.step2__item-icon {flex: 0 0 60px}
	.step2__item-icon img {width: 40px}
	.step2__bt {margin: 30px 10px 0}

	.step3__list {align-items: flex-start}
	.step3__sl .slick-track {align-items: flex-start}
	.step3__item {display: block}
	.step3__item-img {width: auto}
	.step3__item-img img {height: 160px}
	.step3__item-entry {width: auto; padding: 0; margin-top: 25px}
	.step3__item-title {margin-bottom: 15px}
	.step3__item-bt {margin-top: 25px}

	.step4__content {width: auto; margin-right: 90px}
	.step4__circle {left: auto; right: -1100px}
	.step4__circle:after {left: auto; right: 0}
	.step4__img {display: none; left: 60%}
	.step4__img img {width: 600px}

	.step5__wrapper {display: block}
	.step5__img {width: auto; margin-top: 40px; text-align: center}
	.step5__img img {max-width: 280px}
	.step5__content {width: auto; margin: 0}

	.step6__block {display: block}
	.step6__item {width: auto; margin-top: 20px; padding: 30px 15px}

	.step7__item-img img {height: 50vw}
	.step7__item-entry {margin-top: 25px}

	.step11 {padding: 35px 0 0}
	.step11__wrapper {display: block}
	.step11__content {width: auto}
	.step11__form {width: auto; padding: 30px 15px 45px; margin: 30px -15px 0; background: #2e373f}
	.step11__form:before {display: none}

	.step13__map {height: 300px}

	.mform {width: 100%; padding: 50px 20px}
}
@media screen and (max-width:500px){

	.stitle {font-size: 20px; line-height: 26px}

	.btitle {font-size: 30px; line-height: 40px}
	.btitle_md {font-size: 25px; line-height: 33px}

	.formb__fb-item {margin: 0 10px}

	.step3__tab {flex-wrap: wrap; margin-top: 15px}
	.step3__tab a {width: 50%; margin-top: 10px}

	.step4__bt a {display: block; padding: 0 15px}

	.step5__text {font-size: 20px; line-height: 26px}

	.step6__block {margin-top: 30px}
	.step6__item ul {font-size: 14px; line-height: 22px}
	.step6__item ul li:after {top: 6px; font-size: 12px}

	.step10 {background-position: 30% center}
	.step10__content {max-width: none}
	.step10__text {max-width: 400px}
	.step10__stat {margin-top: 30px}
	.step10__stat-n {font-size: 30px}
	.step10__stat-n span {margin-left: 5px; font-size: 12px}
	.step10__stat-text {margin-top: 7px; font-size: 12px; line-height: normal}

	.step12__item-lvl {font-size: 14px; line-height: 22px}

	.mthank {padding: 50px 20px}
	.mthank__circle {display: none}
	.mthank__img {display: none}
}
@media screen and (max-width:400px){

	.header__wrapper {justify-content: space-between}
	.header__logo {order: 1}
	.header__phone {order: 3; margin: 0 0 0 20px}
	.header__phone-item a {font-size: 13px}
	.header__phone-item a:before {top: 1px}
	.header__ms {order: 2; margin: 0 0 0 auto}
	.header__ms a {margin: 0}
	.header__ms a.tg {display: none}

	.step1__formb {padding: 30px 20px}

	.step7__item-char {width: 49%}
	.step7__item-char li {padding-left: 14px}

	.step8__formb {padding: 30px 20px}

	.step9__more a {padding: 0; width: 100%}
}
@media screen and (max-width:359px){
	
	.header__phone {margin-left: 10px}
	.header__phone-item a {padding-left: 0}
	.header__phone-item a:before {display: none}
	
	.step2__item-icon {flex: 0 0 40px}
	.step2__item-icon img {width: 30px}

	.step4__content {width: auto; margin-right: 0}
	.step4__circle {display: none}
	/*.step4__img {display: none}*/
	
	.step10__stat-n {font-size: 26px}
}

@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: #40dd62}
	.btn_blue:hover {background: #6dc5fa}
	
	.slarr {transition: color .3s}
	.slarr:hover {color: #37c757}

	.step3__tab a:hover {color: #37c757}

	.step9__item-img a i {transition: background .3s}
	.step9__item-img a:hover i {background: #37c757}
	.step9__item-img a i:after {transition: border .3s}
	.step9__item-img a:hover i:after {border-color: transparent transparent transparent #fff}

	.step12__item-lvl {transition: color .3s}
	.step12__item-lvl:hover {color: #37c757}
}