-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
3241 lines (3164 loc) · 213 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head> <title>Enjoy amazing movies!</title> <meta http-equiv="Content-type" content="text/html;charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta name="format-detection" content="telephone=no"> <meta name="description" content=""> <meta name="keywords" content=""> <!--<meta name="robots" content="noindex, nofollow" /> --> <meta property="og:type" content="website"> <meta property="og:title" content="HTML-Coder Andrianov Oleg"> <meta property="og:site_name" content="pow44feet.github.com"> <meta property="og:url" content="https://hh.ru/resume/c1ff0322ff03c71ca40039ed1f68454f627456"> <meta property="og:image" content="../images/me-comp.jpg"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="HTML-Coder Andrianov Oleg"> <meta name="twitter:description" content="Work for money"> <meta name="twitter:site" content="https://hh.ru/resume/c1ff0322ff03c71ca40039ed1f68454f627456"> <meta name="twitter:image" content="../images/me-square-comp.jpg"> <link rel="stylesheet" href="css/slick.css"> <link rel="stylesheet" href="css/plugins.min.css"> <!-- <link rel="stylesheet" href="css/animate.css"> --> <link rel="stylesheet" href="css/style.min.css"> <link rel="shortcut icon" href="favicon.ico"> </head><body> <div class="main-preloader"> <svg class="main-preloader__image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-8 -8 64 84" shape-rendering="crispEdges"> <defs> <pattern id="pattern" width="8" height="8" patternUnits="userSpaceOnUse" x="-4" y="-4"> <path d="M 0 0 L8 0 8 8 0 8 z" fill="none"></path> </pattern> </defs> <g class="snake-group" stroke-linejoin="miter" stroke-linecap="square" stroke-width="8" fill="none"> <path class="dot dot-1" d="M28,48 l8,0z" /> <path class="dot dot-2" d="M-4,48 l8,0z" /> <path class="dot dot-3" d="M4,16 l8,0z" /> <path class="snake" d="M0 16 h48 v16 H32 v32 H0 V48 h16 V0 H0 v16"/> </g> <rect x="-4.5" y="-4.5" width="57" height="73" fill="url(#pattern)"></rect> </svg> </div> <div class="top-block-bg"> <header class="header"> <div class="container"> <div class="header__body"> <div class="burger"> <span></span> </div> <a class="logo" href="#"> <picture> <source srcset="images/logo.webp 1x, images/[email protected] 2x" type="image/webp"> <img src="images/logo.png" srcset="images/[email protected] 2x" alt="Kallyas site logo red letter 'K'"> </picture> </a> <nav class="menu"> <ul class="menu__list"> <li class="menu__item"> <a class="menu__link link-underline" href="#">Homepage</a> </li> <li class="menu__item"> <a class="menu__link link-underline" href="#">Serials</a> </li> <li class="menu__item"> <a class="menu__link link-underline" href="#">Movies</a> </li> <li class="menu__item"> <a class="menu__link link-underline" href="#">Favorites</a> </li> <li class="menu__item"> <a class="menu__link link-underline" href="#">My List</a> </li> </ul> </nav> <div class="user"> <form class="user__search search" action="#" method="get"> <input class="search__input" type="search" name="q" autocomplete="off" placeholder="Search..."> <span class="close-button">×</span> <button class="search__button" type="submit"> <svg xmlns="http://www.w3.org/2000/svg" height="11" version="1.1" viewBox="-1 0 136 136.21852" width="11"> <g> <path d="M 93.148438 80.832031 C 109.5 57.742188 104.03125 25.769531 80.941406 9.421875 C 57.851562 -6.925781 25.878906 -1.460938 9.53125 21.632812 C -6.816406 44.722656 -1.351562 76.691406 21.742188 93.039062 C 38.222656 104.707031 60.011719 105.605469 77.394531 95.339844 L 115.164062 132.882812 C 119.242188 137.175781 126.027344 137.347656 130.320312 133.269531 C 134.613281 129.195312 134.785156 122.410156 130.710938 118.117188 C 130.582031 117.980469 130.457031 117.855469 130.320312 117.726562 Z M 51.308594 84.332031 C 33.0625 84.335938 18.269531 69.554688 18.257812 51.308594 C 18.253906 33.0625 33.035156 18.269531 51.285156 18.261719 C 69.507812 18.253906 84.292969 33.011719 84.328125 51.234375 C 84.359375 69.484375 69.585938 84.300781 51.332031 84.332031 C 51.324219 84.332031 51.320312 84.332031 51.308594 84.332031 Z M 51.308594 84.332031 " style=" stroke:none;fill-rule:nonzero;fill-opacity:1;" /> </g> </svg> </button> </form> <button class="user__plag-search"> <svg xmlns="http://www.w3.org/2000/svg" height="11" version="1.1" viewBox="-1 0 136 136.21852" width="11"> <g> <path d="M 93.148438 80.832031 C 109.5 57.742188 104.03125 25.769531 80.941406 9.421875 C 57.851562 -6.925781 25.878906 -1.460938 9.53125 21.632812 C -6.816406 44.722656 -1.351562 76.691406 21.742188 93.039062 C 38.222656 104.707031 60.011719 105.605469 77.394531 95.339844 L 115.164062 132.882812 C 119.242188 137.175781 126.027344 137.347656 130.320312 133.269531 C 134.613281 129.195312 134.785156 122.410156 130.710938 118.117188 C 130.582031 117.980469 130.457031 117.855469 130.320312 117.726562 Z M 51.308594 84.332031 C 33.0625 84.335938 18.269531 69.554688 18.257812 51.308594 C 18.253906 33.0625 33.035156 18.269531 51.285156 18.261719 C 69.507812 18.253906 84.292969 33.011719 84.328125 51.234375 C 84.359375 69.484375 69.585938 84.300781 51.332031 84.332031 C 51.324219 84.332031 51.320312 84.332031 51.308594 84.332031 Z M 51.308594 84.332031 " style=" stroke:none;fill-rule:nonzero;fill-opacity:1;" /> </g> </svg> </button> <a class="user__login popup-link user__login--link" href="#">Login</a> <button class="user__signup popup-link btn-normal btn-medium btn-14 btn-red">Sign Up</button> <div class="overlay-form"></div> </div> </div> </div></header> <div class="film__the-avengers"> <article class="film-block fb-poster"> <div class="container"> <div class="film-block__body"> <div class="film-block__descr film-descr"> <aside class="film-descr__tags"> <div class="film-tag__list"> <a class="film-tag__item film-tag__item--year" href="#">2012</a> <a class="film-tag__item film-tag__item--blue" href="#">action</a> <a class="film-tag__item film-tag__item--red" href="#">adventure</a> </div> </aside> <header class="film-descr__title"> <h1 class="film-header header--60">the avengers</h1> </header> <div class="film-descr__description"> <p class="film-description"> When Thor's evil brother, Loki (Tom Hiddleston), gains access to the unlimited power of the energy cube called the Tesseract, Nick Fury (Samuel L. Jackson), director of S.H.I.E.L.D., initiates a superhero recruitment effort to defeat the unprecedented threat to Earth. </p> </div> <footer class="film-descr__buttons"> <div class="btn-list"> <button class="trailer btn-normal btn-medium btn-12 btn-up btn-red btn-red-light" data-video-id="NPoHPNeU9fc"> <span class="btn-play"></span> play trailer </button> <button class="btn-normal btn-medium btn-12 btn-up btn-black btn-dark-light add-collection"> <span class="btn-add"></span> add to list </button> </div> </footer> </div> <div class="film-block__poster film-poster"> <div class="film-poster__poster"> <picture> <source media="(min-width: 1023.98px)" srcset="images/films/the-avengers/the-avengers-poster.webp 1x, images/films/the-avengers/[email protected] 2x" type="image/webp"> <source media="(min-width: 1023.98px)" srcset="images/films/the-avengers/the-avengers-poster.jpg 1x, images/films/the-avengers/[email protected] 2x"> <source srcset="images/films/the-avengers/the-avengers-poster-768.webp 1x, images/films/the-avengers/[email protected] 2x" type="image/webp"> <img class="film-poster__image" src="images/films/the-avengers/the-avengers-poster-768.jpg" srcset="images/films/the-avengers/[email protected] 2x" alt="Постер фильма Мстители, герои на фоне боевых действий в Нью-Йорке"> </picture> </div> </div> <div class="film-block__buttons"> <div class="btn-list"> <button class="trailer btn-normal btn-medium btn-12 btn-up btn-red btn-red-light" data-video-id="NPoHPNeU9fc" > <span class="btn-play"></span> play trailer </button> <button class="btn-normal btn-medium btn-12 btn-up btn-black btn-dark-light add-collection"> <span class="btn-add"></span> add to list </button> </div> </div> </div> </div> </article> </div> <div class="popular-slider"> <div class="container"> <div class="popular-slider__top"> <div class="block-header"> <div class="block-header__header">popular serials</div> </div> </div> <div class="popular-slider__body"> <a class="popular-slider__slide image-mask" href="#"> <picture> <source srcset="images/films/prison_break/poster/prison_break.webp 1x, images/films/prison_break/poster/[email protected] 2x" type="image/webp"> <img src="images/films/prison_break/poster/prison_break.jpg" srcset="images/films/prison_break/poster/[email protected] 2x" alt="Один из главных героев сериала, надпись 'Prison Break'"> </picture> </a> <a class="popular-slider__slide image-mask" href="#"> <picture> <source srcset="images/films/blacklist/poster/blacklist.webp 1x, images/films/blacklist/poster/[email protected] 2x" type="image/webp"> <img src="images/films/blacklist/poster/blacklist.jpg" srcset="images/films/blacklist/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Blacklist'"> </picture> </a> <a class="popular-slider__slide image-mask" href="#"> <picture> <source srcset="images/films/the100/poster/the100.webp 1x, images/films/the100/poster/[email protected] 2x" type="image/webp"> <img src="images/films/the100/poster/the100.jpg" srcset="images/films/the100/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'The 100'"> </picture> </a> <a class="popular-slider__slide image-mask" href="#"> <picture> <source srcset="images/films/lucifer/poster/lucifer.webp 1x, images/films/lucifer/poster/[email protected] 2x" type="image/webp"> <img src="images/films/lucifer/poster/lucifer.jpg" srcset="images/films/lucifer/poster/[email protected] 2x" alt="Главный герой сериала, надпись 'Lucifer'"> </picture> </a> <a class="popular-slider__slide image-mask" href="#"> <picture> <source srcset="images/films/avengers_assemble/poster/avengers_assemble.webp 1x, images/films/avengers_assemble/poster/[email protected] 2x" type="image/webp"> <img src="images/films/avengers_assemble/poster/avengers_assemble.jpg" srcset="images/films/avengers_assemble/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Avengers Assemble'"> </picture> </a> <a class="popular-slider__slide image-mask" href="#"> <picture> <source srcset="images/films/defenders/poster/defenders.webp 1x, images/films/defenders/poster/[email protected] 2x" type="image/webp"> <img src="images/films/defenders/poster/defenders.jpg" srcset="images/films/defenders/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Defenders'"> </picture> </a> </div> </div> </div> </div> <div class="film__mission-impossible"> <article class="film-block fb-video"> <div class="container"> <div class="film-block__body"> <div class="film-block__video film-video"> <div class="film-video__video"> <a class="film-video__link" href="https://youtu.be/pSP1zmgHLCM"> <picture> <source srcset="https://i.ytimg.com/vi_webp/pSP1zmgHLCM/maxresdefault.webp" type="image/webp"> <img class="film-video__image" src="https://i.ytimg.com/vi/pSP1zmgHLCM/maxresdefault.jpg" alt=""> </picture> </a> <button class="film-video__button" aria-label="Запустить видео"> <svg width="68" height="48" viewBox="0 0 68 48"> <path class="film-video__button-shape" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"> </path> <path class="film-video__button-icon" d="M 45,24 27,14 27,34"></path> </svg> </button> </div> </div> <div class="film-block__descr film-descr film-descr--content-right"> <aside class="film-descr__tags"> <div class="film-tag__list"> <a class="film-tag__item film-tag__item--year" href="#">2018</a> <a class="film-tag__item film-tag__item--blue" href="#">action</a> <a class="film-tag__item film-tag__item--red" href="#">adventure</a> </div> </aside> <header class="film-descr__title"> <h1 class="film-header header--36">MISSION : IMPOSSIBLE</h1> </header> <div class="film-descr__description"> <p class="film-description"> Ethan Hunt and the IMF team join forces with CIA assassin August Walker to prevent a disaster of epic proportions. Arms dealer John Lark and a group of terrorists known as the Apostles plan to use three plutonium cores for a simultaneous nuclear attack on the Vatican. </p> </div> <footer class="film-descr__buttons"> <div class="btn-list"> <button class="play-trailer btn-normal btn-medium btn-12 btn-up btn-red btn-red-light"> <span class="btn-play"></span> play trailer </button> <button class="btn-normal btn-medium btn-12 btn-up btn-black add-collection"> <span class="btn-add"></span> add to list </button> </div> </footer> </div> <div class="film-block__buttons"> <div class="btn-list"> <button class="play-trailer btn-normal btn-medium btn-12 btn-up btn-red btn-red-light"> <span class="btn-play"></span> play trailer </button> <button class="btn-normal btn-medium btn-12 btn-up btn-black add-collection"> <span class="btn-add"></span> add to list </button> </div> </div> </div> </div> </article> </div> <div class="banner"> <a class="banner__link" href="#"> <picture> <source srcset="images/banner/banner_1.webp 1x, images/banner/[email protected] 2x" type="image/webp"> <img src="images/banner/banner_1.jpg" alt="Black Friday sale link" srcset="images/banner/[email protected] 2x"> </picture> </a> </div> <div class="trends"> <div class="container"> <div class="trends__inner"> <div class="trends__top"> <div class="block-header"> <div class="block-header__header">trends now</div> </div> <div class="trends__top-catalog"> <div class="flat-catalog"> <div class="flat-catalog__item flat-catalog--active" data-filter="all"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit " data-filter="all">all</button> </div> <div class="flat-catalog__item" data-filter="action"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">action</button> </div> <div class="flat-catalog__item" data-filter="adventure"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">adventure</button> </div> <div class="flat-catalog__item" data-filter="animation"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">animation</button> </div> <div class="flat-catalog__item" data-filter="biography"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">biography</button> </div> <div class="flat-catalog__item" data-filter="crime"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">crime</button> </div> <div class="flat-catalog__item" data-filter="comedy"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">comedy</button> </div> <div class="flat-catalog__item" data-filter="drama"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">drama</button> </div> <div class="flat-catalog__item" data-filter="documentary"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">documentary</button> </div> <div class="flat-catalog__item" data-filter="family"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">family</button> </div> <div class="flat-catalog__item" data-filter="fantasy"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">fantasy</button> </div> <div class="flat-catalog__item" data-filter="history"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">history</button> </div> <div class="flat-catalog__item" data-filter="horror"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">horror</button> </div> <div class="flat-catalog__item" data-filter="music"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">music</button> </div> <div class="flat-catalog__item" data-filter="musical"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">musical</button> </div> <div class="flat-catalog__item" data-filter="mystery"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">mystery</button> </div> <div class="flat-catalog__item" data-filter="news"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">news</button> </div> <div class="flat-catalog__item" data-filter="romance"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">romance</button> </div> <div class="flat-catalog__item" data-filter="sci-fi"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">sci-fi</button> </div> <div class="flat-catalog__item" data-filter="short"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">short</button> </div> <div class="flat-catalog__item" data-filter="sport"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">sport</button> </div> <div class="flat-catalog__item" data-filter="thriller"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">thriller</button> </div> <div class="flat-catalog__item" data-filter="western"> <button class="btn-normal btn-small btn-dark-blue btn-12 btn-capit">western</button> </div> </div> </div> </div> <div class="trends__body"> <div class="trends__body-film-list film-list"> <div class="film-list__column crime drama horror mystery thriller "> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/lucifer/poster/lucifer.webp 1x, images/films/lucifer/poster/[email protected] 2x" type="image/webp"> <img src="images/films/lucifer/poster/lucifer.jpg" srcset="images/films/lucifer/poster/[email protected] 2x" alt="Главный герой сериала, надпись 'Lucifer'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">Lucifer - Prime Exclusive</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2016</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.1</span> </div> </div> </div> </div> <div class="film-list__column adventure action fantasy"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/avengers_assemble/poster/avengers_assemble.webp 1x, images/films/avengers_assemble/poster/[email protected] 2x" type="image/webp"> <img src="images/films/avengers_assemble/poster/avengers_assemble.jpg" srcset="images/films/avengers_assemble/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Avengers Assemble'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Avengers - Assemble</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2012</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon info-line__favorites--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">9.1</span> </div> </div> </div> </div> <div class="film-list__column action adventure crime comedy fantasy"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/defenders/poster/defenders.webp 1x, images/films/defenders/poster/[email protected] 2x" type="image/webp"> <img src="images/films/defenders/poster/defenders.jpg" srcset="images/films/defenders/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Defenders'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Defenders</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2017</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon info-line__favorites--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon info-line__seen--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">7.4</span> </div> </div> </div> </div> <div class="film-list__column action biography crime drama "> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/prison_break/poster/prison_break.webp 1x, images/films/prison_break/poster/[email protected] 2x" type="image/webp"> <img src="images/films/prison_break/poster/prison_break.jpg" srcset="images/films/prison_break/poster/[email protected] 2x" alt="Один из главных героев сериала, надпись 'Prison Break'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">Prison Break - Season 5</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2017</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon info-line__seen--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.4</span> </div> </div> </div> </div> <div class="film-list__column adventure crime drama fantasy mystery thriller"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/blacklist/poster/blacklist.webp 1x, images/films/blacklist/poster/[email protected] 2x" type="image/webp"> <img src="images/films/blacklist/poster/blacklist.jpg" srcset="images/films/blacklist/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Blacklist'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Blacklist - Season 6</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2019</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.1</span> </div> </div> </div> </div> <!-- --> <div class="film-list__column adventure crime drama fantasy mystery thriller"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/blacklist/poster/blacklist.webp 1x, images/films/blacklist/poster/[email protected] 2x" type="image/webp"> <img src="images/films/blacklist/poster/blacklist.jpg" srcset="images/films/blacklist/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Blacklist'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Blacklist - Season 6</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2019</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.1</span> </div> </div> </div> </div> <div class="film-list__column crime drama horror mystery thriller "> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/lucifer/poster/lucifer.webp 1x, images/films/lucifer/poster/[email protected] 2x" type="image/webp"> <img src="images/films/lucifer/poster/lucifer.jpg" srcset="images/films/lucifer/poster/[email protected] 2x" alt="Главный герой сериала, надпись 'Lucifer'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">Lucifer - Prime Exclusive</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2016</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.1</span> </div> </div> </div> </div> <div class="film-list__column action biography crime drama "> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/prison_break/poster/prison_break.webp 1x, images/films/prison_break/poster/[email protected] 2x" type="image/webp"> <img src="images/films/prison_break/poster/prison_break.jpg" srcset="images/films/prison_break/poster/[email protected] 2x" alt="Один из главных героев сериала, надпись 'Prison Break'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">Prison Break - Season 5</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2017</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon info-line__seen--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.4</span> </div> </div> </div> </div> <div class="film-list__column adventure action fantasy"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/avengers_assemble/poster/avengers_assemble.webp 1x, images/films/avengers_assemble/poster/[email protected] 2x" type="image/webp"> <img src="images/films/avengers_assemble/poster/avengers_assemble.jpg" srcset="images/films/avengers_assemble/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Avengers Assemble'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Avengers - Assemble</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2012</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon info-line__favorites--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">9.1</span> </div> </div> </div> </div> <div class="film-list__column action adventure crime comedy fantasy"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/defenders/poster/defenders.webp 1x, images/films/defenders/poster/[email protected] 2x" type="image/webp"> <img src="images/films/defenders/poster/defenders.jpg" srcset="images/films/defenders/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Defenders'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Defenders</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2017</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">7.4</span> </div> </div> </div> </div> <!-- --> <div class="film-list__column adventure action fantasy"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/avengers_assemble/poster/avengers_assemble.webp 1x, images/films/avengers_assemble/poster/[email protected] 2x" type="image/webp"> <img src="images/films/avengers_assemble/poster/avengers_assemble.jpg" srcset="images/films/avengers_assemble/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Avengers Assemble'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Avengers - Assemble</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2012</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon info-line__favorites--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">9.1</span> </div> </div> </div> </div> <div class="film-list__column action biography crime drama "> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/prison_break/poster/prison_break.webp 1x, images/films/prison_break/poster/[email protected] 2x" type="image/webp"> <img src="images/films/prison_break/poster/prison_break.jpg" srcset="images/films/prison_break/poster/[email protected] 2x" alt="Один из главных героев сериала, надпись 'Prison Break'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">Prison Break - Season 5</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2017</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon info-line__seen--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.4</span> </div> </div> </div> </div> <div class="film-list__column action adventure crime comedy fantasy"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/defenders/poster/defenders.webp 1x, images/films/defenders/poster/[email protected] 2x" type="image/webp"> <img src="images/films/defenders/poster/defenders.jpg" srcset="images/films/defenders/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Defenders'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Defenders</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2017</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">7.4</span> </div> </div> </div> </div> <div class="film-list__column adventure crime drama fantasy mystery thriller"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/blacklist/poster/blacklist.webp 1x, images/films/blacklist/poster/[email protected] 2x" type="image/webp"> <img src="images/films/blacklist/poster/blacklist.jpg" srcset="images/films/blacklist/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Blacklist'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Blacklist - Season 6</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2019</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.1</span> </div> </div> </div> </div> <div class="film-list__column crime drama horror mystery thriller "> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/lucifer/poster/lucifer.webp 1x, images/films/lucifer/poster/[email protected] 2x" type="image/webp"> <img src="images/films/lucifer/poster/lucifer.jpg" srcset="images/films/lucifer/poster/[email protected] 2x" alt="Главный герой сериала, надпись 'Lucifer'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">Lucifer - Prime Exclusive</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2016</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.1</span> </div> </div> </div> </div> <!-- --> <div class="film-list__column crime drama horror mystery thriller "> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/lucifer/poster/lucifer.webp 1x, images/films/lucifer/poster/[email protected] 2x" type="image/webp"> <img src="images/films/lucifer/poster/lucifer.jpg" srcset="images/films/lucifer/poster/[email protected] 2x" alt="Главный герой сериала, надпись 'Lucifer'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">Lucifer - Prime Exclusive</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2016</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.1</span> </div> </div> </div> </div> <div class="film-list__column adventure action fantasy"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/avengers_assemble/poster/avengers_assemble.webp 1x, images/films/avengers_assemble/poster/[email protected] 2x" type="image/webp"> <img src="images/films/avengers_assemble/poster/avengers_assemble.jpg" srcset="images/films/avengers_assemble/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Avengers Assemble'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Avengers - Assemble</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2012</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon info-line__favorites--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">9.1</span> </div> </div> </div> </div> <div class="film-list__column action adventure crime comedy fantasy"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/defenders/poster/defenders.webp 1x, images/films/defenders/poster/[email protected] 2x" type="image/webp"> <img src="images/films/defenders/poster/defenders.jpg" srcset="images/films/defenders/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Defenders'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Defenders</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2017</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon info-line__favorites--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon info-line__seen--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">7.4</span> </div> </div> </div> </div> <div class="film-list__column action biography crime drama "> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/prison_break/poster/prison_break.webp 1x, images/films/prison_break/poster/[email protected] 2x" type="image/webp"> <img src="images/films/prison_break/poster/prison_break.jpg" srcset="images/films/prison_break/poster/[email protected] 2x" alt="Один из главных героев сериала, надпись 'Prison Break'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">Prison Break - Season 5</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2017</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon info-line__seen--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.4</span> </div> </div> </div> </div> <div class="film-list__column adventure crime drama fantasy mystery thriller"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/blacklist/poster/blacklist.webp 1x, images/films/blacklist/poster/[email protected] 2x" type="image/webp"> <img src="images/films/blacklist/poster/blacklist.jpg" srcset="images/films/blacklist/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Blacklist'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Blacklist - Season 6</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2019</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.1</span> </div> </div> </div> </div> <!-- --> <div class="film-list__column adventure crime drama fantasy mystery thriller"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/blacklist/poster/blacklist.webp 1x, images/films/blacklist/poster/[email protected] 2x" type="image/webp"> <img src="images/films/blacklist/poster/blacklist.jpg" srcset="images/films/blacklist/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Blacklist'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Blacklist - Season 6</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2019</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.1</span> </div> </div> </div> </div> <div class="film-list__column crime drama horror mystery thriller "> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/lucifer/poster/lucifer.webp 1x, images/films/lucifer/poster/[email protected] 2x" type="image/webp"> <img src="images/films/lucifer/poster/lucifer.jpg" srcset="images/films/lucifer/poster/[email protected] 2x" alt="Главный герой сериала, надпись 'Lucifer'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">Lucifer - Prime Exclusive</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2016</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.1</span> </div> </div> </div> </div> <div class="film-list__column action biography crime drama "> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/prison_break/poster/prison_break.webp 1x, images/films/prison_break/poster/[email protected] 2x" type="image/webp"> <img src="images/films/prison_break/poster/prison_break.jpg" srcset="images/films/prison_break/poster/[email protected] 2x" alt="Один из главных героев сериала, надпись 'Prison Break'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">Prison Break - Season 5</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2017</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon info-line__seen--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">8.4</span> </div> </div> </div> </div> <div class="film-list__column adventure action fantasy"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/avengers_assemble/poster/avengers_assemble.webp 1x, images/films/avengers_assemble/poster/[email protected] 2x" type="image/webp"> <img src="images/films/avengers_assemble/poster/avengers_assemble.jpg" srcset="images/films/avengers_assemble/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Avengers Assemble'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Avengers - Assemble</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2012</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon info-line__favorites--active"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">9.1</span> </div> </div> </div> </div> <div class="film-list__column action adventure crime comedy fantasy"> <div class="film-list__item film-item"> <a class="film-item__image image-mask" href="#"> <picture> <source srcset="images/films/defenders/poster/defenders.webp 1x, images/films/defenders/poster/[email protected] 2x" type="image/webp"> <img src="images/films/defenders/poster/defenders.jpg" srcset="images/films/defenders/poster/[email protected] 2x" alt="Главные герои сериала, надпись 'Defenders'"> </picture> </a> <a class="film-item__name" href="#"> <div class="header-small">The Defenders</div> </a> <div class="film-item__info info-line"> <div class="info-line__year">2017</div> <div class="info-line__favorites"> <button class="info-line__favorites-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <path d="M309.333,17.6c-37.12,0-72.747,17.28-96,44.48c-23.253-27.2-58.88-44.48-96-44.48C51.52,17.6,0,69.12,0,134.933 c0,80.533,72.533,146.347,182.4,246.08l30.933,28.053l30.933-28.053c109.867-99.733,182.4-165.547,182.4-246.08 C426.667,69.12,375.147,17.6,309.333,17.6z"/> </g> </g> </svg> </button> </div> <div class="info-line__seen"> <button class="info-line__seen-icon"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13" height="13" viewBox="0 0 469.333 469.333" style="enable-background:new 0 0 469.333 469.333;" xml:space="preserve" fill="#4C4C4C"> <g> <g> <g> <path d="M234.667,170.667c-35.307,0-64,28.693-64,64s28.693,64,64,64s64-28.693,64-64S269.973,170.667,234.667,170.667z" fill="#4C4C4C"/> <path d="M234.667,74.667C128,74.667,36.907,141.013,0,234.667c36.907,93.653,128,160,234.667,160 c106.773,0,197.76-66.347,234.667-160C432.427,141.013,341.44,74.667,234.667,74.667z M234.667,341.333 c-58.88,0-106.667-47.787-106.667-106.667S175.787,128,234.667,128s106.667,47.787,106.667,106.667 S293.547,341.333,234.667,341.333z"/> </g> </g> </g> </svg> </button> </div> <div class="info-line__rating"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="enable-background:new 0 0 426.667 426.667;" xml:space="preserve" width="13" height="13" fill="#f4dd1e"> <g> <g> <polygon points="426.667,165.227 273.28,152 213.333,10.667 153.387,152 0,165.227 116.373,266.027 81.493,416 213.333,336.427 345.173,416 310.293,266.027 "/> </g> </g> </svg> <span class="info-line__rating-number">7.4</span> </div> </div> </div> </div> <!-- --> </div> <div class="trends__body-button"> <button class="show-more-btn btn-normal btn-medium btn-12 btn-up btn-dark-blue"> <span class="btn-add"></span> load more </button> </div> </div> </div> </div> </div> <div class="film__jurassic-world-fallen-kingdom"> <article class="film-block only-descr film-block--big-gutters"> <div class="container"> <div class="film-block__body"> <div class="film-block__descr film-descr"> <aside class="film-descr__tags"> <div class="film-tag__list"> <a class="film-tag__item film-tag__item--year" href="#">2018</a> <a class="film-tag__item film-tag__item--blue" href="#">action</a> <a class="film-tag__item film-tag__item--red" href="#">adventure</a> </div> </aside> <header class="film-descr__title"> <h1 class="film-header header--36">JURASSIC WORLD : FALLEN KINGDOM</h1> </header> <div class="film-descr__description"> <p class="film-description"> Three years after the destruction of the Jurassic World theme park, Owen Grady and Claire Dearing return to the island of Isla Nublar to save the remaining dinosaurs from a volcano that's about to erupt. They soon encounter terrifying new breeds of gigantic. dinosaurs, while uncovering a conspiracy that threatens the entire planet. </p> </div> <footer class="film-descr__buttons"> <div class="btn-list"> <button class="trailer btn-normal btn-medium btn-12 btn-up btn-red btn-red-light" data-video-id="1FJD7jZqZEk"> <span class="btn-play"></span> play trailer </button> <button class="btn-normal btn-medium btn-12 btn-up btn-black add-collection"> <span class="btn-add"></span> add to list </button> </div> </footer> </div> <div class="film-block__buttons"> <div class="btn-list"> <button class="trailer btn-normal btn-medium btn-12 btn-up btn-red btn-red-light" data-video-id="1FJD7jZqZEk"> <span class="btn-play"></span> play trailer </button> <button class="btn-normal btn-medium btn-12 btn-up btn-black add-collection"> <span class="btn-add"></span> add to list </button> </div> </div> </div> </div> </article> </div> <div class="film__venom"> <article class="film-block fb-video"> <div class="container"> <div class="film-block__body"> <div class="film-block__video film-video"> <div class="film-video__video"> <a class="film-video__link" href="https://youtu.be/n7GlLxV_Igk"> <picture> <source srcset="https://i.ytimg.com/vi_webp/n7GlLxV_Igk/maxresdefault.webp" type="image/webp"> <img class="film-video__image" src="https://i.ytimg.com/vi/n7GlLxV_Igk/maxresdefault.jpg" alt=""> </picture> </a> <button class="film-video__button" aria-label="Запустить видео"> <svg width="68" height="48" viewBox="0 0 68 48"> <path class="film-video__button-shape" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"> </path> <path class="film-video__button-icon" d="M 45,24 27,14 27,34"></path> </svg> </button> </div> </div> <div class="film-block__descr film-descr film-descr--content-right"> <aside class="film-descr__tags"> <div class="film-tag__list"> <a class="film-tag__item film-tag__item--year" href="#">2018</a> <a class="film-tag__item film-tag__item--blue" href="#">action</a> <a class="film-tag__item film-tag__item--red" href="#">sci-fi</a> </div> </aside> <header class="film-descr__title"> <h1 class="film-header header--36">VENOM</h1> </header> <div class="film-descr__description"> <p class="film-description"> Journalist Eddie Brock is trying to take down Carlton Drake, the notorious and brilliant founder of the Life Foundation. While investigating one of Drake's experiments, Eddie's body merges with the alien Venom -- leaving him with superhuman strength and power. </p> </div> <footer class="film-descr__buttons"> <div class="btn-list"> <button class="play-trailer btn-normal btn-medium btn-12 btn-up btn-red btn-red-light"> <span class="btn-play"></span> play trailer </button> <button class="btn-normal btn-medium btn-12 btn-up btn-black add-collection"> <span class="btn-add"></span> add to list </button> </div> </footer> </div> <div class="film-block__buttons"> <div class="btn-list"> <button class="play-trailer btn-normal btn-medium btn-12 btn-up btn-red btn-red-light"> <span class="btn-play"></span> play trailer </button> <button class="btn-normal btn-medium btn-12 btn-up btn-black add-collection"> <span class="btn-add"></span> add to list </button> </div> </div> </div> </div> </article> </div> <div class="banner"> <a class="banner__link" href="#"> <picture> <source srcset="images/banner/banner_1.webp 1x, images/banner/[email protected] 2x" type="image/webp"> <img src="images/banner/banner_1.jpg" alt="Black Friday sale link" srcset="images/banner/[email protected] 2x"> </picture> </a> </div> <div class="news-block"> <div class="container"> <div class="news-block__body"> <div class="news-block__body-main news-main"> <div class="news-main__image"> <picture> <source srcset="images/films/the-hunger-games-catching-fire/rectangle-poster/the-hunger-games.webp 1x, images/films/the-hunger-games-catching-fire/rectangle-poster/[email protected] 2x" type="image/webp"> <img src="images/films/the-hunger-games-catching-fire/rectangle-poster/the-hunger-games.jpg" srcset="images/films/the-hunger-games-catching-fire/rectangle-poster/[email protected] 2x" alt="Постер фильма, главная героиня с луком наизготовку целится в экран"> </picture> </div> <div class="news-main__content"> <div class="news-main__content-header"> <h3 class="film-header header--36"> THE HUNGER GAMES : CATCHING FIRE </h3> </div> <div class="news-main__content-description"> <p class="film-description"> After arriving safely home from their unprecedented victory in the 74th Annual Hunger Games, Katniss Everdeen (Jennifer Lawrence) and Peeta Mellark (Josh Hutcherson) discover that they must do a quick turnaround and begin a Victors Tour. As she and Peeta travel throughout the districts, Katniss senses a rebellion is stirring. <br><br> However, President Snow (Donald Sutherland) proves that he is still very much in control when word comes of a cruel change in the rules for the upcoming 75th Hunger Games. </p> </div> <div class="news-main__content-link"> <a class="continue" href="#">Continue Reading<span></span></a> </div> </div> </div> <div class="news-block__body-line"></div> <div class="news-block__body-aside news-aside"> <div class="news-aside__column"> <div class="news-aside__item"> <div class="news-aside__item-image"> <picture> <source srcset="images/news-block/the-hunger-games-mockingjay-1/poster.webp 1x, images/news-block/the-hunger-games-mockingjay-1/[email protected] 2x" type="image/webp"> <img src="images/news-block/the-hunger-games-mockingjay-1/poster.jpg" srcset="images/news-block/the-hunger-games-mockingjay-1/[email protected] 2x" alt="Постер фильма, главная героиня в прыжке с луком на фоне огненной птицы"> </picture> </div> <div class="news-aside__item-content"> <div class="news-aside__item-header"> <div class="header-small"> How much cost to do a movie like Hunger Games. </div> </div> <div class="news-aside__item-link"> <a class="learn-more" href="#">Learn more</a> </div> </div> </div> </div> <div class="news-aside__column"> <div class="news-aside__item"> <div class="news-aside__item-image"> <picture> <source srcset="images/news-block/jennifer-lawrence/poster.webp 1x, images/news-block/jennifer-lawrence/[email protected] 2x" type="image/webp"> <img src="images/news-block/jennifer-lawrence/poster.jpg" srcset="images/news-block/jennifer-lawrence/[email protected] 2x" alt="Дженнифер Лоурэнс на презентации фильма Сойка-пересмешница"> </picture> </div> <div class="news-aside__item-content"> <div class="news-aside__item-header"> <div class="header-small"> How Jennifer Lawrence live his life. </div> </div> <div class="news-aside__item-link"> <a class="learn-more" href="#">Learn more</a> </div> </div> </div> </div> <div class="news-aside__column"> <div class="news-aside__item"> <div class="news-aside__item-image"> <picture> <source srcset="images/news-block/thgm1-what-happened/poster.webp 1x, images/news-block/thgm1-what-happened/[email protected] 2x" type="image/webp"> <img src="images/news-block/thgm1-what-happened/poster.jpg" srcset="images/news-block/thgm1-what-happened/[email protected] 2x" alt="Главные герои фильма 'Голодные игры' на фоне пламени"> </picture> </div> <div class="news-aside__item-content"> <div class="news-aside__item-header"> <div class="header-small"> What’s happend in the first part of the movie. </div> </div> <div class="news-aside__item-link"> <a class="learn-more" href="#">Learn more</a> </div> </div> </div> </div> <div class="news-aside__column"> <div class="news-aside__item"> <div class="news-aside__item-image"> <picture> <source srcset="images/news-block/actors-backstages/poster.webp 1x, images/news-block/actors-backstages/[email protected] 2x" type="image/webp"> <img src="images/news-block/actors-backstages/poster.jpg" srcset="images/news-block/actors-backstages/[email protected] 2x" alt="Актеры на съемочной площадке вне съемок"> </picture> </div> <div class="news-aside__item-content"> <div class="news-aside__item-header"> <div class="header-small"> See what actors do during the movie in backstage. </div> </div> <div class="news-aside__item-link"> <a class="learn-more" href="#">Learn more</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="news-slide"> <div class="container"> <div class="news-slide__body"> <div class="news-slide__column"> <figure class="news-slide__item news-item"> <div class="news-item__image image-mask"> <picture> <source srcset="images/news-slide/ns_01/poster.webp 1x, images/news-slide/ns_01/[email protected] 2x" type="image/webp"> <img src="images/news-slide/ns_01/poster.jpg" srcset="images/news-slide/ns_01/[email protected] 2x" alt="Shot from 'Suicide squad', main heroes in the rain."> </picture> </div> <a class="news-item__link" href="#"> <figcaption class="news-item__content"> <p class="news-item__content-text"> “Suicide Squad” voted as “The Best Viewed Movie” for 2016. </p> </figcaption> </a> </figure> </div> <div class="news-slide__column"> <figure class="news-slide__item news-item"> <div class="news-item__image image-mask"> <picture> <source srcset="images/news-slide/ns_02/poster.webp 1x, images/news-slide/ns_02/[email protected] 2x" type="image/webp"> <img src="images/news-slide/ns_02/poster.jpg" srcset="images/news-slide/ns_02/[email protected] 2x" alt="Joker from the 'Dark Knight' sitting in the police station"> </picture> </div> <a class="news-item__link" href="#"> <figcaption class="news-item__content"> <p class="news-item__content-text"> Patton Oswalt has a theory about the Joker from “The Dark Knight”. </p> </figcaption> </a> </figure> </div> <div class="news-slide__column"> <figure class="news-slide__item news-item"> <div class="news-item__image image-mask"> <picture> <source srcset="images/news-slide/ns_03/poster.webp 1x, images/news-slide/ns_03/[email protected] 2x" type="image/webp"> <img src="images/news-slide/ns_03/poster.jpg" srcset="images/news-slide/ns_03/[email protected] 2x" alt="Shot from the 'Capitain Marvel'"> </picture> </div> <a class="news-item__link" href="#"> <figcaption class="news-item__content"> <p class="news-item__content-text"> “Suicide Squad” voted as “The Best Viewed Movie” for 2016. </p> </figcaption> </a> </figure> </div> <div class="news-slide__column"> <figure class="news-slide__item news-item"> <div class="news-item__image image-mask"> <picture> <source srcset="images/news-slide/ns_04/poster.webp 1x, images/news-slide/ns_04/[email protected] 2x" type="image/webp"> <img src="images/news-slide/ns_04/poster.jpg" srcset="images/news-slide/ns_04/[email protected] 2x" alt="movie poster 'The Avengers Endgame' in the form of a collage with the main characters"> </picture> </div> <a class="news-item__link" href="#"> <figcaption class="news-item__content"> <p class="news-item__content-text"> “Avengers: Endgame” tickets are already going for hundreds on Ebay. </p> </figcaption> </a> </figure> </div> <div class="news-slide__column hide"> <figure class="news-slide__item news-item"> <div class="news-item__image image-mask"> <picture> <source srcset="images/news-slide/ns_01/poster.webp 1x, images/news-slide/ns_01/[email protected] 2x" type="image/webp"> <img src="images/news-slide/ns_01/poster.jpg" srcset="images/news-slide/ns_01/[email protected] 2x" alt="Shot from 'Suicide squad', main heroes in the rain."> </picture> </div> <a class="news-item__link" href="#"> <figcaption class="news-item__content"> <p class="news-item__content-text"> “Suicide Squad” voted as “The Best Viewed Movie” for 2016. </p> </figcaption> </a> </figure> </div> <div class="news-slide__column hide"> <figure class="news-slide__item news-item"> <div class="news-item__image image-mask"> <picture> <source srcset="images/news-slide/ns_02/poster.webp 1x, images/news-slide/ns_02/[email protected] 2x" type="image/webp"> <img src="images/news-slide/ns_02/poster.jpg" srcset="images/news-slide/ns_02/[email protected] 2x" alt="Joker from the 'Dark Knight' sitting in the police station"> </picture> </div> <a class="news-item__link" href="#"> <figcaption class="news-item__content"> <p class="news-item__content-text"> Patton Oswalt has a theory about the Joker from “The Dark Knight”. </p> </figcaption> </a> </figure> </div> <div class="news-slide__column hide"> <figure class="news-slide__item news-item"> <div class="news-item__image image-mask"> <picture> <source srcset="images/news-slide/ns_03/poster.webp 1x, images/news-slide/ns_03/[email protected] 2x" type="image/webp"> <img src="images/news-slide/ns_03/poster.jpg" srcset="images/news-slide/ns_03/[email protected] 2x" alt="Shot from the 'Capitain Marvel'"> </picture> </div> <a class="news-item__link" href="#"> <figcaption class="news-item__content"> <p class="news-item__content-text"> “Suicide Squad” voted as “The Best Viewed Movie” for 2016. </p> </figcaption> </a> </figure> </div> <div class="news-slide__column hide"> <figure class="news-slide__item news-item"> <div class="news-item__image image-mask"> <picture> <source srcset="images/news-slide/ns_04/poster.webp 1x, images/news-slide/ns_04/[email protected] 2x" type="image/webp"> <img src="images/news-slide/ns_04/poster.jpg" srcset="images/news-slide/ns_04/[email protected] 2x" alt="movie poster 'The Avengers Endgame' in the form of a collage with the main characters"> </picture> </div> <a class="news-item__link" href="#"> <figcaption class="news-item__content"> <p class="news-item__content-text"> “Avengers: Endgame” tickets are already going for hundreds on Ebay. </p> </figcaption> </a> </figure> </div> <div class="news-slide__column hide"> <figure class="news-slide__item news-item"> <div class="news-item__image image-mask"> <picture> <source srcset="images/news-slide/ns_01/poster.webp 1x, images/news-slide/ns_01/[email protected] 2x" type="image/webp"> <img src="images/news-slide/ns_01/poster.jpg" srcset="images/news-slide/ns_01/[email protected] 2x" alt="Shot from 'Suicide squad', main heroes in the rain."> </picture> </div> <a class="news-item__link" href="#"> <figcaption class="news-item__content"> <p class="news-item__content-text"> “Suicide Squad” voted as “The Best Viewed Movie” for 2016. </p> </figcaption> </a> </figure> </div> <div class="news-slide__column hide"> <figure class="news-slide__item news-item"> <div class="news-item__image image-mask"> <picture> <source srcset="images/news-slide/ns_02/poster.webp 1x, images/news-slide/ns_02/[email protected] 2x" type="image/webp"> <img src="images/news-slide/ns_02/poster.jpg" srcset="images/news-slide/ns_02/[email protected] 2x" alt="Joker from the 'Dark Knight' sitting in the police station"> </picture> </div> <a class="news-item__link" href="#"> <figcaption class="news-item__content"> <p class="news-item__content-text"> Patton Oswalt has a theory about the Joker from “The Dark Knight”. </p> </figcaption> </a> </figure> </div> <div class="news-slide__column hide"> <figure class="news-slide__item news-item"> <div class="news-item__image image-mask"> <picture> <source srcset="images/news-slide/ns_03/poster.webp 1x, images/news-slide/ns_03/[email protected] 2x" type="image/webp"> <img src="images/news-slide/ns_03/poster.jpg" srcset="images/news-slide/ns_03/[email protected] 2x" alt="Shot from the 'Capitain Marvel'"> </picture> </div> <a class="news-item__link" href="#"> <figcaption class="news-item__content"> <p class="news-item__content-text"> “Suicide Squad” voted as “The Best Viewed Movie” for 2016. </p> </figcaption> </a> </figure> </div> <div class="news-slide__column hide"> <figure class="news-slide__item news-item"> <div class="news-item__image image-mask"> <picture> <source srcset="images/news-slide/ns_04/poster.webp 1x, images/news-slide/ns_04/[email protected] 2x" type="image/webp"> <img src="images/news-slide/ns_04/poster.jpg" srcset="images/news-slide/ns_04/[email protected] 2x" alt="movie poster 'The Avengers Endgame' in the form of a collage with the main characters"> </picture> </div> <a class="news-item__link" href="#"> <figcaption class="news-item__content"> <p class="news-item__content-text"> “Avengers: Endgame” tickets are already going for hundreds on Ebay. </p> </figcaption> </a> </figure> </div> </div> <div class="news-slide__bottom"> <button class="btn-normal btn-medium btn-12 btn-up btn-dark-blue"> <span class="btn-add"></span> load more </button> </div> </div> </div> <footer class="footer"> <div class="container"> <div class="footer__body"> <div class="footer__info"> <div class="footer-info"> <a class="footer-info__column footer-info__logo" href="#"> <picture> <source srcset="images/footer/logo.webp 1x, images/footer/[email protected] 2x" type="image/webp"> <img src="images/footer/logo.jpg" srcset="images/footer/[email protected] 2x" alt="Site logo in the form of a big red letter K"> </picture> </a> <div class="footer-info__column footer-info__copyright"> <p class="footer-info__copyright-text"> © Copyright 2019 KALLYAS - Hogash Studio. All rights reserved. </p> </div> <div class="footer-info__column footer-info__partners"> <div class="footer-info__partners-top"> <div class="footer-info__partners-top-text"> Our Partners </div> </div> <div class="footer-info__partners-body"> <a class="footer-info__partners-body-item" href="#"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" class="partner-img partner-img-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40" height="40" viewBox="0 0 321 321" style="enable-background:new 0 0 321 321;" xml:space="preserve"> <g> <path fill="#212121" class="partner-img__circle" d="M160.5,0C72,0,0,72,0,160.5S72,321,160.5,321S321,249,321,160.5S249,0,160.5,0z M160.5,306C80.271,306,15,240.73,15,160.5 C15,80.271,80.271,15,160.5,15C240.729,15,306,80.271,306,160.5C306,240.73,240.729,306,160.5,306z"/> <path fill="#6d6d6d" class="partner-img__star" d="M274.019,129.298c-0.882-2.715-3.229-4.694-6.055-5.104l-69.608-10.115l-31.13-63.077c-1.264-2.56-3.871-4.181-6.726-4.181 c-2.855,0-5.462,1.621-6.726,4.181l-31.13,63.077l-69.609,10.115c-2.825,0.41-5.172,2.389-6.054,5.104 c-0.882,2.715-0.146,5.695,1.898,7.688l50.369,49.098l-11.891,69.328c-0.482,2.814,0.674,5.657,2.984,7.336 c1.307,0.949,2.854,1.432,4.409,1.432c1.193,0,2.392-0.285,3.489-0.861l62.26-32.732l62.26,32.732 c2.529,1.328,5.59,1.107,7.898-0.571c2.31-1.678,3.467-4.521,2.983-7.335l-11.891-69.327l50.37-49.098 C274.165,134.993,274.9,132.013,274.019,129.298z M208.457,178.094c-1.768,1.723-2.574,4.206-2.156,6.639l9.988,58.236 l-52.299-27.495c-2.185-1.148-4.794-1.148-6.98,0l-52.299,27.495l9.988-58.236c0.417-2.433-0.389-4.915-2.157-6.639l-42.311-41.242 l58.472-8.497c2.443-0.355,4.554-1.889,5.647-4.103L160.5,71.268l26.149,52.985c1.093,2.213,3.204,3.748,5.648,4.103l58.472,8.497 L208.457,178.094z"/> </g> </svg> </a> <a class="footer-info__partners-body-item" href="#"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" class="partner-img partner-img-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40" height="auto" viewBox="0 0 321 321" style="enable-background:new 0 0 321 321;" xml:space="preserve"> <g> <path fill="#212121" class="partner-img__circle" d="M160.5,0C72,0,0,72,0,160.5S72,321,160.5,321S321,249,321,160.5S249,0,160.5,0z M160.5,306C80.271,306,15,240.73,15,160.5 C15,80.271,80.271,15,160.5,15C240.729,15,306,80.271,306,160.5C306,240.73,240.729,306,160.5,306z"/> <path fill="#6d6d6d" class="partner-img__star" d="M274.019,129.298c-0.882-2.715-3.229-4.694-6.055-5.104l-69.608-10.115l-31.13-63.077c-1.264-2.56-3.871-4.181-6.726-4.181 c-2.855,0-5.462,1.621-6.726,4.181l-31.13,63.077l-69.609,10.115c-2.825,0.41-5.172,2.389-6.054,5.104 c-0.882,2.715-0.146,5.695,1.898,7.688l50.369,49.098l-11.891,69.328c-0.482,2.814,0.674,5.657,2.984,7.336 c1.307,0.949,2.854,1.432,4.409,1.432c1.193,0,2.392-0.285,3.489-0.861l62.26-32.732l62.26,32.732 c2.529,1.328,5.59,1.107,7.898-0.571c2.31-1.678,3.467-4.521,2.983-7.335l-11.891-69.327l50.37-49.098 C274.165,134.993,274.9,132.013,274.019,129.298z M208.457,178.094c-1.768,1.723-2.574,4.206-2.156,6.639l9.988,58.236 l-52.299-27.495c-2.185-1.148-4.794-1.148-6.98,0l-52.299,27.495l9.988-58.236c0.417-2.433-0.389-4.915-2.157-6.639l-42.311-41.242 l58.472-8.497c2.443-0.355,4.554-1.889,5.647-4.103L160.5,71.268l26.149,52.985c1.093,2.213,3.204,3.748,5.648,4.103l58.472,8.497 L208.457,178.094z"/> </g> </svg> </a> <a class="footer-info__partners-body-item" href="#"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" class="partner-img partner-img-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40" height="auto" viewBox="0 0 321 321" style="enable-background:new 0 0 321 321;" xml:space="preserve"> <g> <path fill="#212121" class="partner-img__circle" d="M160.5,0C72,0,0,72,0,160.5S72,321,160.5,321S321,249,321,160.5S249,0,160.5,0z M160.5,306C80.271,306,15,240.73,15,160.5 C15,80.271,80.271,15,160.5,15C240.729,15,306,80.271,306,160.5C306,240.73,240.729,306,160.5,306z"/> <path fill="#6d6d6d" class="partner-img__star" d="M274.019,129.298c-0.882-2.715-3.229-4.694-6.055-5.104l-69.608-10.115l-31.13-63.077c-1.264-2.56-3.871-4.181-6.726-4.181 c-2.855,0-5.462,1.621-6.726,4.181l-31.13,63.077l-69.609,10.115c-2.825,0.41-5.172,2.389-6.054,5.104 c-0.882,2.715-0.146,5.695,1.898,7.688l50.369,49.098l-11.891,69.328c-0.482,2.814,0.674,5.657,2.984,7.336 c1.307,0.949,2.854,1.432,4.409,1.432c1.193,0,2.392-0.285,3.489-0.861l62.26-32.732l62.26,32.732 c2.529,1.328,5.59,1.107,7.898-0.571c2.31-1.678,3.467-4.521,2.983-7.335l-11.891-69.327l50.37-49.098 C274.165,134.993,274.9,132.013,274.019,129.298z M208.457,178.094c-1.768,1.723-2.574,4.206-2.156,6.639l9.988,58.236 l-52.299-27.495c-2.185-1.148-4.794-1.148-6.98,0l-52.299,27.495l9.988-58.236c0.417-2.433-0.389-4.915-2.157-6.639l-42.311-41.242 l58.472-8.497c2.443-0.355,4.554-1.889,5.647-4.103L160.5,71.268l26.149,52.985c1.093,2.213,3.204,3.748,5.648,4.103l58.472,8.497 L208.457,178.094z"/> </g> </svg> </a> <a class="footer-info__partners-body-item" href="#"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" class="partner-img partner-img-4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40" height="auto" viewBox="0 0 321 321" style="enable-background:new 0 0 321 321;" xml:space="preserve"> <g> <path fill="#212121" class="partner-img__circle" d="M160.5,0C72,0,0,72,0,160.5S72,321,160.5,321S321,249,321,160.5S249,0,160.5,0z M160.5,306C80.271,306,15,240.73,15,160.5 C15,80.271,80.271,15,160.5,15C240.729,15,306,80.271,306,160.5C306,240.73,240.729,306,160.5,306z"/> <path fill="#6d6d6d" class="partner-img__star" d="M274.019,129.298c-0.882-2.715-3.229-4.694-6.055-5.104l-69.608-10.115l-31.13-63.077c-1.264-2.56-3.871-4.181-6.726-4.181 c-2.855,0-5.462,1.621-6.726,4.181l-31.13,63.077l-69.609,10.115c-2.825,0.41-5.172,2.389-6.054,5.104 c-0.882,2.715-0.146,5.695,1.898,7.688l50.369,49.098l-11.891,69.328c-0.482,2.814,0.674,5.657,2.984,7.336 c1.307,0.949,2.854,1.432,4.409,1.432c1.193,0,2.392-0.285,3.489-0.861l62.26-32.732l62.26,32.732 c2.529,1.328,5.59,1.107,7.898-0.571c2.31-1.678,3.467-4.521,2.983-7.335l-11.891-69.327l50.37-49.098 C274.165,134.993,274.9,132.013,274.019,129.298z M208.457,178.094c-1.768,1.723-2.574,4.206-2.156,6.639l9.988,58.236 l-52.299-27.495c-2.185-1.148-4.794-1.148-6.98,0l-52.299,27.495l9.988-58.236c0.417-2.433-0.389-4.915-2.157-6.639l-42.311-41.242 l58.472-8.497c2.443-0.355,4.554-1.889,5.647-4.103L160.5,71.268l26.149,52.985c1.093,2.213,3.204,3.748,5.648,4.103l58.472,8.497 L208.457,178.094z"/> </g> </svg> </a> <a class="footer-info__partners-body-item" href="#"> <?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" class="partner-img partner-img-5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40" height="auto" viewBox="0 0 321 321" style="enable-background:new 0 0 321 321;" xml:space="preserve"> <g> <path fill="#212121" class="partner-img__circle" d="M160.5,0C72,0,0,72,0,160.5S72,321,160.5,321S321,249,321,160.5S249,0,160.5,0z M160.5,306C80.271,306,15,240.73,15,160.5 C15,80.271,80.271,15,160.5,15C240.729,15,306,80.271,306,160.5C306,240.73,240.729,306,160.5,306z"/> <path fill="#6d6d6d" class="partner-img__star" d="M274.019,129.298c-0.882-2.715-3.229-4.694-6.055-5.104l-69.608-10.115l-31.13-63.077c-1.264-2.56-3.871-4.181-6.726-4.181 c-2.855,0-5.462,1.621-6.726,4.181l-31.13,63.077l-69.609,10.115c-2.825,0.41-5.172,2.389-6.054,5.104 c-0.882,2.715-0.146,5.695,1.898,7.688l50.369,49.098l-11.891,69.328c-0.482,2.814,0.674,5.657,2.984,7.336 c1.307,0.949,2.854,1.432,4.409,1.432c1.193,0,2.392-0.285,3.489-0.861l62.26-32.732l62.26,32.732 c2.529,1.328,5.59,1.107,7.898-0.571c2.31-1.678,3.467-4.521,2.983-7.335l-11.891-69.327l50.37-49.098 C274.165,134.993,274.9,132.013,274.019,129.298z M208.457,178.094c-1.768,1.723-2.574,4.206-2.156,6.639l9.988,58.236 l-52.299-27.495c-2.185-1.148-4.794-1.148-6.98,0l-52.299,27.495l9.988-58.236c0.417-2.433-0.389-4.915-2.157-6.639l-42.311-41.242 l58.472-8.497c2.443-0.355,4.554-1.889,5.647-4.103L160.5,71.268l26.149,52.985c1.093,2.213,3.204,3.748,5.648,4.103l58.472,8.497 L208.457,178.094z"/> </g> </svg> </a> </div> </div> <div class="footer-info__column footer-info__social"> <a class="footer-info__social-item" href="#"> <svg class="social-svg facebook-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <defs> <style> .cls-1 { fill: #6d6d6d; fill-rule: evenodd; } </style> </defs> <path id="_Icon_Color" data-name="🔹 Icon Color" class="cls-1" d="M420,5625.32v21.35a1.323,1.323,0,0,1-1.323,1.33h-6.116v-9.29h3.12l0.467-3.63h-3.587v-2.31c0-1.05.291-1.76,1.8-1.76h1.918v-3.24a23.564,23.564,0,0,0-2.8-.15c-2.766,0-4.659,1.69-4.659,4.79v2.67h-3.128v3.63h3.128V5648h-11.5a1.322,1.322,0,0,1-1.325-1.32v-21.36a1.322,1.322,0,0,1,1.325-1.32h21.35A1.322,1.322,0,0,1,420,5625.32Z" transform="translate(-396 -5624)"/> </svg> </a> <a class="footer-info__social-item" href="#"> <svg class="social-svg google-svg" data-name="Google+" xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14"> <defs> <style> .cls-1 { fill: #6d6d6d; fill-rule: evenodd; } </style> </defs> <path id="_Icon_Color" data-name="🔹 Icon Color" class="cls-1" d="M447.61,5635a6.777,6.777,0,0,1-6.61,8,7,7,0,0,1,0-14,6.71,6.71,0,0,1,4.69,1.83l-1.9,1.83a3.939,3.939,0,0,0-2.79-1.08,4.421,4.421,0,0,0,0,8.84,3.78,3.78,0,0,0,3.97-3.02H441V5635h6.61Zm-6.61,0,17,2h-3v3h-2v-3h-3v-2h3v-3h2v3h3v2Z" transform="translate(-434 -5629)"/> </svg> </a> <a class="footer-info__social-item" href="#"> <svg class="social-svg twitter-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="19.5" viewBox="0 0 24 19.5"> <defs> <style> .cls-1 { fill: #6d6d6d; fill-rule: evenodd; } </style> </defs> <path id="_Icon_Color" data-name="🔹 Icon Color" class="cls-1" d="M493.543,5630.86A14.006,14.006,0,0,1,472,5643.29a9.9,9.9,0,0,0,7.29-2.04,4.923,4.923,0,0,1-4.6-3.42,4.88,4.88,0,0,0,2.224-.08,4.932,4.932,0,0,1-3.949-4.89,4.812,4.812,0,0,0,2.229.61,4.925,4.925,0,0,1-1.523-6.57,13.953,13.953,0,0,0,10.148,5.14,4.929,4.929,0,0,1,8.391-4.49,9.926,9.926,0,0,0,3.127-1.19,4.927,4.927,0,0,1-2.165,2.72,9.921,9.921,0,0,0,2.828-.77A10.061,10.061,0,0,1,493.543,5630.86Z" transform="translate(-472 -5626)"/> </svg> </a> <a class="footer-info__social-item" href="#"> <svg class="social-svg instagram-svg" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <defs> <linearGradient id="linear-gradient" gradientTransform="rotate(45)" > <stop offset="0%" stop-color="#6d6d6d"/> <stop offset="25%" stop-color="#6d6d6d"/> <stop offset="50%" stop-color="#6d6d6d"/> <stop offset="75%" stop-color="#6d6d6d"/> <stop offset="100%" stop-color="#6d6d6d"/> </linearGradient> <style> .cls-1 { fill: #6d6d6d; fill-rule: evenodd; } </style> </defs> <path id="_Icon_Color" data-name="🔹 Icon Color" class="cls-1" d="M522,5626.16c-3.2,0-3.583.01-4.849,0.07-3.255.15-4.77,1.69-4.919,4.92-0.057,1.27-.07,1.65-0.07,4.85s0.012,3.58.07,4.85c0.148,3.22,1.659,4.77,4.919,4.92,1.265,0.06,1.645.07,4.849,0.07s3.584-.01,4.85-0.07c3.255-.15,4.77-1.7,4.919-4.92,0.057-1.27.069-1.64,0.069-4.85s-0.011-3.58-.069-4.85c-0.148-3.23-1.667-4.77-4.919-4.92-1.266-.06-1.646-0.07-4.85-0.07h0Zm4.949-2.09c4.362,0.2,6.783,2.63,6.979,6.98,0.058,1.28.072,1.69,0.072,4.95s-0.014,3.67-.073,4.95c-0.2,4.36-2.625,6.78-6.979,6.98-1.28.06-1.689,0.07-4.948,0.07s-3.667-.01-4.948-0.07c-4.362-.2-6.78-2.62-6.98-6.98-0.058-1.28-.072-1.69-0.072-4.95s0.014-3.67.073-4.95c0.2-4.36,2.622-6.78,6.98-6.98,1.28-.06,1.688-0.07,4.947-0.07S525.668,5624.01,526.949,5624.07Zm1.213,11.93a6.162,6.162,0,1,1-6.162-6.16A6.162,6.162,0,0,1,528.162,5636ZM526,5636a4,4,0,1,0-4,4A4,4,0,0,0,526,5636Zm3.845-6.41a1.44,1.44,0,1,1-1.439-1.44A1.436,1.436,0,0,1,529.845,5629.59Z" transform="translate(-510 -5624)"/> </svg> </a> </div> </div> </div> <div class="footer__nav"> <div class="footer__nav-main nav-main"> <div class="nav-main__header"> <div class="nav-main__header-text">Movies & Serials</div> </div> <div class="nav-main__body"> <div class="nav-main__column"> <div class="nav-main__item"> <a class="nav-main__string" href="#">Action</a> <a class="nav-main__string" href="#">Adventure</a> <a class="nav-main__string" href="#">Animation</a> <a class="nav-main__string" href="#">Biography</a> <a class="nav-main__string" href="#">Comedy</a> <a class="nav-main__string" href="#">Crime</a> <a class="nav-main__string" href="#">Documentary</a> <a class="nav-main__string" href="#">Drama</a> <a class="nav-main__string" href="#">Family</a> <a class="nav-main__string" href="#">Fantasy</a> </div> </div> <div class="nav-main__column"> <div class="nav-main__item"> <a class="nav-main__string" href="#">Film Noir</a> <a class="nav-main__string" href="#">History</a> <a class="nav-main__string" href="#">Horror</a> <a class="nav-main__string" href="#">Music</a> <a class="nav-main__string" href="#">Musical</a> <a class="nav-main__string" href="#">Mystery</a> <a class="nav-main__string" href="#">Romance</a> <a class="nav-main__string" href="#">Sci-Fi</a> <a class="nav-main__string" href="#">Short</a> <a class="nav-main__string" href="#">Sport</a> </div> </div> <div class="nav-main__column third-column"> <div class="nav-main__item"> <a class="nav-main__string" href="#">Superhero</a> <a class="nav-main__string" href="#">Thriller</a> <a class="nav-main__string" href="#">War</a> <a class="nav-main__string" href="#">Western</a> </div> </div> </div> </div> <div class="footer__nav-other nav-other"> <div class="nav-other__header"> <div class="nav-other__header-text">Others</div> </div> <div class="nav-other__body"> <div class="nav-other__column"> <a class="nav-other__string" href="#">Home</a> <a class="nav-other__string" href="#">Top Rated Movies</a> <a class="nav-other__string" href="#">Box Office</a> <a class="nav-other__string" href="#">TV</a> <a class="nav-other__string" href="#">Coming Soon</a> <a class="nav-other__string" href="#">Site Index</a> <a class="nav-other__string" href="#">Search</a> <a class="nav-other__string" href="#">In Theaters</a> <a class="nav-other__string" href="#">Contact Us</a> <a class="nav-other__string" href="#">Register</a> </div> <div class="nav-other__column"> <a class="nav-other__string" href="#">News</a> <a class="nav-other__string" href="#">Press Room</a> <a class="nav-other__string" href="#">Advertising</a> <a class="nav-other__string" href="#">Jobs</a> <a class="nav-other__string" href="#">Conditions of Use</a> <a class="nav-other__string" href="#">Privacy Policy</a> <a class="nav-other__string" href="#">Interest-Based Ads</a> </div> </div> </div> </div> </div> </div></footer> <div class="overlay"></div> <div class="popup-wrap"> <div class="login-wrap"> <button class="close-button" data-close-button>×</button> <div class="login-html"> <input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">Login</label> <input id="tab-2" type="radio" name="tab" class="sign-up"><label for="tab-2" class="tab">Sign Up</label> <div class="login-form"> <div class="sign-in-htm"> <div class="group"> <label for="user" class="label">Username</label> <input id="user" type="text" class="input"> </div> <div class="group"> <label for="pass" class="label">Password</label> <input id="pass" type="password" class="input" data-type="password"> </div> <div class="group"> <input id="check" type="checkbox" class="check" checked> <label for="check"><span class="icon"></span> Keep me Signed in</label> </div> <div class="group"> <button class="btn-popup btn-normal btn-medium btn-red">Sign Up</button> </div> <div class="hr"></div> <div class="foot-lnk"> <a href="#forgot">Forgot Password?</a> </div> </div> <div class="sign-up-htm"> <div class="group"> <label for="new-user" class="label">Username</label> <input id="new-user" type="text" class="input"> </div> <div class="group"> <label for="new-user-pass" class="label">Password</label> <input id="new-user-pass" type="password" class="input" data-type="password"> </div> <div class="group"> <label for="new-user-pass-repeat" class="label">Repeat Password</label> <input id="new-user-pass-repeat" type="password" class="input" data-type="password"> </div> <div class="group"> <label for="new-user-email" class="label">Email Address</label> <input id="new-user-email" type="text" class="input"> </div> <div class="group"> <button class="btn-popup btn-normal btn-medium btn-red">Sign Up</button> </div> <div class="hr"></div> <div class="foot-lnk"> <label for="tab-1">Already Member?</label> </div> </div> </div> </div> </div></div> <div class="popup-add-favorites popup-add-favorites--hidden"> <div class="popup-add-favorites__body"> <p>Added to Favorite movies</p> </div></div><div class="popup-remove-favorites popup-remove-favorites--hidden"> <div class="popup-remove-favorites__body"> <p>Removed from Favorite movies</p> </div></div><div class="popup-add-seen popup-add-seen--hidden"> <div class="popup-add-seen__body"> <p>Added to Watched movies</p> </div></div><div class="popup-remove-seen popup-remove-seen--hidden"> <div class="popup-remove-seen__body"> <p>Removed from Watched movies</p> </div></div><div class="popup-add-list popup-add-list--hidden"> <div class="popup-add-seen__body"> <p>Added to movies List</p> </div></div><div class="popup-remove-list popup-remove-list--hidden"> <div class="popup-remove-seen__body"> <p>Removed from movies List</p> </div></div> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script><script src="js/slick.min.js"></script><script src="js/plugins.min.js"></script><script src="js/scripts.min.js"></script><script> let filmBlock = document.querySelectorAll('.film-block'); for (let i = 0; i < filmBlock.length; i++) { if (filmBlock[i].querySelector('.film-block__video')) { let filmBlockVideo = filmBlock[i].querySelector('.film-block__video'); filmBlock[i].setAttribute("style", "padding: 65px 0px;"); //filmBlockVideo.setAttribute("style", "flex: 0 1 674px; max-width: 674px;"); /* filmBlockVideo.nextElementSibling.setAttribute("style", "flex: 0 1 50%; max-width: 50%;"); */ //Any film_video sibling will have these properties /* $(filmBlockVideo).siblings().not(".film-block__buttons").css({ "flex": "0 1 50%", "max-width" : "50%" }) */ } else if (filmBlock[i].querySelector('.film-block__poster')) { filmBlock[i].setAttribute("style", "padding-bottom: 40px;"); let filmBlockPoster = filmBlock[i].querySelector('.film-block__poster'); //filmBlockPoster.setAttribute("style", "flex: 0 1 50%; max-width: 50%;"); //filmBlockPoster.previousElementSibling.setAttribute("style", "flex: 0 1 50%; max-width: 50%;"); } }</script><script></script><script> $(document).ready(function(){ $('.popular-slider__body').slick({ slidesToShow: 5, arrows: true, swipeToSlide: true, waitForAnimate: true, touchThreshold: 25, speed: 250, responsive: [ { breakpoint: 649.98, settings: { slidesToShow: 4, } }, { breakpoint: 429.98, settings: { slidesToShow: 3, } } ] }); }); </script><script> $(document).ready(function(){ $('.flat-catalog').slick({ slidesToShow: 8, arrows: true, swipeToSlide: true, waitForAnimate: true, touchThreshold: 25, speed: 200, responsive: [ { breakpoint: 999.98, settings: { slidesToShow: 7, } }, { breakpoint: 799.98, settings: { slidesToShow: 6, } }, { breakpoint: 699.98, settings: { slidesToShow: 5, } }, { breakpoint: 569.98, settings: { slidesToShow: 4, } }, { breakpoint: 449.98, settings: { slidesToShow: 3, } }, { breakpoint: 349.98, settings: { slidesToShow: 2, } }, ] }); }); </script></body></html>