*, *:after, *:before {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   border: 0px solid gray;
}

html, body  {
   height: 100%; 
   margin-top: 0px; 
   margin-bottom: 0px; 
   margin-left: 5px; 
   margin-right: 5px; 
   padding: 0px;
}

.wrapper {
   max-width: 99.9%;  
   min-height: 100%;
   margin: 0 auto;
   padding-left: 0px;
   padding-right: 0px;
   position: relative;  
   border: 0px solid black;
}

.content {									     
   padding-bottom: 70px;
   border: 0px solid red;
}

/* стилевой класс, который управляет шириной контейнера - Верхний колонтитул */
.container1 {	
   margin: 0 auto;
   width: 100%;
   padding: 0px 0px 0px 0px;
   font-size: 2.7em;
   border: 0px solid yellow; 
} 

/* стилевой класс, который управляет шириной контейнера - Нижний колонтитул */
.container2 {
   margin: 0 auto;
   width: 100%;
   max-width: 900px;
   padding: 0px 0px 0px 0px;
   font-size: 18px;	
   border: 0px solid yellow; 
} 

a {										 
   color: black;
   text-decoration: none; 
   border: 0px solid black;										
}	

/* Верхний колонтитул */
header {
   font-family: Arial;  
}
.header-title { 
   display: inline-flex;
   margin: 5px 0px 5px 0px; 
   padding: 0;
   vertical-align: middle; 
}

h1 { 
   margin-top: 0px; 
   margin-bottom: 0px; 
   color: #266f00; 
   color: -moz-linear-gradient(top, rgba(51,102,48,1) 0%, rgba(19,64,16,1) 10%, rgba(19,64,16,1) 50%, rgba( 19,64,16,1) 90%, rgba(51,102,48,1) 100%); 
   color: -webkit-linear-gradient(top, rgba(51,102,48,1) 0%,rgba(19,64,16,1) 10%,rgba(19,64,16,1) 50%,rgba( 19,64,16,1) 90%,rgba(51,102,48,1) 100%); 
   color: линейный градиент (вниз, rgba(51,102,48,1) 0%,rgba(19,64,16,1) 10%,rgba(19,64,16,1) 50%,rgba(19, 64,16,1) 90%,rgba(51,102,48,1) 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#336630', endColorstr='#336630',GradientType=0); 
  
   padding: 0px 0px 0px 0px;
   max-height: 50px;
   line-height: 140px;
   border: 0px solid black;
}	
h2 { 
   margin-top: 0px; 
   margin-bottom: 0px; 
   vertical-align: middle; 
   color: black; 
   font-family: Arial;  
   padding: 5px 0px 20px 0px;
   max-height: 50px;
   line-height: 20px;
   border: 0px solid black;
}	
h3 { 
   margin-top: 0px; 
   margin-bottom: 20px; 
   vertical-align: middle; 
   color: width; 
   font-family: Arial;  
   padding: 20px 0px 0px 0px;
   max-height: 70px;
   line-height: 20px;
   font-size: 19px;
   border: 0px solid black;
}	
	
/* ==== НАЧАЛО - MEDIA - наименование: Комплекс "Последний приют" ====  */
@media screen and (max-width: 1700px) {
h1 {
   font-size: 1.8em;	
}
}
@media screen and (max-width: 1600px) {
h1 {
   font-size: 1.7em;	
}
p.test5 {	
  						 
   margin-left: 100px; 
   margin-right: 100px; 						
}
}
@media screen and (max-width: 1500px) {
h1 {
   font-size: 1.6em;	
}
p.test1, p.test2, p.test5 {	
  						 
   margin-left: 70px; 
   margin-right: 70px; 							
}
}
@media screen and (max-width: 1400px) {
h1 {
   font-size: 1.45em;	
}
}
@media screen and (max-width: 1300px) {
h1 {
   font-size: 1.3em;	
   line-height: 135px;
}
}
@media screen and (max-width: 1200px) {
h1 {
   font-size: 1.2em;	
   line-height: 130px;  
}
}
@media screen and (max-width: 1100px) { 
h1 {
   font-size: 1.2em;	
   line-height: 100px;
}
.header-title > img { 
   width: 100px;
}  
p.test1, p.test2, p.test5 {	
  				 
   margin-left: 50px; 
   margin-right: 50px; 						
}
}
@media screen and (max-width: 1000px) {
h1 {
   font-size: 1.1em;	
}
}
@media screen and (max-width: 950px) {
h1 {
   font-size: 1.0em;	
}
}
@media screen and (max-width: 850px) {
h1 {
   font-size: 0.9em;	
}
}
@media screen and (max-width: 800px) {
h1 {
   font-size: 0.85em;	
}
}
@media screen and (max-width: 768px) {
h1 {
   font-size: 0.77em;	
   line-height: 85px;
}
.header-title > img { 
   width: 90px;
}
p.test1, p.test2, p.test5 {	
  						 
   margin-left: 30px; 
   margin-right: 30px; 							
}
}
@media screen and (max-width: 700px) {
h1 {
   font-size: 0.7em;	
   line-height: 90px;
}
}
@media screen and (max-width: 650px) {
h1 {
   font-size: 0.6em;	
   line-height: 80px;
}
.header-title > img { 
   width: 80px;
}
}
@media screen and (max-width: 600px) {
h1 {
   font-size: 0.55em;	
   line-height: 75px;
}
}
@media screen and (max-width: 550px) { 
h1 {
   font-size: 0.50em;	
   line-height: 70px;
}
.header-title > img { 
   width: 70px;
}
p.test1, p.test2, p.test5 {	
  							 
   margin-left: 10px; 
   margin-right: 10px; 								
}
}
@media screen and (max-width: 480px) {
h1 {
   font-size: 0.45em;	
}
}
/* ==== КОНЕЦ - MEDIA - наименование: Комплекс "Последний приют" ====  */


/* ==== НАЧАЛО - кнопки навигации ==== */
.dws-menu *{
   margin: 1; 
   padding: 0;
   border-radius: 18px;
}
.dws-menu ul {
   list-style: none; 
}
.dws-menu > ul {
   display: flex; 
   justify-content: center; 
}
.dws-menu > ul li {
   display: flex-box; 
   position: relative; 
   border-right: 0px solid #c7c8ca; 
   justify-content: center; 
   border: 0px solid red; 
}
.dws-menu > ul li:first-child {
   border-left: 0px solid #b2b3b5; 
}
.dws-menu > ul li:last-child {
   border-right: 0px solid #babbbd; 
}
.dws-menu > ul li a.label {
   display: block;
  
   background: RGB(191,117,53); 
   background: -moz-linear-gradient(top, rgba(191,117,53,1) 0%, rgba(149,91,41,1) 7%, rgba(149,91,41,1) 50%, rgba(165,101,45,1) 93%, rgba( 201,127,63,1) 100%); 
   background: -webkit-linear-gradient(top,rgba(191,117,53,1) 0%,rgba(149,91,41,1) 7%,rgba(149,91,41,1) 50%, rgba(165,101,45,1) 93%,rgba( 201,127,63,1) 100%); 
   background: линейный градиент (вниз, rgba(191,117,53,1) 0%,rgba(149,91,41,1) 7%,rgba(149,91,41,1) 50%, rgba(165,101,45,1) 93%,rgba(201,127, 63,1) 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7535', endColorstr='#c97f3f',GradientType=0 ); 

   border-radius: 18px;
   padding: 12px 14px 12px 14px;
   font-size: 17px; 
   color: #fff; 
   text-decoration: none; 
   text-transform: uppercase; 
   transition: all 0.3s ease;
   border: 0px solid black; 
}
.dws-menu li a.label:hover, .active {
   
   background: RGB(63,128,60); 
   background: -moz-linear-gradient(top, rgba(63,128,60,1) 0%, rgba(23,79,20,1) 10%, rgba(23,79,20,1) 50%, rgba(23,79,20,1) 90%, rgba(63,128,60,1) 100%); 
   background: -webkit-linear-gradient(top, rgba(63,128,60,1) 0%, rgba(23,79,20,1) 10%, rgba(23,79,20,1) 50%, rgba(23,79,20,1) 90%, rgba(63,128,60,1) 100%); 
   background: линейный градиент (вниз, rgba(63,128,60,1) 0%, rgba(23,79,20,1) 10%, rgba(23,79,20,1) 50%, rgba(23,79,20,1) 90%, rgba(63,128,60,1) 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f803c', endColorstr='#3f803c',GradientType=0 ); 

   color: #ffffff;
   box-shadow: 1px 5px 10px -5px black; 
   transition: all 0.3s ease;
   justify-content: center;
   display: flex;
}
.label1 {
   border-radius: 6px;
   padding: 12px 14px 12px 14px;
   color: #ffffff;
   font-size: 17px; 
   font-style: normal;
   text-decoration: none; 
   text-transform: uppercase; 
   transition: all 0.3s ease;
   border: 0px solid black; 
}
.tag {
   background: black; 
   border: 0px solid black; 
}
/* ==== КОНЕЦ - кнопки навигации ==== */


/* ==== НАЧАЛО - MEDIA - кнопки навигации ==== */	
.dws-menu [type="checkbox"]{
   display: none;
}
.dws-menu label.toggleMenu {
  
   background: RGB(191,117,53); 
   background: -moz-linear-gradient(top, rgba(191,117,53,1) 0%, rgba(149,91,41,1) 7%, rgba(149,91,41,1) 50%, rgba(165,101,45,1) 93%, rgba( 201,127,63,1) 100%); 
   background: -webkit-linear-gradient(top,rgba(191,117,53,1) 0%,rgba(149,91,41,1) 7%,rgba(149,91,41,1) 50%, rgba(165,101,45,1) 93%,rgba( 201,127,63,1) 100%); 
   background: линейный градиент (вниз, rgba(191,117,53,1) 0%,rgba(149,91,41,1) 7%,rgba(149,91,41,1) 50%, rgba(165,101,45,1) 93%,rgba(201,127, 63,1) 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7535', endColorstr='#c97f3f',GradientType=0 ); 

   display: none;
   padding: 3px 9px;  
   font-size: 20px; 
   cursor: pointer;
   position: absolute;
   border: 1px solid black; 
}
@media all and (max-width: 1100px){
.dws-menu {
   overflow: hidden; 
   display: flex; 
   justify-content: right;  
}
.dws-menu ul { 
   display: inline;
   max-height: 0;
   transition: max-height 0.000001s;
}
.dws-menu li > ul li ul {
   position: absolute;
   right: auto;
   top: auto;
}

.dws-menu label.toggleMenu {
   display: block; 
}

input.toggleMenu:checked + label.toggleMenu { 
   color: black;
   border: 1px solid black; 
   background: RGB(153,153,153); 
   background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(153,153,153,1) 7%, rgba(122,122,122,1) 50%, rgba(153,153,153,1) 93%, rgba(153,153,153) ,1) 100%); 
   background: -webkit-linear-gradient(top,rgba(153,153,153,1) 0%,rgba(153,153,153,1) 7%,rgba(122,122,122,1) 50%,rgba(153,153,153,1) 93%,rgba(153,153,153) ,1) 100%); 
   background: линейный градиент (вниз, rgba(153,153,153,1) 0%,rgba(153,153,153,1) 7%,rgba(122,122,122,1) 50%,rgba(153,153,153,1) 93%,rgba(153,153,153,1) ) 100%); 
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#999999',GradientType=0); 
}

input.toggleMenu:checked ~ ul {  
   display: inline-block;
   position: relative;  
   top: 0;
   right: 40;
   max-height: 5000px;
   transition: max-height 2s ease-in; 
}
}
/* ==== КОНЕЦ - MEDIA - кнопки навигации ==== */	
 

/* ==== НАЧАЛО - Нижний колонтитул ==== */                   
footer {
  
   background: RGB(191,117,53); 
   background: -moz-linear-gradient(top, rgba(191,117,53,1) 0%, rgba(149,91,41,1) 7%, rgba(149,91,41,1) 50%, rgba(165,101,45,1) 93%, rgba( 201,127,63,1) 100%); 
   background: -webkit-linear-gradient(top,rgba(191,117,53,1) 0%,rgba(149,91,41,1) 7%,rgba(149,91,41,1) 50%, rgba(165,101,45,1) 93%,rgba( 201,127,63,1) 100%); 
   background: линейный градиент (вниз, rgba(191,117,53,1) 0%,rgba(149,91,41,1) 7%,rgba(149,91,41,1) 50%, rgba(165,101,45,1) 93%,rgba(201,127, 63,1) 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7535', endColorstr='#c97f3f',GradientType=0 ); 
	
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;  
   height: 70px;
   font-family: Arial; 
   padding: 10px 0px 0px 0px;
   vertical-align: middle; 
}

.footer-col1 {
   width: 1%;
   float: left;
   text-align: center;
}
.footer-col2 {
   width: 55%;
   float: left;
   padding: 0px 0px 0px 0px;
   text-align: right;
}
.footer-col3 {
   width: 44%;
   float: left;
   padding: 10px 10px 0px 0px;
   text-align: center;
}
.footer-col1 a {
   color: black;
   font-size: 1px;
}
.footer-col2 a {
   color: black;
   font-size: 18px;   
}
.footer-col3 a {
   color: black;
   font-size: 18px;   
}
.footer-col1:last-child {
   text-align: center;
   margin-bottom: 0;
}
.footer-col2:last-child {
   text-align: center;
   margin-bottom: 0;
}
.footer-col3:last-child {
   text-align: center;
   margin-bottom: 0;
}
/* ==== КОНЕЦ - Нижний колонтитул ==== */    		   						


p, .test1 {										 
   margin-top: 2em; 
   margin-bottom: -1.5em; 
   margin-left: 100px; 
   margin-right: 100px; 
   font-family: Arial;
   text-align: justify;
   border: 0px solid red;										
}
.test2 {										 
   margin-top: 2em; 
   margin-bottom: -1.5em; 
   margin-left: 100px; 
   margin-right: 100px; 
   font-family: Arial;
   text-align: center;
   border: 0px solid gray;										
}
.test3 {										 
   margin-top: 2em; 
   margin-bottom: -1.5em; 
   margin-left: 0px; 
   margin-right: 0px; 
   font-family: Arial;
   text-align: justify;
   border: 0px solid gray;										
}
.test4 {										 
   margin-top: 2em; 
   margin-bottom: -1.5em; 
   margin-left: 0px; 
   margin-right: 0px; 
   font-family: Arial;
   line-height: 26px;
   font-size: 0.85em;   
   text-align: center;
   border: 0px solid gray;										
}
.test5 {										 
   margin-top: 2em; 
   margin-bottom: -1.5em; 
   margin-left: 0px; 
   margin-right: 0px; 
   font-family: Arial;
   line-height: 26px;
   font-size: 0.9em;   
   text-align: center;
   border: 0px solid gray;										
}
.test6 {										 
   margin-top: 2em; 
   margin-bottom: -1.5em; 
   margin-left: 0px; 
   margin-right: 0px; 
   font-family: Arial;
   line-height: 38px;
   font-size: 1.2em;   
   text-align: left;
   border: 0px solid gray;										
}
.test7 {										 
   margin-top: 2em; 
   margin-bottom: 2em; 
   margin-left: 0px; 
   margin-right: 0px; 
   font-family: Arial;
   line-height: 10px;
   font-size: 20px;   
   text-align: left;
   border: 0px solid gray;										
}
.test8 {										 
   margin-top: 2em; 
   margin-bottom: 2em; 
   margin-left: 0px; 
   margin-right: 0px; 
   font-family: Arial;
   line-height: 10px;
   font-size: 18px;   
   text-align: left;
   border: 0px solid gray;										
}
.test9 {										 
   margin-top: 2em; 
   margin-bottom: 2em; 
   margin-left: 0px; 
   margin-right: 0px; 
   font-family: Arial;
   line-height: 10px;
   font-size: 16px;   
   text-align: left;
   border: 0px solid gray;										
}
.test10 {										 
   margin-top: 10px; 
   margin-bottom: 10px; 
   margin-left: 0px; 
   margin-right: 0px; 
   font-family: Arial;
   line-height: 10px;
   font-size: 24px;   
   text-align: center;
   border: 0px solid gray;										
}
.textcols1 {   									
   max-width: 2000px;   
   margin-top: 0px; 
   margin-bottom: 0px;    
   padding: 0px;		
   vertical-align: middle;
   text-align: center;    
   line-height: 26px;
   font-size: 1.25em;
   color: black;
   border-collapse: collapse; 	
   border: 0px solid blue; 
}
.textcols2 {   									
   max-width: 2000px;  
   margin-top: 0px; 
   margin-bottom: 0px;  
   text-align: justify;  
   padding: 0px;			
   vertical-align: middle;
   line-height: 26px;
   font-size: 1.1em;
   color: black;
   border-collapse: collapse;
   border: 0px solid green;   
}
.textcols3 {
   max-width: 1500px;   
   margin-top: 0px; 
   margin-bottom: 0px;        
   padding: 0px;			
   vertical-align: middle;  
   font-size: 1.3em;
   border-collapse: collapse; 	
   border: 0px solid black;											 
}
.textcols8 {
   max-width: 1700px;   
   margin-top: 15px; 
   margin-bottom: 0px; 
   margin-left: 10px; 
   margin-right: 10px; 
   padding: 0px;			
   vertical-align: middle;  
   font-size: 1.4em;
   border-collapse: collapse; 	
   border: 0px solid black;											 
}
.textcols9 {
   max-width: 1500px;   
   margin-top: 0px; 
   margin-bottom: 0px;        
   padding: 0px;			
   vertical-align: middle;  
   font-size: 1.3em;
   border-collapse: collapse; 	
   border: 0px solid black;											 
}
.textcols10 {
   max-width: 1500px;   
   margin-top: 0px; 
   margin-bottom: 0px;        
   padding: 0px;			
   vertical-align: middle;  
   font-size: 1.3em;
   border-collapse: collapse; 	
   border: 0px solid black;											 
}
video {
   width: 100%;
   height: auto;
   max-height: 100%;  
}
button {
   background: RGB(191,117,53); 
   background: -moz-linear-gradient(top, rgba(191,117,53,1) 0%, rgba(149,91,41,1) 7%, rgba(149,91,41,1) 50%, rgba(165,101,45,1) 93%, rgba( 201,127,63,1) 100%); 
   background: -webkit-linear-gradient(top,rgba(191,117,53,1) 0%,rgba(149,91,41,1) 7%,rgba(149,91,41,1) 50%, rgba(165,101,45,1) 93%,rgba( 201,127,63,1) 100%); 
   background: линейный градиент (вниз, rgba(191,117,53,1) 0%,rgba(149,91,41,1) 7%,rgba(149,91,41,1) 50%, rgba(165,101,45,1) 93%,rgba(201,127, 63,1) 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7535', endColorstr='#c97f3f',GradientType=0 );
   color: #fff;                  
   font-family: Arial;
   font-size: 10px;
   cursor: pointer;
   border: 0px; 
   border-radius: 6px; 
   padding: 3px 15px 3px 15px;
   margin-bottom: 1rem; 
   transition: all 0.3s ease; 
}


/* ==== НАЧАЛО - Кнопка - Mick Brigden ==== */    		
.button1 { 
   background: #a4652d;    
   padding: 1px 8px; 
   color: black;     
   line-height: 26px;
   font-size: 16px;   
   border: 3px solid black; 
}						
.button1:hover {
   background: #999999; 
   text-align: justify;  
}
/* Исправление позиционирования всплывающей подсказки — адаптация под любой экран */
.popup {
    position: relative;
    display: inline-block;
}

.popup .popuptext {
    visibility: hidden;
    width: auto;
    max-width: 320px;
    min-width: 230px;
    background-color: #999999;
    color: #fff;
    text-align: justify;
    border-radius: 4px;
    padding: 0.7em;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    white-space: normal;
    margin: 0;
    font-size: 14px;      
}

.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Для очень узких экранов (до 480px) делаем подсказку шире, но с отступами */
@media (max-width: 480px) {
    .popup .popuptext {
        max-width: 90vw;
        min-width: 250px;
    }
}

.popup .show {
   visibility: visible;
   -webkit-animation: fadeIn 1s;
   animation: fadeIn 1s;
}
@-webkit-keyframes fadeIn {
   from {opacity: 0;} 
   to {opacity: 1;}
}
@keyframes fadeIn {
   from {opacity: 0;}
   to {opacity:1 ;}
}
/* ==== КОНЕЦ - Кнопка - Mick Brigden ==== */    		


/* ==== НАЧАЛО - Колонки с видео и текстом на странице ИСТОРИЯ ==== */
.container3 {
   margin-top: 0px; 
   margin-bottom: 0px; 
   margin-left: 100px; 
   margin-right: 100px; 
   max-width: 100%;
   display: table;
   padding: 0;
   border: 0px solid red; 
}

.widget { 
   display: block;
   float: left;
   width: 40%;   
   margin-bottom: 10px;   
   padding: 10px 20px 10px 0px;
   border: 0px solid blue; 
}
.cols1 {   
   padding: 10px 20px 30px 0px; 
   border: 0px solid yellow; 
}

.textcols4 {
   display: block;
   float: right;
   width: 60%; 
   margin-top: -30px; 
   margin-bottom: 0px;
   background: none;
   padding: 0px 0px 0px 0px;
   line-height: 26px;
   font-size: 1.1em;   
   box-shadow: 0px 0px 0px rgba(0, 0, 0, .05);
   border: 0px solid green; 
}

/* ==== НАЧАЛО - MEDIA - Колонки с видео и текстом ==== */
@media (max-width: 2000px) { 
.textcols3 { 
   margin-top: -40px; 
}
}
@media (max-width: 1850px) { 
.textcols3 { 
   margin-top: 0px; 
}
}
@media (max-width: 1800px) { 

.cols1 { 
   width: 100%;
   float: none;
   padding: 0px 20px 0px 0px; 
}
.textcols4 { 
   width: 100%;
   float: none;
   padding: 0px 0px 0px 0px;  
}
}
@media (max-width: 1500px) {  
.container3 {
   margin-top: 0px; 
   margin-left: 70px; 
   margin-right: 70px; 
}
.cols1 { 
   padding: 0px 10px 0px 0px;   
}
}
@media (max-width: 1100px) {  
.container3 {
   margin-top: 0px; 
   margin-bottom: 0px; 
   margin-left: 50px; 
   margin-right: 50px; 
}
.cols1 { 
   padding: 0px 0px 0px 0px;   
}
}
@media (max-width: 768px) {  
.container3 {
   margin-top: 10px; 
   margin-bottom: 0px; 
   margin-left: 30px; 
   margin-right: 30px; 
}
.widget { 
   width: 100%;
   padding: 0px 0px 20px 0px; 
}
.cols1 { 
   width: 100%;
   padding: 0px 0px 0px 0px;   
}
}
@media (max-width: 550px) {  
.container3 {
   margin-bottom: 0px; 
   margin-left: 10px; 
   margin-right: 10px; 
}
}
@media (max-width: 480px) {   

#searchform {
   float: left;
   margin-left: 0;
} 
}
/* ==== КОНЕЦ - MEDIA ==== колонки с видео и текстом */
/* ==== КОНЕЦ - Колонки с видео и текстом на странице ИСТОРИЯ ==== */


/* ==== НАЧАЛО - Колонки со Схемой и текстом на странице ГЛАВНАЯ ==== */
.container4 {
   margin-top: 20px; 
   margin-bottom: 10px; 
   margin-left: 100px; 
   margin-right: 100px; 
   max-width: 100%;
   padding: 0;
   border: 0px solid red; 
}

.widget1 { 
   display: block;
   float: left;
   width: 40%;   
   margin-bottom: 10px;   
   padding: 10px 20px 10px 0px;
   border: 0px solid blue; 
}
.cols2 img {  
   width: 100%;
   padding: 10px 20px 30px 0px; 
}
.cols2 {
   display: inline-block; 
   position: relative; 
}
.cols2:hover:after {
   margin-left: -100px; 
   margin-right: -100px; 
   content: attr(data-title); 
   position: absolute; 
   top: -15%; left: 100; right: 100; bottom: px; 
   z-index: 1; 
   background: rgba(23,79,20,0.6); 
   color: #fff; 
   text-align: center; 
   font-family: Arial, sans-serif; 
   font-size: 16px; 
   padding: 7px 5px; 
   border: 1px solid #333; 
}

.textcols5 {
   display: block;
   float: right;
   width: 60%; 
   margin-top: -30px; 
   margin-bottom: 0px;
   background: none;
   padding: 0px 0px 0px 0px;
   line-height: 26px;
   font-size: 1.1em;   
   box-shadow: 0px 0px 0px rgba(0, 0, 0, .05);
   border: 0px solid green; 
}

/* ==== НАЧАЛО - MEDIA - Колонки со Схемой и текстом ==== */
@media (max-width: 1950px) { 
.cols2:hover:after {     
   font-size: 15px; 
}
}   
@media (max-width: 1900px) { 
.container4 {
   margin-top: 50px; 
}

.cols2 img { 
   width: 100%;
   float: none;
   padding: 0px 20px 0px 0px; 
}
.cols2:hover:after {  
   top: -27%; left: 100; right: 100; bottom: px; 
   font-size: 15px; 
   padding: 7px 5px; 
}
.textcols5 { 
   width: 100%;
   float: none;   
   padding: 0px 0px 0px 0px;  
}
}
@media (max-width: 1700px) { 
.cols2:hover:after {  
   top: -33%; left: 100; right: 100; bottom: px; 
}
}
@media (max-width: 1500px) {  
.container4 {
   margin-top: 30px; 
   margin-left: 70px; 
   margin-right: 70px; 
}
.cols2 img { 
   padding: 0px 10px 0px 0px;   
}
.cols2:hover:after {  
   top: -37%; left: 100; right: 100; bottom: px;    
}
}
@media (max-width: 1200px) {  
.widget1 { 
   width: 100%;
   padding: 0px 0px 20px 0px; 
}
.cols2:hover:after {  
   top: -12%; left: 100; right: 100; bottom: px; 
   font-size: 16px; 
}
}
@media (max-width: 1100px) {  
.container4 {
   margin-top: 60px; 
   margin-bottom: 0px; 
   margin-left: 50px; 
   margin-right: 50px; 
}
.cols2 img { 
   padding: 0px 0px 0px 0px;   
}
.cols2:hover:after {   
   top: -12%; left: 100; right: 100; bottom: px; 
   font-size: 16px; 
   padding: 7px 5px;   
}
}
@media (max-width: 950px) {
.cols2:hover:after {  
   top: -17%; left: 100; right: 100; bottom: px;   
   font-size: 15px;  
}
}   
@media (max-width: 768px) {  
.container4 {
   margin-top: 60px; 
   margin-bottom: 0px; 
   margin-left: 30px; 
   margin-right: 30px; 
}
.cols2 img {    
   padding: 0px 0px 0px 0px;   
}
.cols2:hover:after {   
   top: -21%; left: 100; right: 100; bottom: px;      
   padding: 5px 5px;   
}
}
@media (max-width: 700px) {
.cols2:hover:after {   
   top: -25%; left: 100; right: 100; bottom: px;    
}
}
@media (max-width: 650px) {
.cols2:hover:after {   
   top: -30%; left: 100; right: 100; bottom: px; 
}
}
@media (max-width: 550px) {  
.container4 {
   margin-top: 60px; 
   margin-bottom: 0px; 
   margin-left: 10px; 
   margin-right: 10px; 
}
.cols2:hover:after {   
   top: -32%; left: 100; right: 100; bottom: px;    
}
}
@media (max-width: 480px) {   

#searchform {
   float: left;
   margin-left: 0;
} 
.cols2:hover:after {   
   top: -35%; left: 100; right: 100; bottom: px;     
}
}
/* ==== КОНЕЦ - MEDIA ==== колонки со Схемой и текстом */
/* ==== КОНЕЦ - Колонки со Схемой и текстом на странице ГЛАВНАЯ ==== */	


/* ==== НАЧАЛО - Колонки с Презентацией на странице ГЛАВНАЯ ==== */
.container5 {
   margin-top: 70px; 
   margin-bottom: 20px; 
   margin-left: 100px; 
   margin-right: 100px; 
   max-width: 100%;
   display: table; 
   padding: 0;
   border: 0px solid red; 
}
.container6 {
   margin-top: 10px; 
   margin-bottom: 20px; 
   margin-left: 100px; 
   margin-right: 100px; 
   max-width: 100%;
   display: table; 
   padding: 0;
   border: 0px solid blue; 
}

.widget2 { 
   display: block;
   float: left;
   width: 49.5%;      
   margin-bottom: 0px;   
   padding: 0px 0px 0px 0px; 
   border: 0px solid blue; 
}
.cols3 img {  
   width: 100%;   
}

.widget3 {
   display: block;
   float: right;
   width: 49.5%;     
   margin-bottom: 0px;   
   padding: 0px 0px 0px 0px;   
   border: 0px solid green    
}
.cols4 img {  
   width: 100%;   
}
		                           
/* ==== НАЧАЛО - MEDIA - Колонки с Презентацией ==== */
@media (max-width: 1900px) {  
.container5 {
   margin-top: -30px; 
}
.container6, .container7 {
   margin-top: 0px;  
}
@media (max-width: 1500px) {  
.container5 { 
   margin-top: -30px;    
   margin-left: 70px; 
   margin-right: 70px; 
}
.container6, .container7 { 
   margin-top: -5px;   
   margin-left: 70px; 
   margin-right: 70px; 
}
}
@media (max-width: 1100px) {  
.container5 { 
   margin-top: -30px;   
   margin-left: 50px; 
   margin-right: 50px; 
}
.container6, .container7 { 
   margin-top: -20px; 
   margin-left: 50px; 
   margin-right: 50px; 
}
.widget2 { 
   width: 100%;
   margin-bottom: 20px;      
}
.widget3 { 
   width: 100%; 
   margin-bottom: 20px;      
}
}
@media (max-width: 768px) {  
.container5 { 
   margin-top: -30px;  
   margin-left: 30px; 
   margin-right: 30px; 
}
.container6, .container7 { 
   margin-top: -20px;  
   margin-left: 30px; 
   margin-right: 30px; 
}
}
@media (max-width: 550px) {  
.container5 { 
   margin-top: -30px;  
   margin-left: 10px; 
   margin-right: 10px; 
}
.container6, .container7 { 
   margin-top: -20px; 
   margin-left: 10px; 
   margin-right: 10px; 
}
}
@media (max-width: 480px) {   
/
#searchform {
   float: left;
   margin-left: 0;
} 
}
/* ==== КОНЕЦ - MEDIA ==== колонки с Презентацией */
/* ==== КОНЕЦ - Колонки с Презентацией на странице ГЛАВНАЯ ==== */