@charset "UTF-8";/*!
 * case-parodist
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 *//*!
 * _descriptions.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 *//*!
 * case-parodist
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 *//*!
 * / _case.parodist.sass
 * / diffco-site-template
 * /
 * / Created by Diffco.us
 * / Copyright ┬й 2020 Diffco.us. All rights reserved.
 * / */@font-face{font-display:swap;font-family:SFProDisplay;src:url(../fonts/SFProDisplay-Regular.eot);src:url(../fonts/SFProDisplay-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/SFProDisplay-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:SFProDisplay;src:url(../fonts/SFProDisplay-Semibold.eot);src:url(../fonts/SFProDisplay-Semibold.eot?#iefix) format("embedded-opentype"),url(../fonts/SFProDisplay-Semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-display:swap;font-family:BebasNeueBold;src:url(../fonts/BebasNeueBold.eot);src:url(../fonts/BebasNeueBold.eot?#iefix) format("embedded-opentype"),url(../fonts/BebasNeueBold.woff2) format("woff2");font-weight:400;font-style:normal}.caseParodist{position:relative;font-family:SFProDisplay;font-size:18px;line-height:24px;color:#797979;background:#0c0c0c;overflow:hidden}.caseParodist:after,.caseParodist:before{content:"";position:absolute;top:0;left:0;width:100%;z-index:0}.caseParodist:before{height:1000px;background:linear-gradient(to bottom,#303030 0,#0c0c0c 100%)}.caseParodist:after{height:100%;background-repeat:no-repeat;background-position:50% 0}@media (min-width:1280px){.caseParodist:after{background-size:100% auto}}@media (min-width:768px) and (max-width:1279px){.caseParodist:after{background-size:1440px auto}}@media (max-width:767px){.caseParodist:after{background-size:768px auto}}.caseParodist .sectionWrap{position:relative;max-width:1140px;margin:0 auto;z-index:1}@media (max-width:1279px){.caseParodist .sectionWrap{padding:0 15px}}.caseParodist .sectionTitle{font-family:BebasNeueBold;font-size:32px;line-height:38px;text-transform:uppercase;color:#fff;text-align:center}@media (min-width:768px){.caseParodist .sectionTitle{font-size:48px;line-height:58px}}.caseParodist .sectionHead{text-align:center}.caseParodist .sectionHead__title{position:relative}@media (min-width:768px){.caseParodist .sectionHead__title{height:112px}}.caseParodist .sectionHead__title:before{position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-family:BebasNeueBold;font-size:140px;line-height:normal;height:112px;text-transform:uppercase;color:#242424;text-align:center;white-space:nowrap}@media (max-width:767px){.caseParodist .sectionHead__title:before{display:none}}.caseParodist .sectionHead__title:after{content:"";position:absolute;top:-74px;left:50%;transform:translateX(-50%);width:79px;height:50px;background:url(../images/caseparodist/mask2.svg) no-repeat 0 0}@media (min-width:768px){.caseParodist .sectionHead__title:after{top:-57px}}@media (min-width:768px){.caseParodist .sectionHead__title .sectionTitle{position:absolute;width:100%;top:37px;left:50%;transform:translateX(-50%);line-height:normal}}.caseParodist .sectionHead p{margin:24px auto 0 auto}@media (min-width:768px){.caseParodist .sectionHead p{margin-top:2px}}@media (max-width:767px){.caseParodist .desktop{display:none!important}}@media (min-width:768px){.caseParodist .mobile{display:none!important}}@media (min-width:1280px){.caseParodist .section1{padding-top:60px;padding-bottom:176px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section1{padding-top:78px;padding-bottom:176px}}@media (max-width:767px){.caseParodist .section1{padding-top:90px;padding-bottom:154px}}@media (min-width:1280px){.caseParodist .section1__wrap{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:912px}}.caseParodist .section1__content{color:silver}@media (min-width:1280px){.caseParodist .section1__content{width:400px}}@media (max-width:1279px){.caseParodist .section1__content{max-width:640px;text-align:center;margin:0 auto 80px auto}}@media (max-width:767px){.caseParodist .section1__content{margin-bottom:35px}}.caseParodist .section1__content img{display:block}@media (min-width:768px){.caseParodist .section1__content img{margin-bottom:40px}}@media (max-width:1279px){.caseParodist .section1__content img{margin-left:auto;margin-right:auto}}@media (max-width:767px){.caseParodist .section1__content img{max-width:260px;margin-bottom:24px}}.caseParodist .section1__img img{display:block}@media (max-width:1279px){.caseParodist .section1__img img{margin:0 auto}}@media (max-width:767px){.caseParodist .section1__img img{max-width:100%}}@media (min-width:1280px){.caseParodist .section2{padding-bottom:100px}}@media (max-width:1279px){.caseParodist .section2{padding-bottom:80px}}.caseParodist .section2__text{max-width:840px;margin:0 auto;text-align:center}@media (max-width:1279px){.caseParodist .section2__text{max-width:640px}}.caseParodist .section2__img{margin-top:35px;margin-bottom:20px}@media (min-width:768px) and (max-width:1279px){.caseParodist .section2__img{margin-left:-15px;margin-right:-15px}}.caseParodist .section2__img img{display:block;max-width:100%;margin:0 auto}.caseParodist .section2__creator{font-size:24px;line-height:32px;font-weight:600;color:#fff}@media (min-width:768px){.caseParodist .section2__creator{display:flex;align-items:center;justify-content:center;line-height:25px;margin-top:32px}}@media (max-width:767px){.caseParodist .section2__creator{margin-top:24px;text-align:center}}.caseParodist .section2__creator img{display:block}@media (min-width:768px){.caseParodist .section2__creator img{margin-left:26px}}@media (max-width:767px){.caseParodist .section2__creator img{margin:13px auto 0 auto}}.caseParodist .section2 .sectionHead__title:before{content:"Face recognition"}.caseParodist .section2 .sectionHead__title:after{width:65px;background:url(../images/caseparodist/mask.svg) no-repeat 0 0}.caseParodist .section2 .sectionHead p{max-width:680px}@media (min-width:768px) and (max-width:1279px){.caseParodist .section2 .sectionHead p{margin-top:60px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section2 .sectionTitle{max-width:470px}}@media (min-width:1280px){.caseParodist .section3{padding-bottom:200px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section3{padding-bottom:129px}}@media (max-width:767px){.caseParodist .section3{padding-bottom:157px}}@media (min-width:1280px){.caseParodist .section3__content{max-width:1122px;margin:52px auto 0 auto}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section3__content{max-width:738px;margin:32px auto 0 auto}}@media (max-width:767px){.caseParodist .section3__content{margin-top:32px}}.caseParodist .section3__list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}@media (min-width:1280px){.caseParodist .section3__list{margin:0 -12px}}@media (max-width:1279px){.caseParodist .section3__list{margin:0 -4px}}.caseParodist .section3__list.-open .section3__item{display:flex}.caseParodist .section3__list.-open .section3__button{font-size:0;line-height:0}.caseParodist .section3__list.-open .section3__button:before{position:static;opacity:1}.caseParodist .section3__item{display:flex;align-items:center;height:120px;margin:12px;padding-right:24px;color:#fff;background:#141414;border-radius:8px}@media (min-width:1280px){.caseParodist .section3__item{width:calc(33.333333% - 24px);margin:12px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section3__item{width:calc(50% - 16px);margin:4px}}@media (max-width:767px){.caseParodist .section3__item{display:none;width:calc(100% - 8px);margin:4px}.caseParodist .section3__item:nth-child(-n+3){display:flex}}.caseParodist .section3__icon{display:flex;justify-content:center;min-width:85px}.caseParodist .section3__icon img{display:block;max-width:100%}.caseParodist .section3__button{display:block;width:calc(100% - 8px);text-align:center;font-size:18px;line-height:24px;color:#f90040;padding:12px 0 13px 0;margin:4px;background:#141414;border-radius:8px}.caseParodist .section3__button:before{display:block;position:absolute;content:attr(data-hint);font-size:18px;line-height:24px;opacity:0}@media (min-width:768px){.caseParodist .section3__button{display:none}}@media (min-width:1280px){.caseParodist .section4{padding-bottom:191px}}@media (max-width:1279px){.caseParodist .section4{padding-bottom:160px}}.caseParodist .section4__content{position:relative}@media (min-width:1280px){.caseParodist .section4__content{max-width:1028px;padding-top:30px;margin:40px auto 0 auto}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section4__content{max-width:738px;padding-top:20px;margin:45px auto 0 auto}}@media (max-width:767px){.caseParodist .section4__content{margin-top:36px}}.caseParodist .section4__content picture{display:block}@media (min-width:1280px){.caseParodist .section4__content picture.-first{margin:0 0 0 auto;max-width:801px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section4__content picture.-first{max-width:575px;margin:0 0 0 auto}}@media (max-width:767px){.caseParodist .section4__content picture.-first{max-width:100%;margin:0 auto}}.caseParodist .section4__content picture.-last{position:absolute;top:0;left:0}@media (min-width:1280px){.caseParodist .section4__content picture.-last{max-width:301px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section4__content picture.-last{max-width:216px}}@media (max-width:767px){.caseParodist .section4__content picture.-last{position:static;width:68%;max-width:301px;margin:-19% auto 0 auto}}.caseParodist .section4__content img{display:block;width:100%}.caseParodist .section4 .sectionHead__title:before{content:"Face area tracking"}.caseParodist .section4 .sectionHead p{max-width:550px}@media (min-width:1280px){.caseParodist .section5{padding-bottom:200px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section5{padding-bottom:153px}}@media (max-width:767px){.caseParodist .section5{padding-bottom:160px}}@media (min-width:1280px){.caseParodist .section5__img{margin:99px auto 0 auto}}@media (max-width:1279px){.caseParodist .section5__img{margin:40px auto 0 auto}}.caseParodist .section5__img img{display:block;max-width:100%;margin:0 auto}.caseParodist .section5__text{text-align:center}@media (min-width:1280px){.caseParodist .section5__text{max-width:840px;margin:76px auto 0 auto}}@media (max-width:1279px){.caseParodist .section5__text{max-width:640px;margin:40px auto 0 auto}}.caseParodist .section5__video{display:none;position:relative}@media (min-width:1280px){.caseParodist .section5__video{margin-top:106px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section5__video{margin-top:100px}}@media (max-width:767px){.caseParodist .section5__video{margin-top:80px}}.caseParodist .section5__video:before{content:"";position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background:url(../images/caseparodist/video-shadow.png) no-repeat 0 0;background-size:cover}@media (min-width:1280px){.caseParodist .section5__video:before{width:1320px;height:854px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section5__video:before{width:950px;height:615px}}@media (max-width:767px){.caseParodist .section5__video:before{display:none}}.caseParodist .section5__videoframe{position:relative;margin:0 auto}@media (min-width:1280px){.caseParodist .section5__videoframe{width:960px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section5__videoframe{width:690px}}.caseParodist .section5__videoframe img{display:block;width:100%;border-radius:8px}.caseParodist .section5__videobox{position:absolute;top:0;left:0;width:100%;height:100%}.caseParodist .section5 .sectionHead__title:before{content:"Morphing"}.caseParodist .section5 .sectionHead p{max-width:680px}@media (min-width:1280px){.caseParodist .section6{padding-bottom:191px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section6{padding-bottom:154px}}@media (max-width:767px){.caseParodist .section6{padding-bottom:190px}}.caseParodist .section6__content{position:relative;display:flex;justify-content:center}@media (min-width:1280px){.caseParodist .section6__content{margin-top:97px}}@media (max-width:1279px){.caseParodist .section6__content{margin-top:40px}}@media (max-width:767px){.caseParodist .section6__content{display:block}}.caseParodist .section6__content:before{content:"";position:absolute;left:50%;transform:translateX(-50%);background:url(../images/caseparodist/bg-sound.png) no-repeat 50% 0;background-size:cover}@media (min-width:1280px){.caseParodist .section6__content:before{top:57px;width:1567px;height:393px}}@media (max-width:1279px){.caseParodist .section6__content:before{top:43px;width:1174px;height:294px}}.caseParodist .section6__content>div{position:relative}@media (min-width:1280px){.caseParodist .section6__content>div:first-child{margin-right:51px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section6__content>div:first-child{margin-right:38px}}@media (max-width:767px){.caseParodist .section6__content>div:first-child{margin-bottom:40px}}.caseParodist .section6__content>div img{display:block}@media (min-width:768px) and (max-width:1279px){.caseParodist .section6__content>div img{max-width:186px}}@media (max-width:767px){.caseParodist .section6__content>div img{width:65%;max-width:251px;margin-left:auto;margin-right:auto}}.caseParodist .section6 .sectionHead__title:before{content:"Creation the parody"}@media (min-width:1280px){.caseParodist .section6 .sectionHead p{max-width:800px}}@media (max-width:1279px){.caseParodist .section6 .sectionHead p{max-width:640px}}@media (min-width:1280px){.caseParodist .section7{padding-bottom:106px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section7{padding-bottom:33px}}@media (max-width:767px){.caseParodist .section7{padding-bottom:160px}}.caseParodist .section7__content{position:relative}@media (min-width:1280px){.caseParodist .section7__content{margin-top:55px;padding-bottom:150px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section7__content{margin:30px -15px 0 -15px;padding-bottom:150px}}@media (max-width:767px){.caseParodist .section7__content{margin-top:40px}}.caseParodist .section7__content:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../images/caseparodist/section7-shadow.png) no-repeat 50% 100%;background-size:931px 247px;z-index:1}@media (max-width:767px){.caseParodist .section7__content:before{display:none}}.caseParodist .section7__content:after{content:"";position:absolute;top:35px;left:50%;width:1129px;height:367px;transform:translateX(-50%);background:url(../images/caseparodist/section7-comments.png) no-repeat 0 0;background-size:cover;z-index:2}@media (max-width:1279px){.caseParodist .section7__content:after{display:none}}.caseParodist .section7__content img{position:relative;display:block;max-width:100%;margin:0 auto;z-index:3}.caseParodist .section7__oscar{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}@media (max-width:767px){.caseParodist .section7__oscar{display:none}}.caseParodist .section7__oscar:after,.caseParodist .section7__oscar:before{content:"";position:absolute;width:149px;height:446px;background:url(../images/caseparodist/section7-oscar.png) no-repeat 0 0;background-size:cover}@media (min-width:1280px){.caseParodist .section7__oscar:after,.caseParodist .section7__oscar:before{top:-10px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section7__oscar:after,.caseParodist .section7__oscar:before{top:60px}}.caseParodist .section7__oscar:before{left:50%}@media (min-width:1280px){.caseParodist .section7__oscar:before{margin-left:-349px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section7__oscar:before{margin-left:-329px}}.caseParodist .section7__oscar:after{right:50%}@media (min-width:1280px){.caseParodist .section7__oscar:after{margin-right:-349px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section7__oscar:after{margin-right:-329px}}.caseParodist .section7 .sectionHead__title:before{display:none}@media (min-width:1280px){.caseParodist .section7 .sectionHead p{max-width:800px}}@media (max-width:1279px){.caseParodist .section7 .sectionHead p{max-width:640px}}@media (min-width:1280px){.caseParodist .section8{padding-bottom:162px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section8{padding-bottom:150px}}@media (max-width:767px){.caseParodist .section8{padding-bottom:80px}}@media (min-width:1280px){.caseParodist .section8__block{display:flex;align-items:center}.caseParodist .section8__block:not(:last-child){margin-bottom:134px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section8__block:not(:last-child){margin-bottom:148px}}@media (max-width:767px){.caseParodist .section8__block:not(:last-child){margin-bottom:80px}}.caseParodist .section8__content{position:relative;padding-top:74px}@media (min-width:1280px){.caseParodist .section8__content{min-width:400px;margin-left:32px;margin-right:58px}}@media (max-width:1279px){.caseParodist .section8__content{max-width:640px;margin-left:auto;margin-right:auto;text-align:center}}.caseParodist .section8__content:before{content:"";position:absolute;top:0;width:55px;height:50px;background:url(../images/caseparodist/camera.svg) no-repeat 0 0}@media (min-width:1280px){.caseParodist .section8__content:before{left:0}}@media (max-width:1279px){.caseParodist .section8__content:before{left:50%;transform:translateX(-50%)}}.caseParodist .section8__img{position:relative}@media (min-width:1280px){.caseParodist .section8__img{min-width:601px;height:522px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section8__img{width:601px;height:522px;margin:43px auto 0 auto}}@media (max-width:767px){.caseParodist .section8__img{margin-top:40px}}.caseParodist .section8__img img{display:block;position:absolute;top:-54px;left:-123px}@media (max-width:767px){.caseParodist .section8__img img{position:static;max-width:100%;width:252px;margin:0 auto}}@media (max-width:767px){.caseParodist .section8__img.-img1 img{width:252px}}@media (max-width:767px){.caseParodist .section8__img.-img2 img{width:398px}}.caseParodist .section8 .sectionTitle{margin-bottom:32px}@media (min-width:1280px){.caseParodist .section8 .sectionTitle{text-align:left}}@media (max-width:767px){.caseParodist .section8 .sectionTitle{margin-bottom:24px}}@media (min-width:1280px){.caseParodist .section9{padding-bottom:100px}}@media (min-width:768px) and (max-width:1279px){.caseParodist .section9{padding-bottom:60px}}@media (max-width:767px){.caseParodist .section9{padding-bottom:116px}}@media (min-width:1280px){.caseParodist .section9__content{margin-top:51px}}@media (max-width:1279px){.caseParodist .section9__content{margin-top:36px}}.caseParodist .section9__list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 -4px}.caseParodist .section9__item{width:200px;height:180px;font-size:14px;line-height:20px;font-weight:600;text-align:center;color:#fff;padding:36px 12px 0 12px;border:1px solid #6a001b;border-radius:8px;margin:4px}.caseParodist .section9__icon{margin-bottom:18px}.caseParodist .section9__icon img{display:block;margin:0 auto}.caseParodist .section9 .sectionHead__title:before{content:"Technologies used"}.caseParodist .section9 .sectionHead__title:after{display:none}.caseParodist .section9 .sectionHead p{max-width:680px}@media (max-width:767px){.webp .caseParodist:after{background-image:url(../images/caseparodist/bg-main-768.webp)}}@media (min-width:768px) and (max-width:1279px){.webp .caseParodist:after{background-image:url(../images/caseparodist/bg-main-1280.webp)}}@media (min-width:1280px){.webp .caseParodist:after{background-image:url(../images/caseparodist/bg-main.webp)}}@media (max-width:767px){.no-webp .caseParodist:after{background-image:url(../images/caseparodist/bg-main-768.png)}}@media (min-width:768px) and (max-width:1279px){.no-webp .caseParodist:after{background-image:url(../images/caseparodist/bg-main-1280.png)}}@media (min-width:1280px){.no-webp .caseParodist:after{background-image:url(../images/caseparodist/bg-main.png)}}