        /*  Стиль шрифта и тела несложный*/
        /* ##########################   шрифт берем с гугле   ########################### */
        @import url('https://fonts.googleapis.com/css?family=Merriweather:400,700,700i&subset=cyrillic,cyrillic-ext');
          /* ##########################   body ########################### */
        body{
            padding-top:25px;
            color:#26004d;   /*#26004d;        #705991; */
            font-size: 14px;/* рамер шрифта 14 пикселей */
            font-family: 'Merriweather', serif;
            line-height: normal;
            }


/* Размер шрифта  стандартных тегов*/   
    h1{
        font-size: 1.6rem;/* рамер шрифта 26 пикселей */
        }  
    h2{
        font-size: 1.5rem;/* рамер шрифта 24 пикселей */
        } 
    h3{
        font-size: 1.4rem;/* рамер шрифта 22 пикселей */
        }  
    h4{
        font-size: 1.25rem;/* рамер шрифта 20 пикселей */
        }     
    h5{
        font-size: 1.0rem;/* рамер шрифта 16 пикселей */
        }  
    h6{
        font-size: 0.8rem;/* рамер шрифта 13 пикселей */
        }

        .opisanie12 {
                font-size: 12px;/* рамер шрифта 14 пикселей */
                font-family: 'Merriweather', serif; 
         }  
        .opisanie16 {
                font-size: 16px;/* рамер шрифта 14 пикселей */
                font-family: 'Merriweather', serif; 
         }      
        .opisanie20 {
                font-size: 20px;/* рамер шрифта 14 пикселей */
                font-family: 'Merriweather', serif; 
         }
        .opisanie24 {
                font-size: 24px;/* рамер шрифта 14 пикселей */
                font-family: 'Merriweather', serif; 
         }
        .navbar-dark .navbar-nav .nav-link {
            color: #fff;
        } 
        .navbar {
            margin: 10px 0px 10px 0px;
            box-shadow: 0 3px 6px #26004d;
            border-radius: 4px;        
         } 

       .navbar a:hover{
            background-color: #26004d;
            border-radius: 4px;  
            color: #fff;
        } 
       .phone a {
            color:#26004d;
        } 
       .phone a:hover{
            color:#26004d;
        }        
       .phonew a {
            color: #fff;
        } 
       .phonew a:hover{
            color: #fff;
        }        
        .social a{
            text-align:center;
            width:46px;
            height:46px;
            float:left;
            background:#fff;
            border:1px solid #ccc;
            box-shadow:0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
            border-radius:8px;
            margin:0 10px 10px 0;
            padding:6px;
            color:#000;
        }        
        .vk a:hover{background:#5d84ae;color:#fff;}   
        .facebook a:hover{background:#3b5998;color:#fff;}        
        .youtube a:hover{background:#c4302b;color:#fff;}        
        .twitter a:hover{background:#00acee;color:#fff;}        
        .instagram a:hover{background:#3f729b;color:#fff;}
        .mail a:hover{background:#f93;color:#fff;}         
        .odnoklassniki a:hover{background:#f93;color:#fff;}        
        .telegram a:hover{background:#249bd7;color:#fff;}        
        .whatsapp a:hover{background:#50b154;color:#fff;} 
        
table {
  border-collapse: collapse;
}       
        
        