.project#dimalex main{overflow-x:hidden}.project#dimalex main a,.project#dimalex main h1,.project#dimalex main .thanks{color:#E30613}.project#dimalex .title-video{position:relative}.project#dimalex .title-video #header-logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:26vmax;height:12vmax}.project#dimalex section#examples{background-size:contain}.project#dimalex section#examples .responsive-img{width:100%;min-height:100%}.project#dimalex section#promo{overflow:hidden;max-width:100vw}.project#dimalex section#promo #promo-top{position:relative}.project#dimalex section#promo #promo-top:before,.project#dimalex section#promo #promo-top:after{content:'';position:absolute;display:block;width:40vw;height:100%;top:0;left:0;transform-origin:right center;transform:scale(1.1);z-index:-1;background-image:url(/project_files/dimalex/img/flag_shape.svg);background-repeat:no-repeat;background-size:auto 100%;background-position:left center}@media (max-width: 1200px){.project#dimalex section#promo #promo-top:before,.project#dimalex section#promo #promo-top:after{background-position:right center}}@media (max-width: 800px){.project#dimalex section#promo #promo-top:before,.project#dimalex section#promo #promo-top:after{display:none}}.project#dimalex section#promo #promo-top:after{left:unset;right:0;width:60vw;background-image:url(/project_files/dimalex/img/jersy_shape.svg);transform-origin:left center;background-position:right center}@media (max-width: 1900px){.project#dimalex section#promo #promo-top:after{background-position:left center;width:45vw}}@media (max-width: 1200px){.project#dimalex section#promo #promo-top:after{background-position:left center}}@media (max-width: 800px){.project#dimalex section#promo #promo-top #winder,.project#dimalex section#promo #promo-top #jersy{position:relative;background-image:url(/project_files/dimalex/img/flag_shape.svg);background-size:80% auto;background-repeat:no-repeat;background-position:left center}.project#dimalex section#promo #promo-top #jersy{background-image:url(/project_files/dimalex/img/jersy_shape.svg);background-position:right center}}.project#dimalex section#promo #promo-bottom{position:relative}.project#dimalex section#promo #promo-bottom .image-holder{background:#333;height:100%}.project#dimalex section#promo #promo-bottom .image-holder img{width:100%;height:auto;min-height:100%;position:relative;z-index:2;-o-object-fit:contain;object-fit:contain}.project#dimalex section#promo #promo-bottom:before,.project#dimalex section#promo #promo-bottom:after{content:'';display:block;position:absolute;top:0;left:0;width:40vw;height:100%;background-image:url(/project_files/dimalex/img/small_left_shape.svg);background-position:left -30px center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.7))}@media (max-width: 1200px){.project#dimalex section#promo #promo-bottom:before,.project#dimalex section#promo #promo-bottom:after{width:100%;height:50%}}@media (max-width: 800px){.project#dimalex section#promo #promo-bottom:before,.project#dimalex section#promo #promo-bottom:after{display:none}}.project#dimalex section#promo #promo-bottom:after{width:59vw;left:unset;right:0;background-image:url(/project_files/dimalex/img/small_right_shape.svg);background-position:right -50px center;background-size:90% auto}@media (max-width: 1200px){.project#dimalex section#promo #promo-bottom:after{height:50%;width:100%;top:50%}}.project#dimalex section#promo #communications{position:relative}.project#dimalex section#promo #communications:before{content:'';display:block;position:absolute;width:45%;height:100%;top:0;left:0;background-image:url(/project_files/dimalex/img/jersy_back_shape.svg);background-position:top left;background-repeat:no-repeat;background-size:contain;z-index:1}@media (max-width: 1200px){.project#dimalex section#promo #communications:before{background-position:left center}}@media (max-width: 800px){.project#dimalex section#promo #communications:before{background-position:top center;width:100%}}@media (max-width: 600px){.project#dimalex section#promo #communications:before{background-size:140% auto}}.project#dimalex section#promo #communications #jersy-back{background-color:#333}.project#dimalex section#promo #communications #jersy-back .lazy{position:relative;z-index:2}.project#dimalex section#promo #communications ul{-moz-column-count:2;column-count:2}@media (max-width: 1900px){.project#dimalex section#promo #communications ul{-moz-column-count:1;column-count:1}}.project#dimalex section#promo #communications-slider .lazy{padding-bottom:30%}.project#dimalex section#promo #communications-slider .pagination{margin:2vmax 0;text-align:center;display:flex;justify-content:center}.project#dimalex section#promo #communications-slider .pagination .swiper-pagination-bullet{display:block;width:20px;height:20px;border-radius:50%;background:#333;margin:0 6px;cursor:pointer;box-shadow:0 0 0 1px #333,0 0 0 20px white inset;transition:box-shadow .4s}.project#dimalex section#promo #communications-slider .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{box-shadow:0 0 0 1px #333,0 0 0 3px white inset}.project#dimalex section#video-promo video{width:100%;height:auto}.project#dimalex section#ribbon-section{background-image:url(/project_files/dimalex/img/ribbon_background.svg);background-size:100% auto;background-position:center center;background-repeat:no-repeat;padding:5vmax 0}.project#dimalex section#ribbon-section #ribbon{height:6vmax;width:104%;margin-left:-2%;background-repeat:repeat-x;transform:rotate(-5deg)}@media (max-width: 1200px){.project#dimalex section#ribbon-section{padding:10vmax 0;background-size:cover}.project#dimalex section#ribbon-section #ribbon{height:12vmax}}.project#dimalex section#web-development{background-image:url(/project_files/dimalex/img/site_bgr.svg);background-size:contain;background-position:bottom center;background-repeat:no-repeat}@media (max-width: 1200px){.project#dimalex section#web-development{background-size:auto 15%;background-position:bottom -10vmax center}}@media (max-width: 800px){.project#dimalex section#web-development{background-size:auto 25%;background-position:bottom -10vmax center}}.project#dimalex section#web-development #imac{background-size:contain;position:relative;padding-bottom:70%}.project#dimalex section#web-development #imac:before{content:'';display:block;width:22vmax;height:22vmax;background:black;position:absolute;z-index:-1;top:30%;left:-2vmax}.project#dimalex section#web-development #iphone{margin-left:auto;margin-left:10vmax;padding-bottom:160%;background-size:contain;position:relative;margin-top:-17vmax;margin-bottom:23vmax}@media (max-width: 1200px){.project#dimalex section#web-development #iphone{margin:0;padding:0;height:60vmax}}.project#dimalex section#web-development #iphone:before{content:'';display:block;position:absolute;width:calc(100% + 1.75vmax);height:calc(100%);background-image:url(/project_files/dimalex/img/iphone_shape.svg);background-size:contain;background-position:right center;background-repeat:no-repeat;z-index:-1}.project#dimalex section#web-development #dots{width:25%;margin:12vmax auto;padding-bottom:30%;background-size:contain;background-repeat:no-repeat}.project#dimalex section#web-development .technologies-wrapper{margin:0 7vmax;color:#fff;text-align:center}@media (max-width: 1200px){.project#dimalex section#web-development .technologies-wrapper{margin:0 25vmax}}@media (max-width: 800px){.project#dimalex section#web-development .technologies-wrapper{margin:0 3vmax}}.project#dimalex section#web-development .technologies-wrapper .technologies{display:flex;justify-content:space-between;margin:3vmax 0}.project#dimalex section#web-development .technologies-wrapper .technologies .lazy{width:40%;padding-bottom:40%;background-size:contain}.project#dimalex section#social-media{position:relative}.project#dimalex section#social-media #smm1{padding-bottom:50%}.project#dimalex section#social-media #smm-lion{padding-bottom:45%}.project#dimalex section#social-media #smm5{width:70vw;height:40vw;position:absolute;bottom:0;left:0;z-index:-1;background-size:contain;background-position:left center}@media (max-width: 1200px){.project#dimalex section#social-media #smm5{position:relative;width:100vw;height:75vw;margin-top:-15vmax;margin-bottom:-9vmax;transform:translateX(-3.5vmax)}}.project#dimalex section#thanks{background-image:url(/project_files/dimalex/img/footer_shape.svg);background-size:100% auto;background-position:top center;background-repeat:no-repeat;color:#E30613}