/*
Theme Name: dveshi.ru 
Theme URI:  
Description: The original  dveshi.ru theme.
Version: 2026
Author: alisa
*/

/* CSS Document */


@font-face {
    font-family: 'Book';
    src: url('/wp-content/themes/dveshi/fonts/GOTHAM-BOOK.TTF') format('truetype');
    font-weight: 300;
 
}

@font-face {
    font-family: 'Bold';
    src: url('/wp-content/themes/dveshi/fonts/GOTHAM-BOLD.TTF') format('truetype');
    font-weight: 600;
 
}



  /*Убрать обводку браузера*/
a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0!important;
outline-color: transparent!important;
outline-width: 0!important;
outline-style: none!important;
box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;
}
/*Конец Убрать обводку браузера*/
:focus {
    outline-style: none;
   /* outline-width: 0px !important;  */
    outline-color: none !important;
}

 @media only screen and  (min-width: 2000px) { 

.lg100.w-100 {
max-width: 2000px;
    height: auto;
    margin: 0 auto;
}
}


.paddingnone {
padding-left: 0px;
padding-right: 0px;
}

.row {
margin-left: 0px;
margin-right: 0px;
}

.container {
    max-width: 1200px;
}


 :root{
      --dark:#0c213a;
      --blue1:#0a73d3;
      --blue2:#1094ea;
      --text:#ffffff;
    }

    body{
      font-family: 'Book';
      color:#0f172a;
      overflow-x:hidden;
    }
    
    
    @media (min-width: 1400px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1800px;
  }
}

    /* Header */
    .main-header{
      background:var(--dark);
      position:relative;
      z-index:1050;
    }
    .main-header .navbar{
      min-height:78px;
    }
    .brand{
      color:#fff;
      font-weight:600;
      letter-spacing:.08em;
      text-transform:uppercase;
      line-height:1.05;
      font-size:1.05rem;
    }
    .main-header .nav-link{
      color:#fff;
      font-size:.9rem;
      text-transform:uppercase;
      padding:.65rem .8rem !important;
      white-space:nowrap;
    }
    .main-header .nav-link:hover{
      color:#1c92e5;
    }
    
    .text-white a {
    color: #fff; 
    text-decoration: none;
    }
    
    .adressf {
     color: #fff;
     margin-top: 30px;
    }

    /* Mega menu */
    .catalog-item{
      position:static;
    }
    .mega-menu{
      position:absolute;
      left:50%;
     /*top:100%;*/
      transform:translateX(-50%) translateY(10px);
      width:min(1920px, 100vw);
      
       padding-top: 34px;
      box-shadow:0 12px 30px rgba(0,0,0,.12);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transition:.25s ease;
      z-index:1100;
    }
    .catalog-item:hover .mega-menu{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:translateX(-50%) translateY(0);
    }              
    .mega-menu .menu-wrap{
      max-width:1320px;
      margin:0 auto;
      padding:20px 18px;
      background:#fff;
    }
    .mega-link{
       display: inline-block; 
      color:#000;
      text-decoration:none;
      padding:.65rem .4rem;
         text-transform: uppercase;
      transition:.2s;
   
    }
    .mega-link:hover{
      color:#1c92e5;
      /*background:#f8fbff; */
     
    }
    
    .menu-wrap  {
        display: flex;
    flex-direction: row;
    justify-content: space-around;
    }

    /* Hero */
    .hero{
      background: url(/wp-content/uploads/sl-back.jpg) top center no-repeat;
      color:var(--text);
      position:relative;
    }
    .hero .carousel-item{
      min-height: 950px;
    }
    .hero .slide-inner{
      min-height:520px;
      padding:56px 0 100px;
    }
    .hero h1{
      font-size: 100px;
      line-height:1.02;
       font-family: 'Bold';
      text-transform:uppercase;
      margin-bottom:1.3rem;
    }
    
   .allpage h1 {
    font-size: 48px;
      line-height:1.02;
    font-family: 'Bold';
      text-transform:uppercase;
        margin: 80px 0px 80px 0px;
        color: #0c213a;
   }
   
   
    .hero .more{
      color:#fff;
      font-weight:600;
      text-decoration:none;
      border-bottom:1px solid rgba(255,255,255,.55);
      padding-bottom:2px;
      font-size: 30px;
          margin-top: 30px;
    display: inline-block;
    }
    .hero .more:hover{
      border-bottom-color:#fff;
    }
    .hero .product-img{
      max-height:410px;
      width:auto;
      max-width:100%;
      object-fit:contain;
      filter:drop-shadow(0 10px 24px rgba(0,0,0,.25));
    }

    /* Numeric indicators */
   .num-indicators {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 270px;
    z-index: 3;
    font-size: 30px;
}
    .num-indicators .inner{
      max-width:1800px;
      margin:0 auto;
      padding:0 18px;
    }
    .num-indicators button{
      background:none;
      border:none;
      color:#fff;
      font-weight:600;
      margin-right:14px;
      padding:0;
      opacity: 1;
      border-right: 2px solid #fff;  
      padding-right: 20px;
    line-height: 1;
    }
    .num-indicators button.active{
      opacity:0.8;
      color:#d7ecff;
     /* text-decoration:underline;
      text-underline-offset:4px;  */
    }
    
     .num-indicators button:last-child {
     border-right: none;
     }
    
    .carousel-inner {
 
    padding-top: 5% !important;
}
    /* Fast categories strip */
    .quick-cats{
      position:relative;
      z-index:4;
      margin-top:-215px;
    }
    .quick-cats .wrap{
      background: #0c213a;
      border:1px solid rgba(255,255,255,.12);
          padding: 51px 0px;
      overflow:hidden;
    }
    .quick-cats a{
      color:#fff;
      text-decoration:none;
      text-transform:uppercase;
      font-size:.82rem;
      letter-spacing:.02em;
      display:flex;
      align-items:center;
      gap:.55rem;
      justify-content:center;
      padding:14px 10px;
      border-right:1px solid rgba(255,255,255,.12);
    }
    .quick-cats a:last-child{ border-right:none; }
    .quick-cats a:hover{  color:#1c92e5; }

    /* Content */
    .about{
      padding:60px 0 36px;
    }
    
    .gallery-item img {
    width: 95%;
    height: auto;
    border: none !important;
    }
    
    .gallery-caption {
    margin-left: 0;
    padding: 30px 60px;
}
    
    .section-title{
      font-weight:600;
      text-transform:uppercase;
      letter-spacing:.02em;
      margin-bottom:18px;
    }
    .catalog-grid{
      padding:8px 0 60px;
    }
    .cat-card{
      background: #0c213a;
      color:#fff;
      padding: 20px;
      overflow:hidden;
      height:100%;
      min-height: 415px;
    }
    
    
    .cat-card-link {
    text-decoration: none;
    }
    .cat-card:hover {
      background: #1c92e5; 
    }
    .cat-card .card-body{
      padding:22px;
    }
    .cat-card h3{
      font-size: 42px;
      text-transform:uppercase;
      font-family: 'Bold';
     margin-bottom: 40px;   
      
    }
    .cat-card ul{
      margin:0;
      padding-left:1rem;
      font-size: 16px;
    /*  margin-bottom: 60px;  */
  
    display: block;
    }
    
    .card-body.flexaround {
    display: flex;
    flex-direction: column;
   /* justify-content: space-between;  */
    height: 100%;
}

.flexaround > *:last-child {
    margin-top: auto;
}

    .cat-card img{
      width:100%;
      max-height:220px;
      object-fit:contain;
      padding:8px 16px 18px;
    }
    
    .category .cat-card img{
      width:100%;
      max-height:330px;
      object-fit:contain;
      padding: 0px;
    }
    
    .category .cat-card h3 {
    font-size: 42px;
    font-family: 'Bold';
    }
    
    
    .category .subcategories-list .catblock  {
    margin-bottom: 60px;
    }
    
    .catblock a {
       text-decoration: none;
    }
    
    .cat-card a {
    color: #fff;
    text-decoration: none;
    }
    
    .posts-list {
    text-align: center;
    font-size: 18px;
    }

     .posts-list .col-md-3  {
     margin-bottom: 30px;
     }
     .posts-list span {
     margin: 30px 0px;
     display: block;
    
     }


     .catlink img {
          width: 50%;
          height: auto;
     }
     
     .catlink {
      display: block;
     }

   .posts-list a  {
      text-decoration: none;
     color: #000;
     }

    .posts-list img {
    width: 100%;
    height: auto;
    }

    /* Footer */
    .main-footer{
      background:var(--dark);
      color:#fff;
      padding-top:42px;
    }
    .main-footer a{
       
      text-decoration:none;
    }
    .main-footer a:hover{ color:#fff; }
    .footer-bottom{
      border-top:1px solid rgba(255,255,255,.12);
      margin-top:24px;
      padding:14px 0 20px;
      font-size:.85rem;
      color:#9db2c9;
    }
    
    .titlefooter {
     text-transform: uppercase;
     margin-bottom: 5px;
    }
    
    .mb15 {
    margin-bottom: 15px;
    }
    .fmenu a {
      display: block;
      color: #fff;
    }
    
     .fmenu a:hover {
     color: #1c92e5;
     }

     .footer-bottom a {
                     text-decoration: underline;
     }
     
      .footer-bottom a:hover {
         text-decoration: none;
      }


      .ship-card {
            position: relative;
            overflow: hidden;
            aspect-ratio: 16 / 11;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .ship-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        .ship-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .ship-card .overlay {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 16px 20px;
            background: linear-gradient(to top, rgba(8, 25, 55, 0.92) 0%, rgba(8, 25, 55, 0.75) 60%, rgba(8, 25, 55, 0) 100%);
            color: #fff;
        }

        .ship-card .title {
            font-weight: 700;
            font-size: 1rem;
            margin-bottom: 6px;
        }

        .ship-card .desc {
            font-size: 0.82rem;
            line-height: 1.35;
            margin-bottom: 4px;
            opacity: 0.95;
        }

        .ship-card .cert {
            font-size: 0.82rem;
            opacity: 0.9;
        }


        .mb60 {
         margin-bottom: 60px;
        }
        
        
        .contphone {
        color: #0c213a;
        font-size: 30px;
        font-family: 'Bold';
        text-decoration: none;
        }
        
        
        .contmail  {
        color: #0c213a;
        font-size: 20px;
        font-family: 'Bold';
        text-decoration: none;
        }
        
        .adresscont {
         margin: 40px 0px;
        }

    @media (max-width: 991.98px){
      .main-header .navbar-collapse{
        background:var(--dark);
        padding:10px 0 14px;
      }
       .cat-card .col-md-12     {
      background-size: 150px !important;
      }
      
      .gallery-caption {
    margin-left: 0;
    padding: 5px;
}

#gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 49% !important;
}
      
       .hero h1{
      font-size:  30px;
     
    }
    
    .allpage h1 {
    font-size: 25px;
    margin: 30px 0px 30px 0px;
 
}  

.cat-card .card-body {
    padding: 0px;
}

 .category .cat-card h3 {
    font-size: 18px;
    font-family: 'Bold';
}

.category  .cat-card {
 
    min-height: 255px;
}

.category-1  .cat-card {
 
    min-height: 355px;
}

.home .cat-card h3, .category-1  .cat-card h3 {
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'Bold';
    margin-bottom: 40px;
}

.category .cat-card img {
    width: 100%;
    max-height: 230px;
    object-fit: contain;
    padding: 0px;
}

footer .brand {
text-align: center;
}

.col-md-3.fmenu {
    text-align: center;
}
    
    
    .col-md-3.text-md-end {
    text-align: center;
}
      
      .catalog-item .mega-menu{
        position: relative;
        transform:none;
        width:100%;
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        box-shadow:none;
        border-radius:8px;
        margin:6px 0 0;
        display:none;
      }
      
   .mega-menu .menu-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background: var(--dark);
    padding-top: 0px;
}

.mega-menu {
    padding-top: 0px;
}

.mega-link {
 
    color: #fff;
 
}


      .catalog-item.open .mega-menu{
        display:block;
      }

      .hero .carousel-item,
      .hero .slide-inner{
        min-height:460px;
      }
      .hero .slide-inner{
        padding:36px 0 105px;
      }
      .num-indicators{
        bottom:72px;
      }
      .quick-cats{
        margin-top:-24px;
      }
      .quick-cats .wrap{
        border-radius:10px;
      }
      .quick-cats a{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.12);
        justify-content:flex-start;
        padding-left:14px;
      }
      .quick-cats .col:last-child a{
        border-bottom:none;
      }
    }

/*-----------------------------странный размер от 991 до 1190px-------------------------------*/



@media only screen and (min-width: 993px) and (max-width: 1174px) {

   .container {
    max-width: 100%;
}

 
}
/*------------адаптивность-end--------------------*/

   .cookie-popup {
        display: none;
        left: 0px !important;
        right: 0px !important;
        font-size: 12px !important;
        padding: 10px !important;
        width: 100%;
        position: fixed;
        z-index: 100;
        background: #fff;
        text-align: center;
        bottom: 0;
    }

    .cookie-popup p {
        margin: 0;
        font-size: 14px;
    }

    .cookie-popup button {
        margin-top: 10px;
        padding: 5px 10px;
        background-color: #ff0909;
        color: #fff;
        border: none;
        border-radius: 3px;
        cursor: pointer;
    }