/*Theme Name: ETIS Real Estate Theme URI: Author: Mikhail Epikhin Author URI: Description: Original theme Version: 1.0*/ @font-face { font-family: 'Proxima Nova'; src: url('fonts/ProximaNova-Regular.eot'); src: local('☺'), url('fonts/ProximaNova-Regular.woff') format('woff'), url('fonts/ProximaNova-Regular.ttf') format('truetype'), url('fonts/ProximaNova-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/ProximaNova-RegularIt.eot'); src: local('☺'), url('fonts/ProximaNova-RegularIt.woff') format('woff'), url('fonts/ProximaNova-RegularIt.ttf') format('truetype'), url('fonts/ProximaNova-RegularIt.svg') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/ProximaNova-Bold.eot'); src: local('☺'), url('fonts/ProximaNova-Bold.woff') format('woff'), url('fonts/ProximaNova-Bold.ttf') format('truetype'), url('fonts/ProximaNova-Bold.svg') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/ProximaNova-BoldIt.eot'); src: local('☺'), url('fonts/ProximaNova-BoldIt.woff') format('woff'), url('fonts/ProximaNova-BoldIt.ttf') format('truetype'), url('fonts/ProximaNova-BoldIt.svg') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/ProximaNova-Semibold.eot'); src: local('☺'), url('fonts/ProximaNova-Semibold.woff') format('woff'), url('fonts/ProximaNova-Semibold.ttf') format('truetype'), url('fonts/ProximaNova-Semibold.svg') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('fonts/ProximaNova-SemiboldIt.eot'); src: local('☺'), url('fonts/ProximaNova-SemiboldIt.woff') format('woff'), url('fonts/ProximaNova-SemiboldIt.ttf') format('truetype'), url('fonts/ProximaNova-SemiboldIt.svg') format('svg'); font-weight: 600; font-style: italic; } html{height: 100%;} body{margin: 0 auto; height: 100%; white-space: normal; font-family: 'Proxima Nova', 'Arial', sans-serif; background: #FFFFFF; line-height: 1.1; font-size: 18px; font-weight: normal;} a,input{color: #000000; text-decoration: none;} a, input, label, label::before, select, textarea, a *, button, .subtop, .lang-list, .share-list, .slick-prev::before, .slick-next::before, .wpfp-span ul li, .wpc-checkbox-item .wpc-term-item-content-wrapper::before, .wpc-filters-range-min-column, .wpc-filters-range-max-column, .filters-block, .filters-block .btn-apply-filters, .wpbs-form-selected-dates, body .wpbs-container, body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field .wpbs-form-field-input label input + span, .faq-list-item{ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } *{position: relative; margin: 0px; padding: 0px; list-style: none; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; background: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; border: 0; font-family: inherit; font-weight: inherit; line-height: inherit;} b, strong, b *, strong *{font-weight: bold;} p, p *{line-height: 1.3;} p a{color: #D00000; border-bottom: 1px solid rgba(0, 0, 0, 0.1);} p a:hover{color: #9D0208; border-color: #9D0208;} .wrapper{margin: 0 auto; max-width: 1290px; padding: 30px;} .phone{display: inline-flex; align-items: center; gap: 10px; white-space: nowrap;} .phone::before{content: ""; flex-shrink: 0; display: block; width: 28px; height: 28px; background: url('images/icons/phone.svg') center center no-repeat; background-size: contain;} .address{display: inline-flex; align-items: center; gap: 10px;} .address::before{content: ""; flex-shrink: 0; display: block; width: 28px; height: 28px; background: url('images/icons/address.svg') center center no-repeat; background-size: contain;} .email{display: inline-flex; align-items: center; gap: 10px; white-space: nowrap;} .email::before{content: ""; flex-shrink: 0; display: block; width: 28px; height: 28px; background: url('images/icons/email.svg') center center no-repeat; background-size: contain;} .mob{display: none;} @media only screen and (max-width: 1080px) { ::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;} body{padding-top: 80px;} } @media only screen and (max-width: 768px) { body{padding-top: 60px; font-size: 16px;} .wrapper{padding-left: 15px; padding-right: 15px;} .mob{display: block;} } /* Кнопки */ .button, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field button.wpbs-coupon-code-button, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field button[type=submit], .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=submit]{display: inline-block; padding: 21px 30px; min-width: 264px; text-align: center; color: #FFFFFF; line-height: 1; font-size: 20px; font-weight: bold; background: #375F3A; border: 0; border-radius: 500px; cursor: pointer; white-space: nowrap;} .button:hover, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field button.wpbs-coupon-code-button:hover, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field button[type=submit]:hover, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=submit]:hover{background: #2E4F30;} .button:disabled{opacity: 0.5;} .btn-secondary{color: #000000; background: #F2F2F2;} .btn-secondary:hover{background: #E7EDEF;} .button-secondary{display: inline-block; padding: 23px 40px; color: #000000; line-height: 1; background: #F2F2F2; border-radius: 8px; cursor: pointer;} .button-secondary:hover{background: #E7EDEF;} @media only screen and (max-width: 768px) { .button{min-width: auto;} } /* Сетка форм */ .form-block{padding: 40px 45px; background: #FFFFFF; border-radius: 8px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.09);} .form-layout, .wpbs-form-fields{display: flex; flex-wrap: wrap; gap: 20px 15px;} body .wpbs-main-wrapper .wpbs-form-container{max-width: auto; padding: 0px;} body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field{padding-bottom: 0px; width: 100%;} .form-layout .f-100{width: 100%;} .form-layout .f-50, body .wpbs-field-layout-left, body .wpbs-field-layout-right{width: calc(50% - 7.5px) !important; margin-left: 0px; margin-right: 0px; float: none;} .form-layout .f-submit, .wpbs-form-submit-button{margin-top: 15px; width: 100%;} .form-layout .f-submit .button, body .wpbs-main-wrapper button[type="submit"]{width: 100%;} .form-layout .f-label, .wpbs-form-field-label label{display: block; margin-bottom: 10px;} .wpbs-field-required-asterisk, body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-error, body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-general-error{color: #EB5757;} body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-error, body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-general-error{margin-top: 5px; font-size: 14px;} small{font-size: inherit;} @media only screen and (max-width: 768px) { .form-block{padding: 40px 30px;} } @media only screen and (max-width: 390px) { .form-block{margin: 0px -15px; padding: 45px 15px;} } /* Поля форм */ .form-field, select, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=email], .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=number], .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=text], .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field textarea{display: block; width: 100%; padding: 19px; color: #000000; line-height: 1.4; font-size: 18px; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px;} .form-field:hover, .form-field:focus, .wpc-orderby-select:hover, .wpc-orderby-select:focus, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=email]:hover, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=number]:hover, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=text]:hover, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=email]:focus, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=number]:focus, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type=text]:focus, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field textarea:hover, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field textarea:focus{border-color: rgba(0, 0, 0, 0.8);} select{padding: 19px 40px 19px 15px; color: rgba(0, 0, 0, 0.2); background: url('images/icons/arrow-down.svg') center right 15px no-repeat #FFFFFF; background-size: 12px 12px; cursor: pointer;} select:hover, select:focus{color: #000000;} input::-webkit-input-placeholder{color: rgba(0, 0, 0, 0.2);} input:-moz-placeholder{color: rgba(0, 0, 0, 0.2);} textarea::-webkit-input-placeholder{color: rgba(0, 0, 0, 0.2);} textarea:-moz-placeholder{color: rgba(0, 0, 0, 0.2);} button{background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;} input[type="number"]{-moz-appearance: textfield;} input[type="number"]:hover, input[type="number"]:focus{-moz-appearance: number-input;} .hidden-field{display: none;} :active, :hover, :focus{outline: 0; outline-offset: 0;} textarea{resize: none; overflow: auto; min-height: 120px} /* Booking System */ body .wpbs-main-wrapper .wpbs-form-container{max-width: 100%;} .wpbs-calendars-wrapper.wpbs-legend-position-side .wpbs-legend{position: absolute; top: 0; right: 0; width: 155px; margin-top: 0;} .wpbs-legend{margin: 1em 0; padding: 8px 8px 0; border: 1px solid #f1f1f1; line-height: 0; background: #fff;} .wpbs-form-selected-dates{display: flex; align-items: center; gap: 15px; padding: 19px; width: 100%; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; cursor: pointer;} .wpbs-form-selected-dates:hover, body .wpbs-container:not(.wpbs-container-hidden) ~ form .wpbs-form-selected-dates{border-color: rgba(0, 0, 0, 0.8);} .wpbs-form-selected-date{display: flex; align-items: flex-start; gap: 10px; width: calc(50% - 7.5px);} .wpbs-form-selected-date::before{content: ""; display: block; width: 20px; height: 20px; background: url('images/icons/calendar.svg') center center no-repeat; background-size: contain;} .wpbs-form-selected-date label{font-size: 14px; cursor: pointer;} body .wpbs-container{position: absolute; top: 100px; right: 0px; padding: 30px; width: 660px; background: #FFFFFF; border-radius: 8px; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1); visibility: visible !important; opacity: 1; z-index: 9;} body .wpbs-container-hidden{top: 85px; visibility: hidden !important; opacity: 0;} body .wpbs-disable-selection{display: none;} body .wpbs-container h2, body .wpbs-container .wpbs-calendars:after{display: none;} body .wpbs-calendars-wrapper.wpbs-legend-position-side{padding-right: 0px; max-width: 100% !important;} body .wpbs-container[data-columns] .wpbs-calendars{display: flex; gap: 15px; margin-left: 0px; margin-right: 0px;} body .wpbs-container[data-columns] .wpbs-calendars .wpbs-calendar{float: none; margin-left: 0px; margin-right: 0px; min-width: 0% !important; max-width: 100% !important; width: calc(100% - 7.5px);} body .wpbs-container .wpbs-calendars .wpbs-calendar{margin-bottom: 0px; border-color: rgba(0, 0, 0, 0.2);} body .wpbs-container .wpbs-calendars .wpbs-calendar table tr td :not(.wpbs-date.wpbs-is-bookable) .wpbs-legend-item-icon div:first-of-type { background: #F2F2F2 !important; cursor: none; } body .wpbs-container .wpbs-calendars .wpbs-calendar table tr td :not(.wpbs-date.wpbs-is-bookable) .wpbs-date-inner .wpbs-date-number { opacity: 0.5; } .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field.wpbs-form-field-number .wpbs-form-field-input input, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field.wpbs-form-field-product_number .wpbs-form-field-input input{ position:relative; text-align: center; } .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field.wpbs-form-field-number .wpbs-form-field-input .quantity-minus, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field.wpbs-form-field-number .wpbs-form-field-input .quantity-plus, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field.wpbs-form-field-product_number .wpbs-form-field-input .quantity-minus, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field.wpbs-form-field-product_number .wpbs-form-field-input .quantity-plus { position: absolute; cursor:pointer; top: 0px; bottom: 0px; display: flex; height: 100%; width: 52px; align-items: center; justify-content: center; line-height: 56px; font-size: 24px; z-index: 2; } .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field.wpbs-form-field-number .wpbs-form-field-input .quantity-minus, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field.wpbs-form-field-product_number .wpbs-form-field-input .quantity-minus { left: 0px; } .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field.wpbs-form-field-number .wpbs-form-field-input .quantity-plus, .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field.wpbs-form-field-product_number .wpbs-form-field-input .quantity-plus { right: 0px; } .wpbs-date-selected .wpbs-date-number, .wpbs-date-hover .wpbs-date-number, .wpbs-tooltip-active.wpbs-is-bookable .wpbs-date-number, .wpbs-is-bookable .wpbs-date-number{color: #FFFFFF;} body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field .wpbs-form-field-input{display: flex; flex-direction: column; gap: 10px;} body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field .wpbs-form-field-input label{display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: flex-start; gap: 7px; cursor: pointer;} body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field .wpbs-form-field-input label input + span{flex-shrink: 0; display: block; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer;} body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field .wpbs-form-field-input label:hover input + span, body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field .wpbs-form-field-input label input:checked + span{border-color: rgba(0, 0, 0, 0.8);} body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field .wpbs-form-field-input label input:checked + span{ -webkit-transition: all; -moz-transition: all; -o-transition: all; transition: all;} body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-consent{margin: 20px 0px;} body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-consent .wpbs-form-field-label{display: none;} body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-checkbox .wpbs-form-field-input label input + span, body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-product_checkbox .wpbs-form-field-input input + span, body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-consent .wpbs-form-field-input label input + span{border-radius: 3px;} body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-radio .wpbs-form-field-input label input + span, body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-product_radio .wpbs-form-field-input input + span{border-radius: 50%;} body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-consent .wpbs-form-field-input label input:checked + span, body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-checkbox .wpbs-form-field-input label input:checked + span, body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-product_checkbox .wpbs-form-field-input label input:checked + span{background: url('images/icons/tick.svg') center center no-repeat; background-size: 10px 10px;} body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-radio .wpbs-form-field-input label input:checked + span, body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field-product_radio .wpbs-form-field-input label input:checked + span{background: url('images/icons/radio.svg') center center no-repeat; background-size: 10px 10px;} .wpbs-form-field-total{margin-bottom: 15px;} .wpbs-form-field-total .wpbs-form-field-label{display: none;} .wpbs-pricing-table{width: 100%;} .wpbs-pricing-table thead{display: none;} .wpbs-pricing-table tbody{display: flex; flex-direction: column; gap: 10px;} .wpbs-pricing-table tr{display: flex; justify-content: space-between; align-items: center; gap: 15px;} .wpbs-price{font-weight: bold;} @media only screen and (max-width: 768px) { body .wpbs-container{left: 0px; right: 0px; padding: 15px; width: 100%;} } @media only screen and (max-width: 600px) { body .wpbs-container[data-columns] .wpbs-calendars{flex-direction: column;} body .wpbs-container[data-columns] .wpbs-calendars .wpbs-calendar{width: 100%;} } /* Contact Form 7 */ .wpcf7-spinner{left: 50%; top: 50%; margin: -12px 0px 0px -12px !important; position: absolute !important;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form .wpcf7-response-output{margin: 25px 0px 0px !important; padding: 0px !important; text-align: center; color: #000000; border: 0 !important;} .wpcf7-not-valid-tip{margin-top: 7px; color: #EB5757 !important; font-size: 14px !important;} .wpcf7-not-valid{} /* Slick Slider */ .slick-prev, .slick-next{outline: none; position: absolute; top: 0; bottom: 0; display: inline-block; width: 90px; text-indent: 9999px; white-space: nowrap; background: none; border-radius: 0px; overflow: hidden; cursor: pointer; z-index: 9;} .slick-prev::before, .slick-next::before{content: ""; position: absolute; top: 50%; right: 50%; display: block; width: 37px; height: 37px; background: center center no-repeat #FFFFFF; background-size: 17px 17px; border-radius: 50%; transform: translate(50%, -50%);} .slick-prev:hover::before, .slick-next:hover::before{background-color: #F2F2F2;} .slick-prev{left: 0px;} .slick-prev::before{background-image: url('images/icons/arrow-left.svg');} .slick-next{right: 0px;} .slick-next::before{background-image: url('images/icons/arrow-right.svg');} .slick-dots{position: absolute; left: 0px; right: 0px; bottom: -38px; display: flex; justify-content: center; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none;} .slick-dots li button{display: block; width: 13px; height: 13px; background: rgba(0, 0, 0, 0.2); border-radius: 50%; text-indent: 9999px; white-space: nowrap; overflow: hidden; cursor: pointer;} .slick-dots li button:hover{background: rgba(0, 0, 0, 0.3);} .slick-dots .slick-active button{background: #004E64 !important;} @media only screen and (max-width: 768px) { .slick-prev, .slick-next{width: 60px;} .slick-prev::before, .slick-next::before{width: 24px; height: 24px; background-size: 10px 10px;} } /* Попапы */ .modal{display: none;} input ~ .push{position: fixed; left: 0px; top: 0px; display: block; margin: 0px !important; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; z-index: 9999989; cursor: pointer;} input:checked ~ .push{opacity: 1; visibility: visible;} /* .popup-close{position: absolute; top: 15px; right: 15px; display: block; width: 25px; height: 25px; cursor: pointer; z-index: 121;} */ /* .popup-close::before{content: ""; display: block; width: 100%; height: 100%; background: url('images/icons/close.svg') center center no-repeat; background-size: 16px 16px; -webkit-filter: brightness(0%); filter: brightness(0%);} */ /* .popup-close:hover::before{-webkit-filter: brightness(100%); filter: brightness(100%);} */ /* .popup{position: fixed; top: 100px; left: calc(50% - 250px); right: calc(50% - 250px); padding: 45px; max-width: 500px; background: #FFFFFF; border-radius: 6px; box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.2); z-index: 999999997; visibility: hidden; opacity: 0;} */ /* .modal:checked ~ .popup{visibility: visible; opacity: 1;} */ /* .popup .headline{display: block; margin-bottom: 20px; font-size: 24px; font-weight: bold;} */ /* .popup .phone-number, .popup .or{display: none;} */ /* @media only screen and (max-width: 768px) { */ /* .popup{left: 0px; right: 0px; top: 42px; padding: 45px 15px; max-width: 100%; border-radius: 0px;} */ /* .popup .or{display: block; margin: 30px 0px 10px; text-align: center; font-size: 14px;} */ /* .popup .phone-number{display: block; text-align: center;} */ /* .popup .phone-number a{display: inline-block; font-size: 16px; font-weight: bold;} */ /* } */ /* Форматирование текста */ .story{max-width: 800px; text-align: justify;} .story p{margin: 20px 0px;} .story h1{font-size: 42px; font-weight: bold;} .story h2{margin-top: 30px; line-height: 1.1; font-size: 28px; font-weight: bold;} .story h3{margin-top: 30px; line-height: 1.3; font-size: 18px; font-weight: bold;} .story h1 *, .story h2 *, .story h3 *{font-weight: bold;} .story ul, .story ol{margin: 30px 0px; counter-reset: myCounter;} .story li{margin: 20px 0px; padding-left: 30px; line-height: 1.3;} .story li *{line-height: 1.4;} .story li::before{position: absolute; left: 0px; top: 0px; display: block; color: #000000; line-height: 1.3;} .story ul li::before{content: "—";} .story ol li::before{counter-increment: myCounter; content: counter(myCounter) ".";} .story img{display: block; width: 100%; height: auto; margin: 30px 0px; border-radius: 8px;} .story .wp-caption{margin: 30px 0px;} .story .wp-caption img{margin: 0px;} .story .wp-caption-text{margin: 15px 0px 0px; text-align: center; color: #000000; font-size: 16px;} .story blockquote{margin: 30px;} .story blockquote *{line-height: 1.3; font-size: 24px;} .story a{border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .story a:hover{border-color: rgba(0, 0, 0, 1);} .video-container {position: relative; margin: 45px 0px; padding-bottom: 56.25%; height: 0; background: rgba(0, 0, 0, 0.1); overflow: hidden; border-radius: 8px;} .video-container iframe, .video-container object, .video-container embed, .video-container video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} @media (max-width: 768px) { .story h1{font-size: 28px;} .story h2{font-size: 22px;} .story h3{font-size: 18px;} .story li{padding-left: 20px;} .story blockquote{margin: 30px 15px;} .story blockquote *{font-size: 20px;} .story img{border-radius: 3px;} .story .wp-caption-text{font-size: 14px;} } /* Tablepress */ .tablepress{margin: 40px 0px 0px !important;} .tablepress tbody td, .tablepress thead th, .tablepress tfoot th{padding: 15px; vertical-align: middle;} .tablepress tbody td:first-child, .tablepress thead th:first-child, .tablepress tfoot th:first-child{padding-left: 20px;} .tablepress tbody td:last-child, .tablepress thead th:last-child, .tablepress tfoot th:last-child{padding-right: 20px;} .tablepress thead th{color: #FFFFFF; font-size: 28px; font-weight: bold; background: #004E64;} /* .tablepress thead th:first-child{text-align: left;} */ .tablepress thead th:first-child{border-top-left-radius: 8px;} .tablepress thead th:last-child{border-top-right-radius: 8px;} .tablepress tbody td, .tablepress tfoot th{border-top: 0 !important;} .tablepress .even td{background: #FFFFFF !important;} .tablepress .odd td{background: #E7EDEF !important;} .tablepress caption{display: none;} .tablepress i{display: inline-block; width: 20px; height: 20px; background: center center no-repeat; background-size: contain;} .tablepress em{display: block; text-align: center; font-style: normal;} .table-rates thead th, .table-rates tbody td{text-align: center;} .table-rates i{background-image: url('images/icons/tick.svg');} .table-rates tbody td:first-child{text-align: left;} @media only screen and (max-width: 768px) { .table-container{margin: 0px -15px; padding: 0px 15px; overflow-x: scroll;} .tablepress thead th{font-size: 16px;} .tablepress i{width: 14px; height: 14px;} } /* Логотип */ .etis-logo{display: inline-flex; align-items: center; font-weight: bold; background: url('images/etis-logo.svg') left center no-repeat; background-size: contain;} /* Шапка */ .top .wrapper{display: flex; justify-content: space-between; align-items: center; gap: 45px; padding-top: 15px; padding-bottom: 15px;} .top .wrapper > div{display: flex; align-items: center; gap: 45px;} .top .etis-logo{padding-left: 215px; padding-top: 10px; height: 74px; font-size: 32px;} .top .phone::before{width: 24px; height: 24px;} .wishlist-link{display: flex; align-items: center; gap: 10px; color: #375F3A; -webkit-filter: grayscale(100%) brightness(220%); filter: grayscale(100%) brightness(220%);} .wishlist-link:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%);} .wishlist-link .wishlist-icon{display: block; width: 20px; height: 20px; background: url('images/icons/wishlist.svg') center center no-repeat; background-size: contain;} .current-lang{display: block; width: 41px; height: 41px; text-align: center; line-height: 41px; text-transform: capitalize; border: 1px solid #B3B3B3; border-radius: 8px; cursor: pointer;} .current-lang:hover, .modal:checked ~ .current-lang{color: #375F3A; border-color: #375F3A;} .lang-list{position: absolute; top: 100%; right: 0px; padding: 10px 0px; background: #FFFFFF; border-radius: 8px; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; z-index: 9;} .modal:checked ~ .lang-list{top: calc(100% + 10px); visibility: visible; opacity: 1;} .lang-list a{display: block; padding: 5px 15px;} .lang-list a:hover{color: #375F3A;} @media only screen and (max-width: 1080px) { .top{position: fixed; top: 0px; left: 0px; right: 0px; background: #FFFFFF; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05); z-index: 999;} .top .wrapper{padding-top: 10px; padding-bottom: 10px; padding-right: 100px;} .top .wrapper > div{gap: 30px;} .top .etis-logo{padding-left: 172px; padding-top: 7px; height: 60px; font-size: 26px;} } @media only screen and (max-width: 900px) { .top .phone{width: 40px; height: 40px; text-indent: -9999px; overflow: hidden;} .top .phone::before{width: 100%; height: 100%; background-size: 30px 30px;} .wishlist-link{-webkit-filter: grayscale(100%) brightness(0%) !important; filter: grayscale(100%) brightness(0%) !important;} } @media only screen and (max-width: 768px) { .top .wrapper{gap: 15px; padding-right: 70px;} .top .wrapper > div{gap: 15px;} .top .etis-logo{padding: 0px !important; width: 106px; height: 40px; text-indent: -9999px; overflow: hidden} .wishlist-link{display: block; width: 40px; height: 40px; text-indent: -9999px; overflow: hidden;} .wishlist-link .wishlist-icon{width: 100%; height: 100%; background-size: 30px 30px;} .current-lang{width: 40px; height: 40px; line-height: 40px;} } @media only screen and (max-width: 480px) { .top .wrapper{padding-right: 60px;} .top .wrapper > div{gap: 5px;} .top .etis-logo{width: 85px; height: 32px;} .top .phone::before{background-size: 24px 24px;} .wishlist-link .wishlist-icon{background-size: 24px 24px;} .current-lang{border: 0px;} } /* Основное меню */ .subtop .wrapper{padding-top: 10px; padding-bottom: 15px;} .main-menu{display: flex; gap: 10px; margin: 0px -20px;} .main-menu > li{} .main-menu > li.hidden{display: none;} .main-menu > li > a{display: flex; padding: 10px 20px; line-height: 20px; font-size: 20px; font-weight: 600; border-radius: 8px;} .main-menu > li.current-menu-item > a, .main-menu > li.current-menu-parent > a, .main-menu > li.current-menu-ancestor > a, .main-menu > li.current-category-ancestor > a, .main-menu > li.current-post-ancestor > a, .main-menu > li.current-page-ancestor > a{background: #E7EDEF !important;} #menu-opener, .btn-menu{display: none;} @media only screen and (min-width: 1081px) { .main-menu > li > a:hover{background: #F2F2F2;} } @media only screen and (max-width: 1080px) { .btn-menu{position: fixed; right: 30px; top: 20px; display: block; width: 40px; height: 40px; background: url('images/icons/menu.svg') center center no-repeat; background-size: 30px 30px; cursor: pointer; z-index: 9999;} .subtop{position: fixed; top: 80px; left: 100%; bottom: 0px; width: 100%; overflow-y: scroll; background: #FFFFFF; z-index: 888;} .subtop .wrapper{padding: 0px 0px 30px;} #menu-opener:checked ~ .subtop{left: 0;} #menu-opener:checked ~ .btn-menu{background-image: url('images/icons/cross.svg'); -webkit-filter: grayscale(100%) brightness(0%); filter: grayscale(100%) brightness(0%);} .main-menu{flex-direction: column; gap: 0px; margin: 0px;} .main-menu > li{border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .main-menu > li:last-child{border: 0;} .main-menu > li > a{padding: 15px 30px; border-radius: 0px;} } @media only screen and (max-width: 768px) { .btn-menu{right: 15px; top: 10px;} .subtop{top: 60px;} .main-menu > li > a{padding: 15px;} } @media only screen and (max-width: 480px) { .btn-menu{right: 10px; background-size: 24px 24px;} } /* Внутреннее меню */ .navigation .wrapper{padding-top: 7px;} .inner-menu{display: flex; gap: 15px;} .inner-menu > li > a{display: block; padding: 18px 31px; font-size: 20px; white-space: nowrap; background: #F2F2F2; border-radius: 8px;} .inner-menu > li > a:hover{background: #E7EDEF;} .inner-menu > li.current-menu-item > a, .inner-menu > li.current-menu-parent > a, .inner-menu > li.current-menu-ancestor > a, .inner-menu > li.current-category-ancestor > a, .inner-menu > li.current-post-ancestor > a, .inner-menu > li.current-page-ancestor > a{color: #FFFFFF; background: #004E64;} @media only screen and (max-width: 1080px) { .navigation .wrapper{padding-top: 15px; padding-left: 0px; padding-right: 0px; padding-bottom: 15px;} .inner-menu{padding: 0px 30px; overflow-x: scroll;} } @media only screen and (max-width: 768px) { .navigation .wrapper{padding-top: 10px; padding-bottom: 0px;} .inner-menu{gap: 10px; padding: 0px 15px; overflow-x: scroll;} .inner-menu > li > a{padding: 15px 25px; font-size: 16px;} .navigation + .home-hero{margin-top: 10px;} } /* Общие стили блоков */ .block-headline{display: block; font-size: 42px; font-weight: bold;} .miniblock-headline{display: block; margin-bottom: 30px; font-size: 28px; font-weight: bold;} .block-split{display: flex; gap: 80px; width: 100%;} .block-split > div{width: 50%;} .image img{width: 100%; height: auto; border-radius: 8px;} .image + .block-headline{margin-top: 80px;} .page .wrapper{padding-bottom: 60px;} .page .wrapper > .button{margin-top: 20px;} @media only screen and (max-width: 1080px) { .block-split{gap: 45px;} } @media only screen and (max-width: 768px) { .block-headline{font-size: 28px;} .miniblock-headline{font-size: 22px;} .block-split{flex-direction: column; gap: 30px;} .block-split > div{width: 100%;} .image{} .image + .block-headline{margin-top: 45px;} } /* Каталог. Общая сетка */ .catalog-layout{display: flex; gap: 40px; margin: 40px 0px 60px;} .catalog-layout > .sidebar{margin-top: 86px; width: 240px;} .catalog-layout > .main{width: calc(100% - 280px);} @media only screen and (max-width: 1080px) { .catalog-layout > .sidebar{width: 180px;} .catalog-layout > .main{width: calc(100% - 220px);} } @media only screen and (max-width: 768px) { .catalog-layout{flex-direction: column; gap: 30px;} .catalog-layout > .sidebar{margin-top: 0px; width: 100%;} .catalog-layout > .main{width: 100%;} } /* Каталог. Сайдбар */ .wpc-filters-section{margin-bottom: 30px !important;} .wpc-filter-item-price{margin-bottom: 45px !important;} .wpc-filter-title{margin-bottom: 12px !important; font-weight: bold;} #top .widget ul.wpc-filters-ul-list, .widget-area ul.wpc-filters-ul-list, .wpc-filters-widget-main-wrapper ul.wpc-filters-ul-list{padding: 0px !important;} body .wpc-filters-widget-main-wrapper li.wpc-term-item:last-child, .widget-area li.wpc-term-item:last-child{margin-bottom: 0px;} .wpc-term-item .wpc-term-item-content-wrapper{display: block !important;} .wpc-term-item .wpc-term-item-content-wrapper input{display: none;} .wpc-term-item .wpc-term-item-content-wrapper label{display: flex; align-items: center; gap: 7px; padding-left: 0px !important;} .wpc-term-item .wpc-term-item-content-wrapper label::before{content: ""; flex-shrink: 0; display: block; width: 18px; height: 18px; border: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer;} .wpc-checkbox-item.wpc-term-item .wpc-term-item-content-wrapper label::before{border-radius: 3px;} .wpc-radio-item.wpc-term-item .wpc-term-item-content-wrapper label::before{border-radius: 50%;} .wpc-term-item .wpc-term-item-content-wrapper label:hover::before, .wpc-term-selected .wpc-term-item-content-wrapper label::before{border-color: rgba(0, 0, 0, 0.8);} .wpc-checkbox-item.wpc-term-selected .wpc-term-item-content-wrapper label::before{background: url('images/icons/tick.svg') center center no-repeat; background-size: 10px 10px;} .wpc-radio-item.wpc-term-selected .wpc-term-item-content-wrapper label::before{background: url('images/icons/radio.svg') center center no-repeat; background-size: 10px 10px;} .wpc-filters-labels{display: flex; flex-wrap: wrap; gap: 7px;} body .widget-area .wpc-filters-labels li.wpc-term-item, body .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item{margin-bottom: 0px;} body .widget-area .wpc-filters-labels li.wpc-term-item label, body .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label{margin-right: 0px; font-size: 0px; border-color: rgba(0, 0, 0, 0.2); border-radius: 3px; overflow: hidden;} body .widget-area .wpc-filters-labels li.wpc-term-item label a, body .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label a{font-size: 16px;} body .widget-area .wpc-filters-labels li.wpc-term-item label:hover, body .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label:hover{border-color: #375F3A;} body .widget-area .wpc-filters-labels li.wpc-term-item label::before, body .wpc-filters-widget-main-wrapper .wpc-filters-labels li.wpc-term-item label::before{display: none;} body .wpc-filters-widget-main-wrapper input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{background: none !important;} body .wpc-filters-widget-main-wrapper input.wpc-label-input+label:hover span.wpc-filter-label-wrapper a{color: #375F3A !important;} body .wpc-filters-widget-main-wrapper input.wpc-label-input:checked+label{border-color: #375F3A !important;} body .wpc-filters-widget-main-wrapper input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{background: #375F3A !important; border-radius: 0px;} body .wpc-filters-widget-main-wrapper input.wpc-label-input:checked+label span.wpc-filter-label-wrapper a{color: #FFFFFF !important;} .wpc-filters-range-min-column, .wpc-filters-range-max-column{display: flex; gap: 5px; margin: 0 !important; padding: 10px; width: 90px !important; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px;} .wpc-filters-range-min-column:hover, .wpc-filters-range-max-column:hover{border-color: rgba(0, 0, 0, 0.8);} .wpc-filters-range-min-column::before, .wpc-filters-range-max-column::before{content: "€"; font-weight: bold;} .wpc-filters-range-wrapper input[type="number"]{font-size: inherit; font-weight: bold;} body .wpc-filters-range-slider-wrapper{margin-right: 10px;} body .ui-slider-horizontal, body .wpc-filters-range-inputs .ui-slider-horizontal{height: 4px; background: rgba(0, 0, 0, 0.1); border-radius: 2px;} body .ui-slider .ui-slider-handle, body .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle{top: -3px; margin-left: 0px; width: 10px; height: 10px; background: #375F3A; border: 0px; box-shadow: none;} body .ui-slider-horizontal .ui-slider-range{background: rgba(0, 184, 72, 0.22);} .widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper, .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper, body .wpc-filters-widget-main-wrapper li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, body .wpc-filters-widget-main-wrapper li.wpc-term-count-0:not(.wpc-has-not-empty-children) label a, .widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, .widget-area .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a, .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a, .wpc-term-count-0:not(.wpc-has-not-empty-children) a, .wpc-term-count-0:not(.wpc-has-not-empty-children){opacity: 1 !important;} .wpc-show-more-reverse.wpc-filter-more-less.wpc-show-less .wpc-see-less-control, .wpc-show-more-reverse.wpc-filter-more-less .wpc-see-more-control, .wpc-filter-has-selected.wpc-show-less .wpc-see-less-control, .wpc-filter-has-selected.wpc-filter-more-less .wpc-see-more-control, .wpc-filter-more-less.wpc-show-more .wpc-see-more-control, .wpc-filter-more-less .wpc-see-less-control{display: none !important;} .wpc-show-more-reverse.wpc-filter-more-less.wpc-show-less .wpc-see-more-control, .wpc-show-more-reverse.wpc-filter-more-less .wpc-see-less-control, .wpc-filter-has-selected.wpc-show-less .wpc-see-more-control, .wpc-filter-has-selected .wpc-see-less-control, .wpc-filter-more-less.wpc-show-more .wpc-see-less-control, .wpc-filter-more-less .wpc-see-more-control{display: block !important;} body .wpc-filters-widget-main-wrapper a.wpc-toggle-a, body .wpc-filters-main-wrap a.wpc-toggle-a{display: block; margin-top: 20px; padding: 13px 15px; width: 100%; text-align: center; color: #000000; line-height: 1; background: #F2F2F2; border: 0px; border-radius: 8px;} body .wpc-filters-widget-main-wrapper a.wpc-toggle-a:hover, body .wpc-filters-main-wrap a.wpc-toggle-a:hover{background: #E7EDEF;} .wpc-edit-filter-set{display: none;} .btn-filters, .filters-block .btn-apply-filters, .filters-block .btn-close{display: none;} @media only screen and (max-width: 768px) { .filters-block{position: fixed; top: 0px; left: 100%; bottom: 0px; padding: 60px 15px 77px; width: 100%; background: #FFFFFF; overflow-y: scroll; z-index: 99999;} #filters-opener:checked ~ .filters-block{left: 0px;} .filters-block .btn-apply-filters{position: fixed; bottom: 15px; left: 15px; right: 15px; display: block; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25); visibility: hidden; opacity: 0;} #filters-opener:checked ~ .filters-block .btn-apply-filters{visibility: visible; opacity: 1;} .filters-block .btn-close{position: absolute; right: 15px; top: 15px; display: block; width: 40px; height: 40px; background: url('images/icons/cross.svg') center center no-repeat; background-size: 30px 30px; cursor: pointer; -webkit-filter: grayscale(100%) brightness(0%); filter: grayscale(100%) brightness(0%);} .btn-filters{display: flex; justify-content: center; align-items: center; gap: 10px; padding: 15px; width: 100%;} .btn-filters::before{content: ""; display: block; width: 16px; height: 16px; background: url('images/icons/filters.svg') center center no-repeat; background-size: contain;} } /* Каталог. Выбранные фильтры */ .wpc-filter-chips-list{flex-wrap: wrap; gap: 7px; margin-bottom: 30px;} body .wpc-filter-chips-list li.wpc-filter-chip, .wpc-filter-chips-list li, li.wpc-filter-chip{margin: 0px !important; font-size: 16px !important;} .widget-area .widget .wpc-filter-chips-list a, body .wpc-filter-chips-list li.wpc-filter-chip a, .wpc-filter-chips-list a{padding: 7px 15px !important; color: #000000 !important; font-weight: normal !important; background: #F2F2F2; border: 0px !important;} .widget-area .widget .wpc-filter-chips-list a:hover, body .wpc-filter-chips-list li.wpc-filter-chip a:hover, .wpc-filter-chips-list a:hover{background: #E7EDEF;} .wpc-chip-content{gap: 10px !important;} .wpc-filter-chip-name{margin-right: 0px !important;} .wpc-chip-remove-icon{display: block; width: 14px; height: 14px; font-size: 0px !important; background: url('images/icons/cross.svg') center center no-repeat; background-size: contain; -webkit-filter: grayscale(100%) brightness(0%); filter: grayscale(100%) brightness(0%);} .widget-area .widget .wpc-filter-chips-list .wpc-chip-reset-all a, body .wpc-filter-chips-list li.wpc-chip-reset-all a{color: #FFFFFF !important; background: #375F3A !important;} .widget-area .widget .wpc-filter-chips-list .wpc-chip-reset-all a:hover, body .wpc-filter-chips-list li.wpc-chip-reset-all a:hover{background: #2E4F30 !important;} /* Каталог. Верхняя панель */ .catalog-panel{display: flex; justify-content: flex-end; align-items: center; gap: 60px; margin-bottom: 45px;} .catalog-view{display: flex; gap: 20px;} .btn-view{display: block; width: 24px; height: 24px; background: center center no-repeat; background-size: contain; -webkit-filter: grayscale(100%) brightness(300%); filter: grayscale(100%) brightness(300%);} .btn-view.active, .btn-view:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%);} .btn-grid{background-image: url('images/icons/grid.svg');} .btn-list{background-image: url('images/icons/list.svg');} .widget_wpc_sorting_widget{display: flex; align-items: center; gap: 30px;} .widgettitle{font-size: inherit;} .wpc-after-sorting-form{display: none;} .wpc-orderby-select{padding-top: 7px; padding-bottom: 7px;} @media only screen and (max-width: 768px) { .catalog-panel{margin-bottom: 30px;} .catalog-view{display: none;} .widget_wpc_sorting_widget, .wpc-sorting-form, .wpc-orderby-select{width: 100%; max-width: 100% !important;} .widgettitle{display: none;} } /* Каталог. Характеристики */ .chars{display: flex; flex-wrap: wrap;} .chars-item{display: flex; align-items: center;} .chars-item::before{content: ""; flex-shrink: 0; display: block; background: center center no-repeat; background-size: contain;} .char-guests::before{background-image: url('/wp-content/uploads/2023/12/guests.svg');} .char-rooms::before{background-image: url('images/icons/rooms.svg');} .char-beds::before{background-image: url('images/icons/beds.svg');} .char-bathrooms::before{background-image: url('images/icons/bathrooms.svg');} .char-space::before{background-image: url('images/icons/space.svg');} .char-landarea::before{background-image: url('images/icons/landarea.svg');} /* Каталог. Кнопка избранного */ .wpfp-link{display: block; background: url('images/icons/wishlist.svg') center center no-repeat; background-size: contain; text-indent: -9999px; overflow: hidden; -webkit-filter: grayscale(100%) brightness(220%); filter: grayscale(100%) brightness(220%);} .wpfp-link:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%);} .wpfp-link[title="Add"]{} .wpfp-link[title="Remove"]{background-image: url('images/icons/wishlist-added.svg'); -webkit-filter: grayscale(0%); filter: grayscale(0%);} .wpfp-img{position: absolute; top: 50%; right: 50%; margin-right: 0px !important; transform: translate(50%, -50%);} /* Каталог. Плитка/список объектов */ .catalog-item{display: flex; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden;} .catalog-item:hover{box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);} .catalog-gallery-item{padding-bottom: 66.66%; background: center center no-repeat; background-size: cover;} .catalog-gallery-slider .slick-dots{position: relative; left: auto; right: auto; bottom: auto; margin-top: 7px; justify-content: flex-start; gap: 7px;} .catalog-gallery-slider .slick-dots li .thumb{display: block; padding-bottom: 100%; width: 55px; background: center center no-repeat; background-size: cover; opacity: 0.4; cursor: pointer;} .catalog-gallery-slider .slick-dots li .thumb:hover{opacity: 1;} .catalog-gallery-slider .slick-dots .slick-active .thumb{opacity: 1;} .catalog-item .title{display: block; font-weight: bold;} .catalog-item .location{display: block; margin-top: 15px; font-size: 14px;} .catalog-item .desc{margin-top: 15px;} .catalog-item .below{position: absolute; display: flex; justify-content: space-between; align-items: center; gap: 15px;} .catalog-item .price{font-weight: bold;} @media only screen and (min-width: 769px) { .catalog-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .catalog-list{display: flex; flex-direction: column; gap: 30px;} .catalog-grid .catalog-item{flex-direction: column;} .catalog-list .catalog-item{align-items: stretch;} .catalog-grid .catalog-gallery-slider .slide:not(.slick-slide):first-child{margin-bottom: 62px;} .catalog-grid .catalog-gallery-slider .slide:not(.slick-slide):nth-child(n + 2){display: none;} .catalog-list .gallery{flex-shrink: 0; width: 303px; overflow: hidden;} .catalog-list .catalog-gallery-slider{display: flex !important; flex-direction: column; height: 100%;} .catalog-list .slick-list, .catalog-list .slick-track{height: 100%;} .catalog-list .catalog-gallery-item{padding-bottom: 0; height: 100%;} .catalog-grid .catalog-item .info{padding: 25px 25px 65px; height: 100%} .catalog-list .catalog-item .info{padding: 30px 30px 90px; width: -webkit-fill-available;} .catalog-list .catalog-item .title{font-size: 28px;} .catalog-grid .catalog-item .desc{display: none;} .catalog-grid .catalog-item .chars{gap: 5px 15px; margin-top: 20px;} .catalog-grid .catalog-item .chars-item{gap: 5px; font-size: 14px; opacity: 0.4;} .catalog-grid .catalog-item .chars-item::before{width: 20px; height: 20px;} .catalog-list .catalog-item .chars{gap: 7px 20px; margin-top: 25px;} .catalog-list .catalog-item .chars-item{gap: 7px;} .catalog-list .catalog-item .chars-item::before{width: 30px; height: 30px;} .catalog-grid .catalog-item .below{left: 25px; right: 25px; bottom: 25px;} .catalog-list .catalog-item .below{left: 30px; right: 30px; bottom: 30px;} .catalog-list .catalog-item .price{font-size: 28px;} .catalog-grid .catalog-item .wpfp-link{width: 22px; height: 22px;} .catalog-list .catalog-item .wpfp-link{width: 30px; height: 30px;} } @media only screen and (min-width: 769px) and (max-width: 960px) { .catalog-grid{grid-template-columns: repeat(2, 1fr);} .catalog-list .gallery{width: 240px;} } @media only screen and (max-width: 768px) { .catalog-grid, .catalog-list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;} .catalog-item{flex-direction: column;} .catalog-gallery-slider .slide:not(.slick-slide):first-child{margin-bottom: 62px;} .catalog-gallery-slider .slide:not(.slick-slide):nth-child(n + 2){display: none;} .catalog-item .info{padding: 25px 15px 65px; height: 100%} .catalog-item .desc{display: none;} .catalog-item .chars{gap: 3px 10px; margin-top: 15px;} .catalog-item .chars-item{gap: 3px; font-size: 14px; opacity: 0.4;} .catalog-item .chars-item::before{width: 16px; height: 16px;} .catalog-item .below{left: 15px; right: 15px; bottom: 25px;} .catalog-item .price{font-size: 18px;} .catalog-item .wpfp-link{width: 22px; height: 22px;} } @media only screen and (max-width: 600px) { .catalog-grid, .catalog-list{grid-template-columns: repeat(2, 1fr);} } @media only screen and (max-width: 390px) { .catalog-grid, .catalog-list{grid-template-columns: repeat(1, 1fr);} } /* Пагинация */ .wp-pagenavi{display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; margin: 60px 0px 0px;} .wp-pagenavi a, .wp-pagenavi span{display: inline-block; width: 45px; height: 45px; text-align: center; line-height: 45px; color: #000000; background: #F2F2F2; border-radius: 8px;} .wp-pagenavi a:hover{background: #E7EDEF;} .wp-pagenavi .current{color: #FFFFFF; background: #004E64;} .previouspostslink, .nextpostslink{text-indent: -9999px; overflow: hidden;} .previouspostslink::before, .nextpostslink::before{content: ""; display: block; width: 100%; height: 100%; background: center center no-repeat; background-size: 11px 11px;} .previouspostslink::before{background-image: url('images/icons/arrow-left.svg');} .nextpostslink::before{background-image: url('images/icons/arrow-right.svg');} /* Страница объекта. Верхняя панель */ .object-panel{display: flex; align-items: center; gap: 30px; margin-bottom: 45px;} .btn-share{display: flex; align-items: center; gap: 10px; color: #375F3A; cursor: pointer; -webkit-filter: grayscale(100%) brightness(220%); filter: grayscale(100%) brightness(220%);} .btn-share:hover, .modal:checked ~ .btn-share{-webkit-filter: grayscale(0%); filter: grayscale(0%);} .btn-share::before{content: ""; display: block; width: 21px; height: 21px; background: url('images/icons/share.svg') center center no-repeat; background-size: contain;} .share-list{position: absolute; top: 100%; left: 0px; padding: 10px 15px; background: #FFFFFF; border-radius: 8px; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; z-index: 99;} .modal:checked ~ .share-list{top: calc(100% + 10px); visibility: visible; opacity: 1;} .share-list.social{margin-top: 0px;} .share-list.social a{width: 40px; height: 40px;} .object-panel .wpfp-link{display: flex; align-items: center; gap: 5px; background: none;} .object-panel .wpfp-link::before{content: ""; display: block; width: 21px; height: 21px; background: center center no-repeat; background-size: contain;} .object-panel .wpfp-link[title="Add"]::before{background-image: url('images/icons/wishlist.svg');} .object-panel .wpfp-link[title="Remove"]::before{background-image: url('images/icons/wishlist-added.svg');} .object-panel .wpfp-link::after{content: ""; display: block; color: #375F3A; text-indent: 0px;} .object-panel .wpfp-img{position: absolute; top: 50%; right: 50%; margin-right: 0px !important; transform: translate(50%, -50%);} @media screen and (max-width: 768px) { .object-panel{margin-bottom: 30px;} } /* Страница объекта. Галерея */ .object-gallery-slider{margin: 0px -5px;} .object-gallery-slider .slick-slide{padding: 0px 5px;} .object-gallery-item{display: block; padding-bottom: 75%; background: center center no-repeat; background-size: cover; border-radius: 8px;} .object-gallery-item:hover{opacity: 0.85;} /* Страница объекта. Общая сетка */ .object-page{margin-bottom: 60px;} .object-page .wrapper{padding-top: 15px;} .object-block{display: flex; gap: 60px; margin-top: 60px;} .object-block .info{width: calc(100% - 440px);} .object-block .form{flex-shrink: 0; width: 380px;} .object-block .button-secondary{margin-top: 30px;} @media screen and (max-width: 1080px) { .object-block{flex-direction: column; margin-top: 45px;} .object-block .info{width: 100%;} .object-block .form{margin-top: 0px; width: auto;} } @media screen and (max-width: 768px) { .object-page{margin-bottom: 45px;} } /* Страница объекта. Информация */ .object-block .title{display: block; font-size: 42px; font-weight: bold;} .object-block .location{display: block; margin-top: 30px;} .object-block .chars{gap: 10px 30px; margin-top: 30px;} .object-block .chars-item{gap: 10px; font-size: 28px;} .object-block .chars-item::before{width: 40px; height: 40px;} .object-block .desc-block{margin-top: 60px;} .object-block .desc *:first-child{margin-top: 0px;} .object-block .desc-collapsed{max-height: 250px; overflow: hidden;} .object-block .desc-collapsed::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; display: block; height: 100%; max-height: 90px; background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));} .object-block .desc + .expand-desc{display: none;} .object-block .desc-collapsed + .expand-desc{display: block; padding: 15px 0px; width: 100%; text-align: left; color: #004E64; font-weight: bold; cursor: pointer; z-index: 1;} .object-block .desc-collapsed + .expand-desc:hover{color: #375F3A;} .object-block .amenities-block{margin-top: 60px;} .object-block .tour-block{margin-top: 60px;} .wpm-tour{position: static;} .object-block .map-block{margin-top: 60px;} @media screen and (max-width: 768px) { .object-block .title{font-size: 28px;} .object-block .location{margin-top: 25px;} .object-block .chars{gap: 10px 20px;} .object-block .chars-item{gap: 5px; font-size: 22px;} .object-block .chars-item::before{width: 24px; height: 24px;} .object-block .desc-block{margin-top: 45px;} .object-block .amenities-block{margin-top: 45px;} .object-block .tour-block{margin-top: 45px;} .object-block .map-block{margin-top: 45px;} } /* Избранное */ .wpfp-span ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 45px; margin-bottom: 45px;} .wpfp-span ul li{display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 25px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px;} .wpfp-span ul li:hover{box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);} .wpfp-span ul li a{display: flex; align-items: center; gap: 20px; font-weight: bold;} .wpfp-span ul li a .photo{flex-shrink: 0; width: 60px; height: 60px; background: center center no-repeat; background-size: cover; border-radius: 6px;} .wpfp-span ul li .wpfp-link{flex-shrink: 0; width: 30px; height: 30px;} .wpfp-link[title="Delete"]{background-image: url('images/icons/cross.svg');} .page-wishlist .wpfp-span > .wpfp-link{margin-bottom: 45px; padding: 23px 40px; text-align: center; color: #000000; line-height: 1; text-indent: 0; background: #F2F2F2; border-radius: 8px; -webkit-filter: grayscale(0%); filter: grayscale(0%);} .page-wishlist .wpfp-span > .wpfp-link:hover{background: #E7EDEF;} .wpfp-span .cleared{margin-top: 30px; margin-bottom: 45px;} @media screen and (max-width: 768px) { .wpfp-span ul{grid-template-columns: repeat(1, 1fr); gap: 15px;} .wpfp-span ul li a{display: flex; align-items: center; gap: 15px; font-weight: bold;} .wpfp-span ul li a .photo{width: 45px; height: 45px;} } /* Страница объекта. Удобства */ .amenities-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px 30px;} .amenities-grid-item{display: flex; align-items: center; gap: 10px;} .amenities-grid-item .icon{flex-shrink: 0; width: 53px; height: 53px;} .amenities-expanded + .expand-amenities{display: none;} .amenities:not(.amenities-expanded) .amenities-grid-item:nth-child(n + 13){display: none;} @media screen and (max-width: 1080px) { .amenities-grid{grid-template-columns: repeat(3, 1fr);} } @media screen and (max-width: 768px) { .amenities-grid{grid-template-columns: repeat(2, 1fr);} } @media screen and (max-width: 480px) { .amenities-grid{grid-template-columns: repeat(1, 1fr);} .expand-amenities{width: 100%;} } /* Главная страница. Первый экран */ .home-page .subtop .wrapper{padding-bottom: 30px;} .home-hero{background: center center no-repeat; background-size: cover;} .hero-overlay::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2));} .home-hero .wrapper{display: flex; align-items: center; min-height: 670px;} .home-hero .headline{display: block; color: #FFFFFF; font-size: 64px; font-weight: bold;} .home-hero .desc{display: block; margin-top: 10px; max-width: 900px; color: #FFFFFF; font-size: 28px;} .features{display: flex; flex-wrap: wrap; gap: 15px; margin-top: 30px;} .features-item{display: block; padding: 25px; max-width: 240px; color: #000000; font-size: 20px; background: linear-gradient(to right, #375F3A, #004E64); border-radius: 12px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);} .features-item::before{content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; display: block; background: #FFFFFF; border-radius: 12px;} .home-hero .buttons{display: flex; gap: 25px; margin-top: 45px;} @media only screen and (max-width: 1080px) { .home-hero .wrapper{min-height: 560px;} } @media only screen and (max-width: 768px) { .home-hero .headline{font-size: 42px;} .home-hero .desc{font-size: 18px;} .features-item{padding: 18px; max-width: 180px; font-size: 16px;} .features-item::before{top: 3px; left: 3px; right: 3px; bottom: 3px;} .home-hero .buttons{gap: 15px; margin-top: 30px;} } @media only screen and (max-width: 480px) { .home-hero .wrapper{padding-top: 90px; padding-bottom: 90px; min-height: auto;} .features{flex-direction: column; align-items: stretch;} .features-item{max-width: 100%;} .home-hero .buttons{flex-direction: column;} .home-hero .buttons .button{width: 100%;} } /* Преимущества */ .block-advantages .wrapper{padding-bottom: 105px;} .home-page .block-advantages .wrapper{padding-top: 85px; padding-bottom: 75px;} .advantages-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 55px;} .advantages-grid-item{display: flex; gap: 30px;} .advantages-grid-item .icon{flex-shrink: 0; width: 80px; height: 80px; background: center center no-repeat; background-size: contain;} .advantages-grid-item .text{display: flex; flex-direction: column; gap: 10px;} .advantages-grid-item .title{font-size: 28px; font-weight: bold;} @media only screen and (max-width: 1080px) { .advantages-grid-item{gap: 15px;} .advantages-grid-item .icon{width: 60px; height: 60px;} } @media only screen and (max-width: 768px) { .block-advantages .wrapper{padding-bottom: 75px;} .home-page .block-advantages .wrapper{padding-top: 70px; padding-bottom: 60px;} .advantages-grid{margin-top: 40px;} .advantages-grid{grid-template-columns: repeat(1, 1fr);} .advantages-grid-item .icon{width: 45px; height: 45px;} .advantages-grid-item .title{font-size: 22px;} } /* Плитка услуг */ .services-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 45px;} .service-card{display: block; padding-bottom: 70%; background: center center no-repeat; background-size: cover; border-radius: 9px; overflow: hidden;} .service-card::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; height: 100%; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));} .service-card span{position: absolute; left: 15px; right: 15px; bottom: 30px; display: block; text-align: center; color: #FFFFFF; font-weight: bold;} .service-card:hover span{bottom: 45px;} @media only screen and (max-width: 1080px) { .services-grid{gap: 15px;} } @media only screen and (max-width: 900px) { .services-grid{grid-template-columns: repeat(3, 1fr);} } @media only screen and (max-width: 768px) { .services-grid{margin-top: 30px;} .service-card span{bottom: 15px;} .service-card:hover span{bottom: 30px;} } @media only screen and (max-width: 480px) { .services-grid{grid-template-columns: repeat(2, 1fr); gap: 10px;} } /* Слайдер отзывов */ .block-reviews{margin: 30px 0px; background: #E7EDEF;} .block-reviews .wrapper{padding-top: 100px; padding-bottom: 140px;} .block-reviews-new{margin-bottom: 0px;} .block-reviews-new .wrapper{padding-bottom: 0px;} .reviews-slider{margin-top: 40px;} .review-card{display: flex; align-items: stretch; min-height: 450px; background: #FFFFFF; border-radius: 10px; overflow: hidden;} .review-card .photo{flex-shrink: 0; width: 362px; background: center center no-repeat; background-size: cover;} .review-card .info{display: flex; flex-direction: column; justify-content: center; gap: 30px; padding: 45px;} .review-card .text{font-size: 28px;} .review-card .name{font-weight: bold;} .reviews-list{display: flex; flex-direction: column; gap: 45px;} .reviews-list .review-slide:nth-child(odd) .review-card{flex-direction: row-reverse;} .reviews-list .review-card .story{margin-top: -15px;} @media only screen and (min-width: 1400px) { .reviews-slider .slick-prev{left: -90px;} .reviews-slider .slick-next{right: -90px;} } @media only screen and (max-width: 768px) { .block-reviews .wrapper{padding-top: 60px; padding-bottom: 100px;} .block-reviews-new .wrapper{padding-bottom: 0px;} .reviews-slider{margin-top: 30px;} .review-card{min-height: auto} .review-card .photo{width: 180px;} .review-card .info{padding: 45px 30px;} .review-card .text{font-size: 16px;} } @media only screen and (max-width: 480px) { .reviews-slider .slick-prev, .reviews-slider .slick-next{display: none !important;} .review-card{flex-direction: column !important; align-items: center; padding-top: 30px;} .review-card .photo{width: 105px; height: 105px; border-radius: 50%;} .review-card .info{padding: 30px 30px 45px;} } /* CTA-блок */ .block-cta .wrapper{padding-top: 70px; padding-bottom: 140px;} .block-cta .form-block{margin: 0 auto; padding: 45px 80px 60px; max-width: 660px;} .block-cta .form-block .block-headline{margin-bottom: 60px; text-align: center;} @media only screen and (max-width: 768px) { .block-cta .wrapper{padding-top: 45px; padding-bottom: 100px;} .block-cta .form-block{padding: 45px 30px 60px;} .block-cta .form-block .block-headline{margin-bottom: 45px;} } @media only screen and (max-width: 390px) { .block-cta .wrapper{padding-left: 0px; padding-right: 0px;} .block-cta .form-block{padding: 45px 15px 60px;} } /* Рабочий процесс */ .block-process{margin-bottom: 30px; background: #E7EDEF;} .block-process .wrapper{padding-top: 85px; padding-bottom: 100px;} .process-grid{display: flex; flex-wrap: wrap; margin-top: 75px;} .process-grid-item{display: flex; flex-direction: column; gap: 10px; padding-right: 100px; width: calc(33.33% - 25px);} @media only screen and (min-width: 601px) { .process-grid-item:nth-child(odd){padding-bottom: 105px;} .process-grid-item:nth-child(even){padding-top: 105px;} .process-grid-item::before{content: ""; position: absolute; left: 0px; display: block; width: 2px; height: 70px; background: #000000;} .process-grid-item:nth-child(odd)::before{bottom: 0px;} .process-grid-item:nth-child(even)::before{top: 0px;} .process-grid-item:nth-child(odd)::after{content: ""; position: absolute; bottom: -1px; left: -45px; display: block; width: calc(100% + 75px); height: 2px; background: #000000;} .process-grid-item:nth-child(1){order: 1;} .process-grid-item:nth-child(2){order: 4; margin-left: 75px;} .process-grid-item:nth-child(3){order: 2;} .process-grid-item:nth-child(4){order: 5;} .process-grid-item:nth-child(5){order: 3;} .process-grid-item:nth-child(6){order: 6;} } .process-grid-item .number{color: #004E64; font-size: 48px; font-weight: bold;} .process-grid-item .title{font-size: 28px; font-weight: bold;} .process-grid-item .desc{} @media only screen and (max-width: 1080px) { .process-grid-item{padding-right: 45px;} } @media only screen and (max-width: 768px) { .block-process .wrapper{padding-top: 70px; padding-bottom: 85px;} .process-grid{margin-top: 60px;} .process-grid-item:nth-child(odd){padding-bottom: 80px;} .process-grid-item:nth-child(even){padding-top: 80px;} .process-grid-item::before{height: 45px;} .process-grid-item:nth-child(2){margin-left: 45px;} .process-grid-item{padding-right: 30px;} .process-grid-item .number{font-size: 36px;} .process-grid-item .title{font-size: 22px;} } @media only screen and (max-width: 600px) { .process-grid{gap: 30px; margin-top: 45px; border-left: 2px solid #000000;} .process-grid-item{margin-left: 0px !important; padding: 0px 0px 0px 30px !important; width: 100%;} .process-grid-item::before{content: ""; position: absolute; top: 17px; left: 0px; display: block; width: 15px; height: 2px; background: #000000;} } /* Список групповых предложений */ .group-offers{margin: 30px 0px;} .page.group-offers{margin-bottom: 0px;} .page.group-offers .wrapper{padding-bottom: 30px;} .group-offers-list-item .wrapper{padding-top: 80px; padding-bottom: 90px;} .group-offers-list-item:nth-child(odd){background: #E7EDEF;} .group-offers .block-split{align-items: center;} .group-offers-list-item:nth-child(even) .block-split{flex-direction: row-reverse;} .group-offers-list-item h2{margin-top: 0px;} .group-offers-list-item .more-link{color: #004E64; font-weight: bold;} .group-offers-list-item .more-link:hover{color: #375F3A;} .group-offers .gallery-slider .gallery-item{min-height: 275px; background: center center no-repeat; background-size: cover; border-radius: 8px;} @media screen and (max-width: 768px) { .group-offers{margin-top: 0px;} .group-offers-list-item .wrapper{padding-top: 60px; padding-bottom: 70px;} .group-offers-list-item:nth-child(even) .block-split{flex-direction: column;} } @media screen and (max-width: 600px) { .group-offers .gallery-slider .gallery-item{min-height: 180px;} } /* Галерея */ .page-galleries .wrapper{padding-bottom: 75px;} .galleries-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin: 45px 0px 30px;} .galleries-grid-item{display: flex; border-radius: 8px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.09); overflow: hidden;} .galleries-grid-item:hover{box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);} .galleries-grid-item .photo{padding-bottom: 50%; width: 50%; background: center center no-repeat; background-size: cover;} .galleries-grid-item .info{display: flex; align-items: center; padding: 45px 30px; width: 50%;} .galleries-grid-item .title{font-size: 28px; font-weight: bold;} .page-gallery .wrapper{padding-bottom: 90px;} .page-gallery .gallery{margin-top: 45px !important;} .page-gallery .gallery{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;} .page-gallery .gallery .gallery-item{width: 100% !important; float: none !important; margin-top: 0px !important;} .page-gallery .gallery .gallery-item a{display: block; width: 100%; padding-bottom: 100%; border-radius: 8px; overflow: hidden;} .page-gallery .gallery .gallery-item a:hover{opacity: 0.85;} .page-gallery .gallery img{border: 0 !important; position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; width: auto; min-width: 100%; height: 100%;} .page-gallery .gallery br{display: none;} .page-gallery .wp-caption-text{margin: 10px 0px 0px; text-align: center; color: #000000; font-size: 16px;} @media screen and (max-width: 1080px) { .galleries-grid-item{flex-direction: column;} .galleries-grid-item .photo{padding-bottom: 75%; width: 100%;} .galleries-grid-item .info{justify-content: center; width: 100%;} .galleries-grid-item .title{text-align: center;} .page-gallery .gallery{grid-template-columns: repeat(3, 1fr);} } @media screen and (max-width: 768px) { .galleries-grid{gap: 15px; margin-top: 30px;} .galleries-grid-item .info{padding: 30px 15px;} .galleries-grid-item .title{font-size: 18px;} .page-gallery .gallery{margin-top: 30px !important;} .page-gallery .gallery{grid-template-columns: repeat(2, 1fr);} .page-gallery .wp-caption-text{font-size: 14px;} } @media only screen and (max-width: 480px) { .page-gallery .gallery{gap: 10px;} } @media only screen and (max-width: 390px) { .galleries-grid{grid-template-columns: repeat(1, 1fr);} } /* Страница "Контактов" */ .page-contact{margin: 30px 0px; padding: 100px 0px; overflow: hidden;} .page-contact .bg{position: absolute; top: 0px; left: 0px; right: 0px; height: 580px; background: center center no-repeat; background-size: cover;} .page-contact .wrapper{padding: 90px 135px 100px; background: #E7EDEF; border-radius: 8px;} .contact-block{display: flex; gap: 60px;} .contact-block .info{width: 100%;} .contact-block .form{flex-shrink: 0; margin-top: -153px; width: 496px;} .contact-block .map-block{margin-top: 60px;} @media screen and (max-width: 1080px) { .page-contact{margin: 0px;} .contact-block{flex-direction: column;} .contact-block .form{margin-top: 0px; width: auto;} } @media screen and (max-width: 768px) { .page-contact .wrapper{padding: 75px 15px 85px; border-radius: 8px;} .page-contact{padding-bottom: 30px;} } /* Раздел блога */ .blog-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin: 40px 0px 60px;} .blog-grid-item{display: flex; flex-direction: column; justify-content: space-between; gap: 25px; padding: 0px 25px 25px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden;} .blog-grid-item:hover{box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);} .blog-grid-item .photo{margin: 0px -25px; padding-bottom: 67%; background: center center no-repeat; background-size: cover;} .blog-grid-item .title{display: block; margin-top: 15px; line-height: 1.1; font-size: 28px; font-weight: bold;} .blog-grid-item .date{display: block; opacity: 0.4;} @media only screen and (max-width: 1080px) { .blog-grid{grid-template-columns: repeat(2, 1fr);} } @media only screen and (max-width: 768px) { .blog-grid{gap: 15px; margin: 30px 0px 45px;} .blog-grid-item{gap: 15px; padding: 0px 15px 15px;} .blog-grid-item .photo{margin: 0px -15px;} .blog-grid-item .title{font-size: 18px;} .blog-grid-item .date{font-size: 14px;} } @media only screen and (max-width: 480px) { .blog-grid{grid-template-columns: repeat(1, 1fr);} } /* Статья в блоге */ .article-panel{display: flex; align-items: center; gap: 30px; margin-bottom: 30px;} .article .block-headline{max-width: 800px;} .article .photo{margin: 30px 0px 45px; padding-bottom: 50%; background: center center no-repeat; background-size: cover; border-radius: 8px; overflow: hidden;} .article .photo picture{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden;} .article .photo picture img{display: block; width: 100%; height: 100%; object-fit: cover} .cross-link{display: flex; align-items: center; gap: 30px; padding: 30px; width: 100%; background: #F2F2F2; border-radius: 10px;} .cross-link:hover{background: #E7EDEF;} .cross-link .photo{flex-shrink: 0; width: 150px; height: 150px; background: center center no-repeat; background-size: cover; border-radius: 8px;} .cross-link .info{flex: 1;} .cross-link .block-headline{margin-top: 15px; color: #004E64;} .cross-link::after{content: ""; flex-shrink: 0; display: block; width: 45px; height: 45px; background: url('images/icons/arrow-right.svg') center center no-repeat; background-size: contain;} @media only screen and (max-width: 768px) { .article .photo{margin: 20px 0px 30px;} .cross-link-block .wrapper{padding-top: 0px; padding-bottom: 15px;} .cross-link{gap: 15px; padding: 15px; font-size: 14px; border-radius: 8px;} .cross-link .block-headline{font-size: 18px;} .cross-link::after{width: 30px; height: 30px;} } @media only screen and (max-width: 480px) { .cross-link{flex-direction: column; align-items: flex-start; gap: 0px;} .cross-link .photo{width: 75px; height: 75px;} .cross-link .story *:first-child{margin-top: 5px;} } /* Блок о компании */ .about .wrapper{padding-top: 45px; padding-bottom: 70px;} .management{display: flex; gap: 30px; margin-top: 45px;} .managers-list{flex-shrink: 0; display: flex; flex-direction: column; gap: 30px; width: 320px;} .managers-list-item{display: flex; align-items: center; gap: 20px;} .managers-list-item .photo{width: 120px; height: 120px; background: center center no-repeat; background-size: cover; border-radius: 50%;} .managers-list-item .name{display: block; color: #004E64; font-weight: bold;} .managers-list-item .job{display: block; margin-top: 5px;} .management .quote{padding: 30px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px;} .facts{display: flex; gap: 30px; margin-top: 45px;} .facts-item{width: 25%;} .facts-item .number{display: block; color: #004E64; font-size: 42px; font-weight: bold;} .facts-item .caption{margin-top: 10px; font-size: 28px;} .about .button{margin-top: 45px;} @media only screen and (max-width: 1080px) { .managers-list{width: 240px;} .managers-list-item .photo{width: 90px; height: 90px;} .facts{flex-wrap: wrap;} .facts-item{width: calc(50% - 15px);} } @media only screen and (max-width: 768px) { .about .wrapper{padding-top: 30px; padding-bottom: 50px;} .management{flex-direction: column-reverse; margin-top: 30px;} .managers-list{flex-wrap: wrap; flex-direction: row; gap: 20px; width: 100%;} .managers-list-item .photo{width: 60px; height: 60px;} .management .quote{padding: 15px;} .facts-item .number{font-size: 28px;} .facts-item .caption{margin-top: 5px; font-size: 18px;} } @media only screen and (max-width: 480px) { .facts{flex-direction: column; gap: 20px;} .facts-item{width: 100%;} .facts-item .caption{font-size: 14px;} } /* Блок с видео */ .video .wrapper{max-width: 900px;} .video .block-headline{text-align: center;} .video .button-block{display: flex; justify-content: center;} @media only screen and (max-width: 768px) { .video .video-container{margin-top: 30px;} } /* Категории объектов */ .categories .wrapper{padding-top: 75px;} .categories-grid{display: flex; gap: 20px; margin-top: 30px;} .categories-grid-item{flex: 1; display: block; padding: 30px; background: #F2F2F2; border-radius: 8px;} .categories-grid-item:hover{background: #E7EDEF;} .categories-grid-item .title{display: block; color: #004E64; font-weight: bold;} .categories-grid-item .desc{margin-top: 10px; font-size: 14px;} .categories-grid-item .counter{display: block; margin-top: 15px; color: #004E64; font-weight: bold; font-size: 14px;} @media only screen and (max-width: 1080px) { .categories-grid{margin: 30px -30px 0px; padding: 0px 30px; overflow-x: scroll;} .categories-grid-item{width: 270px; flex: unset; flex-shrink: 0;} } @media only screen and (max-width: 768px) { .categories .wrapper{padding-top: 60px;} .categories-grid{margin: 30px -15px 0px; padding: 0px 15px;} .categories-grid-item{padding: 20px;} } /* Слайдер объектов */ .objects{overflow-x: hidden;} .objects .wrapper{padding-top: 75px; padding-bottom: 70px;} .objects .block-headline{margin-bottom: 45px; text-align: center;} .catalog-slider{margin: 0px -10px;} .catalog-slider > .slick-list{overflow: visible;} .catalog-slider > .slick-list > .slick-track{display: flex !important;} .catalog-slider > .slick-list > .slick-track > .slide{padding: 0px 10px; height: inherit;} .catalog-slider .catalog-item{height: 100%;} .catalog-slider .wpfp-span img{display: none !important;} @media screen and (max-width: 1080px) { .catalog-slider > .slick-prev, .catalog-slider > .slick-next{width: 65px;} .catalog-slider > .slick-prev{left: -30px;} .catalog-slider > .slick-next{right: -30px;} } @media screen and (max-width: 768px) { .objects .wrapper{padding-top: 60px; padding-bottom: 45px;} .objects .block-headline{margin-bottom: 30px;} .catalog-slider{margin: 0px -5px;} .catalog-slider > .slick-list > .slick-track > .slide{padding: 0px 5px;} } /* Блок этапов */ .timeline{background: #E7EDEF;} .timeline .wrapper{padding-top: 85px; padding-bottom: 100px;} .timeline-grid{display: flex; gap: 30px; margin: 60px 0px; border-top: 1px dashed rgba(0, 0, 0, 0.2);} .timeline-grid-item{flex: 1; padding-top: 30px;} .timeline-grid-item::after{content: ""; position: absolute; top: -15px; left: 0px; display: block; width: 18px; height: 18px; background: #E7EDEF; border: 6px solid #004E64; border-radius: 50%;} .timeline-grid-item:last-child::before{content: ""; position: absolute; top: -1px; left: 0px; right: 0px; display: block; height: 1px; background: #E7EDEF;} .timeline-grid-item .headline{display: block; color: #004E64; font-weight: bold;} .timeline-grid-item .desc{margin-top: 10px; font-size: 14px;} .timeline-grid-item .time{display: block; margin-top: 15px; font-size: 14px; font-weight: bold;} @media only screen and (max-width: 1080px) { } @media only screen and (max-width: 768px) { .timeline .wrapper{padding-top: 60px; padding-bottom: 75px;} .timeline-grid{flex-direction: column; margin: 45px 0px 30px 15px; border-top: 0px; border-left: 1px dashed rgba(0, 0, 0, 0.2);} .timeline-grid-item{padding-top: 0px; padding-left: 30px;} .timeline-grid-item::after{top: -3px; left: -15px;} .timeline-grid-item:last-child::before{top: 0px; bottom: 0px; left: -1px; right: auto; width: 1px; height: auto;} } /* Блок дополнительных услуг */ .additional .wrapper{padding-top: 85px; padding-bottom: 100px;} .additional-list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 45px;} .additional-list li{display: block; padding: 30px; line-height: 1.3; border-top: 6px solid #004E64; border-radius: 0px 0px 8px 8px; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);} .additional-list li strong{display: block; margin-bottom: 15px; color: #004E64; font-size: 28px; font-weight: bold;} @media only screen and (max-width: 1080px) { .additional-list{grid-template-columns: repeat(2, 1fr);} } @media only screen and (max-width: 768px) { .additional .wrapper{padding-top: 60px; padding-bottom: 75px;} .additional-list{gap: 15px; margin-top: 30px;} .additional-list li{padding: 20px; font-size: 14px;} .additional-list li strong{margin-bottom: 10px; font-size: 18px;} } @media only screen and (max-width: 480px) { .additional .wrapper{padding-bottom: 45px;} .additional-list{display: flex; margin: 0px -15px; 0px; padding: 30px 15px; overflow-x: scroll;} .additional-list li{flex-shrink: 0; width: 270px;} } /* Блок FAQ */ .faq{background: #E7EDEF;} .faq .wrapper{padding-top: 85px; padding-bottom: 100px;} .faq .block-headline{text-align: center;} .faq .wrapper > .story{margin: 0 auto;} .faq-list{display: flex; flex-direction: column; align-items: stretch; gap: 15px; margin: 45px auto 0px; max-width: 800px;} .faq-list-item{background: #FFFFFF; border-radius: 8px;} .faq-list-item:hover{box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);} .faq-list-item input{display: none;} .faq-list-item .question{display: flex; justify-content: space-between; align-items: center; padding: 30px; font-weight: bold; cursor: pointer;} .faq-list-item .question::after{content: ""; display: block; width: 30px; height: 30px; background: url('images/icons/arrow-right.svg') center center no-repeat; background-size: 15px 15px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50%;} .faq-list-item input:checked ~ .question::after{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .faq-list-item .answer{display: none; padding: 0px 30px 30px;} .faq-list-item input:checked ~ .answer{display: block;} .faq-list-item .answer *:first-child{margin-top: 0px;} @media only screen and (max-width: 768px) { .faq .wrapper{padding-top: 60px; padding-bottom: 75px;} .faq-list{margin-top: 30px;} .faq-list-item .question{padding: 20px;} .faq-list-item .question::after{flex-shrink: 0; width: 20px; height: 20px; background-size: 10px 10px;} .faq-list-item .answer{padding: 0px 20px 20px;} } /* CTA-блок */ .block-cta-new .wrapper{padding-top: 85px; padding-bottom: 100px;} .cta-block{display: flex; gap: 45px; margin-top: 45px;} .cta-block .managers-list{margin-bottom: 45px;} .cta-block .form-block{max-width: 600px;} @media only screen and (max-width: 768px) { .block-cta-new .wrapper{padding-top: 60px; padding-bottom: 75px;} .cta-block{flex-direction: column-reverse; margin-top: 30px;} .cta-block .form-block{max-width: auto;} .cta-block .managers-list{margin-bottom: 30px;} } /* Кнопки соцсетей */ .social{display: flex; gap: 5px; margin-top: 30px;} .social a{display: block; width: 54px; height: 54px; background: center center no-repeat; background-size: contain; border-radius: 50%;} .social a:hover{background-color: #F2F2F2;} .social .whatsapp{background-image: url('images/social/whatsapp.svg');} .social .facebook{background-image: url('images/social/facebook.svg');} .social .instagram{background-image: url('images/social/instagram.svg');} .social .twitter{background-image: url('images/social/twitter.svg');} .social .tiktok{background-image: url('images/social/tiktok.svg');} .social .copy{background-image: url('images/social/copy.svg');} .social .copy-done{background-image: url('images/icons/tick.svg'); background-size: 15px 15px; background-color: #F2F2F2;} .social .copy-done::after{position: absolute; left: 0px; bottom: calc(100% + 5px); display: block; padding: 5px 10px; color: #FFFFFF; font-size: 14px; white-space: nowrap; background: rgba(0, 0, 0, 0.8); border-radius: 5px;} #article-url{display: none;} @media only screen and (max-width: 768px) { .social a{display: block; width: 42px; height: 42px;} } /* Подвал сайта */ .footer::before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; display: block; height: 20px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0));} .footer .wrapper{padding-top: 70px; padding-bottom: 70px;} .footer .etis-logo{padding-left: 172px; padding-top: 7px; height: 60px; font-size: 26px;} .footer-columns{display: flex; gap: 30px; margin-top: 60px;} .footer-columns .col{width: 33.333%;} .footer-columns .headline{display: block; font-size: 28px; font-weight: bold;} .footer-contacts{display: flex; flex-direction: column; gap: 20px; margin-top: 30px;} .footer-menu{display: flex; flex-direction: column; gap: 15px; margin-top: 30px;} .footer-menu a:hover{color: #375F3A;} .form-subscription{margin-top: 20px;} .form-subscription .f-submit{margin-top: 5px;} @media only screen and (max-width: 900px) { .footer-columns{flex-direction: column; gap: 45px;} .footer-columns .col{width: 100%;} } @media only screen and (max-width: 768px) { .footer .etis-logo{padding-left: 115px; padding-top: 5px; height: 40px; font-size: 18px;} .footer-columns{margin-top: 45px;} .footer-columns .headline{font-size: 18px;} .footer-menu{gap: 0px; margin-top: 17.5px;} .footer-menu a{display: block; padding: 7.5px 0px;} } /* Подвал сайта. Нижняя плашка */ .footer-bottom{color: #FFFFFF; background: #004E64;} .footer-bottom a{color: rgba(255, 255, 255, 1);} .footer-bottom a:hover{color: rgba(255, 255, 255, 0.5);} .footer-bottom-columns{display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 20px;} .footer-links{display: flex; flex-wrap: wrap; gap: 15px 30px;} .footer-bottom .designed{color: rgba(255, 255, 255, 0.6);} .footer-bottom .designed:hover{color: rgba(255, 255, 255, 1);} .grecaptcha-badge {visibility: hidden;} .recaptcha-disclaimer{display: block; margin-top: 20px; max-width: 250px;} .recaptcha-disclaimer, .recaptcha-disclaimer a{color: rgba(255, 255, 255, 0.6) !important; font-size: 10px; text-decoration: none;} .recaptcha-disclaimer a:hover{color: rgba(255, 255, 255, 1) !important;} @media only screen and (max-width: 768px) { .footer-bottom .wrapper{padding-top: 45px; padding-bottom: 45px;} .footer-bottom-columns{flex-direction: column; align-items: flex-start;} .footer-links{flex-direction: column;} } /* Подвал сайта. Cookies */ .cookie-notice-container{justify-content: center; align-items: center; gap: 15px;} .cookie-notice-container .button{min-width: auto; margin: 0px 5px !important;} #cn-notice-text{max-width: 400px; margin-right: 10px;} @media only screen and (max-width: 900px) { #cn-notice-text{max-width: 100%; margin-right: 0px;} } @media only screen and (max-width: 768px) { .cookie-notice-container{flex-direction: column; align-items: stretch;} .cookie-notice-container .button{font-size: 14px; padding: 15px; margin: 10px 0px 0px !important; width: 100%;} }