﻿@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; /* Положение подсказки */
}     
}
/*=================================================================================================*/
/*=================================================================================================*/

 @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; /* Положение подсказки */
}    
}
/*=================================================================================================*/
/*=================================================================================================*/

 @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;     
}
/*================================== NEWS ===========================================*/ 
         
.NEWS  { 
width: 100%; /*060px;*/   
} 
.listMore {
width: 99%; /*688.66px;*/   
}  
.listMore > li {
display: inline-flex;   
justify-content:flex-end;
align-items:center;    
flex-direction:row-reverse; /*column*/    
margin: 0.313em 0  0.625em 0; /*5px;10px;*/       
}     
.listMore li { /*контейнер с тексом*/ 
width: 100%; /*688.66px;*/     
}
.listMore li:first-child {
width: 100%; /*688.66px;*/ 
margin: 3.875em 0  0.625em 0; /*62px;10px;*/ 
}    
.listMore li:last-child {
width: 100%; /*688.66px;*/   
}  
.listMore p { /*контейнер с тексом*/
font-family: 'Arimo', sans-serif;    
align-items: flex-end;    
text-align:left;
}  
.imgnews {
display: flex; 
flex-shrink: 0;    
margin-left: 0.375em;    
position: relative;       
align-content: center;
align-items: flex-start;
float: right; 
}      
.imgnews img {    
flex-basis: 8.750em;   
position: relative;         
}
     
.NewsBox { /*кнопка*/ 
display: flex;
position: absolute;
top: 1.250em; /*20px*/            
}
}
/*=====================================================================================*/      

/*=================================================================================================*/
/*=================================================================================================*/

@media (min-width: 820px) and (max-width: 1024px) {
       
.container-top {
height: 4.688em;        
}
.pages-menu {    
display: none;   
}
.dropdown {   
display: inline-block;     
}      
/*================================== NEWS ===========================================*/ 
    
.NEWS  { 
width: 100%; /*060px;*/   
} 
.listMore {
width: 99%; /*688.66px;*/   
}  
.listMore > li {
display: inline-flex;   
justify-content:flex-end;
align-items:center;    
flex-direction:row-reverse; /*column*/    
margin: 0.313em 0  0.625em 0; /*5px;10px;*/        
}     
.listMore li { /*контейнер с тексом*/ 
width: 100%; /*688.66px;*/     
}
.listMore li:first-child {
width: 100%; /*688.66px;*/ 
margin: 3.875em 0  0.625em 0; /*62px;10px;*/  
}    
.listMore li:last-child {
width: 100%; /*688.66px;*/   
}  
.listMore p { /*контейнер с тексом*/
font-family: 'Arimo', sans-serif;    
align-items: flex-end;    
text-align:left;
}  
.imgnews {
display: flex; 
flex-shrink: 0;    
margin-left: 0.375em;    
position: relative;       
align-content: center;
align-items: flex-start;
float: right; 
}      
.imgnews img {    
flex-basis: 8.750em;   
position: relative;         
}
    
.NewsBox { /*кнопка*/ 
display: flex;
position: absolute;
top: 1.250em; /*20px*/            
}
}
/*=====================================================================================*/
    
/*=================================================================================================*/
/*=================================================================================================*/

@media (min-width: 692px) and (max-width: 820px) {

.container-top {
height: 4.688em;        
}  
.pages-menu {    
display: none;   
}
.dropdown {   
display: inline-block;     
}
/*================================== NEWS ===========================================*/        
     
.NEWS  { 
width: 100%; /*1060px;*/   
} 
.listMore {
width: 99%; /*688.66px;*/   
}  
.listMore > li {
display: inline-flex;   
justify-content:flex-end;
align-items:center;    
flex-direction:row-reverse; /*column*/    
margin: 0.313em 0  0.625em 0; /*5px;10px;*/        
}     
.listMore li { /*контейнер с тексом*/ 
width: 100%; /*688.66px;*/     
}
.listMore li:first-child {
width: 100%; /*688.66px;*/ 
margin: 3.875em 0  0.625em 0; /*62px;10px;*/ 
}    
.listMore li:last-child {
width: 100%; /*688.66px;*/   
}  
.listMore p { /*контейнер с тексом*/
font-family: 'Arimo', sans-serif;    
align-items: flex-end;    
text-align:left;
}  
.imgnews {
display: flex; 
flex-shrink: 0;    
margin-left: 0.375em;    
position: relative;       
align-content: center;
align-items: flex-start;
float: right; 
}      
.imgnews img {    
flex-basis: 8.750em;   
position: relative;         
}
         
.NewsBox { /*кнопка*/ 
display: flex;
position: absolute;
top: 1.250em; /*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;   
}      
/*================================== NEWS ===========================================*/         
    
.NEWS  { 
width: 100%; /*1060px;*/   
} 
.listMore {
width: 99%; /*688.66px;*/   
}  
.listMore > li {
display: inline-flex;   
justify-content:flex-end;
align-items:center;    
flex-direction:row-reverse; /*column*/    
margin: 0.313em 0  0.625em 0; /*5px;10px;*/        
}     
.listMore li { /*контейнер с тексом*/ 
width: 100%; /*688.66px;*/     
}
.listMore li:first-child {
width: 100%; /*688.66px;*/ 
margin: 3.875em 0  0.625em 0; /*62px;10px;*/ 
}    
.listMore li:last-child {
width: 100%; /*688.66px;*/   
}  
.listMore p { /*контейнер с тексом*/
font-family: 'Arimo', sans-serif;    
align-items: flex-end;    
text-align:left;
}  
.imgnews {
display: flex; 
flex-shrink: 0;    
margin-left: 0.375em;    
position: relative;       
align-content: center;
align-items: flex-start;
float: right; 
}      
.imgnews img {    
flex-basis: 8.750em;   
position: relative;         
}
.NewsBox { /*кнопка*/ 
display: flex;
position: absolute;
top: 1.250em; /*20px*/            
}  
}
/*=================================================================================================*/
/*=================================================================================================*/

@media (min-width: 345px) and (max-width: 450px) {
.wrapper {  
/*margin-bottom: 0.625em;*/
margin-top: 0.625em; /*10px*/    
 }    
.pages-menu {    
display: none;   
}    
/*****************************/
/*Выпадающее меню*/
.show {
display: block;
}
/*Выпадающее меню конец*/  
    
/*================================== NEWS ===========================================*/ 
    
.NEWS  { 
width: 100%; /*1060px;*/   
} 
.listMore {
width: 99%; /*688.66px;*/   
}  
.listMore > li {
display: inline-flex;   
justify-content:flex-end;
align-items:center;    
flex-direction:row-reverse; /*column*/    
margin: 0.313em 0  0.625em 0; /*5px;10px;*/       
}     
.listMore li { /*контейнер с тексом*/ 
width: 100%; /*688.66px;*/     
}
.listMore li:first-child {
width: 100%; /*688.66px;*/ 
margin: 3.875em 0  0.625em 0; /*62px;10px;*/  
}    
.listMore li:last-child {
width: 100%; /*688.66px;*/   
}  
.listMore p { /*контейнер с тексом*/
font-family: 'Arimo', sans-serif;    
align-items: flex-end;    
text-align:left;
}  
.imgnews {
display: flex; 
flex-shrink: 0;    
margin-left: 0.375em;    
position: relative;       
align-content: center;
align-items: flex-start;
float: right; 
}      
.imgnews img {    
flex-basis: 8.750em;   
position: relative;         
}
   
.NewsBox { /*кнопка*/ 
display: flex;
position: absolute;
top: 1.250em; /*20px*/            
}
}

/*=================================================================================================*/
/*=================================================================================================*/

@media (min-width: 300px) and (max-width: 345px) {
.wrapper {  
margin-bottom: 0.625em; /*10px*/
margin-top: 0.625em; /*10px*/    
 }    
.pages-menu {    
display: none;   
}
       
/*****************************/
/*Выпадающее меню*/
.show {
display: block;
}
/*Выпадающее меню конец*/      

/*================================== NEWS ===========================================*/ 

.NEWS  { 
width: 100%; /*1060px;*/   
} 
.listMore {
width: 99%; /*688.66px;*/   
}  
.listMore > li {
margin: 0.313em 0  0.625em 0; /*5px;10px;*/       
}     
.listMore li { /*контейнер с тексом*/ 
width: 100%; /*688.66px;*/     
}
.listMore li:first-child {
width: 100%; /*688.66px;*/ 
margin: 3.875em 0  0.625em 0; /*62px;10px;*/  
}    
.listMore li:last-child {
width: 100%; /*688.66px;*/ 
}       
.listMore > li {
display: flex;   
justify-content:flex-start;
align-items:flex-start;    
flex-direction: column-reverse; /*column*/          
}    
    
.imgnews {
margin-left: 0.625em;
}      
    
.NewsBox { /*кнопка*/ 
display: flex;
position: absolute;
top: 1.250em; /*20px*/            
}
}

/*================================== 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-bottom: 0.625em; /*10px*/
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: -0.250em; /*поправка на -4px;*/
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 {     
bottom: 0.625em; /*10px*/
left: 0.625em; /*10px*/    
width: 4.375em; /*70px*/ 
}    
    
_:-webkit-any(x)::x-backdrop, #ToTopBtn {     
bottom: 0.625em; /*10px*/ 
left: 0.625em; /*10px*/    
width: 4.375em; /*70px*/ 
}    
    
#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;    
}     
    
.request {
top: 0.313em; /*5px*/        
}
}   

@media (min-width:300px) and (max-width: 1115px) {
.NEWS {    
margin-top: 3.500em; /*56px;*/
}    
}
/*******************************************************/ 

/*Отключение ссылки телефонов*/
@media (min-width: 1115px) and (max-width:6000px) {
.call {
pointer-events: none;     
}
}
/*******************************************************/ 

/*РАСПОЛОЖЕНИЕ БЛОКОВ В СТОЛБИК FOOTER*/

@media (min-width: 350px) and (max-width:550px) {
    .containerA {
    flex-direction: column;    
    }
    }

 /*******************************************************/