/* * base-legacy.css — замена для bootstrap.min.css + style.css (со всеми @import) + main.css * на index.html и policy.html. Собрано PurgeCSS 6.0.0 из исходных файлов сайта: * оставлены только правила, которые реально применяются на этих двух страницах. * Было ~272 КБ (7 файлов + внешний Google Fonts + битый prettify.css), стало ~15 КБ. * Удалено правило p { user-select: none } — оно запрещало выделять и копировать текст. * Заголовки по-прежнему просят 'Open Sans': без Google Fonts браузер возьмёт Arial. * Если нужен именно Open Sans — подключите его локально (woff2, кириллица, font-display: swap). * При добавлении новых блоков с классами Bootstrap пересоберите файл заново. */ /*! * Bootstrap v3.1.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}[hidden]{display:none}a{background:0 0}a:active,a:hover{outline:0}b,strong{font-weight:700}h1{font-size:2em;margin:.67em 0}small{font-size:80%}img{border:0}figure{margin:1em 40px}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.table td,.table th{background-color:#fff!important}.table{border-collapse:collapse!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}h1,h2,h3,.h1,.h2,.h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,.h1 small,.h2 small,.h3 small,h1 .small,h2 .small,h3 .small,.h1 .small,.h2 .small,.h3 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}ul{margin-top:0;margin-bottom:10px}ul ul{margin-bottom:0}address{margin-bottom:20px;font-style:normal;line-height:1.428571429}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>thead>tr>td,.table>tbody>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>thead:first-child>tr:first-child>th,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.collapse{display:none}.open>a{outline:0}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav>li>a>img{max-width:none}.media{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.container:before,.container:after,.nav:before,.nav:after{content:" ";display:table}.container:after,.nav:after{clear:both}.hidden{display:none!important;visibility:hidden!important}@-ms-viewport{width:device-width} /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ /* makes the font 33% larger relative to the icon container */ /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ /* === Bootstrap style === */ /* --- lists --- */ ul { padding: 0; margin: 0 0 10px 25px; } ul ul { margin-bottom: 0; } li { line-height: 1.6em; } .media{ margin-top: 0; margin-bottom: 30px; } .media .media { margin-top: 30px; margin-bottom: 0; } /* === bootstrap button === */ /* edges */ /* ==== More buttons === */ /* plain buttons */ /* ==================================== */ /* progress bar */ @charset "UTF-8"; /* Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ -webkit-backface-visibility: hidden; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ /* originally authored by Angelo Rohit - https://github.com/angelorohit */ /* originally authored by Angelo Rohit - https://github.com/angelorohit */ /* originally authored by Angelo Rohit - https://github.com/angelorohit */ /* Theme Name: Moderna Theme URL: https://bootstrapmade.com/free-bootstrap-template-corporate-moderna/ Author: BootstrapMade Author URL: https://bootstrapmade.com */ /* ==== Google font ==== */ /* === prettify === */ /* === fontawesome === */ /* === custom icon === */ /* ==== overwrite bootstrap standard ==== */ /* =================================== 1. General ==================================== */ body { font-family:'Open Sans', Arial, sans-serif; font-size:14px; font-weight:300; line-height:1.6em; color:#656565; } a:active { outline:0; } h1 { font-family:'Open Sans', Arial, sans-serif; font-weight:700; line-height:1.5em; color:#333; margin-bottom: 20px; } h2, h3 { font-family:'Open Sans', Arial, sans-serif; font-weight:500; line-height:1.1em; color:#333; margin-bottom: 20px; } /* =================================== 2. layout ==================================== */ .container { padding:0 20px 0 20px; position:relative; } #wrapper{ width:100%; margin:0; padding:0; } /* =================================== 3. Responsive media ==================================== */ /* =================================== 4. Header ==================================== */ /* --- header -- */ header .nav li a:hover, header .nav li a:focus{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } /* --- menu --- */ header ul.nav li { border:none; margin:0; } header ul.nav li a { font-size:12px; border:none; font-weight:700; text-transform:uppercase; } header ul.nav li ul li a { font-size:12px; border:none; font-weight:300; text-transform:uppercase; } header ul.nav li ul { margin-top:1px; } header ul.nav li ul li ul { margin:1px 0 0 1px; } /* =================================== 5. Section: Featured ==================================== */ /* =================================== 6. Sliders ==================================== */ /* --- flexslider --- */ /* =================================== 7. Section: call action ==================================== */ /* =================================== 8. Section: Content ==================================== */ #content { position:relative; background:#fff; padding:50px 0 40px 0; } #content img { max-width:100%; height:auto; } /* --- Call to action --- */ /* --- box --- */ /* =================================== 9. Section: Bottom ==================================== */ #bottom { background:#fcfcfc; padding:50px 0 0; } /* twitter */ /* =================================== 10. Inner - Section: page headline ==================================== */ /* --- breadcrumbs --- */ /* ============================ 11. Forms ============================= */ /* --- contact form ---- */ /* --- comment form ---- */ /* --- search form --- */ /* =============================== 12. Portfolio ================================ */ /* --- Portolio filter --- */ /* --- portfolio detail --- */ /* =============================== 13. Elements ================================ */ /* --- blockquote --- */ /* --- pullquotes --- */ /* --- button --- */ /* --- list style --- */ /* --- Heading style --- */ /* --- Map --- */ /* google map */ /* --- our team --- */ /* --- Pricing box --- */ /* --- pricing box alt 1 --- */ /* =============================== 14. Blog & article ================================ */ article{ margin-bottom:40px; } /* --- post meta --- */ /* --- post format --- */ /* --- single post --- */ /* --- author info --- */ /* --- Comment --- */ /* --- pagination --- */ /* =============================== 15. Aside, sidebar ================================ */ aside{ position:relative; margin-bottom:40px; } /* ===== Widgets ===== */ /* --- flickr --- */ /* --- latest tweet widget --- */ /* --- Recent post widget --- */ /* =============================== 16. Footer ================================ */ footer{ padding:50px 0 0 0; color:#f8f8f8; } footer a { color:#fff; } footer a:hover { color:#eee; } footer h1, footer h2, footer h3{ color:#fff; } footer address { line-height:1.6em; } footer a:hover { text-decoration:none; } /* =============================== Live preview purpose ================================ */ /* --- buttons --- */ /* =============================== 17. Divider, Line & Misc ================================ */ /* scroll to top */ /* ============================= 18. Position & alignment ============================= */ .absolute{ position:absolute; } .relative{ position:relative; } /* --- Image allignment style --- */ /* ============================= 20. Spacer, margin ============================= */ /* ============================= 21. Media queries ============================= */ @media (max-width: 767px) { body { padding-right: 0; padding-left: 0; } [class*="span"] { margin-bottom:20px; } } @media (max-width: 360px) { } /* Основные стили */ .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } /* Заголовки секций */ /* SEO текстовые блоки */ /* CTA блоки */ /* Галерея */ .gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 20px; } .gallery-item { margin: 0; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); display: flex; flex-direction: column; height: 100%; } .gallery-image { width: 100%; height: 200px; object-fit: cover; /* Это сохраняет пропорции, обрезая лишнее */ object-position: center; /* Центрирует изображение при обрезке */ display: block; } /* Альтернативный вариант: если хотите, чтобы изображения полностью помещались без обрезки (будут полосы по бокам) */ .gallery-image.contain { object-fit: contain; background-color: #f0f0f0; } .gallery-caption { padding: 15px; background: #f8f9fa; flex-grow: 1; } /* Дополнительное выравнивание для галереи */ .gallery-item { height: 100%; min-height: 350px; /* Минимальная высота для всего блока с подписью */ } .gallery-image { height: 200px; min-height: 220px; max-height: 200px; width: 100%; object-fit: cover; } /* Цены */ /* Модели */ /* Неисправности */ /* Процесс ремонта */ /* Предупреждение */ /* Скрытый SEO блок */ /* Гео */ /* Преимущества */ /* FAQ */ /* Фиксированная кнопка звонка */ .call-fixed { position: fixed; bottom: 40px; right: 20px; background: #e9e9e9; color: #fff; padding: 15px; border-radius: 50%; font-size: 24px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; text-decoration: none; box-shadow: 0 4px 10px rgba(0,0,0,0.3); z-index: 999; transition: all 0.3s ease; } .call-fixed:hover { background: #c0392b; transform: scale(1.1); box-shadow: 0 6px 15px rgba(0,0,0,0.3); } /* Медиа-запросы для мобильных устройств */ @media (max-width: 768px) { .gallery-grid { grid-template-columns: 1fr; } .call-fixed { bottom: 20px; right: 15px; width: 50px; height: 50px; font-size: 20px; } }