Current Path : /var/www/www-root/data/www/info.monolith-realty.ru/local/templates/monolitsochi/css/ |
Current File : /var/www/www-root/data/www/info.monolith-realty.ru/local/templates/monolitsochi/css/custom.css |
/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/ /* Examples (uncomment to use):*/ /* Expand site width */ /* body .wrapper { max-width: 1400px !important; } */ /* Set site background image */ /* body { background: url(image_source) top no-repeat; } /* Hide compare button */ /* a.compare_item { display: none !important; }*/ .grid-list--items-3 { grid-template-columns: repeat(auto-fill, minmax(410px, 1fr)); } .iti ul li:before { content: none; } .iti { width: 100% !important; } .iti ~ .b24-form-control-label { padding-left: 50px !important; } input[type=tel]:focus ~ .iti ~ .b24-form-control-label { top: 30% !important; } /* page thanks */ .thanks_subscribs { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 10px; background: white; padding: 50px; } .thanks_subscribs > .thanks_info { width: 100%; max-width: 560px; min-width: 300px; display: block; } .thanks_subscribs > .thanks_info > .desc, .thanks_subscribe_tg > .txt { font-size: 18px; line-height: 26px; } .thanks_subscribe_tg { margin: 25px 0; } .thanks_subscribe_link_tg { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 20px; } .thanks_subscribe_link_tg > .tn-link { color: #ffffff; font-size: 18px; font-family: 'Montserrat', Arial, sans-serif; line-height: 1.3; font-weight: 600; border-radius: 100px; background-color: #01ab8e; background-position: center center; border-color: transparent; border-style: solid; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; padding: 20px 100px; margin: 0 30px; cursor: pointer; } .thanks_subscribe_tg > .txt { margin: 55px 0; } .video_youtube { display: flex; gap: 50px; align-items: center; justify-content: center; flex-flow: row wrap; } .video_youtube > .video { width: 350px; height: 230px; max-width: 350px; min-width: 300px; } /*для новостей сниппет*/ .snippet_news { width: 100%; max-width: 1130px; min-width: 300px; display: flex; padding: 25px 0; border-bottom: #06aea0 2px solid; border-top: #06aea0 2px solid; margin-top: 60px; margin-bottom: 60px; } .snippet_news > img, .snippet_news > a > img { max-width: 300px; min-width: 300px; display: block; object-fit: cover; margin: 0 0 0 40px; } .snippet_news > .snippet_new__text { margin: 0 15px; line-height: 1.4; max-width: 100%; display: block; width: 100%; } .detail-block.ordered-block.offer { width: 100%; margin: 0 auto; } .detail-block.offer .form-list-template .form--centered .form-inner { width: 100%; max-width: 890px !important; min-width: 300px; } .news-list__item-text-wrapper--BOTTOM .news-list__item-address-text { color: white; } .form__info.flex-1.form__info-- { margin-left: 30px; } body.mfixed_y.mfixed_view_scroll_top #mobileheader.fixed { background: white; box-shadow: 0 0 10px 0 #717171; } @media screen and (max-width: 620px){ .banners-fon-list__wrapper.grid-list__item > .banners-fon-list__item { background-position: center left!important; } iframe.index-video.index-video--main { height: 250px; min-height: 250px; max-height: 250px; } } /*CUSTOM MAIN FORM*/ .form__wrapper.flexbox.flexbox--direction-row.flexbox--column-t991.form--static { max-width: 1500px!important; margin: 0 auto!important; } /* скрытие всплывашки на мобилке*/ @media (max-width: 991px) { .b24-widget-button-wrapper.b24-widget-button-position-bottom-right, .b24-widget-button-wrapper.b24-widget-button-position-bottom-middle, .b24-widget-button-wrapper.b24-widget-button-position-bottom-left{ display: none; } /* блок в каталоге*/ .top-content-block > div > div > div.grid-list.mobile-scrolled.mobile-scrolled--items-2.mobile-offset.grid-list--gap-20.grid-list--items-4{ display: flex; flex-direction: column; width: 100%; gap: 10px; } /*элементы в этом блоке*/ #main > div.body.hover_ > div.main.banner-auto > div.container > div > div > div > div > div.top-content-block > div > div > div.grid-list.mobile-scrolled.mobile-scrolled--items-2.mobile-offset.grid-list--gap-20.grid-list--items-4 > div { width: 100%; padding: 0; } } /*замена картинки на мобилке*/ @media (max-width: 767px) { .banners-big--adaptive-3 .banners-big__adaptive-img { background-image: url("/local/templates/monolitsochi/images/bgx2.png") !important; } .main .banners-big--adaptive-3 .banners-big__inner { z-index:100; } .main .banners-big--adaptive-3 .banners-big__inner .banners-big__buttons { } .main .banners-big--adaptive-3 .banners-big__inner .banners-big__text{ align-items: left; text-align: left; font-size:12px; width:180px; } .main .banners-big--adaptive-3 .banners-big__inner .banners-big__text .banners-big__text-block { font-size:12px; } .main .COMPANY_TEXT .maxwidth-theme:first-child{ } } @media (max-width: 767px) { /* скрытие заголовка на первом экране */ .banners-big__title.switcher-title.banners-big__title--middle { display: none; } /* для красоты */ .main .topmainbanner.banners-big--adaptive-3 .banners-big__inner .banners-big__text { align-items: flex-start; font-size: 12px; width: 100%; max-width: 320px; } .main .topmainbanner.banners-big--adaptive-3 .banners-big__inner .banners-big__text .banners-big__text-block { line-height: 120%; } .topmainbanner.banners-big--adaptive-3 .banners-big__item { position: relative; } .topmainbanner.banners-big--adaptive-3 .banners-big__item:before { content: ''; top: 0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.2); } .drag-block.container.COMPANY_TEXT > .index-block:first-child { display: none; } } .banners-big .owl-carousel .owl-item, .banners-big .main-slider .main-slider__item { background-position: right; } /*включить текст на баннере*/ @media (max-width: 767px) { .banners-big--adaptive-3 .banners-big__item .pos-static { opacity: 1; background-color: rgb(0, 0, 0, 0.25); } .banners-big__inner h1,h2,.banners-big__top-text { } } /* вовсю ширину*/ @media screen and (max-width: 620px) { .banners-fon-list__wrapper.grid-list__item > .banners-fon-list__item { margin: 0 -24px; } } /*скрыть*/ @media (max-width: 991px) { /* текст*/ .banners-fon-list__item-inner .banners-fon-list__item-info h1{ display: none; } /* лого*/ #bx_3054745969_442 > div > div > div > div > div > div:nth-child(1){ display: none; } #bx_3054745969_442 > div{ background-color: rgb(0, 0, 0, 0.25); } /* баннер в каталоге*/ .wrapper--banner--text-right{ display: none; } /*текст в мифах*/ .reviews-list__item-preview.font_15{ font-size: 18px; border-top: 1px solid gray; } /*отсупы после формы*/ #main > div.body.hover_ > div.main.banner-auto > div:nth-child(12) > div > div{ padding: 0; } #main > div.body.hover_ > div.main.banner-auto > div:nth-child(12){ padding: 0; } #main > div.body.hover_ > div.main.banner-auto > div:nth-child(11){ padding-bottom: 25px; } /* tooltip сообщить о нарушении*/ #main > div.body.hover_ > div.main.banner-auto > div:nth-child(11) > div > div > div > div > div.form-inner.flex-1 > div > div .b24-form-sign { padding: 10px 0; } @media screen and (max-width:767px){ .tizers-list__items-wrapper{ padding: 0 24px; } } /*ИЗМЕНИТЬ в .css?17176766833547:161 */ @media screen and (max-width: 620px) { .banners-fon-list__wrapper.grid-list__item > .banners-fon-list__item { /* background-position: center right !important;*/ background-position: center right !important; /*нужный вариант*/ margin: 0 -24px; } } @media (max-width: 767px) { .topmainbanner h2 { display: none; } .main .topmainbanner.banners-big--adaptive-3 .banners-big__inner .banners-big__text .banners-big__text-block { text-align: center; } .main .topmainbanner.banners-big--adaptive-3 .banners-big__inner .banners-big__buttons { margin-left: auto; margin-right: auto; } .topmainbanner.banners-big--adaptive-3 .banners-big__item:before { background: rgba(0, 0, 0, 0.4); } .VIDEO_MAIN ~ .REVIEWS + .CASES + .NEWS{ display: none; } .reviews-list__item.bordered{ padding: 12px; padding-bottom: 6px; } .reviews-list__item.bordered .switcher-title{ font-size: 18px; } .reviews-list__item.bordered p{ font-size: 16px; margin-bottom: 6px; margin-top: 6px; line-height: 144%; } .reviews-list__item-info{ margin-top: 0; } .reviews-list__item-preview-wrapper{ margin-top: 12px; } .form--SIDE_IMG > .maxwidth-theme{ padding: 0; } .banners-fon-list--white-box.banners-fon-list--white-box-opacity.banners-fon-list--text-right { display: none; } .catalog-detail__bottom-info .detail-block.ordered-block.big_gallery:last-child{ display: none; } }