* {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
}
body {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: #222;
  position:relative;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
img2 {
  width: auto;
  vertical-align: middle;
  height:110px;
}
strong {
  font-weight: 600;
}
.top-panel {
  background: #222222;
  background: #222222;
    position: sticky;
    top: 0;
    z-index: 999;
	padding:0 20px;
}
.top-panel .panel {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 250px 1fr 150px ;
  align-items: center;
  padding: 10px 0;
}

.top-panel .fixed {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 250px 1fr 150px ;
  align-items: center;
  padding: 2px 0;
}





.top-panel .panel .burger {
  display: none;
}
.top-panel .panel .top-menu .close-btn {
  display: none;
}
.top-panel .panel .top-menu ul {
  display: flex;
  list-style-type: none;
}
.top-panel .panel .top-menu ul li {
  flex-grow: 1;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.top-panel .panel .top-menu ul li:last-child {
  border: none;
}
.top-panel .panel .top-menu ul li a {
  font-size: 14px;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
}
.top-panel .panel .top-menu ul li a:hover {
  color: #D62D06;
}
.top-panel .panel .lang {
  text-align: right;
}
.top-panel .panel .lang ul {
  list-style-type: none;
}
.top-panel .panel .lang ul li {
  display: inline-block;
  height: 30px;
  line-height: 30px;
}
.top-panel .panel .lang ul li a {
  font-size: 14px;
  color: #D62D06;
  text-transform: uppercase;
  text-decoration: none;
  margin-left: 15px;
}
.top-panel .panel .lang ul li.active a {
  color: #FFF;
}
.slider {
  background: url(img/sl.webp) top center no-repeat;
  block-size: cover;
  padding:0 20px;
  padding-top: 120px;
  
  padding-bottom: 42px;
}
.slider .slider-block {
  max-width: 1100px;
  margin: 0 auto;
}
.slider .slider-block .slogan {
  font-size: 46px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 95px;
}
.slider .slider-block .top {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  text-align: center;
}
.slider .slider-block .top .topblock {
  border: 1px solid #8F8F8F;
  padding: 30px 50px 20px 50px;
  color: #FFF;
}
.slider .slider-block .top .topblock .h1 {
  font-size: 30px;
  margin-bottom: 10px;
}
.slider .slider-block .top .topblock .h2 {
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 15px;
}
.slider .slider-block .top .topblock .times span {
  color: #FFF;
  background: #D62D06;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 13px;
  margin-top: 10px;
  display: inline-block;
}
.slider .slider-block .top .topblock .img {
  margin-bottom: 10px;
}
.about {
	padding:0 20px;
  padding-top: 40px;
  padding-bottom: 70px;
}
.about .aboutblock {
  max-width: 1100px;
  margin: 0 auto;
}
.about .aboutblock .h1 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 35px;
}
.about .aboutblock .desk {
  margin-bottom: 25px;
  line-height: 21px;
}
.about .aboutblock .ab-blocks {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}
.about .aboutblock .ab-blocks .ab-item {
  border: 1px solid #D7D7D7;
  text-align: center;
  padding: 50px 30px 30px 30px;
  transition: 0.5s box-shadow;
}
.about .aboutblock .ab-blocks .ab-item:hover {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}
.about .aboutblock .ab-blocks .ab-item .img {
  margin-bottom: 30px;
}
.about .aboutblock .ab-blocks .ab-item .desk {
  font-size: 16px;
  font-weight: 600;
}
.productrange {
  background: #F6F6F6;
  padding:0 20px;
  padding-top: 40px;
  padding-bottom: 70px;
}
.productrange .productrangediv {
  max-width: 1100px;
  margin: 0 auto;
}
.productrange .productrangediv .h1 {
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 40px;
  text-align: center;
}
.productrange .productrangediv .desk {
  line-height: 21px;
  margin-bottom: 30px;
}
.productrange .productrangediv .prblocks {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
  position: relative;
}
.productrange .productrangediv .prblocks .pritem {
  background: #FFF;
  text-align: center;
 /* padding: 30px 50px;*/
  position: relative;
 padding: 5px 30px 30px 30px; 
 height:228px;
}
.productrange .productrangediv .prblocks .pritem .img {
  margin-bottom: 40px;
  position: relative;
}
.productrange .productrangediv .prblocks .pritem .img:before {
  position: absolute;
  left: 50%;
  bottom: -20px;
  height: 2px;
  width: 50px;
  transform: translateX(-50%);
  background: #D62D06;
  content: "";
}
.productrange .productrangediv .prblocks .pritem .desk {
  font-size: 16px;
  color: #222;
  
}
.productrange .productrangediv .prblocks .pritem .prbut a {
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 36px;
  height: 36px;
  display: block;
  background: url(img/prbut.svg);
  cursor: pointer;
  
}
.pritem{
  text-decoration:  none !important;
  cursor: pointer;
}
.prbut__link {
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 36px;
  height: 36px;
  display: block;
  background: url(img/prbut.svg);
  cursor: pointer;
}
.productrange .productrangediv .prblocks .pritem .prbut a:hover {
  background: url(img/prbut2.svg);
}
.prbut__link:hover {
  background: url(img/prbut2.svg);
}
.prbut__link2 {
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 36px;
  height: 36px;
  display: block;
  background: url(img/prbut2.svg);
  cursor: pointer;
}
.productrange .productrangediv .prblocks .pritem .prbut2 a:hover {
  background: url(img/prbut.svg);
}
.prbut__link2:hover {
  background: url(img/prbut.svg);
}
.productrange .productrangediv .prblocks .pritem:nth-child(7) a {
  background: url(img/prbut2.svg);
}
.productrange .productrangediv .prblocks .pritem:nth-child(7) a:hover {
  background: url(img/prbut.svg);
}
.productrange .productrangediv .prblocks .pritem:nth-child(8) a {
  background: url(img/prbut2.svg);
}
.productrange .productrangediv .prblocks .pritem:nth-child(8) a:hover {
  background: url(img/prbut.svg);
}
.productrange .productrangediv .prblocks2 {
  display: none;
}
.supply {
  max-width: 1100px;
  margin: 0 auto;
  padding:0 20px;
  padding-top: 40px;
  margin-bottom: 70px;
}
.supply .h1 {
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
}
.supply .desk {
  line-height: 21px;
  margin-bottom: 30px;
  text-align: center;
}
.supply .h2 {
  font-size: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  text-align: center;
}
.supply .supplyblock {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 65px;
}
.supply .supplyblock .supplyitem .img {
  margin-bottom: 30px;
  
}
.supply .supplyblock .supplyitem .img img{
	max-height:55px;
}

.supply .supplyblock .supplyitem .zag {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}
.supply .supplyblock .supplyitem .desk2 {
  color: #929292;
  margin-bottom: 10px;
  text-align: left;
}
.supply .supplyblock .supplyitem .link a {
  color: #D62D06;
  text-decoration: none;
}
.supply .supplyblock .supplyitem .link div {
  color: #D62D06;
  text-decoration: none;
}
.contacts {
  background: #F6F6F6;
  padding:0 20px;
  padding-top: 70px;
  padding-bottom: 70px;
}
.contacts .contacts2 {
  max-width: 1100px;
  margin: 0 auto;
}
.contacts .contacts2 .h1 {
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
}
.contacts .contacts2 .contactinfo {
  display: grid;
  grid-template-columns: 1fr 1fr 1.3fr;
  font-weight: 700;
  margin-bottom: 30px;
  font-size: 16px;
}
.contacts .contacts2 .contactinfo div {
  height: 30px;
  line-height: 20px;
}
.contacts .contacts2 .contactinfo div img {
  margin-right: 10px;
}
.contacts .contacts2 .contactmap .mapmob {
  display: none;
}
.contactinfo a{
  font-weight: 700;
  color:#222;
  font-size: 16px;
  text-decoration: none;
  width: fit-content;
}
.departament {
  padding: 50px 20px;
  max-width: 1100px;
  margin: 0 auto;
}
.departament .h1 {
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
}
.departament .deplist {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}
.departament .deplist .depitem {
  border: 1px solid #D7D7D7;
  text-align: center;
  padding: 20px 30px;
  transition: 0.5s box-shadow;
}
.departament .deplist .depitem:hover {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}
.departament .deplist .depitem .img {
  margin-bottom: 10px;
}
.departament .deplist .depitem .zag {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #222222;
}
.departament .deplist .depitem .desk {
  color: #929292;
  margin-bottom: 25px;
}
.departament .deplist .depitem .email {
  color: #D62D06;
}
footer {
  background: #222;
  padding:0 20px;
}
footer .footer {
  height: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
}
footer .footer .copy {
  text-align: center;
  color: #FFF;
}
footer .footer .social {
  text-align: right;
}
footer .footer .social a {
  display: inline-block;
  margin-left: 4px;
}
footer .footer .social a:hover {
  opacity: 0.7;
}
.modal {
  position: absolute;
  /* фиксированное положение */
  top: 0;
  right: -30px;
  bottom: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  
  /* по умолчанию модальное окно прозрачно */
  -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
  /* анимация перехода */
  pointer-events: none;
  /* элемент невидим для событий мыши */
  margin: 0;
  padding: 0;
}
.modal:target {
  opacity: 1;
  /* делаем окно видимым */
  pointer-events: auto;
  /* элемент видим для событий мыши */
  overflow-y: auto;
  /* добавляем прокрутку по y, когда элемент не помещается на страницу */
}
.close {
  position: absolute;
  right: 0px;
  top: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  background: rgba(0, 0, 0, 0.8);
  color: #CDCDCD;
  margin-right: 28px;
}


.dialog1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 30px;
  grid-gap:20px;
}
.dialog1 strong {
  color: #FFF;
}
.dialog1 .h11 {
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
}
.dialog1 .h11 img {
  margin-right: 5px;
}
.dialog1 div {
  margin-bottom: 10px;
}




.dialog11 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 30px;
  grid-gap:20px;
}
.dialog11 strong {
  color: #FFF;
}
.dialog11 .h11 {
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
}
.dialog11 .h11 img {
  margin-right: 5px;
}
.dialog11 div {
  margin-bottom: 10px;
}




.dialog5 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 30px;
  grid-gap:20px;
}
.dialog5 strong {
  color: #FFF;
}
.dialog5 .h11 {
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
}
.dialog5 .h11 img {
  margin-right: 5px;
}
.dialog5 div {
  margin-bottom: 10px;
}




.dialog77 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 30px;
  grid-gap:20px;
}
.dialog77 strong {
  color: #FFF;
}
.dialog77 .h11 {
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
}
.dialog77 .h11 img {
  margin-right: 5px;
}
.dialog77 div {
  margin-bottom: 10px;
}



.dialog6 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 30px;
  grid-gap:20px;
}
.dialog6 strong {
  color: #FFF;
}
.dialog6 .h11 {
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
}
.dialog6 .h11 img {
  margin-right: 5px;
}
.dialog6 div {
  margin-bottom: 10px;
}



.dialog7 {
  display: grid;
  grid-template-columns: 1fr ;
  padding: 30px;
  grid-gap:20px;
}
.dialog7 strong {
  color: #FFF;
}
.dialog7 .h11 {
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
}
.dialog7 .h11 img {
  margin-right: 5px;
}
.dialog7 div {
  margin-bottom: 10px;
}








.modal-dialog .pireand div{color:#FFF!important;}

.modal {
  position: absolute;
  /* фиксированное положение */
  top: 0;
  right: -30px;
  bottom: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;

  /* по умолчанию модальное окно прозрачно */
  -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
  /* анимация перехода */
  pointer-events: none;
  /* элемент невидим для событий мыши */
  margin: 0;
  padding: 0;
}
.modal:target {
  opacity: 1;
  /* делаем окно видимым */
  pointer-events: auto;
  /* элемент видим для событий мыши */
  overflow-y: auto;
  /* добавляем прокрутку по y, когда элемент не помещается на страницу */
}


#openModal{
  position: unset;
  

}
.popup_fancy{
  display: none;
}
.fancybox-content{
  padding: 0;
  background-color: transparent;
  width:1130px;
  margin-right:-12px;
  
}
#popup_1{width:900px!important;}
#popup_6{width:500px!important;}
#popup_7{width:500px!important;}
#popup_8{width:300px!important;}
.fancybox-bg{
  background-color: transparent;
}

.fancybox-slide--html .fancybox-close-small{
    height: 30px;
    width: 30px;
    background-color: #F0211D;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    
}
.fancybox-slide--html .fancybox-close-small svg{
  height: 21px;
  width: 21px;
}
.fancybox-slide--html .fancybox-close-small svg path{
    fill: white;
}

.close {
  position: absolute;
  right: 0px;
  top: 0;
}
.modal-dialog2 {
  position: relative;
  width: auto;
  background: rgba(0, 0, 0, 0.8);
  color: #CDCDCD;
  margin-right: 30px;
}
.dialog2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 30px;
}
.dialog2 strong {
  color: #FFF;
}
.dialog2 span img {
  margin-right: 5px;
}
.dialog2 .h11 {
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
}
.dialog2 .h11 img {
  margin-right: 5px;
}
.dialog2 div {
  margin-bottom: 10px;
}
.close2 {
  position: absolute;
  right: 50%;
  top: 0;
  margin-right: -30px;
}
.modal-dialog3 {
  position: relative;
  width: 50%;
  background: rgba(0, 0, 0, 0.8);
  color: #CDCDCD;
}
.dialog3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 30px;
}
.dialog3 strong {
  color: #FFF;
}
.dialog3 span img {
  margin-right: 5px;
}
.dialog3 .h11 {
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
}
.dialog3 .h11 img {
  margin-right: 5px;
}
.dialog3 div {
  margin-bottom: 10px;
}
.close3 {
  position: absolute;
  right: 75%;
  top: 0;
  margin-right: -30px;
}
.modal-dialog4 {
  position: relative;
  width: 25%;
  background: rgba(0, 0, 0, 0.8);
  color: #CDCDCD;
}
.dialog4 {
  display: block;
  grid-template-columns: 1fr 1fr;
  padding: 30px;
}
.dialog4 strong {
  color: #FFF;
}
.dialog4 span img {
  margin-right: 5px;
}
.dialog4 .h11 {
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
}
.dialog4 .h11 img {
  margin-right: 5px;
}
.dialog4 div {
  margin-bottom: 10px;
}







.dialog5 {
  display: grid!important;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 30px;
  grid-gap:20px;
}
  .dialog11 {
  display: grid!important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 30px;
  grid-gap:20px;
}

 .dialog6 {
    display: grid!important;
    grid-template-columns: 1fr 1fr;
    padding: 30px;
    grid-gap: 20px;
}






@media screen and (max-width: 769px) {
  .top-panel {
    background: #222222;
    padding: 0 20px;
  }
  .top-panel .panel {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr ;
    align-items: center;
    padding: 10px 0;
  }
  .top-panel .panel .burger {
    display: block;
  }
  .top-panel .panel .logo {
    text-align: center;
  }
  .top-panel .panel .top-menu {
    width: 285px;
    position: fixed;
    left: 0%;
    transform: translateX(-100%);
    height: 100vh;
    background: #222222;
    padding: 35px;
  }
  .top-panel .panel .top-menu .close-btn {
    display: block;
    position: absolute;
    left: 20px;
    top: 15px;
  }
  .top-panel .panel .top-menu ul {
    padding-top: 30px;
    display: block;
    list-style-type: none;
  }
  .top-panel .panel .top-menu ul li {
    border-right: 0px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    height: 80px;
    line-height: 80px;
    text-align: left;
  }
  .top-panel .panel .top-menu ul li:last-child {
    border: none;
  }
  .top-panel .panel .top-menu ul li a {
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
  }
  .top-panel .panel .top-menu ul li a:hover {
    color: #D62D06;
  }
  .top-panel .panel .active-menu {
    transform: translateX(0%);
  }
  .top-panel .panel .lang {
    text-align: right;
  }
  .top-panel .panel .lang ul {
    list-style-type: none;
  }
  .top-panel .panel .lang ul li {
    display: inline-block;
    height: 30px;
    line-height: 30px;
  }
  .top-panel .panel .lang ul li a {
    font-size: 14px;
    color: #D62D06;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 15px;
  }
  .top-panel .panel .lang ul li.active a {
    color: #FFF;
  }
  .slider {
    background: url(img/sl2.webp) top center no-repeat;
    block-size: cover;
    padding-top: 70px;
    padding-bottom: 42px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .slider .slider-block {
    max-width: 1100px;
    margin: 0 auto;
  }
  .slider .slider-block .slogan {
    font-size: 40px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
  }
  .slider .slider-block .top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    text-align: center;
  }
  .slider .slider-block .top .topblock {
    border: 1px solid #8F8F8F;
    padding: 30px 50px 20px 50px;
    color: #FFF;
  }
  .slider .slider-block .top .topblock .h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .slider .slider-block .top .topblock .h2 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 15px;
  }
  .slider .slider-block .top .topblock .times span {
    color: #FFF;
    background: #D62D06;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 13px;
    margin-top: 10px;
    display: inline-block;
  }
  .slider .slider-block .top .topblock .img {
    margin-bottom: 10px;
  }
  .about {
    padding-top: 75px;
    padding-bottom: 75px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .about .aboutblock {
    max-width: 1100px;
    margin: 0 auto;
  }
  .about .aboutblock .h1 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 35px;
  }
  .about .aboutblock .desk {
    margin-bottom: 25px;
    line-height: 21px;
  }
  .about .aboutblock .ab-blocks {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
  }
  .about .aboutblock .ab-blocks .ab-item {
    border: 1px solid #D7D7D7;
    text-align: center;
    padding: 40px 20px 20px 20px;
    transition: 0.5s box-shadow;
  }
  .about .aboutblock .ab-blocks .ab-item:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  }
  .about .aboutblock .ab-blocks .ab-item .img {
    margin-bottom: 30px;
  }
  .about .aboutblock .ab-blocks .ab-item .desk {
    font-size: 16px;
    font-weight: 600;
  }
  .productrange {
    background: #F6F6F6;
    padding-top: 80px;
    padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .productrange .productrangediv {
    max-width: 1100px;
    margin: 0 auto;
  }
  .productrange .productrangediv .h1 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-align: center;
  }
  .productrange .productrangediv .desk {
    line-height: 21px;
    margin-bottom: 30px;
  }
  .productrange .productrangediv .prblocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    position: relative;
  }
  .productrange .productrangediv .prblocks .pritem {
    background: #FFF;
    text-align: center;
    padding: 30px 50px;
    position: relative;
  }
  .productrange .productrangediv .prblocks .pritem .img {
    margin-bottom: 20px;
  }
  .productrange .productrangediv .prblocks .pritem .desk {
    font-size: 16px;
  }
  .productrange .productrangediv .prblocks .pritem .prbut a {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 36px;
    height: 36px;
    display: block;
    background: url(img/prbut.svg);
    cursor: pointer;
  }
  .productrange .productrangediv .prblocks .pritem .prbut a:hover {
    background: url(img/prbut2.svg);
  }
  .productrange .productrangediv .prblocks .pritem:nth-child(7) a {
    background: url(img/prbut2.svg);
  }
  .productrange .productrangediv .prblocks .pritem:nth-child(7) a:hover {
    background: url(img/prbut.svg);
  }
  .productrange .productrangediv .prblocks .pritem:nth-child(8) a {
    background: url(img/prbut2.svg);
  }
  .productrange .productrangediv .prblocks .pritem:nth-child(8) a:hover {
    background: url(img/prbut.svg);
  }
  .supply {
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 50px;
    margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .supply .h1 {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
  }
  .supply .desk {
    line-height: 21px;
    margin-bottom: 30px;
    text-align: center;
  }
  .supply .h2 {
    font-size: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
  }
  .supply .supplyblock {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
  }
  .supply .supplyblock .supplyitem .img {
    margin-bottom: 30px;
  }
  .supply .supplyblock .supplyitem .zag {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
  }
  .supply .supplyblock .supplyitem .desk2 {
    color: #929292;
    margin-bottom: 10px;
    text-align: left;
  }
  .supply .supplyblock .supplyitem .link a {
    color: #D62D06;
    text-decoration: none;
  }
  .contacts {
    background: #F6F6F6;
    padding-top: 70px;
  }
  .contacts .contacts2 {
    max-width: 1100px;
    margin: 0 auto;
  }
  .contacts .contacts2 .h1 {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
  }
  .contacts .contacts2 .contactinfo {
    display: grid;
    grid-template-columns: 1fr 1fr 1.3fr;
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 16px;
  }
  .contacts .contacts2 .contactinfo div {
    height: 30px;
    line-height: 20px;
  }
  .contacts .contacts2 .contactinfo div img {
    margin-right: 10px;
  }
  .departament {
    padding: 50px 20px;
    width: 100%px;
    margin: 0 auto;
  }
  .departament .h1 {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
  }
  .departament .deplist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
  }
  .departament .deplist .depitem {
    border: 1px solid #D7D7D7;
    text-align: center;
    padding: 20px 20px;
  }
  .departament .deplist .depitem .img {
    margin-bottom: 10px;
  }
  .departament .deplist .depitem .zag {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #222222;
  }
  .departament .deplist .depitem .desk {
    color: #929292;
    margin-bottom: 25px;
  }
  .departament .deplist .depitem .email {
    color: #D62D06;
  }
  footer {
    background: #222;
    padding-left: 20px;
    padding-right: 20px;
  }
  footer .footer {
    height: 50px;
    display: grid;
    grid-template-columns: 1fr 2fr 0.7fr;
    align-items: center;
    max-width: 1100px;
    margin: 0 auto;
  }
  footer .footer .copy {
    text-align: center;
    color: #FFF;
  }
  footer .footer .social {
    text-align: right;
  }
  footer .footer .social a {
    display: inline-block;
    margin-left: 4px;
  }
  footer .footer .social a:hover {
    opacity: 0.7;
  }
  .modal {
    position: absolute;
    /* фиксированное положение */
    top: 0;
    right: -30px;
    bottom: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    /* анимация перехода */
    pointer-events: none;
    /* элемент невидим для событий мыши */
    margin: 0;
    padding: 0;
  }
  .modal:target {
    opacity: 1;
    /* делаем окно видимым */
    pointer-events: auto;
    /* элемент видим для событий мыши */
    overflow-y: auto;
    /* добавляем прокрутку по y, когда элемент не помещается на страницу */
  }
  .close {
    position: absolute;
    right: 0px;
    top: 0;
  }
  .modal-dialog {
    position: relative;
    width: auto;
    background: rgba(0, 0, 0, 0.8);
    color: #CDCDCD;
    margin-right: 0px;
  }
  .dialog1 {
    display: grid;
    grid-template-columns: 1fr 1fr ;
    padding: 30px;
  }
  .dialog1 strong {
    color: #FFF;
  }
  .dialog1 .h11 {
    font-weight: 600;
    font-size: 16px;
    color: #FFF;
  }
  .dialog1 .h11 img {
    margin-right: 5px;
  }
  .dialog1 div {
    margin-bottom: 10px;
  }
  
  
  
  
  
  
  
  .modal {
    position: absolute;
    /* фиксированное положение */
    top: 0;
    right: 0px;
    bottom: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    /* анимация перехода */
    pointer-events: none;
    /* элемент невидим для событий мыши */
    margin: 0;
    padding: 0;
  }
  .modal:target {
    opacity: 1;
    /* делаем окно видимым */
    pointer-events: auto;
    /* элемент видим для событий мыши */
    overflow-y: auto;
    /* добавляем прокрутку по y, когда элемент не помещается на страницу */
  }
  .close {
    position: absolute;
    right: 0px;
    top: 0;
  }
  .modal-dialog2 {
    position: relative;
    width: auto;
    background: rgba(0, 0, 0, 0.8);
    color: #CDCDCD;
    margin-right: 0px;
  }
  .dialog2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 30px;
  }
  .dialog2 strong {
    color: #FFF;
  }
  .dialog2 span img {
    margin-right: 5px;
  }
  .dialog2 .h11 {
    font-weight: 600;
    font-size: 16px;
    color: #FFF;
  }
  .dialog2 .h11 img {
    margin-right: 5px;
  }
  .dialog2 div {
    margin-bottom: 10px;
  }
  .close2 {
    position: absolute;
    right: 0%;
    top: 0;
    margin-right: 0px;
  }
  .modal-dialog3 {
    position: relative;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: #CDCDCD;
  }
  .dialog3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 30px;
  }
  .dialog3 strong {
    color: #FFF;
  }
  .dialog3 span img {
    margin-right: 5px;
  }
  .dialog3 .h11 {
    font-weight: 600;
    font-size: 16px;
    color: #FFF;
  }
  .dialog3 .h11 img {
    margin-right: 5px;
  }
  .dialog3 div {
    margin-bottom: 10px;
  }
  .close3 {
    position: absolute;
    right: 0%;
    top: 0;
    margin-right: 0px;
  }
  .modal-dialog4 {
    position: relative;
    width: 25%;
    background: rgba(0, 0, 0, 0.8);
    color: #CDCDCD;
  }
  .dialog4 {
    display: block;
    grid-template-columns: 1fr 1fr;
    padding: 30px;
  }
  .dialog4 strong {
    color: #FFF;
  }
  .dialog4 span img {
    margin-right: 5px;
  }
  .dialog4 .h11 {
    font-weight: 600;
    font-size: 16px;
    color: #FFF;
  }
  .dialog4 .h11 img {
    margin-right: 5px;
  }
  .dialog4 div {
    margin-bottom: 10px;
  }
  
  .fancybox-content{
  padding: 0;
  background-color: transparent;
  width:100%;
  
  margin-right:-12px;
  
}


  
#popup_1{width:90%!important;}
#popup_2{width:90%!important;}
#popup_3{width:90%!important;}
#popup_4{width:90%!important;}
#popup_5{width:90%!important;}
#popup_6{width:90%!important;}
#popup_7{width:90%!important;}
#popup_8{width:90%!important;}
  
  
  
  
  
}
@media screen and (max-width: 769px) {
	
	
	#popup_1{width:100%!important;}
#popup_2{width:100%!important;}
#popup_3{width:100%!important;}
#popup_4{width:100%!important;}
#popup_5{width:100%!important;}
#popup_6{width:100%!important;}
#popup_7{width:100%!important;}
#popup_8{width:100%!important;}
	
	
	
	
	.prbut__link2{display:none;}
	.prbut__link{display:none;}
	
  .top-panel {
    background: #222222;
    padding: 0 20px;
  }
  .top-panel .panel {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 166px 1fr ;
    align-items: center;
    padding: 10px 0;
  }
  .top-panel .panel .burger {
    display: block;
  }
  .top-panel .panel .burger img {
    max-width: 30px;
  }
  .top-panel .panel .logo {
    text-align: center;
  }
  .top-panel .panel .top-menu {
    width: 285px;
    position: fixed;
    left: 0%;
    transform: translateX(-100%);
    height: 100vh;
    background: #222222;
    padding: 35px;
	top:0px;
	z-index:9999;
  }
  .top-panel .panel .top-menu .close-btn {
    display: block;
    position: absolute;
    left: 20px;
    top: 15px;
  }
  .top-panel .panel .top-menu ul {
    padding-top: 30px;
    display: block;
    list-style-type: none;
  }
  .top-panel .panel .top-menu ul li {
    border-right: 0px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    height: 80px;
    line-height: 80px;
    text-align: left;
  }
  .top-panel .panel .top-menu ul li:last-child {
    border: none;
  }
  .top-panel .panel .top-menu ul li a {
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
  }
  .top-panel .panel .top-menu ul li a:hover {
    color: #D62D06;
  }
  .top-panel .panel .active-menu {
    transform: translateX(0%);
  }
  .top-panel .panel .lang {
    text-align: right;
  }
  .top-panel .panel .lang ul {
    list-style-type: none;
  }
  .top-panel .panel .lang ul li {
    display: inline-block;
    height: 30px;
    line-height: 30px;
  }
  .top-panel .panel .lang ul li a {
    font-size: 14px;
    color: #D62D06;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 10px;
  }
  .top-panel .panel .lang ul li.active a {
    color: #FFF;
  }
  .slider {
    background: url(img/sl2.webp) top center no-repeat;
    block-size: cover;
    padding-top: 30px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
  .slider .slider-block {
    max-width: 1100px;
    margin: 0 auto;
  }
  .slider .slider-block .slogan {
    font-size: 26px;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
  }
  .slider .slider-block .top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    text-align: center;
  }
  .slider .slider-block .top .topblock {
    border: 1px solid #8F8F8F;
    padding: 20px 10px 20px 10px;
    color: #FFF;
  }
  .slider .slider-block .top .topblock .h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .slider .slider-block .top .topblock .h2 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 15px;
  }
  .slider .slider-block .top .topblock .times span {
    color: #FFF;
    background: #D62D06;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 13px;
    margin-top: 10px;
    display: inline-block;
  }
  .slider .slider-block .top .topblock .img {
    margin-bottom: 10px;
  }
  .about {
    padding-top: 75px;
    padding-bottom: 75px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .about .aboutblock {
    max-width: 1100px;
    margin: 0 auto;
  }
  .about .aboutblock .h1 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 35px;
  }
  .about .aboutblock .desk {
    margin-bottom: 25px;
    line-height: 21px;
  }
  .about .aboutblock .slick-slider {
    margin: 0 -10px;
  }
  .about .aboutblock .slick-slide {
    padding: 10px;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
  }
  .about .aboutblock .ab-blocks {
    display: block;
    position: relative;
  }
  .about .aboutblock .ab-blocks .ab-item {
    border: 1px solid #D7D7D7;
    text-align: center!important;
    padding: 40px 20px 20px 20px;
    transition: 0.5s box-shadow;
    height: 200px;
  }
  .about .aboutblock .ab-blocks .ab-item:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  }
  .about .aboutblock .ab-blocks .ab-item .img {
    display: inline-block;
    margin-bottom: 30px;
  }
  .about .aboutblock .ab-blocks .ab-item .desk {
    font-size: 16px;
    font-weight: 600;
  }
  .about .aboutblock .ab-blocks .slick-prev {
    position: absolute;
    left: -5px;
    top: 40%;
    width: 30px;
    height: 30px;
    background: url(img/prev.png);
    border: none;
    text-indent: -9999px;
    z-index: 100;
    top: 36%;
  }
  .about .aboutblock .ab-blocks .slick-next {
    position: absolute;
    right: -5px;
    top: 40%;
    width: 30px;
    height: 30px;
    background: url(img/next.png);
    border: none;
    text-indent: -9999px;
    z-index: 100;
    top: 36%;
  }
  .about .aboutblock .ab-blocks .slick-dots {
    text-align: center;
    padding-top: 20px;
  }
  .about .aboutblock .ab-blocks .slick-dots li {
    display: inline-block;
    margin: 0 5px;
  }
  .about .aboutblock .ab-blocks .slick-dots li button {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #D7D7D7;
    text-indent: -9999px;
    border: none;
  }
  .about .aboutblock .ab-blocks .slick-dots li.slick-active button {
    background: #D62D06;
  }
  .productrange {
    background: #F6F6F6;
    padding-top: 80px;
    padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .productrange .productrangediv {
    max-width: 1100px;
    margin: 0 auto;
  }
  .productrange .productrangediv .h1 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-align: center;
  }
  .productrange .productrangediv .desk {
    line-height: 21px;
    margin-bottom: 30px;
  }
  .productrange .productrangediv .prblocks .pritem {
    display: none;
  }
  .productrange .productrangediv .prblocks2 {
    display: block;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    position: relative;
  }
  .productrange .productrangediv .prblocks2 .slick-slide img {
    display: inline-block;
  }
  .productrange .productrangediv .prblocks2 .slick-prev {
    position: absolute;
    left: -5px;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    background: url(img/prev.png);
    border: none;
    text-indent: -9999px;
    /* z-index: 9; */
    z-index: 100;
    top: 41%;
    left: -15px;
  }
  .productrange .productrangediv .prblocks2 .slick-next {
    position: absolute;
    right: -5px;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    background: url(img/next.png);
    border: none;
    text-indent: -9999px;
    z-index: 100;
    right: -15px;
    top: 41%;
  }
  .productrange .productrangediv .prblocks2 .slick-dots {
    text-align: center;
    padding-top: 20px;
    margin-bottom: 40px;
  }
  .productrange .productrangediv .prblocks2 .slick-dots li {
    display: inline-block;
    margin: 0 5px;
  }
  .productrange .productrangediv .prblocks2 .slick-dots li button {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #D7D7D7;
    text-indent: -9999px;
    border: none;
  }
  .productrange .productrangediv .prblocks2 .slick-dots li.slick-active button {
    background: #D62D06;
  }
  .productrange .productrangediv .prblocks2 .pritem {
    background: #FFF;
    text-align: center;
    padding: 10px 50px 30px 50px;
    position: relative;
  }
  .productrange .productrangediv .prblocks2 .pritem .img {
    margin-bottom: 40px;
  }
  .productrange .productrangediv .prblocks2 .pritem .desk {
    font-size: 16px;
	position:relative;
	padding-top:10px;
  }
  .productrange .productrangediv .prblocks2 .pritem .desk:before{
	  content:"";
	  position:absolute;
	  left:50%;
	  top:0;
	  height:2px;
	  width:50px;
	  background: #D62D06;
	  transform:translateX(-50%);
  }
  
  
  .productrange .productrangediv .prblocks2 .pritem .prbut a {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 36px;
    height: 36px;
    display: block;
    background: url(img/prbut.svg);
    cursor: pointer;
  }
  .productrange .productrangediv .prblocks2 .pritem .prbut a:hover {
    background: url(img/prbut2.svg);
  }
  .productrange .productrangediv .prblocks2 .pritem:nth-child(7) a {
    background: url(img/prbut2.svg);
  }
  .productrange .productrangediv .prblocks2 .pritem:nth-child(7) a:hover {
    background: url(img/prbut.svg);
  }
  .productrange .productrangediv .prblocks2 .pritem:nth-child(8) a {
    background: url(img/prbut2.svg);
  }
  .productrange .productrangediv .prblocks2 .pritem:nth-child(8) a:hover {
    background: url(img/prbut.svg);
  }
  .supply {
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 50px;
    margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .supply .h1 {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
  }
  .supply .desk {
    line-height: 21px;
    margin-bottom: 30px;
    text-align: center;
  }
  .supply .h2 {
    font-size: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
  }
  .supply .supplyblock {
    display: block;
    
  }
  .supply .supplyblock .slick-prev {
    position: absolute;
    left: -5px;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    background: url(img/prev.png);
    border: none;
    text-indent: -9999px;
    z-index: 9;
    z-index: 100;
    left: -15px;
    top: 41%;
  }
  .supply .supplyblock .slick-next {
    position: absolute;
    right: -5px;
    top: 50%;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    background: url(img/next.png);
    border: none;
    text-indent: -9999px;
    z-index: 100;
    right: -15px;
    top: 41%;
  }

  .supply .supplyblock .slick-dots {
    text-align: center;
    padding-top: 20px;
    margin-bottom: 40px;
  }
  .supply .supplyblock .slick-dots li {
    display: inline-block;
    margin: 0 5px;
  }
  .supply .supplyblock .slick-dots li button {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #D7D7D7;
    text-indent: -9999px;
    border: none;
  }
  .supply .supplyblock .slick-dots li.slick-active button {
    background: #D62D06;
  }
  .supply .supplyblock .supplyitem .img {
    margin-bottom: 30px;
  }
  .supply .supplyblock .supplyitem .img img {
    max-width: 150px;
  }
  .supply .supplyblock .supplyitem .zag {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
  }
  .supply .supplyblock .supplyitem .desk2 {
    color: #929292;
    margin-bottom: 10px;
    text-align: left;
  }
  .supply .supplyblock .supplyitem .link{
	  overflow:hidden;
	  margin-right:10px;
  }
  .supply .supplyblock .supplyitem .link a {
    color: #D62D06;
    text-decoration: none;
	font-size:11px;
  }
  .contacts {
    background: #F6F6F6;
    padding-top: 70px;
  }
  .contacts .contacts2 {
    max-width: 1100px;
    margin: 0 auto;
  }
  .contacts .contacts2 .h1 {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
  }
  .contacts .contacts2 .contactinfo {
    display: block;
    padding: 0 20px;
    grid-template-columns: 1fr 1fr 1.3fr;
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 16px;
    padding-bottom: 30px;
  }
  .contacts .contacts2 .contactinfo div {
    height: auto;
    line-height: 20px;
	display:grid;
	grid-template-columns:35px 1fr;
  }
  .contacts .contacts2 .contactinfo a {
    display:block;
	margin-bottom:15px;
	display:grid;
	grid-template-columns:35px 1fr;
  }
  .contacts .contacts2 .contactinfo div img {
    margin-right: 0px;
  }
  .contacts .contacts2 .contactinfo a img {
    margin-right: 0px;
  }
  
  .contacts .contacts2 .contactmap {
    padding: 0 20px;
  }
  .contacts .contacts2 .contactmap .mappc {
    display: none;
  }
  .contacts .contacts2 .contactmap .mapmob {
    display: block;
  }
  .departament {
    padding: 50px 20px;
    width: 100%;
    margin: 0 auto;
  }
  .departament .h1 {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
  }
  .departament .deplist {
    display: grid;
    grid-template-columns:48% 48%;
    grid-gap: 4%;
  }
  .departament .deplist .depitem {
    border: 1px solid #D7D7D7;
    text-align: center;
    padding: 20px 10px;
	
  }
  
  
  
  .departament .deplist .depitem .img {
    margin-bottom: 10px;
  }
  .departament .deplist .depitem .img img {
    max-width: 100px;
  }
  .departament .deplist .depitem .zag {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #222222;
  }
  .departament .deplist .depitem .desk {
    color: #929292;
    margin-bottom: 25px;
  }
  .departament .deplist .depitem .email {
    color: #D62D06;
  }
  footer {
    background: #222;
    padding: 10px 20px;
  }
  footer .footer {
    height: auto;
    text-align: center;
    display: block;
    grid-template-columns: 1fr 2fr 0.7fr;
    align-items: center;
    max-width: 1100px;
    margin: 0 auto;
  }
  footer .footer .flogo {
    margin-bottom: 10px;
  }
  footer .footer .flogo img {
    max-width: 140px;
  }
  footer .footer .copy {
    margin-bottom: 10px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
  }
  footer .footer .social {
    text-align: center;
  }
  footer .footer .social a {
    display: inline-block;
    margin-left: 4px;
  }
  footer .footer .social a:hover {
    opacity: 0.7;
  }
  .openmobile {
    
	height:1px!important;
  }
  .modal {
    position: fixed;
    /* фиксированное положение */
    top: 0;
    right: -30px;
    bottom: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    /* анимация перехода */
    pointer-events: none;
    /* элемент невидим для событий мыши */
    margin: 0;
    padding: 0;
  }
  .modal:target {
    opacity: 1;
    /* делаем окно видимым */
    pointer-events: auto;
    /* элемент видим для событий мыши */
    overflow-y: auto;
    /* добавляем прокрутку по y, когда элемент не помещается на страницу */
  }
  .close {
    position: absolute;
    right: 0px;
    top: 0;
  }
  .modal-dialog {
    position: relative;
    width: auto;
    background: rgba(0, 0, 0, 0.8);
    color: #CDCDCD;
    margin-right: 0px;
  }
  .dialog1 {
    display: block;
    grid-template-columns: 1fr 1fr ;
    padding: 30px;
  }
  
  
  .dialog1 .specification{display:none;}
  .dialog1 .standarts{display:none;}
  .dialog1 .grade{display:none;}
  .dialog1 .size{display:none;}
  
  
  
  .fancybox-content{margin-right:0px;}
  
  .dialog1 strong {
    color: #FFF;
  }
  .dialog1 .h11 {
    font-weight: 600;
    font-size: 16px;
    color: #FFF;
  }
  .dialog1 .h11 img {
    margin-right: 5px;
  }
  .dialog1 div {
    margin-bottom: 10px;
  }
  .modal {
    position: fixed;
    /* фиксированное положение */
    top: 0;
    right: 0px;
    bottom: 0;
    left: 0;
    z-index: 9999;
    opacity: 0;
    /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    /* анимация перехода */
    pointer-events: none;
    /* элемент невидим для событий мыши */
    margin: 0;
    padding: 0;
  }
  .modal:target {
    opacity: 1;
    /* делаем окно видимым */
    pointer-events: auto;
    /* элемент видим для событий мыши */
    overflow-y: auto;
    /* добавляем прокрутку по y, когда элемент не помещается на страницу */
  }
  .close {
    position: absolute;
    right: 0px;
    top: 0;
  }
  .modal-dialog2 {
    position: relative;
    width: auto;
    background: rgba(0, 0, 0, 0.8);
    color: #CDCDCD;
    margin-right: 0px;
  }
  .dialog2 {
    display: block;
    grid-template-columns: 1fr 1fr;
    padding: 30px;
  }
  .dialog2 strong {
    color: #FFF;
  }
  .dialog2 span img {
    margin-right: 5px;
  }
  .dialog2 .h11 {
    font-weight: 600;
    font-size: 16px;
    color: #FFF;
  }
  .dialog2 .h11 img {
    margin-right: 5px;
  }
  .dialog2 div {
    margin-bottom: 10px;
  }
  .close2 {
    position: absolute;
    right: 0%;
    top: 0;
    margin-right: 0px;
  }
  .modal-dialog3 {
    position: relative;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: #CDCDCD;
  }
  .dialog3 {
    display: block;
    grid-template-columns: 1fr 1fr;
    padding: 30px;
  }
  .dialog3 strong {
    color: #FFF;
  }
  .dialog3 span img {
    margin-right: 5px;
  }
  .dialog3 .h11 {
    font-weight: 600;
    font-size: 16px;
    color: #FFF;
  }
  .dialog3 .h11 img {
    margin-right: 5px;
  }
  .dialog3 div {
    margin-bottom: 10px;
  }
  .close3 {
    position: absolute;
    right: 0%;
    top: 0;
    margin-right: 0px;
  }
  .modal-dialog4 {
    position: relative;
    width: 25%;
    background: rgba(0, 0, 0, 0.8);
    color: #CDCDCD;
  }
  .dialog4 {
    display: block;
    grid-template-columns: 1fr 1fr;
    padding: 30px;
  }
  .dialog4 strong {
    color: #FFF;
  }
  .dialog4 span img {
    margin-right: 5px;
  }
  .dialog4 .h11 {
    font-weight: 600;
    font-size: 16px;
    color: #FFF;
  }
  .dialog4 .h11 img {
    margin-right: 5px;
  }
  .dialog4 div {
    margin-bottom: 10px;
  }
  

  
  
  
  
  
}





@media screen and (max-width: 700px) {
  .departament {
    padding: 50px 20px;
    width: 100%;
    margin: 0 auto;
  }
  .departament .h1 {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
  }
  .departament .deplist {
    display: block;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }
  .departament .deplist .depitem {
    border: 1px solid #D7D7D7;
    text-align: center;
    padding: 20px 10px;
    margin-bottom: 10px;
  }
  .departament .deplist .depitem .img {
    margin-bottom: 10px;
  }
  .departament .deplist .depitem .img img {
    max-width: 100px;
  }
  .departament .deplist .depitem .zag {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #222222;
  }
  .departament .deplist .depitem .desk {
    color: #929292;
    margin-bottom: 25px;
  }
  .departament .deplist .depitem .email {
    color: #D62D06;
  }
  
  
  
    .dialog5 {
  display: block!important;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 30px;
  grid-gap:20px;
}
  .dialog11 {
  display: block!important;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 30px;
  grid-gap:20px;
}

 .dialog6 {
    display: block!important;
    grid-template-columns: 1fr 1fr;
    padding: 30px;
    grid-gap: 20px;
}
  

.fancybox-slide--html {
    padding: 0px;
	height:100%;
}
  
.modal-dialog{}  
  
  
 #popup_8 {
    width: 100%!important;
} 
  
  
  .dialog1 {
  display: block;
 
}
 .dialog2y: block;
 
}
 .dialog3 {
  display: block;
 
}
 .dialog4 {
  display: block;
 
}



 .dialog5 {
  display: block;
 
}
  .dialog11 {
  display: block;
 
}

 .dialog6 {
    display: block;
   
}

  
  
}
.openmobile {
  display: block;
}
.prcontainer {
  position: relative;
}
.openmobile {
  display: none;
}

.check-vpn-tip {
    display: none;
    position: absolute;
    color: #000;
    background: #fff;
    line-height: 1.2;
    white-space: nowrap;
    padding: 10px 23px;
    right: -30px;
    bottom: -36px;
    border-radius:2px;
    -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 4%), 0 4px 4px rgb(0 0 0 / 4%), 0 20px 40px rgb(0 0 0 / 8%);
    box-shadow: 0 0 0 1px rgb(0 0 0 / 4%), 0 4px 4px rgb(0 0 0 / 4%), 0 20px 40px rgb(0 0 0 / 8%);
    border-radius: 6px;
}
.check-vpn-tip:before {
    content:'';
    height:8px;
    width:8px;
    transform:rotate(45deg);
    position: absolute;
    display: block;
    background: #fff;
    top: -4px;
    right: 34px;
}
.has-tip{
    position:relative;
}