/* до 639px (0px - 639px)*/
/* до 990px (640px - 990px) */
/* до 1199 (990px - 1199px) */
/* до 1599px (1200px - 1599px) */
/* 1600 */
/* 1920 */
.start-block {
  text-align: center;
  padding: 6.6% 0 60px;
  position: relative;
}
@media (max-width: 990px) {
  .start-block {
    padding-bottom: 30px;
  }
}
@media (max-width: 639px) {
  .start-block {
    padding-bottom: 20px;
  }
}
.start-block:before {
  content: "";
  position: absolute;
  display: block;
  width: 73%;
  padding-top: 16.57%;
  right: 0;
  top: 0;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22976%22%20height%3D%22162%22%20viewBox%3D%220%200%20976%20162%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M145.425%20160.169L145.196%2064.0678L98.1674%20143.237H81.5017L34.701%2066.1271V160.169H0V0H30.5917L90.4053%2099.5339L149.306%200H179.669L180.126%20160.169H145.425Z%22%20fill%3D%22%23F7FAFD%22%2F%3E%0A%3Cpath%20d%3D%22M273.973%20162C261.036%20162%20249.393%20159.331%20239.044%20153.992C228.847%20148.5%20220.856%20140.949%20215.073%20131.339C209.289%20121.729%20206.398%20110.822%20206.398%2098.6186C206.398%2086.4153%20209.289%2075.5085%20215.073%2065.8983C220.856%2056.2881%20228.847%2048.8136%20239.044%2043.4746C249.393%2037.9831%20261.036%2035.2373%20273.973%2035.2373C286.91%2035.2373%20298.477%2037.9831%20308.674%2043.4746C318.871%2048.8136%20326.862%2056.2881%20332.645%2065.8983C338.429%2075.5085%20341.321%2086.4153%20341.321%2098.6186C341.321%20110.822%20338.429%20121.729%20332.645%20131.339C326.862%20140.949%20318.871%20148.5%20308.674%20153.992C298.477%20159.331%20286.91%20162%20273.973%20162ZM273.973%20132.712C283.105%20132.712%20290.563%20129.661%20296.346%20123.559C302.282%20117.305%20305.25%20108.992%20305.25%2098.6186C305.25%2088.2458%20302.282%2080.0085%20296.346%2073.9068C290.563%2067.6526%20283.105%2064.5254%20273.973%2064.5254C264.841%2064.5254%20257.308%2067.6526%20251.372%2073.9068C245.436%2080.0085%20242.468%2088.2458%20242.468%2098.6186C242.468%20108.992%20245.436%20117.305%20251.372%20123.559C257.308%20129.661%20264.841%20132.712%20273.973%20132.712Z%22%20fill%3D%22%23F7FAFD%22%2F%3E%0A%3Cpath%20d%3D%22M444.345%20154.22C440.844%20156.814%20436.506%20158.797%20431.332%20160.169C426.309%20161.39%20420.982%20162%20415.351%20162C400.74%20162%20389.401%20158.263%20381.335%20150.788C373.421%20143.314%20369.463%20132.331%20369.463%20117.839V67.2712H350.515V39.8136H369.463V9.83899H405.078V39.8136H435.669V67.2712H405.078V117.381C405.078%20122.568%20406.371%20126.61%20408.959%20129.508C411.698%20132.254%20415.503%20133.627%20420.374%20133.627C426.005%20133.627%20430.799%20132.102%20434.756%20129.051L444.345%20154.22Z%22%20fill%3D%22%23F7FAFD%22%2F%3E%0A%3Cpath%20d%3D%22M518.99%20162C506.054%20162%20494.41%20159.331%20484.061%20153.992C473.864%20148.5%20465.873%20140.949%20460.09%20131.339C454.306%20121.729%20451.415%20110.822%20451.415%2098.6186C451.415%2086.4153%20454.306%2075.5085%20460.09%2065.8983C465.873%2056.2881%20473.864%2048.8136%20484.061%2043.4746C494.41%2037.9831%20506.054%2035.2373%20518.99%2035.2373C531.927%2035.2373%20543.494%2037.9831%20553.691%2043.4746C563.889%2048.8136%20571.879%2056.2881%20577.662%2065.8983C583.446%2075.5085%20586.338%2086.4153%20586.338%2098.6186C586.338%20110.822%20583.446%20121.729%20577.662%20131.339C571.879%20140.949%20563.889%20148.5%20553.691%20153.992C543.494%20159.331%20531.927%20162%20518.99%20162ZM518.99%20132.712C528.122%20132.712%20535.58%20129.661%20541.363%20123.559C547.299%20117.305%20550.267%20108.992%20550.267%2098.6186C550.267%2088.2458%20547.299%2080.0085%20541.363%2073.9068C535.58%2067.6526%20528.122%2064.5254%20518.99%2064.5254C509.858%2064.5254%20502.325%2067.6526%20496.389%2073.9068C490.453%2080.0085%20487.485%2088.2458%20487.485%2098.6186C487.485%20108.992%20490.453%20117.305%20496.389%20123.559C502.325%20129.661%20509.858%20132.712%20518.99%20132.712Z%22%20fill%3D%22%23F7FAFD%22%2F%3E%0A%3Cpath%20d%3D%22M757.157%200L687.983%20160.169H651.456L582.51%200H622.462L671.089%20114.407L720.401%200H757.157Z%22%20fill%3D%22%23F7FAFD%22%2F%3E%0A%3Cpath%20d%3D%22M808.388%2035.2373C827.413%2035.2373%20842.023%2039.8136%20852.221%2048.9661C862.418%2057.9661%20867.517%2071.6186%20867.517%2089.9237V160.169H834.185V144.839C827.489%20156.28%20815.008%20162%20796.745%20162C787.308%20162%20779.09%20160.398%20772.089%20157.195C765.24%20153.992%20759.989%20149.568%20756.336%20143.924C752.684%20138.28%20750.857%20131.873%20750.857%20124.703C750.857%20113.263%20755.119%20104.263%20763.642%2097.7034C772.317%2091.1441%20785.634%2087.8644%20803.594%2087.8644H831.902C831.902%2080.0848%20829.543%2074.1356%20824.825%2070.017C820.107%2065.7458%20813.03%2063.6102%20803.594%2063.6102C797.049%2063.6102%20790.581%2064.678%20784.188%2066.8136C777.948%2068.7966%20772.621%2071.5424%20768.208%2075.0508L755.423%2050.1102C762.12%2045.3814%20770.11%2041.7203%20779.394%2039.1271C788.83%2036.5339%20798.495%2035.2373%20808.388%2035.2373ZM805.648%20137.975C811.736%20137.975%20817.139%20136.602%20821.857%20133.856C826.575%20130.958%20829.924%20126.763%20831.902%20121.271V108.686H807.475C792.864%20108.686%20785.558%20113.492%20785.558%20123.102C785.558%20127.678%20787.308%20131.339%20790.809%20134.085C794.462%20136.678%20799.408%20137.975%20805.648%20137.975Z%22%20fill%3D%22%23F7FAFD%22%2F%3E%0A%3Cpath%20d%3D%22M933.765%2053.3136C938.027%2047.3644%20943.734%2042.8644%20950.887%2039.8136C958.193%2036.7627%20966.564%2035.2373%20976%2035.2373V68.1864C972.043%2067.8814%20969.379%2067.7288%20968.01%2067.7288C957.812%2067.7288%20949.822%2070.6271%20944.039%2076.4237C938.255%2082.0678%20935.363%2090.6102%20935.363%20102.051V160.169H899.749V37.0678H933.765V53.3136Z%22%20fill%3D%22%23F7FAFD%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  z-index: -1;
}
.start-block h1 {
  font-weight: bold;
  font-size: 50px;
  line-height: 61px;
}
.start-block .description {
  margin: 25px auto 0;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
  max-width: 950px;
}
.container .works-list {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  margin-bottom: 80px;
}
@media (max-width: 1199px) {
  .container .works-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 990px) {
  .container .works-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 639px) {
  .container .works-list {
    grid-template-columns: 1fr;
  }
}
.container .works-item {
  height: 400px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 1599px) {
  .container .works-item {
    height: 360px;
  }
}
@media (max-width: 1199px) {
  .container .works-item {
    height: 340px;
  }
}
.container .works-item:hover .information {
  opacity: 1;
  bottom: 0;
}
.container .works-item.row-n1_r1 {
  grid-column: 1 / span 2;
}
.container .works-item.row-n2_r2 {
  grid-column: 2 / span 2;
}
.container .works-item.row-n3_r3 {
  grid-column: 3 / span 2;
}
@media (max-width: 1199px) {
  .container .works-item {
    grid-column: auto !important;
  }
}
.container .works-item .information {
  width: 100%;
  position: absolute;
  padding: 15px 10px;
  bottom: -10px;
  opacity: 0;
  background: rgba(17, 77, 151, 0.6);
  transition: 300ms ease opacity 0ms, 300ms ease bottom 0ms;
}
.container .works-item .information .title {
  font-weight: bold;
  font-size: 18px;
  line-height: 150%;
  color: #F7FAFD;
}
.container .works-item .information .description {
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
  color: #F7FAFD;
  margin-top: 5px;
}
.request-form {
  height: 680px;
  margin-top: 80px;
  background: #181818 url("/assets/images/design/work-form-bg.jpg") left top no-repeat;
}
@media (max-width: 1599px) {
  .request-form {
    height: 650px;
  }
}
@media (max-width: 1199px) {
  .request-form {
    height: 560px;
    background: #181818 url("/assets/images/design/work-form-bg.jpg") -15% top / 70% no-repeat;
  }
}
@media (max-width: 990px) {
  .request-form {
    height: 510px;
    background: #181818;
  }
}
.request-form .container {
  padding-top: 1px;
  margin-bottom: -1px;
}
.request-form form {
  width: 565px;
  margin: 130px 0 130px auto;
  color: white;
}
@media (max-width: 1599px) {
  .request-form form {
    margin: 90px 0 90px auto;
  }
}
@media (max-width: 1199px) {
  .request-form form {
    margin: 60px 0 60px auto;
  }
}
@media (max-width: 990px) {
  .request-form form {
    margin-left: auto;
    margin-right: auto;
    width: 440px;
  }
}
@media (max-width: 639px) {
  .request-form form {
    max-width: 440px;
    width: 100%;
  }
}
.request-form h1 {
  font-weight: bold;
  font-size: 38px;
  margin-bottom: 0;
}
@media (max-width: 1599px) {
  .request-form h1 {
    font-size: 36px;
  }
}
@media (max-width: 1199px) {
  .request-form h1 {
    font-size: 32px;
  }
}
@media (max-width: 990px) {
  .request-form h1 {
    font-size: 28px;
  }
}
.request-form .description {
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
  margin-top: 20px;
  max-width: 445px;
}
@media (max-width: 1199px) {
  .request-form .description {
    margin-top: 15px;
    font-size: 16px;
  }
}
.request-form .popup_body {
  max-width: 445px;
  margin-top: 25px;
}
@media (max-width: 1199px) {
  .request-form .popup_body {
    margin-top: 20px;
  }
}
.request-form .popup-row .input-item {
  margin-bottom: 20px;
}
.request-form .popup-send {
  margin-top: 10px;
  margin-bottom: 12px;
}
.request-form .popup-send .btn {
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  padding: 18px 0;
}
.request-form .popup-checkbox-row {
  font-weight: 300;
  font-size: 15px;
}
footer {
  margin-top: 0;
}
/*# sourceMappingURL=our-works.css.map */