@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) {

/*==================================ABOUT US===========================================*/      
.container_AboutUs { /*контейнер с тексом*/
width: 66.250em; /*1060px;*/
height: auto; /* (inherit) - текст не выезжает за пределы блока при масштабировании*/
}
/*======================================================================================*/

/*
=====================
ВЫПАДАЮЩАЯ ПОДСКАЗКА
=====================
*/
.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) {  

.container_AboutUs { /*контейнер с тексом*/
width: 66.250em; /*1060px;*/
height: auto; /* (inherit) - текст не выезжает за пределы блока при масштабировании*/
}
     
.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;     
}
/*==================================ABOUT US===========================================*/ 
.AboutUs  { 
width: 100%; /*1060px;*/
}
.container_AboutUs { /*контейнер с тексом*/ 
width: 99%;  
margin: 3.875em 0 1.250em 0; /*62px;20px;*/     
}
.AboutUsBox { /*кнопка О НАС*/
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;     
}    
 
/*==================================ABOUT US===========================================*/ 
.AboutUs  { 
width: 100%; /*1060px;*/
} 
.container_AboutUs { /*контейнер с тексом*/ 
width: 99%; 
margin: 3.875em 0 1.250em 0; /*62px;20px;*/     
}
.AboutUsBox { /*кнопка О НАС*/
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;     
}

/*==================================ABOUT US===========================================*/ 
.AboutUs  { 
width: 100%; /*1060px;*/
}
.container_AboutUs { /*контейнер с тексом*/ 
width: 99%; 
margin: 3.875em 0 1.250em 0; /*62px;20px;*/     
}
.AboutUsBox { /*кнопка О НАС*/
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;   
}      
/*==================================ABOUT US===========================================*/    
.AboutUs  { 
width: 100%; /*1060px;*/
}  
.container_AboutUs { /*контейнер с тексом*/ 
width: 99%;  
margin: 3.875em 0 1.250em 0; /*62px;20px;*/     
}
.AboutUsBox { /*кнопка О НАС*/
display: flex;
position: absolute;
top: 1.250em; /*20px*/      
}    
}
/*=================================================================================================*/
/*=================================================================================================*/

@media (min-width: 345px) and (max-width: 450px) {
.wrapper {  
margin-top: 0.625em; /*10px*/    
 }    
.container-top {
height: 4.875em; /*78px*/       
}    
.pages-menu {    
display: none;   
}    
/*****************************/
/*Выпадающее меню*/
.show {
display: block;
}
/*Выпадающее меню конец*/    

/*==================================ABOUT US===========================================*/ 
.AboutUs  { 
width: 100%; /*1060px;*/
}  
.container_AboutUs { /*контейнер с тексом*/ 
width: 99%;  
margin: 3.875em 0 1.250em 0; /*62px;20px;*/     
}
.AboutUsBox { /*кнопка О НАС*/
display: flex;
position: absolute;
top: 1.250em; /*20px*/      
}    
/*СЕРТИФИКАТЫ PREVIEW*/

.imgBox {
width: 9.375em; /*150px*/
height: auto; /*250px*/
} 

.imgBox img {
width: 9.375em; /*150px*/
height: auto; 
}    
    
.imgBox p {
font-size: 0.9rem; /*16px*/    
}    
/*=====================================================================================*/     
}
/*=================================================================================================*/
/*=================================================================================================*/

@media (min-width: 300px) and (max-width: 345px) {
.wrapper {  
/*margin-bottom: 0.625em;*/
margin-top: 0.625em; /*10px*/    
 }    
    
.pages-menu {    
display: none;   
}
    
/*****************************/
/*Выпадающее меню*/
.show {
display: block;
}
/*Выпадающее меню конец*/      

/*==================================ABOUT US===========================================*/ 
.AboutUs  { 
width: 100%; /*1060px;*/
}  
.container_AboutUs { /*контейнер с тексом*/ 
width: 99%;  
margin: 3.875em 0 1.250em 0; /*62px;20px;*/     
}
.AboutUsBox { /*кнопка О НАС*/
display: flex;
position: absolute;
top: 1.250em; /*20px*/      
} 

/*СЕРТИФИКАТЫ PREVIEW*/

.imgBox {
width: 9.063em; /*145px*/
height: auto; /*250px*/
} 

.imgBox img {
width: 9.063em; /*145px*/
height: auto; 
}    
    
.imgBox p {
font-size: 0.9rem; /*16px*/    
} 
}

/*================================== 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;*/
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;    
z-index: 10;    
}    
    
.dropdown  {
margin-top: 2.250em;/*36px*/    
}
    
.request {
top: 0.313em; /*5px*/        
}
}   

@media (min-width:300px) and (max-width: 1115px) {
.AboutUs {    
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;    
    }
    }

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