.emotional{position:relative;height:505px}
.emotional .video-container,.emotional .img-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}
.emotional .video-container.gradient,.emotional .img-container.gradient{background-color:var(--color-electric_indigo)}
.emotional .video-container picture img,.emotional .img-container picture img{position:absolute;width:100%;height:auto;top:-9999px;bottom:-9999px;margin:auto;z-index:-1}
.emotional .video-container picture img.horizontal,.emotional .img-container picture img.horizontal{width:auto;height:100%;top:auto;bottom:auto;left:-9999px;right:-9999px}
.emotional .video-container video,.emotional .img-container video{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%}
.emotional .video-container .overlay,.emotional .img-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35)}
.emotional .text-container,.emotional .text-container p{color:#fff;font-weight:500;display:table;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;padding:0}
.emotional .text-container .text-align{display:table-cell;vertical-align:bottom;padding:0 20px 88px;text-align:left}
.emotional .text-container .kicker{font-size:16px;letter-spacing:3.2px}
.emotional .text-container .kicker .logo{height:40px}
.emotional .text-container .title h1{letter-spacing:5.6px;font-size:28px;color:var(--color-white);margin:5px 0 0}
.emotional .text-container .title.no-kicker{margin-top:auto}
.emotional .text-container .description{margin-top:10px;line-height:22.4px;letter-spacing:.9px;font-size:16px}
.emotional .text-container .button{margin-top:40px}
.emotional.v2,.emotional.v3,.emotional.v5{margin-bottom:50px}
.emotional.v2 .text-container,.emotional.v3 .text-container,.emotional.v5 .text-container{padding:0 5%}
.emotional.v2 .text-container .title,.emotional.v3 .text-container .title,.emotional.v5 .text-container .title{margin-top:auto}
.emotional.v2 .text-container .title h1,.emotional.v3 .text-container .title h1,.emotional.v5 .text-container .title h1{letter-spacing:4px;font-size:20px}
.emotional.v2 .text-container .description,.emotional.v3 .text-container .description,.emotional.v5 .text-container .description{margin:25px 0 0}
.emotional.v2 .text-container .info,.emotional.v3 .text-container .info,.emotional.v5 .text-container .info{margin-bottom:25px}
.emotional.v2 .text-container .info .author,.emotional.v3 .text-container .info .author,.emotional.v5 .text-container .info .author{margin-top:37px;line-height:8px;font-size:14px}
.emotional.v2 .text-container .info .social,.emotional.v3 .text-container .info .social,.emotional.v5 .text-container .info .social{margin-top:38px;text-align:center}
.emotional.v2 .text-container .info .social a:first-child,.emotional.v3 .text-container .info .social a:first-child,.emotional.v5 .text-container .info .social a:first-child{margin-right:24px}
.emotional.v3 .text-container{padding:0 10%}
.emotional.v3 .text-container .description{margin:25px 0 83px}
.emotional.v4{height:300px}
.emotional.v4 .text-container .title h1{font-weight:300;font-size:24px;letter-spacing:4.8px}
.emotional.v6{height:320px}
@media(min-width:768px){.emotional{height:700px}
.emotional .img-container.gradient{background-color:var(--color-electric_indigo)}
.emotional .text-container{max-width:633px;margin:0 auto;padding:0 6px}
.emotional .text-container .kicker{font-size:24px;letter-spacing:4.8px}
.emotional .text-container .kicker .logo{height:60px}
.emotional .text-container .title h1{letter-spacing:8px;font-size:40px;margin-top:10px}
.emotional .text-container .description{line-height:28px;letter-spacing:1px;font-size:18px}
.emotional.v2,.emotional.v5{height:400px}
.emotional.v2 .text-container,.emotional.v5 .text-container{padding:0}
.emotional.v2 .text-container .title h1,.emotional.v5 .text-container .title h1{letter-spacing:4px;font-size:30px;margin-top:0}
.emotional.v2 .text-container .title.no-descr,.emotional.v5 .text-container .title.no-descr{margin-bottom:45px}
.emotional.v2 .text-container .description,.emotional.v5 .text-container .description{max-width:421px;margin:7px 0 0}
.emotional.v2 .text-container .info,.emotional.v5 .text-container .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:35px 0 14px}
.emotional.v2 .text-container .info.no-author,.emotional.v5 .text-container .info.no-author{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.emotional.v2 .text-container .info .author,.emotional.v5 .text-container .info .author{line-height:28px;letter-spacing:.9px;font-size:16px;margin-top:0}
.emotional.v2 .text-container .info .social,.emotional.v5 .text-container .info .social{margin-top:0}
.emotional.v3{height:590px}
.emotional.v3 .text-container{padding:0}
.emotional.v3 .text-container .title h1{letter-spacing:8px;font-size:40px}
.emotional.v3 .text-container .description{max-width:471px;margin:23px 0 0}
.emotional.v4 .text-container .title h1{font-size:35px;letter-spacing:7px}
}
@media(min-width:1360px){.emotional{height:550px}
.emotional .text-container{max-width:1036px}
.emotional .text-container .text-align{vertical-align:middle;padding:0}
.emotional.v2 .text-container,.emotional.v5 .text-container{max-width:680px}
.emotional.v2 .text-container .description,.emotional.v5 .text-container .description{max-width:100%}
.emotional.v3 .text-container{max-width:1036px}
.emotional.v3 .text-container .title{max-width:707px}
.emotional.v4 .text-container .title h1{font-size:40px;letter-spacing:8px}
.emotional.v4,.emotional.v5{height:320px}
}
.emotional-stretto{height:350px;width:100%;padding:180px 20px 0;background-color:var(--color-electric_indigo)}
.emotional-stretto .title{font-weight:300;font-size:24px;letter-spacing:4.8px;color:#fff;max-width:633px;margin:0 auto}
.emotional-stretto.toastbar-visible{margin-top:50px}
@media all and (min-width:768px){.emotional-stretto{padding-top:210px}
.emotional-stretto .title{font-size:35px;letter-spacing:7px}
}
@media all and (min-width:1360px){.emotional-stretto{height:320px;padding-top:160px}
.emotional-stretto .title{font-size:40px;letter-spacing:8px;max-width:1036px}
}
.emotional-stretto.v2{background-color:var(--color-blue_navy)}
.emotional.fc{position:relative;height:550px}
.emotional.fc .hero-wrapper{position:relative;height:100%}
.emotional.fc .hero-wrapper .gradient-container{background:linear-gradient(30deg,#4dba59,#00a0d1 80%)}
.emotional.fc .hero-wrapper .gradient-container .text-container{display:table;width:100%;height:100%;max-width:1036px;margin:0 auto;padding:0}
.emotional.fc .hero-wrapper .gradient-container .text-container .text-align{display:table-cell;vertical-align:top;padding:100px 16px 16px}
.emotional.fc .hero-wrapper .gradient-container .text-container .title img{width:192px;height:auto;margin-bottom:16px}
.emotional.fc .hero-wrapper .gradient-container .text-container .description{font-size:14px;line-height:18px;margin:0}
.emotional.fc .hero-wrapper .gradient-container .text-container button{display:none}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box{position:absolute;bottom:50px;right:16px;z-index:2}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box .double-background{position:absolute;top:5px;left:5px;width:100%;height:100%;background-image:linear-gradient(80deg,#3d9347 6%,#008ab5 101%);z-index:-1}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box .bonus-container{width:110px;padding:14px 8px 10px;-webkit-box-sizing:content-box;box-sizing:content-box;background-image:linear-gradient(80deg,#4dba59 6%,#00a0d1 101%)}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box .bonus-container span{display:block;font-size:12px;line-height:1.5;color:#fff;letter-spacing:1px;margin-bottom:4px}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box .bonus-container strong{display:block;font-size:18px;line-height:1.5;letter-spacing:1px;color:#fff}
.emotional.fc .background-container .img-container{position:absolute;top:35%;left:0;width:100%;height:65%;overflow:hidden;z-index:-1}
.emotional.fc .background-container .img-container picture img{position:absolute;width:100%;height:auto;top:-9999px;bottom:-9999px;margin:auto;z-index:-1}
.emotional.fc .background-container .img-container picture img.horizontal{width:auto;height:100%;top:auto;bottom:auto;left:-9999px;right:-9999px}
@media all and (min-width:768px){.emotional.fc .hero-wrapper .gradient-container{background:linear-gradient(30deg,#4dba59,#00a0d1 50%);height:100%}
.emotional.fc .hero-wrapper .gradient-container .text-container .title img{width:220px}
.emotional.fc .hero-wrapper .gradient-container .text-container .text-align{padding-left:40px;padding-right:40px}
.emotional.fc .hero-wrapper .gradient-container .text-container .description{letter-spacing:1px;margin-bottom:45px}
.emotional.fc .hero-wrapper .gradient-container .text-container button{display:block}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box{bottom:60px;right:40px}
.emotional.fc .hero-wrapper .background-container{position:absolute;top:0;right:0;width:50%;height:100%;z-index:1}
.emotional.fc .hero-wrapper .background-container .img-container{top:0;height:100%}
}
@media all and (min-width:992px){.emotional.fc .hero-wrapper .gradient-container{background:linear-gradient(30deg,#4dba59,#00a0d1 60%)}
.emotional.fc .hero-wrapper .gradient-container .text-container .text-align{position:relative}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box{bottom:90px}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box .bonus-container{width:180px;padding:20px 16px}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box .bonus-container span{font-size:16px;margin-bottom:8px}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box .bonus-container strong{font-size:26px}
.emotional.fc .hero-wrapper .background-container{width:60%}
}
@media all and (min-width:1360px){.emotional.fc .hero-wrapper .gradient-container{background:linear-gradient(30deg,#4dba59,#00a0d1 55%)}
.emotional.fc .hero-wrapper .gradient-container .text-container .title img{width:322px}
.emotional.fc .hero-wrapper .gradient-container .text-container .description{font-size:18px;line-height:28px}
.emotional.fc .hero-wrapper .gradient-container .text-container .text-align{padding:130px 0 16px}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box{bottom:90px;right:40px}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box .bonus-container{width:180px;padding:20px 16px}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box .bonus-container span{font-size:16px;margin-bottom:8px}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box .bonus-container strong{font-size:26px}
.emotional.fc .hero-wrapper .gradient-container .text-container .bonus-box{bottom:110px;right:0}
.emotional.fc .hero-wrapper .background-container{width:55%}
}
.emotional-stretto.reverse{height:350px;width:100%;padding-top:180px;background-image:linear-gradient(47deg,#00a0d1,#4dba59)}
@media(min-width:1441px){.emotional .img-container{display:flex}
.emotional .img-container .cmp-image{align-self:center}
}
div.emotional div.video-container{display:flex;align-items:center}
div.emotional div.video-container video{position:relative}
.offer-bonus:before{content:'';position:absolute;margin-left:5px;margin-top:5px;border-radius:inherit;height:127px;width:199px;z-index:-1;background:linear-gradient(260.74deg,#008ab5 .09%,#3d9347 96.12%)}
.offer-bonus{width:199px;height:127px;background:linear-gradient(260.74deg,#00a0d2 .09%,#4dba59 96.12%);margin-bottom:-60px;margin-top:45px;float:right}
.offer-bonus-text{margin-left:15px;margin-top:13px;font-size:16px}
.hero-banner .banner-with-breadcrumb .text-container{height:80%}
.hero-banner .banner-with-breadcrumb .breadcrumb-container a{color:white}
@media(max-width:767px){.hero-banner .banner-with-breadcrumb .breadcrumb-container{margin-left:40px;padding-top:80px}
.hero-banner .banner-with-breadcrumb .breadcrumb-container .de-breadcrumbs ul{display:block}
.hero-banner .banner-with-breadcrumb .breadcrumb-container .de-breadcrumbs.notExpand ul{display:flex}
.hero-banner .banner-with-breadcrumb .breadcrumb-container li.swiper-slide a:last-child{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}
.hero-banner .banner-with-breadcrumb .text-container .title.no-descr{margin-bottom:10px}
.hero-banner .banner-with-breadcrumb .text-container .info{margin-bottom:20px}
}
@media(min-width:768px){.hero-banner .banner-with-breadcrumb .breadcrumb-container{margin-left:80px;padding-top:95px}
.hero-banner .banner-with-breadcrumb .breadcrumb-container li.swiper-slide a:last-child{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}
.hero-banner .banner-with-breadcrumb .text-container .title.no-descr{margin-bottom:10px}
.hero-banner .banner-with-breadcrumb .text-container .info{margin-bottom:20px;margin-top:27px}
}
@media(min-width:1360px){.hero-banner .banner-with-breadcrumb .breadcrumb-container{position:absolute;margin-left:170px;max-width:1036px}
.hero-banner .banner-with-breadcrumb .breadcrumb-container li.swiper-slide a:last-child{white-space:nowrap;text-overflow:ellipsis;max-width:500px;overflow:hidden}
.hero-banner .banner-with-breadcrumb .text-container{padding-top:110px;height:100%}
.hero-banner .banner-with-breadcrumb .text-container .info{margin-top:35px}
}