@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
 }

 ul{
    list-style: none;
    padding: 0 !important;
    margin: 0;
 }
 a{
    text-decoration: none ;
    color: black;
 }

/* header */
body {
    margin: 0;
    padding: 0;
}
.slide_container{
    max-width: 1300px;
    width: 100%;
    margin: 0 auto !important;
}
.med-container{
    max-width: 1300px;
    width: 100%;
    position: relative;
    margin: 0 auto !important;
    /* display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; */
    padding: 0 !important;
}

header{
    display: flex;

}
nav{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 111;
    right: 0;
    background-color: #1871aa;
    color: white;
}
.nav-container{
    display: flex;
    padding: 0;
    justify-content: space-between;
    height: 40px;
    max-width: 1300px;
    margin: 0 auto;
}

.menu__list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}

.menu__list-item{
    margin: 0 24px;
    font-size: 14px;
    font-weight: 500;
}
.menu__list-item:first-child{
    margin: 0 24px 0 0;
}
.list__item-href:hover{
    color: #FFC601;
}
.list__item-href{
    text-decoration: none;
    color: black;
}

/* right nav */

.menu__list-right{
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    height: 40px;
}


.list-right-item{
    margin: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-right-item:nth-child(1):hover{
    color: #FFC601;
}
.list-right-item-href{
    display: flex;
    align-items: center;
    padding: 0 24px;
    color: white;
    text-decoration: none;
}
.list-right-item-href:first-child:hover{
    color: #FFC601;
}
.list-right-item-href > span{
    padding: 8px;
}
.list-right-item-two{
    justify-content: center;
    background-color: #FFC601;
    color: black;
    height: 40px;
    display: flex;
    width: 170px;
}
.list-right-item-href-two{
    display: flex;
    align-items: center;
    padding: 0 24px;
    color: rgb(0, 0, 0);
    text-decoration: none;

}
.list-right-item-href-two > span{
    padding: 8px;
}
.list-right-item-href-two > span:hover{
    color: black;
}
.list-right-item-href-two:hover {
    color: black;
}

/*.dropdown {*/
/*    float: left;*/
/*    overflow: hidden;*/
/*  }*/

/*.dropdown-content {*/
/*    display: none;*/
/*    position: absolute;*/
/*    background-color: #f9f9f9;*/
/*    min-width: 160px;*/
/*    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
/*    z-index: 1;*/
/*}*/
/*.dropdown .dropbtn {*/
/*    font-size: 16px;*/
/*    border: none;*/
/*    outline: none;*/
/*    color: white;*/
/*    padding: 14px 16px;*/
/*    background-color: inherit;*/
/*font-family: inherit; !* Важно для вертикального выравнивания на мобильных телефонах *!*/
/*margin: 0; !* Важно для вертикального выравнивания на мобильных телефонах *!*/
/*}*/


/*  !* Ссылки внутри выпадающего списка *!*/
/*  .dropdown-content a {*/
/*    float: none;*/
/*    color: black;*/
/*    padding: 12px 16px;*/
/*    text-decoration: none;*/
/*    display: block;*/
/*    text-align: left;*/
/*  }*/

/*  !* Добавить серый цвет фона для выпадающих ссылок при наведении курсора *!*/
/*  .dropdown-content a:hover {*/
/*    background-color: #ffcc33;*/
/*  }*/

/*  !* Показать выпадающее меню при наведении курсора *!*/
/*  .dropdown:hover, .dropdown-content {*/
/*    display: block;*/
/*    background-color: pink;*/
/*  }*/
/* Style the dropdown button */

.dropdown {
    float: left !important;
    overflow: hidden !important;
  }
.dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none !important;
  position: absolute !important;
  background-color: #f9f9f9 !important;
  min-width: 160px !important;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1 !important;
}

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none !important;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block !important;
  text-align: left !important;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd !important;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block !important;
    color: #ffcc33 !important;
    background-color: #00cc66 !important;
}


/* header */

.header{
    margin-top: 50px;
    display: flex;
    flex-direction: column;
}

.header__list{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header__list-item{
    display:inline-block; vertical-align:top;
    position: relative;
}
.header__list-item > a{
    width: 100%;
    height: 100%;
    display: inline-block;
}
.some{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.header__list-item-search{
    position: relative;
    max-width: 350px;
    width: 100%;
}
.header__list-item-search > input{
    height: 40px;
    border-radius: 15px;
    border: 0.1px solid black;
    padding: 0 40px;
    outline: none;
    width: 100%;
}
.header__list-item-search > embed{
    position: absolute;
    width: 15px;
    left: 5%;
    top: 30%;
}
.header__list-right{
    display: flex;
    align-items: center;
}

.header__list-right-item-icon > a{
    display: flex;
    align-items: center;
    /* flex-direction: column; */
    text-decoration: none;
    color: black;
    margin: 0 11px;
}
.header__list-right-item-icon > a:hover{
    color: black;
}
.header__list-right-item-icon > a > embed {
    max-height: 50px;
}

.header__list-right-item-icon > a div {
    display: flex;
    flex-direction: column;
}
.header__list-right-item-icon > a > div > span:last-child{
    font-size: 12px;
}

/* list header */

.header-content__list{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 24px;
}
.header-content__left-list-item{
    padding: 6px 12px;
    border-radius: 15px ;
}
.header-content__left-list-item{
    background-color: #FFC601;
    cursor: pointer;
}


.header-content__left-list-item{
    /* float: left; */
}

.header-content__list-item > .contentlist{
    display: flex;
}
.three--circle{
    margin: 6px;
    padding: 6px;
    border-radius: 15px ;
}
.contentlist-item{
    margin: 0 6px;
    padding: 6px;
    border-radius: 15px ;
}
.contentlist-item:hover, .three--circle:hover{
    background-color: #FFC601;
    cursor: pointer;
}
.contentlist-item > a {
    color: #000000;
    text-decoration: none;
}

/* products__list */

.products__list{
    display: flex;
    list-style: none;
    margin: 24px auto 0;
}
.products__list-item{
    margin: 0 6px;
    font-size: 14px;
    padding: 6px;
}
.products__list-item:last-child{
    margin: 0 auto;
}

.products__list-item:hover{
    background: rgba(255, 198, 1, 1);
    border-radius: 10px;
}
.products__list-item__active{
    background: rgba(255, 198, 1, 1);
}

/* navSlide */
.navSlide{
    /* margin-top: 24px; */
    position: relative;
}
.position-inherit{
    position: relative;
}
.sales--action{
    display: flex;
    position: absolute;
    left: 10%;
    /* margin: -100px; */
    z-index: 50;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    bottom: -10px;
    justify-content: space-between;
}
.sales--action-item{
    margin: 6px;
}
.sales--action-item > img{
    max-width: 300px !important;
}
.carousel-caption {
    top: 35% !important;
    text-align: start !important;
}
/* list__products */
.list__products{
    display: flex;
    justify-content: space-around;
    margin-top: 24px;
}
.list__products-item{
    border-bottom: 1px solid transparent ;

}
.list__products-item:hover{
    border: none;
    border-bottom: 1px solid rgba(255, 198, 1, 1) ;
}

.our__products{
    display: grid;
    /* max-width: 1200px; */
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    grid-template-rows: 0.2fr 0.5fr; 
    gap: 10px 20px; 
    grid-template-areas: 
      "one two thre for"
      "fiv sixx seve eig";
    /* padding: 0; */
    text-align: center;
}
.one { grid-area: one; }
.two { grid-area: two; }
.thre { grid-area: thre; }
.for { grid-area: for; }
.fiv { grid-area: fiv; }
.sixx { grid-area: sixx; }
.seve { grid-area: seve; }
.eig { grid-area: eig; }



.our__products-item > img {
    max-width: 250px;

}

.our__products-item-img{
    max-width: 200px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}



/* carousel */
.head__articles{
    background-color: black;
    padding: 24px 0;
    text-align: center;
    color: white;
}
.carousel-item{
    /* width: 100% !important; */
    margin: 40px auto !important;
    /* display: flex !important; */
        /* margin-right: 0 !important; */
    /* -webkit-backface-visibility: visible !important; */
    /* backface-visibility: hidden !important; */
}

.carousel-item-prev{
    display: none !important;
    margin-right: 0 !important;
}

.carousel-item-next{
    display: none !important;
    margin-right: 0 !important;
}

.carousel-item.active{
    display: flex !important;
    /* flex-direction: row !important; */
}
.carousel__articles{
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}
.carousel__articles__img{
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
}
.carousel-indicators{
    /* padding-top: -10px !important; */
    margin-bottom: 20px;
    height: 30px !important;
    border-radius: 50% !important;
    position: absolute !important;
    bottom: 50px !important;
}

.carousel-indicators-two{
    position: absolute !important;
    right: 0 !important;
    bottom: -20px !important;
    left: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
    margin-right: 15% !important;
    margin-bottom: 1rem !important;
    margin-left: 15% !important;
}

.carousel-indicators-two > button {
    height: 20px !important;
    width: 20px !important;
    border-radius: 50% !important;
    background-color: #242424 !important;
    margin: 0 5px !important;
}

.carousel-indicators > button {
    height: 20px !important;
    width: 20px !important;
    border-radius: 50% !important;
}

.articles__btn{
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    margin-top: 24px !important;
}

.article_title{
    text-align: center;
    font-size: 2rem;
    margin: 36px auto 0;
    padding: 48px 0;
}

/* benefits */

.our-benefits{
    margin: 0;
    padding: 48px 0;
}

.benefits__list{
    display: flex;
    justify-content: space-between;
    margin: 6px auto;
    padding: 0;
    flex-wrap: wrap;
    list-style-type: none;
}
.benefit__item{
    margin: 12px 6px;
    max-width: 220px;
    width: 100%;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    padding: 6px;
    text-align: center;
}
.benefit__title{
    margin: 0 auto;
    text-align: center;
}

.benefit__item-img{
    width: 110px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
}


/* network */
.socials{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
}

.socials__items{
    display: flex;
    margin: 0;
    padding: 0;
}
.soc-item{
    margin: 0 6px;
}

.first_item{
    margin: 0;
}
.sociale__title{
    margin: 0;
}
.social_form{
    display: flex;
}
.social__email{
    border-radius: 10px;
    padding: 6px 12px;
    border: 1px solid #F0F0F0;
}
.social__btn{
    min-width: 90px;
    width: 100%;
    border: none;
    margin: 0 6px;
    border-radius:  15px;
    padding:  0 12px;
    border: 1px solid #F0F0F0;
    background-color: #FFC501;
    cursor:pointer;
}


/* footer */
footer{
    background-color: #D9D9D9;
    padding: 48px 0;
    color: rgba(0, 0, 0, 0.48);
    margin: 0 auto;
}
.footer{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}

.footer_first-h5{
    font-size: 20px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.48);
}

.footer_first > .first__item{
    font-size: 14px;
    margin: 6px 0;
    cursor: pointer;
    text-decoration: none;
}

.first__item > a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.48);
}

/* 1024 < */

/* about */

.header-content__list-item > .contentlist{
    display: flex;
}
.three--circle{
    margin: 6px;
    padding: 6px;
    border-radius: 15px ;
}
.contentlist-item{
    margin: 0 6px;
    padding: 6px;
    border-radius: 15px ;
}
.contentlist-item:hover, .three--circle:hover{
    background-color: #FFC601;
    cursor: pointer;
}

.about__header--content{
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
}

.left__bar-list{
    float: left;
    min-width: 200px;
}

.bar-list-item{
    color: black;
    padding: 6px 12px;
    background: rgba(217, 217, 217, 1);
}

.bar-list-item > a{
    text-decoration: none;
    color: black;

}

.bar-list-item:hover{
    background-color: #FFC601;
    cursor: pointer;
}



.content--block{
    display: flex;
    flex-direction: column;
    min-width: 80%;
    padding: 0 24px 24px 24px;
    text-align: justify;
}

.content--block-title{
    font-size: 26px;
    font-weight: 600;
    align-items : center;
}
.content--block-title-two{
    font-size: 26px;
    font-weight: 600;
    margin-top: 24px;
}
.content--block-span{
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0;

}
.content--block-title-products{
    margin-top: 24px;
}
.titles__list{
    list-style-type: disc;
    text-align: justify;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 48px;
}

.text__cursiv{
    font-style: italic;
    margin-top: 24px;
}

.articles__content--block{
    display: flex;
    flex-direction: column;
    min-width: 80%;
    padding: 0 24px 24px 24px;
    text-align: justify;
}

.articles__content--block-header-title{
    background-color: #989797;
    color: black;
    padding: 6px;
    font-weight: 600;
    font-size: 16px;
}
.articles__content--block-span{
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0;
}

.articles-list{
    display: flex;
    flex-direction: column;
    padding: 0 24px 24px 0;
}

.articles-list-item-content{
    display: flex;
    min-height: 150px;
    height: 100%;
    width: auto;
    margin: 24px 0;
    justify-content: space-between;
}

.articles-list-item-content > a{
    margin-right: 24px;
    max-height: 170px;
    max-width: 230px;

}

.articles-list-item-content > a > img {
    max-height: 170px;
    max-width: 230px;
    margin-right: 24px;

}

.articles-list-item-right-block > span > a:hover {
    background-color: #989797;
    border: none;
    color: white;
    padding: 6px;
    border-radius: 15px;
    text-decoration: none;
}



/* articles */

.article__header--content{
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
}

.articles__content--block{
    display: flex;
    flex-direction: column;
    min-width: 80%;
    padding: 0 24px 24px 24px;
    text-align: justify;
}

.articles__content--block-header-title{
    background-color: #989797;
    color: black;
    padding: 6px;
    font-weight: 600;
    font-size: 16px;
}
.articles__content--block-span{
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0;
}

.articles-list{
    display: flex;
    flex-direction: column;
    padding: 0 24px 24px 0;
}

.articles-list-item-content{
    display: flex;
    min-height: 150px;
    height: 100%;
    width: auto;
    margin: 24px 0;
    justify-content: space-between;

}

.articles-list-item-content > img{
    max-height: 170px;
    max-width: 230px;
    margin-right: 24px;
}
.articles-list-item-content > a > img{
    max-height: 170px;
    max-width: 230px;
    margin-right: 24px;
    text-decoration: none;
}

.articles-list-item-right-block > span > a {
    background-color: #989797;
    border: none;
    color: white;
    padding: 6px;
    border-radius: 15px;
    text-decoration: none;
}

/* cart */

.cart__header--content{
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    text-align: center;
}

.cart--content--block{
    display: flex;
    flex-direction: column;
    min-width: 80%;
    position: relative;
    padding: 0;
    text-align: center;
    border: 1px solid #989797;
}

.cart--content--block-title{
    font-size: 26px;
    font-weight: 600;
    align-items : center;
    margin-top: 24px;
}

.cirlce__cross{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-color: #989797;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    cursor: pointer;
    border-radius: 50%;
}

.cart__lists{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.cart__list-item:nth-child(2) > p{
    margin: 6px auto;
}
.cart__list-item-icon {
    padding: 12px;
    cursor: pointer;
}
.cart__list-item{
    text-align: center;
}
.list-item-quantity{
    max-width: 40px;
    text-align: center;
}
.list-item-quantity-btn {
    cursor: pointer;
}
.cart__bottom{
    background-color: #D9D9D9;
    height: 69px;
    border: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.bottom__input{
    height: 39px;
    border-radius: 5px;
    background-color: white;
    padding: 0 24px;
    outline: none;
    border: none;
    margin-left: 12px;
}

.bottom__btn{
    margin: 5px;
    height: 39px;
    border-radius:5px;
    background-color: #989797;
    padding: 0 24px;
    outline: none;
    border: none;
    cursor: pointer;
}

.cart__bottom > p {
    color: #989797;
    margin-right: 12px;
    font-size: 14px;
}
.cart__bottom > p > span{
    color: #FFC501;
    font-weight: 600;
}

/* contacts */


.contacts--content--block{
    display: flex;
    flex-direction: column;
    min-width: 80%;
    padding: 0 24px 24px 24px;
    text-align: justify;
}
.contacts__map-block{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.contacts__header--content{
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
}

.contacts--content--block-item{
    display: flex;
    justify-content: space-around;
}

.contacts--content--block--list{
    display: flex;
    background-color: #D9D9D9;
    flex-direction: column;
    max-width: 50%;
    margin-top: 24px;
}
.contacts--content--block-title{
    font-size: 26px;
    font-weight: 600;
    align-items : center;
    margin-top: 36px;
}
.contacts--content--block--list-item{
    padding: 0px 24px;
    margin: 12px 0;
}

.contacts--content--block-item-content{
    margin-top: 24px;
    padding: 0 24px 0;
}

.form{
    display: flex;
    justify-content: space-between;
}
.form-block{
    display: flex;
    flex-direction: column;
    max-width: 400px;
    width: 100%;
    justify-content: flex-start;
}
.form-block-input{
    background-color: rgba(217, 217, 217, 1);
    max-width: 80%;
    margin: 6px 0;
    height: 38px;
    border: none;
    padding: 0 24px;
}
.form-block-textarea{
    background-color: rgba(217, 217, 217, 1);
    padding: 6px 24px 0;
    border: none;
}


/* delivery */
.delivery__header--content{
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
}

.delivery--content--block{
    display: flex;
    flex-direction: column;
    min-width: 80%;
    padding: 0 24px 24px 24px;
    text-align: justify;
}

.delivery--content--block-title{
    font-size: 26px;
    font-weight: 600;
    align-items : center;

}

.delivery--titles__list{
    list-style-type: disc;
    text-align: justify;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 48px;
}

/* del-contact */
.progressbar {
    counter-reset: step;
  }
  .progressbar li {
    list-style: none;
    display: inline-block;
    width: 30.33%;
    position: relative;
    text-align: center;
    cursor: pointer;
  }
  .progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    line-height : 30px;
    border: 1px solid #ddd;
    border-radius: 100%;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    background-color: #fff;
  }
  .progressbar li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    top: 15px;
    left: -50%;
    z-index : -1;
  }
  .progressbar li:first-child:after {
    content: none;
  }
  .progressbar li.active {
    color: rgb(0, 0, 0);
  }
  .progressbar li.active:before {
    background-color: #000000;
    border-color: rgb(0, 0, 0);
    color: white;
  }
  .progressbar li.active + li:after {
    background-color: black;
  }

/*  */
.del-contact-input[type='radio']:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: -3px;
    left: -2px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.del-contact-input[type='radio']:checked:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: -3px;
    left: -2px;
    background: rgba(255, 198, 1, 1);
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}
.labelForRadioDelCon{
    padding-left: 15px;
}
/*  */
.delivery-cart__header--content{
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    text-align: center;
}

.deliverycontact--content--block{
    display: flex;
    flex-direction: column;
    min-width: 80%;
    position: relative;
    padding: 0;
    text-align: center;
    align-items: center;
    border: 1px solid #989797;
}

.content--block-title{
    font-size: 26px;
    font-weight: 600;
    align-items : center;
    margin-top: 24px;
    justify-content: center;
}
.delivey-contact-ordered-list{
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    width: 400px;
    padding: 24px 0;
}

.delivey-contact-ordered-list-item{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 12px 0;
}


.delivey-contact-ordered-list-item > span{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    border: 1px solid black;
    justify-content: center;
}

.delivery-first-form{
    max-width: 300px;
    width: 100%;
    margin: 0 24px;
}
.delivery-first-form > .lastname {
    margin: 0;
    border: none;
    background-color: #989797;
    padding: 6px;
    width: 300px;
    height: 34px;
    padding: 0 12px;
}

.emailPhoneBlock {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

.emailPhoneBlock > input {
    width: 140px;
    height: 34px;
    background-color: #989797;
    border: none;
    padding: 0 12px;
}

.addresDelivery{
    width: 100%;
    height: 34px;
    border: none;
    background-color: #989797;
    margin-top: 24px;
    padding: 0 12px;
}

.serviceDelivery{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 24px;
    width: 300px;
    text-align: justify;
}
.serviceDelivery > h2{
    margin: 0 auto;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 24px;
}
/* radio */
input[type='radio']:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: -3px;
    left: -2px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

input[type='radio']:checked:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: -3px;
    left: -2px;
    background: rgba(255, 198, 1, 1);
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}
.labelForRadio{
    padding-left: 15px;
}
/* maybe del */
.delcontact--cart__bottom{
    height: 69px;
    border: none;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}


.bottom__btn{
    height: 37px;
    border-radius: 3px;
    background: rgba(255, 198, 1, 1);
    color: black;
    width: 191px;
    padding: 0 24px;
    font-size: 14px;
    font-weight: 500;
    outline: none;
    border: none;
    cursor: pointer;
}


/* third-del */


.delcontact--third-content--block{
    display: flex;
    flex-direction: column;
    min-width: 80%;
    position: relative;
    padding: 0;
    text-align: center;
    align-items: center;
    border: 1px solid #989797;
}
.delivey-contact-third-ordered-list-item > span{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    border: 1px solid black;
    justify-content: center;
}
.serviceDelivery > div {
    display: flex;
}


input[type='radio']:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: 15px;
    left: -2px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

input[type='radio']:checked:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: 15px;
    left: -2px;
    background: rgba(255, 198, 1, 1);
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}
.labelForRadio{
    margin-left: 15px;
    width: 250px;
    font-size: 14px;
    font-weight: regular;
}


/* login */


.article{
    margin: 0;
    background: rgba(217, 217, 217, 1);
    min-height: 390px;
}
.login__header--content{
    padding: 50px 0;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
}

.sign-in{
    padding: 24px;
    background-color: white;
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 400px;
    align-items: center;
}
.sign-in > p {
    color: #0000007A;
    border: none;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    padding-top: 12px;
    border-top: 1px solid #D9D9D9;
}

.label-forpass{
    position: absolute;
    top: 150px;
    right: 54px;
    font-size: 14px;
}

.sign-passwords{
    position: relative;
}

.sign-email{
    margin-top: 24px;
    max-width: 300px;
    width: 100%;
    height: 50px;
    background-color: #D9D9D9;
    border: none;
    outline: none;
    border-radius: 5px 5px 0 0;
    padding: 0 12px;
}
.sign-passwords{
    max-width: 300px;
    width: 100%;
    height: 50px;
    outline: none;
    background-color: #D9D9D9;
    border: none;
    border-radius: 0 0 5px 5px;
    padding: 0 12px;
}

.sign-in-title{
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 12px;
    border: none;
    width: 100%;
    border-bottom: 1px solid rgba(147, 147, 147, 0.67);
}

.bottom__btn-signin{
    max-width: 300px;
    width: 100%;
    height: 50px;
    background-color: #FFC501;
    color: black;
    border-radius: 5px;
    outline: none;
    margin-top: 24px;
    margin-bottom: 24px;
}

.bottom__btn-signup{
    max-width: 300px;
    width: 100%;
    height: 50px;
    background: rgba(217, 217, 217, 1);
    color: black;
    border-radius: 5px;
    outline: none;
    margin-top: 24px;
    margin-bottom: 24px;
}


/* news */

.news__header--content{
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
}


.news--content--block{
    display: flex;
    flex-direction: column;
    min-width: 80%;
    padding: 0 24px 24px 24px;
    text-align: justify;
    font-size: 14px;
}

.news-photo{
    max-width: 450px;
    margin: 12px auto;
    width: 100%;
    height: auto;
}

.news--content--block-title{
    font-size: 26px;
    font-weight: 600;
    align-items : center;
}
.news--content--block-title-two{
    font-size: 26px;
    font-weight: 600;
    margin-top: 24px;
}
.news--content--block-span{
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0;
}
.news--content--block-title-products{
    margin-top: 24px;
}


/* payment */

.payment__header--content{
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
}


.payment--content--block{
    display: flex;
    flex-direction: column;
    min-width: 80%;
    padding: 0 24px 24px 24px;
    text-align: justify;
}

.payment--content--block-title{
    font-size: 26px;
    font-weight: 600;
    align-items : center;

}
.payment--content--block-title-two{
    font-size: 26px;
    font-weight: 600;
    margin-top: 24px;
}
.payment--content--block-span{
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0;
}
.payment--content--block-title-products{
    margin-top: 24px;
}

/* personal */


.article-personal{
    margin: 0;
    background: rgba(217, 217, 217, 1);
    min-height: 500px;
}
.personal__header--content{
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
}
.personal-info{
    margin: 12px;
}

.personal-fav, .history, .profiles, .subscribe-to-profil{
    margin: 12px;
}

.info-pers-list{
    max-width: 390px;
    width: 100%;
    padding: 24px !important;
    background-color: white;
    display: flex;
    flex-direction: column;
}
.pers-list-item{
    display: flex;
    justify-content: flex-start;
}
.pers-list-item:first-child{
    border: none;
    border-bottom: 1px solid #989797;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.list-item-lastName {
    margin: 6px 12px;
    color:rgba(152, 151, 151, 1);
}
.personal-info-name{
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
}
.substribe-input{
    background-color: transparent;
    border: 1px solid #989797;
    padding: 12px;
    width: 100%;
}
.personal__bottom__btn{
    height: 37px;
    border-radius: 3px;
    background: rgba(152, 151, 151, 0.67);
    color: rgb(255, 255, 255);
    width: 147px;
    padding: 0 2px;
    margin: 12px 12px 0;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}


/* product-detail */


.article-detail{
    margin: 0;
    background: rgb(255, 255, 255);
    min-height: 390px;
}

.detail__header--content{
    padding: 50px 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.cart__details{
    min-width: 60%;
    padding: 48px;
}
.cart__detail-title{
    font-size: 16px;
    font-weight: 600;
}
.cart__detail-quantity > span{
    margin-top: 24px;
    font-size: 16px;
    font-weight: 600;
}
.cart__detail-inputs{
    margin: 12px 0 24px;
}
.cart__detail-image{
    min-width: 491px;
    width: 100%;
    min-height: 500pxs;
    height: 100%;
}
.cart-wrap{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.cart__detail-image:hover{
    max-width: 550px;
    height: auto;
    overflow: hidden;
    transform: scale(1.2);
}
.cart__detail-quantity{
    width: 20%;
}

.detail-star-block{
    display: flex;
}
.detail-star-icon {
    width: 15px;
    height: 15px;
    margin: 24px 1px;
}
.cart__detail-block{
    display: flex;
}
.cart__detail-payment{
    max-width: 50%;
    display: flex;
    flex-direction: column;
}
.payment__details{
    display: flex;
    text-align: center;
    justify-content: space-around;
}
/* item-quan */
.list-item-quantity{
    max-width: 40px;
    text-align: center;
}
.list-item-quantity-btn {
    cursor: pointer;
}
.cart__list-item-icon {
    padding: 12px;
    cursor: pointer;
    text-align: center;
}
/*  */
.payment__cart-buttons{
    display: flex;
    justify-content: space-around;
    padding: 24px 0;
}
.payment__cart-btn1{
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    font-size: 10px;
    border-radius: 5px;
    background-color: #FFC501;
    color: white;
    max-width: 120px;
    width: 100%;
    min-height: 20px;
}
.payment__cart-btn1 > embed {
    width: 15px;
}

.payment__cart-btn2{
    border: none;
    border-radius: 5px;
    font-size: 10px;
    outline: none;
    background-color: #989797;
    color: white;
    max-width: 120px;
    width: 100%;
    min-height: 20px;
}


/* increase */
.increase{
    display: flex ;
    width: 100%;
    align-items: center;
    justify-content: space-around;
}
.increase-block{
    display: flex;
    flex-direction: column;
}
.increase-block > img {
    max-width: 80px;
}
/* detail__select-list */
.detail__select-list{
    display: flex;
    width: 100%;
    height: 50px;
}
.select__list-item{
    background-color: #989797;
    border: none;
    color: white;
    height: 100%;
    min-width: 376px;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    border-right: 1px solid white ;
    border-left: 1px solid white ;
}
.item-active{
    background-color: #ffffff;
    border: none;
    color: rgb(0, 0, 0);
    height: 100%;
    min-width: 376px;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    border-top: 1px solid #FFC501;
    border-right: 1px solid transparent ;
    border-left: 1px solid transparent ;
}

.text__under-desc{
    margin: 24px 0;
    font-size: 16px;
    font-weight: 400;
}
/* carousel */
.products-similar{
    padding: 24px 0;
}
.carusel{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.carusel-title{
    font-weight: 500;
    font-size: 16px;
    margin: 24px 0;
}
.carousel-img{
    width: 100%;
}
.carousel-item{
    /* display: flex; */
}
.carousel-btn{
    width: 35px;
    height: 45px;
    background-color: #989797;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.carousel-item-own{
    display: flex;
}
.item-href{
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 12px;
    /* width: 200px; */
}

.href-title{
    position: absolute;
    color: #FFC501;
    font-size: 16px;
    left: 10%;
    top: 0;
    text-align: center;
}


/* register */


.article-register{
    margin: 0;
    background: rgba(217, 217, 217, 1);
    min-height: 390px;
}

.register__header--content{
    padding: 50px 0;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
}

.register{
    padding: 24px;
    background-color: white;
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 400px;
    justify-content: center;
    align-items: center;
}

.sign-lastname{
    margin-top: 24px;
    max-width: 300px;
    width: 100%;
    height: 50px;
    background-color: #D9D9D9;
    border: none;
    outline: none;
    border-radius: 5px 5px 0 0;
    padding: 0 12px;
}
.register-email{
    max-width: 300px;
    width: 100%;
    height: 50px;
    background-color: #D9D9D9;
    border: none;
    outline: none;
    padding: 0 12px;
}


/* stock */

.stock__header--content{
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
}


.stockk-content--block{
    display: flex;
    flex-direction: column;
    min-width: 80%;
    padding: 0 24px 24px 24px;
    text-align: justify;
}

.content--block-header-title{
    background-color: #989797;
    color: black;
    padding: 6px;
    font-weight: 600;
    font-size: 16px;
}
.content--block-span{
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0;
}

.stock--articles-list{
    display: flex;
    flex-direction: column;
    padding: 0 24px 24px 0;
}



.stock--articles-list-item-content{
    display: flex;
    min-height: 150px;
    height: 100%;
    width: auto;
    margin: 5px 0;
    justify-content: space-between;
}

.stock--articles-list-item-content-href{
    margin: 5px 0;
}
.stock--articles-list-item-content-img {
    max-height: 270px;
    width: 430px;
    margin: 5px 0;
}

.stock--articles-list-item-right-block  {
    margin: 0 auto 0 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}
.stock--articles-list-item-right-block > span {
    background-color: #989797;
    border: none;
    color: white;
    padding: 6px;
    border-radius: 15px;
}

/*slider*/

.carousel-inner {
    height: 500px;
    margin:0 auto;
    object-fit: cover;
}


.carousel-inner  img {
    transform: translateY(-30%);
    width: 100%;
    height: 100%;
    filter: brightness(50%)
}
.carousel-indicators {
    top:92%;
}

.carousel-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-30%);
    text-shadow: 1px 1px 10px #000000;
}


/* Анимация слайдов: */
/* Fading animation */


/*pagination*/

/*contact*/