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

        /* Размер шрифта  стандартных тегов  и выравнивание по центру*/   
        h1{
            font-size: 1.6rem;/* рамер шрифта 26 пикселей */
            text-align: center
            }  
        h2{
            font-size: 1.5rem;/* рамер шрифта 24 пикселей */
            text-align: center
            } 
        h3{
            font-size: 1.4rem;/* рамер шрифта 22 пикселей */
            text-align: center
            }  
        h4{
            font-size: 1.25rem;/* рамер шрифта 20 пикселей */
            text-align: center
            }     
        h5{
            font-size: 1.0rem;/* рамер шрифта 16 пикселей */
            text-align: center
            }  
        h6{
            font-size: 0.8rem;/* рамер шрифта 13 пикселей */
            text-align: center
            }       
/* Размер шрифта  дополнительных нужд          font-family: 'Merriweather'*/           
        .opisanie12 {
                font-size: 12px;/* рамер шрифта 12 пикселей */
                font-family: 'Merriweather', serif; 
         }  
        .opisanie16 {
                font-size: 16px;/* рамер шрифта 16 пикселей */
                font-family: 'Merriweather', serif; 
         }      
        .opisanie18 {
                font-size: 18px;/* рамер шрифта 18 пикселей */
                font-family: 'Merriweather', serif; 
         }      

        .opisanie20 {
                font-size: 20px;/* рамер шрифта 20 пикселей */
                font-family: 'Merriweather', serif; 
         }
        .opisanie24 {
                font-size: 24px;/* рамер шрифта 24 пикселей */
                font-family: 'Merriweather', serif; 
         }
           

        .opisanie28 {
                font-size: 28px;/* рамер шрифта 24 пикселей */
                font-family: 'Merriweather', serif; 
         }
        .opisanie32 {
                font-size: 32px;/* рамер шрифта 24 пикселей */
                font-family: 'Merriweather', serif; 
         }
                      



        .paspartu {
            background: #fff;
            box-shadow: 0 5px 15px #423f3f;
            border-radius: 4px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            margin: 20px 20px 20px 20px;
            height: auto;
            padding: 20px;
        }
/* ****************************************************** */
/* правая колонка */	
.rightcol {     /* правая колонка исходная  */
    margin-bottom: 5px;
    padding-left: 0;
    border-radius:3px
}
.rightcol-item {
    position: relative;
    display: block;
    padding: 5px 5px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius:3px
}
a.rightcol-item {
    color: #555
}
a.rightcol-item .rightcol-item-heading {
    color: #333
}
a.rightcol-item:hover,
a.rightcol-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #F7F9FA  /*исходный цвет фона серый*/
}
.rightcol-item-success {
    color: #010101;
    background-color: #F7F9FA 
}
a.rightcol-item-success {
    color: #010101
}    
a.rightcol-item-success:hover,
a.rightcol-item-success:focus {
    color: #010101;
    background-color:  #C9F9F9  /* при наведении мышки  голубой  */
}
/* ****************************************************** */


    
    .navbar {
        background-color:#0051CC;
        margin: 10px 0px 10px 0px;
        box-shadow: 0 4px 8px #668cff;
        border-radius: 4px;      
        color: #fff;
     } 

     .article {
        background:rgba(255,255,255,0.7);  /* белый не прозрачность 0,7*/
        margin-bottom: 10px;
        border-radius:3px
    }
    .page{
        background:rgba(255,255,255,0.8);  /* белый не прозрачность 0,8*/
    	padding: 10px 10px;
        margin-top: 15px;	
    	margin-bottom: 15px;
        border-radius:3px
    }
    .navbar a:hover {
        background-color: #0069D9;
        border-radius: 4px;  
        color: #fff;
    }
/* Убираем маркеры */
   li {
    list-style-type: none; /* Убираем маркеры */
   }

  
        .gajet {
        background: #fff;
        box-shadow: 0 5px 15px #423f3f;
        border-radius: 4px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 20px 20px 20px 20px;
        height: auto;
        padding: 20px;
        }        
   .profile a {
    color: #fff; /* Цвет ссылки */
   } 
     .form-seacrh {
        background-color:#0051CC;
        margin: 10px 0px 10px 0px;
        box-shadow: 0 4px 8px #668cff;
        border-radius: 4px;        
        color: #fff;
     }   
    .text-seacrh-bs4 {
        border-radius: 4px;        
        color: #fff;
     }    
   
      
      
      
      
  /* Make the image fully responsive */
  .carousel-inner img {
    width: 100%;
    height: 100%;
  }
        .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:#0033cc; 
        }
        .youtube a:hover{
            background:#0033cc;color:#fff;
        }  
       table {
       }
       td.red {color: crimson;}
       td.red a {display:block;
        color: crimson; ;}
       td.blue {color: #337AB7;}     
        /* Убираем маркеры */
       li {
            list-style-type: none; /* Убираем маркеры */
       } 
       
        /* текст с абзацами */       
   p { 
    text-indent: 2.5em; /* Отступ первой строки */

   }