.grid-ods{padding-top:120px;padding-bottom:104px;position:relative;background-color:#054349}.grid-ods:before{content:"";position:absolute;width:33%;height:500px;background-image:url(../../../img/planeta-detail.svg);background-size:contain;background-repeat:no-repeat;background-position:right top;top:0;right:0}.grid-ods .container{max-width:1220px}.grid-ods .container .wrapper__top{width:100%;max-width:692px;margin-bottom:98px;margin-left:16px}.grid-ods .container .wrapper__top h2{font-family:"Interstate";font-size:48px;line-height:1.04;font-weight:700;text-transform:uppercase;color:#fff;margin-bottom:24px}.grid-ods .container .wrapper__top p{font-size:18px;line-height:1.44;font-weight:500;color:#fff}.grid-ods .container .wrapper-bottom{position:relative}.grid-ods .container .wrapper-bottom .grid-wrapper .grid-item{width:273px;height:273px;display:flex;justify-content:flex-start;align-items:flex-end;padding:20px;position:relative;margin:16px}.grid-ods .container .wrapper-bottom .grid-wrapper .grid-item.has-popup{cursor:pointer}.grid-ods .container .wrapper-bottom .grid-wrapper .grid-item:hover:after{top:15px;right:15px}.grid-ods .container .wrapper-bottom .grid-wrapper .grid-item .img-box{height:100%;max-height:160px}.grid-ods .container .wrapper-bottom .grid-wrapper .grid-item .img-box img{height:100%}.grid-ods .container .popup{width:100vw;height:100%;background-color:rgba(5,67,73,.8);position:fixed;top:50%;left:50%;transform:translate(-200vw, -50%);justify-content:center;align-items:center;z-index:100;opacity:0}.grid-ods .container .popup .inner-container{width:100%;max-width:713px;height:389px;background-color:#fff;padding:40px;position:relative;overflow:hidden;display:flex;justify-content:space-between;transform:translate(0, 60px);opacity:0;transition:all linear .2s;transition-delay:.2s}.grid-ods .container .popup .inner-container .close{width:32px;height:32px;display:flex;justify-content:center;align-items:center;position:absolute;top:28px;right:28px;cursor:pointer}.grid-ods .container .popup .inner-container .close div{background-color:#303030;width:100%;height:1px;position:absolute}.grid-ods .container .popup .inner-container .close div:first-child{transform:rotate(45deg) translateY(1px)}.grid-ods .container .popup .inner-container .close div:last-child{transform:rotate(-45deg)}.grid-ods .container .popup .inner-container .img-container{display:flex;justify-content:flex-start}.grid-ods .container .popup .inner-container .img-container .img-box{width:100%;max-width:130px}.grid-ods .container .popup .inner-container .img-container .img-box img{width:100%}.grid-ods .container .popup .inner-container .text-wrapper{width:66%;display:flex;flex-direction:column;align-self:flex-end;justify-content:flex-end}.grid-ods .container .popup .inner-container .text-wrapper h3{font-size:24px;line-height:1;text-transform:uppercase;font-weight:700;margin-bottom:16px}.grid-ods .container .popup .inner-container .text-wrapper p{font-size:18px;line-height:1.44;font-weight:500;color:#303030;margin-bottom:16px;overflow:auto;max-height:230px}.grid-ods .container .popup .inner-container .text-wrapper p:last-child{margin-bottom:0}.grid-ods .container .popup.show{display:flex;opacity:1;transition:opacity linear .2s;transform:translate(-50%, -50%)}.grid-ods .container .popup.show .inner-container{opacity:1;transform:translate(0, 0)}@media(max-width: 992px){.grid-ods{padding-top:40px;padding-bottom:40px}.grid-ods .container .wrapper__top{margin-bottom:60px;margin-left:0}.grid-ods .container .wrapper__top h2{font-size:38px;margin-bottom:12px}.grid-ods .container .popup{width:90vw}.grid-ods .container .popup .inner-container{height:80vh;flex-wrap:wrap}.grid-ods .container .popup .inner-container .text-wrapper{width:100%;height:60%;overflow:auto;padding-bottom:20px;justify-content:flex-start;margin-top:20px}}/*# sourceMappingURL=style.css.map */