body,td,th {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; 
}
body { line-height: 1.7; background-color: #666; margin-top:0px; margin-bottom:0px;}
img{max-width:1000px;height:auto;}
.map{max-width:984px;height:auto;}
a:link {font-weight:normal; 
	color:#ffffff;font-size: 16px; 
	text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
a:visited {font-weight:normal; 
	color:#ffffff;font-size: 16px; 
	text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
a:active {font-weight:normal; 
	color:#ffffff;font-size: 16px; 
	text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
a:hover{font-weight:normal; 
	color:#ffffff;font-size: 16px; 
	text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.br { height:4px; width:20px;        
}
.br1 { height:2px; width:20px;          
}
.br1p{ height:1px; width:20px;          
}
.br2 { height:10px; width:20px;          
}
.br12{ height:12px; width:20px;             
}
.br16 { height:16px; width:20px;             
}
.br20 { height:20px; width:20px;             
}
.br24 { height:24px; width:20px;             
}
.br40 { height:45px; width:20px;             
}

.body {margin-top:-2px}
.body-slogan1 {font-weight: bold; margin:auto; margin-top:2px; margin-bottom:-4px;
	color:#09F;font-size: 38px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration: none; text-shadow: 2px 2px 3px rgba(0,0,0,0.4);}
.body-slogan2 {
	font-weight: bold;
	margin:auto;
	color:#900;
	font-size: 20px;
	text-decoration: none; text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}	
.body-slogan3 {font-weight:normal; margin-left:8px; margin-right:8px;  
	color:#000000;font-size: 18px; 
	text-decoration: none; text-shadow: 2px 2px 3px rgba(0,0,0,0.3);}		
.body-slogan4 {font-weight:normal;    
	color:#048FEC;font-size: 22px; 
	text-decoration: none; text-shadow: 1px 1px 3px rgba(0,0,0,0.3);}		
.body-slogan5 {font-weight: bold;margin-top:4px;  
	color:#999;font-size: 12px; 
	text-decoration: none; text-shadow: 1px 1px 3px rgba(0,0,0,0.3);}	
.body-text {font-weight:normal; margin-left:8px; margin-right:8px;  
	color:#1C1C1C;font-size: 18px; 
	text-decoration: none; text-shadow: 1px 1px 3px rgba(0,0,0,0.3);}		
.body-top{ width:100%; 
position: fixed; /* Абсолютное позиционирование */
    top: 0px; /* Положение от нижнего края */
    left: 0px; /* Положение от правого края */ 
	background-color:#C00;}
.callback-text { font-weight: bold;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#09F;font-size: 11px; text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	text-decoration: none;text-align: center; margin-top:3px
    
}
.callback {margin-left:10px; border-radius:2px;background-color:#FFF; width:180px; height:22px;
	
	border: thin solid #CFC;
    
}		
.copyright { margin-left:3px;margin-bottom:2px;}
.copyright-text a:link {
	color: #fff;
	font-size: 10px; 
	text-decoration:none; font-weight: normal;font-family:Verdana, Geneva, sans-serif;
}
.copyright-text a:visited {
	color: #fff;font-size: 10px; 
	text-decoration:none;font-weight:normal;font-family:Verdana, Geneva, sans-serif;
}
.copyright-text a:active {
	color:#fff;font-size: 10px; 
	text-decoration:none;font-weight:normal;font-family:Verdana, Geneva, sans-serif;
}
.copyright-text a:hover{
	color:#048FEC;font-size: 10px; 
	text-decoration:none;  font-weight:normal; font-family:Verdana, Geneva, sans-serif; 
}	
.foto-body1 {margin-bottom:4px; margin-right:10px; width:330px;}
.foto-body2 {margin-bottom:4px; margin-left:10px; width:330px;}
.img1 { background-image:url(images/img1.jpg); width:1000px; height:451px; padding-top:100px}
.img1-in { margin-left:22px;}
.img1-text {text-align:left;font-weight:normal; 
	color:#ffffff;font-size: 14px; 
	text-decoration: none;line-height: 2.0;}
.informer { margin-right:3px; margin-bottom:3px;}	
.lider-rinka {font-weight: 100; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#048FEC;font-size: 32px; 
	text-decoration: none;}	
#headerMain {}
 
#header {
	width:1000px;
	height: 46px;
	background-color:#09F;}
.main { background-color:#ffffff; width:1000px; margin:auto; margin-bottom:6px; margin-top:6px;  
 position:relative; border-style: solid; border-color:#FFF; border-width:thin;box-shadow:0 0 8px 1px #D7D7D7 }
.table-bottom {
	width:1000px;
	margin-top:10px;
	background-color:#202020;
}
.table-table-bottom {width:100%;max-width:1000px;height:auto;}
.table-slogan {font-weight: 100; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#048FEC;font-size: 50px; 
	text-decoration: none;; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.table-slogan-s {color:#900;font-size: 14px; 
	text-decoration: none;; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
.table-t { margin-left:12px; margin-right:12px;}
.title { margin-bottom:-3px; margin-left:2px;font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#FFC;font-size: 22px; letter-spacing:1px;	text-decoration: none; text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
}
.title a:link { margin-bottom:-3px; margin-left:2px;font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#FFC;font-size: 22px; letter-spacing:1px;	text-decoration: none;text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
}
.title a:visited { margin-bottom:-3px; margin-left:2px;font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#FFC;font-size: 22px; letter-spacing:1px;	text-decoration: none;text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
}
.title a:active { margin-bottom:-3px; margin-left:2px;font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#FFC;font-size: 22px; letter-spacing:1px;	text-decoration: none;text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
}
.title a:hover{ margin-bottom:-3px;margin-left:2px;font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#FFC;font-size: 22px; letter-spacing:1px;	text-decoration: none;text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
}
.title-small {font-weight: normal; font-family:Arial, Helvetica, sans-serif; margin-left:-2px;
	color:#FFC;font-size: 12px; 
	text-decoration: none;}
.tel { margin-left:6px; margin-bottom:0px;font-weight: normal; font-family:Arial, Helvetica, sans-serif; 
	color:#FFC;font-size: 14px; 
	text-decoration: none;}
.top-divani { width:1000px;}	
.tkani { width:1000px; height:400px; background-image:url(images/tkani.jpg);}	
.tkani-in  { width:400px; height:400px; margin-left:600px; opacity:0.8; background-color: #00061C}
.tkani-in-text-otstup-top { padding-top:90px}
.tkani-in-text { margin-right:22px; margin-left:22px;text-align:left;font-weight:normal; 
	color:#ffffff;font-size: 14px; 
	text-decoration: none;line-height: 2.0;}
.zayavka { width:900px; margin:auto;font-weight:100; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#ffffff;font-size: 24px; 
	text-decoration: none;  }
.zayavka-forma { width:138px; margin:auto; }	
.vk {font-weight:normal; 
	color:#048FEC;font-size: 16px; 
	text-decoration: none; /* Убираем подчеркивание */
    }
.vk a:link {font-weight:normal; 
	color:#048FEC;font-size: 16px; 
	text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 1px dashed #048FEC; /* Добавляем свою линию */
}
.vk a:visited {font-weight:normal; 
	color:#048FEC;font-size: 16px; 
	text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 1px dashed #048FEC; /* Добавляем свою линию */
}
.vk a:active {font-weight:normal; 
	color:#048FEC;font-size: 16px; 
	text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 1px dashed #048FEC; /* Добавляем свою линию */
}
.vk a:hover{font-weight:normal; 
	color:#048FEC;font-size: 16px; 
	text-decoration: none; /* Убираем подчеркивание */
    border-bottom: 1px dashed #048FEC; /* Добавляем свою линию */
}
.yashare-auto-init {height:28px; width:154px; margin:auto}	
/* форма отправки сообщения */	
	
	.error_message{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: #FF0000;
	}
.forma-obvod { margin-bottom:-42px;}	
.forma-fon { background-color:#E8F3FF}
	.thanks_message{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: ;
	}
	.table {
	border-collapse:collapse;
	border:1px solid #000000;
	width: 100%;
	}
	
	.table_header{
		border:1px solid #999;
		background-color:#CCC;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight:bold;
		color: #000000;
		text-align:center;
		padding:2px;
	}
	
	.attach_info{width: 99%;
		border:1px solid #999;
		background-color:#D8D8D8;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #000000;
		padding:4px;
	}	
	.table_body{
		border:1px solid #999;
		background-color:#CCC;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		color: #000000;
		padding:2px;
	}	
	.table_footer{
		border:1px solid #999;
		background-color:#CCC;
		text-align:center;
		padding:2px;
	}	

	input,select, textarea{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		color: #000000;
		background-color:#F8F8F1;
		border:1px solid #999;
	}
	textarea { width:98%}
	form{ 
		padding:0px;
		margin:0px;
	}
/* ОБРАТНЫЙ ЗВОНОК */			
/* Контейнер */
.modal {

/* Слой перекрытия */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 10000;

/* Трансформации прозрачности при открытии  */
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;

/* Скрываем изначально */
opacity: 0;
pointer-events: none;
}

/* Показываем модальное окно */
.modal:target {
opacity: 1;
pointer-events: auto;
}
#modal .text{
    position: relative;
}

.modal a[href="#close"]{
    
}

/* Содержание */
.modal > div {
width: 300px;
background: #ffffff;
position: relative;
margin: 10% auto;

/* По умолчанию минимизируем анимацию */
-webkit-animation: minimise 500ms linear;

/* Придаем хороший вид */
padding: 30px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
text-shadow: 0 1px 0 #fff;
}

/* Изменяем анимацию при открытии модального окна*/
.modal:target > div {
-webkit-animation-name: bounce;
}

.modal h2 {
font-size: 36px;
padding: 0 0 20px;
}

@-webkit-keyframes bounce {
  0% {
   -webkit-transform: scale3d(0.1,0.1,1);
   -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
   -webkit-transform: scale3d(1.08,1.08,1);
   -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
   -webkit-transform: scale3d(0.95,0.95,1);
   -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
   -webkit-transform: scale3d(1,1,1);
   -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-webkit-keyframes minimise {
  0% {
   -webkit-transform: scale3d(1,1,1);
  }
  100% {
   -webkit-transform: scale3d(0.1,0.1,1);
  }
}

/* Ссылка на кнопку Закрыть */
.modal a[href="#close"] {
	position: absolute;
	right: 0;
	top: -7.5px;
	color: transparent;
}

.callback-text{
    font-size: 10px;
}

/* Сбрасываем изменения */
.modal a[href="#close"]:focus {
outline: none;
}

/* Создаем кнопку Закрыть */
.modal a[href="#close"]:after {
content: 'X';
display: block;

/* Позиционируем */
position: absolute;
right: -10px;
top: -10px;
width: 20px;
padding: 1px 1px 1px 2px;

/* Стили */
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #000;
color: #ffffff;
border: 3px solid #ffffff;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.modal a[href="#close"]:focus:after,
.modal a[href="#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}

.modal a[href="#close"]:focus:after {
outline: 0px solid #000;
}

/* Открываем модальное окно */
a.openModal {

}

a.openModal:hover,
a.openModal:focus {
}

.modal .modal_title {
  display: block;
  text-align: center;
  font-size: 22pt;
}
  			
/* до и после эффект */	
img { 

        max-width: 100%; 

} 

.cImg-image-container { 

        position: relative; 

        width: 100%; 

        max-width: 1000px;

        margin: 0; z-index:500; 

} 

.cImg-image-container img { 

        display: block; 

} 

.cImg-image-label { 

        position: absolute; 

        bottom: 0; 

        right: 0; 

        color: #ffffff; 

        padding: 1em; 

        -webkit-font-smoothing: antialiased; 

        -moz-osx-font-smoothing: grayscale; 

        opacity: 0; 

        -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s; 

        -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s; 

        transition: transform 0.3s 0.7s, opacity 0.3s 0.7s; 

} 

.cImg-image-label.is-hidden { 

        visibility: visible; 

} 

.is-visible .cImg-image-label { 

        opacity: 1; 

        -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} 

               

.cImg-resize-img { 

        position: absolute; 

        top: 0; 

        left: 0; 

        width:0; 

        height: 100%; 

        overflow: hidden; 

        -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; 

        backface-visibility: hidden; 

} 

.cImg-resize-img img { 

        position: relative; 

        left: 0; 

        top: 0; 

        display: block; 

        height: 100%; 

        width: auto; 

        max-width: none; 

} 

.cImg-resize-img .cImg-image-label { 

        right: auto; 

        left: 0; 

} 

.is-visible .cImg-resize-img { 

        width: 50%; 

        -webkit-animation: cImg-bounce-in 0.8s; 

        -moz-animation: cImg-bounce-in 0.8s; 

        animation: cImg-bounce-in 0.8s; 

} 

@-webkit-keyframes cImg-bounce-in { 

        0% { 

        width: 0; 

        } 

        60% { 

        width: 55%; 

        } 

        100% { 

        width: 50%; 

        } 

} 

@-moz-keyframes cImg-bounce-in { 

        0% { 

        width: 0; 

        } 

        60% { 

        width: 55%; 

        } 

        100% { 

        width: 50%; 

        } 

} 

@keyframes cImg-bounce-in { 

        0% { 

        width: 0; 

        } 

        60% { 

        width: 55%; 

        } 

        100% { 

        width: 50%; 

        } 

} 

.cImg-handler { 

        position: absolute; 

        height: 44px; 

        width: 44px; 

        /* center the element */ 

        left: 50%; 

        top: 50%; 

        margin-left: -22px; 

        margin-top: -22px; 

        border-radius: 50%; 

        background: url("/icon/arrs.png") no-repeat center center; cursor: move; 

        box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3); opacity: 0; 

        -webkit-transform: translate3d(0, 0, 0) scale(0); -moz-transform: translate3d(0, 0, 0) scale(0); -ms-transform: translate3d(0, 0, 0) scale(0); -o-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0);} 

.cImg-handler.draggable { 

        background-color: rgba(68, 91, 124, 0.5); 

} 

.is-visible .cImg-handler { 

        opacity: 1; 

        -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); -o-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s; 

        -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s; 

        transition: transform 0.3s 0.7s, opacity 0s 0.7s; 

}

.call__button{
    position: fixed;
    bottom: 50px;
    right: 70px;
    display: table;
    font-size: 40px;
    width: 77px;
    height: 77px;
    background: #048FEC;
    border-radius: 50%;
    z-index: 999999999999;
    cursor: pointer;
    -webkit-transition: all 1s ease 0s;
     -moz-transition: all 1s ease 0s;
     -o-transition: all 1s ease 0s;
     transition: all 1s ease 0s;
}

.call__button:hover{
    -webkit-transition: scale(1.4);
     -moz-transition: scale(1.4);
     -o-transition: scale(1.4);
     
    transform: scale(1.4);
}

.call__image{
    width: 77px;
    height: 77px;
    text-align: center;
}

.call__image::before{
    line-height: 77px;
    position: relative;
}

.modal__call{
	position: fixed;
	z-index: 99999999999999999999999999999;
	top: 0;
	left: 0px;
	display: none;
}

.modal__window{
    
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    display: table;
    -webkit-transition: all 1s ease 0s;
     -moz-transition: all 1s ease 0s;
     -o-transition: all 1s ease 0s;
     transition: all 1s ease 0s;
}

.modal__block{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.modal__body{
    color: #000;
    background: #fff;
    max-width: 400px;
    position: relative;
    margin: 0 auto;
}

.modal__title{
    color: #fff;
    background: #048FEC;
    max-width: 400px;
    padding: 25px 10px;
    font-size: 25px;
    font-weight: 600;
}

.modal__description{ 
    padding: 15px 0;
    font-size: 18px;
}
.modal__description-text{ font-size:10px; 
   
}

.modal__form{
    padding: 15px 10px;
}

.modal__body label {
    display: block;
    text-align: left;
}

.modal__body input{
    text-align: left;
    width: calc(100% - 10px);
    padding: 10px 5px;
    margin-bottom: 15px;
}

.modal__body button{
    padding: 15px 45px;
    color: #fff;
    background: #048FEC;
    border: 0;
    font-size: 16px;
    
}

.modal__body button:hover{
    cursor: pointer;
    background: #28a6fa;
}

.close__modal{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    color: #fff;
    padding: 5px;
}

.close__modal:hover{
    background: #28a6fa;
    cursor: pointer;
}