.section-top-page .section-text:after { width: 140px; height: 1px; content: ''; display: block; background: #999; margin: 40px auto; }
.section-top-page .section-text > div { max-width: 880px; margin: auto; padding: 0 50px; }

.section-page-list .section-list { margin-top: 60px; }
.section-page-list .section-list .block-page-list { display: table; margin: 0 -15px; }
.section-page-list .section-list .block-item { display: inline-grid; width: 33.33%; padding: 0 15px; margin-bottom: 30px; }
.section-page-list .section-list .block-item > div { padding-top: 72%; position: relative; background-color: #999; background-blend-mode: multiply; background-position: center; background-size: cover; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; }
.section-page-list .section-list .block-item:hover > div { background-color: #0b7877; }
.section-page-list .section-list .block-item:hover .text-bottom { visibility: visible; opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.section-page-list .section-list .block-text { padding: 50px; position: absolute; left: 0; width: 100%; top: 0; height: 100%; }
.section-page-list .section-list .block-text .text-bottom { padding: 50px; }
.section-page-list .section-list .block-text * { color: #fff; }
.section-page-list .section-list .block-text h3 { margin-top: 0; font-family: "roboto-black", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; }
.section-page-list .section-list .block-text > a { position: absolute; left: 0; width: 100%; top: 0; height: 100%; }
.section-page-list .section-list .text-bottom { position: absolute; bottom: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -o-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); }
.section-page-list .section-list .text-bottom .text-link { text-transform: uppercase; font-family: "roboto-black", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 30px; }
.section-page-list .section-title h3 { text-transform: uppercase; color: #333; }

.section-content-page { margin: 100px 0; }

@media (max-width: 1680px) { .section-page-list .section-list .block-text { padding: 30px 40px; }
  .section-page-list .section-list .block-text .text-bottom { padding: 30px 40px; }
  .section-page-list .section-list .block-text h3 { font-size: 2rem; } }
@media (max-width: 1380px) { .section-page-list .section-list .block-text { font-size: 1.2rem; } }
@media (max-width: 1200px) and (min-width: 1081px) { .section-page-list .section-list .block-item > div { padding-top: 100%; } }
@media (max-width: 1080px) { .section-page-list .section-list .block-item { width: 50%; padding: 0; }
  .section-page-list .section-list .block-item:nth-child(odd) { padding-right: 8px; }
  .section-page-list .section-list .block-item:nth-child(even) { padding-left: 8px; }
  .section-page-list .section-list .block-page-list { margin: 0; } }
@media (max-width: 920px) { .section-content-page { margin: 40px 0; }
  .section-page-list .section-list .block-text { padding: 20px; }
  .section-page-list .section-list .block-text .text-bottom { padding: 20px; } }
@media (max-width: 720px) { .section-page-list .section-list .block-item { width: 100%; padding: 0 !important; } }
@media (max-width: 680px) { .section-page-list .section-list { margin-top: 30px; }
  .section-page-list .section-title h3 { font-size: 2rem; }
  .section-top-page .section-text > div { padding: 0; } }

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