* {
  -webkit-tap-highlight-color: transparent;
}


body {
background-color: #E5E4E2;
}

.region {
font-family:Montserrat, sans-serif;
font-size:18px;
color:#3C3C3C;
font-weight:600;
}

.zagolovokwhite {
font-family: 'Lora';
color: #FFFFFF; 
font-size: 2.3em;
font-weight:400;
}

.zagolovokwhitemob {
font-family: 'Lora';
color: #FFFFFF; 
font-size: 2.3em;
font-weight:400;
}

.opisaniewhitebold {
font-family: 'Montserrat';
color: #FFFFFF; 
font-size: 1.1em;
font-weight:600;
line-height: 1.3em;
}

.opisaniewhite {
font-family: 'Montserrat';
color: #FFFFFF; 
font-size: 1.1em;
font-weight:400;
line-height: 1.7em;
}

.zagolovokbrown {
font-family: 'Lora';
color: #5D4242; 
font-size: 2.3em;
font-weight:400;
}

.zagolovokkartochka {
font-family: 'Lora';
color: #5D4242; 
font-size: 2em;
font-weight:400;
}


.zagolovokbrownpodval {
font-family: 'Lora';
color: #5D4242; 
font-size: 1.8em;
font-weight:600;
}

.opisaniebrown {
cursor:pointer;
font-family: 'Montserrat';
color: #5D4242; 
font-size: 1.1em;
font-weight:400;
line-height: 1.7em;
text-decoration:none;
}
.opisaniebrown:hover {
text-decoration:underline;
}


.opisaniebrownno {
font-family: 'Montserrat';
color: #5D4242; 
font-size: 1.1em;
font-weight:400;
line-height: 1.7em;
text-decoration:none;
}
.opisaniebrownno:hover {

}



.fon {
background-color: #E5E4E2;
}

.upfon {
background-color: #5D4242;
}

.fonwhy {
background: url(images/fonwhy.png) 100%;
background-size: cover;
}


.phone {
color:#F5F5F5;
font-family: 'Montserrat', sans-serif;
font-size: 1em;
text-decoration:none;
}

.kroshki {
color:#5D4242;
font-family: 'Montserrat', sans-serif;
font-size: 1em;
text-decoration:none;
}
.kroshki:hover {
text-decoration:underline;
}


.ssilka {
font-family: 'Montserrat', sans-serif;
font-size: 1.5em;
color:#5D4242;
text-decoration:none;
padding-left:0em;
padding-right:0em;
}

.telephone {
height:30px;
color:#5D4242;
font-size: 1em;
font-weight:400;
font-family: 'Montserrat', sans-serif;
border: 2px solid #F5F5F5; /* Параметры рамки */
border-radius: 20px;
padding-left:32px;
padding-right:32px;
}

.vse {
height:40px;
color:#5D4242;
cursor:pointer;
font-size: 1em;
font-weight:600;
font-family: 'Montserrat', sans-serif;
border: 2px solid #5D4242; /* Параметры рамки */
border-radius: 100px;
padding-left:32px;
padding-right:32px;
}
.vse:hover {
opacity:0.6;
}



.catalog {
color:#F5F5F5;
background-color:#5D4242;
font-size: 1em;
font-weight:400;
font-family: 'Montserrat', sans-serif;
border-radius: 600px;
padding:5 32 5 32;
cursor:pointer;
}
.catalog:hover {
text-decoration:underline;
background-color:rgba(93, 66, 66, 0.75);
}


.menukatalog {
color:#5D4242;
font-size:1em;
font-weight:400;
font-family: 'Montserrat', sans-serif;
padding:0 25 0 25;
cursor:pointer;
text-decoration:none;
}
.menukatalog:hover {
text-decoration:underline;
}


.korzina {
color:#F5F5F5;
background-color:#5D4242;
font-size: 1em;
font-weight:400;
font-family: 'Montserrat', sans-serif;
border-radius: 600px;
padding:1 20 1 20;
cursor:pointer;
}
.korzina:hover {
background-color:rgba(93, 66, 66, 0.75);
}


.knopkafilter {
height:40px;
background-color:#5D4242;
cursor:pointer;
color:#FFFFFF;
font-size: 1em;
font-weight:600;
font-family: 'Montserrat', sans-serif;
border-radius: 100px;
padding-left:32px;
padding-right:32px;
}
.knopkafilter:hover {
background-color:rgba(93, 66, 66, 0.75);
}


.zagolovokfilter {
font-family: 'Montserrat';
color: #5D4242; 
font-size: 1.1em;
font-weight:600;
line-height: 1.7em;
}



.price {
font-family: 'Montserrat';
color: #5D4242; 
font-size: 2.1em;
font-weight:400;
line-height: 1.7em;
}




.gradient {
width:300px;
height:400px;
background-color:#FFFFFF;
cursor:pointer;
border: 2px solid #a9a9a9;
border-radius:20px;
transition: background-size 1s ease;
}
.gradient:hover {
border: 2px solid #5D4242;
}


.gradientkarusel {
width:300px;
height:400px;
background-color:#FFFFFF;
cursor:pointer;
border: 2px solid #a9a9a9;
border-radius:20px;
transition: background-size 1s ease;
}
.gradientkarusel:hover {
border: 2px solid #5D4242;
}


.gradientzero {
width:300px;
height:400px;
transition: background-size 1s ease;
}

.sotsseti {

}
.sotsseti:hover {
opacity:0.6;
}

.koordinati {
background: url(images/koordinati.png) 100%;
background-size: cover;
}


.liniya {
    border: none; /* Убираем границу для браузера Firefox */
    color: #5D4242; /* Цвет линии для остальных браузеров */
    background-color: #5D4242; /* Цвет линии для браузера Firefox и Opera */
height:2px;
}

.liniyatwo {
    border: none; /* Убираем границу для браузера Firefox */
    color: #5D4242; /* Цвет линии для остальных браузеров */
    background-color: #5D4242; /* Цвет линии для браузера Firefox и Opera */
height:1px;
}



.fieldcontact {
width:90%;
background: transparent;
            border: none;
            outline: none;
            padding: 5px;
            font-size: 16px;
            border-bottom: 2px solid #FFFFFF;
color:#FFFFFF;
}


.poiskfield {
    width: 100%;
    height: 36px;
    border-radius: 5rem;
    border-width: 2px;
    border-color: #5D4242;
    border-style: solid;
    background: rgba(250,250,250,1);
    font-family: 'Montserrat', sans-serif;
    color: #5D4242;
    font-size: 1em;
    font-weight: 400;
    padding-left: 10px;
outline: 0;
}

.zakazatwitloof {
background: url(images/fonrassilka.png) 100%;
background-size: cover;
}

.zakazatwitloofob {
background: url(images/bg-obratnaya-svyaz.png) 100%;
background-size: cover;
}

.knopka {
height:40px;
color:#5D4242;
font-weight:600;
font-family: 'Montserrat', sans-serif;
border-radius: 100px;
background: #FAFAFA;
padding-left:32px;
padding-right:32px;
}
.knopka:hover {
background-color:rgba(250, 250, 250, 0.6);
}


.kolichestvo {
width:100%;
height:30px;
text-align:center;
border:none;
background-color: #E5E4E2;
font-family: 'Montserrat';
color: #5D4242; 
font-size: 2.1em;
font-weight:400;
line-height: 1.7em;
}


.strelka {

}
.strelka:hover {
opacity:0.6;
}




.articleone {
    width: 812px;
    height: 485px;

cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/blog-1.png');
background-size: 100% auto;
background-repeat: cover;
background-position:center;
transition: background-size 1s ease;
}
.articleone:hover {
overflow: hidden;
background-size:120%;
background-position:center;
}




.articletwo {
    width: 590px;
    height: 350px;

cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/blog-3.jpg');
background-size: 100% auto;
background-repeat: cover;
background-position:center;
transition: background-size 1s ease;
}
.articletwo:hover {
overflow: hidden;
background-size:120%;
background-position:center;
}




.articlethree {
    width: 590px;
    height: 350px;

cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/blog-2.jpg');
background-size: 100% auto;
background-repeat: cover;
background-position:center;
transition: background-size 1s ease;
}
.articlethree:hover {
overflow: hidden;
background-size:120%;
background-position:center;
}





hr {
  border: none;
  border-top: 2px solid red; /* Линия теперь будет красного цвета */
}




.y1 {
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/shokolad.jpg');
background-size:614px 244px;
background-position:center;
transition: background-size 1s ease;
}
.y1:hover {
overflow: hidden;
background-size:670px 269px;
background-position:center;
}

.y2 {
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/konfeti.jpg');
background-size:614px 244px;
background-position:center;
transition: background-size 1s ease;
}
.y2:hover {
overflow: hidden;
background-size:670px 269px;
background-position:center;
}

.y3 {
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/marmelad.jpg');
background-size:614px 244px;
background-position:center;
transition: background-size 1s ease;
}
.y3:hover {
overflow: hidden;
background-size:670px 269px;
background-position:center;
}

.y4 {
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/gotovie-bluda.jpg');
background-size:614px 244px;
background-position:center;
transition: background-size 1s ease;
}
.y4:hover {
overflow: hidden;
background-size:670px 269px;
background-position:center;
}


.y5 {
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/zelen.jpg');
background-size:614px 244px;
background-position:center;
transition: background-size 1s ease;
}
.y5:hover {
overflow: hidden;
background-size:670px 269px;
background-position:center;
}

.y6 {
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/yagodi.jpg');
background-size:614px 244px;
background-position:center;
transition: background-size 1s ease;
}
.y6:hover {
overflow: hidden;
background-size:670px 269px;
background-position:center;
}


.y7 {
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/pripravi.jpg');
background-size:614px 244px;
background-position:center;
transition: background-size 1s ease;
}
.y7:hover {
overflow: hidden;
background-size:670px 269px;
background-position:center;
}


.y8 {
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/tsveti.jpg');
background-size:614px 244px;
background-position:center;
transition: background-size 1s ease;
}
.y8:hover {
overflow: hidden;
background-size:670px 269px;
background-position:center;
}

.y9 {
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/varenie.jpg');
background-size:614px 244px;
background-position:center;
transition: background-size 1s ease;
}
.y9:hover {
overflow: hidden;
background-size:670px 269px;
background-position:center;
}

.y10 {
height:244px;
cursor:pointer;
  background: 
   linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 1) 100%),
   url('images/podarki.jpg');
background-size:614px 244px;
background-position:center;
transition: background-size 1s ease;
}
.y10:hover {
overflow: hidden;
background-size:670px 269px;
background-position:center;
}





.verkhmenumob {
display:none;
}

@media (max-width: 767px) {

.verkhmenu {
display: none;
}

.verkhmenumob {
display: block;
}