/*
Theme Name: RudeMaker
Theme URI: https://wordpress.org/themes/twentytwenty/
Author: Michał Budzik
Author URI: https://mindborn.pl/
Description: Twenty Twenty child.
Version: 1.1
Text Domain: twentytwenty-child
Template: twentytwenty
*/



* {
    margin: 0px; padding: 0px;
    -webkit-text-size-adjust: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
a {text-decoration: none;}
body {background-color: #202020; font-family: 'Merriweather', serif; font-weight: 300; color: #000000; font-size: 0px; line-height: 0px; background: url(images/bg-main.png);}
.screen-reader-text,
nav.pagination .nav-links .page-numbers .nav-prev-text,
nav.pagination .nav-links .page-numbers .nav-next-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.wp-block-embed-spotify {
	max-height: 300px;
	overflow: auto;
}
header {display: inline-block; position: relative; overflow: hidden; width: 100%; margin-top: 72px; text-align: center; font-size: 0px; line-height: 0px; background-color: #000000; transition: all 0.2s ease;}
header > * {font-size: 16px; line-height: 26px;}
.header-closed header {height: 0px; min-height: 0px;}
header .close-link {width: 44px; height: 44px; line-height: 44px; margin-top: 0px; margin-right: 0px;}
header .close-link {display: none;}
.home header .close-link {display: block;}
header:after {content: ''; display: none;}
header .slide-item {float: left; width: 100%; height: 100%;}
header .intro {position: relative; z-index: 3; width: 100%; padding: 20px 20px 0px 20px; text-align: left; background: #fd8d39 url(images/bg-header.png) repeat-x top left; background-size: auto 100%; transition: all 0.2s ease;}
header .intro .labels > span {display: inline-block; margin-right: 10px; padding: 0px 10px; font-family: 'Poppins', sans-serif; font-size: 20px; line-height: 44px; font-weight: 700; color: #ff9339; background-color: #660000;}
header .intro > div > h1 {display: inline-block; width: 100%; margin-top: 10px; font-family: 'Poppins', sans-serif; font-size: 24px; line-height: 34px; font-weight: 800;}
header .intro > div > h1 a {font-size: 24px; line-height: 34px; color: #000000;}
header .intro > div > h1:hover a {text-decoration: underline}
header .intro > div > .byline {width: 100%; margin: 15px 0px -10px 0px; line-height: 0px;}
header .intro > div > .byline img {width: 60px; height: 60px; margin-top: 0px;}
header .intro > div > .byline span {margin-left: -30px; padding-left: 35px; vertical-align: middle;}
header .intro > div > .byline.mulitple-byline img {width: 30px; height: 30px;}
header .intro > div > .byline.mulitple-byline span {margin-left: -15px; padding-left: 20px;}
/*header > .intro > div > .byline time {position: absolute; bottom: 0px; right: 0px; margin-left: 0px; padding-left: 35px; line-height: 26px;}*/
header .intro > div > .paragraphs {margin-top: 15px;}
header .intro > div > .paragraphs p {display: inline-block; width: 100%; margin-bottom: 20px; padding-right: 20px; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 26px; font-weight: 500;}
header .intro > div > .paragraphs blockquote p {width: calc(100% - 60px); padding-left: 20px; border-left: 5px solid #000000; text-align: left;font-style: italic;}
header .intro > div > .paragraphs p:last-of-type {margin-bottom: 10px;}
header .intro > div > .paragraphs a {font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 26px; border-bottom: 1px solid #000000; font-weight: 700; color: #000000; transition: all 0.2s ease;}
header .intro > div > .paragraphs a.more-link {display: inline-block; margin-top: 10px; margin-bottom: 10px; white-space: nowrap;}
header .intro > div > .paragraphs a:hover {border-bottom: 1px solid transparent; background-color: #ff550f; color: #ffffff;}
header .intro > div > .paragraphs p strong {font-weight: 700;}
header .intro > div > .paragraphs.paragraphs-visible {}
header .intro > div > .paragraphs.paragraphs-hidden {height: 0px; overflow: hidden;}
header .intro > div > .social-links {margin-top: 10px; margin-bottom: -10px;}
.hero-image {display: inline-block; position: relative; z-index: 2; overflow: hidden; width: 100%; text-align: center; background-color: #000000; transition: all 0.2s ease;}
.hero-image figure {display: inline-block; position: relative; z-index: 10; width: calc(100% - 40px); max-width: 420px; margin-top: calc(32vw + 10px); margin-right: auto; margin-bottom: 80px; margin-left: auto; }
.hero-image figure img {display: inline-block; width: 100%; height: auto; border-radius: 5px;}
.hero-image figure a:hover img {opacity: 0.8; transition: all 0.2s ease;}
.hero-image figure figcaption {display: inline-block; width: 100%; margin-top: 10px; color: #999999; font-size: 12px; line-height: 16px; font-style: italic;}
.hero-image .hero-image-bg {position: absolute; z-index: 1; overflow: hidden; width: 100%; height: 100%; top: 0px; left: 0px; /*background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0.25; */ opacity: 0.3; filter: blur(3px); transform: scale(1.1); background-color: #ffc659;}
.hero-image .hero-image-bg > .c-glitch {mix-blend-mode: multiply;}
.hero-image.rm-darken .hero-image-bg {opacity: 0.2;}
.hero-image .hero-image-gradient {position: absolute; z-index: 2; overflow: hidden; width: 100%; height: 35%; bottom: 0px; left: 0px; background: linear-gradient(0deg, rgba(30,30,30,1) 0%, rgba(255,255,255,0) 100%);}
.hero-image .hero-image-face-h {position: absolute; z-index: 2; width: 100%; height: 100%; top: 0px; left: 0px; background-size: 100% auto; background-repeat: no-repeat; background-position: top center; background-image: url(images/face.png);}
.hero-image .hero-image-face-v {display: none;}

.home header {float: left; background: transparent;}
.home .hero-image {float: left; /*height: 30vw;*/height: auto; background-color: transparent;}
/*.home .hero-image figure {display: none;}
.home .hero-image .hero-image-bg {display: none;}
.home .hero-image .hero-image-gradient {display: none;}*/
/*.home header .intro > div > .paragraphs p {font-size: 0px; line-height: 0px;}*/
.home header .intro > div > .paragraphs p a {font-size: 16px; line-height: 26px;}
.iebrowser .c-glitch__img {display: none !important;}


nav.menu-main {display: inline-block; position: fixed; z-index: 999; vertical-align: top; width: 100%; height: 72px; top: 0px; left: 0px; padding: 0px 0px 0px 20px; background: #000000; text-align: center;}
nav.menu-main .article-progress {position: absolute; top: 0px; left: 0px; height: 3px; width: 0px; background-color: #ff550f; transition-timing-function: linear;}
nav.menu-main .nav-contents {float: left; width: calc(100% + 20px); margin-left: -20px; padding-top: 0px; padding-right: 20px; background: #000000;}
nav.menu-main.menuopen .nav-contents {padding-top: 20px;}
nav.menu-main.menuopen {height: 100vh; max-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
nav.menu-main > .nav-contents > ul,
nav.menu-main > .nav-contents > div {display: none;}
nav.menu-main.menuopen > .nav-contents > ul,
nav.menu-main.menuopen > .nav-contents > div {display: block;}
nav.menu-main .burger-link {float: right; position: relative; width: 50px; height: 50px; margin-top: 11px; margin-right: 20px; padding: 5px 10px 5px 10px; border-radius: 5px; background: #ffffff; font-family: 'Poppins', sans-serif; font-size: 30px; line-height: 40px; font-weight: 900; color: #000000; text-align: center; cursor: pointer;}
nav.menu-main .burger-link span:first-of-type {display: block;}
nav.menu-main .burger-link span:last-of-type {display: none;}
nav.menu-main .info-link {float: right; position: relative; width: 24px; height: 0px; overflow: hidden; opacity: 0; z-index: -1; margin-top: 24px; margin-right: 20px; margin-left: 10px; padding: 0px; border-radius: 100px; background: #ffffff; font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 24px; font-weight: 600; color: #000000; text-align: center;}
.header-closed nav.menu-main .info-link {opacity: 1; height: 24px; z-index: 2; cursor: pointer;}
nav.menu-main.menuopen .burger-link span:first-of-type {display: none;}
nav.menu-main.menuopen .burger-link span:last-of-type {display: block;}
nav.menu-main .burger-link:hover,
nav.menu-main .info-link:hover {color: #ffffff; background-color: #ff550f;}
nav.menu-main > .nav-contents > ul {list-style-type: none; float: left;}
nav.menu-main > .nav-contents > ul > li {float: left; clear: left; padding-right: 20px; margin-left: 20px; font-size: 14px; line-height: 26px; text-align: left;}
nav.menu-main > .nav-contents > ul > li > a,
nav.menu-main > .nav-contents > ul > li > span {display: inline-block; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 46px; font-weight: 600; color: #ffffff; transition: all 0.2s ease;}
nav.menu-main > .nav-contents > ul > li.menu-item-has-children > a,
nav.menu-main > .nav-contents > ul > li.menu-item-has-children > span {padding-right: 18px; position: relative; cursor: pointer;}
nav.menu-main > .nav-contents > ul > li.menu-item-has-children > span,
nav.menu-main > .nav-contents > ul > li.menu-item-has-children > a[href="#"] {cursor: default;}
nav.menu-main > .nav-contents > ul > li.menu-item-has-children > span:after,
nav.menu-main > .nav-contents > ul > li.menu-item-has-children > a[href="#"]:after {content: "▼"; display: inline-block; position: absolute; top: 17px; right: 0px; margin-left: 5px; font-size: 10px; line-height: 14px; font-family: 'Merriweather', serif;}
nav.menu-main > .nav-contents > ul > li.menu-item-has-children.submenuopen > span:after,
nav.menu-main > .nav-contents > ul > li.menu-item-has-children.submenuopen > a[href="#"]:after {content: "▲";}
nav.menu-main > .nav-contents > ul > li > a:hover,
nav.menu-main > .nav-contents > ul > li:hover > span,
nav.menu-main > .nav-contents > ul > li.submenuopen > span,
nav.menu-main > .nav-contents > ul > li.submenuopen > a[href="#"] {color: #ff550f;}
nav.menu-main > .nav-contents > ul > li.submenuopen > span,
nav.menu-main > .nav-contents > ul > li.submenuopen > a[href="#"] {opacity: 0.7;}
nav.menu-main > .nav-contents > ul > li > ul.sub-menu {display: none; float: left; position: relative; top: auto; left: auto; width: 100%; margin: 10px 0px 0px 0px; padding: 0px 20px 0px 0px; border-bottom: 0px solid #1e1e1e; color: #000000; background: #000000; word-spacing: -10px;}
nav.menu-main > .nav-contents > ul > li.submenuopen > ul.sub-menu {display: block;}
nav.menu-main > .nav-contents > ul > li > ul.sub-menu:before {content: ""; position: absolute; z-index: 2; top: 0px; left: 0px; width: 100%; height: 100%; /*background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(255,255,255,0) 100%);*/}
/*nav.menu-main > .nav-contents > ul > li > ul.sub-menu .taxonomies {position: relative; z-index: 3; width: 100%; margin: 0px 0px 0px 0px; padding-bottom: 10px;}*/
nav.menu-main > .nav-contents > ul > li > ul.sub-menu p {display: inline-block; position: relative; z-index: 3; width: 100%; font-family: 'Poppins', sans-serif; font-size: 16px;}
nav.menu-main > .nav-contents > ul > li > ul.sub-menu p img {width: 66px; height: 66px; float: left; margin-top: 7px; margin-right: 14px; border-radius: 5px;}
nav.menu-main > .nav-contents > ul > li > ul.sub-menu p strong {font-weight: 700;}
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li {margin-bottom: 0px; position: relative; z-index: 3;}
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li.menu-item-has-children {margin-bottom: 20px;}
nav.menu-main .logo-link {position: fixed; top: 11px; left: 16px; width: 110px; height: 50px;}
nav.menu-main.menuopen .logo-link {position: absolute;}
nav.menu-main .logo-link img {position: absolute; top: 0px; left: 0px; height: 50px; transition: all 0.2s ease;}
nav.menu-main .logo-link img:first-of-type {z-index: 2; opacity: 1;}
nav.menu-main .logo-link img:last-of-type {z-index: 1; opacity: 0;}
nav.menu-main .logo-link:hover img:first-of-type {opacity: 0;}
nav.menu-main .logo-link:hover img:last-of-type {opacity: 1;}
nav.menu-main .search-box {float: left; position: relative; width: calc(100% - 10px); height: 50px; margin-top: 20px; margin-left: 10px; border-radius: 5px; background: url(images/bg-main.png);}
nav.menu-main .search-box input[type=search] {position: absolute; top: 0px; left: 0px; height: 50px; width: calc(100% - 60px); padding: 5px 10px; border: 0px; outline-style: none; box-shadow: none; border-color: transparent; border-radius: 5px; background: transparent; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 600; color: #ffffff;}
nav.menu-main .search-box input[type=search]::placeholder {opacity: 1; color: #ffffff; font-weight: 600;}
nav.menu-main .search-box input[type=search]:-ms-input-placeholder {opacity: 1; color: #ffffff; font-weight: 600;}
nav.menu-main .search-box input[type=search]::-ms-input-placeholder {opacity: 1; color: #ffffff; font-weight: 600;}
nav.menu-main .search-box input[type=search]:focus::placeholder {opacity: 0;}
nav.menu-main .search-box input[type=search]:focus:-ms-input-placeholder {opacity: 0;}
nav.menu-main .search-box input[type=search]:focus::-ms-input-placeholder {opacity: 0;}
nav.menu-main .search-box input[type=search]:hover::placeholder {color: #ff550f;}
nav.menu-main .search-box input[type=search]:hover:-ms-input-placeholder {color: #ff550f;}
nav.menu-main .search-box input[type=search]:hover::-ms-input-placeholder {color: #ff550f;}
nav.menu-main .search-box input[type=submit] {position: absolute; top: 0px; right: 0px; width: 50px; height: 50px; padding: 5px 10px 5px 12px; border: 0px; outline-style: none; box-shadow: none; border-color: transparent; border-radius: 5px; background: #ffffff; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 600; color: #000000; cursor: pointer; transition: all 0.2s ease;}
nav.menu-main .search-box input[type=submit]:hover {background-color: #ff550f; color: #ffffff;}
nav.menu-main .social-links {float: left; position: relative; width: 100%; height: 50px; margin-top: 20px; padding-left: 10px;}
nav.menu-main .social-links a {width: 50px; height: 50px; border-radius: 5px; background-position: center center; background-size: 24px 24px;}
nav.menu-main .lang-links {float: right; position: relative; height: 50px; margin-top: 11px; padding-left: 10px; z-index: 1000;}
nav.menu-main .lang-links a {width: 50px; height: 50px; border-radius: 5px;  color: #000000; font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 48px; font-weight: 600; text-transform: uppercase; text-align: center;}
nav.menu-main .lang-links a:hover {color: #ffffff;}
nav.menu-main span.icon {display: none !important;}

.articles-list {float: left; width: calc(100% - 20px); margin-top: 20px; margin-left: 20px; word-spacing: -10px; font-size: 0px; line-height: 0px; opacity: 0; transition: all 0.5s ease;}
.articles-list.loaded {opacity: 1;}
.articles-list article,
.articles-list .article-sizer {width: calc(100% - 20px);}
.articles-list .gutter-sizer {width: 20px;}
.articles-list article.format-video .read-more-button-wrap,
.articles-list article.format-audio .read-more-button-wrap {display: none;}

article {display: inline-block; vertical-align: top; width: 100%; /*margin: 20px;*/ text-align: left; backface-visibility: hidden;}
article > a,
article > .gallery a,
article .attachment a,
article a.rm-pic-link {display: block; position: relative; background-color: #ffc659; border-top-right-radius: 5px; border-top-left-radius: 5px; overflow: hidden;}
article > a > div,
article .gallery a .c-glitch,
article .attachment a .c-glitch,
article a.rm-pic-link .c-glitch {display: block; position: absolute !important; width: 100% !important; height: 100% !important; top: 0px; left: 0px; z-index: 2;}
article > a > picture {display: block; position: relative; z-index: 1;}
article > a > picture > img {width: 100%; height: auto; z-index: 3;}
article > a:hover > picture,
article .gallery a:hover > img,
article .attachment a:hover > img,
article a.rm-pic-link:hover img {opacity: 0; mix-blend-mode: multiply;}
article > a:hover > div,
article .gallery a:hover > div,
article .attachment a:hover > div,
article a.rm-pic-link:hover > div {mix-blend-mode: multiply;}
article > div {display: block; width: 100%; padding: 0px 20px 20px 20px; background-color: #ededed; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; word-spacing: normal; font-size: 16px; line-height: 26px;}
article > span.thumbvid {display: block; overflow: hidden; width: 100%; padding: 0px; background-color: #ededed; border-top-right-radius: 5px; border-top-left-radius: 5px;}
article h2 {display: inline-block; width: 100%; margin: 10px 0px 0px 0px; font-family: 'Poppins', sans-serif; font-size: 24px; line-height: 34px; font-weight: 800;}
article h3 {display: inline-block; width: 100%; margin: 10px 0px 0px 0px; font-family: 'Poppins', sans-serif; font-size: 20px; line-height: 30px; font-weight: 800;}
article h2 a {font-size: 24px; line-height: 34px; color: #000000;}
article h2:hover a {text-decoration: underline}



nav.menu-main > .nav-contents > ul > li ul {list-style-type: none;}
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li.menu-item-has-children ul {display: inline;}
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li.menu-item-has-children ul li {display: inline-block;}
.taxonomies {display: inline-block; width: calc(100% + 40px); margin: 20px -20px 0px -20px; text-align: left;}
.taxonomies > div,
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li {display: inline-block; word-spacing: -10px;}
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li {}
.taxonomies > div,
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li.menu-item-has-children  {width: 100%;}
.taxonomies > div > *,
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li a {display: inline-block; position: relative; margin: 0px 10px 10px 0px; padding: 2px 5px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; word-spacing: normal;}
.taxonomies > div > span,
.taxonomies > div > .cat-link,
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li > span,
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li.menu-item-has-children > a {margin-right: 20px; background-color: #000000; color: #ffffff;}
.taxonomies > div > .cat-link,
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li.menu-item-has-children > a {background-color: #3c3c3c;}
.taxonomies > div > span:after,
.taxonomies > div > .cat-link:after,
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li > span:after,
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li.menu-item-has-children > a:after {content: ""; position: absolute; top: 0px; right: -10px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid #000000; transition: all 0.2s ease;}
.taxonomies > div > .cat-link:after,
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li.menu-item-has-children > a:after {border-left: 10px solid #3c3c3c;}
.taxonomies > div > .cat-link:hover:after,
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li.menu-item-has-children > a:hover:after {border-left: 10px solid #ff550f;}
.taxonomies a,
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li a {background-color: #ffffff; color: #000000; transition: all 0.2s ease;}
.taxonomies a:hover,
nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li a:hover {background-color: #ff550f; color: #ffffff;}

.byline {display: inline-block; position: relative; width: calc(100% + 40px); margin: 10px -20px -10px -34px; word-spacing: -10px; text-align: left; font-size: 14px;}
.byline picture {display: inline-block; position: relative; z-index: 2; vertical-align: middle;}
.byline img {display: inline-block; width: 30px; height: 30px; overflow: hidden; border-radius: 90px;}
.byline span {display: inline-block; position: relative; z-index: 1; vertical-align: top; margin-left: -15px; padding: 2px 5px 2px 21px; word-spacing: normal; background-color: #ffc659; line-height: 26px; font-weight: 500; color: #000000; transition: all 0.2s ease;}
.byline a:hover span {background-color: #ff550f; color: #ffffff;}
.byline > a {display: inline-block; margin-right: 10px; margin-bottom: 10px; font-family: 'Poppins', sans-serif; line-height: 0px; vertical-align: middle;}
.byline time,
.comment-list article .comment-metadata time,
.comment-list article .comment-author .fn,
.comment-list article .comment-metadata .comment-edit-link {display: inline-block; vertical-align: middle; margin-left: 10px; padding: 2px 5px; word-spacing: normal; font-family: 'Poppins', sans-serif; line-height: 26px; font-weight: 400; background-color: #000000; color: #ffffff;}
.comment-list article .comment-metadata .comment-edit-link {display: none;}
.byline time {margin-left: 0px; margin-bottom: 10px;}
.byline p {margin-left: 34px; word-spacing: normal;}

article p {display: inline-block; width: 100%; margin: 10px 0px;}
article p a,
article ul li > a,
article ol li > a,
.comment-list article .comment-footer-meta .comment-reply-link,
.read-more-button-wrap .more-link {padding-bottom: 2px; border-bottom: 1px solid #000000; font-weight: 600; color: #000000; transition: all 0.2s ease; background: transparent;}
.read-more-button-wrap .more-link span {background: transparent;}
article p a:hover,
.comment-list article .comment-footer-meta .comment-reply-link:hover,
.read-more-button-wrap .more-link:hover {border-bottom: 1px solid transparent; background-color: #ff550f; color: #ffffff;}


.article {position: relative; margin-top: -60px; z-index: 2; text-align: center;}
.article article {width: calc(100% - 40px); max-width: 980px; text-align: center;}
.article > article {overflow: hidden;}
.article article #read-more,
#articles {float: left; position: relative; overflow: hidden; height: 0px; margin-top: -92px; font-size: 0px; line-height: 0px;}
.article article > div > div:nth-of-type(2) > p > span {position: absolute; top: -112px; left: 0px;}
.article article > div {float: left; padding-top: 20px; border-radius: 5px;}
.article article > div:first-of-type {text-align: left;}
.article article .byline {margin-top: 20px;}
.article article p > img {display: inline-block; width: 100%; height: auto;}
.article article p,
.article article h2,
.article article h3 {display: block; width: auto; text-align: left;}
.article article h2,
.article article h3 {margin-top: 10px; margin-bottom: 10px;}
.article article ul,
.article article ol {display: block; width: 100%; margin: 10px 0px 20px 0px; padding-left: 40px; text-align: left;}
.article article ul li,
.article article ol li {margin-bottom: 3px;}
.article article p {margin-bottom: 20px;}
.article article p strong {font-weight: 600;}
.article article p.form-submit {margin-bottom: 0px;}
.article article p iframe {display: block; margin-bottom: 20px;/*width: 100% !important;*/}
.article article .paragraphs p {font-size: 18px; line-height: 28px; font-weight: 600;}
.article article .paragraphs .more-link {display: none;}
.article article figure.wp-caption {font-size: 0px; line-height: 0px; width: 100%;}
.article article > div > img {width: 100%;}
.article article figure img {width: 100%;}
.article article figure.alignnone,
.article article figure.aligncenter,
.article article figure.alignleft,
.article article figure.alignright,
.article article figure.alignnone img,
.article article figure.aligncenter img,
.article article figure.alignleft img,
.article article figure.alignright img,
.article article img.alignnone,
.article article img.aligncenter,
.article article img.alignleft,
.article article img.alignright {max-width: 100% !important; height: auto;}


article figure figcaption {margin: 0 auto; padding: 8px 10px 8px 10px; font-size: 12px; line-height: 16px; color: #666666; font-style: italic; background: #ffffff;}
article figure.blockquote {position: relative; width: calc(100% - 5px); margin: 90px auto 40px 5px; text-align: left;}
article figure.blockquote.noquote {margin-top: 30px !important;}
article figure.blockquote blockquote {display: inline; padding: 5px; font-size: 24px; line-height: 38px; font-style: italic; white-space:pre-wrap; box-shadow: 5px 0 0 #000000, -5px 0 0 #000000; box-decoration-break: clone; color: #ffffff; background: #000000;}
article figure.blockquote blockquote p {display: inline;}
article figure.blockquote blockquote:before {content: "“"; top: 0px; left: -15px;}
article figure.blockquote.noquote blockquote:before {content: "";}
article figure.blockquote blockquote:after {content: "”"; right: -68px; bottom: -46px;}
article figure.blockquote.noquote blockquote:after {content: "";}
article figure.blockquote blockquote:before {position: absolute; font-family: 'Poppins', sans-serif; font-size: 140px; font-weight: 700; font-style: normal; color: #000000;}
article figure.blockquote blockquote:after {display: inline; font-family: 'Poppins', sans-serif; font-weight: 900; font-style: normal; color: #ffffff;}
article figure.blockquote figcaption {margin-left: -5px; padding: 11px 0px 0px 0px; font-weight: 900; font-style: normal; color: #000000; background: transparent;}
article figure.blockquote-long,
article > div > blockquote,
article > div > div > blockquote {width: calc(100% - 60px); margin: 40px 0px 40px 0px; padding-left: 20px; border-left: 5px solid #000000; text-align: left;}
article figure.blockquote-long blockquote,
article > div > blockquote,
article > div > div > blockquote {font-size: 16px; line-height: 26px; font-style: italic;}
article figure.blockquote-long figcaption {margin-top: 15px; padding: 0px; font-weight: 900; font-style: normal; color: #000000; background: transparent;}
.article article .byline {font-size: 16px;}
.article article .byline.byline-long {margin: 80px -20px 40px -20px; padding-top: 20px; text-align: center;}
.article article .byline.byline-long:before {content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0px; right: 0px; background: #ffffff;}
.article article .byline.byline-long > * {position: relative; z-index: 2;}
.article article .byline.byline-long {}
.article article .byline.byline-long > a {margin-top: -72px; vertical-align: middle;}
.article article .byline.byline-long > a:nth-of-type(n+2) {margin-top: 40px;}
.article article .byline.byline-long > a picture {vertical-align: middle;}
.article article .byline.byline-long > a img {width: 100px; height: 100px;}
.article article .byline.byline-long p {margin-right: 20px; margin-left: 20px; text-align: center;}
.article article .byline.byline-long span {margin-left: -10px; padding: 2px 5px 2px 15px; vertical-align: middle; font-size: 14px;}


.social-links {display: inline-block; width: 100%; margin: 20px 0px 20px 0px; word-spacing: -10px; text-align: left;}
.social-links a {display: inline-block; position: relative; margin: 0px 10px 10px 0px; padding: 2px 8px 2px 30px; word-spacing: normal; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; color: #ffffff; background-repeat: no-repeat; background-position: 4px 6px; background-size: 20px 20px; fill: #ffffff; transition: all 0.2s ease;}
.social-links a.social-link-facebook {background-color: #38559c; background-image: url(images/icon-facebook.svg);}
.social-links a.social-link-twitter {background-color: #00aaf3; background-image: url(images/icon-twitter.svg);}
.social-links a.social-link-pinterest {background-color: #cb1f20; background-image: url(images/icon-pinterest.svg);}
.social-links a.social-link-vkontakte {background-color: #4a76a8; background-image: url(images/icon-vkontakte.svg);}
.social-links a.social-link-instagram {background-color: #dd2a7b; background-image: url(images/icon-instagram.svg);}
.social-links a.social-link-youtube {background-color: #c72f2a; background-image: url(images/icon-youtube.svg);}
.social-links a.social-link-email {background-color: #6bb85e; background-image: url(images/icon-email.svg);}
.social-links a:hover,
.lang-links a:hover {background-color: #ff550f;}
.lang-links a {background-color: #ffffff;}
.lang-links a {display: inline-block; position: relative; margin: 0px 10px 10px 0px; padding: 2px 0px 2px 0px; word-spacing: normal; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; color: #ffffff; background-repeat: no-repeat; background-position: 4px 6px; background-size: 20px 20px; fill: #ffffff; transition: all 0.2s ease;}




.gallery {display: inline-block; width: calc(100% + 20px); margin: 20px -10px; word-spacing: -10px; font-size: 0px; line-height: 0px;}
.gallery figure {display: inline-block; width: calc(100% - 20px); margin: 10px; vertical-align: top;}
.gallery figure > div {display: inline-block; width: 100%; background-color: #ffc659;}
.gallery figure > div img {display: inline-block; width: 100%; height: auto;}
/*.gallery figure > div img:hover {mix-blend-mode: multiply;}*/
.gallery figure > div .rl-gallery-link {display: block; position: relative; overflow: hidden;}

.comments-area {float: left; width: 100%; height: 60px; overflow-y: hidden; overflow-x: hidden;}
.comments-area.comments-area-open {height: auto; overflow-y: visible;}
.article article .comment-list {margin-top: 0px; padding-left: 0px; list-style-type: none;}
.comment-list li::marker {content: '';}
.article article .comment-list article {width: 100%; margin: 30px 0px; background: #ffffff; border-radius: 5px; text-align: left;}
.comment-list article .comment-content {padding: 10px 20px 0px 20px; background: transparent;}
.comment-list article footer.comment-meta {position: relative; margin-top: -30px; padding-left: 10px; text-align: left; word-spacing: -10px; font-size: 14px;}
.comment-list article footer.comment-meta > div {margin-right: 10px;}
.comment-list article footer.comment-meta .avatar {display: inline-block; position: relative; z-index: 2; width: 60px; height: 60px; vertical-align: middle; border-radius: 90px;}
.comment-list article footer.comment-meta .says {display: none;}
.comment-list article .comment-author {display: inline-block; /*position: relative; z-index: 1;*/}
.comment-list article .comment-metadata {display: inline-block; position: absolute; top: 30px; left: 40px;}
.comment-list article .comment-author .fn {margin-left: -30px; margin-top: -30px; padding-left: 35px; background-color: #ffe2ac; color: #000000; font-weight: 500;}
.comment-list article .comment-author a .fn {background-color: #ffc659; color: #000000; transition: all 0.2s ease;}
.comment-list article .comment-author a:hover .fn {background-color: #ff550f; color: #ffffff;}
.comment-list article .comment-metadata time {margin-left: 0px; padding-left: 35px; background-color: #464646; transition: all 0.2s ease;}
.comment-list article .comment-metadata .comment-edit-link {display: none; margin-left: 10px; background-color: #464646; transition: all 0.2s ease;}
.comment-list article .comment-metadata > span {display: none;}
.comment-list article .comment-metadata a:hover time,
.comment-list article .comment-metadata .comment-edit-link:hover {background-color: #ff550f;}
.comment-list article .comment-metadata a {display: inline-block;}
.comment-list article .comment-footer-meta {display: inline-block; margin: 0px 0px 20px 0px; padding: 0px 20px; text-align: left; background: transparent;}
.comment-list article .comment-footer-meta .by-post-author {display: inline-block; margin-left: 10px;}
.comment-list article .comment-reply-link svg {display: none;}
.comment-list ol,
.comment-list ol li {float: left; list-style-type: none;}
.comment-list li ol {padding-left: 40px;}

.comment-respond {float: left; margin-top: 0px;}
.comment-list .comment-respond {margin-bottom: 40px;}
.article article #commentform p {float: left; width: 100%;}
.article article #commentform label {font-family: 'Poppins', sans-serif; font-weight: 400;}
.article article #commentform .comment-form-author label,
.article article #commentform .comment-form-email label,
.article article #commentform .comment-form-url label,
.article article #commentform .comment-form-comment label {display: none;}
.article article #commentform .comment-form-author input,
.article article #commentform .comment-form-email input,
.article article #commentform .comment-form-url input,
.article article #commentform .comment-form-author,
.article article #commentform .comment-form-email,
.article article #commentform .comment-form-url {margin-top: 0px;}
.article article #commentform .comment-form-comment,
.article article #commentform .logged-in-as {margin-bottom: 0px;}
.article article #commentform .comment-form-comment {margin-bottom: 20px;}
.article article #commentform p input,
.article article #commentform p textarea {position: relative; width: 100%; margin-top: 20px; padding: 5px 10px; border: 0px; border-radius: 5px; background: #d9d9d9; outline-style: none; box-shadow: none; border-color: transparent; border-radius: 5px; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 30px; font-weight: 400; color: #000000;}
.article article #commentform p textarea:first-of-type {width: 100% !important; margin-top: 10px;}
.article article #commentform p textarea:last-of-type {top: 0px !important; left: 0px !important;}
.article article #commentform p input::placeholder,
.article article #commentform p textarea::placeholder {opacity: 1; color: #999999; font-weight: 400;}
.article article #commentform p input:-ms-input-placeholder,
.article article #commentform p textarea:-ms-input-placeholder {opacity: 1; color: #999999; font-weight: 400;}
.article article #commentform p input::-ms-input-placeholder,
.article article #commentform p textarea::-ms-input-placeholder {opacity: 1; color: #999999; font-weight: 400;}
.article article #commentform p input:focus::placeholder,
.article article #commentform p textarea:focus::placeholder {opacity: 0;}
.article article #commentform p input:focus:-ms-input-placeholder,
.article article #commentform p textarea:focus:-ms-input-placeholder {opacity: 0;}
.article article #commentform p input:focus::-ms-input-placeholder,
.article article #commentform p textarea:focus::-ms-input-placeholder {opacity: 0;}
.article article #commentform p input:hover::placeholder,
.article article #commentform p textarea:hover::placeholder {color: #666666;}
.article article #commentform p input:hover:-ms-input-placeholder,
.article article #commentform p textarea:hover:-ms-input-placeholder {color: #666666;}
.article article #commentform p input:hover::-ms-input-placeholder,
.article article #commentform p textarea:hover::-ms-input-placeholder {color: #666666;}
.article article #commentform p input[type=checkbox] {width: auto;}
.article article #commentform p.comment-form-cookies-consent {margin: 0px; line-height: 0px;}
.article article #commentform p.comment-form-cookies-consent input {float: left; margin-top: 4px; margin-right: 8px;}
.article article #commentform p.comment-form-cookies-consent label {font-size: 14px; line-height: 20px; font-weight: 400;}
.article article #commentform p.comment-notes {margin-bottom: 0px; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 20px; font-weight: 400;}
.article article .comment-respond .comment-reply-title {position: relative; float: left; width: 100%; font-size: 20px; line-height: 30px; font-weight: 800;}
.article article .comment-respond .comment-reply-title small a,
.close-link {float: right; position: relative; z-index: 2; width: 40px; height: 40px; margin-top: -7px; vertical-align: top; border-radius: 5px; font-size: 0px; line-height: 0px; background-color: #464646; transition: all 0.2s ease;}
.article article .close-link {display: block !important;}
.article article .comment-respond .comment-reply-title small a {display: none !important;}
.article article .comment-list .comment-respond .comment-reply-title small a {display: inline-block !important;}
.close-link {float: right; margin-top: 0px; margin-right: -40px;}
.article article .comment-respond .comment-reply-title small a:hover,
.close-link:hover {background-color: #ff550f;}
.article article .comment-respond .comment-reply-title small a:before,
.close-link:before {content: "✕"; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 20px; line-height: 40px; font-weight: 800; text-align: center; color: #ffffff;}
.article article .comment-respond .form-submit {margin-top: 0px;}
.article article .comment-respond #commentform .form-submit input {float: left; width: auto; padding: 5px 10px; border-radius: 5px; font-size: 16px; line-height: 30px; color: #ffffff; background-color: #464646; cursor: pointer; transition: all 0.2s ease;}
.article article .comment-respond #commentform .form-submit input:hover {background-color: #ff550f;}
.article article h2.comments-title {float: left; width: 100%; margin-top: 0px; margin-bottom: 40px; padding: 5px 10px; border-radius: 5px; font-size: 16px; line-height: 30px; font-weight: 400; text-align: center; color: #ffffff; background-color: #464646; cursor: pointer; transition: all 0.2s ease;}
.article article .comments-area.comments-area-open h2.comments-title {width: calc(100% - 50px); background: #000000; cursor: auto;}
.article article .comments-area.comments-area-open .close-link {margin-right: 0px;}
.article article h2.comments-title:hover {background-color: #ff550f;}
/*.article article .fb-video {width: 100%;}
.article article .fb-video span {position: relative; overflow: hidden; width: 100% !important; height: 0px !important; padding-bottom: 56.25%; }
.article article .fb-video span iframe {position: absolute; width: 100% !important; height: 100% !important; top: 0px; left: 0px;}*/

.pagination-wrapper hr {display: none;}
nav.pagination {display: inline-block; position: relative; width: 100%; margin-top: 40px; text-align: center;}
nav.pagination .nav-links > * {display: inline-block; vertical-align: top; width: 50px; height: 50px; margin: 0px 10px; padding: 5px 10px 5px 10px; border-radius: 5px; font-family: 'Poppins', sans-serif; line-height: 42px; font-weight: 600; text-align: center; background: #ffffff; color: #000000;}
nav.pagination .nav-links .meta-nav {font-size: 0px; line-height: 0px;}
nav.pagination .nav-links .page-numbers {font-size: 16px;}
nav.pagination .nav-links .dots {width: auto; margin-right: 0px; margin-left: 0px; padding: 0px;}
nav.pagination .nav-links .dots {display: none;}
nav.pagination .nav-links .prev,
nav.pagination .nav-links .next {font-size: 0px; position: relative;}
nav.pagination .nav-links .prev:after,
nav.pagination .nav-links .next:after {position: absolute; top: 0px; width: 100%; height: 100%; font-size: 20px; line-height: 50px;}
nav.pagination .nav-links .prev:after {right: 2px; content: "◄";}
nav.pagination .nav-links .next:after {left: 2px; content: "►";}
nav.pagination .nav-links .prev {}
nav.pagination .nav-links .next {}
nav.pagination .nav-links .dots {background: transparent; color: #ffffff;}
nav.pagination .nav-links a:hover {background-color: #ff550f; color: #ffffff;}
nav.pagination .nav-links .page-numbers.current {background-color: #000000; color: #ffffff;}
nav.pagination .nav-links span.page-numbers.prevnext {display: none;}

.article aside {display: inline-block; width: calc(100% - 40px); margin-top: 20px; max-width: 1020px; word-spacing: -10px;}
.article aside article,
.article aside .article-sizer {width: calc(100% - 0px); text-align: center;}
.article aside article {}
.article aside .gutter-sizer {width: 20px;}
.article aside {display: inline-block; position: relative;}
.article aside article > div {border-top-right-radius: 0px; border-top-left-radius: 0px;}
.article aside h2,
.article aside h2 a {font-size: 16px; line-height: 26px;}

body > footer {display: inline-block; width: 100%; margin-top: 40px; background: #000000; color #ffffff;}
body > footer nav {float: left; width: auto;}
body > footer ul {display: inline-block; margin-top: 20px; margin-bottom: 20px; list-style-type: none;}
body > footer ul li {display: inline-block; margin-left: 20px; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 46px; color: #ffffff;}
body > footer ul li a,
body > footer .site-info a {font-weight: 600; color: #ffffff; transition: all 0.2s ease;}
body > footer .site-info a {margin-right: 20px;}
body > footer ul li a:hover,
body > footer .site-info a:hover {color: #ff550f;}
body > footer .site-info {float: left; width: auto; margin-top: 20px; padding: 0 20px; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 46px; font-weight: 300; color: #ffffff;}

body.attachment .article p.attachment a,
body.attachment .article p.attachment a:hover {border: 0px; background-color: #ffc659;}
body.attachment .article p.attachment img {width: 100%; height: auto;}

.res-520 {display: none;}
.res-640 {display: none;}
.res-800 {display: none;}
.res-1024 {display: none;}
.res-1280 {display: none;}
.res-1366 {display: none;}
.res-1440 {display: none;}
.res-1600 {display: none;}

@media (max-width: 1439px) {
  .sidebar__inner {position: relative !important; top: 0px !important; left: 0px !important; transform: none !important;}
  .article {margin-bottom: 0px;}
}

@media (min-width: 520px) {
  nav.pagination .nav-links .page-numbers.prevnext {display: inline-block;}

  .res-520 {display: block;}
}

@media (min-width: 640px) {
  /*.articles-list { margin-left: 40px;}
  */
  .comment-list article .comment-metadata {position: relative; top: auto; left: auto;}
  .comment-list article .comment-author .fn {margin-top: 0px;}
  .comment-list article .comment-metadata time {margin-left: 0px; padding-left: 5px;}
  .comment-list article .comment-metadata .comment-edit-link {display: inline-block;}

  .gallery.gallery-columns-1 figure {width: calc(100% - 20px);}
  .gallery.gallery-columns-2 figure {width: calc(50% - 20px);}
  .gallery.gallery-columns-3 figure {width: calc(33.33% - 20px);}
  .gallery.gallery-columns-4 figure {width: calc(25% - 20px);}
  .gallery.gallery-columns-5 figure {width: calc(20% - 20px);}
  .gallery.gallery-columns-6 figure {width: calc(16.66% - 20px);}
  .gallery.gallery-columns-7 figure {width: calc(14.28% - 20px);}
  .gallery.gallery-columns-8 figure {width: calc(12.5% - 20px);}
  .gallery.gallery-columns-9 figure {width: calc(11.11% - 20px);}

  nav.pagination .nav-links .dots {display: inline-block;}

  /*.res-520 {display: none;}*/
  .res-640 {display: block;}
}

@media (min-width: 800px) {

  .articles-list {width: calc(100% - 40px); margin-top: 92px; margin-left: 40px;}
  .articles-list article,
  .articles-list .article-sizer {width: calc(50% - 40px);}
  .articles-list article.article-double {width: calc(100% - 40px);}
  .articles-list .gutter-sizer {width: 40px;}
  header .intro {float: left;}
  header .intro > div {float: left; margin-bottom: -75px;}
  header .intro > div > h1 {font-size: 36px; line-height: 44px;}
  header .intro > div > h1 a {font-size: 36px; line-height: 44px;}
  header .intro > div > .paragraphs p {font-size: 18px; line-height: 32px;}
  header .intro .labels > span {font-size: 36px; line-height: 64px;}
  header .intro > div > h1 {margin-top: 20px;}
  header .intro > div > .paragraphs {margin-top: 20px;}
  header .intro > div > .social-links {margin-top: 20px;}
  header .intro > div > .byline {margin-top: 20px;}
  .home header .intro > div > .paragraphs p,
  .home header .intro > div > .paragraphs p a,
  .home header .intro > div .more-link {font-size: 20px; line-height: 34px;}

  .article article {width: calc(100% - 80px);}
  .article aside article,
  .article aside .article-sizer {width: calc(50% - 40px); text-align: center;}
  .article aside .gutter-sizer {width: 40px;}
  .article aside {margin-top: 40px; margin-left: 40px;}

  /*.res-640 {display: none;}*/
  .res-800 {display: block;}
}

@media (min-width: 1024px) {
  .articles-list article,
  .articles-list .article-sizer {width: calc(33.33% - 40px);}
  .articles-list article.article-double {width: calc(66.66% - 40px);}


  .article article figure.blockquote {width: calc(100% - 130px); margin-top: 60px; margin-left: auto;}
  .article article figure.blockquote-long,
  .article article > div > blockquote,
  .article article > div > div > blockquote {margin-left: 60px;}
  .article article figure.blockquote blockquote:before {top: 28px; left: -68px;}

  .article article figure.alignleft,
  .article article .alignleft {display: inline; float: left; width: 45% !important; height: auto; margin: 5px 20px 20px 0px;}
  .article article figure.alignright,
  .article article .alignright {display: inline; float: right; width: 45% !important; height: auto; margin: 5px 0px 20px 20px;}
  .article article .aligncenter {display: inline-block; max-width: 100% !important;}
  .article article figure.aligncenter {width: 100%; margin: 5px 0px 20px 0px; text-align: center;}
  .article article img.aligncenter {width: auto; max-width: 100%; min-width: 45%; height: auto; margin: 5px 0px 20px 50%; transform: translate(-50%, 0%);}
  .article article .alignnone {display: block; width: 100%; max-width: 100% !important; height: auto; margin: 5px 0px 20px 0px;}
  .article article figure.aligncenter > * {width: 100%; text-align: center;}
  .article article figure.aligncenter img,
  .article article figure.alignleft img,
  .article article figure.alignright img {display: inline-block; width: auto; max-width: 100%; min-width: 45%; height: auto;}
  .article article figure.alignnone img {display: inline-block; width: auto; max-width: 100%; min-width: 100%; height: auto;}

  .article aside article,
  .article aside .article-sizer {width: calc(33.33% - 40px);}

  body > footer .site-info {float: right; padding-right: 0px;}

  .playerembed {float: left; margin-right: 20px; margin-top: 3px;}

  /*.res-800 {display: none;}*/
  .res-1024 {display: block;}
}

@media (min-width: 1280px) {
  header .close-link {margin-top: -10px; margin-right: -10px;}
  .articles-list {margin-top: 40px;}
  .articles-list article,
  .articles-list .article-sizer {width: calc(25% - 40px);}
  .articles-list article.article-double {width: calc(50% - 40px);}



  nav.menu-main .nav-contents > ul,
  nav.menu-main .nav-contents > div {display: block;}
  nav.menu-main.menuopen {height: auto; max-height: auto; overflow-y: visible; -webkit-overflow-scrolling: auto;}
  nav.menu-main.menuopen .nav-contents {padding-top: 0px;}
  nav.menu-main .burger-link {display: none;}
  nav.menu-main .logo-link,
  nav.menu-main.menuopen .logo-link {float: left; position: relative; top: auto; left: auto; margin-top: 11px; margin-left: 20px; color: #ffffff;}
  nav.menu-main ul,
  nav.menu-main .search-box,
  nav.menu-main .social-links,
  nav.menu-main .lang-links {display: block;}


  nav.menu-main {position: absolute; top: auto; right: 0px; bottom: 0px;}
  nav.menu-main .nav-contents {float: none; width: auto; margin-left: 0px; padding-top: 0px; padding-right: 0px; background: transparent;}
  nav.menu-main > .nav-contents > ul > li {display: inline-block; vertical-align: top; float: none; clear: none; margin-left: 0px; padding-right: 10px; padding-left: 10px;}
  nav.menu-main > .nav-contents > ul > li:first-of-type {margin-left: -10px;}
  nav.menu-main > .nav-contents > ul > li:last-of-type {margin-right: 10px;}
  /*nav.menu-main ul li:nth-child(2n+1) {background: red;}
  nav.menu-main ul li:nth-child(2n) {background: orange;}*/
  nav.menu-main > .nav-contents > ul > li > a,
  nav.menu-main > .nav-contents > ul > li > span {line-height: 72px;}
  nav.menu-main > .nav-contents > ul > li.menu-item-has-children > span:after,
  nav.menu-main > .nav-contents > ul > li.menu-item-has-children > a[href="#"]:after {top: 30px;}
  nav.menu-main > .nav-contents > ul > li > ul.sub-menu {display: none; float: none; position: absolute; top: 72px; left: 0px; margin: 0px; padding: 0px 20px 0px 20px;}
  nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li.menu-item-has-children {margin-bottom: 0px;}
  nav.menu-main > .nav-contents > ul > li.submenuopen > span,
  nav.menu-main > .nav-contents > ul > li.submenuopen > a[href="#"] {color: #ffffff; opacity: 1;}
  nav.menu-main > .nav-contents > ul > li:hover > span,
  nav.menu-main > .nav-contents > ul > li:hover > a[href="#"],
  nav.menu-main > .nav-contents > ul > li.submenuopen:hover > span,
  nav.menu-main > .nav-contents > ul > li.submenuopen:hover > a[href="#"] {color: #ff550f; opacity: 0.7;}
  nav.menu-main > .nav-contents > ul > li.submenuopen > ul.sub-menu {display: none;}
  nav.menu-main > .nav-contents > ul > li:hover > ul.sub-menu {display: inline-block;}
  nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li {margin-bottom: 0px;}
  nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li.menu-item-has-children ul {display: inline-block;}
  nav.menu-main .search-box {width: 300px; height: 50px; margin-top: 11px; margin-left: 12px;}
  nav.menu-main .social-links,
  nav.menu-main .lang-links {float: right; width: auto; height: 50px; margin-top: 11px; padding-left: 0px;}
  nav.menu-main.stickyhead {position: fixed; top: 0px; bottom: auto;}
  /*nav.menu-main > .nav-contents > ul > li > div .taxonomies {padding-top: 20px;}*/
  nav.menu-main.menutop > .nav-contents > ul > li > ul.sub-menu {top: 48px; bottom: auto; padding-top: 34px; padding-bottom: 10px;}
  nav.menu-main.menutop > .nav-contents > ul > li.menu-item-has-children > span:after,
  nav.menu-main.menutop > .nav-contents > ul > li.menu-item-has-children > a[href="#"]:after,
  nav.menu-main.menutop > .nav-contents > ul > li.menu-item-has-children.submenuopen > span:after,
  nav.menu-main.menutop > .nav-contents > ul > li.menu-item-has-children.submenuopen > a[href="#"]:after {content: "▼";}
  nav.menu-main.menutop > .nav-contents > ul > li > ul.sub-menu > li > a {margin-top: 0px; margin-bottom: 10px;}
  /*nav.menu-main.menutop > .nav-contents > ul > li > ul.sub-menu .taxonomies {padding-top: 10px; padding-bottom: 10px;}*/

  nav.menu-main > .nav-contents > ul > li > ul.sub-menu {top: auto; bottom: 48px; padding-top: 0px; padding-bottom: 24px}
  nav.menu-main > .nav-contents > ul > li.menu-item-has-children > span:after,
  nav.menu-main > .nav-contents > ul > li.menu-item-has-children > a[href="#"]:after,
  nav.menu-main > .nav-contents > ul > li.menu-item-has-children.submenuopen > span:after,
  nav.menu-main > .nav-contents > ul > li.menu-item-has-children.submenuopen > a[href="#"]:after {content: "▲";}
  nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li > a {margin-top: 10px; margin-bottom: 0px;}
  /*

  */
  nav.menu-main > .nav-contents > ul > li > ul.sub-menu p {width: 50%;}
  header {height: 100vh; min-height: 550px; max-height: 55vw; margin-top: 0px; overflow: visible;}
  .header-closed header {height: 72px; min-height: 72px;}
  .header-closed header > div {height: 0px; overflow: hidden; opacity: 0;}
  header .intro {float: right; width: 45%; height: calc(100% - 72px); padding-bottom: 20px; background-size: contain;}
  header .intro > div {float: none; position: absolute; width: 100%; top: 50%; left: 0px; margin-bottom: 0px; transform: translate(0%, -50%); padding-right: 20px; padding-left: 20px;}
  .hero-image {position: absolute; top: 0px; left: 0px; width: 55%; height: calc(100% - 72px);}
  .hero-image figure {position: absolute; max-width: 70%; height: 85%; top: 50%; left: 50%; margin-top: 0px; margin-bottom: 0px; margin-left: calc(9px - 12.5vh); transform: translate(-50%, -50%); font-size: 0px; line-height: 0px; opacity: 1;}
  /*.hero-image figure:before {content: ""; display: inline-block; height: 100%; vertical-align: middle;}*/
  .hero-image figure div {}
  .hero-image figure img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: auto; height: auto; min-height: auto; min-width: auto; max-width: 100%; max-height: 100%;}
  .hero-image figure figcaption {position: absolute; bottom: 0px; left: 0px;}
  .hero-image .hero-image-face-h {display: none;}
  .hero-image .hero-image-face-v {display: block; position: absolute; z-index: 5; width: 100%; height: 100%; top: 0px; right: 0px; background-size: contain; background-repeat: no-repeat; background-position: top right; background-image: url(images/bg-mask.png);}
  .hero-image .hero-image-gradient {background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);}



  .home header {float: none; background: #000000;}
  .home .hero-image {float: none; height: calc(100% - 72px); background-color: #000000;}
  .home .hero-image figure {display: inline-block;}
  .home .hero-image .hero-image-bg {display: block;}
  .home .hero-image .hero-image-gradient {display: block;}


  /*header > .intro > div > .social-links {margin-bottom: 20px;}*/
  .article {margin-top: 40px;}
  .article article #read-more,
  #articles {margin-top: -112px;}


/*
header > .intro {float: right; position: relative; width: 45%; height: 70vh; text-align: left;}
header > .intro > div {position: absolute; width: 100%; top: 50%; left: 0px; transform: translate(0%, -50%);}
header .hero-image {position: absolute; top: 0px; left: 0px; width: 55%; height: 100%; background-color: #000000;}
header .hero-image img {position: absolute; width: auto; height: 100%; top: 0px; right: 0px;}
*/

  /*.res-1024 {display: none;}*/
  .res-1280 {display: block;}
}

@media (min-width: 1366px) {
  /*.res-1280 {display: none;}*/
  .res-1366 {display: block;}
}

@media (min-width: 1440px) {
    nav.menu-main .search-box {width: 500px;}
    .article > article {margin-bottom: 40px;}
    .article aside article,
    .article aside .article-sizer {width: 100%;}
    .article aside {margin-top: 0px; margin-left: 40px; width: calc(20% - 40px); max-width: 340px; will-change: min-height;}
    .article aside article {margin-bottom: 40px;}
    .article aside h2 {margin-top: 0px;}
    .sidebar__inner {
        transform: translate(0, 0); /* For browsers don't support translate3d. */
        transform: translate3d(0, 0, 0);
        will-change: position, transform;
    }
    body.single > footer {margin-top: 0px;}
    /*.sidebar__inner article:last-of-type {margin-bottom: 0px;}*/
    /*.article aside article > a,
    .article aside article > .thumbvid {height: 25px;}
    .article aside article:hover > a,
    .article aside article:hover > .thumbvid {height: auto;}*/


    /*.res-1366 {display: none;}*/
    .res-1440 {display: block;}
}

@media (min-width: 1600px) {
  .articles-list article,
  .articles-list .article-sizer {width: calc(20% - 40px); max-width: 340px;}
  .articles-list article.article-double {width: calc(40% - 40px); max-width: 720px;}

  header {/*height: 80vh;*/height: calc(100vh - 100px);}
  header .intro > div > h1,
  header .intro > div > h1 a {font-size: 42px; line-height: 50px;}
  header .intro > div > .paragraphs p,
  header .intro > div .more-link,
  header .intro > div > .paragraphs a {font-size: 20px; line-height: 34px;}

  /*header > .intro > div > .paragraphs p {font-size: 20px; line-height: 30px;}*/
  .hero-image figure {margin-left: -10vh;}


  nav.menu-main > .nav-contents > ul > li > ul.sub-menu {top: 48px; bottom: auto; padding-top: 34px; padding-bottom: 10px;}
  nav.menu-main > .nav-contents > ul > li.menu-item-has-children > span:after,
  nav.menu-main > .nav-contents > ul > li.menu-item-has-children.submenuopen > span:after,
  nav.menu-main > .nav-contents > ul > li.menu-item-has-children > a[href="#"]:after,
  nav.menu-main > .nav-contents > ul > li.menu-item-has-children.submenuopen > a[href="#"]:after {content: "▼";}
  nav.menu-main > .nav-contents > ul > li > ul.sub-menu > li > a {margin-top: 0px; margin-bottom: 10px;}
  /*nav.menu-main > .nav-contents > ul > li > ul.sub-menu .taxonomies {padding-top: 10px; padding-bottom: 10px;}*/




  /*
  header > .intro {width:calc(50vw + 490px);}
  .hero-image {margin-left: calc(-5vw - 490px);}
  header > .intro > div > .paragraphs {padding-right: 20%;}
  */
  /*.res-1440 {display: none;}*/
  .res-1600 {display: block;}
}

.c-glitch {

}
.c-intro {
  -webkit-animation: fe30-anime 1s ease-in-out 4s forwards;
          animation: fe30-anime 1s ease-in-out 4s forwards;
  opacity: 0;
}

.c-fe30 {
  color: white;
  margin-top: 2.5rem;
  text-align: center;
}
.c-fe30 a {
  color: white;
}
.c-fe30 a:hover,
.hero-image .c-fe30 a {
  text-decoration: none;
}

.c-ryanyu {
  background-color: transparent;
  display: block;
  font-family: "Kalam", cursive;
  height: 4.375rem;
  margin: 1.25rem auto 0;
  position: relative;
  text-align: center;
  width: 4.375rem;
}
.c-ryanyu img {
  background-color: white;
  border: 0.1875rem solid #fa9600;
  border-radius: 50%;
  height: 4.375rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 4.375rem;
}

.c-ryanyu__front {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  height: inherit;
  position: absolute;
  top: 0;
  -webkit-transform: rotateX(0) rotateY(0);
          transform: rotateX(0) rotateY(0);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 2000;
}

.c-ryanyu:hover .c-ryanyu__front,
.hero-image .c-ryanyu .c-ryanyu__front {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.c-ryanyu__back {
  background-color: white;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 50%;
  color: #fa9600;
  height: inherit;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  width: inherit;
  z-index: 1000;
}
.c-ryanyu__back::before {
  content: 'Ryan Yu';
  display: block;
  -webkit-transform: rotate(-45deg) translate(-4px, 25px);
          transform: rotate(-45deg) translate(-4px, 25px);
  width: 3.125rem;
}
.c-ryanyu:hover .c-ryanyu__back,
.c-ryanyu__front .c-ryanyu .c-ryanyu__back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

@-webkit-keyframes fe30-anime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fe30-anime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* =Custom Styles
------------------------------------- */

.c-glitch,
.c-glitch__img {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.c-glitch {
  /*height: calc(100vh - 200px);*/
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  /*width: 60vw;*/
  width: 100%;
  height: 100%;
}

.c-glitch__img {
  display: none;
  background-blend-mode: none;
  background-color: transparent;
  /*height: calc(100% + 5px * 2);*/
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  /*width: calc(100% + 10px * 2);*/
  width: 100%;
  height: 100%;
}

a:hover .c-glitch__img,
.hero-image .c-glitch__img {display: block;}

.c-glitch:hover .c-glitch__img:nth-child(n+2),
.hero-image .c-glitch .c-glitch__img:nth-child(n+2) {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.c-glitch:hover .c-glitch__img:nth-child(2),
.hero-image .c-glitch .c-glitch__img:nth-child(2) {
  -webkit-animation-name: glitch-anim-1;
          animation-name: glitch-anim-1;
}
.c-glitch:hover .c-glitch__img:nth-child(3),
.hero-image .c-glitch .c-glitch__img:nth-child(3) {
  -webkit-animation-name: glitch-anim-2;
          animation-name: glitch-anim-2;
}
.c-glitch:hover .c-glitch__img:nth-child(4),
.hero-image .c-glitch .c-glitch__img:nth-child(4) {
  -webkit-animation-name: glitch-anim-3;
          animation-name: glitch-anim-3;
}
.c-glitch:hover .c-glitch__img:nth-child(5),
.hero-image .c-glitch .c-glitch__img:nth-child(5) {
  -webkit-animation-name: glitch-anim-4;
          animation-name: glitch-anim-4;
  background-blend-mode: overlay;
  background-color: #af4949;
}

.c-glitch__img:nth-child(n+2) {
  opacity: 0;
}

@-webkit-keyframes glitch-anim-1 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(40px, 0, 0) scale3d(-1, -1, 1);
            transform: translate3d(40px, 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
            clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
  }
  20% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
            clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  30% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
            clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }
  40% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
            clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }
  50% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
            clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  55% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
            clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }
  60% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
            clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  65% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
            clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  70% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
            clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  80% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
            clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  85% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 65%, 0 65%);
            clip-path: polygon(0 60%, 100% 60%, 100% 65%, 0 65%);
  }
  95% {
    -webkit-clip-path: polygon(0 72%, 100% 72%, 100% 78%, 0 78%);
            clip-path: polygon(0 72%, 100% 72%, 100% 78%, 0 78%);
  }
}

@keyframes glitch-anim-1 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(40px, 0, 0) scale3d(-1, -1, 1);
            transform: translate3d(40px, 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
            clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
  }
  20% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
            clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  30% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
            clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }
  40% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
            clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }
  50% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
            clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  55% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
            clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }
  60% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
            clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  65% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
            clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  70% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
            clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  80% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
            clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  85% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 65%, 0 65%);
            clip-path: polygon(0 60%, 100% 60%, 100% 65%, 0 65%);
  }
  95% {
    -webkit-clip-path: polygon(0 72%, 100% 72%, 100% 78%, 0 78%);
            clip-path: polygon(0 72%, 100% 72%, 100% 78%, 0 78%);
  }
}
@-webkit-keyframes glitch-anim-2 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
            clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }
  10% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
            clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }
  15% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
            clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }
  17% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
            clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  19% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
            clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }
  33% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
            clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }
  35% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
            clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  40% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
            clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }
  45% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
            clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }
  49% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
            clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }
  50% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
            clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }
  55% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);
            clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);
  }
  60% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
            clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  70% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
            clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
  }
  80% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
            clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
  }
  90% {
    -webkit-clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
            clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
  }
}
@keyframes glitch-anim-2 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
            clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }
  10% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
            clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }
  15% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
            clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }
  17% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
            clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  19% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
            clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }
  33% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
            clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }
  35% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
            clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  40% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
            clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }
  45% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
            clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }
  49% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
            clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }
  50% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
            clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }
  55% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);
            clip-path: polygon(0 15%, 100% 15%, 100% 35%, 0 35%);
  }
  60% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
            clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  70% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
            clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
  }
  80% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
            clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
  }
  90% {
    -webkit-clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
            clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
  }
}
@-webkit-keyframes glitch-anim-3 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -5px, 0) scale3d(-1, -1, 1);
            transform: translate3d(0, -5px, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
            clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
  }
  5% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
            clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
  }
  11% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
            clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
  }
  20% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
            clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  25% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
            clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
  }
  35% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
            clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
  }
  42% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
            clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
  }
  48% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
            clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
  }
  50% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
            clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }
  56% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
            clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
  }
  61% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
            clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
  }
  68% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
            clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
  }
  72% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
            clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
  }
  77% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
            clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
  }
  81% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
            clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
  }
  86% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
            clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
  }
  90% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
            clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  92% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
            clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
  }
  94% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
            clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
  }
}
@keyframes glitch-anim-3 {
  0%, 100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -5px, 0) scale3d(-1, -1, 1);
            transform: translate3d(0, -5px, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
            clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
  }
  5% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
            clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
  }
  11% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
            clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
  }
  20% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
            clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  25% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
            clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
  }
  35% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
            clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
  }
  42% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
            clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
  }
  48% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
            clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
  }
  50% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
            clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }
  56% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
            clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
  }
  61% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
            clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
  }
  68% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
            clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
  }
  72% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
            clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
  }
  77% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
            clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
  }
  81% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
            clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
  }
  86% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
            clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
  }
  90% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
            clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  92% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
            clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
  }
  94% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
            clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
  }
}
@-webkit-keyframes glitch-anim-4 {
  0%, 5% {
    opacity: 0.2;
    -webkit-transform: translate3d(10px, 5px, 0);
            transform: translate3d(10px, 5px, 0);
  }
  5.5%, 100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes glitch-anim-4 {
  0%, 5% {
    opacity: 0.2;
    -webkit-transform: translate3d(10px, 5px, 0);
            transform: translate3d(10px, 5px, 0);
  }
  5.5%, 100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}