/* Pishite svoi CSS v etom file. Pri obnovlenii shablona etot file ne zatretca*/
.footer_gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2828+0,6485e0+100 */
  background: #596a96!important;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-linear-gradient(bottom left, #596a96 0%, #f9d300 100%);
  background: -o-linear-gradient(bottom left, #596a96 0%, #f9d300 100%);
  background: linear-gradient(to top right, #596a96 0%, #f9d300 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor', endColorstr='$accentColor',GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.slogan
{
    font-size: 13px;
    line-height: 18px;
}
.adress
{
font-size: 12px; line-height: 18px;
}
.main-menu--link {


    padding: 0 40px;
}
#pricecink,#pricealuminii,#pricelatun
{
margin-top:-100px;
}
.slider--descr ul li a
{
color: #f9d300!important;
}
.nav-main--wrapper .main-menu
{
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}

.titles {
    color: #363636;
    font-size: 1.3em;
    font-weight: bold;
}
.add
{
 font-size: 14px;
}
.logo_new .logo--img
{
background: none;
max-width: 339px;
max-height: 90px;
transition: all 0.3s ease;
}

/* Уменьшение лого в мобильной версии */
@media (max-width: 767px) {
  .mob .logo_new {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  
  .logo_new .logo--img {
    max-width: 180px !important; /* Размер для мобильных */
    max-height: 50px !important;
    height: auto;
    width: auto;
    object-fit: contain;
  }
}

/* Дополнительные стили для очень маленьких экранов */
@media (max-width: 480px) {
  .logo_new .logo--img {
    max-width: 150px !important;
    max-height: 40px !important;
  }
}

.adress .logo--img
{
background: none;
    width: 30px;
}
.header {
   min-height:120px;
}
.add2
{
 font-size: 16px;
}
@media (max-width: 1028px)
{
.slogan {
    display:none!important;
}
}
.desk_mob
{
 display:none!important;
}
.mob
{

}
@media (max-width: 768px)
{
.desk_mob
{
 display:block!important;

}
.mob
{
 display:block!important;
width: 50%;
    float: left!important;
}
.mobile-menu--btn {
    position: fixed;
    top: 50px!important;

}
}