*{margin:0;padding:0;box-sizing:border-box}body{background-image:url("../../img/spiderman-background.jpg");background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover}.overlay{overflow-y:hidden}@font-face{font-family:'Black Widow Movie';src:url("../../fonts/BlackWidowMovie.woff2") format("woff2"),url("../../fonts/BlackWidowMovie.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}.btn{width:184px;height:52px;border-radius:12px 0px;border:none;text-transform:uppercase;font-weight:500;font-size:.9rem;font-family:"Roboto",sans-serif}.btn--primary{background:linear-gradient(106.48deg, #B30000 24.62%, red 104.12%);border:2px solid red;color:#fff;font-weight:600}.btn--secondary{background-color:transparent;border:2px solid red;color:red}@media (max-width: 600px){.btn{width:100%}.btn--secondary{color:#fff}}.video{width:280px;height:200px;margin:20px 0;position:relative;cursor:pointer}.video .video__miniature{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-image:url("../../img/miniature.png")}.video .video__miniature .video__play-button{width:60px;height:60px}.video .video__placeholder{position:absolute;display:none;padding:12px;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}.video .video__placeholder .video__title{font-family:"Roboto",sans-serif;font-weight:400;text-transform:uppercase;text-decoration:none;color:#fff;font-size:1.3rem;line-height:30px}.video:hover .video__placeholder{display:block}@media (max-width: 380px){.video{width:100%}}.header{position:relative}.header .header__wrapper{max-width:1220px;height:120px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.header .header__wrapper .header__logo{margin-bottom:-22px;margin-left:-28px}.header .header__wrapper .header__nav-list li{display:inline-block;font-family:"Roboto",sans-serif;text-transform:uppercase;cursor:pointer;margin:0 20px;color:#fff;position:relative;transition:0.3s ease}.header .header__wrapper .header__nav-list li:after{content:'';display:block;width:0%;height:4px;background-color:red;position:absolute;transform:translate3d(-15%, 0, 0);transition:0.3s ease;top:-52px;left:16%}.header .header__wrapper .header__nav-list li:hover{color:red;font-weight:700}.header .header__wrapper .header__nav-list li:hover:after{width:100%}.header .header__wrapper .header__menu-mobile{display:none;position:relative;z-index:3;width:45px;height:32px}.header .header__wrapper .header__menu-mobile .line{transition:ease .2s;width:100%;height:4px;background-color:#B30000;border-radius:15px}.header .header__wrapper .header__menu-mobile .line.active-menu-mobile{background-color:rgba(0,0,0,0)}.header .header__wrapper .header__menu-mobile .line.active-menu-mobile::after{bottom:14px;transform:rotate(-45deg);background-color:#EA1D22}.header .header__wrapper .header__menu-mobile .line.active-menu-mobile::before{transform:rotate(45deg);background-color:#EA1D22}.header .header__wrapper .header__menu-mobile .line::after{content:'';width:100%;height:4px;border-radius:15px;background-color:#B30000;position:absolute;bottom:0;left:0;transition:ease .2s}.header .header__wrapper .header__menu-mobile .line::before{content:'';width:100%;height:4px;border-radius:15px;background-color:#B30000;position:absolute;bottom:14px;left:0;transition:ease .2s}.header .header__wrapper .header__sidebar{position:absolute;width:100%;height:100vh;top:0px;left:-5550px;z-index:2;background-color:#0A0C10;display:flex;justify-content:center;align-items:center;transition:ease .1s}.header .header__wrapper .header__sidebar.show-sidebar{left:0 !important}.header .header__wrapper .header__sidebar .header__sidebar-list{display:block;list-style:none}.header .header__wrapper .header__sidebar .header__sidebar-list li{font-family:"Roboto",sans-serif;text-transform:uppercase;color:#fff;font-size:1.2rem;height:68px;font-weight:700;position:relative}.header .header__wrapper .header__sidebar .header__sidebar-list li:hover::after{content:'';display:block;width:12px;height:12px;background-color:#EA1D22;transform:translate(-33px, -19px) rotate(89deg);clip-path:polygon(50% 0%, 0% 100%, 100% 100%)}@media (max-width: 960px){.header .header__wrapper .header__nav-list{display:none}.header .header__wrapper .header__menu-mobile{display:block}.header .header__wrapper .header__logo{margin-bottom:-38px;margin-left:-28px}}.content__text-wrapper{max-width:1220px;margin:24px auto 0;padding:0 20px}.content__text-wrapper h1{font-family:"Black Widow Movie",sans-serif;text-transform:uppercase;color:#fff;font-size:6rem}.content__text-wrapper h1:nth-child(1){color:red}.content__text-wrapper p{line-height:26px;margin:8px 0 32px;font-family:"Roboto",sans-serif;font-size:1rem;color:#fff;width:36%}.content__text-wrapper button{margin-right:16px}@media (max-width: 960px){.content__text-wrapper h1{font-size:4rem}.content__text-wrapper button{margin-bottom:16px}}@media (max-width: 600px){.content__text-wrapper h1{font-size:3.5rem}.content__text-wrapper p{width:100%}}.content__video-wrapper{max-width:1220px;margin:30px auto;padding:0 20px}.content__video-wrapper h1{font-family:"Black Widow Movie",sans-serif;text-transform:uppercase;text-decoration:underline;color:#fff}@media (max-width: 340px){.content__video-wrapper{display:flex;flex-direction:column}.content__video-wrapper .video{align-self:center}}@media (max-width: 600px){.content{margin-top:360px;background:rgba(255,255,255,0.2);border-radius:26px 26px 0 0;box-shadow:0 4px 30px #000;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.3)}}