/*!-------------------------

Developed by FonteZ
Telegram: https://t.me/fontezdev

---------------------------*/
img {
	max-width: 100%;
	height: auto
}

@media only screen and (min-width:1650px) {
	.container {
		max-width: 1380px
	}

	.header__container {
		max-width: 1620px
	}
}

@media only screen and (max-width:1649px) {
	#landing_hero {
		background-position: center right;
		position: relative;
	}
	header .header__logo {
		margin-right: 30px
	}

	header .header__menu .menu__list>.list__item>.item__link {
		font-size: 14px
	}

	header .header__phone {
		margin-right: 30px
	}

	header .header__phone .phone__link .link__text {
		font-size: 14px
	}

	.button.button--default {
		padding: 20px;
		font-size: 15px
	}

	#yn .yn__list>li .item__block ul {
		padding: 0 50px 30px 50px
	}

	#yn .yn__list>li .item__block .block__title {
		padding-left: 50px
	}

	#home__main .section__title,
	#trust .section__content .star__score .score__block .score__value {
		font-size: 48px
	}
	
	#page__list .content__list li .item__num,
	.title {
		font-size: 40px
	}

	#design__types .tabs__content li .item__content .content__left .content__title,
	#how__it__works .info__list li .item__block .block__num,
	#info__page .section__title,
	#page__main .section__prices ul li .item__value,
	#post__main .section__title,
	#small__main .section__content .section__title,
	#small__main__center .section__title,
	#small__main__center.light .section__title,
	#content__page h1,
	.title__side,
	#projects__list .title__centered,
	#post__content .section__content .content__block h2,
	#service__content .section__content .content__block h2 {
		font-size: 30px
	}

	#page__list .content__list li .item__content .content__title,
	#page__main .section__title,
	#post__content .section__content .content__block h3,
	#service__content .section__content .content__block h3,
	#type6 .blocks__list li .item__block .block__title,
	#yn .yn__list>li .item__block .block__title,
	#content__page h2 {
		font-size: 25px
	}

	#blog__list .blog__list li .item__block .block__content .content__title,
	#projects__list .projects__list li .item__block .block__content .content__title,
	#contact__form .section__content .content__title,
	#design__types .tabs__list li .item__tab,
	#faq .section__content .faq__list li .item__question .question__title,
	#home__main .section__subtitle,
	#info__page .section__subtitle,
	#our__services .services__list li .item__block .block__info .info__title,
	#post__content .section__form form .form__title,
	#service__content .section__form,
	.sideFormHS form .form__title,
	#why__us .info__list li .item__block .block__title,
	#why__us2 .info__list li .item__block .block__title,
	.modal__form form .form__title,
	.modal__form .form__HS .form__title,
	.section__phone .phone__label,
	.section__phone .phone__link a,
	.suptitle {
		font-size: 20px
	}

	.content__block_custom h4 {
		font-size: 22px
	}

	#how__it__works .info__list li .item__block .block__title,
	#maps .maps__list>li .item__block .block__title {
		font-size: 18px
	}

	#contact__form .section__contacts .contacts__list li .item__info .info__label,
	#offices .offices__list .list__item .block__content .office__phone .phone__link,
	#our__services .services__list li .item__block .block__info .info__link,
	#page__main .section__prices ul li .item__label,
	#post__content .section__form form .form__input input,
	.sideFormHSrm .form__input textarea,
	#service__content .section__form,
	.sideFormHS form .form__input input,
	#service__content .section__form form .form__input textarea,
	#yn .yn__list>li .item__block ul>li,
	.modal__form form .form__input input,
	.modal__form form .form__input textarea,
	.modal__form form .form__input.file__input label,
	.section__features ul li,
	.subtext,
	footer .footer__content .footer__menus .footer__menu .menu__title {
		font-size: 16px
	}

	#blog__list .blog__list li .item__block .block__content .content__text,
	#contact__form .section__contacts .contacts__list li .item__info .info__link a,
	#design__types .tabs__content li .item__content .content__left .content__text,
	#faq .section__content .faq__list li.active .item__answer,
	#how__it__works .info__list li .item__block .block__text,
	#maps .maps__list>li .item__block .block__tex #small__main__center .section__text p,
	/* #offices .offices__list .list__item .block__header .office__title, */
	#our__services .services__list li .item__block .block__info .info__text,
	#page__list .content__list li .item__content .content__text,
	#page__main .section__suptitle,
	#post__content .section__content .content__block ol li,
	#post__content .section__content .content__block p,
	#post__content .section__content .content__block ul li,
	#service__content .section__content .content__block ol li,
	#service__content .section__content .content__block p,
	#service__content .section__content .content__block ul li,
	#small__main .section__content .section__text,
	#small__main__center .section__text,
	#why__us .info__list li .item__block .block__text,
	#why__us2 .info__list li .item__block .block__text,
	.review__city,
	.review__name,
	.text,
	footer .footer__content .footer__menus .footer__menu ul li a {
		display: inline-block
	}

	#maps .maps__list>li .item__block .block__details .contacts__block,
	#maps .maps__list>li .item__block .block__details .schedule__list>li,
	#type6 .blocks__list li .item__block .block__text,
	#projects__list .projects__list li .item__block .block__content .content__action a {
		font-size: 14px
	}

	.review__text {
		font-size: 12px
	}

	section {
		padding: 50px 0
	}

	#project__images,
	#projects__list.recent {
		padding: 50px 0 20px 0;
	}

	.section__action button {
		width: 260px
	}

	.title__side,
	#projects__list .title__centered {
		line-height: 1.25
	}

	.subtext {
		margin-bottom: 50px;
		line-height: 1.25
	}

	.title__side.title__side--lined:after,
	#projects__list .title__centered.lined:after {
		margin-top: 25px;
		margin-bottom: 25px
	}

	.section__action {
		margin-top: 30px;
		margin-bottom: 30px
	}

	.list li {
		margin-bottom: 15px
	}

	.slider--nav .owl-nav .nav {
		width: 50px;
		height: 50px
	}

	.title__side.mb {
		margin-bottom: 25px
	}

	#post__main,
	#small__main,
	#small__main__center,
	#content__page {
		padding: 50px 0
	}

	#logotypes {
		padding-top: 50px
	}

	#logotypes.landing {
		padding: 50px 0;
	}

	#home__main {
		padding: 50px 0
	}

	#home__main .section__title {
		margin-bottom: 30px
	}

	#trust .section__content .star__score .score__block .score__star {
		width: 50px;
		min-width: 50px
	}

	#how__it__works .info__list li .item__block .block__title {
		margin-bottom: 25px
	}

	#cta .section__content .section__action {
		margin-top: 25px;
		margin-bottom: 25px
	}

	#our__services .services__list li .item__block .block__info {
		padding: 30px
	}

	#our__services .services__list li .item__block .block__info .info__text {
		margin-bottom: 30px
	}

	#our__services .services__list li .item__block .block__info .info__link:after {
		right: -30px
	}

	#offices .offices__list .list__item .block__content .office__address {
		line-height: 1.25
	}

	#locations .locations__list .list__item {
		margin-bottom: 15px;
		margin-left: 1px;
		margin-right: 15px
	}

	#contact__form .bg1 {
		left: 0;
		width: 50%
	}

	#contact__form .section__contacts .title__side {
		margin-bottom: 25px
	}

	#contact__form .section__contacts .contacts__list li:not(:last-child) {
		margin-bottom: 25px
	}

	#contact__form .section__contacts .contacts__list li .item__icon {
		margin-right: 25px
	}

	.content__form form .form__input input,
	.content__form form .form__input textarea {
		font-size: 16px
	}

	footer {
		padding-bottom: 30px
	}

	footer .footer__content {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0;
	}

	footer .footer__content .footer__copyright {
		margin-top: 30px;
		padding-top: 30px
	}

	#post__content .section__content .content__block h2,
	#service__content .section__content .content__block h2,
	#post__content .section__content .content__block h3,
	#service__content .section__content .content__block h3 {
		line-height: 1.25
	}

	#post__content .section__content .content__image,
	#service__content .section__content .content__image {
		margin-bottom: 50px
	}

	/* #post__content .section__form,
	#service__content .section__form,
	.sideFormHS {
		top: 140px
	} */

	#post__content .section__form form,
	#service__content .section__form form,
	.sideFormHS .form__area {
		padding: 65px 30px 30px 30px
	}

	#post__content .section__form form .form__image,
	#service__content .section__form form .form__image,
	.sideFormHS .form__area .form__image {
		width: 75px
	}

	#post__content .section__form form .form__text,
	#service__content .section__form form .form__text {
		margin-bottom: 25px
	}

	#why__us2 .info__list li .item__block {
		padding: 30px
	}

	#design__types .tabs__list li .item__tab {
		padding: 30px
	}

	.pagination__list li a,
	.pagination__list li span {
		width: 50px;
		height: 45px
	}

	#blog__list .blog__list li .item__block .block__content {
		padding: 30px
	}

	#post__main .section__image {
		max-width: 50%;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		bottom: initial
	}

	#type5 .section__content {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	#type6 .blocks__list li .item__block {
		padding: 30px
	}

	#type6 .blocks__list li .item__block .block__title {
		line-height: 1.25
	}

	#trust .wac .info .info__lists ul li .item__icon {
		width: 15px;
		height: 15px;
		margin-right: 5px
	}

	#trust .wac .info .info__lists ul li .item__text {
		font-size: 14px
	}

	#type8 .section__content .content__block .block__title,
	#type9 .content__list li .content__block .block__title,
	#type10 .content__list li .content__block .block__title {
		font-size: 25px;
	}

	/* LANDING */
	#landing_hero .section__content {
		margin-left: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	#landing_hero .section__content .section__features li:not(:last-child) {
		margin-bottom: 15px;
	}

	#landing_hero .section__content .section__features li .item__icon {
		width: 20px;
		height: 20px;
		min-width: 20px;
		min-height: 20px;
	}

	#landing__why__us {
		padding-bottom: 50px;
	}

	#landing__how__it__works {
		padding: 50px 0;
	}

	#landing__how__it__works .info__content {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	#landing__how__it__works .info__content li:not(:last-child) {
		margin-bottom: 30px;
	}

	#landing__how__it__works .info__content li .item__num span {
		width: 30px;
		height: 30px;
		min-width: 30px;
		min-height: 30px;
		font-size: 14px;
	}

	#landing__how__it__works .info__content li:not(:last-child):before {
		left: 15px;
	}

	#landing__how__it__works .info__images {
		margin-left: 0;
	}

	#landing__how__it__works .info__images li {
		padding: 50px 30px;
	}

	#landing__compare__gallery {
		padding-top: 50px;
	}

	/* mt75 */
	#landing__how__it__works .info__row,
	.compare__slider,
	.ba__slider {
		margin-top: 50px;
	}

	/* fz56 */
	#landing_hero .section__content .section__title {
		font-size: 40px;
	}

	/* fz36 */
	.landing__section__title {
		font-size: 30px;
	}

	/* fz32 */
	#landing_hero .section__content .section__offer {
		font-size: 25px;
	}

	/* fz24 */
	.form__block__white .block__title,
	#landing__why__us .section__right .trust__block .block__title {
		font-size: 20px;
	}

	/* fz20 */
	#landing_hero .section__content .section__features li,
	#landing__how__it__works .info__content li .item__title {
		font-size: 18px;
	}

	/* fz18 */
	.landing__section__text,
	.compare__slider .compare__slide .image__title,
	.ba__slider .slide .slide__title {
		font-size: 16px;
	}

	/* fz16 */
	#landing__why__us .section__right .info__block .info__lists ul li .item__text {
		font-size: 14px;
	}
}

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

	.preheader .preheader__menu,
	header .header__menu .menu__list {
		display: none
	}

	.mobile__menu {
		display: block
	}

	header .header__phone {
		margin-left: auto
	}

	header .header__menu {
		order: 4;
		margin-right: 0;
		margin-left: 0
	}

	.button.button--default {
		padding: 15px 20px
	}

	.section__action button {
		width: 235px
	}

	.content__form {
		width: 100%
	}

	#trust .wac .info .info__title:after,
	.title__side.title__side--lined:after,
	#projects__list .title__centered.lined:after {
		margin-top: 20px;
		margin-bottom: 20px
	}

	.list li br {
		display: none
	}

	.review__category {
		margin-top: 15px
	}

	#page__main {
		max-height: 500px;
		padding: 50px 0
	}

	#page__main .section__suptitle,
	.suptitle {
		margin-bottom: 30px
	}

	.section__features ul li:before {
		margin-right: 15px
	}

	#small__main,
	#small__main__center,
	#content__page {
		padding: 30px 0
	}

	#small__main .section__content {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0
	}

	#post__content .section__content .content__block ol li,
	#post__content .section__content .content__block p:not(:last-child),
	#post__content .section__content .content__block ul li,
	#service__content .section__content .content__block ol li,
	#service__content .section__content .content__block p:not(:last-child),
	#service__content .section__content .content__block ul li {
		margin-bottom: 15px
	}

	.masonry[data-columns]::before {
		content: '3 .col-md-4'
	}

	#home__main .section__title,
	#trust .section__content .star__score .score__block .score__value {
		font-size: 36px
	}

	#page__list .content__list li .item__num,
	.title {
		font-size: 30px
	}

	#design__types .tabs__content li .item__content .content__left .content__title,
	#how__it__works .info__list li .item__block .block__num,
	#info__page .section__title,
	#page__main .section__prices ul li .item__value,
	#post__main .section__title,
	#small__main .section__content .section__title,
	#small__main__center .section__title,
	#small__main__center.light .section__title,
	#trust .wac .info .info__title,
	.title__side,
	#projects__list .title__centered,
	#content__page h1,
	#post__content .section__content .content__block h2,
	#service__content .section__content .content__block h2 {
		font-size: 25px
	}

	#page__list .content__list li .item__content .content__title,
	#page__main .section__title,
	#post__content .section__content .content__block h3,
	#service__content .section__content .content__block h3,
	#trust .wac .info .info__subtitle,
	#trust .wac .info .info__suptitle,
	#type6 .blocks__list li .item__block .block__title,
	#yn .yn__list>li .item__block .block__title,
	#content__page h2 {
		font-size: 20px
	}

	#blog__list .blog__list li .item__block .block__content .content__title,
	#projects__list .projects__list li .item__block .block__content .content__title,
	#contact__form .section__content .content__title,
	#design__types .tabs__list li .item__tab,
	#faq .section__content .faq__list li .item__question .question__title,
	#home__main .section__subtitle,
	#info__page .section__subtitle,
	#our__services .services__list li .item__block .block__info .info__title,
	#post__content .section__form form .form__title,
	#service__content .section__form form .form__title,
	#why__us .info__list li .item__block .block__title,
	#why__us2 .info__list li .item__block .block__title,
	.modal__form form .form__title,
	.modal__form .form__HS .form__title,
	.section__phone .phone__label,
	.section__phone .phone__link a,
	.suptitle {
		font-size: 18px
	}

	#faq .section__content .faq__list li .item__question .question__title,
	#how__it__works .info__list li .item__block .block__title,
	#maps .maps__list>li .item__block .block__title,
	.content__block_custom h4 {
		font-size: 16px
	}

	#post__content .section__form form .form__input.file__input label,
	#service__content .section__form form .form__input.file__input label,
	#trust .wac .info .info__lists .our .list__title,
	#trust .wac .info .info__lists .usual .list__title,
	#yn .yn__list>li .item__block ul>li {
		font-size: 14px
	}

	#offices .offices__list .list__item .block__content .office__address {
		font-size: 12px
	}

	#home__main .layer {
		width: 150px;
		display: none
	}

	#logotypes {
		padding: 50px 0
	}

	#type4 .content__list li .row {
		align-items: center
	}

	#type4 .content__list li .content__block {
		padding-top: 30px
	}

	#type4 .content__list li:nth-child(odd) .content__block {
		padding-right: 30px
	}

	#offices {
		height: initial
	}

	#offices .offices__list .list__item .block__content {
		padding: 30px 10px
	}

	#locations .locations__list {
		width: 100%
	}

	#contact__form .section__content {
		padding-left: 50px
	}

	#yn .yn__list>li .item__block .block__icon {
		width: 70px;
		height: 65px
	}

	#yn .yn__list>li .item__block ul>li {
		padding: 15px 0
	}

	#why__us2 .info__list li .item__block {
		padding: 25px
	}

	#design__types .tabs__list {
		margin-bottom: 50px
	}

	#design__types .tabs__list li .item__tab {
		padding: 15px
	}

	#design__types .tabs__content {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0
	}

	#why__us .info__list li .item__block {
		padding-top: 0 !important
	}

	#page__list .content__list li .item__content .content__title {
		margin-bottom: 15px
	}

	#page__list .content__list li .item__content .content__action {
		margin-top: 15px
	}

	footer .footer__content .footer__menus .footer__menu ul.socials__list li:not(:last-child) {
		margin-right: 15px
	}

	footer .footer__content .footer__menus .footer__menu ul.socials__list li a {
		font-size: 18px
	}

	#faq .section__content {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0
	}

	#trust .wac .widget {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	#trust .wac .info {
		margin-top: 50px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	#trust .wac .info .info__subtitle {
		margin-bottom: 25px
	}

	#type8 {
		padding: 30px 0;
	}

	#type9 .content__list li .content__block .block__title,
	#type10 .content__list li .content__block .block__title {
		font-size: 20px;
	}

	#type9 .content__list li .content__block .block__title:after,
	#type10 .content__list li .content__block .block__title:after {
		height: 2px;
	}

	#project__images .images__area {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	/* LANDING */

	#landing_hero {
		background-position: center right;
		padding: 50px 0;
	}

	#landing_hero .section__content {
		margin-right: 0;
	}

	#landing_hero .section__content .content__block {
		max-width: initial;
	}

	#landing_hero .section__form {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	#landing__why__us .section__row {
		flex-direction: column-reverse;
	}

	#landing__why__us .section__left {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 615px;
		margin-top: 30px;
	}

	#landing__why__us .section__right {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	#landing__how__it__works .info__content,
	#landing__how__it__works .info__images {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: 0;
	}

	#landing__how__it__works .info__images {
		max-width: 615px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	/* fz40 */
	#landing_hero .section__content .section__title {
		font-size: 32px;
	}

	/* fz30 */
	.landing__section__title {
		font-size: 25px;
	}

	/* fz25 */
	#landing_hero .section__content .section__offer {
		font-size: 20px;
	}

	/* fz18 */
	#landing_hero .section__content .section__features li,
	#landing__how__it__works .info__content li .item__title {
		font-size: 16px;
	}

	/* fz16 */
	#landing__why__us .section__right .info__block .info__lists .our .list__title,
	#landing__why__us .section__right .info__block .info__lists .usual .list__title {
		font-size: 14px;
	}
}

@media only screen and (max-width:991px) {
	#landing_hero::before {
		content: '';
		background: rgba(255,255,255, .75);
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	#blog__list .blog__list li .item__block .block__content {
		opacity: 1;
		background: -webkit-gradient(linear, left bottom, left top, from(rgba(51, 71, 91, .6)), to(rgba(51, 71, 91, .6)));
		background: linear-gradient(0deg, rgba(51, 71, 91, .6), rgba(51, 71, 91, .6))
	}

	#blog__list .blog__list li .item__block .block__content .content__text,
	#blog__list .blog__list li .item__block .block__content .content__title #projects__list .projects__list li .item__block .block__content .content__title {
		opacity: 1
	}

	.preheader .preheader__promo .promo__block .block__text {
		font-size: 12px
	}

	.preheader .preheader__menu .menu__list li:not(:last-child) {
		margin-right: 15px
	}

	.preheader .preheader__menu .menu__list li .menu__link {
		font-size: 12px
	}

	#home__main .section__title {
		line-height: 1.25
	}

	#home__main .layer {
		width: 100px;
		bottom: -50px
	}

	#trust .wac {
		margin-top: 30px
	}

	#trust .wac .logotypes__list,
	.subtext {
		margin-bottom: 30px
	}

	#our__services .services__list li .item__block .block__info .info__text,
	#trust .wac .logotypes__list li .item__logo,
	.suptitle {
		margin-bottom: 15px
	}

	#how__it__works .info__list li .item__block .block__image,
	#how__it__works .info__list li .item__block .block__title,
	.title {
		margin-bottom: 15px
	}

	.subtext.subtext--lined:after {
		margin-top: 15px
	}

	#trust .wac .logotypes__list li .item__text {
		font-size: 12px
	}

	#trust .section__content .star__score {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
		margin-bottom: 30px
	}

	#trust .section__content .trust__list {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	#trust .section__content .trust__verification {
		margin-top: 30px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center
	}

	#why__us .info__list li {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	#why__us .info__list li:not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)) {
		margin-bottom: 0
	}

	#why__us .info__list li:not(:nth-child(5)):not(:nth-child(6)) {
		margin-bottom: 30px !important
	}

	#why__us .info__list li .item__block {
		padding: 15px
	}

	#why__us .info__list li .item__block .block__title {
		margin-bottom: 15px
	}

	#how__it__works .info__list li {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	#how__it__works .info__list li:nth-child(1),
	#how__it__works .info__list li:nth-child(2) {
		margin-bottom: 30px
	}

	#our__services .services__list li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	#our__services .services__list li:not(:last-child) {
		margin-bottom: 30px
	}

	#our__services .services__list li .item__block {
		width: 430px;
		margin: auto
	}

	#our__services .services__list li .item__block .block__info {
		padding: 30px 15px
	}

	#our__services .services__list li .item__block .block__info .info__link:after {
		right: -15px
	}

	#type2 .bottom .list,
	#type2 .bottom .section__image,
	#type2 .bottom .text,
	#type2 .bottom .title__side,
	#type2 .section__content,
	#type2 .section__image {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	#type2 .section__image {
		margin-bottom: 30px
	}

	#type2 .section__image img {
		width: 100%
	}

	#type2 .bottom .list,
	#type2 .top {
		margin-bottom: 30px
	}

	#type2 .bottom .text {
		margin-bottom: 15px
	}

	#type4 .content__list li:not(:last-child) {
		margin-bottom: 30px
	}

	#type4 .content__list li .content__block,
	#type4 .content__list li .content__image {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	#type4 .content__list li .content__block {
		margin-bottom: 15px !important;
		padding: 0 15px !important
	}

	#type4 .content__list li .content__image {
		padding: 0 15px !important
	}

	#type4 .content__list li .content__image img {
		width: 100%;
		height: 250px !important;
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	#offices {
		padding-top: 50px
	}

	#offices .offices__list {
		flex-wrap: wrap
	}

	#offices .offices__list .list__item {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	#offices .offices__list .list__item:nth-child(1),
	#offices .offices__list .list__item:nth-child(2) {
		margin-bottom: 30px
	}

	#contact__form .section__contacts .title__side {
		margin-bottom: 15px
	}

	#contact__form .section__contacts .contacts__list li .item__icon {
		margin-right: 15px;
		min-width: 30px
	}

	#contact__form .section__contacts .contacts__list li .item__icon img {
		max-width: 30px
	}

	#type1 {
		flex-wrap: wrap;
		flex-direction: row;
		max-height: initial;
		padding-bottom: 0
	}

	#type1 .section__bg {
		position: initial;
		width: 100%;
		transform: none;
		height: initial;
		margin-top: 30px;
		order: 2;
		display: block
	}

	#type1 .section__bg img {
		height: 250px;
		display: block
	}

	#type1 .section__content {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	#designs .section__left,
	#designs .section__right {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	#designs .section__left {
		margin-bottom: 30px
	}

	#designs .designs__slider {
		padding: 0
	}

	#designs .designs__slider .slide {
		padding: 0 15px
	}

	#designs .designs__slider.slider--dots .owl-dots {
		position: initial;
		display: flex;
		justify-content: center;
		transform: none;
		margin-top: 30px
	}

	#post__content .row,
	#service__content .row {
		flex-wrap: wrap
	}

	#post__content .section__content,
	#post__content .section__form,
	#service__content .section__content,
	#service__content .section__form {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	#post__content .section__content,
	#service__content .section__content {
		order: 2
	}

	#post__content .section__form,
	#service__content .section__form {
		margin-bottom: 50px;
		background: #f5f8fa;
		border-radius: 2px;
		position: initial
	}

	.sideFormHS .form__area {
		background: none;
		box-shadow: none;
	}

	#post__content .section__form form,
	#service__content .section__form form,
	.sideFormHS .form__area .hbspt-form {
		background: 0 0;
		max-width: 50%;
		margin-left: auto;
		margin-right: auto;
		box-shadow: none
	}

	#yn .yn__list>li .item__block .block__title {
		padding-left: 30px
	}

	#yn .yn__list>li .item__block ul {
		padding: 0 30px 15px 30px
	}

	#faq .section__content .faq__list li .item__question {
		padding: 15px;
		padding-left: 0
	}

	#faq .section__content .faq__list li .item__answer {
		padding-bottom: 0
	}

	#type5 .section__content {
		padding: 0;
		flex-wrap: wrap
	}

	#type5 .section__content .section__left,
	#type5 .section__content .section__right {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	#type5 .section__content .section__left {
		margin-bottom: 30px
	}

	.title__side.mb {
		margin-bottom: 15px
	}

	#why__us2 .info__list li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	#why__us2 .info__list li .item__block {
		padding: 15px;
		padding-bottom: 30px
	}

	#why__us2 .info__list li:not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)) {
		margin-bottom: 0
	}

	#why__us2 .info__list li:not(:last-child) {
		margin-bottom: 30px !important
	}

	#design__types .tabs__list li .item__tab {
		font-size: 16px
	}

	#type6 .blocks__list li .item__block {
		padding: 15px
	}

	#type6 .blocks__list li .item__block .block__title {
		margin-bottom: 15px
	}

	#type6 .blocks__list li .item__block .block__title br {
		display: none
	}

	#page__list .content__list li {
		display: block;
		text-align: center;
		margin: 0
	}

	#page__list .content__list li .item__content,
	#page__list .content__list li .item__image,
	#page__list .content__list li .item__num {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
		padding: 0
	}

	#page__list .content__list li .item__content,
	#page__list .content__list li .item__num {
		margin-bottom: 15px
	}

	#page__list .content__list li .item__image img {
		width: 100%;
		height: 250px;
		object-fit: cover
	}

	#page__list .content__list li:not(:last-child) {
		padding-bottom: 30px;
		margin-bottom: 30px
	}

	#small__main .section__content .section__text {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	#blog__list .blog__list li,
	#gallery__list .gallery__list li {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.masonry[data-columns]::before {
		content: '2 .col-md-6'
	}

	#blog__list.recent .blog__list li:nth-child(3) {
		display: none
	}

	#maps .maps__list>li .item__block .block__details {
		display: block
	}

	#maps .maps__list>li .item__block .block__text {
		margin-bottom: 15px
	}

	#maps .maps__list>li .item__block .block__details .schedule__list {
		margin-bottom: 15px
	}

	.modal-form.show .modal-dialog {
		max-width: 392px
	}

	.post-template-post-service-big #type1 .section__bg,
	#type8 .section__image {
		width: 100%;
		margin-bottom: 30px;
	}

	#type7 ul,
	#type8 .section__content {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	#type8 {
		display: block;
	}

	#type8 .section__image {
		position: initial;
		width: 100%;
	}

	#type9 .content__list li,
	#type9 .content__list li {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	#type7 ul,
	#type8 .section__content {
		margin-bottom: 30px;
	}

	#type9 .content__list li,
	#type10 .content__list li {
		margin-bottom: 30px !important;
	}

	#type9 .content__list li:nth-last-child(1),
	#type9 .content__list li:nth-last-child(2),
	#type10 .content__list li:nth-last-child(1),
	#type10 .content__list li:nth-last-child(2) {
		margin-bottom: 0 !important;
	}

	.title__side,
	#projects__list .title__centered {
		font-size: 20px;
	}

	.bg__text {
		font-size: 14px;
	}

	#design__types .tabs__content li .item__content {
		display: block
	}

	#design__types .tabs__content li .item__content .content__left {
		margin-bottom: 30px
	}

	#design__types .tabs__content li .item__content .content__left,
	#design__types .tabs__content li .item__content .content__right {
		padding: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	#design__types .tabs__content li .item__content .content__right .content__image img {
		width: 100%;
	}
	/* LANDING */
	#landing_hero .section__content .section__features:before {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	/* fz36	*/
	#landing_hero .section__content .section__title {
		font-size: 30px;
	}

	/* fz20 */
	#landing_hero .section__content .section__offer {
		font-size: 18px;
	}
}

@media only screen and (max-width:767px) {
	#project__images .container {
		max-width: 100%;
	}

	header .header__action {
		display: none
	}

	#home__main .section__content {
		text-align: center;
		margin-bottom: 50px
	}

	#home__main .section__right {
		position: initial;
		width: 100%
	}

	#trust .wac .logotypes__list {
		width: 100%
	}

	#trust .wac .logotypes__list li {
		max-width: initial;
		padding: 0 15px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		display: block
	}

	#trust .wac .logotypes__list li .item__logo img {
		width: auto;
		height: 100px
	}

	#trust .section__content .trust__list {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 30px
	}

	#trust .section__content .trust__verification {
		margin-top: 0
	}

	#cta .section__content {
		text-align: center;
		margin-bottom: 50px
	}

	#cta .section__bg {
		position: initial;
		width: 100%
	}

	#trust .wac .info .info__subtitle,
	#trust .wac .info .info__suptitle,
	#trust .wac .info .info__title,
	.title__side {
		text-align: center
	}

	#trust .wac .info .info__title:after,
	.title__side.title__side--lined:after {
		margin-left: auto;
		margin-right: auto
	}

	#type3 .text {
		column-count: 1;
		column-gap: 0
	}

	#contact__form {
		background: #33475b
	}

	#contact__form .bg1,
	#contact__form .bg2 {
		display: none
	}

	.subtext.subtext__left {
		text-align: center
	}

	.subtext.subtext--lined.subtext__left:after {
		margin-left: auto
	}

	#contact__form .section__contacts .contacts__list {
		width: 290px;
		margin-left: auto;
		margin-right: auto
	}

	#contact__form .section__content {
		padding: 0
	}

	.content__form {
		width: 290px;
		margin-left: auto;
		margin-right: auto
	}

	footer .footer__content .footer__info .footer__logo a img {
		margin-left: auto;
		margin-right: auto
	}

	footer .footer__content .footer__info .footer__text {
		text-align: center
	}

	footer .footer__content .footer__info {
		margin-bottom: 30px
	}

	.button.button--default {
		padding: 15px
	}

	#page__main {
		display: block;
		max-height: initial;
		height: initial;
		padding-bottom: 0
	}

	#page__main .section__content {
		text-align: center
	}

	#page__main .section__prices ul {
		justify-content: center
	}

	.section__features {
		display: table;
		margin-left: auto;
		margin-right: auto
	}

	#page__main .section__left {
		position: initial;
		width: 100%
	}

	#page__main .section__left img {
		height: 250px
	}

	.suptitle {
		text-align: center
	}

	#designs .designs__slider .slide {
		padding: 0
	}

	#designs .designs__slider.slider--nav .owl-nav .nav.nav__left {
		left: 0
	}

	#designs .designs__slider.slider--nav .owl-nav .nav.nav__right {
		right: 0
	}

	.subtext br,
	.title br {
		display: none
	}

	.sideFormHS {
		padding: 0;
	}

	#post__content .section__form form,
	#service__content .section__form form,
	.sideFormHS .form__area {
		max-width: 290px;
		padding-left: 0;
		padding-right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.sideFormHS .form__area .hbspt-form {
		width: 100%;
		margin: 0;
		max-width: initial;
	}

	#yn .yn__list {
		display: block
	}

	#yn .yn__list>li {
		width: 100%
	}

	#yn .yn__list>li:not(:last-child) {
		margin-bottom: 50px
	}

	#yn .yn__list>li:last-child .item__block .item__top {
		background: 0 0
	}

	#design__types .tabs__list {
		display: block;
		margin-bottom: 15px;
	}

	#design__types .tabs__list li {
		width: 100% !important;
		border-bottom: 0;
		margin-bottom: 0;
	}

	#design__types .tabs__list li.active {
		background: #ff6348
	}

	#design__types .tabs__list li.active button {
		color: #fff;
	}
	#design__types .tabs__list li button {
		padding: 10px 15px;
	}
	#design__types .tabs__list li.active .item__tab {
		font-weight: 400;
	}

	#type6 .blocks__list li:nth-child(1),
	#type6 .blocks__list li:nth-child(2) {
		margin-bottom: 0
	}

	#type6 .blocks__list li:not(:last-child) {
		margin-bottom: 30px !important
	}

	#small__main .section__content {
		display: block
	}

	#post__main .section__title,
	#small__main .section__content .section__title,
	#small__main__center .section__title,
	#small__main__center.light .section__title {
		text-align: center;
		margin-bottom: 15px
	}

	#post__main .section__image,
	#small__main .section__content .section__text {
		position: initial;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		transform: none
	}

	#blog__list .blog__list li .item__block .block__content {
		padding: 15px
	}

	#blog__list .blog__list li .item__block .block__content .content__title #projects__list .projects__list li .item__block .block__content .content__title {
		font-size: 14px
	}

	#blog__list .blog__list li .item__block .block__content .content__text {
		font-size: 12px
	}

	#form__main {
		text-align: center
	}

	#form__main .section__left {
		margin-bottom: 50px
	}

	#maps .maps__list>li .item__block .block__details {
		display: flex
	}

	#maps .maps__list>li .item__block .block__details .schedule__list {
		margin-bottom: 0
	}

	#maps .maps__list>li:nth-child(1),
	#maps .maps__list>li:nth-child(2) {
		margin-bottom: 0
	}

	#maps .maps__list>li:not(:last-child) {
		margin-bottom: 50px !important
	}

	.title.title__left {
		text-align: center
	}

	.mobile__menu {
		margin-left: 0
	}

	#trust .wac .info .info__text {
		font-size: 14px
	}

	#trust .wac .info .info__lists .our .list__title,
	#trust .wac .info .info__lists .usual .list__title {
		margin-bottom: 15px
	}

	#trust .wac .info .info__lists .usual {
		margin-bottom: 30px
	}

	.welcome {
		padding-bottom: 50px;
	}

	#type7 ul {
		padding: 15px;
	}

	#type10 .content__list li:not(:last-child) {
		margin-bottom: 30px;
	}

	#type9 .content__list li,
	#type9 .content__list li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.post-template-post-service-big #trust .wac .logotypes__list {
		margin-bottom: 30px;
	}

	#type7.post__BIG {
		margin-bottom: 50px;
	}

	#type8 .section__content .content__block .block__title:after {
		margin: 15px 0;
	}

	#type10 .content__list li .content__block {
		text-align: center;
	}

	#type9 .content__list li:not(:last-child),
	#type9 .content__list li:nth-last-child(2),
	#type10 .content__list li:not(:last-child),
	#type10 .content__list li:nth-last-child(2) {
		margin-bottom: 30px !important;
	}

	#type9 .content__list li .content__block .block__title:after,
	#type10 .content__list li .content__block .block__title:after {
		margin: 15px auto;
	}

	/* LANDING */
	#landing__how__it__works .info__row,
	.compare__slider,
	.ba__slider {
		margin-top: 30px;
	}

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

	#landing_hero {
		/* background: #f9f9f9 !important; */
	}

	#landing_hero .section__content {
		margin-left: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 50px;
	}

	#landing_hero .section__content .section__title,
	#landing_hero .section__content .section__offer {
		text-align: center;
	}

	#landing_hero .section__form {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	#landing_hero .section__content .section__features:before {
		margin-left: auto;
		margin-right: auto;
	}

	#landing__why__us .section__right .trust__block .block__list {
		width: 75%;
		margin: 0;
	}

	#landing__why__us .section__right .trust__block .block__list li {
		width: 157px;
		padding: 0;
	}

	#landing__why__us .section__right .trust__block .block__list li:nth-child(1),
	#landing__why__us .section__right .trust__block .block__list li:nth-child(2) {
		margin-bottom: 15px;
	}

	#landing__how__it__works .info__images li {
		padding: 30px 15px;
	}

	#contact__form .section__content .form__block__white {
		margin-top: 30px;
		width: calc(100% - 30px);
		margin-left: auto;
		margin-right: auto;
	}
	
	#page__main .section__prices ul {
		flex-wrap: wrap;
	}
	
	#page__main .section__prices ul li:not(:last-child) {
		margin-bottom: 40px;
		margin-right: 0;
	}
	
	#page__main .section__prices ul li:not(:last-child)::after {
		    width: 90px;
		height: 1px;
		top: unset;
		right: -25px;
		transform: translate(-50%, -50%);
		right: unset;
		left: 50%;
		bottom: -21px;
	}
}

@media only screen and (max-width:575px) {
	.preheader .preheader__row {
		display: block
	}

	.preheader .preheader__promo .promo__block {
		justify-content: center;
		margin-bottom: 10px
	}

	.preheader .preheader__menu .menu__list {
		justify-content: center
	}

	header .container {
		flex-wrap: wrap;
		justify-content: space-between
	}

	header .header__logo {
		margin-right: 0;
		text-align: center
	}

	header .header__phone {
		margin-left: auto;
		margin-right: auto
	}

	header .header__menu {
		margin-left: 0
	}

	#blog__list .blog__list li,
	#gallery__list .gallery__list li,
	#how__it__works .info__list li,
	#offices .offices__list .list__item,
	#why__us .info__list li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	#how__it__works .info__list li:nth-child(1),
	#how__it__works .info__list li:nth-child(2),
	#offices .offices__list .list__item:nth-child(1),
	#offices .offices__list .list__item:nth-child(2),
	#why__us .info__list li:not(:nth-child(5)):not(:nth-child(6)) {
		margin-bottom: 0
	}

	#how__it__works .info__list li:not(:last-child),
	#offices .offices__list .list__item:not(:last-child),
	#why__us .info__list li,
	#why__us .info__list li:not(:last-child) {
		margin-bottom: 30px !important
	}

	#blog__list .blog__list li .item__block .block__image img,
	#gallery__list .gallery__list li .item__image img,
	#how__it__works .info__list li .item__block .block__image img,
	#our__services .services__list li .item__block .block__image img {
		width: 100%;
		object-fit: cover;
		height: 250px
	}

	#our__services .services__list li .item__block {
		width: 100%
	}

	.list.columns--2 {
		column-count: 1;
		column-gap: 0
	}

	#offices {
		padding-bottom: 50px
	}

	.bottom-bg--home::after {
		display: none
	}

	footer .footer__content .footer__menus {
		display: block
	}

	footer .footer__content .footer__menus .footer__menu:not(:last-of-type) {
		margin-bottom: 30px
	}

	footer .footer__content .footer__menus .footer__menu .menu__title {
		text-align: center
	}

	footer .footer__content .footer__menus .footer__menu ul {
		text-align: center
	}

	footer .footer__content .footer__menus .footer__menu ul.socials__list {
		justify-content: center
	}

	footer .footer__content .footer__copyright {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: 12px
	}

	footer .footer__content .footer__copyright {
		justify-content: center;
	}

	footer .footer__content .footer__copyright a {
		margin-left: 0;
		margin-top: 15px;
	}

	footer .footer__content .footer__copyright i {
		font-size: 14px;
		margin-right: 15px
	}

	.modal-form.show .modal-dialog {
		max-width: calc(100% - 30px)
	}

	.modal__form form,
	.modal__form .form__HS {
		padding: 30px 15px
	}

	.section__features ul li {
		font-size: 12px
	}

	#yn .yn__list>li .item__block ul {
		padding: 0 15px 15px 15px
	}

	#yn .yn__list>li .item__block .item__top {
		margin-bottom: 0
	}

	#yn .yn__list>li .item__block .block__title {
		padding-left: 15px
	}

	#yn .yn__list>li .item__block .block__icon {
		width: 50px;
		height: 45px
	}

	#yn .yn__list>li .item__block .block__icon img {
		width: 50%
	}

	#post__content .section__content .content__block h2 br,
	#service__content .section__content .content__block h2 br,
	#post__content .section__content .content__block h3 br,
	#service__content .section__content .content__block h3 br {
		display: none
	}

	.content__form form .form__input input,
	.content__form form .form__input textarea,
	.modal__form form .form__input input,
	.modal__form form .form__input textarea {
		padding-left: 46px
	}

	.content__form form .form__input .input__icon,
	.modal__form form .form__input .input__icon {
		left: 15px
	}

	.pagination__list li a,
	.pagination__list li span {
		width: 30px;
		height: 25px
	}

	#maps .maps__list>li .item__block .block__details {
		display: block
	}

	#maps .maps__list>li .item__block .block__details .schedule__list {
		margin-bottom: 15px
	}

	#trust .wac .widget {
		display: none
	}

	#trust .wac .info {
		display: block
	}

	#trust .wac .info img {
		width: 100%
	}

	#trust .wac .info {
		margin-top: 0
	}

	#small__main__center .section__text p {
		display: inline
	}

	.welcome__menu>li,
	.welcome__menu li a {
		font-size: 14px;
	}

	.post-template-post-service-big #type1 {
		margin-bottom: 0;
	}

	#type7.post__BIG {
		padding: 50px 0;
		margin-bottom: 0;
	}

	#type7 ul li .item__text {
		font-size: 14px;
	}

	#project__images .images__area .project__row .row__image:not(:last-child) {
		margin-bottom: 30px;
	}

	/* LANDING */
	.form__block__white {
		padding: 30px 15px;
	}

	#landing__why__us .section__right .landing__section__title {
		text-align: center;
	}

	#landing__why__us .section__right .landing__section__title.lined:after {
		margin-left: auto;
		margin-right: auto;
	}

	#landing__why__us .section__right .trust__block .block__title {
		text-align: center;
	}

	#landing__why__us .section__right .trust__block .block__list {
		width: 100%;
		display: block;
	}

	#landing__why__us .section__right .trust__block .block__list li {
		width: initial;
		text-align: center;
	}

	#landing__why__us .section__right .trust__block .block__list li:not(:last-child) {
		margin-bottom: 15px !important;
	}

	/* fz30 */
	#landing_hero .section__content .section__title {
		font-size: 25px;
	}

	/* fz25 */
	.landing__section__title {
		font-size: 20px;
	}

	/* fz20 */
	.form__block__white .block__title,
	#landing__why__us .section__right .trust__block .block__title {
		font-size: 18px;
	}

	/* fz18 */
	#landing_hero .section__content .section__offer {
		font-size: 16px;
	}

	/* fz16 */
	#landing_hero .section__content .section__features li,
	.landing__section__text {
		font-size: 14px;
	}
	/* fz14 */
	.compare__slider .compare__slide .slide__image .image__title,
	.ba__slider .slide .slide__title {
		font-size: 12px;
		padding: 5px;
		width: 70px;
	}
	#landing__why__us .why__us__slider.slider--nav .owl-nav .nav,
	.slider--nav .owl-nav .nav {
		width: 40px;
		height: 40px;
	}
	.compare__slider .compare__slide .slider__button {
		width: 50px;
		height: 50px;
	}
	.compare__slider .compare__slide .slider__button:before,
	.compare__slider .compare__slide .slider__button:after {
		padding: 3px;
	}
	#design__types .tabs__content li .item__content .content__left {
		margin-bottom: 15px;
	}
	#design__types .tabs__content li .item__content .content__left .content__price {
		font-size: 16px;
	}
	#design__types .tabs__content li .item__content .content__left .content__saving .button__text {
		font-size: 14px;
	}
	#design__types .tabs__content li .item__content .content__left .content__info {
		margin-top: 15px;
		display: block;
	}
	#design__types .tabs__content li .item__content .content__left .content__saving {
		margin-top: 15px;
		margin-left: 0;
	}
	#type5 .info__logotypes {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#type5 .info__logotypes li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#type5 .info__logotypes li:not(:last-child) {
		margin-bottom: 15px;
	}
	#type5 .info__logotypes li img {
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width:430px) {
	header .header__logo .logo__link .link__image {
		height: 35px
	}

	header .header__phone {
		margin-left: 15px;
		margin-right: 15px
	}

	.mobile__menu button {
		width: 40px;
		height: 35px
	}

	header .header__phone .phone__link .link__icon {
		display: none
	}
}