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

  /*==================================BLANK===========================================*/
  .container_BLANK {
    /*контейнер с тексом*/
    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_BLANK {
    /*контейнер с тексом*/
    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;
  }

  /*==================================BLANK===========================================*/
  .BLANK {
    width: 100%;
    /*1060px;*/
  }

  .container_BLANK {
   /*контейнер с тексом*/
   width: 99%;
   margin: 5.125em 0 1.250em 0;
   /*82px;20px;*/
  }

  .BLANKBox {
    /*кнопка О НАС*/
    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;
  }

  /*==================================BLANK===========================================*/
  .BLANK {
    width: 100%;
    /*1060px;*/
  }

  .container_BLANK {
    /*контейнер с тексом*/
    width: 99%;
    margin: 5.125em 0 1.250em 0;
    /*82px;20px;*/
  }

  .BLANKBox {
    /*кнопка О НАС*/
    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;
  }

  /*==================================BLANK===========================================*/
  .BLANK {
    width: 100%;
    /*1060px;*/
  }

  .container_BLANK {
   /*контейнер с тексом*/
   width: 99%;
   margin: 5.125em 0 1.250em 0;
   /*82px;20px;*/
  }

  .BLANKBox {
    /*кнопка О НАС*/
    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;
  }

  /*==================================BLANK===========================================*/
  .BLANK {
    width: 100%;
    /*1060px;*/
  }

  .container_BLANK {
   /*контейнер с тексом*/
   width: 99%;
   margin: 5.125em 0 1.250em 0;
   /*82px;20px;*/
  }

  .BLANKBox {
    /*кнопка О НАС*/
    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;
  }

  /*Выпадающее меню конец*/

  /*==================================BLANK===========================================*/
  .BLANK {
    width: 100%;
    /*1060px;*/
  }

  .container_BLANK {
     /*контейнер с тексом*/
     width: 99%;
     margin: 5.125em 0 1.250em 0;
     /*82px;20px;*/
  }

  .BLANKBox {
    /*кнопка О НАС*/
    display: flex;
    position: absolute;
    top: 1.250em;
    /*20px*/
  }

  /*=====================================================================================*/
}

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

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

  .pages-menu {
    display: none;
  }

  /*****************************/
  /*Выпадающее меню*/
  .show {
    display: block;
  }

  /*Выпадающее меню конец*/

  /***************************************************************************************/
  /*==================================BLANK===========================================*/
  .BLANK {
    width: 100%;
    /*1060px;*/
  }

  .container_BLANK {
  /*контейнер с тексом*/
  width: 99%;
  margin: 5.125em 0 1.250em 0;
  /*82px;20px;*/
  }

  .BLANKBox {
    /*кнопка О НАС*/
    display: flex;
    position: absolute;
    top: 1.250em;
    /*20px*/
  }
}

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


/********************CUSTOM RESOLUTION********************/

@media (min-width: 1070px) and (max-width: 1115px) {
  .BLANK {
    width: 100%;
  }

  .container_BLANK {
    /*контейнер с тексом*/
    width: 66.250em;
    /*1060px;*/
    margin: 5.125em 0 1.250em 0;
    /*82px;20px;*/
  }
}

@media (min-width: 530px) and (max-width: 1070px) {
  .BLANK {
    width: 100%;
    /*1060px;*/
  }

  .container_BLANK {
     /*контейнер с тексом*/
     width: 99%;
     margin: 5.125em 0 1.250em 0;
     /*82px;20px;*/
  }

}

@media (min-width: 300px) and (max-width: 530px) {
  .BLANK {
    width: 100%;
    /*1060px;*/
  }

  .container_BLANK {
    /*контейнер с тексом*/
    width: 99%;
    margin: 5.125em 0 1.250em 0;
    /*82px;20px;*/
  }

}



/*
=============================================
ОСНОВНЫЕ ЭЛЕМЕНТЫ СТРАНИЦЫ
=============================================
*/
@media (min-width: 800px) and (max-width: 1060px) {

  .content {
      /*контейнер с тексом*/
      width: 37.500em;
      height: 23.600em;
  }

}

@media (min-width: 600px) and (max-width: 800px) {

  .video {
      /*контейнер с тексом*/
      width: 30.00em;
      height: 18.88em;
  }

}

@media (min-width: 400px) and (max-width: 600px) {

  .video {
      /*контейнер с тексом*/
      width: 22.500em;
      height: 14.16em;
  }

}

@media (min-width: 300px) and (max-width: 400px) {

  .video {
      /*контейнер с тексом*/
      width: 14.850em;
      height: 9.34em;
  }

}

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

/*================================== 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: 0.313em;
  }

  .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;
      /* Изображение не вылезает за границы контейнера*/
    }

  }

  .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;
    /* Изображение не вылезает за границы контейнера*/
  }

  /*****************************/
  /*Выпадающее меню*/
  .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: 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*/
  }

  .BLANK {
    margin-top: 3.500em;
    /*56px;*/
  }

  .request {
    top: 0.313em;
    /*5px*/
  }
}

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

/*Отключение ссылки телефонов*/
@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;    
  }
  }

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

/*ОТОБРОЖЕНИЕ КАРТИНКИ*/
@media (min-width: 350px) and (max-width: 600px) {

  #img_content,#img_content1,#img_content2,#img_content3,#img_content4 {
  width: 90%;
  height: auto;
}

}

@media (min-width: 350px) and (max-width: 1115px) {

  #img_content_bg {
  width: 90%;
  height: auto;
}
}

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

 /* TABPRODCONTENT */

 @media (min-width: 350px) and (max-width: 442px) {
 
  .shieldtab {   
    width: 98%;
  }

  .itemtab {
    display: flex;
    flex-direction: column;  
}

.itemtab button {
  border-bottom: 0.032em solid #ccc;
  outline: none;
  cursor: pointer;
  padding: 0.875em 1.0em;
}

 }
/***************************************************/

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

 /* Лого внизу страницы */
 @media (min-width: 300px) and (max-width: 500px) {
    
  .insert {
  width: 21.500em;
  height: auto;
  }

}

  @media (min-width: 300px) and (max-width: 1115px) {

      .empty_sections {
      margin-bottom: 1.250em;
  }

}
/***************************************************/

 /* link_chain */
@media (min-width: 300px) and (max-width: 700px) {
  .link_chain li:nth-child(2) {
    display: none;
  }
}
 /***************************************************/