﻿body,td,th {
	color: #fff;
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
 html {
	overflow-y: scroll;
}
body { line-height: 1.3; background-color:#ccc; margin-top:0px; margin-bottom:0px;}
img{max-width:1000px;height:auto;}
a:link {font-weight:normal; 
	color:#FFF;font-size: 16px; 
	text-decoration: none;
}
a:visited {font-weight:normal; 
	color:#FFF;font-size: 16px; 
	text-decoration: none;
}
a:active {font-weight:normal; 
	color:#FFF;font-size: 16px; 
	text-decoration: none;
}
a:hover{font-weight:normal; 
	color:#9f8459;font-size: 16px; 
	text-decoration: none;
}
.br { height:4px; width:20px;        
}
.br1 { height:2px; width:20px;          
}
.br7 { height:7px; width:20px;          
}
.br8 { height:8px; width:20px;          
}
.br1p{ height:1px; width:20px;          
}
.br2 { height:10px; width:20px;          
}
.br12{ height:12px; width:20px;             
}
.br14 { height:14px; width:20px;             
}
.br16 { height:16px; width:20px;             
}
.br20 { height:20px; width:20px;             
}
.br24 { height:24px; width:20px;             
}
.br30 { height:30px; width:20px;             
}
.br40 { height:45px; width:20px;             
}
.br380 { height:5px; width:20px;             
}
.h1 { margin-top:12px; margin-bottom:12px;color:#F00; font-family: Arial, Helvetica, sans-serif;
	font-size: 26px; text-decoration: none;font-style: normal;
	  }
.h2 { color:#00F; font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; text-decoration: none;font-style: normal;font-weight:  bold;
	  }	  
.h1-news { font-size:16px; color:#0063de; width:auto;font-family: Arial, Helvetica, sans-serif;
margin-top:0px; margin-bottom:0px;
text-decoration: none; /* Убираем подчеркивание */	
} 	  
.body-slogan1 { 
	font-weight:  bold;text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	color:#c93;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none; /* Убираем подчеркивание */    
}
.body-slogan2 { line-height: 1.4;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:normal; margin-left:6px; margin-right:6px; 
	color:#fff;font-size: 16px; 
	text-decoration: none;}	
.td-urist {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:normal;   
	color:#000;font-size: 16px; 
	text-decoration: none;}		
.body-slogan3 {font-weight:normal;  margin:auto; 
	color:#9f8459;font-size: 24px; 
	text-decoration: none;}	
			
.body-top{ width:100%; 
position: fixed; /* Абсолютное позиционирование */
    top: 0px; /* Положение от нижнего края */
    left: 0px; /* Положение от правого края */ 
	background-color:#C00;}
.callback-text { font-weight: bold;font-family: Arial, Helvetica, sans-serif; 
	color:#c93;font-size: 16px; text-shadow: 1px 1px 3px black;
	text-decoration: none; margin-top:0px; letter-spacing:1px    
}
.callback-text a:link {font-weight: bold;font-family: Arial, Helvetica, sans-serif; 
color:#fff;font-size: 16px; text-shadow: 1px 1px 3px black;
	text-decoration: none; margin-top:0px; letter-spacing:1px
}
.callback-text a:visited {font-weight: bold;font-family:Arial, Helvetica, sans-serif; 
color:#fff;font-size: 16px; text-shadow: 1px 1px 3px black;
	text-decoration: none; margin-top:0px; letter-spacing:1px
}
.callback-text a:active {font-weight: bold;font-family: Arial, Helvetica, sans-serif; 
	color:#fff;font-size: 16px; text-shadow: 1px 1px 3px black;
	text-decoration: none; margin-top:0px; letter-spacing:1px
}
.callback-text a:hover{font-weight: bold;font-family: Arial, Helvetica, sans-serif; 
	color:#fff;font-size: 16px; text-shadow: 1px 1px 3px black;
	text-decoration: none; margin-top:0px; letter-spacing:1px
}
.callback-tel{color:#c93;}
.callback { }		
.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-news { margin-bottom:4px; margin-right:12px;max-width:265px;box-shadow: 5px 5px 8px #999;
	-webkit-box-shadow: 5px 5px 8px #999; /* Safari, Chrome */
	-moz-box-shadow: 5px 5px 8px #999; /* Firefox */}
.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:#000000;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;}	
.up-menu { top:78px;
position:  fixed;
    width: 1000px;
    z-index:9999; /* Чтобы приклеенный элемент располагался над всеми остальными элементами страницы */
}
#headerMain {
  width:1000px;
  margin:0px auto;
  z-index:0;
}
 
#header {
	background-color: #F5F5F5; /* Для старых браузров */
	background: -moz-linear-gradient(top, #F5F5F5, #333); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#F5F5F5), color-stop(100%,#333));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #F5F5F5, #333);
    background: -o-linear-gradient(top, #F5F5F5, #333); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F5F5F5, #333); /* IE10 */
    background: linear-gradient(top, #F5F5F5, #333); /* CSS3 */
		width:1000px;
	height: 78px;
	opacity:1;
	position: fixed;
	z-index: 9999;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#ccc;
	margin-bottom:-4px;
	
}
.main { background-color:#5F5142; width:1000px; margin:auto; margin-bottom:3px; margin-top:-1px;  
 position:relative; border-style: solid; border-color:#FFF; border-width:thin;box-shadow:0 0 8px 1px #D7D7D7 }	
 .menu-toptext {  
	color: #fff; 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px; font-weight: normal; 
}
.menu-toptext a:link {color: #fff;line-height:30px;  
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;text-decoration: none;font-weight:normal; 
}
.menu-toptext a:visited {color: #fff; line-height:30px;  
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px; text-decoration: none;font-weight:normal;
}
.menu-toptext a:active {color: #000; line-height:30px;  
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px; text-decoration: none;font-weight:normal; 
}
.menu-toptext a:hover{color: #000; line-height:30px;  
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;text-decoration:   none;font-weight:normal; 
} 

.news-a {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:normal; 
	color:#9f8459;font-size: 18px; 
	text-decoration: none;}	
.news-a a:link {color: #EC0000; font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; text-decoration: none;
}
.news-a a:visited {color: #EC0000; font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; text-decoration: none;
}
.news-a a:active {color: #EC0000; font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; text-decoration: none;
}
.news-a a:hover{color: #0052A4; font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; text-decoration: none;
}  
.nofoto { min-height:210px;}
.obvod-news { width:198px; margin-left:2px; margin-bottom:-5px; margin-top:2px; padding-top:2px; padding-bottom:2px; padding-left:5px; border-radius:5px;
background: #036; /* Для старых браузров */
    background: -moz-linear-gradient(top, #074EA3, #036); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, top, bottom, 
                color-stop(0%,#074EA3), color-stop(100%,#036));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #074EA3, #036);
   background: -o-linear-gradient(top, #074EA3, #036 ); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #074EA3, #036); /* IE10 */
    background: linear-gradient(top, #074EA3, #036); /* CSS3 */ 
}
.obvod-text {
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
	.obvod-text a:link{color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
    	 }
	.obvod-text a:visited{color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	
	text-decoration: none; }
	.obvod-text a:active{color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none; }
	.obvod-text a:hover{color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none; }
 .st-top  { margin:auto; height:37px; border-radius:4px; 
 background-color: #ccc; /* Для старых браузров */
    background: -moz-linear-gradient(top, #ccc, #000); /* Firefox 3.6+ */
    /* Chrome 1-9, Safari 4-5 */
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#ccc), color-stop(100%,#000));
    /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #ccc, #000);
    background: -o-linear-gradient(top, #ccc, #000); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ccc, #000); /* IE10 */
    background: linear-gradient(top, #ccc, #000); /* CSS3 */}
.st-top1  { height:37px;margin:auto;  border-radius:4px; background-color:#c93
 } 
.table-bottom { width:1000px; margin-top:-2px; background-color:#000;}
.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: 54px; 
	text-decoration: none;}
.table-slogan-s {color:#000000;font-size: 14px; 
	text-decoration: none;}
.table-t { margin-left:12px; margin-right:12px;}
.title {
	font-weight: bold; font-family: Arial, Helvetica, sans-serif; 
	color:#fff;font-size: 30px; 
	text-decoration: none;letter-spacing:2px;text-shadow: 1px 1px 2px black; margin-top:6px;
}
.title a:link { font-weight: bold; font-family: Arial, Helvetica, sans-serif; 
	color:#fff;font-size: 30px; 
	text-decoration: none;letter-spacing:2px;text-shadow: 1px 1px 2px black; margin-top:6px;
}
.title a:visited {font-weight: bold; font-family: Arial, Helvetica, sans-serif; 
	color:#fff;font-size: 30px; 
	text-decoration: none;letter-spacing:2px;text-shadow: 1px 1px 2px black; margin-top:6px;
}
.title a:active { font-weight: bold; font-family: Arial, Helvetica, sans-serif; 
	color:#fff;font-size: 30px; 
	text-decoration: none;letter-spacing:2px;text-shadow: 1px 1px 2px black; margin-top:6px;
}
.title a:hover{ font-weight: bold; font-family: Arial, Helvetica, sans-serif; 
	color:#fff;font-size: 30px; 
	text-decoration: none;letter-spacing:2px;text-shadow: 1px 1px 2px black; margin-top:6px;
}
.title-small {margin-left:8px;margin-bottom:-1px;
	color:#fff;
	text-decoration: none; font-size:16px;
	font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
}
.tel {
	margin-left:0px; margin-bottom:-4px;
	color:#000000;
	text-decoration: none;
	font-size: 24px;font-weight: bold; font-family:Tahoma, Geneva, sans-serif; 
}
.tel-icon {margin-left:0px; margin-bottom:-2px;}
.top-divani { margin-top:40px; width:1000px; }	
.top-divani-1 { width:1000px; margin-bottom:0px  }
.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:#000000;font-size: 14px; 
	text-decoration: none;line-height: 2.0;}
 .vk{color:#FFC; font-size:20px; font-weight:bold;
	text-decoration: none; /* Убираем подчеркивание */
   }   
  .vk a:link { color:#FFC;font-size:20px; font-weight:bold;
	text-decoration: none; /* Убираем подчеркивание */
    }
.vk a:visited {color:#FFC;font-size:20px; font-weight:bold;
	text-decoration: none; /* Убираем подчеркивание */
   }
.vk a:active {color:#FFC;font-size:20px; font-weight:bold;
	text-decoration: none; /* Убираем подчеркивание */
    }
.vk a:hover{color:#FFC;font-size:20px; font-weight:bold;
	text-decoration: none; /* Убираем подчеркивание */
   }	
 .vkontakte { border:#ccc; border-style: solid ; border-width:thin; background-color:#c93}  
.vkontakte-text	{color:#fff; font-size:20px; font-weight:bold;
	text-decoration: none; /* Убираем подчеркивание */
   }   
  .vkontakte-text a:link { color:#fff;font-size:20px; font-weight:bold;
	text-decoration: none; /* Убираем подчеркивание */
    }
.vkontakte-text a:visited {color:#fff;font-size:20px; font-weight:bold;
	text-decoration: none; /* Убираем подчеркивание */
   }
.vkontakte-text	a:active {color:#fff;font-size:20px; font-weight:bold;
	text-decoration: none; /* Убираем подчеркивание */
    }
.vkontakte-text	a:hover{color:#ffc;font-size:20px; font-weight:bold;
	text-decoration: none; /* Убираем подчеркивание */
   }	

.zayavka {
	width:900px;
	margin:auto;
	font-weight:100;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9f8459;
	font-size: 18px;
	text-decoration: none;
}
.zayavka-forma { width:138px; margin:auto; }
.zayavka-pole { background-color: #EEE}
.up-line { height:11px; color:#fff}
.yashare-auto-init {height:28px; width:154px; margin:auto}	
	

/* ОБРАТНЫЙ ЗВОНОК */			
/* Контейнер */
.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: #ccc;
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: 25px;
	top: -7.5px;
	color: #000;
}

.callback-text{
	font-size: 16px;
	color:#FFF;
}

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

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

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

/* Стили */
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #000;
color: #ccc;
border: 3px solid #000000;
-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: 0;
    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__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;
}

@media screen and (min-width: 1000px){
	.topWindow {
    position: fixed;
    top: 92px;
    width: 1000px;
    z-index:9999; /* Чтобы приклеенный элемент располагался над всеми остальными элементами страницы */
    }
}
