@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, .container_BLANK_extend {
    /*контейнер с тексом*/
    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;
    /* Положение подсказки */
  }
}

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


/********СТИЛИ IMGContainer********/  
  
  @media (min-width: 701.5px) and (max-width: 1115px) {
    .IMGContainer1, .IMGContainer2 {    
    width: 42.563em; /*681px;*/  
    }
    
  }

  @media (min-width: 350px) and (max-width: 701.5px) {
    .IMGContainer1, .IMGContainer2 {    
    width: 20.813em; /*333px;*/   
    }

    .imgBox2:nth-child(1) {
    margin-bottom: 0.938em;
    }
  
    .imgBox2:nth-child(2) {
    margin-bottom: 0.938em;
    }
  }
      
/*=================================================================================================*/

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

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

  .slider {
    display: none;
  }

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

  .container_BLANK, .container_BLANK_extend {
    /*контейнер с тексом*/
    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, .container_BLANK_extend {
    /*контейнер с тексом*/
    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, .container_BLANK_extend {
    /*контейнер с тексом*/
    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, .container_BLANK_extend {
    /*контейнер с тексом*/
    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, .container_BLANK_extend {
      /*контейнер с тексом*/
      width: 99%;
      margin: 5.125em 0 1.250em 0;
      /*82px;20px;*/
    }
  
    .imgBox:nth-child(5) {
      margin-bottom: 0.625em;
      /*10px*/
    }
  
    .imgBox:nth-child(6) {
      margin-bottom: 0.625em;
      /*10px*/
    }
  
    .cover {
      margin: 0em auto;
      width: 100%;
    }
  
  }

  @media (min-width: 300px) and (max-width: 800px) {
    .BLANK {
      width: 100%;
      /*1060px;*/
    }
  
    .container_BLANK, .container_BLANK_extend {
      /*контейнер с тексом*/
      width: 99%;
      margin: 5.125em 0 1.250em 0;
      /*82px;20px;*/
    }
  
    .imgBox:nth-child(5) {
      margin-bottom: 0.625em;
      /*10px*/
    }
  
    .imgBox:nth-child(6) {
      margin-bottom: 0.625em;
      /*10px*/
    }
  
    .cover {
      margin: 0em auto;
      width: 100%;
    }
  
    .reverse {
      flex-direction: column;
    }
  
    .imgBox {
      margin-left: 0.625em;
      /*10px;*/
    }
  
  }

/*================================== 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: 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: 692px) and (max-width: 1115px) {
  .VendorContainer {
    margin-top: 4.750em;
    /*76px;*/
  }
}

@media (min-width: 300px) and (max-width: 692px) {
  .VendorContainer {
    margin-top: 3.875em;
    /*62px;*/
  }
}

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


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

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


/*
=================
ТАБЛИЦА
=================
*/

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

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

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

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

/*
==================================
TMZ Иображение вспплывающего окна
==================================
*/

@media (min-width: 650px) and (max-width: 1210px) {
  .popup-image span {
    right: 14.5%;
    top: 4%;
  }
  }

@media (min-width: 300px) and (max-width: 650px) {
  .popup-image span {
     right: 14.5%;
     top: 2%;
  }
  } 

@media (min-height: 300px) and (max-height: 512px) {
  .popup-image img {
    top: 15%;
  }
  }  

@media (min-height: 100px) and (max-height: 300px) {
  .popup-image img {
    top: 25%;
  }
  }    

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