body {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


div#rotator {
    position: relative;
    height: 657px;
    width: 100%;
}


div#rotator ul {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    position: relative;
    list-style: none;
}


div#rotator ul li {
    float: left;
    position: absolute;
    height: 100%;
    width: 100%;
}


div#rotator ul li.show {
    z-index: 500;
}


div#rotator ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Опция, чтобы изображение корректно покрывало весь блок */
}



.nazv {
	font-family: Arial;
	font-size: 3em;
	font-weight: bold;
	color: #59AB6E;
	text-decoration:none;
}


.menu {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: #000000;
	text-decoration:none;
}




.dropdown {
    position: relative;
    display: inline-block;
}


.dropbtn {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none;
}


.dropdown-content {
    display: none;
    position: absolute;
    text-align: left;
    background-color: #f0f0f0;
    min-width: 500px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
}


.dropdown-content a {
    font-family: 'Roboto', sans-serif;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}


.dropdown-content a:hover {
    background-color: #ddd;
}


.dropdown:hover .dropdown-content {
    display: block;
}



.ourtov {
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 3em;
    margin-top: 100px;
    
}


.image-cell img {
      width: 80%; /* Учитывая горизонтальные отступы */
      height: auto;
      padding-top: 10%;
      padding-left: 10%;
      padding-right: 10%;
      padding-bottom: 10%; /* Отступ снизу */
      box-sizing: border-box; /* Чтобы отступы учитывались внутри размера */
    }

    
.image-cell {
      width: 30%;
      height: 100%;
      text-align: center; /* Центрирование изображений в ячейках */
    }

 
 .image-cell1 img {
      width: 100%; /* Учитывая горизонтальные отступы */
      height: auto;
      padding-top: 10%;
      padding-left: 10%;
      padding-right: 10%;
      padding-bottom: 10%; /* Отступ снизу */
      box-sizing: border-box; /* Чтобы отступы учитывались внутри размера */
    }

    
.image-cell1 {
      width: 20%;
      height: 100%;
      text-align: center; /* Центрирование изображений в ячейках */
    }
 
 
 
    
.container-table, .inner-table {
      width: 100%;
      border-collapse: collapse;
    }

    
.container-table td, .inner-table td {
      border: 0px solid black;
    }


.catopis {
font-family: Segoe UI;
font-size: 1.25rem;
font-weight: bold;
color: black;
}



.vyrobnyky {
font-family: Segoe UI;
font-size: 48px;
font-weight: 200;
}


.vyropis {
font-family: Segoe UI;
font-size: 18px;
font-weight: 300;
}


.popular {
font-family: 'Roboto', sans-serif;

font-weight: 300 !important;
}



.non-mark-list {
list-style-type:none;
padding-left: 0;
margin-left: 0;

margin-bottom: 50px;

font-family: 'Roboto', sans-serif;
font-size: 18px !important;
font-weight: 300 !important;

color: #cfd6e1;
}






.footer-zag {
font-family: 'Roboto', sans-serif;
font-size: 30px !important;
font-weight: 300;
color: #cfd6e1 !important;
}


.footer-kotman {
font-family: 'Roboto', sans-serif;
font-size: 30px !important;
font-weight: 300;
color: #59AB6E !important;
}


.term-text {
font-family: 'Roboto', sans-serif;
font-size: 18px !important;
font-weight: 300 !important;
padding-right: 20px;
}


.term-zagl {
font-family: 'Roboto', sans-serif;
font-size: 1rem;
font-weight: bold;
}


.about-text {
font-family: 'Roboto', sans-serif;
font-size: 18px !important;
font-weight: 300 !important;
}


.about-opis {
font-family: 'Roboto', sans-serif;
font-size: 1rem;
font-weight: bold;
}


.filter_b {
font-family: 'Roboto', sans-serif;
font-size: 1.5rem;
font-weight: bold;
}


.filter_c {
font-family: 'Roboto', sans-serif;
font-size: 18px !important;
font-weight: 300 !important;	
}


.product_vendor {
font-family: 'Roboto', sans-serif;
font-size: 18px !important;
font-weight: 300 !important;	
color: #59ab6e;
text-decoration: none !important;
margin-left:10px;
}


.product_title {
font-family: 'Roboto', sans-serif;
font-size: 18px !important;
text-decoration: none !important;
margin-left:10px;
}


.detalnishe {
font-family: 'Roboto', sans-serif;
font-size: 18px !important;
text-decoration: none !important;
color: grey;
}


.product_price {
font-family: 'Roboto', sans-serif;
font-size: 24px;
text-decoration: none !important;
color: black;
font-weight: bold;
}


.korz_zagl {
font-family: 'Roboto', sans-serif;
font-size: 24px;
text-decoration: none !important;
color: black;
font-weight: bold;
}


.korz {
font-family: 'Roboto', sans-serif;
font-size: 18px;
text-decoration: none !important;
color: black;
}


.zakazchik {
font-family: 'Roboto', sans-serif;
font-size: 18px;
text-decoration: none !important;
color: black;
font-weight: bold;
}


.chislo
{
font-family:Lucida Sans Unicode;
font-weight:bold;
font-size:25px;
color:#03C;
}


.pokupki
{
font-family: Roboto, sans-serif;
font-weight:bold;
font-size: 24px;
color:#03C;
}
font-size: 22px !important;



