@font-face{font-family:Roboto-Light;font-display:swap;src:url(../fonts/Roboto-Light.woff) format("woff"),url(../fonts/Roboto-Light.woff2) format("woff2");font-weight:400;font-style:normal}body{margin:0}.wrapper{font-family:Roboto-Ligth,sans-serif;font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;height:100vh;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;font-size:20px}.wrapper .line-gradient{-ms-flex-item-align:end;align-self:flex-end;width:100%;height:5px;background:-webkit-gradient(linear,right top,left top,color-stop(15.06%,#223942),color-stop(61.83%,#48758a),color-stop(74.52%,#8faab7),color-stop(86.56%,#cbd8de),color-stop(95.36%,#f1f4f6),to(#fff));background:-o-linear-gradient(right,#223942 15.06%,#48758a 61.83%,#8faab7 74.52%,#cbd8de 86.56%,#f1f4f6 95.36%,#fff 100%);background:linear-gradient(270deg,#223942 15.06%,#48758a 61.83%,#8faab7 74.52%,#cbd8de 86.56%,#f1f4f6 95.36%,#fff 100%);margin-bottom:20px}.wrapper .logotype{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wrapper .logotype img{padding:0 16px;margin-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:1257px;height:auto}.wrapper main{margin:0 auto;padding-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100vh}.wrapper main .information{position:relative}.wrapper main .information .between-blocks-left,.wrapper main .information .between-blocks-right{position:absolute;top:-24px;min-width:320px;max-width:345px;height:330px;background:-webkit-gradient(linear,left top,left bottom,color-stop(-44.86%,#84cdb9),color-stop(145.23%,#052d4b));background:-o-linear-gradient(top,#84cdb9 -44.86%,#052d4b 145.23%);background:linear-gradient(180deg,#84cdb9 -44.86%,#052d4b 145.23%)}.wrapper main .information .between-blocks-right{right:0}.wrapper main .main-block{background:-webkit-gradient(linear,right top,left top,color-stop(-44.86%,#175d3e),color-stop(145.23%,#003558));background:-o-linear-gradient(right,#175d3e -44.86%,#003558 145.23%);background:linear-gradient(270deg,#175d3e -44.86%,#003558 145.23%);min-height:280px;opacity:.8;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;font-size:24px;line-height:28px}.wrapper main .main-block p{max-width:300px;text-align:center;margin:0}.wrapper main .main-block a{text-decoration:none;color:#fff}.wrapper main .main-block a:active,.wrapper main .main-block a:focus{outline:0}.wrapper main .main-block .addres::before{content:url(../img/point-map.svg)}.wrapper main .main-block .tel::before{content:url(../img/tel.svg)}.wrapper main .main-block .email::before{content:url(../img/mail.svg)}.wrapper main .main-block .website::before{content:url(../img/earth.svg)}.wrapper main .naming-company{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wrapper main .naming-company p{font-size:30px;line-height:35px;color:#4cb697}.wrapper main .naming-company .line-gradient{margin-top:3px;-ms-flex-item-align:end;align-self:flex-end}.wrapper footer{margin-bottom:72px}@media screen and (max-width:340px){body{background-color:red}.naming-company p{font-size:26px!important}}