﻿@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;     
}
/*================================== PARTNERS ===========================================*/ 
.Catalog  { 
width: 100%; /*1060px;*/   
}
.CatalogBlock { /*контейнер с тексом*/ 
width: 99%; /*688.66px;*/ 
margin: 0.625em 0 0.625em 0; /*10px;10px;*/     
}
.CatalogBlock_first {
width: 99%; /*688.66px;*/ 
margin: 3.875em 0 0.625em 0; /*62px;10px;*/  
} 
.CatalogBlock_FF {
 width: 99%; /*688.66px;*/ 
margin: 0.625em 0 0.625em 0; /*10px;10px;*/     
}       
.CatalogBlock_last {
width: 99%; /*688.66px;*/ 
margin: 0.625em 0  1.250em 0; /*10px 20px;*/ 
}     
.CatalogBox { /*кнопка*/ 
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;     
}    
     
/*================================== PARTNERS ===========================================*/ 
.Partners  { 
width: 100%; /*1060px;*/   
}
.CatalogBlock { /*контейнер с тексом*/ 
width: 99%; /*688.66px;*/ 
margin: 0.625em 0 0.625em 0; /*10px;10px;*/     
}
.CatalogBlock_first {
width: 99%; /*688.66px;*/ 
margin: 3.875em 0 0.625em 0; /*62px;10px;*/  
}
.CatalogBlock_FF {
width: 99%; /*688.66px;*/ 
margin: 0.625em 0 0.625em 0; /*10px;10px;*/     
} 
.CatalogBlock_last {
width: 99%; /*688.66px;*/ 
margin: 0.625em 0  1.250em 0; /*10px 20px;*/ 
}     
.CatalogBox { /*кнопка*/ 
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;     
}
    
/*================================== PARTNERS ===========================================*/ 
.Catalog  { 
width: 100%; /*1060px;*/   
}
.CatalogBlock { /*контейнер с тексом*/ 
width: 99%; /*688.66px;*/ 
margin: 0.625em 0 0.625em 0; /*10px;10px;*/     
}
.CatalogBlock_first {
width: 99%; /*688.66px;*/ 
margin: 3.875em 0 0.625em 0; /*62px;10px;*/  
}
.CatalogBlock_FF {
display: none;      
}
.CatalogBlock_FF_miners {
display: flex;
width: 99%; /*688.66px;*/ 
margin: 0.625em 0  0.625em 0; /*10px 10px;*/    
}      
.CatalogBlock_last {
display: none; 
}
.CatalogBlock_last_miners {
display: flex;
width: 99%; /*688.66px;*/ 
margin: 0.625em 0  1.250em 0; /*10px 20px;*/    
}     
.CatalogBox { /*кнопка*/ 
display: flex;
position: absolute;
top: 1.250em; /*20px*/            
}
.CatalogLogo_minres {
display: flex;
padding: 0.313em;         
margin-top: 0.313em;
margin-left: 0.625em;        
}    
.CatalogLogo {
display: none;
}
}
/*=====================================================================================*/
    
/*=================================================================================================*/
/*=================================================================================================*/

@media (min-width: 450px) and (max-width: 692px) {
    
.container-top {
height: 4.688em;        
}   
.pages-menu {    
display: none;   
}
.dropdown {   
display: inline-block;     
}
.slider {
display: none;   
}      
/*================================== PARTNERS ===========================================*/ 
  
.Catalog  { 
width: 100%; /*1060px;*/   
}
.CatalogBlock { /*контейнер с тексом*/ 
width: 99%; /*688.66px;*/ 
margin: 0.625em 0 0.625em 0; /*10px;10px;*/     
}
.CatalogBlock_first {
width: 99%; /*688.66px;*/ 
margin: 3.875em 0 0.625em 0; /*62px;10px;*/  
}
.CatalogBlock_FF {
display: none;      
}
.CatalogBlock_FF_miners {
display: flex;
width: 99%; /*688.66px;*/ 
margin: 0.625em 0  0.625em 0; /*10px 10px;*/    
}     
.CatalogBlock_last {
display: none; 
}
.CatalogBlock_last_miners {
display: flex;
width: 99%; /*688.66px;*/ 
margin: 0.625em 0  1.250em 0; /*10px 20px;*/    
}     
.CatalogBox { /*кнопка*/ 
display: flex;
position: absolute;
top: 1.250em; /*20px*/            
}
.CatalogLogo_minres {
display: flex;
padding: 0.313em;         
margin-top: 0.313em;
margin-left: 0.625em;        
}   
.CatalogLogo {
display: none;
}    
}
/*=================================================================================================*/
/*=================================================================================================*/

@media (min-width: 345px) and (max-width: 450px) {
.wrapper {  
margin-top: 0.625em; /*10px*/    
 }    
.pages-menu {    
display: none;   
}    
/*****************************/
/*Выпадающее меню*/
.show {
display: block;
}
/*Выпадающее меню конец*/  
    
/*================================== PARTNERS ===========================================*/ 
.Catalog  { 
width: 100%; /*1060px;*/   
}
.CatalogBlock { /*контейнер с тексом*/ 
width: 99%; /*688.66px;*/ 
margin: 0.625em 0 0.625em 0; /*10px;10px;*/     
}
.CatalogBlock_first {
width: 99%; /*688.66px;*/ 
margin: 3.875em 0 0.625em 0; /*62px;10px;*/  
}
.CatalogBlock_FF {
display: none;      
}
.CatalogBlock_FF_miners {
display: flex;
width: 99%; /*688.66px;*/ 
margin: 0.625em 0  0.625em 0; /*10px 10px;*/    
}     
.CatalogBlock_last {
display: none; 
}
.CatalogBlock_last_miners {
display: flex;
width: 99%; /*688.66px;*/ 
margin: 0.625em 0  1.250em 0; /*10px 20px;*/    
}     
.CatalogBox { /*кнопка*/ 
display: flex;
position: absolute;
top: 1.250em; /*20px*/            
}
.CatalogLogo_minres {
display: flex;
padding: 0.313em;         
margin-top: 0.313em;
margin-left: 0.625em;        
}   
.CatalogLogo {
display: none;
}    
}

/*=================================================================================================*/
/*=================================================================================================*/

@media (min-width: 300px) and (max-width: 345px) {
.wrapper {  
margin-top: 0.625em; /*10px*/    
 }    
.pages-menu {    
display: none;   
}
    
/*****************************/
/*Выпадающее меню*/
.show {
display: block;
}
/*Выпадающее меню конец*/      

/*================================== PARTNERS ===========================================*/ 
.Catalog  { 
width: 100%; /*1060px;*/   
}
.CatalogBlock { /*контейнер с тексом*/ 
width: 99%; /*688.66px;*/ 
margin: 0.625em 0 0.625em 0; /*10px;10px;*/     
}
.CatalogBlock_first {
width: 99%; /*688.66px;*/ 
margin: 3.875em 0 0.625em 0; /*62px;10px;*/  
}
.CatalogBlock_FF {
display: none;      
}
.CatalogBlock_FF_miners {
display: flex;
width: 99%; /*688.66px;*/ 
margin: 0.625em 0  0.625em 0; /*10px 10px;*/    
}     
.CatalogBlock_last {
display: none; 
}
.CatalogBlock_last_miners {
display: flex;
width: 99%; /*688.66px;*/ 
margin: 0.625em 0  1.250em 0; /*10px 20px;*/    
}     
.CatalogBox { /*кнопка*/ 
display: flex;
position: absolute;
top: 1.250em; /*20px*/            
}
.CatalogLogo_minres {
display: flex;
padding: 0.313em;         
margin-top: 0.313em;
margin-left: 0.625em;        
}   
.CatalogLogo {
display: none;
}    
}

/*================================== 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) {
.Catalog {    
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;    
    }
    }

 /*******************************************************/