/*! Version: 1.8 | Date: 2025-12-01 */
/* НАЧАЛО  main.css */
.table-download-1000, .table_blur {
font-size: 1.2em;
margin: 25px 0;
border-collapse: collapse;
transform: translateZ(0);
}
#ProjectDomKottedg_2 a, .button1, .content_block_txt3 a, .vitrina_cottage a {
text-decoration: none;
}
.table-download-1000 th, .table_blur th {
border-top: 1px solid #777;
box-shadow: inset 0 1px 0 #999, inset 0 -1px 0 #999;
position: relative;
border-bottom: 1px solid #777;
}
.table-download-1000 {
background: #f5ffff;
text-align: left;
width: 100%;
}
.table-download-1000 th {
background: linear-gradient(#9595b6, #5a567f);
color: #fff;
padding: 10px 5px;
text-align: center;
}
.table-download-7000 th {
padding: 5px 3px;
position: relative;
text-align: center;
}
.table-download-7000 a {
padding: 1px 2px;
color: red;
font-weight: 700;
background: #FFC;
border-radius: 5px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.table-download-7000 a:hover {
background: #FFC;
color: #66F;
font-weight: 700;
}
.table_blur {
background: #f5ffff;
text-align: left;
}
.table_blur th {
background: linear-gradient(#9595b6, #5a567f);
color: #fff;
padding: 10px;
text-align: center;
}
.table_blur th:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 25%;
height: 25%;
width: 100%;
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.08));
}
.table_blur tr:nth-child(odd) {
background: #ebf3f9;
}
.table_blur th:first-child {
border-left: 1px solid #777;
border-bottom: 1px solid #777;
box-shadow: inset 1px 1px 0 #999, inset 0 -1px 0 #999;
}
.table_blur th:last-child {
border-right: 1px solid #777;
border-bottom: 1px solid #777;
box-shadow: inset -1px 1px 0 #999, inset 0 -1px 0 #999;
}
.table_blur td {
border: 1px solid #e3eef7;
position: relative;
transition: color 0.5s ease, text-shadow 0.5s ease;
padding: 10px 20px;
}
.table_blur1 tbody:hover td {
color: transparent;
text-shadow: 0 0 3px #a09f9d;
}
.table_blur1 tbody:hover tr:hover td {
color: #444;
text-shadow: none;
}
.contact-img-100 {
height: 458px;
background-image: url(../img/contact_abrisburo.webp);
margin: 30px 15px 5px;
opacity: 1;
transition: opacity 0.3s ease;
transform: translateZ(0);
}
.contact-abrisburo-100 {
padding: 50px 15px 15px;
}
.contact-abrisburo-100 h3 {
font-size: 50px;
font-weight: 700;
text-align: center;
color: #FF0;
}
.contact-abrisburo-100 h4 {
padding: 120px 200px;
font-size: 30px;
font-weight: 700;
text-align: center;
color: silver;
text-shadow: 1px 1px 1px #000;
}
.contact-abrisburo-200 {
padding: 5px 10px;
}
.contact-abrisburo-200 p {
font-size: 30px;
font-weight: 700;
text-align: center;
color: #6FF;
}
.contact-img-500 {
display: block;
margin: 0 auto;
text-align: center;
padding: 15px;
}
.autor-text-100 {
margin: 30px 15px 5px;
}
.autor-text-100 p {
font-size: 16px;
font-weight: 700;
text-align: left;
color: #069;
text-indent: 50px;
}
.autor-text-100 p:first-letter {
font-size: 2em;
margin-right: 2px;
color: #E96;
font-weight: 700;
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #9E9D99;
}
.S9, .advertisment-10000 {
border: 1px solid #A6A6A6;
}
.S20 {
color: #152D6A;
background-color: #FF9;
display: inline-block;
padding: 12px 24px;
font-weight: 600;
text-align: center;
text-decoration: none;
border-radius: 50px;
border-bottom: 3px solid #B2F511;
transform: translateZ(0);
}
.hilite-1 {
color: #152D6A;
background-color: #FF9;
display: inline-block;
padding: 12px 24px;
font-weight: 600;
text-align: center;
text-decoration: none;
border-radius: 50px;
border-bottom: 3px solid #B2F511;
transform: translateZ(0);
}
.hilite-2 {
margin: 1px;
background-color: #D3D3D3;
color: #000000;
display: inline-block;
padding: 12px 24px;
font-weight: 600;
text-align: center;
text-decoration: none;
border: none;
border-radius: 50px;
transform: translateZ(0);
}
.figure-100 {
display: inline-block;
}
.figure-200 {
width: 380px;
margin: 0 0 10px;
float: left;
}
.figcaption-200 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: center;
}
.ProjectKottedgGallery {
margin: 0 15px;
padding: 0;
}
.ProjectKottedgGallery_Content p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-indent: 50px;
margin: 5px;
padding: 5px;
text-align: left;
}
.ProjectKottedgGallery_Content h2 {
margin: 0;
padding: 10px 0;
color: red;
background: #FFFFF4;
font-family: Arial, sans-serif;
text-shadow: 1px 2px 2px rgba(0,0,102,.8);
font-weight: 700;
text-align: center;
}
.ProjectKottedgGallery_Content_1 {
margin: 0 auto;
padding: 0;
background: #FEF7F6;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
.ProjectKottedgGallery_Content_1 p {
text-indent: 25px;
}
.ProjectKottedgGallery_Content_1 p:first-letter {
font-size: 1.5em;
margin-right: .05em;
color: #E96;
font-weight: 700;
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #9E9D99;
}
.Project-8000 li {
text-align: left;
font-size: 1.2em;
}
.ProjectKottedgGallery_Content_1 h4 {
text-align: left;
font-size: 1.2em;
text-indent: 50px;
font-weight: 700;
}
.ProjectKottedgGallery_Content_1 h2 {
font-size: 1.8em;
}
.S9 {
font-size: 1.5em;
font-family: Arial, Helvetica, sans-serif;
background: linear-gradient(#fafafa, #ccc);
background-color: #ccc;
color: #333;
text-shadow: 1px 1px 1px #fff;
border-radius: 4px;
padding: 0 3px;
font-weight: 700;
}
.S9999 {
font-size: 2em;
font-family: Arial, Helvetica, sans-serif;
background: linear-gradient(#fafafa, #ccc);
background-color: #ccc;
color: #333;
text-shadow: 1px 1px 1px #ff0000;
border-radius: 4px;
padding: 0 3px;
font-weight: 700;
}
.advertisment-1000 {
float: left;
margin: 5px 30px;
padding: 10px 10px 15px;
}
.advertisment-2000 {
float: left;
background: #f1122c;
}
.advertisment-3000 {
float: left;
}
.advertisment-4000 {
margin: 1px;
padding: 1px;
}
.table-advertisment-1 {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
height: 40px;
background: #ccc;
border: 1px double #000;
}
.table-advertisment-2 {
background: #f7ffd6;
border: 1px double #000;
text-align: left;
width: 100%;
}
.table-advertisment-2 th:last-child {
width: 90%;
}
.vitrina_cottage {
float: left;
margin: 0;
padding: 5px;
border-radius: 10px;
background: #ededed;
text-align: center;
font-size: 1.2em;
transform: translateZ(0);
}
.vitrina_cottage a {
color: silver;
text-shadow: 1px 1px 1px #000;
transition: color 0.3s ease;
}
.vitrina_cottage a:hover {
text-decoration: none;
color: #f30;
}
.vitrina_cottage_1 {
width: 225px;
float: left;
margin: 3px;
padding: 3px;
background-color: #c7c6c6;
border-radius: 10px;
border-style: solid;
border-color: #ccc;
}
.vitrina_cottage_2 {
width: 210px;
float: left;
padding: 5px;
background-color: #009;
color: #ccc;
font-family: Arial, sans-serif;
font-weight: 700;
border: 0 solid #ccc;
margin: 3px 0 0 3px;
}
.vitrina_cottage_3, .vitrina_cottage_4 {
width: 210px;
background-color: #39f;
color: #ccc;
font-weight: 700;
border: 0 solid #ccc;
margin: 0 0 0 3px;
}
.vitrina_cottage_3 {
float: left;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
.vitrina_cottage_4, .vitrina_cottage_5 {
float: left;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
}
.vitrina_cottage_5 {
width: 200px;
font-size: 1em;
color: #333;
font-weight: 700;
border: 0 solid #ccc;
background: #fffff4;
margin: 0;
}
.vitrina_cottage_6, .vitrina_cottage_7 {
width: 90px;
font-size: 0.9em;
color: #333;
border: 0 solid #ccc;
background: #fffff4;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
text-align: left;
float: left;
}
.vitrina_cottage_6 {
padding: 0 5px;
}
.vitrina_cottage_7 {
padding: 0 0 0 5px;
}
.vitrina_cottage_8 {
width: 200px;
float: left;
padding: 3px 3px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #333;
font-weight: 700;
border: 0 solid #ccc;
background: #fffff4;
margin: 0;
}
.content_block_index_glav_text {
margin: 5px;
padding: 5px;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
.content_block_index_glav_text p {
text-indent: 50px;
}
.content_block_index_glav_text ul {
padding-left: 35px;
}
.content_block_index_glav_text p:first-letter {
font-size: 1.5em;
margin-right: 0;
color: #e96;
font-weight: 700;
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #9e9d99;
}
/* Общие стили для рекламных блоков */
.advertisment-10000, .advertisment-12000 {
background: linear-gradient(to bottom, #fafafa, #ccc);
background-color: #ccc;
color: #333;
text-shadow: 1px 1px 1px #fff;
padding: 10px 3px 0;
font-weight: 700;
font-family: Arial, Helvetica, sans-serif;
}
.advertisment-10000 {
border-radius: 4px;
}
.advertisment-10000 h3 {
font-size: 1.6em;
}
.advertisment-12000 {
border: 1px solid #a6a6a6;
border-radius: 4px;
}
.advertisment-12000 h4 {
font-size: 1.5em;
}
/* Основной контент */
.ProjectGlavContent {
padding: 0;
}
.S28 {
padding: 10px 3px 0;
font-weight: 700;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
}
.stroy-txt-1000 {
text-align: left;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
padding: 10px 20px;
}
.project-15000 img {
max-width: 100%;
height: auto;
opacity: 1;
transition: opacity 0.3s ease;
transform: translateZ(0);
}
/* Архитектурные блоки */
.apDivArchitecture1 {
z-index: 2;
font-style: normal;
width: 270px;
padding: 15px;
text-align: left;
margin: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
list-style-position: outside;
line-height: 1.5em;
float: left;
border-right: 1px solid #6cf;
}
.menu-architecture-100 h3 {
line-height: 1.8em;
background-color: #ff9;
color: #152d6a;
margin-top: 0;
margin-bottom: 20px;
border-bottom: 2px solid #b2f511;
font-family: Impact, "Arial Narrow", sans-serif;
font-size: 1.1em;
font-weight: 400;
letter-spacing: 10px;
word-spacing: 50px;
text-align: center;
}
.apDivArchitecture2 {
width: calc(100% - 320px);
z-index: 2;
margin: 5px;
padding: 5px;
float: right;
text-align: center;
}
/* Меню архитектуры */
.menu-architecture-300 {
margin: 0;
padding: 0 0 5px;
text-align: center;
}
.menu-architecture-300 h2 {
color: #152d6a;
margin-top: 15px;
margin-bottom: 5px;
border-bottom: 2px solid #b2f511;
font-family: Impact, "Arial Narrow", sans-serif;
font-size: 1.5em;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
word-spacing: 5px;
text-transform: uppercase;
}
.menu-architecture-300 p:first-letter {
font-size: 20px;
font-weight: 700;
color: #930;
}
.menu-architecture-300 p {
font-size: 18px;
margin-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
text-indent: 2.5em;
}
.foto-architecture-200 {
border: 1px solid #666;
padding: 10px;
margin: 10px auto;
max-width: 100%;
opacity: 1;
transition: opacity 0.3s ease;
transform: translateZ(0);
}
/* Основная статья */
.main-article-100 {
margin: 10px;
padding: 0 10px;
}
.main-article-100 h2 {
color: #152d6a;
margin-top: 15px;
margin-bottom: 5px;
border-bottom: 2px solid #b2f511;
font-family: Impact, "Arial Narrow", sans-serif;
font-size: 1.5em;
font-weight: 400;
letter-spacing: 1px;
word-spacing: 5px;
text-transform: uppercase;
}
.main-article-100 p:first-letter {
font-size: 1.5em;
margin-right: 0.05em;
color: #e96;
font-weight: 700;
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #9e9d99;
}
.main-article-100 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin-bottom: 5px;
text-indent: 2.5em;
}
.article-left-200 {
text-align: left;
}
/* Кнопки */
.button1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
line-height: 1;
color: #fff;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.5);
transform: translateZ(0);
transition: background 0.3s ease, color 0.3s ease;
}
.button a {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
transition: font-size 0.3s ease;
}
.button a:hover {
font-size: 0.9em;
}
/* Размеры кнопок */
.small, .normal, .medium, .big, .megabig {
border-radius: 8px;
padding: 5px 10px;
}
.medium {
font-size: 18px;
}
.blue {
background: linear-gradient(to bottom, #52a8e8, #377ad0);
background-color: #52a8e8;
border: 1px solid #20559a;
}
.blue:focus, .blue:hover {
background: linear-gradient(to bottom, #54a1d8, #1967ca);
background-color: #52a8e8;
color: #fff;
}
.blue:active {
background: #2d7cd1;
color: #fff;
}
/* Дополнительные блоки */
.apDivArticleh3 {
text-align: center;
text-indent: 2.5em;
margin: 3px;
padding: 3px;
}
.apDivArticleh3 h3 {
font-style: italic;
font-size: 1.5em;
color: red;
font-family: Georgia, 'Times New Roman', Times, serif;
}
.apDivArticleh3 p {
text-align: left;
}
.content_block_glav_text {
margin: 5px;
padding: 5px;
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
text-align: left;
}
.content_block_glav_text p {
text-indent: 50px;
margin: 5px;
padding: 5px;
}
.page_title h1, .page_title h2 {
text-shadow: 1px 2px 2px rgba(0, 0, 102, 0.8);
}
/* Проекты домов */
.ProjectDomKottedg_2 {
margin: 10px;
padding: 10px;
text-align: center;
}
.ProjectDomKottedg_2 h2 {
margin: 0 0 5px;
padding: 10px 10px 8px;
width: 100%;
}
.ProjectDomKottedg_2 img {
max-width: 240px;
height: auto;
border: 1px solid #666;
background-color: #fff;
margin: 5px 10px;
padding: 4px;
float: left;
opacity: 1;
transition: opacity 0.3s ease;
transform: translateZ(0);
}
.ProjectDomKottedg_2 p {
text-indent: 50px;
text-align: left;
font-style: italic;
font-size: 1.1em;
}
#ProjectDomKottedg_2 a {
background: linear-gradient(#4877d5, #2c5ec1);
background-color: #2c5ec1;
color: #fff;
text-transform: uppercase;
transition: background 0.3s ease;
}
#ProjectDomKottedg_2 a:hover {
background: #2c5ec1;
}
.ProjectDomKottedg_1000 {
float: left;
background: #fef7f6;
}
.ProjectDomKottedg_1000 p {
margin: 15px;
padding: 15px 25px 25px;
}
.content_block_glav_text-421 {
margin: 5px;
padding: 5px;
font-family: Arial, sans-serif;
font-size: 1.4em;
text-align: center;
}
.content_block_glav_text-421 p {
text-indent: 50px;
margin: 5px;
padding: 5px;
}
.ProjectDomKottedg_1000 a {
color: red;
font-size: 1.1em;
text-align: center;
}
.figureFirma img {
max-width: 100%;
height: auto;
opacity: 1;
transition: opacity 0.3s ease;
transform: translateZ(0);
}
/* Таблицы */
.table-dom-100, .table-dom-400 {
border-collapse: collapse;
font-family: Arial, Helvetica, sans-serif, Verdana, Geneva, sans-serif;
transform: translateZ(0);
}
.table-dom-100 {
background: #f5ffff;
font-size: 1.1em;
margin: 25px 0;
width: 100%;
text-align: center;
}
.table-dom-200 {
font-size: 1.6em;
}
.table-dom-100 img {
max-width: 100%;
height: auto;
border: 1px solid #666;
background-color: #fff;
padding: 7px;
opacity: 1;
transition: opacity 0.3s ease;
transform: translateZ(0);
}
.table-dom-400 {
background: #f5ffff;
font-size: 1.3em;
margin: 0 auto;
width: 90%;
text-align: left;
line-height: 200%;
}
.table-dom-100 th {
border: 1px solid #777;
background: linear-gradient(#9595b6, #5a567f);
color: #fff;
padding: 10px;
position: relative;
text-align: center;
}
.table-dom-100 th::after {
content: "";
display: block;
position: absolute;
left: 0;
top: 25%;
height: 25%;
width: 100%;
background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.08));
}
.table-dom-100 tr:nth-child(odd) {
background: #ebf3f9;
}
.table-dom-100 td {
border: 1px solid #e3eef7;
position: relative;
transition: color 0.5s ease, text-shadow 0.5s ease;
padding: 10px 20px;
}
.ProjectGlavContent_Table_1 {
margin: 0 15px;
}
.content_block_glav_text-121 {
margin: 5px;
padding: 5px 10px;
text-align: left;
}
.content_block_glav_text-121 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-indent: 50px;
margin: 5px;
padding: 5px;
}
.content_block_glav_text-121 a {
padding: 1px 3px;
color: #DB0000;
font-weight: 700;
background: #ffc;
border-radius: 5px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.content_block_glav_text-121 a:hover {
background: #ffc;
color: #66f;
font-weight: 700;
}
/* Адаптивность */
@media (max-width: 768px) {
.apDivArchitecture1, .apDivArchitecture2 {
float: none;
width: auto;
border-right: none;
margin: 10px 0;
}
.ProjectDomKottedg_2 img {
float: none;
margin: 5px auto;
}
.table-dom-100, .table-dom-400 {
font-size: 1em;
}
}
/* Основные стили блока */
.blog-50000 {
background: #F0F6F9;
text-align: center;
width: 100%;
padding: 15px 0 20px;
margin: 10px auto;
box-sizing: border-box;
transform: translateZ(0);
}
.blog-50000 h2 {
font-family: Arial, sans-serif;
font-size: 2.2em;
margin: 0 0 15px 0;
}
.blog-50000 img {
max-width: 1000px;
width: 100%;
height: auto;
margin: 0 auto;
display: block;
opacity: 1;
transition: opacity 0.3s ease;
transform: translateZ(0);
}
.proekt-img-1000 img {
max-width: 1000px;
width: 100%;
height: auto;
margin: 20px auto 0;
padding: 8px;
border: 1px solid #999;
background: #FFF;
display: block;
box-sizing: border-box;
opacity: 1;
transition: opacity 0.3s ease;
transform: translateZ(0);
}
/* Стили для текстовых блоков */
.content_block_txt1 {
font-family: Verdana, Geneva, sans-serif;
background: #f0f9ff;
background: linear-gradient(to top, rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%);
margin: 5px 10px;
padding: 5px 10px;
border-radius: 10px;
box-sizing: border-box;
}
.content_block_txt1 a {
color: red;
font-family: Arial, sans-serif;
text-shadow: 1px 2px 2px rgba(0,0,102,.8);
font-weight: 700;
text-align: center;
text-decoration: none;
}
.content_block_txt2 {
margin: 5px;
padding: 5px 10px;
box-sizing: border-box;
}
.content_block_txt2 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-indent: 50px;
margin: 5px;
padding: 5px;
text-align: left;
line-height: 1.4;
}
/* Стили для первых букв */
.blog-50000 p:first-letter, .content_block_txt2 p:first-letter, .content_block_glav_text p:first-letter, .content_block_glav_text-121 p:first-letter, .stroy-txt-1000 p:first-letter, .blog_page p:first-letter {
font-size: 1.5em;
margin-right: .05em;
color: #E96;
font-weight: 700;
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #9E9D99;
}
.content_block_txt3 {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}
.content_block_txt3 a {
background: linear-gradient(#4877D5, #2C5EC1);
background-color: #2C5EC1;
color: #FFF;
display: inline-block;
font-weight: 700;
padding: 3px 10px;
border: 1px solid #2C5EC1;
text-shadow: 1px 1px 0 #2C5EC1;
border-radius: 5px;
text-transform: uppercase;
text-decoration: none;
transition: background-color 0.3s ease;
}
.content_block_txt3 a:hover {
background: #2C5EC1;
background-color: #1a4a9e;
}
/* Стили для изображений и галерей */
.photoInteriors img, .photos-2000 img, .photos-20000 img, .photos-venezia-20 img {
border: 1px solid #666;
background-color: #FFF;
position: relative;
box-sizing: border-box;
opacity: 1;
transition: opacity 0.3s ease;
transform: translateZ(0);
}
.figureInteriors {
float: left;
width: 218px;
text-align: center;
margin: 5px;
padding: 0;
}
.photoInteriors img {
padding: 4px;
text-align: center;
width: 218px;
height: auto;
}
.interiors-podpis-500 {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
text-align: center;
margin: 5px 0;
}
/* Стили блога */
.blog_page p {
font-size: 16px;
text-indent: 30px;
line-height: 1.5;
}

.blog_page ul {
font-size: 16px;
  padding-left: 30px;    /* Отступ всего абзаца слева */
  text-indent: 5px;     /* Дополнительный отступ первой строки */
line-height: 1.5;
}

.photos-3000, .photos-30000, .photos-venezia-30 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
.ProjectKottedgProdgekt_1 p {
margin: 5px 25px 15px;
padding: 10px;
}
/* Галереи изображений */
.photos-1000, .photos-10000, .photos-venezia-10 {
float: left;
margin: 5px;
text-align: center;
box-sizing: border-box;
transform: translateZ(0);
}
.photos-1000 {
width: 560px;
padding: 0;
}
.photos-2000 img {
padding: 5px;
text-align: center;
max-width: 600px;
width: 100%;
height: auto;
}
.photos-3000 {
text-align: center;
}
.photos-10000 {
width: 380px;
padding: 0;
}
.photos-20000 img {
padding: 5px;
text-align: center;
max-width: 380px;
width: 100%;
height: auto;
}
.photos-30000 {
text-align: center;
}
.photos-venezia-10 {
width: 800px;
padding: 0;
}
.photos-venezia-20 img {
padding: 5px;
text-align: center;
max-width: 840px;
width: 100%;
height: auto;
}
.photos-venezia-30 {
text-align: center;
}
.avto-centr {
width: 380px;
margin: auto;
max-width: 100%;
}
/* Горизонтальное меню */
.scrollmenu {
background-color: #333;
overflow: auto;
white-space: nowrap;
transform: translateZ(0);
}
.scrollmenu a {
display: inline-block;
color: white;
text-align: center;
padding: 14px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.scrollmenu a:hover {
background-color: #777;
}
/* Адаптивные стили */
@media screen and (max-width: 1200px) {
.blog-50000 img, .proekt-img-1000 img {
max-width: 90%;
}
}
@media screen and (max-width: 992px) {
.contact-abrisburo-100 h4 {
padding: 100px;
font-size: 30px;
}
.table-dom-100 img {
width: 750px;
max-width: 100%;
}
.table-dom-400 {
font-size: 1.15em;
line-height: 1.4;
}
}
@media screen and (max-width: 767px) {
.photos-1000, .photos-10000, .photos-venezia-10, .figureInteriors {
float: none;
width: auto;
margin: 10px auto;
}
.content_block_txt2 p {
text-indent: 30px;
font-size: 1.1em;
}
}
@media screen and (max-width: 480px) {
.blog-50000 h2 {
font-size: 1.8em;
}
.content_block_txt2 p {
text-indent: 20px;
font-size: 1em;
}
.contact-abrisburo-100 h4 {
padding: 80px;
font-size: 20px;
}
}
/* Дополнительные медиа-запросы для таблиц */
@media only screen and (max-width: 767px) {
.contact-abrisburo-200 p {
font-size: 24px;
}
.contact-abrisburo-100 h4 {
padding: 100px;
font-size: 24px;
}
}
@media only screen and (max-width: 480px) {
.contact-abrisburo-100 h3 {
font-size: 36px;
}
.contact-abrisburo-200 p {
font-size: 16px;
}
}
/* Очистка float */
.clearfix::after {
content: "";
display: table;
clear: both;
}
/* Контент для демонстрации */
.content1 {
background: rgba(255, 255, 255, 0.05);
border-radius: 12px;
padding: 3rem;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
background: #1e2628;
border-top: 4px solid #63b3ed;
transform: translateZ(0);
}
.content1 h2 {
margin-bottom: 1rem;
color: #e2e8f0;
text-align: center;
}
.content1 p {
line-height: 1.6;
color: #cbd5e0;
text-align: center;
}
.features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin-top: 2rem;
transform: translateZ(0);
}
.feature {
background: linear-gradient(135deg, rgba(74, 85, 96, 0.5), rgba(45, 55, 72, 0.5));
padding: 1.3rem;
border-radius: 8px;
border-left: 4px solid #63b3ed;
transform: translateZ(0);
}
.feature h3 {
margin-bottom: 1rem;
color: #e2e8f0;
text-align: center;
font-size: 2rem;
}
/* Стили для галереи */
.gallery1 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 1rem;
max-width: 100%;
margin: 0 auto;
justify-items: center;
transform: translateZ(0);
}
.gallery1-item {
position: relative;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
aspect-ratio: 4 / 3;
transition: transform 0.3s ease, box-shadow 0.3s ease;
margin-bottom: 20px;
width: 100%;
max-width: 150px;
transform: translateZ(0);
will-change: transform;
}
.gallery1-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.gallery1-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 8px;
transition: transform 0.5s ease;
opacity: 1;
transform: translateZ(0);
}
.gallery1-item:hover img {
transform: scale(1.05);
}
/* Стили для подписей */
.image-caption {
margin-top: 8px;
font-size: 1.3rem;
color: #fff;
background-color: rgba(99, 179, 237, 0.3);
padding: 4px 8px;
border-radius: 4px;
font-weight: 500;
text-align: center;
width: 100%;
}
.image-caption a {
color: white;
font-size: 1.3rem;
text-decoration: none;
display: block;
transition: color 0.3s ease, background-color 0.3s ease;
}
.image-caption a:hover {
color: red;
background-color: yellow;
padding: 4px 8px;
border-radius: 4px;
font-weight: 500;
}
.feature p {
font-size: 1.4rem;
text-align: left;
color: #e2e8f0;
}
.feature-p {
font-size: 1.5rem;
text-align: left;
color: #e2e8f0;
padding: 0.25rem;
text-indent: 20px;
}
footer {
margin-top: auto;
text-align: center;
padding: 1.5rem;
color: #a0aec0;
font-size: 1rem;
}
.stil1 {
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
color: #63b3ed;
font-weight: 500;
text-decoration: none;
transition: color 0.3s ease;
}
.stil1:hover {
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
color: red;
font-weight: 500;
}
.stil2 {
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
color: white;
font-weight: 500;
display: block;
padding: 3.5px 5px;
margin: 3.5px 0;
border-radius: 4px;
transition: all 0.3s ease;
position: relative;
z-index: 2;
text-decoration: none;
}
.stil2:hover {
color: red;
background-color: rgba(255, 255, 255, 0.1);
}
/* Адаптив для мобильных устройств */
@media (max-width: 480px) {
.gallery1 {
grid-template-columns: 1fr;
gap: 0.5rem;
}
.gallery1-item {
max-width: 200px;
margin: 0 auto 10px;
}
}
/* Оптимизированные стили для изображений */
img {
opacity: 1;
transition: opacity 0.3s ease;
transform: translateZ(0);
}
img.loaded {
opacity: 1;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Дополнительные оптимизации для производительности */
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}