* {box-sizing: border-box;}

div {border: 0px red solid};
*, body{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    }
b {color: #002d44; }

.bg-bbl {
  background-color: #002d44;
  color: white;
  border-radius: 5px;
}
.bg-grey {
  background-color: #e7edf0;
  color: grey;
}
.bg-01 {
        background-color: #e8edf1;
        margin-top: -25px;
        margin-bottom: 40px;
        position: relative;
        z-index: 0;
  }

.bg-light {
    background-color: #162e42 !important;
    border-radius: 5px;
    padding: 0px;
}
h4 {font-size: 18px;
color: #002d44;
font-weight: 700;
;
}

.top-menu {
    position: sticky;
    top: 0;
    z-index: 3;
}


.carousel-item img {
position: relative;
    margin-left: auto;
}


/**Header**/
.search_form {
    position: relative;
    padding: 35px 10px;
    }
.search_form_text {margin: 0px;
    width: 260px;
    position: absolute;
   font-style: italic;
   font-size: 10px;
   padding: 5px;
    }

.search_form_sabmit {
    position: absolute;
    left:240px;
    top: 41px;
    width: 20px;
    height: 20px;
    background: none;
    background-image: url(img/search-icon.png);
    background-repeat: no-repeat;
    border: 0px;
    }
    .tel_head a {
      text-decoration: none;
      color: #8b929c;
      font-weight: 300;
      font-size: 18px;
    }
    .tel_head span {
      font-weight: 700;
      font-size: 24px;
      color: #002d44;
    }
    .tel_head a.callback {
      font-size: 14px;
    }
    .tbl table a {
      color: #002d44;
    }
    .tbl table td:nth-child(1) {
        color: #788590;
        padding: 15px 0px;
    }
    .tbl table td:nth-child(2) {
        color: #002d44;
        padding: 15px 0px;
    }
    .tbl-bb {
      border-bottom: 2px dashed #dde1e5d4;
      padding-top: 15px;
      padding-bottom: 15px;
    }
/**Header**/




/**Меню контакты**/
.menu_main {
    background: #002d44;
    height: 40px;
    border-radius: 5px;
}

.menu_main ul {
    padding: 0px;
    list-style: none;
     display: flex;
    justify-content: center;
}

.menu_main ul li:hover {
  background: red;
    text-decoration: none;
}

.menu_main ul li {
    display: block;
    position: relative;
    float: left;
    border: 0px grey solid;
    height: 40px;
    padding: 7px 30px;
}

.menu_main ul li a {
    color: white;
    text-transform: uppercase;
    text-decoration: none;}

.menu_main ul li:hover {
    background: red;
    text-decoration: none;}


.menu_main ul li ul {
    display: none;
}

.menu_main ul li:hover > ul
   {
    display: block;
    background: red;
    position: absolute;
    top: 38px;
    left: 0px;
    height: auto;
    width: 300px;
    transition: 2s;
    z-index: 1}
.menu_main ul li ul li a {
    text-transform: none;
}
/**Меню**/



/**Меню ботстрап**/



.nav-item .active  {
    background:red;
}

.nav-item:hover {background: red;}
.nav-item {color: white;
    font-weight: 500;
    text-transform: uppercase
}

.nav-link:link,
.nav-link:active,
.nav-link:visited,
.nav-link:hover {color: white;
    padding-left: 20px;
    padding-right: 20px;}


.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {color:white;}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    background: red;
    border-radius: 0px;
    top: 33px;
    padding: 20px;}


.dropdown-item:hover{background: red;
    color: white
    }

.navbar-expand-lg .navbar-collapse{
    background: #002d44;}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: white;
    background: red;}

.navbar-expand-lg .navbar-collapse {
    background: #002d44;
    border-radius: 5px;
    display: flex;
    justify-content: center}


/**Меню ботстрап**/


/**слайд главной**/
.carousel-indicators [data-bs-target]{
     width: 10px;
    height: 10px;
    border-radius: 50%;
    background: none;
    border: 3px solid #002d44;
    opacity: 1;
}

.carousel-indicators .active {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: red;
    border: 3px solid red;
}

.carousel-item {
    position: relative;
}

.carousel-caption{
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 40%;
}


.carousel-inner { width: 100%}
.carousel-inner h5 {
    color: #002d44;
    font-size: 50px;
    font-weight: 700;
}

.carousel-inner p {
    color: #002d44;
    font-size: 20px;
    font-weight: 500;
}

.carousel-inner span {
    color: #6c757d;
    font-size: 14px;
    font-weight: 500;
}
.carousel-item {
    position: relative;
}

.carousel-caption{
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 40%;
    left: 0px;
    padding: 135px 45px;
    text-align: start;

}

.carousel-control-next-icon {
    background-image: url(img/next.png);
    width: 15px;
    height: 30px;
}

.carousel-control-prev-icon {
    background-image: url(img/prev.png);
    width: 15px;
    height: 30px;
}
.carousel-control-next,
.carousel-control-prev {
    width: 2%;
}

.carousel-inner {
   /* background: #ffffff; */
    margin-top: -8px;
    position: relative;
    z-index: 0;
margin-bottom: 30px;}
/**слайд главной**/


/**Панель слева**/
.menu-aside ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.menu-aside ul li {
   padding: 0px 20px;
}
.menu-aside ul li.active {
  background: red;
}
.menu-aside ul li:hover {
  background: #788590;
}
.menu-aside ul li a {
  color: white;
  display: block;
  padding: 10px 0px;
  text-decoration: none;
  border-bottom: 1px #788590 dotted;
}
.menu-aside ul li:last-child a {
  border-bottom: none;
}
/**Панель слева**/



/**Панель слева Bootstrap**/

nav .aside {background: #002d44;}

nav .aside .nav-link {
    color: white;
    font-size: 14px;
    padding: 15px;
    text-transform: capitalize;
    padding-left: 30px;
}



nav .aside .nav-item{border-bottom: 1px white dashed;}
nav .aside {}
nav .aside .active {background: red;}
nav .aside .nav-link:hover
{background: red;}

/**Панель слева Bootstrap**/



/**таблица**/
.light {color:#788590;
}

table>:not(caption)>*>* {
    padding: 7px 0px;}
/**таблица**/


/**карточки товаров**/

.card-img, .card-img-top {
    object-fit: contain;
    width: calc(100% -10px);
    height: 180px;
    background: white;
    padding: 5px;
    margin: 0px;
}

.card h-100 {padding: 0px}

.card {
  border-radius: 5px;
  border-color: #e7edf0;
  border: 4px #e7edf0 solid;
  background-color: #e7edf0;
  margin-bottom: 40px;
}


.card p {color: #788590;
}
.card-title {font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px;}

.card-text:last-child {
    margin-bottom: 0;
    font-size: 14px; }

.card-footer {background-color: #dfe0ff;
    border-top: 0px;

}
.card-body {padding: 8px}
.card-footer:last-child {display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-content: space-between;
    padding: 9px 0px;
}



/**карточки товаров**/


/**Footer**/
.footer h3 {
    font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}

.bg-blue {
   background: #002d44;
}

.bg-grey {
    background: #e7edf0;
}
.footer ul {
    list-style: none;
}
.footer ul {
  list-style: none;
    padding: 0px;}

.footer ul li a,
.footer ul li a:active,
.footer ul li a:link,
.footer ul li a:visited {
   text-align: none;
    color: #788590;
    text-decoration: none;
}

.footer ul li a:hover {
   text-align: none;
    color: #fff;
    text-align: center;
}
/**Footer**/


/**!самый последний блок**/
.info,
.info a {
    text-align: none;
    color: #788590;
}

.info h3 {font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;}
/**!самый последний блок**/


/**!Кнопки**/
a.bnt-white {
    text-decoration: none;
    background-color: #002d44;
    color: white;
    display: block;
    font-weight: 500;
    padding: 3px 100px 3px 20px;
    border-radius: 3px;
    font-size: 14px;
    white-space: nowrap;
    text-align: center}




a.bnt-white:link,
a.bnt-white:visited,
a.bnt-white:active {
    background: #e4ebef;
    color: #6c757d;
    border: 1px #6c757d solid;
    }
a.bnt-white:hover {
    background: #002d44;
    color:  #ffffff;
    border: 1px  #002d44 solid;}

 a.bnt-black {
    text-decoration: none;
    display: grid;
    font-weight: 500;
    padding: 3px 140px 3px 20px;
    border-radius: 3px;
    font-size: 14px;
    text-align: start;
    white-space: nowrap;
    text-align: center}


a.bnt-black:link,
a.bnt-black:visited,
a.bnt-black:active {
    background: #002d44;
    color: #ffffff;
    border: 1px  #002d44 solid ;
    }
a.bnt-black:hover {
    background: #ffffff;
    color:  #002d44;
    border: 1px  #002d44 solid;}
/**!Кнопки**/


a.bnt-red, a.bnt-blue {
  text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;

    text-align: center;
    display: inline-block;
    }

a.bnt-red:link,
a.bnt-red:visited,
a.bnt-red:active {
    background: red;
    color:white;
    border: 1px red solid;
    height: 35px;
    width: 120px;
    display: inline-block;
    font-weight: 500;
    padding: 7px 7px;
}

a.bnt-red:hover {
    background: white;
    color: red;
    border: 1px red solid;}



a.bnt-blue:link,
a.bnt-blue:visited,
a.bnt-blue:active {
    background: #002d44;
    color: #ffffff;
    border: 1px #002d44;
    height: 35px;
    width: 120px;
    display: inline-block;
    font-weight: 500;
    padding: 7px 7px;
    }
a.bnt-blue:hover {
    background: #ffffff;
    color: #002d44;
    border: 1px #002d44 solid;}

a.bnt-blue,
a.bnt-red {display: flex;}




a.bnt-news:link,
a.bnt-news:visited,
a.bnt-news:active {
    background: red;
    color:white;
    border: 2px red solid;
    height: 50px;
    width: 90px;}

a.bnt-news:hover {
    background: white;
    color: red;
    border: 1px red solid;}

a.bnt-news {
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    padding-bottom: 2px;
    }
/**!Кнопки**/


/**описание**/

.list {padding:0;
list-style-position: inside;
list-style-type: square}

.info p {color: #788590;
 }
/**описание**/


/**камаз слева**/

.news h2 {color: #002d44;
font-size: 16px;
font-weight: 500;
padding-left: 43px;
padding-bottom: 17px;
margin-top: -26px;
margin-bottom: 0px;
color: #002d44;
}


.news p{color: #788590;
    font-size: 12px;
    margin-bottom: 0px;}

.news span {color: #002d44;
font-size: 12px;
font-weight: 500;}

.news img {
  margin-top: 25px;
  width: 31px;
  height: 29px;
  margin-right: 5px;
  text-align:  align: left;
}

div.col-12.news {
  border-top: 1px #002d44 solid;
}

.den  {margin: 20px 0px 10px 0px;
       width: 100%;
       padding-right: 5px;}

/**камаз слева**/







.number



/**PRODUCT**/

ul.main{width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
   
}


ul .main li .main {
    width: 33%;
    background: #e8edf1;
    box-shadow: 2px 2px 9px #002d44;
}
.nav-pills .nav-link {
    background: #e8edf1;
    box-shadow: 1px 1px 7px #002d44;
    border-radius: 0px;
}



.tabs-main {width: 100%}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #002d44;
    border-radius: 0px;}

.product {position: relative;
background: #e8edf1;
height: 350px;
width: 100%;
margin-bottom: 30px;}

.holod img {    position: absolute;
    z-index: 0;
    width: 315px;
    left: 0px;
    top: 0;
    padding: 10px;
}

.map-info {float: left;
position: relative;
z-index: 0;
background: #e8e8e8;;
padding: 15px;
width: 240px;
margin-top: 0px;
color: black;
left: 60px;
top: 200px;
border-radius: 5px;
box-shadow: 1px 1px 9px red}

.adres { 
    color: #788590;}
    
/**телефон**/    
.phone-number {position: relative;
}

.info-list {
    width: 300px;
    }

.number { 
    display: none;
    position: absolute;
    background: #e8edf1;
    top: 0;
    bottom: 0;
    width: 300px;
    }

.phone-number:hover .number{display: block;}



.tovar {
    position: absolute;
    top: 10px;
    left: 330px;
    z-index: 1;}


.carousel-indicators-tovar {
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
    top: 228px;
    left: 0px;
}
.carousel-indicators-tovar [data-bs-target]{
     width: 85px;
    height: 60px;
    border-radius: 0%;
    background: none;
    border: 1px solid #002d44;
    opacity: 0,7;
    background: url(img/product-1.jpg);
    border: 0px solid red;
    background-size: cover;
    margin: 10px;
}


.carousel-indicators-tovar .active {
    width: 85px;
    height: 60px;
    border-radius: 0%;
    background: red;
    border: 0px solid red;}


.carousel-indicators-tovar [data-bs-target]:nth-child(1) {background: url(img/product-1.jpg);
background-position: center;
background-size: 100%;
}