/* Start:/bitrix/templates/pecom_new/template_styles.css?14526825473450*/
.scrollToTop {
   color: #fff;
  position: fixed;
  bottom: 50px;
  right: 50px;
  width: 50px;
  height: 50px;
  text-align: center;
  cursor: pointer;
  background-color: #928fb4;
  opacity: 0.5; 
  z-index: 3005;
  display: none;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.scrollToTop i {
  line-height: 50px;
  font-size: 24px;
}
.scrollToTop:hover {
  background-color: #5b588e;
}

@media screen and (min-width: 1px) and (max-width: 640px) {
  .scrollToTop {
    width: 100px;
    height: 100px; 
    background-color:  #928fb4;
     bottom: 0px;
     right: 0px;
  }
  .scrollToTop i {
    line-height: 40px;
    font-size: 20px;
  }
}

@font-face {
    font-family: 'pecom';
    src:    url('/fonts/mainpage/pecom.eot?o28qzo');
    src:    url('/fonts/mainpage/pecom.eot?o28qzo#iefix') format('embedded-opentype'),
        url('/fonts/mainpage/pecom.ttf?o28qzo') format('truetype'),
        url('/fonts/mainpage/pecom.woff?o28qzo') format('woff'),
        url('/fonts/mainpage/pecom.svg?o28qzo#pecom') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="picon-"], [class*=" picon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'pecom' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.transport-categories a:hover .picon, .about .btns-group a:hover .picon, .transport-categories a:focus .picon, 
.about .btns-group a:focus .picon, .transport-categories a:active .picon, .about .btns-group a:active .picon, .transport-categories a.active .picon, .about .btns-group a.active .picon {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          -o-transform: scale(1.2);
     transform: scale(1.2);
}

.transport-categories a .picon, .about .btns-group a .picon {
  color: #250e62;
  line-height: initial;
  -webkit-transition: all ease-in-out 0.2s;
          -o-transition: all ease-in-out 0.2s;
     transition: all ease-in-out 0.2s; 
}



  .transport-categories a .picon:before, .about .btns-group a .picon:before {
   font-size:60px;
    display: inline-block;
    margin-bottom: 20px;
  }


.picon-pdoc:before {
    content: "\e902";
  
}

.picon-prates:before {
    content: "\e901";

}
.picon-psroki:before {
    content: "\e900";

}
.picon-pfilials:before {
    content: "\e917";

}


.about .btns-group .ico-wrapper .picon {
  vertical-align: middle;
  display: inline-block;
}

@media screen and (min-width: 1px) and (max-width: 640px) {

.picon-pdoc:before {
    content: "\e902";
   font-size: 120px;
}

.picon-prates:before {
    content: "\e901";
 font-size: 120px;
}
.picon-psroki:before {
    content: "\e900";
 font-size: 120px;
}
.picon-pfilials:before {
    content: "\e917";
 font-size: 120px;
}
  .transport-categories a .picon, .about .btns-group a .picon {
    font-size: 120px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    margin-left: 45px; 
  }

  .transport-categories a .picon:before, .about .btns-group a .picon:before {
 font-size: 120px;
    display: inline-block;
    margin-top: 25px; 
  }



}

/* End */
/* /bitrix/templates/pecom_new/template_styles.css?14526825473450 */