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: Arial, sans-serif; 
}

body, html {font-size: 9pt}

h1 {    font-size: 2.4em;
    color: #0066b3;
    font-weight: normal;
letter-spacing: 0.05em;
    margin-right: 20px
}

.hhwrap h1 {overflow: hidden;
    white-space: nowrap;}

h2 { font-size: 2.2em;
    color: #127d00;
    font-weight: normal;
letter-spacing: 0.05em
}

h3 {    font-size: 1.8em;
    color: #0066b3;
    font-weight: normal;
letter-spacing: 0.04em
}

h4 { font-size: 1.3em; font-weight: bold; color: #127d00; letter-spacing: 0.01em}
h5 { font-size: 1.3em; font-weight: normal; color: #127d00; letter-spacing: 0.01em}

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

p
{
    font-size: 1.3em;
    text-align: left;
    line-height: 140%;
    margin: 5px 0;
    color: #333
}

a {color: #418041; text-decoration: underline; }
a:visited{color: #418041;}
a:hover{   color: #0066b3; }

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

#wrap-site {
    display: block;
    position: relative;
    margin: auto;
     padding-bottom: 10px;
    text-align: center;
    min-width: 600px;
    max-width: 1200px;
    /*min-height: 800px; */
    background-color: #efefef;
}

#wrap-top {
    display: flex;
    flex-wrap: wrap;
    background-color: #efefef;
    padding: 10px 30px;
    min-height: 70px;
    justify-content: space-between;
    align-items: center;
}


#wrap-top i.fa {
    display: inline-block;
    margin: 5px 3px;
    padding: 4px 6px;
    position: relative;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
        min-width: 11px;
}


#wrap-top i.off{
    border: #999 1px solid;
    color: #999;
   cursor: pointer;
}


#wrap-top i.on {
   border: #127d00 1px solid;
    background-color: #ddf5dc;
    color: #127d00;
    cursor: auto;
}

#wrap-top i.off:hover{
    border: #666 1px solid;
        background-color: #f6f9f5;
    color: #666;
}

#find {
    width: 50%;
}

#find input {
    border: #bfbfbf 1px solid;
    background: url(pic/search.svg) right no-repeat;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    font-size: 16px;
    padding: 12px;
    background-color: #f9f9f9;
}

  #wrap-sel {
    display: flex;
    align-items: flex-end;
}

@media screen and (min-width: 1200px) {
  
  #wrap-sel {
    flex-direction: column; 
    gap: 0px;
}
}

@media screen and (max-width: 1199px) {
  #wrap-sel {
    flex-direction: row;
    gap: 30px;
    width: 230px;
    justify-content: flex-end;
}

}


.hhwrap {display: table-cell; vertical-align: top;
    text-align: left;}

.hhwrap h2 {margin: 10px 0 0 0;}
.hhwrap2 {display: table-cell; text-align: right; width: 100%}
.head{
        margin: 25px 0px 5px 30px;
        display: block;
       text-align: left;

    }



.head p a{
        font-size: 11pt
    } 


.head ul {
        display: inline-block;
    border: #127d00 2px dotted;
    border-radius: 10px;
    padding: 10px;
    margin-right: 30px;
}

.head ul li{
    display: inline-block;
    margin: 3px 10px;
}


.head ul li a{
    text-decoration: none; 
    border-bottom: 1px dashed #418041; 
    cursor: pointer;
}

.head ul li a:hover{
    border-bottom: 1px solid #0066b3; 
}

.head ul li.on{
    border-bottom: 2px solid #0066b3; 
    color: #0066b3;
    font-weight: bold;
}


#mainimg
{
    display: inline-block;
    width: 560px;
    margin: 10px;
    position: relative;
    border: #888 1px solid;
    border-radius: 8px;
    box-shadow: 2px 2px 4px 2px #ccc;
    background-color: white;
    overflow: hidden;
    vertical-align: top;
}

.maintxt
{
display: inline-block;
width: 560px;
margin: 10px;
position: relative;
text-align: left;
vertical-align: top;
}

.maintxt p
{
    text-align: left;
    line-height: 130%;
    margin: 0 0 10px 0;
    color: #333
}

.maintxt ul
{
font-size: 12pt;
    line-height: 130%;
    margin: 0 0 10px 20px;
    color: #333
}

.maintxt li
{

    margin: 5px 0;

}


.maintxt p a
{
font-size: 12pt;
}

#sitebtm {
    display: block;
 
    bottom: 0;
    min-width: 600px;
    max-width: 1200px;
    margin: auto;
    text-align: left;
    border-bottom: #a7a7a7 1px solid;
    background: linear-gradient(to bottom, rgba(201,201,201,1) 0%,rgba(246,246,246,1) 2%,rgba(196,197,199,1) 98%,rgba(117,117,119,1) 100%);
}

#sitebtm p {    
    display: inline-block;
    width: 540px;
    font-size: 9pt;
    margin: 10px 30px;
    font-style: italic;
    letter-spacing: 0.03em;
    vertical-align: middle
}

.mainsect
{
    display: inline-block;
    width: 260px;
    height: 260px;
    vertical-align: middle;
    margin: 10px;
    padding: 5px;
    position: relative;
    border: #888 2px solid;
    border-radius: 5px;
    box-shadow: 2px 2px 4px 2px #ccc;
    background-color: white;

}

a .mainsect:hover
{
border-color: #418041; 
box-shadow: 2px 2px 4px 2px #aaa;
}

.lowsect {
    display: inline-block;
    width: 260px;
    height: 120px;
    vertical-align: middle;
    margin: 10px;
    padding: 5px;
    position: relative;
    border: #888 1px solid;
    border-radius: 5px;
    box-shadow: 2px 2px 4px 2px #ccc;
    background-color: white;

}


.lowsect a 
{
    display: block;
    text-align: center;
    line-height: 130%;
}

.lowsect div 
{
	transition: all 0.8s ease;
}

.mainsect h3 
{
    display: block;
    text-align: center;
    line-height: 130%;
}

.mainsect img {
margin: 15px 0 10px 0;
}

.logowr {
    display: table-cell;
    vertical-align: middle;
    height: 90px;
    width: 260px;

}

#more {display: block;
    font-size: 1.4em;
    margin-bottom: 20px;}

.tx {
    display: block;
    text-align: left;
    padding: 0 25px 0 30px;
}  

.tx h3 {margin: 15px 0 0 0;}

.tx p {margin: 10px 0 5px 0;}
.tx ul {
font-size: 12pt;
padding: 0 30px 0 25px;
text-align: left;
color: #333;
line-height: 140%
}

.answer {padding-left: 30px}

.tx ul ul{
padding-left: 20px;
}



.tx table {width: 550px}
.tx table th{ font-size: 10pt; }

.tx table td{ border-bottom: #666 1px solid }
.tx table th{ border-bottom: #0066b3 1px solid }



.prod h3{
    display: block; 
    min-height: 20px;
    text-align: left;
    padding-left: 15px;
    position: absolute;
     top: 240px;
    left: 5px;
    line-height: 130%;
}

.way{
    color: #418041;
    font-size: 1em;
    font-weight: normal;
    margin: 0 30px 5px 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    /*overflow: hidden;*/
    display: flex;
    white-space: nowrap;
    }




.prod
{
    display: inline-block;
    vertical-align: top;
    width: 260px;
    height: 290px;
    text-align: center;
    margin: 10px;
    padding: 5px;
    position: relative;
    border: #888 1px solid;
    border-radius: 5px;
    box-shadow: 2px 2px 4px 2px #ccc;
    background-color: white;

}

.dwn
{
    display: block;
    position: absolute;
    top: 278px;
    left: 225px;
}

.toptext{
    display: block; 
    min-height: 40px;
    text-align: left;
    font-size: 14pt;
    /*color: #333; */
    padding-left: 5px;
    line-height: 130%;
}

.prodwr {
    display: table-cell;
    vertical-align: middle;
    height: 200px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    position: relative;
    cursor: pointer;

}

.w213{    width: 213px; }
.w260{    width: 260px; }

.btmtext{
    display: block; 
    min-height: 20px;
    text-align: left;
    padding-left: 15px;
    position: absolute;
    top: 250px;
    left: 5px;
    font-size: 11pt;
    line-height: 140%;
}

#iteminfo{
    display: block; 
    text-align: left;
    padding: 30px;
    font-size: 10pt;
    line-height: 140%;
    min-height: 1000px
}

#iteminfo h1 {
margin: 12px 0;
line-height: 120%
}

#iteminfo img {
    border: #c7c8ca 1px inset;
    margin: 5px 0;
    width: 100%
}

.btmtext span, #iteminfo span{

    font-size: 14pt;
color: #418041;
}

.prewwr {
   display: block;
    width: 40px;
    height: 240px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 35px;
    right: 10px;
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px;
    
}

.over:hover
    {    
    box-shadow: 0 0 8px 6px #ccc;
    width: 40px;
    height: auto;
    z-index: 910;
     transition: 0.5s linear; /* Время изменения */
    }

.prewwr img {width: 30px; height: 30px; margin: 5px;padding: 0; cursor: pointer;}

.vcard {font-size: 10pt}
#c2 h4 {    margin-top: 15px;}
#c2 iframe {border:0; width:170px;height:35px; display: inline-block;    margin-top: 5px;}
#now {    display: inline-block;
    position: relative;
    bottom: 12px;}

#now span{        font-weight: bold;
    font-size: 1.5em;}
    
#formcontacts textarea {width: 550px; height: 330px}

.info, .info a { font-size: 10pt; margin: 5px 0 10px 0;}

.b-popup{
   display: flex;
    /* vertical-align: middle; */
    width: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0.5);
    overflow: hidden;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 920;
}
.b-popup .b-popup-content{
    margin: auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0px 0px 10px #000;
    display: block;
    position: relative;
}

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

.b-popup .b-popup-content #clo:hover{
    text-decoration: underline;
}


#details {
    display: block;
    position: absolute;
    bottom: 5px;
    left: 0;
    padding: 0 10px 5px 20px;
    text-align: left;

     }
#details div {
        display: inline-block;
    
}

#iline {
    font-size: 11pt;
}

div#dline{
    display: block;
    font-size: 12pt;
    margin: 2px 0
    }



#details div span {
    font-size: 13pt;
    font-weight: bold;
    margin: 0 10px 5px 0;
}

#details div b, .btmtext b {
    font-size: 13pt;
}

#details h3 {
 padding: 0 10px 3px 0;
display: inline-block;
}

#w2 {    
    display: block;
    width: 100%;
    margin-bottom: 60px;
    }

#w2 div {
    margin: auto;}

 #w2 img {   margin-top: 150px;}

div.cod {display: inline-block; font-size: 13pt;
    font-weight: bold; cursor: pointer;}

div.cod:hover {color:#333; border-bottom: 1px dashed #418041;}

div.cod div {
    display: none;
    position: absolute;
    bottom: -1px;
    left: -1px;
    z-index: 1000;
    width: 190px;
    padding: 8px 12px;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    box-shadow: 0 1px 3px #C4C4C4;
    border: 1px solid #DBB779;
    background: #FFF6BD;
    border-radius: 2px;
}

.framed {
        border: #888 2px solid;
    border-radius: 15px;
    padding: 15px;
}

 #go_done input {width: 340px;margin: 2px 5px}   
 @media screen and (max-width: 900px) { #fsc  {display: none} }
 #fsc { margin-right: 30px }
 #fsc img {border: 2px solid #527760; border-radius: 5px}