/* Start:/local/templates/expressperevod2017/components/bitrix/news/services_new/bitrix/catalog.section.list/main/style.css?15605157287419*/
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}
.modal-btn {
  padding: .5em 1.5em;
  display: inline-block;
  text-align: center;
  background: #80bae7;
  background: -moz-linear-gradient(top, #80bae7 0%, #4d86c7 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #80bae7), color-stop(100%, #4d86c7));
  background: -webkit-linear-gradient(top, #80bae7 0%, #4d86c7 100%);
  background: -o-linear-gradient(top, #80bae7 0%, #4d86c7 100%);
  background: -ms-linear-gradient(top, #80bae7 0%, #4d86c7 100%);
  background: linear-gradient(to bottom, #80bae7 0%, #4d86c7 100%);
  color: #fff !important;
  text-decoration: none;
  border-radius: 0;
  transition: all .2s;
  cursor: pointer; }
  .modal-btn:hover, .modal-btn:focus, .modal-btn:active {
    color: #fff;
    opacity: .9; }

.modal-content-btn {
  width: 140px; }

.modal-content.is-open {
  width: 480px; }

.modalTitle {
  margin-bottom: 1em;
  font-size: 1.5em; }

.modal-container {
  display: inline-block;
  padding-top: 0px;
  position: relative; }
  .modal-container .modal-content,
  .modal-container .modal-backdrop {
    height: 0;
    width: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    cursor: pointer;
    transition: opacity 0.2s ease-in; }
  .modal-container .modal-close {
    color: #aaa;
    position: absolute;
    right: 5px;
    top: 5px;
    padding-top: 3px;
    background: #fff;
    font-size: 16px;
    width: 25px;
    height: 25px;
    font-weight: bold;
    text-align: center;
    cursor: pointer; }
    .modal-container .modal-close:hover {
      color: #333; }
  .modal-container .modal-content-btn {
    position: absolute;
    width: 140px;
    bottom: 3em;
    left: calc(50% - 80px); }
  .modal-container #modal-toggle {
    display: none; }
    .modal-container #modal-toggle.active ~ .modal-backdrop, .modal-container #modal-toggle:checked ~ .modal-backdrop {
      background-color: rgba(0, 0, 0, 0.6);
      width: 100vw;
      height: 100vh;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 9;
      visibility: visible;
      opacity: 1;
      transition: opacity 0.2s ease-in; }
    .modal-container #modal-toggle.active ~ .modal-content, .modal-container #modal-toggle:checked ~ .modal-content {
      box-sizing: border-box;
      opacity: 1;
      background-color: #fff;
      width: 480px;
      height: inherit;
      padding: 3em 2em 6em 2em;
      position: fixed;
      left: calc(50% - 200px);
      top: 5%;
      border-radius: 0;
      z-index: 999;
      pointer-events: auto;
      cursor: auto;
      visibility: visible;
      box-shadow: 0 3px 7px rgba(0, 0, 0, 0.6); }

#contentControl {
  box-sizing: border-box; }
  #contentControl .row {
    margin-bottom: 1.5em;
    box-sizing: border-box; }
    #contentControl .row .line {
      min-height: 36px;
      margin-bottom: .5em;
      box-sizing: border-box; }
      #contentControl .row .line .captcha img {
        max-width: 250px;
        object-fit: contain; }
      #contentControl .row .line p {
        color: #000;
        margin: .5em 0; }
      #contentControl .row .line > button {
        height: 30px;
        width: 210px;
        line-height: 25px;
        padding: 0em 1em;
        display: inline-block;
        text-align: center;
        background: #fff;
        font-size: 10px;
        color: #000;
        text-decoration: none;
        border-radius: 0;
        border: 1px solid #ccc;
        transition: all .2s;
        cursor: pointer; }
        #contentControl .row .line > button:hover, #contentControl .row .line > button:focus, #contentControl .row .line > button:active {
          opacity: .9; }
      #contentControl .row .line.two {
        column-count: 2; }
        #contentControl .row .line.two > * {
          float: left; }
      #contentControl .row .line textarea, #contentControl .row .line input, #contentControl .row .line select {
        box-sizing: border-box;
        width: 100% !important;
        background-image: none !important;
        border: 1px solid #ccc !important;
        font-size: 10px;
        font-weight: normal;
        margin: 0; }
      #contentControl .row .line input {
        height: 30px;
        line-height: 30px;
        padding: 0 1em;
        color: #000; }
      #contentControl .row .line textarea {
        padding: .5em 1em;
        resize: vertical;
        min-height: 100px; }
      #contentControl .row .line .selectController {
        position: relative;
        width: 210px;
        background: transparent; }
        #contentControl .row .line .selectController:before {
          z-index: 999;
          display: inline-block;
          top: 5px;
          right: 26px;
          position: absolute;
          content: '';
          background: #ccc;
          height: 20px;
          width: 1px; }
        #contentControl .row .line .selectController:after {
          top: 12px;
          right: 8px;
          position: absolute;
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 6px 5px 0 5px;
          border-color: #000000 transparent transparent transparent; }
        #contentControl .row .line .selectController select {
          height: 30px;
          line-height: 25px;
          display: inline-block;
          z-index: 9999;
          cursor: pointer;
          background: transparent;
          padding: 0 1em;
          border-radius: 0;
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none; }

.servicesController {
  padding: 4em 0 1em 0; }
  .servicesController .holder {
    margin-bottom: 3em; }
    .servicesController .holder:after {
      content: "";
      display: table;
      clear: both; }
    .servicesController .holder h3 {
      position: relative;
      font-size: 24px;
      border-bottom: 1px solid #cccccc;
      padding: 0em 0 .6em 2em;
      margin: 0 0 .6em 0; }
      .servicesController .holder h3:after {
        content: '';
        position: absolute;
        top: -.1em;
        left: 0;
        display: inline-block;
        height: 30px;
        width: 30px; }
    .servicesController .holder:nth-child(1) h3:after {
      background: url("/local/templates/corp_services_gray_copy/images/pen.png") no-repeat center/contain; }
    .servicesController .holder:nth-child(2) h3:after {
      background: url("/local/templates/corp_services_gray_copy/images/gar.png") no-repeat center/contain; }
    .servicesController .holder:nth-child(3) h3:after {
      background: url("/local/templates/corp_services_gray_copy/images/note.png") no-repeat center/contain; }
    .servicesController .holder ul {
      float: left;
      width: 25%;
      margin: 0; }
      .servicesController .holder ul li {
        list-style: none;
        padding-left: 1em;
        margin-bottom: .5em;
        position: relative; }
        .servicesController .holder ul li:after {
          content: '';
          position: absolute;
          top: .5em;
          left: 0;
          display: inline-block;
          height: .5em;
          width: .5em;
          background: url("/local/templates/corp_services_gray_copy/css/../images/dot.gif") no-repeat -1px -5px; }
        .servicesController .holder ul li a {
          font-size: 12px; }

/*# sourceMappingURL=style.css.map */

/* End */
/* /local/templates/expressperevod2017/components/bitrix/news/services_new/bitrix/catalog.section.list/main/style.css?15605157287419 */