*{
    margin:0;
    padding: 0;
}
body{
    font-family: 'Roboto', sans-serif;

}
.overlay_image{
    background-image:url(/img/главная/1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
/************************header************************************/
.main-head{

    justify-content: center;
    max-width: 100%;
    min-height: 410px;
    /*background-image:url(/img/главная/phon.png);*/
    background-size: cover;
    background-attachment:fixed;
    background-position: center center;
        background-repeat: no-repeat;
        /*background-color: #fff;*/
        background-position-y:40%;
        background-position-x:center;
        position: relative;
  display: flex;
}
.header{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1200px;
}
.up-menu{
    width: 100%;
    height: 140px;
    display: flex;
    justify-content: space-between;
    align-items: center;
/*margin-top: 15px;*/
    flex-direction: column;
    position: fixed;
    z-index: 10;
}
.one_up_block{
    display: flex;
    align-items: center;
}
.search{
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    margin-bottom: 20px;
}
.search input[type="text"]{
    padding: 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 300px;
    background: #f1f1f1;
    outline: none;
}
.search input[type="submit"]{
    float: left;
    width: 9%;
    padding: 10px;
    background: #0ecc48;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
    outline: none;
}
.menu{
    display: flex;
    justify-content:center;
z-index: 1;
}

.graphik-logo{
    cursor: pointer;
    box-sizing: border-box;
}
.logo{
    margin-right: 16px;
    z-index: 1;
}
.graphik-logo{
    width: 200px;
}
.menu a{
    font-size: 16px;
    margin-right: 38px;
    color: white;
    text-decoration: none;
}
.menu a:hover{
    color: #0ecc48;
    border-bottom: 1px solid #0ecc48;
    border-top: 1px solid #0ecc48;
}
.menu a:last-child{
    margin-right: 0px;
}
.zvonok{

    display: flex;
    color: white;
    margin-bottom: 6px;
}
.zvonok img{
    padding-right: 5px;
}
.zvonok p{
    font-size: 14px;

}
.up-menu label{
    color: red;
    font-size: 14px;
    padding-top: 4px;
}
.zakaz{
    margin-left: 16px;
    display: flex;
    flex-direction: column;
    margin-right: 16px;
}
.zakaz input[type="submit"]{
    cursor: pointer;
    outline: none;
    border-width: 2px;
    border-color: rgb(231, 230, 105);
     border-style: solid;
     padding:6px 11px;
     background:none;
     color: white;
     border-radius: 15px;
     -webkit-appearance:none;
}
.zakaz input[type="submit"]:hover{
    border-color: #0ecc48;

}
.right-menu{
    display: flex;
    z-index: 1;
    align-items: center;
    margin-right: 16px;
}
.korzina p, .registr p{
    color: white;
    font-size:14px;

}
.korzina, .registr{
    /*margin-left: 24px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80px;
}
.korzina img{
    position: relative;
}

.registr img {
    width: 23px;
    position: relative;
}
.kol{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.korzi{
    display: none;
}
.login_text{
        cursor: pointer;
    text-decoration: none;
    color: white;
    font-size: 15px;
}
.login_text:hover{
    text-decoration: underline;
    color: #0ecc48;
}
.ad{
    text-align: center;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 16px;
    margin-right: 16px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.ad p{
    margin-top: 122px;
    font-size: 22px;
    line-height: 1.55;
    font-weight: 300;
}
.ad input[type="submit"]{
    cursor: pointer;
    margin-top: 15px;
    border-width: 0px;
    padding: 20px 65px;
  border-radius: 7px;
  background-color: rgb(248, 244, 0);
  outline: none;
  -webkit-appearance:none;
}

.ad input[value="Заказать насос"]{
    font-size: 15px;
  color: rgb(0, 0, 0);
  line-height: 1.2;

}
/************************регистрация****************/
.avtoriz{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}
.avtoriz-block{
    width: 1200px;
    height: 100%;
    text-align: center;
    margin-top: 46px;
}
.avtoriz-up{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #e6e6e6;
}
.avtoriz-up-block p{
    font-size: 14px;
    color: #808080;
    padding-top: 3px;
}
.avtoriz-up-block{
    padding: 20px 45px;
    cursor: pointer;
    padding: 20px 45px;
    cursor: pointer;
    text-decoration: none;
    color: black;
    outline: none;
}
.avtoriz-up-block:first-child{
    border-right: 1px solid #e6e6e6;
}
.avtoriz-center{
margin: 100px 0;
    display: none;
}
.registr-center{
    margin: 100px 0;
}
.avtoriz-center h1, .registr-center h1{
    margin-bottom: 20px;
}
.avtoriz_pole{
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.registr_pole{
        display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.registr_pole input{
      border-width: 1px;
  border-color: black;
  border-style: solid;
  width: 250px;
  height: 35px;
    margin: 20px 30px;
}
.registr_pole input[type="submit"]{
        cursor: pointer;
    border-width:0;
    border-radius: 5px;
      background-color: rgb(248, 244, 0);
      width: 197px;
      height: 39px;
      font-size: 15px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  outline: none;
    margin-bottom: 20px;
  -webkit-appearance:none;
}
.avtoriz_pole input[type="text"]{
  border-width: 1px;
  border-color: black;
  border-style: solid;
  width: 230px;
  height: 35px;
    margin-bottom: 20px;
}
.avtoriz_pole input[type="password"]{
  border-width: 1px;
  border-color: black;
  border-style: solid;
  width: 230px;
  height: 35px;
    margin-bottom: 20px;
}
.avtoriz_pole p{
    margin-bottom: 20px;
}
.avtoriz_pole input[placeholder], .registr_pole input[placeholder]{
    padding-left: 7px;
}
.avtoriz_pole a{
    text-decoration: none;
    outline: none;
    color: black;
    cursor: pointer;
}

.avtoriz_pole input[type="submit"]{
        cursor: pointer;
    border-width:0;
    border-radius: 5px;
      background-color: rgb(248, 244, 0);
      width: 197px;
      height: 39px;
      font-size: 15px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  outline: none;
    margin-bottom: 20px;
  -webkit-appearance:none;
}
/***************************Звонок выпад****************************************/
.zvonok-vipad {
    display: none;
    text-align: center;
    flex-direction: column;
    align-items: center;
  border-width: 2px;
  border-color: #0ecc48;
  border-style: solid;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  width: 216px;
  top:75px;
  padding-bottom: 27px;
}
.zvonok-vipad form{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.zvonok-vipad p{
      font-size: 17px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.824;
  margin-top: 27px;
}
.zvonok-vipad input[type="text"]{
    margin-top: 8px;
  border-width: 1px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  opacity: 0.3;
  width: 194px;
  height: 33px;
}
.zvonok-vipad input[type="email"]{
    margin-top: 8px;
  border-width: 1px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  opacity: 0.3;
  width: 194px;
  height: 33px;
}
.zvonok-vipad input[placeholder]{
    padding-left: 9px;
    opacity: 1;
}

.zvonok-vipad input[type="submit"]{
    cursor: pointer;
    margin-top: 8px;
    border-width:0;
    border-radius: 5px;
      background-color: rgb(248, 244, 0);
      width: 197px;
      height: 39px;
      font-size: 15px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  outline: none;

}
/***************************Звонок выпад мобильный**********************************/
.zvonok-vipad-mobil {
    display: none;
    text-align: center;
    flex-direction: column;
    align-items: center;
  border-width: 2px;
  border-color: #0ecc48;
  border-style: solid;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  width: 216px;
  padding-bottom: 27px;
  top:75px;
}
.zvonok-vipad-mobil form{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.zvonok-vipad-mobil p{
      font-size: 17px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.824;
  margin-top: 27px;
}
.zvonok-vipad-mobil input[type="text"]{
    margin-top: 8px;
  border-width: 1px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  opacity: 0.3;
  width: 194px;
  height: 33px;
}
.zvonok-vipad-mobil input[type="email"]{
    margin-top: 8px;
  border-width: 1px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  opacity: 0.3;
  width: 194px;
  height: 33px;
}
.zvonok-vipad-mobil input[placeholder]{
    padding-left: 9px;
    opacity: 1;
}

.zvonok-vipad-mobil input[type="submit"]{
    cursor: pointer;
    margin-top: 8px;
    border-width:0;
    border-radius: 5px;
      background-color: rgb(248, 244, 0);
      width: 197px;
      height: 39px;
      font-size: 15px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  outline: none;
  -webkit-appearance:none;
}
/*****************************BLOCK-SPASIBO***************/
.block-spasibo,.block-spasibo-korzina{
position: fixed;
    border: 1px solid #a09393c2;
    background: white;
    display: none;
    text-align: center;
    padding: 83px 0 83px 0;
    z-index: 100;
    top: 24%;
}
.block-comment,.block-close-registr,.block-close-login{
    position: fixed;
    border: 1px solid #a09393c2;
    background: white;
    display: none;
    text-align: center;
    padding: 40px;
    z-index: 100;
    top: 24%;
}
.block-spasibo input,.block-spasibo-korzina input,.block-comment input,.block-close-registr input,.block-close-login input {
cursor: pointer;
    margin-top: 8px;
    width: 197px;
    height: 48px;
    font-size: 15px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    outline: none;
    -webkit-appearance: none;
    border: none;
    margin-top: 25px;
    background-color:#ffc332;
}
.block-spasibo p,.block-spasibo-korzina p,.block-comment p, .block-close-registr p,.block-close-login p{
    font-weight: bold;
    padding: 0;
    margin: 0px;
}
.block-spasibo h1,.block-spasibo-korzina h1,.block-comment h, .block-close-registr h,.block-close-login h{
    padding: 0;
    margin: 15px;
}

/*****************************МОДАЛЬНОЕ ОКНО*****************/
.center-korzina{
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block {
position: fixed;
    width: 35%;
    border: 1px solid #a09393c2;
    top: 30%;
    background: white;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 0 22px 0;
    z-index: 100;
}
.two{
    padding-top: 22px;
    padding-bottom: 22px;
    background: #f7f7f7;
    width: 100%;
}
.up {
    margin-left: 49px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 22px;
    align-items: center;
}
.up img{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.up h2{
    margin: 0;
}
.block input {
cursor: pointer;
    width: 197px;
    height: 48px;
    font-size: 15px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    outline: none;
    -webkit-appearance: none;
    border: none;
    margin-top: 22px;
}
.center{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-left: 49px;
}
.center img{
    border: 3px solid #eceaea;
}
.center p:first-child{
    margin-bottom: 0px;

}
.center p:last-child{
     margin-top: 6px;

}
.submit {
    width: 100%;
    display: flex;
    justify-content: space-around;
    position: relative;
    z-index: 1;
}
.submit input:first-child{
    background-color:#d0d0d0;
    cursor: pointer;
}
.submit input:last-child{
    background-color:#ffc332;
    cursor: pointer;
}
.text{
margin-left: 7px;
}
.text p:first-child{
    border-bottom: 1px solid #333333;
}
.text p:last-child{
   width: 100px;
    background: #333333;
    margin-top: 6px;
    color: white;
    text-align: center;
    padding: 3px;
    font-weight: bold;
}
#overlay{
     position:fixed;
     left:0;
     top: 0;
     width:100%;
     height:100%;
     z-index: 10;
     background:#333333;
     opacity: 0.8;
     display: none;

}
.form{
    z-index: 1;
    position: relative;
}
.hrest{
    width: 100%;
    position: absolute;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: -36px;
    margin-left: 4px;
}
.hrest img{
    width: 30px;
    height: 30px;
    cursor: pointer;
}


/*****************************MOBIL MENU*********************/
.mobil-menu{
    width: 100%;
    height: 100%;
    display:none;
    justify-content: flex-end;
    margin-right: 16px;
    align-items: center;
}
.mobil-menu a{
    margin-right:5px;
}

.menu-vipad{
    width: 100%;
    background: #292929;
    position: absolute;
    margin-top: 68px;
    height: auto;
    display: none;
    z-index: 10;

}
.menu-vipad ul{
    height: 100%;
}
.menu-vipad li{
    padding: 19px 0px;
    width: 100%;
    text-align: center;
    font-weight: lighter;
    letter-spacing: 1px;
}
.menu-vipad a{

    color: #c3c3c3;
    text-decoration: none;
}
.menu-vipad a:hover{
    color: white;
}
.content{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.content h1{
        margin-top: 40px;
        margin-bottom: 32px;
}



/****************************Доставка**********************/
.dostavka{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 500px;
    /*background: white;*/
}
.dostavka-center{
    width: 1200px;
    height: 100%;
    text-align: center;
}
.dostavka-center h1{
    margin-top: 36px;
    color: white;
}
.dostavka-content{
    display: flex;
    flex-direction: row;
    color: white;
    margin-top: 34px;
    height: 323px;
    justify-content:center;
    align-items: center;

}
.dostavka-text{
    display: flex;
}
.one-block{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 25px;
    align-items: center;
    text-align: center;
}
.one-block li {
    list-style: none;
}
.dostavka-left-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 20px;
}
.karta{
        margin-right:18px;
        box-shadow: 0 0 86px -8px black;
}
.karta-two{
        margin-top: 44px;
        box-shadow: 0 0 86px -8px black;
}
.karta-three{
        margin-top: 44px;
        box-shadow: 0 0 86px -8px black;
}
/****************************Доставка блок**********************/
.dostavka-block{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 500px;
}
.dostavka-center-block{
    width: 1200px;
    height: 100%;
    text-align: center;
}
.dostavka-center-block h1{
    margin-top: 36px;
    color: white;
}
.dostavka-content-block{
    display: flex;
    flex-direction: row;
    color: white;
    margin-top: 34px;
    height: 323px;
    justify-content:center;
    align-items: center;
    margin-top: 90px;

}
.dostavka-text-block{
    display: flex;
}
.one-block-block{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 25px;
    align-items: center;
    text-align: center;
}
.one-block-block li {
    list-style: none;
}
.dostavka-left-text-block{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: black;
    padding-right: 20px;
}
.karta-block{
        margin-right:18px;
        box-shadow: 0 0 86px -8px black;
}
.karta-two-block{
        margin-top: 44px;
        box-shadow: 0 0 86px -8px black;
}
.karta-three-block{
        margin-top: 44px;
        box-shadow: 0 0 86px -8px black;
}
/*****************************magazin*********************/

.artic{
    display: flex;
    flex-direction: column;
    align-items: center;
    /*background-image:url(/img/главная/phon2.png);*/
    background-size: cover;
    background-attachment:fixed;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #fff;*/
    background-position-y:40%;
    background-position-x:center;
    position: relative;
}
.artic_last{
    display: none;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    position: relative;
}
.artic h1, .artic_last h1 {
    margin-top: 40px;
    margin-bottom: 22px;
    color: white;
}
.cntcont{
    width: 100%;
    display:flex;
justify-content:center;
margin-bottom: 38px;
flex-wrap: wrap;
}
.cntcont_last{
    width: 100%;
    display:flex;
justify-content:center;
margin-bottom: 38px;
flex-wrap: wrap;
}
.statya img{
     -moz-transition: all 1s ease-out;
     -o-transition: all 1s ease-out;
     -webkit-transition: all 1s ease-out;
    max-width: 100%;
    height: 45%;
}
.statya h3{
    margin-top: 10px;
    margin-bottom: 10px;
}

.images img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }
.statya{
    padding-top: 20px;
    width: 200px;
    text-align: center;
    color: black;
    margin-right: 20px;
    margin-left: 20px;
    background: white;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 25px;
    height: 314px;
    margin-bottom: 40px;
}
.statya a{
    text-decoration: none;
    cursor: pointer;
    color: black;
}
.statya input[type="submit"] {
    cursor: pointer;
    margin-top: 8px;
    border-width: 0;
    border-radius: 5px;
    background-color: rgb(248, 244, 0);
    width: 155px;
    height: 39px;
    font-size: 15px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    outline: none;
    -webkit-appearance: none;
}
.statya h3:first-child{
    height: 46px;
    word-break: break-all;
    overflow: hidden;
}
.index-mini-img{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.magaz{
    padding-top: 20px;
    text-align: center;
    color: #474747;
    border-bottom: 2px solid #474747;
}
.cntcont h3:first-child:hover{
color: #0ecc48;
transition: .6s;
}

.textcont{

    padding: 25px 35px 25px 35px;
}
.zena{
    font-weight: bold;
    font-size: 18px;
}


@media screen and (max-width: 450px) {
   .cntcont{
    width: 100%;
    flex-direction: column;
justify-content:center;
    align-items: center;
}
}


/*****************************FOOTER*********************/
footer{
    width: 100%;
    display: flex;
    justify-content: center;
    background: #062a2d;
    height: 111px;
    flex-direction: column;
    color: white;
    align-items: center;
}
.footer{
    width: 1200px;
    display: flex;
    justify-content:space-between;
    align-items: center;

}
.menu-footer{
    display: flex;
    justify-content:center;

}

.logo{

    margin-right: 16px;
}
.menu-footer a{
    font-size: 16px;
    margin-right: 45px;
    color: white;
    text-decoration: none;
}
.menu-footer a:hover{
    color: #0ecc48;
    border-bottom: 1px solid #0ecc48;
    border-top: 1px solid #0ecc48;
}
.menu-footer a{
    margin-right: 22px;
    margin-left: 16px;
}

.down-menu{
    width: 100%;
    height: 81px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 16px;
    flex-direction: column;
}
.footer{
}
.footer-center{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}
.zvonok-footer{

    display: flex;
    color: white;
}
.zvonok-footer img{
    padding-right: 5px;
}
.zvonok-footer p{
    font-size: 14px;

}

/******************************************************Партнёры*****************************************/
.partners{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: auto;
}
.partners-content{
    display: flex;
    width: 1200px;
    height: 100%;
    margin-top: 46px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 46px;
    margin-right: 128px;
    margin-left: 128px;
}
.partners-one{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    border-bottom: 2px solid #c1c1c1;
}
.partners-one:last-child{
    border: none;
}
.partners-text{
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 22px;
    margin-bottom: 9px;
}
.partners-logo img{
    padding-bottom: 24px;
}
.partners-logo{
    margin-right: 25px;
    width: 218px;
}
/******************************************************Категории*****************************************/
.categories{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: auto;
}
.categories-content{
    display: flex;
    width: 1200px;
    height: 100%;
    margin-top: 46px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 46px;
    margin-right: 80px;
    margin-left: 80px;
}
.categories-one{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.dop_options{
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    font-size: 16px;
    flex-direction: column;
    align-items: end;
}
.categories-block-one{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
    /* height: 270px; */
    text-align: center;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
  transition: 0.5s ease;
    cursor: pointer;
    flex-direction: column;
}

.categories-block-one h3 {
    padding: 5px 0px;
}

.categories-block-one img:first-child{
    height: 65%;
    position: relative;
    z-index: 0;
/*     margin-bottom: 15px; */
}
.categories-block-one a{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    /* position: absolute; */
    z-index: 2;
    width: 270px;
    font-size: 24px;
    height: 270px;
    transition: .8s ease;
    text-decoration: none;
    flex-direction: column;
}


/******************************************************Товар*****************************************/
.product{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 100%;
    height: auto;
}
.product-nav{
    width: 100%;
    height: 63px;
    display: flex;
    background: #c7c7c7;
    justify-content: center;
}
.product-center{
    width: 1200px;
    display: flex;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    margin-left: 20px;
}
.product-center p:nth-child(5){
    display: none;
}
.product-center p{
    margin-right:32px;
    color: #0a83c8;
}
.product-center p:last-child{
    border-bottom: 2px solid #0a83c8;
}
.product-content{
    width: 100%;
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center;
}
.blocki{
    margin-top: 73px;
    width: 100%;
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 73px;
}
.blocki>p{
    text-align: center;
    width: 100%;
  font-size: 24px;
  color: black;
  font-weight: bold;
  line-height: 1.2;
}
.block-content{
    width: 100%;
    display: flex;
    height: auto;
    flex-direction: row;
    justify-content: center;
    margin-top: 50px;
}
.product-icon img{
    /* height: 237px; */
    max-width: 100%;
}
.product-text{
width:446px;
}
.product-text h3{
    font-weight: normal;
    font-size: 20px;
}
.product-text h2{
    font-size: 18px;
}
table td:first-child{
    font-weight: bold;
}

table td{
    float: left;
    word-break: break-all;
}
table td:last-child{
    padding-left:10px;
}
.img-products{
    position: relative;
    margin-right: 84px;
    display: flex;
    justify-content: center;
    width: 300px;
    flex-direction: column;
}
.text-products{
    display: flex;
    flex-direction:column;
    margin-top: 39px;
    margin-left: 34px;
}
.mini-img{
    display: flex;
    flex-direction: row;
}

.text-products p{
}
.product-icon input[type="submit"]{
    cursor: pointer;
    margin-top: 8px;
    border-width:0;
    border-radius: 5px;
      background-color: rgb(248, 244, 0);
      width: 197px;
      height: 39px;
      font-size: 15px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  outline: none;
  -webkit-appearance:none;
   margin-left: 30px;
}
.product-description{
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    width: 1015px;
    margin-right: 10px;
    padding-top: 20px;
}
.product-description h3{
    font-weight: normal;
    font-size: 20px;
}
.product-description-center{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/******************************************************Каталог*****************************************/
.catalog{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 100%;
    height: auto;
}
.catalog-nav{
    width: 100%;
    height: 63px;
    display: flex;
    background: #c7c7c7;
    justify-content: center;
}
.catalog-center{
    width: 1200px;
    display: flex;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    margin-left: 20px;
}
.catalog-center p{
    margin-right:32px;
    color: #0a83c8;
}
.catalog-center p:last-child{
    border-bottom: 2px solid #0a83c8;
}

/******************************Корзина******************/
.korzina-site{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 100%;
    height: auto;
}
.korzina-site-content{
    width: 100%;
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center;
    flex-direction:column;
      display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;
}
.korzina-site-blocki{
    margin-top: 73px;
    width: 1200px;
    display: flex;
    height: auto;
    margin-bottom: 47px;
flex-wrap: wrap;
    justify-content: space-between;
}
.korzina-site-tovari{
    display: flex;
margin-bottom: 63px;
}
.korzina-site-tovari h3{
  font-size: 20px;
  color: black;
  line-height: 1.2;
}
.img-korzina-site{
        position: relative;
        margin-right: 48px;
            display: flex;
    flex-direction: column;
}
.img-korzina-site img:first-child{
    position: absolute;
    width: 219px;
    margin-top: 10px;
}
.korzina-right-block{
    display: flex;
    flex-direction: column;
}
.korzina-right-block img{
    width: 16px;
    margin-left: 12px;
    height: 16px;
    margin-top: 5px;
}
.up-text{
        display: flex;
    flex-direction: row;
    text-align: center;
}
.korzina-name p{
  font-size: 18px;
  color: black;
  line-height: 1.2;
  font-weight: bold;

}
.down-name{
    margin-top: 11px;
    display: flex;
  flex-direction: row;
}
.korzina-kol{
text-align: center;
}
.korzina-kol p{
    font-size: 18px;
    color: black;
    line-height: 1.2;
    font-weight: bold;
}
.kol-block-minus{
    text-align: center;
    width: 20px;
    border: 1px solid black;
    cursor: pointer;
}
.kol-block-plus{
    text-align: center;
    width: 20px;
    border: 1px solid black;
    cursor: pointer;
}
.kol-block input{
    text-align: center;
    width: 34px;
    border: 1px solid black;
    height: 20px;
    background: white;
}
.korzina-block-kol{
    display: flex;
    justify-content: space-around;
    width: 106px;
    margin-top: 7px;
}
.price-block{
    text-align: center;
}
.korzina-price p{
    font-size: 18px;
    color: black;
    line-height: 1.2;
    font-weight: bold;
}
.korzina-block-price{
    display: flex;
    margin-top: 7px;
}
.korzina-price{
    margin-left: 75px;
}
.up-text a{
    text-decoration: none;
}
.form{
    width: 1200px;
    display: flex;
    height: auto;
    margin-bottom: 73px;
    flex-direction: column;

}
.forma{  border-width: 1px;
  border-color: black;
  border-style: solid;
  border-radius: 7px;
  margin-top: 23px;
}
.forma input[type="text"]{
  border-width: 1px;
  border-color: black;
  border-style: solid;
  width: 200px;
  height: 35px;
}
.forma input[placeholder]{
    padding-left: 7px;
}


.form-submit input{
        cursor: pointer;
    margin-top: 8px;
    border-width:0;
    border-radius: 5px;
      background-color: rgb(248, 244, 0);
      width: 197px;
      height: 39px;
      font-size: 15px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  outline: none;
  -webkit-appearance:none;
}
.forma_center{
    display: flex;
    justify-content: center;
    align-items: center;
}

#send-form{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.stolb{
    width: 209px;
    margin-right: 10px;
}
.stolbik{
    width: 187px;
    margin-right: 0;
}
.stolb input{
    margin-top: 10px;
}
.forma-content p{
        font-size: 18px;
    color: black;
    line-height: 1.2;
    font-weight: bold;
}
.form-kol{
    height: 35px;
}
.form-price{
    height: 35px;
    margin-top: 12px;
}
#send-form label{
    color: red;
    font-size: 14px;
    padding-top: 4px;
}
/******************************Отзывы******************/
.otzivi-site{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 100%;
    height: auto;
}
.otzivi-site-content{
    width: 100%;
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center;
    flex-direction:column;
}
.otzivi-site-blocki{
    margin-top: 73px;
    width: 1200px;
    display: flex;
    margin-bottom: 47px;
    flex-direction: column;
}
#forma-product{
    width: 100%;
    display: flex;
    justify-content: center;
}
.otzivi-site-write p{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 15px;
}
.otzivi-site-left-block{
    margin-right: 100px;
    display: flex;
    flex-direction: column;
}

#forma-product label{
    margin-bottom: 15px;
    color: red;
    font-size: 14px;
    padding-top: 4px;
}
.otzivi-site-left-block input[placeholder]{
    padding-left: 7px;
}
.otzivi-site-left-block input[type="text"]{
  border-width: 1px;
  border-color: black;
  border-style: solid;
  width: 200px;
  height: 35px;
}
.otzivi-site-left-block input[type="email"]{
  border-width: 1px;
  border-color: black;
  border-style: solid;
  width: 200px;
  height: 35px;
}
.otzivi-site-right-block{
    display: flex;
    flex-direction: column;
}
.otzivi-site-right-block textarea{
      border-width: 1px;
  border-color: black;
  border-style: solid;
}
.otzivi-site-submit input[type="submit"]{
    cursor: pointer;
    margin-top: 8px;
    border-width:0;
    border-radius: 5px;
      background-color: rgb(248, 244, 0);
      width: 197px;
      height: 39px;
      font-size: 15px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  outline: none;
  -webkit-appearance:none;
   margin-left: 30px;
}
.otzivi-site-submit{
    display: flex;
    justify-content: flex-end;
}
.otziv-site-vivod{
    width: 95%;
    display: flex;
    margin-top: 80px;
    flex-direction: column;
    align-items: center;
}
.otziv-site{
    display: flex;
    justify-content: space-between;
    width: 85%;
    margin-bottom: 40px;
}
.product-center a{
text-decoration:none;
}
.product-nav a,.catalog-nav a{
    text-decoration: none;
    color: #0a83c8;
}
.form-comment{
    margin-top: 30px;
    margin-bottom: 20px;
        display: flex;
    width: 100%;
    justify-content: center;
}
.form-comment textarea{
    border-width: 1px;
    border-color: black;
    border-style: solid;
    outline: none;
    padding-left: 7px;
    font-size: 20px;
    resize: none;
}
#contacts_submit{
    cursor: pointer;
    width: 197px;
    height: 48px;
    font-size: 15px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    outline: none;
    -webkit-appearance: none;
    border: none;
    background-color: #ffc332;
    margin-top: 40px;
    margin-bottom: 10px;
}
.contacts_send{
    display: none;
    justify-content: center;
    background: #ffc332;
    padding: 10px;
    position: absolute;
    z-index: 2;
}

.contacts_send label{
    margin-bottom: 15px;
    color: red;
    font-size: 14px;
    padding-top: 4px;
}
a[href $='.pdf']
{
    padding-right: 18px;
    background: transparent url(/img/pdf.png) no-repeat center right;
    text-decoration: none;
    color: #0a83c8;
}
/*****************************MEDIA*********************/

@media screen and (max-width:1200px ){
    .header{
        width: 100%;
    }
    .footer{
        width: 100%;
    }
    .otzivi-site-blocki{
    width: auto;
    margin-right: 20px;
    margin-left: 20px;
}
#forma-product{
    display: block;
}
}
@media screen and (max-width:1315px ){
    .footer{
        width: 100%;
    }
}

@media screen and (max-width:845px ){
    .img{
        flex-direction: column;
    }
    .content h1{
        margin-bottom: 27px;
    }
    .palka{
        border-right:none;
        display: none;
    }
    .blok{
        margin-left:0px;
    }
    .otziv{
        width: 90%;
    }
    .product-description{
        width: 90%;
    }
}
@media screen and (max-width: 1151px){
    .menu a{
        font-size: 12px;
    }
    }

@media screen and (max-width: 1043px){
    .menu{
        display:none;
    }
    .right-menu{
        display: none;
    }
    .mobil-menu{
        display: flex;
        z-index: 10;
    }
    .logo{
        margin-left: 15px;
    }
    .dostavka-content,.dostavka-content-block,.contacts-content{
        flex-wrap:wrap;
    }
    .dostavka,.dostavka-block,.contacts{
        height: 700px;
        }
    .karta,.karta-block{
        margin-top: 44px;
    }
    .contacts-text{
        margin-top: 36px;
    }
    .karta-two,.karta-three,.karta,.karta-two-block,.karta-three-block,.karta-block{
        margin-bottom: 44px;
    }
    .dostavka-left-text{
        padding-right: 0px;
    }
    .dostavka-left-text-block{
        padding-right: 0px;
    }
    .up-menu{
        width: 100%;
    }
    .ad p{
        margin-top: 180px;
    }
    .search input[type="submit"]{
        width:auto;
    }
}
@media screen and (min-width: 946px){
    .menu-vipad ul{
        display: none;
    }
    .karta,.karta-block{
        margin-top: 70px;
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 524px){
    .ad h1{
        font-size: 30px;
    }
    .strelka-left {
        display: none;
    }
    .strelka-right {
        display: none;
    }
    .otziv-text p{
        margin:20px;
    }
}
@media screen and (max-width: 400px){
    .ad h1{
        font-size: 30px;
    }
    .content h1{
        font-size: 24px;
    }

}
@media screen and (max-width: 824px){
    .img{
        flex-direction: column;
    }
    .quality{
        width: 100%;
        margin-top: 20px;
    }

}
@media screen and (max-width: 635px){
    .dostavka-text, .contacts-text,.dostavka-text-block{
        flex-wrap: wrap
    }
    .one-block,.one-block-block:last-child{
        margin-top:20px;
    }
    .one-block,.one-block-block{
        margin-left:0px;
    }


}
@media screen and (max-width: 620px){
    .dostavka-left-text h3,.dostavka-left-text-block h3,.contacts-left-text h3{
        width: 78%;
    }
    .karta,.karta-block{
        display:none;
    }
    .karta-two,.karta-two-block {
        display:block;
    }
    .karta-three,.karta-three-block {
        display:none;
    }
    .karta,.karta-block{
        margin-top: 20px;
    }
    .contacts-text{
        margin-top: 36px;
    }

}
@media screen and (min-width: 621px){
    .karta-two,.karta-two-block {
        display:none;
    }
    .karta-three,.karta-three-block {
        display:none;
    }
}
@media screen and (max-width: 433px){
    .karta-two,.karta-two-block {
        display:none;
    }
    .karta-three,.karta-three-block {
        display:block;
    }
    .dostavka,.dostavka-block,.contacts{
        height:800px;
    }
    .contacts-text{
        margin-top: 36px;
    }
}
@media screen and (max-width: 720px){
    .otziv-text p{
    }
}
@media screen and (min-width: 524px) and (max-width: 824px){
    .otziv-block {
        width: 93%;
    }
}
@media screen and (max-width: 1000px){
    .menu-footer a{
            font-size: 12px;
    }
    .zvonok-footer p{
         font-size: 12px;
    }
    .down-menu p{
         font-size: 12px;
    }
}
@media screen and (max-width: 865px){
    .menu-footer{
        margin-top: 17px;
        text-align: center;
    }
    .menu-footer nav{
            display: flex;
            flex-direction: column;
    }
    footer{
        height: 100%;
    }
    .footer{
        height: auto;
        margin-bottom: 18px;
    }

    .menu-footer a{
        margin-bottom: 10px;
    }
    .down-menu{
        height: auto;
    }
}
@media screen and (max-width: 431px){
    .footer-center{
        flex-direction: column;
        margin-top: 18px;
        margin-bottom: 10px;
    }
    .footer{
        margin-bottom: 18px;
    }
    .down-menu{
        margin-right: 0;
    }
    .product-text{
    width:auto;
    }
}
@media screen and (min-width: 934px){
.contacts-one-block{
    margin-bottom: 22px;
    margin-left: 20px;
    align-items: flex-start;
}
}
@media screen and (min-width: 885px){
    .contacts-text{
    width: 43%;
}
}
@media screen and (max-width: 819px){
    .partners-one{
        flex-direction: column;
    }
    .partners-text{
        align-items: center;
        text-align: center;
    }
    .partners-logo{
        margin-right: 0px;
    }
}
@media screen and (max-width: 500px){
    .categories-block-one:not(:first-child) {
        margin-top: 50px;
    }
    .categories-block-one{
    width: 290px;
    height: auto !important;
    margin-bottom: 50px;
    }
    .dop_options{
        display: none;
    }
    .categories-block-one a{
    width: 290px;
    font-size: 16px;
    }
    .kart{
    width: 290px;
    height: 185px;
    }
    .categories-block-one img:first-child{
    width: 207px;
    height: 141px;
    }
    .otziv-site{
        width: auto;
        flex-direction: column;
    text-align: center;
    }

}
@media screen and (max-width:660px){
    .block-content{
        flex-direction: column;
        align-items: center;
    }
    .img-products{
        margin-right: 0px;
    }
    .product-icon input[type="submit"]{
        margin-top: 18px;
        margin-bottom: 18px;
    }
    .product-description{
        margin-top: 18px;
    }
    .product-text{
        margin-right: 18px;
        margin-left: 18px;
    }
    .product-center p:not(:last-child){
        display: none;
    }
    .product-center p:nth-child(5){
        display: block;
    }
}
@media screen and (max-width:360px){
    .product-center p:last-child{
        margin-right: 0px;
    }
    .mobil-menu{
        text-align: right;
        padding-top: 20px;
        align-items: flex-start;
    }

}
@media screen and (max-width:380px){
    .product-center p{
         margin-right: 14px;
    }
}
@media screen and (max-width:1081px){
    .korzina-site-blocki{
        justify-content: center;
    }
}
@media screen and (max-width:1224px){
    .korzina-site-blocki{
        width: 97%;
    }
    .form{
        width: 97%;
    }
}
@media screen and (max-width:876px){
.form{
    justify-content: center;
}
}
@media screen and (max-width:534px){
.korzina-site-tovari{
    flex-direction: column;
}
.korzina-right-block{
    margin-top: 52px;
align-items: center;
}
.img-korzina-site{
    align-items: center;
    margin-right: 0px;
}
.form{
    text-align: center;
}
.korzina-site-blocki{
    justify-content: center;
}
}
@media screen and (max-width:730px){
.otzivi-site-content{
    display: block;
}
}
@media screen and (max-width:1313px){
    .up{
        margin-left: 0px;
        justify-content: center;
    }
    .hrest{
            margin-left: -16px;
    }
    .submit{
        flex-direction: column;
        align-items: center;
    }
    .block{
        width: auto;
        padding: 0 20px 22px 20px;
    }
}
@media screen and (max-width:382px){
    .center{
        margin-left: 0px;
        justify-content: center;
    }
    .up{
        text-align: center;
    }
}
@media screen and (max-width:670px){
.forma_center{
    flex-direction: column;
}
.stolb{
    margin-right: 0px;
}
.stolb:last-child {
    text-align: center;
    margin-top: 10px;
}
.form-submit input {
    margin-top: 23px;
}
}
/***************************************************Контакты**********************************************/
.contacts{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: auto;
}
.contacts-center{
    width: 1200px;
    height: 100%;
    text-align: center;
}
.contacts-center h1{
    margin-top: 36px;
    color: white;
}
.contacts-content{
    display: flex;
    flex-direction: row;
    color: white;
    height: 100%;
    justify-content:center;
    align-items: center;

}
.contacts-text{
    display: flex;
    flex-direction: column;
    color: black;
}
.contacts-one-block{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    text-align: center;
}
.contacts-one-block li {
    list-style: none;
}

#product_images_small_photos img {
    width: 116px;
    border: 1px solid #bcbec0;
}