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

	body {
		font-size: 16px;
	}
	.site-header .logo img {
		width: 100px;
	}
	.site-header .top .flex-row {
		justify-content: space-between;
	}
	.site-header .bt-2 {
		margin-top: 5px;
		font-size: 16px;
	}
	.site-header .top .feedback {
		padding-left: 0;
	}
  	.site-header .top .feedback2 {
		
      	padding: 10px;
      
	}
	.site-header .pull-right {
		margin-left: 0;
	}
	.site-header .location {
		line-height: 20px;
	}
	.site-header .payment {
		font-size: 15px;
	}
	.site-header .payment img {
		max-width: 24px;
	}
	.site-header .location .bold {
		font-size: 18px; padding-bottom: 2px;
	}
	.site-header .logo {
		padding: 10px;
	}
	.site-header .phone-no {
		font-size: 23px;
		padding-left: 35px;
	}
	.site-header .phone-no::before {
		width: 20px;
		height: 21px;
		background-size: 100% 100%;
	}
	.title-block {
		font-size: 24px;
	}
	.flow_time-block .list {
		padding-top: 40px;
	}
	.application-form p {
		font-size: 30px; line-height: 1.2; padding-top: 30px;
	}
	.application-form form {
		padding-bottom: 30px;
	}
	.form-item {
		margin-top: 25px;
	}
	.form-item input {
		font-size: 18px;
	}
	.application-form span {
		font-size: 18px;
	}
	.application-form .bt {
		max-width: 320px;
		margin-top: 54px;
		font-size: 22px;
	}
	.wrapper-button .bt {
		padding: 10px 0 12px;
		font-size: 20px;
		max-width: 450px;
	}
	.wrapper-button .bt span {
		font-size: 20px;
	}
	.effects-block .item {
		margin-top: 10px;
	}
	.effects-block .item .icon {
		width: 150px;
		height: 150px;
	}
	.effects-block .item .icon img {
		max-width: 40%;
	}
	.effects-block .item .item-title {
		margin: 12px auto 0; 
	}
	.effects-block .item p {
		margin: 18px auto 0;
		max-width: 216px;
	}
  .effects-block .text {
    margin-top: 5px;	
    font-size: 18px;
    text-align: justify
	}
	.bt {
		font-size: 20px; height: 50px;
	}
	.container {
		max-width: 1000px;
	}
	.wrapper-text {
		padding-left: 30px;
		font-size: 20px;
		line-height: 1.6;
	}
	.wrapper-text strong {
		font-size: 30px;
	}
	.wrapper-text {
		height: auto;
	}
	.preview-description a.video img {
		height: 450px;
	}
	.calculation-block .form .bt {
		max-width: 270px;
	}
	.flow_time-block .row {
		padding-left: 20px; font-size: 18px; margin: 10px;
	}
	.flow_time-block .row .text {
		min-width: 400px;
		max-width: 400px;
		padding-right: 30px;
	}
	.flow_time-block .row .text br {
		display: none;
	}
	.flow_time-block .row .period {
		height: 70px;
		width: 80px;
		font-size: 24px;
	}
	.flow_time-block .row .one-step {
		margin-left: 80px;
	}
	.flow_time-block .row .two-step {
		margin-left: 160px;
	}
	.flow_time-block .row .three-step {
		margin-left: 240px;
	}
	.flow_time-block .info .text {
		font-size: 22px; padding-left: 100px; max-width: 434px; margin: 0 auto;
		min-height: 100px;
	}
	.flow_time-block .info .text::before {
		width: 65px;
		height: 69px;
		background-size: 100% 100%;
	}
	.flow_time-block .info .bt {
	    font-size: 18px;
	    max-width: 434px;
	}
	.item-faq {
		font-size: 18px;
	}
	.item-faq .head {
		height: 70px; padding-left: 25px;
	}
.item-faq .head::after {
	top: 19px;
	right: 15px;
	transform: scale(.8);
}
.item-faq .text {
	padding-left: 25px;
}
.site-header .feedback {
	
}
  .site-header .feedback2 {
	
}
.site-header .menu li a {
	font-size: 17px;
  	text-transform: uppercase;
}
  .site-header .menu li a:hover {
	font-size: 17px;
  	text-transform: uppercase;
    color: #00599d;
}
.preview-block {
	padding-top: 80px;
}
.preview-block .title {
	font-size: 36px;
	line-height: 42px;
}
.bt::after {
	width: 15px;
}
.wrapper-button {
	padding: 15px;
}
.wrapper-button p {
	font-size: 18px; padding-bottom: 0;
}
.replanning-content {
	width: 900px;
}
.replanning-block .caption:nth-child(3) {
	top: 15%;
}
.replanning-block .caption:first-child {
	top: 70%;
}
.replanning-block .caption:nth-child(2) {
	/*left: -8%;
	top: 26%;
	left: -23%;
    top: 34%;*/
	left: -10%;
    top: 86%;
}

.replanning-block .caption:nth-child(8) {
	/*left: 33%;
	top: 92%;*/
	left: 21%;
    top: 94%;
}
.replanning-block .caption:nth-child(9) {
	left: 57.5%;
	top: 101%;
}
.flow_time-block .info {
	border: solid 2px #e5e5e5;
	border-radius: 8px;
	margin-top: 32px;
	padding: 30px 180px 35px;
}
.benefits-block .item .icon {
	height: 91px; max-width: 200px; margin: 0 auto;
}
.benefits-block .item .icon img {
	/*max-width: 30%;*/
}
.benefits-block .item p {
	margin-top: 12px;
}
.reviews-block .title-block {
	padding-bottom: 20px;
}
.item-review .bt {
	margin: 20px auto 0;
	max-width: 280px;
	min-height: 0;
	font-size: 18px;
	padding: 10px 0 12px;
}
.item-review .bt span {
	font-size: 18px; display: block; margin-top: 4px;
}
.contacts-block .form {
	max-width: 400px;
	padding: 40px 25px;

}
.contacts-block .form-title {
	min-height: 30px;
}
.form-title {
	font-size: 26px;
}
.contacts-block .form-item {
	margin: 35px auto 0; max-width: 340px;
}
.contacts-block .form .bt {
	max-width: 340px;
	margin: 48px auto 0;
}
.contacts-block .info {
	max-width: 450px; padding-right: 5px; margin-top: 55px;
}
.contacts-block .info .location {
	font-size: 18px;
}
.item-review {
	margin: 16px 0;
}
footer .payments img {
	max-width: 40px; margin: 0 7px;
}
footer .payments p {
	margin-top: 19px;
	font-size: 17px;
}
.form-item select {
	font-size: 18px; padding: 4px 0;
}
.calculation-block .form {
	max-width: 600px; margin: 30px auto 0; padding: 30px 40px;
}
.calculation-block .form-item {
	margin-top: 35px;
}
.form .note {
	margin-top: 37px;
}
.item-review .wrapper {
	padding: 10px 15px 20px;
}


}


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

	.site-header .feedback {
		padding-left: 26px;
	}
  .site-header .feedback2 {
		padding-left: 26px;
	}
	.flow_time-block .info {
		padding: 60px 80px 65px;
	}
	.contacts-block .form {
		max-width: 380px; padding-left: 25px; padding-right: 25px;
	}
	.replanning-block {
		padding-bottom: 120px;
	}
	.replanning-content {
		width: 800px; margin-top: 0;
	}
	.replanning-block .caption:nth-child(2) {
		left: 6%;
		top: 22%;
	}
	.replanning-block .caption:first-child {
		left: 1.5%;
		top: 35%;
	}
	.replanning-block .caption:nth-child(3) {
		left: 55%;
		top: 11%;
	}
	.replanning-block .caption:nth-child(4) {
		left: 61.5%;
		top: 13.5%;
	}
	.replanning-block .caption:nth-child(5) {
		left: 87%;
		top: 3.5%;
	}
	.replanning-block .caption:nth-child(6) {
		left: 92.5%;
		top: 55.5%;
	}
	.replanning-block .caption:nth-child(8) {
		left: 32%;
		top: 97%;
	}
	.replanning-block .caption:nth-child(9) {
		left: 55.5%;
		top: 108%;
	}
.replanning-block .caption:nth-child(10) {
	left: 88%;
	top: 100%;
}


}

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

	.title-block {
		font-size: 24px;
	}
	.site-header .logo {
		padding: 20px 0;
	}
	.site-header .top .feedback,
	.site-header .top .pull-right {
		display: none;
	}
  .site-header .top .feedback2,
	.site-header .top .pull-right {
		display: none;
	}
	.bt-menu {
		display: block;
	}
	.site-header .bot {
		background: #00599d linear-gradient(to bottom, rgba(19, 137, 228, 1) 0%, rgba(0, 89, 157, 1) 100%);
		color: #fff;
		position: absolute; z-index: 5; left: 0; top: 0; right: 0; padding: 25px 15px; height: auto; display: none;
	}
	.site-header .menu ul {
		display: block;
	}
	.site-header .menu li {
		margin-top: 12px;
	}
	.for-tablet {
		display: block;
	}
	.for-tablet .feedback {
		padding-left: 0; padding-bottom: 20px; text-align: left; max-width: 300px;
	}
  .for-tablet .feedback2 {
		padding-left: 0; padding-bottom: 20px; text-align: left; max-width: 300px;
	}
	.wrapper-text {
		padding-left: 20px;
	}
	.effects-block .item {
		max-width: 100%; width: 50%;
	}
	.effects-block .item .item-title {
		margin-top: 40px;
	}
	.flow_time-block .row {
		padding-left: 30px;
		font-size: 22px;
	}
	.flow_time-block .row .text {
		min-width: 342px;
		max-width: 342px;
	}
.flow_time-block .info {
	padding: 30px 25px 35px;
}

.flow_time-block .row .period {
	margin-left: auto;
}
.flow_time-block .row .one-step {
	margin-left: auto;
}
.flow_time-block .row .two-step {
	margin-left: auto;
}
.flow_time-block .row .three-step {
	margin-left: auto;
}
.replanning-content {
	width: 100%;
}
.replanning-content .list {
	counter-reset: numbering;
}
.replanning-block .caption {
	font-size: 0; color: transparent; background: #00599d; width: 20px; height: 20px;
	text-indent: -9999px; overflow: hidden; background-size: 100% 100%; cursor: pointer;
	border-radius: 50%;
}
.replanning-block .caption::before {
	display: none;
}
.replanning-block .caption::after {
	counter-increment: numbering; content: counter(numbering); position: static;
	background: 0; width: 100%; height: 100%; font-size: 12px; color: #fff; text-indent: 0;
	display: flex; justify-content: center; text-align: center; position: absolute;
	align-items: center;
	left: 0 !important; top: 0!important; right: 0!important; bottom: 0!important;
}
.replanning-block .caption:first-child {
	left: 15.5%;
	top: 61%;
}
.replanning-block .caption:nth-child(2) {
	left: 22%;
	top: 56%;
}
.replanning-block .caption:nth-child(3) {
	left: 55%;
	top: 41%;
}
.replanning-block .caption:nth-child(4) {
	left: 60.5%;
	top: 49.5%;
}
.replanning-block .caption:nth-child(5) {
	left: 87%;
	top: 17.5%;
}
.replanning-block .caption:nth-child(6) {
	left: 81.5%;
	top: 44.5%;
}
.replanning-block .caption:nth-child(7) {
	left: 82%;
	top: 58%;
}
.replanning-block .caption:nth-child(8) {
	left: 54%;
	top: 59%;
}
.replanning-block .caption:nth-child(9) {
	left: 72.5%;
	top: 53%;
}
.replanning-block .caption:nth-child(10) {
	left: 76%;
	top: 70%;
}
.mobile-hint {
	display: block; padding: 0 10px 0 30px; font-size: 16px; list-style-position: inside;
}
.mobile-hint li {
	margin-top: 2px;
}
.replanning-block {
	padding-bottom: 40px;
}

}


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

	body {
		font-size: 18px;
	}
	.title-block {
		font-size: 24px;
	}
  	.preview-description a.video img {
		height: 100%;
	}
	.reviews-block .title-block {
		color: #fff;
	}
	.reviews-block .hr {
		display: none;
	}
	.item-review {
		width: 100%;
	}
	.item-review:last-child {
		border-bottom: 0; padding-bottom: 0;
	}
	.item-review .wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	.item-review .bt {
		font-size: 20px; min-height: 0;
	}
	.item-faq .head {
		padding: 10px 45px 10px 25px; height: 100%; min-height: 90px;
	}
	.item-faq .head::after {
		right: 15px;
	}
.item-faq .text {
	padding: 10px 25px 25px;
}
.contacts-block {
	padding: 20px 0 0;
}
.contacts-block .map {
	position: static; height: 400px; overflow: hidden; margin-top: 20px;
}
.contacts-block .form {
	max-width: 100%; width: 100%; margin-top: 0;
}
.contacts-block .info {
	max-width: 100%; width: 100%; margin-top: 20px;
}
.benefits-block .item {
	width: 33.333%;
	margin-top: 40px;
}
.site-header .logo img {
	width: 240px;
}
.preview-block {
	padding-top: 30px;
  	background: #e8e8e8;
}
.preview-block .title {
	font-size: 26px;
	line-height: 33px;
}
.preview-block .subtitle {
	font-size: 22px; margin-top: 6px;
}
.preview-description {
	display: block;
}
.wrapper-text {
	width: 100%; max-width: 100%; height: 100%;
}
.preview-description a.video {
	width: 100%; max-width: 100%; margin-top: 20px;
}
.wrapper-button {
	padding: 25px 15px;
}
.wrapper-button p {
	padding-top: 20px;
	padding-bottom: 0;
	font-size: 20px;
}
#form-calcul {
	padding: 0 15px;
}
.form-quiz {
	width: 100%; max-width: 100%; padding: 40px 20px;
}
#form-calcul .form {
	order: 2; width: 100%; max-width: 100%; margin: 20px auto 0;
}
#form-calcul .form {
	padding: 20px;
}
.site-header .bot {
	overflow-x: scroll; height: 100vh;
}
.site-header .payment {
	padding-bottom: 12px;
}
.effects-block {
	background-size: 150% auto;
}
.replanning-block {
	padding-bottom: 0;
}


}


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

	.bt {
		font-size: 15px; height: 40px;
	}
	.item-review .bt {
		font-size: 17px;
	}
	.contacts-block .form .bt {
		margin-top: 45px;
	}
	.benefits-block .item {
		width: 50%;
	}
	.wrapper-text {
		font-size: 18px; padding: 20px 15px; text-transform: none;
	}
	.wrapper-text strong {
		font-size: 22px;
	}
	.wrapper-button .bt {
		padding: 10px;
		font-size: 22px;
	}
	.wrapper-button .bt span {
		font-size: 18px;
	}
	.application-form {
		padding: 5px 15px 25px;
	}
	.application-form p {
		font-size: 34px;
		padding-top: 34px;
		line-height: 37px;
	}
	.application-form span {
		display: block; line-height: 1.3;
		font-size: 20px;
	}
	.application-form .form-item {
		width: 100%; margin-top: 30px;
	}
	.application-form .bt {
		margin-top: 40px;
	}
	.effects-block .item {
		width: 100%;
      	 text-align: left;
	}
  .effects-block .text {
		width: 100%;
      	 text-align: left;
	}
	.flow_time-block .row {
		padding: 5px 10px 0; text-align: center; display: block; font-size: 18px; height: 70px;
	}
	.flow_time-block .row .text {
		min-width: 100%;
		max-width: 100%;
		padding-right: 0;
       text-align: center;
	}
	.flow_time-block .row .period {
		margin: 18px auto 0; border-radius: 8px 8px 0 0; height: 72px;
	}
	.flow_time-block .info .text {
		padding-left: 0;
		font-size: 25px;
		text-align: center;
	}
	.flow_time-block .info .text::before {
		position: static; margin: 0 auto 12px;
	}
	.flow_time-block .info .bt {
		height: auto;
		padding: 15px 5px;
		font-size: 14px;
	}
.form .note {
	margin-top: 44px;
}
.reviews-block {
	background-position: 32% 0;
}


}

.site-header .logo img {
		width: 70px;
	}

.container-preview {
	display:none;
	justify-content:center;
	align-items:center;
	margin-bottom: 15px;
	margin-top: 20px;
}
.phone-preview.phone-no {
	position: relative;
	right: 17px;
	display: inline-block;
	font-weight: 700;
	font-size: 27px;
	padding-left: 44px;
	line-height: 50px;
}
.phone-preview.phone-no:before {
	content: '';
	display: block;
	background: url(../img/phone-black-icon.svg) center no-repeat;
	width: 27px;
	height: 28px;
	position: absolute;
	left: 0;
	top: -4px;
}
@media (max-width:765px) {
	.container-preview {
	display:flex;
}
	.container-popup {
		display: block;
    width: 100%;
    max-width: 300px;
}
	.container-popup .bt-2 {
		font-size: 21px;
	}
}