*,

*:before,

*:after {

  padding: 0;

  margin: 0;

  border: 0;

  font-family: 'ProximaNova';

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  text-decoration:  none;

}



/*ul li {

  list-style: none;

}*/

a {

  text-decoration: none;

  color: inherit;

}





html,

body {

  overflow-x: hidden;

}

/*__________ЛОГО И ОБРАТНАЯ СВЯЗЬ____________*/



.header {

  width: 100%;

  border-bottom:solid 1px #D9D9D9;

  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);



}



.header{

  height: 100px;

  display: flex;

  align-items: center;

}



.header-phone {

  margin-left: 350px;

  position: sticky;

  display: flex;

  align-items:center;

}



.header-phone__val {

  font-size: 25px;

  font-weight: 700;

  width:260px;

  margin-left:16px;

  line-height: 30px;

  color: #231F48;

}



.header-phone__text{

  font-size: 14px;

  line-height: 18px;

  color: #808080;

  font-weight: 400;

  position: absolute;

  top: 35px;

  left: 56px;

}



.header_btn {

  width: 270px;

  height: 60px;

  padding: 21px;

  color: #FFF;

  background: rgba(0, 98, 86, 1);

  border-radius: 1px;

  text-align: center;

  font-size: 16px;

  -o-transition: .3s;

  transition: .3s;

  font-weight: 600;

  line-height: 20px;

  letter-spacing: 0em;

}



.header_btn:hover, .request_btn:hover {

  cursor: pointer;

  background: #231F48;

  color: #FFF;

}

 

/*________________НАВИГАЦИЯ________________*/



.container{

  max-width: 1200px;

  margin: 0 auto;

/*  height: 60px;*/

  display: flex;

  align-items: center;

}



#slow_nav{

  margin: 0 auto; 

  position: sticky;

  background-color: #FFF;

  top:0px;

  z-index: 3;

  width: 100%;

  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);



}



#slow_nav > ul{

  width: 1200px;

  margin: 0 auto;

  display: flex;

  height:60px;

  list-style: none;

  align-items:center;

}



#slow_nav > ul > li{

  list-style: none;

  display: inline-block;

  position:relative;

  cursor: pointer;

  background: url(/bitrix/templates/stanki/icons/Arrow-down.svg)no-repeat;

  background-position: 94px;

}

#slow_nav > ul > li:first-child{

  background-position: 119px;

}

#slow_nav > ul > li:nth-child(2){

  background-position: 165px;

}

#slow_nav > ul > li:last-child{

  background-position: 101px;

}

#slow_nav > ul > li > a{

  padding:5px;

  font-weight: 600;

  color:#262626;

  font-size: 16px;

  margin-right: 49px;

  pointer-events: none;

}

 

#slow_nav li ul{

  position:absolute;

  top:20px;

  font-size: 18px;

  font-weight: 400;



/* ДАННЫЕ СТРОКИ НУЖНЫ ДЛЯ ПРАВИЛЬНОЙ РАБОТЫ АНИМАЦИИ */

  max-height:0px;

  overflow:hidden;

  -webkit-transition:max-height 0.3s linear;

  -moz-transition:max-height 0.3s linear;

  transition:max-height 0.3s linear;

}

 

#slow_nav li:hover ul{

  max-height:300px;

  z-index: 2;

  background-color: #FFF;

  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);

}

 

#slow_nav li ul li a{

  padding:8px;

  color:#262626;

  display:block;
  background: #FFF;
  width:294px;

}

#slow_nav li ul li a:hover{
  background: #848482;
}

 

#slow_nav li ul li:hover{

  background-color: rgba(128, 128, 128, 1);

}

 

#slow_nav li ul li:first-child{

  margin-top:20px;

  position:relative;

}



/*________________БАННЕР________________*/



.banner{

  background: url(/bitrix/templates/stanki/images/Banner-new-img.jpg)no-repeat 50% / cover;

  width:100%;

  height:640px;

}



.banner_title{

  font-weight: 800;

  font-size: 48px;

  line-height: 56px;

  color: #FFF;

  position: relative;

  top: 180px;

  width: 850px;

}



.banner_title_mini {

  font-weight: 400;

  font-size: 25px;

  line-height: 31,25px;

  color: #FFF;

  top: 29px;

  position: relative;

  top: 210px;

}



.banner_button{

  width: 270px;

  height: 60px;

  background: #FFFFFF;

  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);

  border-radius: 1px;

  position: relative;

  top: 297px;

  font-weight: 600;

  font-size: 16px;

  line-height: 20px;

  cursor: pointer;

  color: #231F48;

  display: flex;

  align-items: center;

  justify-content: center;



}



.banner_button:hover{

  background: #231F48;

  color: #FFF;

}



/*________________БЛОК С ФАКТАМИ________________*/

/*.facts_container{

  display: flex;

}*/



.facts_block{

  width:310px;

  height: 128px;

  border-left: solid #D9D9D9;

  margin-top: 40px;

}



.facts_value{

  font-size: 72px;

  line-height: 88px;

  color: #231F48;

  font-weight: 700;

  margin-left: 20px;

}



.facts_desc{

  font-size: 16px;

  line-height: 125%;

  color: #808080;

  margin-left: 20px;

  width: 187px;

}



/*________________ОПИСАНИЕ УСЛУГ________________*/



.services{

  margin-top:72px;

}



.services_block{

  width:398px;

  height: 640px;

  margin-right: 3px;

}



.services_block:hover .services_block_menu{

  transition: 0.2s;

  display: block;

}

/*

.service_metall:hover {

  transition: 0.2s;

}*/



.services_block:hover .services_title{

  color:#FFF;

}



.services_block:hover .services_block_menu{

  color:#FFF;

}



.services_block:hover .block_menu_item{

  color:#FFF;

}



.services_block:hover .services_details{

  display: block;

}



.service_metall:hover{

  filter: grayscale(100%) 

  brightness(31%)

  sepia(100%) 

  hue-rotate(126deg) 

  saturate(1000%) 

  contrast(0.6);

}



.services_title{

  font-size: 25px;

  font-weight: 700;

  line-height: 30px;

  letter-spacing: 0em;

  color:#231F48;

  margin-top: 72px;

  top:1075px;

  position: absolute;

  pointer-events: none;

  width:318px;

  margin-left:40px;

}



.services_block_menu{

  margin-left:47px;

  margin-top: 40px;

  font-size: 18px;

  pointer-events: none;

  width:324px;

  display:none;

  top:1207px;

  position: absolute;

  font-weight: 400;

  line-height: 30px;

  letter-spacing: 0em;

}



.services_details{

  font-size: 25px;

  font-weight: 700;

  position: absolute;

  pointer-events: none;

  margin-left:47px;

  top: 1580px;

  display: none;

  color:#FFF;

  line-height: 30px;

  letter-spacing: 0em;

}



/*________________О КОМПАНИИ________________*/



.about_company > .title{
  margin-bottom: 0px;
}

.about_company_image{
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
      }
      .about_company_image a{
        display: flex;
        justify-content: center;
        width: 32%;
      }
      .about_company_image a img{
        max-width: 100%;
      }

.video_slider > .title,
.News_slider > .title{
  margin-bottom: 40px;
  margin-top: 144px;
}

.news_preview{
  object-fit: cover;
}



.title{

  font-size: 40px;

  font-weight: 700;

  margin: 0 auto;



  margin-top: 72px;

  margin-bottom:40px;

  line-height: 48px;

  letter-spacing: 0em;

  max-width: 1200px;

  }



.about_company_desc{

  margin-top:40px;

  font-size: 18px;

  font-weight: 400;

  line-height: 30px;

  letter-spacing: 0em;

  margin-bottom: 40px;

}



.advantages{

  width:300px;

  margin-bottom: 72px;

  height: 260px;

  align-items: center;

  display: flex;

  flex-direction: column;

}



.advantages_title{

  margin-top: 20px;

  margin-bottom: 20px;

  color:#231F48;

  font-weight:700;

  font-size: 25px;

  text-align: center;

}



.advantages_desc{

  color:#808080;

  font-weight:400;

  font-size: 18px;

  text-align: center;

  width:270px;

}



/*________________ПАРТНЕРЫ________________*/



.slider div{

	align-items: center;

  justify-content: center;

  display: flex;

}

.partners_slider{

  margin-bottom:72px;

}



.partner_wrapper {

  min-width: 0;

  height: 185px;

  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);

  margin-top: 5px;

}



.line{

  width:1200px;

  margin:0 auto;

  margin-bottom: 72px;

  border-bottom:solid 1px #DDDDDD;

}



.slider-arrows__right,

.slider-arrows__left {



  width: 40px;

  height: 40px;

  cursor: pointer;

  position: absolute;

  top: 45.5%;

  transform: translateY(-50%);

  z-index: 2;

}



.slider-dots {

  position: absolute;

  bottom: -41px;

  display: flex;

  left: 50%;

  transform: translateX(-50%);

  list-style: none;

}



.slider-dots li {

  background: #D9D9D9;

  border-radius: 50%;

  ;

  margin: 0 16px;

  height: 10px;

  width: 10px;

  left: 517px;

  top: 611px;

}



.slider-dots li button {

  font-size: 0

}



.slider-dots .slick-active {

  background: #006256;

}



.slider-dots li:hover {

  cursor: pointer;

  background-position: 0 50%

}



.slider-arrows__right {

  background: url(/bitrix/templates/stanki/icons/Arrow-right.png) no-repeat 50%;

  right: -82px;

  background-size: contain; 

}



.slider-arrows__left {

  background: url(/bitrix/templates/stanki/icons/Arrow-left.png) no-repeat 50%;

  left: -82px;

  background-size: contain;

}



/*________________ВИДЕО О НАС________________*/



.slider2{

    height: 210px;    

}



.Video_slider{

  margin-bottom:72px;

}



.video {

    position: relative;

}

.video--enabled {

    cursor: pointer;

}



.video__media {

    width: 270px;

}

.video--enabled .video__button {

    display: block;

}

.video__button {

  display: none;

  padding: 0;

  top: 70px;

  left:90px;

  position: absolute;

  border: none;

  background-color: transparent;

  cursor: pointer;

  outline: none;

}

.movie{

	justify-content: center;

  display: flex;
  flex-direction: column;

}
.movie__preview{
    max-width: 270px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #262626;
    margin-top: 15px;
}





/*________________НОВОСТИ КОМПАНИИ________________*/



.slider3{

    height:280px;

}



.news_wrapper{

	align-items: center;

  display: flex;

  flex-direction: column;

}



.News_slider{

  margin-bottom: 120px;

}



.news_wrapper{

  align-items: center;

}



.news_date{

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 4px;

  margin-top: 16px;

  line-height: 18px;

  color:#808080;

  letter-spacing: 0em;

}



.news_title{

  font-size: 18px;

  font-weight: 400;

  line-height: 30px;

  color:#262626;

}



.alerter{

  background: url(/bitrix/templates/stanki/images/yes.jpg)no-repeat 50% / cover;
  z-index: 5;
  left: 40%;
}



/*________________КНОПКА ТРУБКИ ВАТСАПА________________*/



.whatsapp-call-icon {

  background: url(/bitrix/templates/stanki/icons/Call.png) no-repeat 50%;

  background-color: #006256;

  box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 25%);

  border-radius: 50%;

  width: 60px;

  height: 60px;

  cursor: pointer;

  transform: translateY(-50%);

  z-index: 2;

  transition: 0.3s;

  position: fixed;

  bottom: 30px;

  left: 93%;

  top:78%;

  z-index: 3;

}



.whatsapp-call-icon:hover{

  background-color: #231F48;

}



/*________________КНОПКА ДЛЯ НАВИГАЦИИ ВВЕРХ________________*/



.toTop {

  background: url(/bitrix/templates/stanki/icons/ScrollUp.png) no-repeat 50%;

  background-color: #FFF;

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  border-radius: 50%;

  width: 60px;

  height: 60px;

  cursor: pointer;

  transform: translateY(-50%);

  z-index: 2;

  transition: 0.3s;

  position: fixed;

  bottom: 30px;

  left: 93%;

  top:70%;

  z-index: 3;

}



.toTop:hover{

  background-color: #231F48;

}





/*________________ОБРАТНАЯ СВЯЗЬ________________*/



.request_call{
  background: url(/bitrix/templates/stanki/images/req_banner.png) no-repeat 25% / cover;
  height:530px;
  display: flex;
  width:100%;
}



.request_title, .request_title a{

  font-size: 40px;

  font-weight: 700;

  line-height: 48px;

  color:#fff;

  letter-spacing: 0em;

}

.request_title a:hover{
  text-shadow: 0px 4px 4px #231F48;
}

.request_desc{

  font-size: 18px;

  margin-top:16px;

  margin-bottom: 40px;

  font-weight: 400;

  line-height: 22px;

  letter-spacing: 0em;

  color:#fff;

}



.request_main{

/*  margin-top:75px;*/

  width:600px;

/*  height:282px;*/

}



.form-block {

  min-height: 573px;

  padding: 30px 54px 50px;

  display: flex;

  flex-direction: column;

  align-items: center;

}



.form-block__title {

  text-align: center;

  font-size: 25px;

  line-height: 30px;

  margin-bottom: 23px;

}



.form-block__item {

  width: 100%;

  height: 60px;

  border: 1px solid #DFDFDF;

  background-color: #FFF;

  border-radius: 1px;

  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1) inset;

  position: relative;

}



.message {

  height: 60px;

  resize: none;

}



textarea {

  height: 38%;

  resize: none;

}



.form-block__item-input {

  width: 90%;

  font-size: 16px;

  line-height: 19px;

  margin-top: 20px;

  margin-left: 19px;

  outline: none;

}



.form-block__item-label {

  position: absolute;

  pointer-events: none;

  font-size: 16px;

  line-height: 19px;

  left: 20px;

  top: 20px;

  color: #848484;

  transition: 0.3s;

}



.form-block__item-input:focus~.form-block__item-label,

.form-block__item-input:not(:focus):valid~.form-block__item-label {

  top: 0px;

  font-size: 14px;

}



.form-politics {

  margin-top: 10px;

  margin-bottom: 27px;

  font-weight: 300;

  font-size: 14px;

  line-height: 17px;

}



.form-link {

  text-decoration: underline;

  color: #D13A52;

}



.confidence{

  width: 270px;

  bottom: 17px;

  position: relative;

  height: 54px;

  border-radius: nullpx;

  margin-left: 310px;

  font-size: 14px;

  color:#FFF;

  font-weight: 400;

  line-height: 18px;

  letter-spacing: 0em;

}



.footer_btn {

  padding: 21px;

  color: #231F48;

  text-align: center;

  font-size: 16px;

  -o-transition: .3s;

  transition: .3s;

  font-weight: 600;

  line-height: 20px;

  background: #fff;

  position: relative;

  height: 60px;

  width: 270px;

  top: 30px;

  border-radius: 1px;

}



.footer_btn:hover {

  cursor: pointer;

  background: #231F48;

  color: #FFF;

}





/*________________ФУТЕР________________*/



.footer_icons{

  align-items: center;

  display: flex;

  margin-top: 72px;

  flex-grow:1;

  justify-content: space-between;

}



.foot_ico{

  width: 270px;

}



.footer_menu{

  width:300px; 

  margin-top: 60px;

  border-left: solid 1px #D9D9D9 ;

}



.footer_menu_title, .footer_menu_item{

  margin-left: 20px;

}



.footer_menu_title{

  font-size: 20px;

  font-weight: 600;

  line-height: 24px;

  color:#231F48;

  letter-spacing: 0em;

  margin-bottom: 28px;

}



.footer_menu_item{

  font-size: 18px;

  font-weight: 400;

  line-height: 22px;

  margin-bottom: 20px;

  letter-spacing: 0em;

}



.footer_menu_item a{

  color:#808080;

}

.footer_menu_item a:hover{
  text-decoration: underline;
  color: rgba(0, 98, 86, 1)
}


.footer_main{

  display: flex;

}



.politics{

  font-size: 16px;

  color:#808080;

  cursor: pointer;

  font-weight: 400;

  width:327px;

  line-height: 20px;

  letter-spacing: 0em;

}

.politics span:hover{
  text-decoration: underline;
}

.footer_end {

  display: flex;

  margin-top: 57px;

  flex-grow: 1;

  justify-content: space-between;

}



/*______________НАША ПРОДУКЦИЯ -> НАСТРОЙКА ЛЕВОГО МЕНЮ________________*/



ul.container1{

  margin: 0 auto;

  padding: 0;

}
.sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 15px;
}

.sidebar{
  float: left;
}
.container1{

  position: sticky;

  top: 60px;

  height: 100px;
  display: contents;
  z-index: 1;

}



li.menu{

  width: 270px;

  padding: 5px 0;

  background-color: #FFF;

  margin-right: 40px;

  list-style: none;

}



.menu ul{

  list-style: none;

}



li.button a{

  height: 34px;

  display: block;

  overflow: hidden;

  position: relative;

  font-size: 21px;

  white-space: nowrap;  

/*  padding: 10px 20px 0 20px;*/

}

li.button a:hover{

  text-decoration: none;

}

li.button a span{

  /* This span acts as the right part of the section's background */

  height:44px;

  position:absolute;

  right:0;

  top:0;

  width:4px;

  display:block;

}

li.button a.box1, li.button a.box2, li.button a.box3, li.button a.box4, li.button a.box5, li.button a.box6{

  color :#262626;

  padding: 14px 0px 0px;

  border-top: solid 1px #D9D9D9;

  height: 57px;

}

.button--active .MenuArrow{
  transform: rotate(-90deg);
}

.button:focus{

  color:blue;

}



.dropdown{

  width: 256px;

  display: none;

}



.dropdown li{

  margin: 20px 0;

}



.dropdown li a{

  font-size: 18px;

  font-weight: 400;

  line-height: 22px;

  color: #262626;

}



.container2{

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

}



.MenuArrow {

  margin: 7px 0px;

  float:right;

}



.MenuArrow {

  -webkit-transition-duration: 1s;

  -moz-transition-duration: 1s;

  -o-transition-duration: 1s;

  transition-duration: 1s;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  -o-transition-property: -o-transform;

  transition-property: transform;

}





/*______________НАША ПРОДУКЦИЯ -> КАПИТАЛЬНЫЙ РЕМОНТ________________*/



.Our_production_blocks{

/*  margin: 0 auto;*/

  align-items: center;  
  margin-bottom: 86px;
  width:890px;

}
.Our_production_blocks_div{
  width: 100%;
  width:890px;
  margin-bottom: 72px;
}


.main_info_title{

  font-size: 40px;

  font-weight: 700;

  line-height: 48px;

  color:#262626;

}



.main_info_desc{

  margin-top: 50px;

  font-size: 18px;

  font-weight: 400;

  line-height: 30px;

  color:#262626;

}



.facts_and_video{

  display: flex;

  margin-bottom: 87px;

  margin-top:20px;

}



.facts_integer{

  font-size: 48px;

  font-weight: 800;

  line-height: 56px;

  text-align: left;

  color:#231F48;

}



.facts_title{

  font-size: 18px;

  font-weight: 400;

  line-height: 30px;

  text-align: left;

  color: #808080;

  width:202px;

}



.facts{

  margin-top: 20px;

}



.video_container{

  width: 580px;

  height:568px;

  margin-left: 107px;

}



.product_advantage_desc{

  font-size: 18px;

  font-weight: 400;

  line-height: 30px;

  color:#262626;

  margin-bottom: 40px;

}



.product_advantage{

  list-style-type: disc;

    font-size: 25px;

  font-weight: 700;

  line-height: 30px;

  color:#006256;

  margin-top: 40px;

  margin-bottom: 10px;

}



.product_categories{

  background: url(/bitrix/templates/stanki/images/MiniBanner.png) no-repeat 50%;

  height: 90px;

  width:890px;

  margin-top: 30px;
  display: flex;

}



.product_categories_banner{

  font-size: 25px;

  font-weight: 700;

  color:#FFFFFF;

  padding: 30px;

}



/*----------НАША ПРОДУКЦИЯ -> ПРОИЗВОДСТВО СТАНКОВ + ДОПОЛНИТЕЛЬНЫЕ УСЛУГИ------------*/



.machine_tools{

  margin: 0 auto;

  align-items: center;  

  width:890px;

}



.excellence{

  display: flex;

  flex-direction: row;

  align-items: center;

  margin-bottom: 40px;

}



.excellence_and_video{

  display: flex;

  margin-bottom: 87px;

  color:#231F48;

  margin-top: 20px;

}



.excellence_title{

  margin-left: 16px;

  font-size: 25px;

  font-weight: 700;

  line-height: 30px;



}

.video_container2{

  width: 580px;

  height:568px;

  margin-left: 9px;

}

.articles-detail ul{
  margin-left: 20px;
}



/*------Черновик для каталога товаров------*/



.product_main{

  background: url(/bitrix/templates/stanki/images/New_Banner.png) no-repeat 100% / cover;

  height: 90px;

  display: flex;
  margin-top: 20px;
  align-items:center;


/*  background-size: contain;*/

}



.product_name{

  font-size: 18px;

  font-weight: 400;

  line-height: 22px;
  margin-right: 6px;
  color:#FFFFFF;

  white-space: nowrap;

}



.product_categories_mark{

  font-size: 22px;

  font-weight: 700;

  color:#FFFFFF;

/*  padding: 9px;*/

}



.product_diametr, .product_length{

  font-size: 18px;

  font-weight: 400;

  text-align: left;

  line-height: 22px;

}



.product_length{

  width: 20%;

  white-space: nowrap;

}



.product_diametr{

  width: 20%;

  margin-right: 15%;

  white-space: nowrap;

}



.product_full_name{
width: 53%;
    flex-wrap: wrap;

  margin-left:30px;

}



.product_full_name, .product_size{

  display: flex;

  align-items:center;

  width: 30%;

}



.product_size{

  margin-left: 19%;

  width: 40%;

}



.ArrowToBuy{

  margin-left: 166px;

}



.ArrowToBuy{

  display: none;

}



.product_categories2:hover .ArrowToBuy{

  display: block;

}



.ArrowToBuy img{

  float: right;

}



/*----------ТОКАРНО-ВИНТОРЕЗНЫЕ СТАНКИ-------------*/



.card_tovar{

  background-color: #fff;

  margin: 0 auto;

  max-width: 1200px;

  border: none;

}



.stanok_photo{

  background-repeat: no-repeat;

/*  width: 435px;*/

/*  position: relative;

      left: 22%;*/

/*      margin-right: auto;

    margin-left: auto;*/

/*  height: 337px;*/

/*

  background-size: cover;*/

    width: 100%;

}



/*.stanok_info{

  width: min-content;

}*/



.stanok_photo {

  background-size: contain;

  width: 60%;

}



.stanok_fix_and_photo{

/*  display: flex;*/

  flex-grow: 1;

  justify-content: space-between; 

}



.stanok_fix_and_photo1{

  display: flex;

  /* flex-grow: 1; */

  flex-direction: column-reverse;

  /* justify-content: space-between; */

}



.stanok_fix{

/*  width: auto;

*/

min-height: 320px;

  display: flex;

}



.Stanok_main, .Stanok_main_first, .Stanok_main_second, .Stanok_main_third{

  max-width: 1200px;

  margin:0 auto;

  margin-bottom:40px;

}



.Stanok_title{

  font-size: 40px;

  font-weight: 700;

  line-height: 48px;

  color:#262626;

  white-space: nowrap;

  margin-bottom:40px;

}



.stanok_fix_title{

  font-size: 20px;

  font-weight: 600;

  line-height: 24px;

  color:#262626;

}



.stanok_fix_desc{

  font-size: 18px;

  font-weight: 400;

  line-height: 30px;

  margin-top: 20px;

  color:#262626;

  list-style: 

}



.stanok_fix_desc li{

  width:468px;

  list-style: disc;

  margin-left: 25px;

}







.stanok_bookmark{

  display: flex;

  border-bottom: 1px solid #D9D9D9;

  height: 40px;

}



.request_btn{

  width: 270px;

  height: 60px;

  padding: 21px;

  color: #FFF;

  background: rgba(0, 98, 86, 1);

  border-radius: 1px;

  text-align: center;

  font-size: 16px;

  -o-transition: .3s;

  transition: .3s;

  font-weight: 600;

  line-height: 20px;

  letter-spacing: 0em;

  margin-top: 60px;

}



.table{

  display: flex;

  margin:0 auto;

  justify-content: space-between;

  flex-grow:1;

}



.table_column{

  width: 700px;

}



.table_column.right{

  width: 42%;

}



.table_stroke{

  border-bottom: 1px solid #D9D9D9;

  font-size: 16px;

  font-weight: 400;

  line-height: 30px;

  margin-top: 8px;

  white-space: nowrap;

  color:#262626;

}



.Do_List_and_picture {

  justify-content: space-between;

  flex-grow: 1;

  display: flex;

  padding: 14px 0px;

  border-bottom: solid 1px #D9D9D9;

  flex-wrap: wrap;

}



.Stanok_main_second, .Stanok_main_third{

  display: none;

}

.menu > ul > li:first-child:{



}



#menu .button_fixed1,

#menu .button_fixed2,

#menu .button_fixed3{ 

	color:#006256; 

	margin-right: 40px;

	border-bottom: 1px solid #006256;

	padding: 20px 0px;

	cursor: pointer;

	font-weight: 600; 

}



#menu .button_no_fixed1,

#menu .button_no_fixed2,

#menu .button_no_fixed3{

  font-size: 16px;

  line-height: 20px;

  color:#808080;

  cursor: pointer; 

  font-weight: 600;

  margin-right: 40px;

  border-bottom: 1px solid transparent;

}



/* строка меню */

#menu {

  display: flex;

  border-bottom: 1px solid #D9D9D9;

  height: 40px;

  margin-right: 40px;

  list-style: none;

  font-size: 16px;

}

 

/* вкладка меню */

#menu li {

  font-size: 16px;

  line-height: 20px;

  color:#808080;

  cursor: pointer; 

  font-weight: 600;

  margin-right: 40px;

  border-bottom: 1px solid transparent;

}

 

/* активная вкладка меню */

.tab_active {

  color:#006256!important; 

  margin-right: 40px!important;

  border-bottom: 1px solid #006256!important;

  cursor: pointer!important;

  font-weight: 600!important; 

}



.search{

  width: 270px;

  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1) inset;

  height: 40px;

}



.input_place{

  width: 214px;

  height: 20px;

  position: relative;

  outline: none;

  top:10px;

  margin-left:16px;

}



.input_button{

  position: relative;

  top: -20px;

  cursor: pointer;

  width: 40px;

  left: 230px;

  height: 40px;

  outline: none;

  background: url(/bitrix/templates/stanki/icons/magnifier.png) no-repeat 50%;

}



.stanok_name, .length, .diametr{

  font-size: 18px;

  display: list-item;

  list-style-image: url("/bitrix/templates/stanki/icons/Sort__Arrow.png");

  font-weight: 400;

  line-height: 22px;

  color: #808080;

}



.stanok_name:hover,

.length:hover,

.diametr:hover{

  cursor: pointer;

  font-weight: 600;

  color: #231F48;

  list-style-image: url("/bitrix/templates/stanki/icons/Active__Sort__Arrow.png");

}



.stanok_name:focus,

.length:focus,

.diametr:focus{

  cursor: pointer;

  font-weight: 600;

  color: #231F48;

  list-style-image: url("/bitrix/templates/stanki/icons/Active__Sort__Arrow.png");

}



.measurements{

  display: flex;
  margin-bottom: 21px;
  margin-top: 40px;

}



.bx_sitemap_title{

  margin-bottom: 40px;

}



.stanok_name{

  width: 48%;
  white-space: nowrap;
  margin-left: 30px;

}

.diametr{

  width: 15%;

}



.length{

  width: 20%;

}



.hamburger-menu, .crumbback_mobile{

  display: none;

}

.page_logo{
  height: 60px;
}

.phone_page{
  height: 40px;
}

/*------Хлебные Крошки--------*/


.crumb{

  font-size: 16px;

  font-weight: 400;

  line-height: 20px;
  margin-left: 6px;
  margin-right: 5px;
  color:#808080;

}



.crumb.back{

  margin-left: auto

}



.bx-breadcrumb {

  height: 100px;

  margin: 0 auto!important;

  max-width: 1200px;

  align-items: center;

  display: flex;

}



.bread_arrow{

  display: contents;

}



.crumbback_mobile{

  font-size: 16px;

  font-weight: 400;

  line-height: 20px;

  color:#808080;

}



.bx-breadcrumb .bx-breadcrumb-item {

  margin-bottom: 0px!important; 

}



/*----КОНТАКТЫ Г.УФА------*/



.contacty_main{

  max-width: 1200px;

  margin: 0 auto;

  margin-bottom: 40px;

}



.contacty_title{

  font-weight: 600;

  font-size: 40px;

  line-height: 74px;

  color: #262626;

}

.contacts_icon{

  width: 14px;

}



.contacty_bookmarks{

  display: flex;

  align-items: center;

  margin-top: 35px;

  font-size: 20px;

}



.contacty_desc{

  margin-left: 20px;

  color: #262626;

  width: 50%;

}



/*---- НОВОСТИ------*/



.news_main_title{

  font-size: 40px;

  font-weight: 700;

  line-height: 48px;

  margin: 0 auto;

  max-width: 1200px;

  margin-bottom: 80px;

  color: #262626;

}



.news-item{

  flex-direction: column;

  display: flex;

  width: 390px;

  height: auto;

  padding: 20px 10px;

  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);

  margin-bottom: 40px;

}



.news-item b{

  font-size: 20px;

  color: #262626;

}



.news-date-time{

  margin-top: 20px;

  margin-bottom: 20px;

  font-size: 22px;

 color: #808080;

}



.news-list{

  margin: 0 auto;

  max-width: 1200px;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.news{
  margin-left: 15px;
}

.preview_picture{

  width: 100%;

  height: 270px;

}



.news-detail {

  max-width: 1200px;

  display: flex;

  flex-direction: column;

  margin: 0 auto;

  margin-top: 40px;

}



.detail_picture{

  margin: 0 auto;

  width: 100%;

  height: auto;

}





/*---------История компании-----------*/



.Medal {

  display: flex;

  margin: 0 auto;

}



.company_story{

  font-size: 22px;

  font-weight: 400;

  line-height: 46px;

  margin-top: 35px;

  color: #262626;

  text-align: justify;

}

.img_story{

  width: 300px;

  height: 250px;

  margin-bottom: 40px;

}

.images_story > .container{

  display: flex;

  margin-top: 35px;

  flex-wrap: wrap;

  justify-content: space-between;

}



/*-----реквизиты------*/



.crp-requisites-table td:first-child {

    background: #f7f7fa;

}



.crp-requisites-table td {

    border: 1px solid #e6e6e6;

    padding: 8px 18px;

}



td, td img {

    vertical-align: top;

}



.rekvizits_title{

  font-size: 40px;

  font-weight: 700;

  line-height: 48px;

  color: #262626;

  margin-bottom: 30px;

}

/*

.rekvizits{

  font-size: 22px;

  font-weight: 400;

  line-height: 50px;

  color: #262626;

}

*/

.bread_main{

  display: flex;

  margin: 0 auto;

  max-width: 1200px;

}



.crumb{

  padding: 30px 0px;

}



.crumb.back a:before{
  content: '<<';
  margin-right: 6px;
}



.map-block{

  max-width: 1200px;

  height:550px;

  margin: 0 auto;

  margin-top: 100px;

}



.container.kachestva,

.container.career,

.container.zakaz,

.container.today,

.container.story,

.container.rekvizits{

  display: block;

  margin-top: 40px;

  margin-bottom: 72px;

}



/*ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ*/



.conf {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 15;

  display: none;

  justify-content: center;

  align-items: center;

  background: rgba(0, 0, 0, 0.5);

}



.conf-visible {

  display: flex;

}



.conf-main {

  background: #fff;

  box-shadow: 0 0 30px rgb(0 0 0 / 10%);

  width: 60%;

  position: relative;

}



.conf-close {

  padding: 10px;

  position: absolute;

  top: 10px;

  right: 10px;

  cursor: pointer;

}



.conf-block {

  display: flex;

  flex-direction: column;

  align-items: center;

  padding: 24px;

}



.conf-title {

  text-align: center;

  font-size: 25px;

  line-height: 29px;

  margin-bottom: 24px;

}



.conf-block__btn {

  background: rgba(0, 98, 86, 1);

  align-items: center;

  height: 50px;

  display: flex;

  color: #FFF;

  cursor: pointer;

  width: 155px;

  justify-content: center;

  border-radius: 5px;

}



.conf-block__btn:hover {

  background: #231F48;

  color: #FFF;

}



.conf-description {

  overflow: auto;

  width: 90%;

  margin-bottom: 20px;

  height: 600px;

  padding: 10px;

  border: solid 1px black;

}



/*------------------СТАТЬИ--------------------*/



.articles-list{

  margin: 0 auto;

  max-width: 1200px;

}



.articles-item{

  font-size: 28px;
  margin-left: 20px;
  line-height: 2;

  display: list-item;

  color: #231F48;

}



.articles-detail{

  margin: 0 auto;

  max-width: 1200px;

/*  line-height: 1.6;*/

  font-size: 16px;

}

/*------------------НАШИ ЦЕХА--------------------*/



.Cekh.container{

  justify-content: space-between;

    flex-wrap: wrap;

}



.Cekh__desc{

  display: table-caption;

  width: 169px;

}



.Cekh__main{

  margin-right: auto;

  flex-wrap: wrap;

  margin-bottom: 10px;

}



.Cekh__main img{

  margin-right: 7px;

}



.Cekh__img{

  width: 220px;

}



.cekha-item b{

  position: relative;

  top: 10px;

  color: rgba(0, 98, 86, 1);

}



.cekha-item{

    width: 22.5%;

    height: 270px;

  margin-bottom: 80px;

}



.cekh-list {

  margin: 0 auto;

  max-width: 1200px;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.cekh-detail {

  max-width: 1200px;

/*  display: flex;*/

  margin: 0 auto;

  margin-top: 40px;

}



.cekh_detail_picture{

  margin-right: 50px;

/*  margin-bottom: 80px;*/

  padding: 0px 0 7px 0px;

}



.cekh-detail__info img{

  margin-right: 10px;

  margin-top: 10px;



}

.cekh-detail__info{

/*  line-height: 22px;*/

  display: inline-block;

}



.cekh-detail__info p{

/*  width: 900px;*/



}



.news-item img{

  object-fit: cover;

}



 /*

.table_stroke.rekv{

  height: 100px;

  display: flex;

  align-items: center;

  border: 1px solid #D9D9D9;

  margin-top: 0px;

  padding: 20px;

  line-height: initial;

}



.table_stroke.rekvright{

  height: 100px;

  display: flex;

  align-items: center;

  font-weight: 600;

  border: 1px solid #D9D9D9;

  margin-top: 0px;

  line-height: initial;

  padding: 20px;

}

*/





.main h2 {

  margin-bottom: 28px;

  color: #3b3b3b;

  font-size: 24px;

  font-weight: 700;

  line-height: 28px;

}



.content {

  max-width: 1200px;

  margin: 0 auto;

  display: block;

  background: #fff;

  position: relative;

  z-index: 1;

  min-height: 320px;

}



.content .main {

  width: 80%;

  float: left;

/*    padding-left: 40px;*/



}



/*.work {

    width: 100%;

    max-width: 1600px;

    min-width: 320px;

    padding-left: 15px;

    padding-right: 15px;

    margin: 0 auto;

}

*/

.content .inner {

  padding-top: 20px;

  padding-bottom: 10px;

}



.contacts p {

  color: #3b3b3b;

  font-size: 17px;

  line-height: 24px;

  margin-bottom: 40px;

}



.contacts ul li span {

  color: #3b3b3b;

  font-size: 18px;

  font-weight: 700;

  line-height: 26px;

  text-transform: uppercase;

}



.contacts ul li {

  width: 49%;

  display: inline-block;

  vertical-align: top;

  margin-bottom: 20px;

  padding-left: 20px;

  position: relative;

}



.contacts ul li p {

  margin-bottom: 0;

}



.contacts ul li p a {

  color: #3b3b3b;

  font-size: 17px;

}



.col {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -ms-flex-positive: 1;

  flex-grow: 1;

  max-width: 100%;

}



.contacts .col {

  display: inline-block;

  vertical-align: top;

}



.contacts .col_1 {

  width: 45%;

  padding-right: 95px;

}



.contacts .col_2 {

  width: 54%;

  padding-left: 95px;

  border-left: 1px solid #e8e8e8;

}



.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {

  position: relative;

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

}



.hoba, .table1 tr td{

  border: 1.5px solid gray;

}



.image_lightbox{

  width: 100px;

  height: 141px;

  margin-right: 10px;

}



.image.container{

  flex-wrap: wrap;

}



.product_categories a{

  display: flex;

  align-items: center;

  color: #FFF;

  margin-left: 30px;

  font-size: 25px;

  font-weight: 700;

}

.big__table, .big__table tr td{
  border: solid 1px;
  padding: 0 5px;
}

.big__table strong{
  display: flex;
  align-items: center;
  justify-content: center;
}

.search_main{
  max-width: 1200px;
  margin: 0 auto;
}

.crumb span{
  margin-left: 6px;
}



.articles-detail img{
  margin: 0 auto;
}

.product_diametr p,
.product_length p{
  display: none;
}

.effect{
  height: 90px;
/*    position: absolute;
    left: 1290px;*/
    display: none;
    position: relative;
    left: 110px;
    
  }

.articles-detail td, td img {
    vertical-align: top;
    border: 1px solid #000;
    padding: 5px
}
.bx-pagination-stanki{
  margin: 30px 0;
}

.bx-pagination-stanki .bx-pagination-container ul li span{
  font-size: 22px;
}
.bx-pagination-stanki .bx-pagination-container ul li span{
  min-width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%
}
.bx-pagination-stanki .bx-pagination-container ul li.bx-active span {
    background: #006256;
    color: #fff;
}
.bx-pagination-stanki .bx-pagination-container ul li.bx-pag-all span, .bx-pagination-stanki .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination-stanki .bx-pagination-container ul li.bx-pag-next span{
  border-radius: 16px;
}

.block-h1{
  font-size: 2em;
  font-weight: bold;
}
.block-h2{
  font-size: 1.5em;
  font-weight: bold;
}
.contacts-block-h2{
  margin-top: 20px;
}