@media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } }
@media screen and (max-width:479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); } }

@charset "utf-8";
*:active, *:focus {outline: none;}
::selection {background: #1A79EF;}
::-moz-selection {background: #1A79EF;}
body {position: relative;}
img, a {
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
     user-select: none;
}
a.w--current {pointer-events: none;}
a.w--current.header-logo__link {pointer-events: inherit;}
a {text-decoration: none; color: inherit;}

.hero-field {
	box-shadow: inset 0px 1.41682px 1.41682px rgba(142, 148, 163, 0.2);
}
.btn-shadow {
	box-shadow: inset 0px -3px 0px #0D5EC2;
}
a[href^="https://api.whatsapp.com/send/"]{
    display:block !important;
}
.shadow-item,
.step-items,
.warranty-item,
.subnav-menu,
.down-nav-items,
.main-sell__item,
.tip-content,
.how-item,
.propose-ico {
	box-shadow: 0px 4px 20px rgba(50, 65, 86, 0.1);
}
.mortgage-item:before {
	content: '●';
	color: #1A79EF;
  font-size: 12px;
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);	
}
.rate-item:last-child .rate-index {
	border-bottom: 2px solid #1A79EF;
  border-radius: 0px 0px 0.5rem 0.5rem;
}
.swiper .swiper-pagination-progressbar {
  background: #F7F7F7;
  position: relative;
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal {
	height: 6px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #005CEA;
}
.swiper-button-disabled {
  background: #fff;
  border-color: #7E8596;
  color: #7E8596;
  pointer-events: none;
}
.swiper-pagination-progressbar-fill {
	border-radius: 30px;
}
.review-item {
	box-shadow: 0px 4px 15px rgba(50, 65, 86, 0.1);
}
.rich-content li::marker {
	color: #1A79EF;
}
.step-item:nth-child(2n) {
	flex-direction: row-reverse;
}
.step-item:first-child .step-item__image {
	border-radius: 0px 10px 10px 10px;
}
.step-item:last-child .step-item__image {
	border-radius: 10px 10px 10px 0px;
}
.nav-devider {
  width: 1px;
  height: 21px;
	background: rgba(147, 167, 185, 0.2);
}
.nav-devider:last-child {
	display:none;
}
@media (min-width: 992px) {
    .subnav-wrapper {
    	visibility: hidden;
      opacity: 0; 
      transform-origin: 0% 0%;
      transform: rotateX(-50deg);
    }
    .down-nav__item:hover .subnav-wrapper,
    .fix-nav__item:hover .subnav-wrapper {
      transform: rotateX(0deg);
      visibility: visible;
      opacity: 1;
    }
}
.down-nav__item:hover {
	color: #1A79EF;
}
.subnav-menu, .nav-wrapper {
    scrollbar-color: #7E8596 #F7F8FD;
    scrollbar-width: thin;
}
.subnav-menu::-webkit-scrollbar,
.nav-wrapper::-webkit-scrollbar {
    width: 6px; 
    height: 0px;
    background-color:  #F7F8FD;
}
.subnav-menu::-webkit-scrollbar-thumb,
.nav-wrapper::-webkit-scrollbar-thumb {
    background-color: #7E8596;
    border-radius: 6em;
}
.subnav-menu, .nav-wrapper {
	overflow-x: hidden;
}
.main-nav__list li:last-child .drop-nav,
.second-nav__list li:last-child .second-nav__link {
	border: none;
}
.collection-item:hover .btn-hide {
	max-height: 100vh;
}
.btn-hide {
   -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}
.btn-hide.active {
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}
.rich-content li::marker {
	color: #1A79EF;
}
[data-tip="open"]{
  position: relative;
  top: -25px;
  left: -10px;
  cursor: pointer;
}
.twentytwenty-overlay {
	display: none;
}
.twentytwenty-handle {
	background: #1A79EF;
  border-color: #1A79EF;
}
.twentytwenty-left-arrow {
	width: 16px;
  height: 16px;
	border: none;
	background-image: url(https://uploads-ssl.webflow.com/622e42f2068cd583162f1504/64006a2810a9c91f4772dfc7_V%D1%8B%D0%B2ector.svg);
	background-repeat: no-repeat;
  background-position: center center;
  background-size: 6px 10px;
}
.twentytwenty-right-arrow {
	width: 16px;
  height: 16px;
	border: none;
	background-image: url(https://uploads-ssl.webflow.com/622e42f2068cd583162f1504/64006a277efc0c4f5bb9bc35_Vec%D0%B0%D0%B2tor.svg);
	background-repeat: no-repeat;
  background-position: center center;
  background-size: 6px 10px;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  margin-top: -8px;
}
.twentytwenty-handle {
	background-image: url(https://uploads-ssl.webflow.com/622e42f2068cd583162f1504/64006a241f152eaf324e61a9_Grou%D1%8B%D1%8Bp.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px 20px;
}
.twentytwenty-left-arrow {
  margin-left: -26px;
}
.twentytwenty-right-arrow {
  margin-right: -26px;
}
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 70%;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 70%;
}
.twentytwenty-handle {
  height: 56px;
  width: 56px;
  margin-left: -31px;
}
.swiper-next svg {
	margin-top: 20%;
    margin-left: 20%;
}

.swiper-prev svg {
	margin-top: 20%;
    margin-right: 20%;
}
.is-collapsed .faq-answer {
	height: 0 !important;
}
.is-active .question-ico {
	-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.faq-answer {
	transition: height 0.3s;
	transition-property: height;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}
.faq-item.is-active {
	background: transparent;
}
.iframe-catalog iframe html{
    overflow-x: hidden;
}
@media (max-width: 1620px) {
	.fixed-right {
  	display:none;
  }
}
@media (min-width: 992px) {
	.adv-element:first-child, .adv-element:last-child {
  	height: 90%;
  }
}
@media (min-width: 769px) {
  .step-item:nth-child(2n) {
    flex-direction: row-reverse;
  }
  .step-item:first-child .step-item__image {
    border-radius: 0px 10px 10px 10px;
  }
  .step-item:last-child .step-item__image {
    border-radius: 10px 10px 10px 0px;
  }
}
@media (max-width: 370px) {
	.header-social__items {
  	display:none;
  }
}
@media screen and (max-width: 1390px) and (min-width: 992px) {
	.swiper-prev {
		left: 0px;
	}
	.swiper-next {
		right: 0px;
	}
}
.wp-block-button__link {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 80px;
		margin-bottom: 40px;
		color: #fff !important;
    max-width: 380px;
    padding-right: 39px;
    padding-left: 39px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    background-color: #1a79ef;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
	    box-shadow: inset 0px -3px 0px #0d5ec2;
}
@media (max-width: 991px) {
    .wp-block-button__link {
        height: 60px;
        font-size: 15px;
        font-weight: 600;
    }
}
[data-reset] {
    width: 22px;
    height: 22px;
    position: absolute;
    z-index: 5;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(/wp-content/uploads/2023/03/fgp.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px 22px;
    cursor: pointer;
}
@media screen and (max-width: 1160px) {
  html {font-size: calc(1vw / 0.8)}
  .container {max-width: none}
}
@media screen and (max-width: 991px) {
  html {font-size: calc(1vw / 0.62)}
}
@media screen and (max-width: 767px) {
  html {font-size: calc(1vw / 0.48)}
}
@media screen and (max-width: 480px) {
  html {font-size: calc(1vw / 0.3)}
}
@media screen and (max-width: 380px) {
  html {font-size: calc(1vw / 0.25)}
}