/* Start:/bitrix/templates/remontuslugi_main/components/bitrix/news.list/about_history/style.css?17447113752390*/


/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');*/

::selection{
  color: #fff;
  background: #ff7979;
}
.envelope{
  /*max-width: 1080px;*/
  margin: 50px auto;
  padding: 0 20px;
  position: relative;
}
.envelope .sentralnaya-liniya{
  position: absolute;
  height: 100%;
  width: 1px;
  background: #DCE8EF;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
}
.envelope .row{
  display: flex;
}
.envelope .kapsula-1{
  justify-content: flex-start;
}
.envelope .kapsula-2{
  justify-content: flex-end;
}
.envelope .row section{
  /*background: #fff;*/
  border-radius: 5px;
  width: calc(50% - 40px);
  padding: 5px 0 0;
  position: relative;
}

.kapsula-1 section {
  text-align: right;
}
/*.envelope .row section::before{
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  background: #fff;
  top: 28px;
  z-index: -1;
  transform: rotate(45deg);
}*/
.kapsula-1 section::before{
  right: -7px;
}
.kapsula-2 section::before{
  left: -7px;
}
.row section .icon,
.sentralnaya-liniya .anachok-prokrus{
  position: absolute;
  background: white;
  height: 10px;
  width: 10px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  border: 2px #1C4269 solid;
  /*color: #ff7979;*/
  /*font-size: 17px;*/
  /*box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0,0,0,0.08), 0 3px 0 4px rgba(0,0,0,0.05);*/
}
.sentralnaya-liniya .anachok-prokrus{
  bottom: 0px;
  left: 50%;
  font-size: 25px;
  transform: translateX(-50%);
}
.kapsula-1 section .icon{
  top: 15px;
  right: -45px;
}
.kapsula-2 section .icon{
  top: 15px;
  left: -45px;
}

7.row section p{
  margin: 10px 0 17px 0;
}


.kapsula-1>section>div {
  padding-right: 30px;
}
.kapsula-2>section>div {
  padding-left: 30px;
}
/*.kapsula-2 section::before{
  left: -7px;
}*/



@media(max-width: 790px){

.kapsula-1>section>div, .kapsula-2>section>div{
  padding: 0;
}


  .kapsula-1 section {
  text-align: left;
}
  .envelope .sentralnaya-liniya{
    left: 40px;
  }
  .envelope .row{
    margin: 30px 0 3px 60px;
  }
  .envelope .row section{
    width: 100%;
  }
  .kapsula-1 section::before{
    left: -7px;
  }
  .kapsula-1 section .icon{
    left: -45px;
  }
}
@media(max-width: 440px){
  .envelope .sentralnaya-liniya,
  .row section::before,
  .row section .icon{
    display: none;
  }
  .envelope .row{
    margin: 10px 0;
  }
}
/* End */
/* /bitrix/templates/remontuslugi_main/components/bitrix/news.list/about_history/style.css?17447113752390 */