@charset "UTF-8";

/*
Resolution

Desktop: 1560px(ok); 1536px(ok); 1440px(ok); 1366px(ok); 1280px(ok); 1024px(ok); 

Tablet: 1280px*(ok); 1024px*(ok); 834px(ok); 800px(ok); 768px(ok); 600px(ok);

Mobile: 1080px(ok); 720px(ok); 412px; 360px; 320px;
*/

/*=================================================================================================*/
/*=================================================================================================*/

@media (min-width: 1345px) and (max-width:6000px) {    

/*======================================================================================*/

/*
=====================
ВЫПАДАЮЩАЯ ПОДСКАЗКА
=====================
*/
.tip {
text-transform: capitalize;    
text-align: center;
font-size: 0.875em; /*14px*/
font-weight: 300;    
font-family: 'Arimo', sans-serif; 
z-index: 2;    
}
[data-tooltip] {
position: relative; /*Относительное позиционирование*/ 
display: inline-block;    
text-align: center;    
font-family: 'Arimo', sans-serif;    
border-radius: 2px;
}
[data-tooltip]::after {
content: attr(data-tooltip); /* Выводим текст */
position: absolute; 
width: auto; /* Ширина подсказки */
right: 0; top: 0.938em; /* Положение подсказки */
background: #6685f4; 
color: #fff; 
padding: 0.150em; /* Поля вокруг текста */
border-radius: 2px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); 
pointer-events: none; /* Подсказка */
opacity: 0; /* Подсказка невидима */
transition: 0.5s; /* Время появления подсказки */
} 
[data-tooltip]:hover::after {
opacity: 1; /* Показываем подсказку */
top: 2.5em; /* Положение подсказки */
}     
/*==================================CONTACTS===========================================*/ 
.Contact { /*обертка*/ 
width: 100%; /*1060px;*/ 
}  
.container_contactInfo { /*обертка*/    
width: 66.250em; /*1060px;*/   
margin-bottom: 0.625em;
}    
}
/*=====================================================================================*/ 

 @media (min-width: 1115px) and (max-width: 1345px) {  
.pages-menu {    
display: flex;      
margin-right: 0em; /*140px;*/
}   

/*
=====================
ВЫПАДАЮЩАЯ ПОДСКАЗКА
=====================
*/
.tip {
text-transform: capitalize;    
text-align: center;
font-size: 0.875em; /*14px*/
font-weight: 300;    
font-family: 'Arimo', sans-serif; 
z-index: 2;    
}
[data-tooltip] {
position: relative; /*Относительное позиционирование*/ 
display: inline-block;    
text-align: center;    
font-family: 'Arimo', sans-serif;    
border-radius: 2px;
}
[data-tooltip]::after {
content: attr(data-tooltip); /* Выводим текст */
position: absolute; 
width: auto; /* Ширина подсказки */
right: 0; top: 0.938em; /* Положение подсказки */
background: #6685f4; 
color: #fff; 
padding: 0.150em; /* Поля вокруг текста */
border-radius: 2px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); 
pointer-events: none; /* Подсказка */
opacity: 0; /* Подсказка невидима */
transition: 0.5s; /* Время появления подсказки */
} 
[data-tooltip]:hover::after {
opacity: 1; /* Показываем подсказку */
top: 2.5em; /* Положение подсказки */
}     
/*==================================CONTACTS===========================================*/ 
.Contact { /*обертка*/ 
width: 100%; /*1060px;*/ 
}  
.container_contactInfo { /*обертка*/    
width: 66.250em; /*1060px;*/   
}    
}
/*=================================================================================================*/

 @media (min-width: 1024px) and (max-width: 1115px) {
     
.icons-menu li:first-child { 
display: none;
} 
     
.container-top {
height: 4.688em;        
}
.pages-menu {    
display: none;   
}
.dropdown {   
display: inline-block;     
}
/*==================================CONTACTS===========================================*/ 
.Contact  { /*обертка*/
flex-direction: column; 
align-items: center;
width: 100%;     
}     
.ContactBox { /*кнопка О НАС*/
display: flex;
position: absolute;
top: 1.250em; /*20px*/      
}
.container_contactInfo { /*обертка инфо*/
align-items: center;
justify-content: center;
width: 99%;    
margin: 3.875em 0 0.625em 0em; /*62px 20px;*/     
}      
} 
/*=====================================================================================*/  

@media (min-width: 820px) and (max-width: 1024px) {
 
.container-top {
height: 4.688em;        
}   
.pages-menu {    
display: none;   
}
.dropdown {   
display: inline-block;     
}    
  
/*==================================CONTACTS===========================================*/ 
.Contact  { /*обертка*/
flex-direction: column; 
align-items: center;
width: 100%;     
}     
.container_contactInfo { /*обертка инфо*/
align-items: center;
justify-content: center;
width: 99%;    
margin: 3.875em 0 0.625em 0em; /*62px 20px;*/
} 
}
/*=====================================================================================*/ 

@media (min-width: 692px) and (max-width: 820px) {

.container-top {
height: 4.688em;        
}
.pages-menu {    
display: none;   
}
.dropdown {   
display: inline-block;     
}

/*==================================CONTACTS===========================================*/ 
.Contact  { /*обертка*/
flex-direction: column; 
align-items: center;
width: 100%;     
}     
.container_contactInfo { /*обертка инфо*/
align-items: center;
justify-content: center;
width: 99%;    
margin: 3.875em 0 0.625em 0em; /*62px 20px;*/
} 
} 
/*=====================================================================================*/ 

@media (min-width: 450px) and (max-width: 692px) {
    
.container-top {
height: 4.688em;        
}   
.pages-menu {    
display: none;   
}
.dropdown {   
display: inline-block;     
}
.slider {
display: none;   
}      
/*==================================CONTACTS===========================================*/ 
.Contact  { /*обертка*/
flex-direction: column; 
align-items: center;
width: 100%;     
}     
.container_contactInfo { /*обертка инфо*/
align-items: center;
justify-content: center;
width: 99%;    
margin: 3.875em 0 0.625em 0em; /*62px 20px;*/
} 
.container_Map {   
height: 40.000em;/*640px;*/      
}    
}
/*=================================================================================================*/
/*=================================================================================================*/

@media (min-width: 345px) and (max-width: 450px) {
.wrapper {  
margin-top: 0.625em; /*10px*/    
 }    
.pages-menu {    
display: none;   
}    

}

.show {
display: block;
}   
/*****************************/
/*Выпадающее меню*/
.show {
display: block;
}
/*Выпадающее меню конец*/  
    
/*==================================CONTACTS===========================================*/ 
.Contact  { /*обертка*/
flex-direction: column; 
align-items: center;
width: 100%;     
}     
.container_contactInfo { /*обертка инфо*/
align-items: center;
justify-content: center;
width: 99%;    
margin: 3.875em 0 0.625em 0em; /*62px 20px;*/
} 
.container_Map {   
height: 35.000em;/*560px;*/          
} 

/*=================================================================================================*/
/*=================================================================================================*/

@media (min-width: 300px) and (max-width: 345px) {
.wrapper {  
margin-top: 0.625em; /*10px*/    
 }    
.pages-menu {    
display: none;   
}
.show {
display: block;
}     

/*==================================CONTACTS===========================================*/ 
.Contact  { /*обертка*/
flex-direction: column; 
align-items: center;
width: 100%;     
}     
.container_contactInfo { /*обертка инфо*/
align-items: center;
justify-content: center;
width: 99%;    
margin: 3.875em 0 0.625em 0em; /*62px 20px;*/
} 
.container_Map {   
height: 30.000em;/*480px;*/          
}
}

/*================================== HEADER BEHAVIOR+venbutton-OFF (for mobile) ===========================================*/
@media (min-width: 300px) and (max-width: 1115px) {  
    
.icons {     
display: none;        
}  
.icons-menu{   
display: none;      
}    
/********************/ 
.PattnersBox { 
display: none;   
}
.venbutton {
display: none;     
}
    
/*********Общая настройка header 300px-1115px***********/     
.wrapper {  
margin-top: 0.625em; /*10px*/    
 }          
.container-top {
height: 3.750em; /*60px*/    
}    
.logo {
    top: -0.188em; 
    /*3px*/
    width: 11.250em;
    /*180px;*/
    height: 3.500em;
    /*56px*/ 
    margin-bottom: 0.188em;
    /*3px;*/
    margin-left: 0em;
  }

  .logo-image {
    width: 11.250em;
    /*180px;*/
    height: 3.500em;
    /*56px*/ 
    }

	@-moz-document url-prefix() {   
	.logo {       
    display: block;
    position: absolute;
    width: 11.250em;
    /*180px;*/
    height: 3.500em;
    /*56px;*/
    top: -0.188em;
    /*3px*/
    margin-left: -0.375em;
    /*-6px;*/
    margin-bottom: 0em;
    outline-style: none;
    overflow: hidden; /* Изображение не вылезает за границы контейнера*/  
	}
	.logo img {
    width: 11.250em;
    /*180px;*/
    height: 3.500em;
    /*56px*/   
	}    
	} 

  .pages-menu {
    display: none;
  }

  _:-webkit-any(x)::x-backdrop,.logo {       
    display: block;
    position: absolute;
    width: 11.250em;
    /*180px;*/
    height: 3.500em;
    /*56px;*/
    top: -0.188em;
    /*3px*/
    margin-left: -0.375em;
    /*-6px;*/
    margin-bottom: 0em;
    outline-style: none;
    overflow: hidden; /* Изображение не вылезает за границы контейнера*/  
	}
	.logo img {
    width: 11.250em;
    /*180px;*/
    height: 3.500em;
    /*56px*/   
	} 
    
/*****************************/
/*Выпадающее меню*/
.dropdown {   
margin-top: 2.000em; /*32px;*/
margin-right: 0.313em; /*5px;*/    
margin-bottom: 0em; /*0px;*/
display: inline-block;    
}
.dropdown-content {
min-width: 100%;
right: 0em;    
overflow: auto;
z-index: 1;
}
.show {
display: block;
}           
}
/*Выпадающее меню конец*/


@media (min-width: 1110px) and (max-width: 1300px) { 
/*
=================
КНОПОКА "Наверх"
=================
*/
#ToTopBtn {
margin-bottom: 0.500em; /*8px*/   
bottom: 0.625em; /*10px*/ 
right: 0.313em; /*5px*/
padding: 0.313em; /*5px*/   
} 
#ToTopBtn:hover {
background-color: none;    
}    
_:-ms-lang(x), _:-webkit-full-screen, #ToTopBtn {     
margin-bottom: 0.500em; /*8px*/   
bottom: 0.625em; /*10px*/ 
right: 0.313em; /*5px*/
padding: 0.313em; /*5px*/ 
}
_:-webkit-any(x)::x-backdrop, #ToTopBtn {     
margin-bottom: 0.500em; /*8px*/   
bottom: 0.625em; /*10px*/ 
right: 0.313em; /*5px*/
padding: 0.313em; /*5px*/  
}    
}

@media (min-width: 1111px) and (max-width: 1115px) { 
/*
=================
КНОПОКА "Наверх"
=================
*/
#ToTopBtn {
margin-bottom: 0.500em; /*8px*/   
bottom: 0.250em; /*4px*/ 
right: 0.313em; /*5px*/
padding: 0.313em; /*5px*/   
} 
#ToTopBtn:hover {
background-color: none;    
}    
_:-ms-lang(x), _:-webkit-full-screen, #ToTopBtn {     
margin-bottom: 0.500em; /*8px*/   
bottom: 0.250em; /*4px*/ 
right: 0.313em; /*5px*/
padding: 0.313em; /*5px*/ 
}
_:-webkit-any(x)::x-backdrop, #ToTopBtn {     
margin-bottom: 0.500em; /*8px*/   
bottom: 0.250em; /*4px*/ 
right: 0.313em; /*5px*/
padding: 0.313em; /*5px*/  
}
}

@media (min-width: 300px) and (max-width: 1110px) { 
/*
=================
КНОПОКА "Наверх"
=================
*/
#ToTopBtn {
margin-bottom: 0.188em; /*3px*/   
bottom: 0.625em; /*10px*/ 
right: 0.313em; /*5px*/
padding: 0.313em; /*5px*/
} 
_:-ms-lang(x), _:-webkit-full-screen, #ToTopBtn {     
margin-bottom: 0.188em; /*3px*/   
bottom: 0.625em; /*10px*/ 
right: 0.313em; /*5px*/
padding: 0.313em; /*5px*/ 
}    
    
_:-webkit-any(x)::x-backdrop, #ToTopBtn {     
margin-bottom: 0.188em; /*3px*/   
bottom: 0.625em; /*10px*/ 
right: 0.313em; /*5px*/
padding: 0.313em; /*5px*/ 
}    
    
#ToTopBtn:hover {
background-color: none;    
}    
}

/**************************/
/*REQUEST NTNK*/
/**************************/
@media (min-width: 400px) and (max-width: 1115px) { 
    .request {   
    font-size: 0.98rem; /*16px*/     
    top: 0em;/*0px;*/    
    left: 12.500em;/*200px;*/    
    }
    
    _:-ms-lang(x), _:-webkit-full-screen,.request {
    font-size: 0.98rem; /*16px*/      
    top: 0em;/*0px;*/    
    left: 12.500em;/*200px;*/     
    }
    
    @-moz-document url-prefix() {.request {
    font-size: 0.98rem; /*16px*/      
    top: 0em;/*0px;*/    
    left: 12.500em;/*200px;*/  
        }
    }
    
    /*****SAFARI*****/
    _:-webkit-any(x)::x-backdrop,.request {   
    font-size: 0.98rem; /*16px*/      
    top: 0em;/*0px;*/    
    left: 12.500em;/*200px;*/     
    }
    /*****SAFARI*****/
    }
    
    @media (min-width: 300px) and (max-width: 400px) { 
    .request { 
    position: absolute;    
    font-size: 0.75rem; /*16px*/    
    top: 0em;/*0px;*/    
    left: 15.625em;/*350px;*/    
    }
    
    _:-ms-lang(x), _:-webkit-full-screen,.request {
    position: absolute;    
    font-size: 0.75rem; /*16px*/    
    top: 0em;/*0px;*/    
    left: 15.625em;/*350px;*/    
    }
    
    @-moz-document url-prefix() {.request {
    position: absolute;    
    font-size: 0.75rem; /*16px*/    
    top: 0em;/*0px;*/    
    left: 15.625em;/*350px;*/  
        }
    }
    
    /*****SAFARI*****/
    _:-webkit-any(x)::x-backdrop,.request {    
    position: absolute;    
    font-size: 0.75rem; /*16px*/    
    top: 0em;/*0px;*/    
    left: 15.625em;/*350px;*/     
    }
    /*****SAFARI*****/
    }
    
    /**************************/
    /*REQUEST NTNK*/
    /**************************/ 

/*******************************************************/  
/*Фиксация меню*/

@media (min-width: 300px) and (max-width: 1115px) {     
.container-top {   
position: fixed;      
height: 4.063em; /*70px*/ 
top: 0;
background-color: #ffff;    
z-index: 10;    
}

.logo {        
top: 0.250em; /*4px*/   
}
  
@-moz-document url-prefix() {   
.logo {       
top: 0.250em; /*4px*/ 
}    
.container-top {    
top: 0;
background-color: #ffff;    
z-index: 10;    
}    
}     
    
_:-webkit-any(x)::x-backdrop,.logo {       
top: 0.250em; /*4px*/ 
}    
    
_:-webkit-any(x)::x-backdrop,.container-top {   
background-color: #ffff;     
}
    
_:-ms-lang(x), _:-webkit-full-screen,.container-top {
position: fixed;      
height: 4.063em; /*70px*/ 
top: 0;
background-color: #ffff; 
background: #ffff;   
z-index: 10;    
}     
    
.dropdown  {
margin-top: 2.250em;/*36px*/    
}
    
.request {
top: 0.313em; /*5px*/        
}
}   

@media (min-width:300px) and (max-width: 1115px) {
.Contact {    
margin-top: 3.500em; /*56px;*/
}    
}
/*******************************************************/ 

/*Отключение ссылки телефонов*/
@media (min-width: 1115px) and (max-width:6000px) {
.call {
pointer-events: none;     
}
}
/*******************************************************/ 

/*Отключение подвижности карты*/
@media (min-width: 350px) and (max-width:1115px) {
    .container_Map {
    touch-action: none;    
    }
    }
    /*******************************************************/

/*РАСПОЛОЖЕНИЕ БЛОКОВ В СТОЛБИК FOOTER*/

@media (min-width: 350px) and (max-width:550px) {
    .containerA {
    flex-direction: column;    
    }
    }

 /*******************************************************/