body{background:#2fa6c6;background-position: top;background-repeat: repeat-x;margin: 10px 0 0 0;padding: 0px; color: #555555;
font-family: "verdana";
font-size: 9pt;width:100%;}
#main{width:980px; margin:0 auto;background:#fff;}
.menu{width:100%; height:80px;}
.menu ul li a{width:19.0%; float:left;color: #666666;
text-decoration: none; /*border-right: 1px solid #cccccc;*/font-family:"verdana";font-size: 11pt; padding: 15px 0;}
.logomenu{float:left; }
.telo{margin:0 auto; padding:15px;}
.preim{width:33%; float:left;}
.preim ul{margin:3px; padding-left:5px;}
.reks{vertical-align: top;
letter-spacing: 0pt;
word-spacing: 0pt;
width: 290px;
text-align: center;
background-color: rgb(240, 240, 240);}
h2{font-size: 12pt; color: rgb(35, 143, 172);margin: 0px;}
/*.wid50{width:49%; float:left;}*/
/*Меню вертика*/
#menuagos{width:300px;height:auto; float:left;z-index: 10px;
position: absolute;}
#menuagos ul{/*! display:block; */width:290px;height:auto; margin:0px;padding:0px;/*! list-style:none; */position:relative; z-index:10;}
#menuagos ul li{display:block; width:100%; height:auto; position:relative;}
#menuagos ul li a{position:relative;display:block;width:100%;height:auto;box-sizing:border-box;font-size:12px;text-transform:uppercase;/*font-weight:bold;color:#FBF7F7;color:#000;*/line-height:1.2em;padding:10px 15px;/*background:#3A9CD3;background: #f0f0f0;*/ border-top:1px solid #236A92;text-decoration:none;}
#menuagos ul  li:first-child a{border:0px;}
#menuagos ul li a:hover, #menuagos ul li:hover a{background:black; color:#fff;}
#menuagos ul li ul{position:absolute;top:0px;left:100%;display:none;width:auto;z-index: 9999;}
            /*******показываем выпадашку при наведении ********/
            #menuagos ul li:hover ul{display:block;}
                #menuagos ul li ul li a{
                    white-space:nowrap;
                    text-transform:none;
                    padding:5px 20px;
                }
                    #menuagos ul li ul li a:hover{
                        /*background:#75C1D4;*/
                        color:#0A3CC1;
                    }
/*конец Меню сайта*/
/*Меню горизонт*/
.menu ul li{list-style-type: none;text-align: center;}
.menu ul li a:hover, .menu ul li:hover a{background:black; color:#fff;}
#footer{
  width: 100%;
  float: left;
  background: #000;
  color: #fff;
}
#footer a{color: #fff;text-transform:none;}
.footer{padding:15px;}
.colred{color:red;}
/**/
.whatsapp-button {
    position: fixed;
    right: 13px;
    bottom: 90px;
    transform: translate(-50%, -50%);
    background: #25D366; /*цвет кнопки*/
    border-radius: 50%;
    width: 55px; /*ширина кнопки*/
    height: 55px; /*высота кнопки*/
    color: #fff;
    text-align: center;
    line-height: 53px; /*центровка иконки в кнопке*/
    font-size: 35px; /*размер иконки*/
    z-index: 9999;
}
.whatsapp-button a {
    color: #fff;
}
.whatsapp-button:before,
.whatsapp-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden; 
}
 
.whatsapp-button:after{
    animation-delay: .5s;
}
 
@keyframes animate
{
    0%
    {
        transform: scale(0.5);
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        transform: scale(1.2);
        opacity: 0;
    }
}

@media (max-width : 800px) {  
.whatsapp-button {   
    bottom: 5px; /*отступ кнопки снизу от экрана*/
    left: 70px; /*отступ кнопки слева от экрана(right - справа)*/
  }
}