a, abbr, acronym, address, applet, b, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, 
label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    font-family: "PT Sans Caption", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #141313;
}

body, html {font-size: 14pt}

b {font-weight: 700}

h2 { font-weight: 700;
    font-size: 32px;
margin-bottom: 15px;
text-align: left
}

h3 { font-weight: 700;
    font-size: 28px;
text-align: left
}

h4 { font-weight: 700;
    font-size: 18px;
text-align: left
}

div {
display: block;
    position: relative;
}

table
{
    border-collapse: collapse; 
	border-width:0;
}

p
{
    font-size: 18px;
    text-align: left;
    line-height: 150%;
    margin: 25px 0;
    color: #141313
}




#wrap-top {
    display: block;
    background-color: #FFF;
    border-bottom: #777 1px solid;
}

#wrap-bottom {
    display: block;
    background-color: #333333;
    width: 100%;
    height: 195px;
}



#wrap-all {
    display: block;
    text-align: center;
    background-color: #F0F0F0
}

.wrap1600 {
    display: block;
    position: relative;
    margin: auto;
    padding: 10px 0;
    min-width: 600px;
    max-width: 1600px;
}

.wrap {
    display: flex;
    align-items: center;
    position: relative;
    text-align: left;
    width: 100%;
    padding: 10px 0;
}

.wrapup {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: 100%;
    padding: 20px 0;

}


#seti{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin: 15px 0 0 40px;
    white-space: nowrap;
    min-width: 490px
    }

 

#seti div
    {
    display: flex;
    align-items: center;
    font-size: 16px;
    text-decoration: none;
    color: #555555;
    white-space: nowrap;
    }



#lk{
    display: flex;
    gap: 30px;
    justify-content: flex-end;
    align-items: center;
    margin: 0 0 0 40px;
    white-space: nowrap;
    }   

#lk img, .txwr img {cursor: pointer;}

input[type="text"],input[type="password"] {
width: 100%;
height: 48px;
border: none;
border-radius: 8px;
font-size: 18px;
padding: 12px;
}

#lk > div {}
#lk > div > a { font-size: 16px}
#lk > div > a:hover {color: #D40404;}



button {    
    height: 48px;
    border-radius: 8px;
    border: #777 1px solid;
    font-weight: 700;
    font-size: 18px;
     padding: 0 33px;
     background-color: #fff;
     color: #333;
     transition: all 0.4s ease;
     cursor: pointer;
     white-space: nowrap;
}
    
button:hover {border-color: #D40404; color: #D40404}
button.dis {background-color: #ddd;}
button.dis:hover {border-color: #777; color: #333}

button.red {    
    border: none;
    background: linear-gradient(270deg, #FD9795 0%, #D40404 60%, #D40404 100%);
    color: #fff;
    opacity: 100%;
     
}

button.red:hover { opacity: 70% }

#size_sel button {
    height: 30px;
    padding: 0 15px;
    font-size: 16px;
}

#size_sel {
margin: 16px 0 26px 0;
}

#niz {
    display: flex;
    gap: 24px;
    margin-bottom: 20px;
}

#niz button {
    height: 44px; 
    font-size: 16px;
    font-weight: 400;
}

#niz button.on {
    background-color: #d9d9d9;
    border: none;
}


#find {
width: 100%;
}

#find input {
border: #999999 1px solid;
margin-left: 20px;
background: url('newpic/search.svg') right no-repeat;
}

#btnmenu button {    width: 344px }

#left {
    width: 344px;
    min-width: 344px;
    min-height: 500px;
    margin-right: 20px
    }

#lmenu > a {text-decoration: none;}

#lmenu > a > div 
{
    display: flex;
    align-items: center;
    height: 80px;
    border: #D4D4D4 1px solid; 
    border-radius: 8px; 
    background-color: #fff;
    font-size: 18px;
    color: #141313;
    transition: background-color 0.4s ease;
}

#lmenu > a > div:hover {background-color: #E4E4E4}

#lmenu > a > div > div
{
    display: flex;     
    justify-content: center;
    align-items: flex-end;
    width: 40px;
    height: 40px;
    margin: 15px 12px;
    border: none;
    border-radius: 6px; 
    background: linear-gradient(270deg, #FD9795, #D40404);

}

#lmenu > a > div > span
{
  text-align: left;
}

#way {
    font-size: 16px;
    text-align: left;
    color: #999999;
    margin-bottom: 10px;
}



#way span {color: #555555;}
#way b {color: #D40404;}
#way a {color: #999999; text-decoration: none; }
#way a:visited {color: #999999;}
#way a:hover { color: #D40404; }


#razdel {    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 30px;
}

#razdel a { width: 32%; text-decoration: none;}

#razdel > a > div 
{
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 8px;
    border: #D4D4D4 1px solid;
    height: 80px;
    background-color: #fff;
    font-size: 18px;
    color: #141313;
    transition: background-color 0.4s ease;
}

#razdel > a > div:hover {background-color: #E4E4E4}

#razdel > a > div > img
{
    margin: 0 12px;
    border: none;
}

/* список продукции prodlist.inc  */
#podrazdel {    
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    gap: 16px;
}

#podrazdel a { text-decoration: none;}

#podrazdel > div 
{
    display: block;
    position: relative;
    width: 297px;
    height: 490px;
}


.imwr {    
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 20px;
    width: 290px;
    height: 352px;
    overflow: hidden;
    background-color: #fff;
    left: 50%;
    transform: translate(-50%, 0);
    transition: all 0.6s ease;
}

.imwr > div > button { margin: 10px auto;
    width: 290px;
    display: block;
}

.imwr img { margin: 0px auto;
    display: block;
}

.imwr a { height: 342px; }

.imwr > div { margin-top: 132px;}

#podrazdel > div:hover > .imwr {height: 610px; width: 320px; box-shadow: 0 6px 12px #ccc;}

.txwr {    
    display: block;
    position: absolute;
    top: 365px;
    width: 100%;
    font-size: 18px;
    text-align: left
}

.txwr > div {
    display: flex;
    font-size: 24px;
    font-weight: 700;
    color: #141313;
     margin-bottom: 15px;
    justify-content: space-between;
    white-space: nowrap;
}

div.tocan { 
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    border: #D4D4D4 1px solid;
}

.imwr div.tocan {  
    width: 290px;
    margin: 10px auto;
}

div.tocan img {    
    margin: 0 5px;
    cursor: pointer;
}

div.tocan input {    
    width: 40px;
    font-size: 18px;
    padding: 0;
    font-weight: 700;
    text-align: center;
}
div.tocan div {  
    margin: 0 20px;
    font-weight: 700;
    display: none;
}

div.incan div { 
display: initial;
}

#bin, #loved {cursor: pointer;}

#bin > div, #loved > div {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -10px;
    right: -10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    background: url(newpic/krug.svg) center no-repeat;
}

/* --страница 1 изделия item.inc---*/

#item-wrap
{
    display: flex;
    width: 100%;
   /* height: 668px; */
    margin-bottom: 40px
}

#selwrap
{
    display: block;
    position: relative;
    width: 172px;
    height: 668px
}

#img-sel div {
    display: flex;
    width: 152px;
    height: 152px;
    border-radius: 12px;
    background-color: #fff;
    margin-bottom: 20px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#photo
{
    display: flex;
    width: 668px;
    height: 668px;
    border-radius: 20px;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    margin-right: 20px
}


#item-wrap div#img-sel img {
      max-height: 92%; 
      max-width: 92%
    }

.info
{
    display: block;
    position: relative;

    flex: 1;
    text-align: left;
    font-size: 18px;
    line-height: 150%;
    padding-right: 20px;

}

.infoplus
{
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    text-align: left;
    max-width: 1250px;
}


.info span {color: #888; }
.info a {color: #888; transition: color 0.6s ease;}
.info a:hover {color: #D40404; }

#sprava {
    display: block;
    width: 350px; 
}

#important {
    padding: 15px 20px;
    border: #D4D4D4 2px solid;
    border-radius: 20px;
    text-align: left;
    margin-top: 30px
}

#buy {
    padding: 25px 25px;
    border-radius: 20px;
    display: flex;
    gap: 20px;
    background-color: #fff;
    box-shadow: 0 4px 9px #ddd;
    text-align: left;
    flex-direction: column;
    
}

#cena >  div:nth-child(1){
        font-size: 36px;
        font-weight: 700;
}

#cena >  div:nth-child(2){
        color: #777;
        font-weight: 700;
        display: flex;
}

#buy > button {
    width: 100%;
}
/* --------------------*/


#right { 
    width: 100%;
    padding: 0 0 15px 0;
    text-align: left;
}

#mainbanner {
    margin-bottom: 30px;
    /*margin: 10px 0 10px auto;
    width: 1240px;*/
    width: 100%;
    height: 210px;
    border-radius: 20px;
    background: #fff url(newpic/mainbanner.png) center no-repeat;
    box-shadow: 0 6px 10px #ddd;
}

#mainbanner div {    
    padding: 50px 0 0 50px;    
    text-align: left;
}


.polubanner {
    width: 50%;
    border-radius: 20px;
 /*   box-shadow: 0 6px 10px #ddd; */
}

.polubanner div {
    width: 100%;
    height: 100%;
}

.polutext { width: 50% }
#ozon {        height: 210px; background: #fff url(newpic/ozon.png) center no-repeat; transition: background-size 0.8s ease; background-size: 630px }
#ozon:hover {    background: #fff url(newpic/ozon.png) center no-repeat; background-size: 700px }
#wb {      height: 210px;  background: #fff url(newpic/wb.png) center no-repeat; transition: background-size 0.8s ease; background-size: 630px }
#wb:hover {    background: #fff url(newpic/wb.png) center no-repeat; background-size: 700px }

#zavod {     height: 554px;  background: #fff url(newpic/zd.png) center no-repeat;  }

.gapflex {    
    display: flex;
    gap: 43px;
     margin-bottom: 30px;
}


#fdback {
    display: flex;
    width: 100%;
    height: 554px;
    border-radius: 20px;
    background: linear-gradient(270deg, #FD9795 0%, #D40404 60%, #D40404 100%);
}

#fdback div {    
    padding: 50px 0 0 50px;    
    text-align: left;
}

#fdback div h2, #fdback div p {color: #fff; line-height: 100%}

#fdback img {margin-top: 100px}

#fdback button { 
    display: block;     
    margin: 30px 0 0 auto; 
    transition: color 0.8s ease;
    }


#feedback {width:466px}
#feedback input[type="text"] {margin: 10px 0}
#feedback input[type="checkbox"] {border: none;}
#feedback label { color: #fff; font-size: 14px }
    



#auth {
   display: flex;
    /* vertical-align: middle; */
    width: 100%;
    min-height: 100%;
    background-color: rgba(208,208,208,0.8);
    overflow: hidden;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 920;
}

#auth .b-popup-content {
    margin: auto;
    padding: 20px;
    background-color: #fff;
    width: 300px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #555;
    display: block;
    position: relative;
}

#auth .b-popup-content #clo{
    position: absolute;
    right: 16px;
    top: 16px;
    display: block;
    cursor: pointer;
}

#auth .b-popup-content h4 {font-size: 20px; margin-bottom: 20px}

#auth > .b-popup-content div {    
    margin: 10px 0 ;
    display: flex;
    align-items: center;
    gap: 20px;
    white-space: nowrap;
}

#auth button {    
    margin: 5px 0;
    width: 300px;
}

#auth a {    
    font-size: 12px;
}

#auth input[type="text"], #auth input[type="password"] {
background-color: #F0F0F0;
}

.wframe {
    display: flex;
    border-radius: 8px;
    background-color: #fff;
    align-items: center;
    justify-content: space-between;
    padding: 40px 36px;
    gap: 24px;
    margin: 20px 0;
}

.wframe p {
    margin: 6px 0 0 0;
    font-size: 16px;
    color: #555555;
}

.wframe .sz {
    font-size: 14px;
    color: #999999;
}


h2 { font-weight: 700;
    font-size: 32px;
margin-bottom: 15px;
text-align: left
}



.dwnld {
  height: 26px;
  width: 26px;
  background: url(newpic/dwnld24.png);
}
.dwnld:hover {
  background-position: 0px 26px;
}


.s30 {height: 30px}

#vverh 
{
    position: absolute; 
    top: 10px; 
    left: 54px;
    cursor: pointer;
}

#vniz
{
    position: absolute; 
    bottom: 0px; 
    left: 54px;
    cursor: pointer;
}