@charset "UTF-8";

/* CSS Document */

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

	.base-wrap .inner-wrap {
		padding-left: 0;
		padding-right: 0;
	}

	#footer .container-wrap {
		padding-left: calc(25% / 12);
		padding-right: calc(25% / 12);
	}

	.elm-square-content img {
		max-width: 100%;
	}

	.mod-screen-3-left-title {
		margin-top: 58px;
	}

	.mod-screen-3-left-subtitle {
		margin-top: 60px;
	}

	.mod-screen-3-right-img img {
		max-width: 100%;
	}

	.mod-screen-4-img img {
		max-width: 100%;
	}

	.mod-screen-5-left-img img {
		max-width: 100%;
	}
}

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

	/* ==== mod-main-img ==== */

	.mod-screen-1-phone {
		font-size: 27px;
	}

	.elm-news .wrap {
		padding-left: 10px;
		padding-right: 10px;
	}

	.elm-news-date {
		margin: 10px 0 0;
	}

	.elm-news-title {
		font-size: 23px;
	}

	.mod-screen-2 .mod-screen-2-desc.elm-main-info-bottom-square .mod-screen-2-desc-title {
		margin-bottom: 0;
	}

	.mod-screen-2 .mod-screen-2-desc.elm-main-info-bottom-square .elm-list-round li:last-child {
		margin-top: 40px;
	}

	.elm-reviews-title img {
		height: 50px;
	}

}

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

	body,
	#wrap {
		min-width: 992px;
	}

	.base-wrap {
		width: auto;
		padding: 0 calc(25% / 12);
	}

	.inner-wrap {
		width: auto;
		padding: 0 calc(25% / 12);
	}

	.elm-big-title {
		font-size: 40px;
	}

	.elm-mid-title {
		font-size: 30px;
	}

	.mod-screen-1-desc {
		margin-top: 60%;
	}

	.elm-main-services li {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.mod-screen-2 .mod-screen-2-desc.elm-main-info-bottom-square .elm-list-round li {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.mod-screen-4-desc .elm-list-square li {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.form-group-custom {
		margin-bottom: 15px;
	}

	.mod-form-feedback-form .form-group-btn {
		margin-top: 50px;
	}

	.mod-screen-5-right-title-percent {
		font-size: 160px;
	}

	.mod-screen-5-right-title-text {
		font-size: 50px;
	}

	.mod-screen-1-desc {
		margin-top: 10%;
	}

	.elm-reviews .wrap {
		padding-left: 20px;
		padding-right: 20px;
	}

	.elm-reviews-title {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	div#map,
	ymaps {
		max-width: 100%;
	}

	/* ========= reset ========= */

	img {
		max-width: 100%;
	}

}

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

	body,
	#wrap {
		min-width: 768px;
	}

	/*#content {
		padding-top: 0;
	}

	header, #header {
		position: relative;
	}*/

	.mod-main-menu li {
		margin-left: 30px;
	}

	.mod-screen-1-desc {
		margin-top: 26%;
	}

	.mod-screen-1-rect {
		padding: 28px 40px 49px;
	}

	.elm-square.elm-news {
		width: 49%;
	}

	.mod-news {
		padding-bottom: 60px;
	}

	.elm-news .wrap {
		padding-left: 35px;
		padding-right: 35px;
	}

	.mod-news-title {
		padding: 54px 0 50px;
	}

	.elm-news-date {
		margin: 36px 0 0;
	}

	.mod-screen-2-desc:before {
		padding-top: initial;
	}

	.mod-screen-2-desc .elm-square-content {
		position: relative;
		padding-top: 15px;
	}

	.mod-screen-2 .mod-screen-2-desc.elm-main-info-bottom-square .elm-square-content {
		padding-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.mod-screen-3 .base-wrap {
		padding-left: 0;
		padding-right: 0;
	}

	.mod-screen-3-left .wrap {
		padding-bottom: 20px;
		border: 0;
	}

	.mod-screen-3-left .h-100 {
		height: initial;
	}

	.mod-screen-3-left-title {
		margin-top: 0;
		padding-top: 50px;
	}

	.mod-screen-3-right {
		display: flex;
	}

	.mod-screen-3-right-title {
		padding-left: 15px;
		padding-right: 15px;
	}

	.mod-screen-4-desc {
		padding-right: 0;
		padding-left: 0;
	}

	.mod-reviews {
		margin-top: 30px;
		margin-bottom: 0;
	}

	.mod-reviews .slick-arrow {
		top: 110px;
	}

	.mod-screen-5-right-title-percent {
		font-size: 100px;
	}

	.mod-screen-5-right-title-percent sup {
		font-size: 45px;
		top: -39px;
	}

	.mod-screen-5-right-title-text {
		font-size: 40px;
		margin-top: -20px;
	}

	.mod-screen-5-right-cause-title {
		line-height: 1em;
	}

	.mod-screen-5-right-cause-items-item-ico img {
		max-width: initial;
	}

	.mod-screen-5-left {
		display: flex;
	}

	.mod-screen-5-left > div {
		width: 50%;
	}

	.mod-screen-5-left-desc {
		display: flex;
		align-items: center;
	}

	.mod-screen-5-right-cause:before {
		display: none;
	}

	.mod-screen-5-right-cause {
		padding: 10px 15px;
	}

	.mod-form-feedback-head {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.form-group-custom .mod-form-feedback-form-item:nth-child(1) {
		margin-bottom: 15px;
	}

	#footer .container-wrap {
		padding-top: 47px;
		padding-bottom: 47px;
	}

	.com-about-items-item {
		width: 49%;
	}

	.elm-reviews-desc {
		height: 150px;
	}

	.com-reviews-items-item {
		width: 49%;
	}

	.position-lg-absolute {
		position: relative;
	}

	.mod-main-prices-response {
		display: block;
	}

}

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

	body,
	#wrap {
		min-width: 290px;
	}

	.mod-main-img {
		display: block;
	}

	.mod-breadcrumbs {
		padding-top: 14px;
		padding-bottom: 14px;
		font-size: 12px;
	}

	.mod-breadcrumbs a, .mod-breadcrumbs span {
		padding-left: 0;
		padding-right: 0;
	}

	h1, h2, h3, h4, h5, h6 {
		line-height: 1em;
	}

	h1 {
		font-size: 40px;
	}

	.elm-big-title {
		line-height: 1em;
	}

	.elm-mid-title {
		line-height: 1em;
	}

	.mod-top-phone {
		margin-right: 0;
	}

	.main-menu-icon {
		color: #fff;
		font-size: 30px;
		z-index: 999;
	}

	.mod-screen-1 {
		background: initial;
	}

	.mod-screen-1-title {
		margin-top: 10px;
	}

	.mod-screen-1-services {
		width: 50%;
		flex-shrink: 0;
	}

	.mod-screen-1-phone {
		flex: 0 0 50%;
		margin-top: 0;
		border: 0;
	}

	.mod-screen-1-desc {
		margin-top: 0;
		padding: 0 16px 0 0;
	}

	.elm-news .wrap {
		padding-left: 20px;
		padding-right: 20px;
	}

	.elm-news-date {
		margin: 20px 0 0;
	}

	.elm-news-title {
		font-size: 18px;
		padding-bottom: 10px;
	}

	.btn-news {
		width: 50%;
	}

	.mod-screen-3-left-title {
		padding: 20px calc(25% / 12) 0;
	}

	.mod-screen-3-left-subtitle {
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 0 calc(25% / 12);
	}

	.mod-screen-3-left-desc {
		padding: 0 calc(25% / 12);
	}

	.mod-screen-3-right-title {
		margin: 20px 0 20px;
	}

	.mod-screen-5-left-desc p {
		line-height: 1.15em;
		margin: 0 0;
	}

	.mod-screen-5-right-title-text {
		font-size: 30px;
		margin-top: -20px;
		padding-left: 30px;
	}

	#footer .container-wrap {
		padding-top: 27px;
		padding-bottom: 27px;
	}

	.mod-foot-info-address {
		padding-top: 20px;
	}

	.mod-foot-info-address p {
		margin: 0;
	}

	.mod-copy {
		padding-top: 12px;
	}

	.mod-copy p {
		margin: 0 0 20px;
	}

	.mod-feedback-left-phone {
		font-size: 20px;
	}

	.main-menu-bx {
		display: none;
		position: absolute;
		top: 93px;
		right: calc(-25vw / 12);
		background: #011d35;
		max-width: 100vw;
		min-width: 50vw;
	}

	.main-menu-bx .mod-main-menu {
		flex-direction: column;
		align-items: flex-start;
		margin: 10px 0;
		display: initial !important;
		z-index: 999;
	}

	.main-menu-bx .mod-main-menu li {
		margin-left: 0;
	}

	.main-menu-bx .mod-main-menu li a {
		display: block;
		padding: 7px 28px;
		font-size: 25px;
	}

	.header-scroll header .container-wrap,
	.header-scroll #header .container-wrap {
		height: 106px;
	}

	.header-scroll .mod-top-address {
		display: block;
	}

	.header-scroll .mod-header-right {
		flex-direction: row !important;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.header-scroll .mod-header-btn .btn-header {
		padding-bottom: 0;
		padding-top: 0;
		line-height: 1.6em;
		margin-top: 3px;
	}

	.header-scroll .main-menu-bx {
		top: 78px;
	}

	.header-scroll .mod-top-phone {
		width: 100%;
	}

	.header-scroll .mod-header-btn {
		margin-right: 10px;
	}

}

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

	.pg-main .content-center {
		display: flex;
		flex-direction: column;
	}

	.pg-main .content-center > div {
		width: 100%;
	}

	.mod-logo a {
		font-size: 20px;
	}

	.mod-top-address {
		margin: 5px 0 0;
		font-size: 13px;
		line-height: 1.2em;
	}

	.mod-screen-1 {
		order: 2;
	}

	.mod-screen-1 > .base-wrap {
		flex-direction: column-reverse;
	}

	.mod-screen-1-title {
		display: none;
	}

	.mod-screen-1-services {
		display: none;
	}

	.mod-screen-1-phone {
		display: none;
	}

	.mod-screen-1-rect {
		padding: 20px 30px 30px;
	}

	.mod-screen-1-rect-title {
		font-size: 22px;
		line-height: 1.2em;
	}

	.elm-square.elm-news {
		width: 100%;
		text-decoration: none;
	}

	.elm-square:before {
		padding-top: 0;
	}

	.elm-square-content {
		position: relative;
	}

	.mod-news {
		order: 3;
	}

	.elm-news .elm-square-content {
		padding-bottom: 15px;
	}

	.mod-main-services {
		order: 1;
	}

	.btn-news {
		width: 100%;
	}

	.mod-feedback {
		display: none;
	}

	.com-about-items-item {
		width: 100%;
	}

	.com-reviews-items-item {
		width: 100%;
		padding-bottom: 20px;
	}

	.mod-screen-3 {
		order: 4;
	}

	.mod-screen-3-right {
		display: none;
	}

	.mod-screen-5 {
		order: 5;
	}

	.mod-screen-5-left {
		display: none;
	}

	.mod-form-feedback {
		order: 8;
	}

	.mod-screen-2,
	.mod-screen-4 {
		display: none;
	}

	.mod-main-prices-response {
		display: block;
		order: 6;
	}

	.mod-reviews-response {
		display: block !important;
		order: 7;
	}

	.mod-reviews-response .elm-mid-title {
		margin: 10px 0;
		color: #c18f5d;
		width: 100%;
	}

	.mod-reviews-response .btn-reviews {
		width: 100%;
	}

	.mod-reviews-response .mod-reviews-btn {
		width: 100%;
		margin-bottom: 40px;
	}

	.header-scroll header .container-wrap,
	.header-scroll #header .container-wrap {
		height: 90px;
	}

	.mod-form-feedback-form {
		padding-left: 0;
		padding-right: 0;
		padding-top: 30px;
	}

	.mod-form-feedback-form-item {
		padding-left: 26px;
		padding-right: 26px;
	}

	.form-group-recaptcha .mod-form-feedback-form-item {
		max-width: 100%;
		overflow: hidden;
	}

}