/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper {
	position: relative;
	overflow: hidden;
	background-color: #eeeeee;
}

.wrapper__inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell {
	max-width: 1570px;
	margin: 0 auto;
	padding: 0 80px;
	width: 100%;
}

@media only screen and (max-width: 1023px) {
	.shell {
		max-width: 1490px;
		padding: 0 40px;
	}
}

@media only screen and (max-width: 767px) {
	.shell {
		max-width: 1450px;
		padding: 0 20px;
	}

	.shell--alt {
		padding: 0;
	}
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo {
	font-size: 0;
	line-height: 0;
	text-indent: -4004px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	width: 240px;
}

.logo > img {
	display: block;
	width: 100%;
}

@media only screen and (max-width: 1399px) {
	.logo {
		width: 190px;
	}
}

@media only screen and (max-width: 390px) {
	.logo {
		width: 150px;
	}
}

/* ------------------------------------------------------------ *\
	Btn Alt
\* ------------------------------------------------------------ */

.btn-alt {
	padding: 26px 37px;
	border: 1px solid #42474c;
	border-radius: 30px;
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff !important;
	display: inline-block;
	line-height: 1px;
	transition: border-color .3s, color .3s;
}

.btn-alt--alt {
	border-color: #d1d2d4;
	padding: 17px 23px;
}

.btn-alt:hover {
	border-color: #ca0905;
	color: #ca0905;
}

.btn-alt i {
	margin-right: 4px;
}

.btn-alt--podcasts {
	padding: 25px 50px;
}

@media only screen and (max-width: 1399px) {
	.btn-alt {
		padding: 26px;
	}

	.btn-alt--podcasts {
	padding: 25px 50px;
}
}

@media only screen and (max-width: 1250px) {
	.btn-alt--mobile {
		color: #42474c!important;
	}

	.btn-alt {
		padding: 16px 23px;
	}

	.btn-alt--podcasts {
		padding: 20px;
	}
}

@media only screen and (max-width: 390px) {
	.btn-alt {
		padding: 13px;
	}

	.btn-alt--podcasts {
		padding: 20px;
	}
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header {
	color: #fff;
	background-color: #23292f;
	font-size: 14px;
	padding: 46px 0 57px;
	font-family: 'Roboto Condensed', sans-serif;
	position: relative;
}

.header .header__shell {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .header__aside {
	display: flex;
	align-items: center;
}

.header .header__actions {
	margin-left: 28px;
}

.header .header__search {
	font-size: 18px;
}

.header .header__search--mobile {
	display: none;
}

.header .header__search i {
	color: #fff;
	transition: color .3s;
}

.header .header__search i:hover {
	color: #ca0905;
}

.header .header__nav {
	padding: 0 30px;
}

.header .header__menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-grow: 1;
}

.header .header__logo {
	flex-grow: 1;
}

.header .header__form {
	display: none;
}

@media only screen and (max-width: 1399px) {
	.header .header__actions {
		margin-left: 10px;
	}

	.header .header__nav {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 1250px) {
	.header {
		padding: 40px 0 50px;
	}

	.header .header__menu {
		position: fixed;
		top: 0;
		right: 0;
		background-color: #fff;
		color: #23292f;
		height: 100vh;
		width: 60%;
		z-index: 5;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		transform: translateX(100vw);
		transition: transform .3s;
		padding: 150px 50px 100px;
		overflow-y: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.header .header__menu::-webkit-scrollbar {
		display: none;
	}

	.header .header__menu.is-active {
		transform: translateX(0);
	}

	.header .header__search {
		display: none;
	}

	.header .header__search--mobile {
		display: block;
	}

	.header .header__search.is-hidden {
		display: none;
	}

	.header .header__shell {
		min-height: 48px;
	}
}

@media only screen and (max-width: 1023px) {
	.header {
		padding: 30px 0;
	}
}

@media only screen and (max-width: 767px) {
	.header {
		padding: 14px 0;
	}

	.header .header__menu {
		width: 75%;
	}
}

@media only screen and (max-width: 439px) {
	.header__logo {
		padding-right: 10px;
	}

	.header .header__menu {
		width: 100%;
	}
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
}

.nav > ul {
	display: flex;
	list-style-type: none;
	margin: 0 -16px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.nav > ul > li {
	padding: 0 16px;
}

.nav > ul > li > a {
	color: #fff;
	text-decoration: none;
	transition: color .3s;
}

.nav > ul > li > a > i {
	margin-left: 13px;
}

.nav a:hover {
	color: #ca0905;
}

.nav li.menu-item-has-children {
	position: relative;
}

.nav ul li.item--more > a:after { content: '\f141'; position: relative; display: inline-block; font-family: FontAwesome; padding-left: 5px; }

.nav li.menu-item-has-children:hover > ul {
	opacity: 1;
	visibility: visible;
}

.nav ul > li > ul {
	display: block;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	background-color: #fff;
	margin-left: 0;
	text-align: center;
	list-style-type: none;
	transition: visibility .3s, opacity .3s;
}

.nav ul > li > ul > li > a {
	color: #23292f;
	text-decoration: none;
	display: block;
	padding: 10px 15px;
}

.nav ul > li > ul > li + li {
	margin-left: 0;
	border-top: 1px solid #e8e8e8;
}


@media only screen and (max-width: 1455px) {

	.nav > ul {
		margin: 0 -10px;
	}

	.nav > ul > li {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 1399px) {

	.nav > ul > li > a > i {
		margin-left: 0;
	}
}

@media only screen and (max-width: 1250px) {
	.nav--mobile {
		width: 100%;
		margin-bottom: 30px;
	}

	.nav--mobile > ul {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: -12px -12px;
		font-size: 16px;
		width: auto;
	}

	.nav--mobile > ul > li {
		padding: 12px 12px;
		width: 100%;
		text-align: center;
	}
	.nav--mobile > ul > li > a {
		color: #23292f;
	}

	.nav ul > li > ul {
		display: none;
		position: static;
		visibility: visible;
		opacity: 1;
		text-align: center;
		transform: none;
		padding-top: 15px;
	}

	.nav ul > li > ul > li + li {
		border-top: 0;
	}
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer {
	color: #fff;
	background-color: #23292f;
	padding: 46px 0 53px;
}

footer.footer ul.menu {
	width: auto;
}

footer.footer ul.menu li a {
	padding: 0;
	width: auto;
}

.footer p {
	margin-bottom: 0;
}

.footer .footer__shell {
	display: flex;
	justify-content: space-between;
}

.footer .footer__menu {
	display: flex;
	align-items: center;
	margin-bottom: 43px;
}

.footer .footer__actions {
	margin-left: 29px;
}

.footer .footer__copy {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 2.25;
}

.footer .footer__logo {
	margin-bottom: 40px;
}

.footer .footer__col + .footer__col {
	padding-left: 30px;
	margin-top: -7px;
}

.footer .footer__copy--mobile {
	display: none;
}

@media only screen and (max-width: 1199px) {
	.footer .footer__actions {
		margin-left: 15px;
	}
}

@media only screen and (max-width: 1023px) {
	.footer .footer__menu {
		flex-direction: column;
		align-items: flex-end;
		margin-bottom: 20px;
	}

	.footer .footer__nav {
		margin-bottom: 20px;
	}

	.footer .footer__actions {
		margin-left: 0;
	}
}

@media only screen and (max-width: 767px) {

	.footer__shell {
		flex-direction: column;
	}

	.footer .footer__col + .footer__col {
		padding-left: 0;
		margin-top: 38px;
		display: flex;
		flex-direction: column-reverse;
	}

	.footer .footer__menu {
		align-items: center;
		margin-bottom: 0;
	}

	.footer .footer__logo {
		text-align: center;
		margin-bottom: 0;
	}

	.footer .footer__nav {
		margin-bottom: 12px;
	}

	.footer .footer__copy {
		text-align: center;
		display: none;
		font-size: 13px;
	}

	.footer .footer__actions {
		display: none;
	}

	.footer .footer__socials {
		margin-bottom: 36px;
	}

	.footer .footer__copy--mobile {
		display: block;
	}
}

@media only screen and (max-width: 1024px) {

	.footer .footer__nav nav {
		font-size: 12px;
	}
}

/* ------------------------------------------------------------ *\
	List Socials
\* ------------------------------------------------------------ */

.list-socials ul {
	display: flex;
	justify-content: flex-end;
	list-style-type: none;
	margin: 0 15px 0 0;
	font-size: 16px;
}

.list-socials li + li {
	margin-left: 37px;
}

.list-socials a {
	text-decoration: none;
}

.list-socials i {
	color: #fff;
	transition: color .3s, opacity .3s
}

.list-socials i:hover {
	color: #ca0905;
}

.list-socials--alt ul {
	justify-content: center;
	font-size: 18px;
	margin: 0;
}

.list-socials--alt li + li {
	margin-left: 50px;
}

.list-socials--alt i:hover {
	opacity: .8;
	color: #fff;
}

.list-socials--podcast ul {
	justify-content: flex-start;
}

@media only screen and (max-width: 1399px) {
	.list-socials--alt li + li {
		margin-left: 15px;
	}
}

@media only screen and (max-width: 1199px) {
	.list-socials--alt li + li {
		margin-left: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.list-socials ul {
		justify-content: center;
	}

	.list-socials--alt li + li {
		margin-left: 50px;
	}
}

@media only screen and (max-width: 375px) {
	.list-socials--alt li + li {
		margin-left: 35px;
	}
}

/* ------------------------------------------------------------ *\
	Section Article
\* ------------------------------------------------------------ */

.section-article {
	font-family: 'Roboto', sans-serif;
	color: #2e353d;
	position: relative;
}

.section-article .section__back {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #23292f;
	min-height: 665px;
	z-index: 0;
}

.section-article .section__wrapper {
	background-color: #fff;
	display: flex;
	position: relative;
	z-index: 1;
	box-shadow: 0px 0px 32px -13px rgba(87,87,87,1);
}

.section-article .section__head {
	position: relative;
	margin-bottom: 57px;
}

.section-article .section__head img {
	height: auto;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

.section-article .section__body {
	padding: 0 38px;
}

.section-article .section__caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.3);
	color: #fff;
	padding: 6px 11px;
	width: 100%;
	font-weight: 300;
	font-style: italic;
	font-size: 13px;
}

.section-article .section__caption p {
	margin-bottom: 0;
}

.section-article .section__title-primary {
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 34px;
}

.section-article h1 {
	font-size: 36px;
	line-height: 1.39;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.05em;
}

.section-article .section__entry {
	width: 66%;
	border-right: 1px solid #e5e5e5;
	padding-top: 23px; 
}

.section-article .section__aside {
	width: 34%;
	padding-top: 23px;
}

.section-article .section__articles {
	padding: 0 15px;
}

.section-article .section__ad {
	text-align: center;
}

.section-article .section__ad + .section__ad {
	margin-top: 61px;
}

.section-article .section__inner {
	padding: 28px 27px 40px 31px;
	border-top: 1px solid #e5e5e5;
	margin-top: 23px;
}

.section-article .section__subscribe {
	margin: 93px 0 73px;
}

.section-article .section__content {
	margin: 34px 0 38px;
	padding: 43px 0 36px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	font-size: 18px;
	line-height: 2;
}

.section-article .section__content figure {
	display: none;
}
.single .section-article .section__content figure {
	display: block;
}

.section-article .section__content p {
	margin-bottom: 0;
}

.section-article .section__content p + p {
	margin-top: 36px;
}

.section-article .section__content a {
	color: #ca0905;
	text-decoration: underline;
	outline: none;
}

.section-article .section__content:after {
	content: '';
	position: absolute;
	top: -4px;
	left: 0;
	display: block;
	width: 258px;
	height: 3px;
	background-color: #ca0905;
}

.section-article .section__title--mobile {
	display: none;
	position: relative;
	z-index: 1;
	color: #fff;
	text-align: center;
	padding: 34px 20px 142px;
}

.section-article .section__title {
	position: relative;
	margin-bottom: 36px;
	padding: 0 15px;
}

.section-article .section__title h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	letter-spacing: 0.05em;
	line-height: 1;
	text-transform: uppercase;
	padding-left: 14px;
}

.section-article .section__title:before {
	content: '';
	height: 20px;
	width: 4px;
	display: inline-block;
	background-color: #ca0905;
	position: absolute;
	left: 15px;
	top: 3px;
}

.section__main {
	padding: 0 15px 47px 15px;
}

@media only screen and (max-width: 1399px) {
	.section-article .section__head {
		margin-bottom: 40px;
	}

	.section-article .section__body {
		padding: 0 15px;
	}

	.section-article .section__inner {
		padding: 20px 20px 0 20px;
	}
}

@media only screen and (max-width: 1199px) {
	.section-article .section__head {
		margin-bottom: 35px;
	}

	.section-article h1 {
		font-size: 32px;
		line-height: 1.2;
	}

	.section-article .section__content {
		margin-top: 25px;
		padding-top: 30px;
	}

	.section-article .section__title-primary {
		margin-bottom: 27px;
	}

	.section-article .section__content p + p {
		margin-top: 25px;
	}

	.section-article .section__body {
		padding: 0;
	}

	.section-article .section__inner {
		margin-top: 15px;
	}

	.section-article .section__entry {
		width: 63%;
	}

	.section-article .section__aside {
		width: 37%;
	}

	.section-article .section__body + .section__author {
		padding: 0;
	}
}

@media only screen and (max-width: 1025px) {

	.section-article h1 {
		font-size: 28px;
		line-height: 1.3;
	}

	.section-article .section__wrapper {
		flex-direction: column;
		padding-top: 0;
		box-shadow: none;
		background: none;
	}

	.section-article .section__entry {
		width: 100%;
		border-right: 0;
	}

	.section-article .section__aside {
		width: 100%;
		padding-top: 45px;
	}

	.section-article .section__ad {
		display: none;
	}

	.section-article .section__inner {
		border-top: 0;
		margin-top: 0;
		background-color: #fff;
		padding-bottom: 50px;
	}

	.section-article .section__subscribe {
		margin: 0;
	}

	.section-article .section__content {
		margin: 25px 0 30px;
		padding: 30px 0;
	}

	.section-article .section__head {
		margin-bottom: 32px;
	}

	.section-article .section__title {
		margin-bottom: 20px;
	}

	.section-article .section__title h4 {
		font-size: 22px;
	}

	.section-article .section__title:before {
		top: 0;
	}

	.section-article .section__articles {
		padding-bottom: 50px; 
	}

	.section-article .section__articles .articles__item {
		width: 33.33%;
	}

	.section-article .section__main {
		background-color: #fff; 
	}
}

@media only screen and (max-width: 767px) {

	.section-article .section__wrapper {
		padding-bottom: 0;	}

	.section-article .section__title-primary {
		display: none;
		margin-bottom: 12px;
	}

	.section-article .section__title-primary h1 {
		font-size: 24px;
		line-height: 1.50;
	}

	.section-article .section__title--mobile {
		display: block;
		padding: 14px 20px 140px;
	}

	.section-article .section__head {
		margin-top: -155px;
		margin-bottom: 15px;
	}

	.section-article .section__content {
		margin: 15px 0 24px;
		font-size: 16px;
		line-height: 1.88;
		padding: 15px 0 21px;
	}

	.section-article .section__caption {
		display: none;
	}

	.section-article .section__content p + p {
		margin-top: 15px;
	}

	.section-article .section__aside {
		padding-top: 0;
		background-color: #fff;
	}

	.section-article .section__inner {
		box-shadow: none;
	}

	.section-article .section__title {
		display: none;
	}
}

@media only screen and (max-width: 575px) {
	.section-article .section__title-primary h1 {
		font-size: 20px;
	}

	.section-article .section__inner {
		padding: 10px 20px 0 20px;
	}

	.section-article .section__head {
		margin-bottom: 5px;
	}

	.section-article .section__content {
		margin-top: 10px;
		padding-top: 10px;
	}

	.section-article .section__title--mobile {
		padding-top: 0;
	}
}

@media only screen and (max-width: 380px) {
	.section-article .section__head {
		margin-top: -120px;
	}

	.section-article .section__title--mobile {
		padding: 14px 10px 110px;
	}
}


/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */

.subscribe {
	background-color: #ca0905;
	color: #fff;
	padding: 58px 35px 44px;
	font-size: 18px;
	line-height: 2.00;
	font-family: 'Roboto', sans-serif;
}

.subscribe--alt {
	padding: 58px 50px 44px;
}

.subscribe p {
	margin-bottom: 0;
}

.subscribe h4 {
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	line-height: 1;
}

.subscribe .subscribe__content {
	margin-bottom: 32px;
}

.subscribe .subscribe__title {
	letter-spacing: 0.05em;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	padding-left: 12px;
	margin-bottom: 24px;
}

.subscribe .subscribe__form {
	margin-bottom: 40px;
}

.subscribe .subscribe__title:before {
	content: '';
	height: 20px;
	width: 4px;
	display: inline-block;
	background-color: #23292f;
	position: absolute;
	left: 0;
	top: 2px;
}

@media only screen and (max-width: 1399px) {
	.subscribe {
		padding: 40px 30px 35px;
	}
}

@media only screen and (max-width: 1199px) {
	.subscribe {
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.subscribe {
		padding: 29px 25px 25px;
		font-size: 14px;
		line-height: 1.71;
		max-width: 100%;
	}

	.subscribe .subscribe__title {
		margin-bottom: 10px;
	}

	.subscribe .subscribe__content {
		margin-bottom: 20px;
	}

	.subscribe .subscribe__form {
		margin-bottom: 17px;
	}
}

/* ------------------------------------------------------------ *\
	Author
\* ------------------------------------------------------------ */

.author {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.author .author__info {
	display: flex;
	align-items: center;
	font-style: italic;
	color: #8c939c;
}

.author .author__name {
	margin-left: 16px;
}

.author p {
	margin-bottom: 0;
}

.author p + p {
	margin-top: 2px;
}

.author .author__name p {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
}

.author .author__name span {
	color: #23292f;
}

.author .author__image img {
	border-radius: 50%;
	width: 80px;
	height: 80px;
}

.author .author__socials {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
}

.author .author__socials span {
	font-weight: 700;
}

.author .author__socials ul {
	display: flex;
	list-style-type: none;
	margin: 0 0 0 23px;
}

.author .author__socials li {
	width: 50px;
	height: 50px;
}

.author .author__socials li + li {
	margin-left: 5px;
}

.author .author__socials a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	color: #fff;
	text-decoration: none;
	transition: opacity .3s;
}

.author .author__socials a:hover {
	opacity: .7;
	color: #fff!important;
}

.author .author__facebook {
	background-color: #2d5f9a;
}

.author .author__twitter {
	background-color: #00c3f3;
}

.author .author__socials > aside > div.mashsb-box .counts {
	margin-right: 5px;
}

.author .author__socials > aside > div.mashsb-box {
	display: flex;
	align-items: center;
}

.author .author__socials > aside > div.mashsb-box > div.mashsb-count {
	display: flex;
	color: #23292f;
}

.author .author__socials > aside > div.mashsb-box > div.mashsb-count > div.mashsb-sharetext {
	color: #23292f;
}

.author .author__socials > aside > div.mashsb-box > div.mashsb-count > div.mashsbcount {
	font-size: 14px;
}

.author--alt .author__name {
	margin-left: 0; 
}

@media only screen and (max-width: 767px) {

	.author .author__socials {
		padding-left: 10px;
		width: 30%;
		justify-content: flex-end;
	}

	.author .author__socials > aside > div.mashsb-box {
		flex-direction: column;
	}

	.author .author__socials > aside > div.mashsb-box > div.mash-small {
		margin-bottom: 5px;
	}

	.author .author__info {
		width: 70%;
	}

	.author .author__name {
		margin-left: 5px;
	}

	.author .author__name p {
		font-size: 14px;
	}

	.author .author__image img {
		width: 65px;
		height: 65px;
	}

	.author--alt {
		align-items: flex-start;
	}

	.author--alt .author__info {
		display: none;
	}

	.author .author__socials ul {
		margin-left: 12px;
	}
}

@media only screen and (max-width: 575px) {

	.author .author__socials a {
		width: 45px;
		height: 45px;
	}

}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */


.section {
	padding: 44px 0 134px;
}

.section .section__main {
	width: 64%;
}

@media only screen and (max-width: 1199px) {
	.section {
		padding: 44px 0 80px;
	}
}

@media only screen and (max-width: 1025px) {
	.section {
		padding: 44px 0 60px;
	}

	.section .section__main {
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.section {
		background-color: #fff;
		padding: 0 0 30px;
	}
}

/* ------------------------------------------------------------ *\
	Articles
\* ------------------------------------------------------------ */

.articles .articles__items {
	display: flex;
	flex-wrap: wrap;
	margin: -15px -15px -25px;
}
.single .articles .articles__items {
	display: block;
	text-align: center;
	margin-top: 30px;
}

.articles .articles__item {
	width: 50%;
	padding: 15px 15px 25px;
}

.articles .articles__item--large {
	width: 100%;
	padding: 15px 15px 15px;
}

.articles a {
	text-decoration: none;
}

.articles a:hover {
	color: #ca0905;
}

.articles--alt .articles__item {
	width: 33.33%;
}

.articles .articles__actions {
	display: none;
}

.articles .articles__actions a {
	display: block;
	width: 87%;
	margin: 0 auto;
	text-align: center;
	color: #000!important;
}

@media only screen and (max-width: 1023px) {
	.articles--alt .articles__item {
		width: 50%;
	}
}

@media only screen and (max-width: 767px) {

	.articles .articles__items {
		margin: -9px 0 15px;
	}

	.articles .articles__item {
		width: 100%;
		padding: 9px 0;
	}

	.articles .articles__actions {
		display: block;
	}

	.articles__item--large {
		display: none;
	}
}

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article {
	transition: color .2s;
	font-family: 'Roboto', sans-serif;
}

.article .article__head img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article .article__head {
	margin-bottom: 16px;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: center;
	padding-bottom: 63%;
}

.article--large .article__head {
	margin-bottom: 27px;
}

.article .article__body span {
	text-transform: uppercase;
	color: #8c939c;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
}

.article .article__body h6 {
	font-size: 20px;
	line-height: 1.6;
	margin-top: 6px;
	font-family: 'Roboto', sans-serif;
}

.article--large .article__body h6 {
	line-height: 1.8;
}

.article--large .article__body h6 {
	margin-bottom: 9px;
}

.article .article__body p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 2;
}

@media only screen and (max-width: 1024px) {
	.article .article__body h6 {
		font-size: 18px;
	}

	.article--large .article__head {
		margin-bottom: 15px;
	}

	.article--large .article__body p {
		font-size: 14px;
	}

	.article--large .article__body h6 {
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 767px) {
	.article {
		display: flex;
		align-items: flex-start;
	}

	.article .article__head {
		margin-bottom: 0;
		margin-right: 25px;
		width: 50%;
		padding-bottom: 35%;
	}

	.article .article__body {
		width: 50%;
	}

	.article .article__body h6 {
		font-size: 16px;
		line-height: 1.7;
		margin-top: 5px;
	}
}

@media only screen and (max-width: 575px) {

	.article {
		flex-direction: column;
	}

	.article .article__head {
		width: 100%;
		overflow: hidden;
		position: relative;
		background-size: cover;
		background-position: center;
		flex-grow: 1;
		margin-right: 0;
		margin-bottom: 20px;
		padding-bottom: 55%;
	}

	.article .article__body {
		flex-grow: 1;
		width: 100%;
	}

	.article .article__head img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.article .article__body h6 {
		margin-top: 2px;
	}
}

/* ------------------------------------------------------------ *\
	Player
\* ------------------------------------------------------------ */

.player {
	border: 1px solid #e8e8e8;
	padding: 11px;
	margin: 48px 0 30px;
	max-width: 800px;
}

.player .player__head {
	margin-bottom: 20px;
}

.player .player__body {
	padding: 0 23px 14px 23px;
	font-style: italic;
}

.player .player__body strong {
	font-style: normal;
}

@media only screen and (max-width: 1199px) {

	.player {
		padding: 30px 0;
	}

	.player .player__body {
		padding: 0 15px 10px 15px;
	}
}

@media only screen and (max-width: 768px) {

	.player {
		padding: 20px 0;
		border-width: 0 0 1px 0;
		margin: 10px 0 20px;
		font-size: 14px;
		line-height: 1.75;
	}

	.player .player__body {
		padding: 0;
	}
}

/* ------------------------------------------------------------ *\
	Hero Alt
\* ------------------------------------------------------------ */

.hero-alt {
	background-color: #23292f;
	color: #fff;
	padding-bottom: 83px;
}

.hero-alt .hero__shell {
	display: flex;
}

.hero__main {
	width: 65%;
}

.hero__aside {
	width: 35%;
}

@media only screen and (max-width: 1199px) {
	.hero__main {
		width: 50%;
	}

	.hero__aside {
		width: 50%;
	}
}

@media only screen and (max-width: 1024px) {

	.hero-alt .hero__shell {
		flex-direction: column;
	}

	.hero__main {
		width: 100%;
	}

	.hero__aside {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.hero-alt {
		padding-bottom: 86px;
	}
}

/* ------------------------------------------------------------ *\
	Articles Alt
\* ------------------------------------------------------------ */

.articles-alt a {
	color: #fff;
	text-decoration: none;
}

.articles-alt a:hover h3,
.articles-alt a:hover h5 {
	color: #ca0905;
}

/* ------------------------------------------------------------ *\
	Article Alt
\* ------------------------------------------------------------ */

.article-alt {
	border-top: 1px solid #343a3f;
	color: #fff;
	padding: 0 0 27px 42px;
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
}

.article-alt--large {
	border-top: 0;
	padding: 0;
}

.article-alt--large .article__image {
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: center;
	padding-bottom: 59%;
	margin-bottom: 29px;
}

.article-alt--large .article__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article-alt img {
	width: 100%;
	margin-bottom: 29px;
}

.article-alt span {
	display: inline-block;
	background-color: #ca0905;
	padding: 6px 8px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 1;
	margin-bottom: 27px;
}

.article-alt--large span {
	margin-bottom: 0;
}

.article-alt p {
	margin-bottom: 6px;
	text-transform: uppercase;
	color: #8c939c;
	letter-spacing: 0.1em;
}

.article-alt h3 {
	font-size: 28px;
	line-height: 1.54;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	transition: color .3s;
}

.article-alt h5 {
	font-size: 22px;
	line-height: 1.64;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	transition: color .3s;
}

@media only screen and (max-width: 1199px) {
	.article-alt .article__head {
		margin-bottom: 20px;
	}

	.article-alt h3 {
		font-size: 24px;
		line-height: 1.3;
	}

	.article-alt h5 {
		font-size: 20px;
		line-height: 1.4;
	}

	.article-alt {
		padding: 0 0 23px 30px;
	}

	.article-alt--large {
		padding: 0;
	}

	.article-alt span {
		margin-bottom: 15px;
	}

	.article-alt--large span {
		margin-bottom: 0;
	}

	.article-alt--large .article__head {
		margin-bottom: 26px;
	}
}

@media only screen and (max-width: 1024px) {
	.article-alt {
		padding-left: 0;
	}

	.article-alt--large {
		padding: 0 0 24px 0;
	}

	.article-alt h3 {
		font-size: 20px;
		line-height: 1.4;
	}

	.article-alt img {
		margin-bottom: 0;
	}

	.article-alt .article__head {
		position: relative;
	}

	.article-alt--large span {
		position: absolute;
		left: 0;
		bottom: 0;
	}
}

@media only screen and (max-width: 768px) {

	.article-alt {
		font-size: 12px;
	}

	.article-alt p {
		color: #fff;
		margin-bottom: 10px;
	}

	.article-alt--large p {
		margin-bottom: 4px;
	}

	.article-alt h3,
	.article-alt h5 {
		font-size: 18px;
		line-height: 1.67;
	}
}

/* ------------------------------------------------------------ *\
	Section Slider
\* ------------------------------------------------------------ */

.section-slider {
	margin-top: -80px;
}

.section-slider--alt {
	margin-top: 0;
}

.section-slider--alt .section__shell {
	display: flex;
	align-items: center;
}

.section-slider .section__inner {
	background-color: #fff;
	color: #2e353d;
	box-shadow: 0px 0px 32px -13px rgba(140,140,140,1);
	position: relative;
}

.section-slider .section__head {
	display: flex;
	align-items: center;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 18px 60px;
	border-bottom: 1px solid #eaeaeb;
}

.section-slider .section__body {
	padding: 39px 60px;
}

.section-slider--alt .section__body {
	padding: 60px 60px 55px;
}

.section-slider h4 {
	font-size: 24px;
	line-height: 1;
	letter-spacing: 0.05em;
	font-family: 'Roboto Condensed', sans-serif;
}

.section-slider .section__title {
	letter-spacing: 0.05em;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	padding: 10px 30px 10px 14px;
	border-right: 1px solid #eaeaeb;
	margin-right: 30px;
}

.section-slider .section__title:before {
	content: '';
	height: 20px;
	width: 4px;
	display: inline-block;
	background-color: #ca0905;
	position: absolute;
	left: 0;
	top: 12px;
}

.section-slider .section__actions a {
	color: #ca0905;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-decoration: none;
}

.section-slider .section__actions img {
	margin-left: 5px;
	transition: transform .3s;
}

.section-slider .section__actions a:hover > img {
	transform: translateX(5px);
}

@media only screen and (max-width: 1399px) {
	.section-slider--alt .section__head {
		padding: 15px 0;
	}

	.section-slider--alt .section__body {
		padding: 50px 0;
	}
}

@media only screen and (max-width: 1199px) {
	.section-slider {
		margin-top: -73px;
	}

	.section-slider--alt {
		margin-top: 0;
	}

	.section-slider .section__head {
		padding: 18px 40px;
	}

	.section-slider .section__body {
		padding: 25px 40px;
	}

	.section-slider--alt .section__head {
		padding: 15px 0;
	}

	.section-slider--alt .section__body {
		padding: 50px 0;
	}
}

@media only screen and (max-width: 1023px) {
	.section-slider--alt .section__body {
		padding: 40px 0;
	}
}

@media only screen and (max-width: 768px) {
	.section-slider .section__title {
		margin-right: 14px;
		padding: 0 12px;
	}

	.section-slider .section__title:before {
		top: 3px;
	}

	.section-slider .section__head {
		padding: 18px 20px;
	}

	.section-slider .section__body {
		padding: 20px 20px;
	}

	.section-slider--alt .section__head {
		padding: 20px 0;
	}

	.section-slider--alt .section__body {
		padding: 20px 0;
	}

	.section-slider {
		margin-top: -60px;
	}

	.section-slider--alt {
		margin: 0 20px;
	}

	.section-slider .section__actions img {
		margin-left: 0;
	}
}

@media only screen and (max-width: 390px) {
	.section-slider .section__actions a {
		font-size: 12px;
	}

	.section-slider .section__title {
		padding-right: 10px;
		margin-right: 10px;
	}

	.section-slider .section__head {
		padding: 18px 90px 18px 20px;
	}
}

/* ------------------------------------------------------------ *\
	Slider Podcast
\* ------------------------------------------------------------ */

.slider .slider__slides {
	flex-direction: row;
	height: inherit;
}

.slider .slider__slide {
	color: #2e353d;
	height: inherit;
}

.slider--alt .slider__slides {
	margin: -8px -30px;
}

.slider--alt .slider__slide {
	padding: 8px 30px;
}

.slider h4 {
	letter-spacing: 0;
}

.slider a {
	text-decoration: none;
}

.slider a:hover h5,
.slider a:hover h4 {
	color: #ca0905;
}

.slider .slider__clip {
	position: static;
}

.slider .slider__navigation {
	position: absolute;
	top: 24px;
	right: 51px;
}

.slider--alt .slider__navigation {
	right: 245px;
}

.slider .slider__navigation span + span {
	margin-left: 5px;
}

.slider .slider__arrow {
	font-size: 0;
	display: inline-block;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 3px solid #e0e1e2;
	background: transparent url(images/arrow.png) no-repeat center center;
	transition: border-color .3s, opacity .3s;
}

.slider .slider__arrow.swiper-button-disabled {
	opacity: .6;
}

.slider .slider__arrow:hover {
	cursor: pointer;
	border-color: #2e353d;
}

.slider .slider__arrow--prev {
	transform: rotate(180deg);
}

@media only screen and (max-width: 1399px) {
	.slider--alt .slider__slides {
		margin: -8px -20px;
	}

	.slider--alt .slider__slide {
		padding: 8px 20px;
	}

	.slider--alt .slider__navigation {
		right: 80px;
	}
}

@media only screen and (max-width: 1199px) {
	.slider .slider__navigation {
		top: 24px;
		right: 40px;
	}

	.slider--alt .slider__navigation {
		right: 80px;
	}
}

@media only screen and (max-width: 768px) {
	.slider .slider__arrow {
		border-width: 2px;
	}

	.slider .slider__navigation {
		top: 11px;
		right: 14px;
	}

	.slider--alt .slider__navigation {
		right: 40px;
	}
}

@media only screen and (max-width: 439px) {
	.slider .slider__arrow {
		width: 30px;
		height: 30px;
	}

	.slider .slider__navigation {
		top: 17px;
	}
}

/* ------------------------------------------------------------ *\
	Tile
\* ------------------------------------------------------------ */

.tile a {
	text-decoration: none;
}

.tile a:hover h6 {
	color: #ca0905;
}

.tile .tile__entry {
	display: flex;
	align-items: flex-end;
}

.tile .tile__inner {
	padding-left: 28px;
	width: 63%;
}

.tile .tile__image {
	position: relative;
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: center;
}

.tile .tile__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tile .tile__image span {
	display: flex;
	border-radius: 50%;
	align-items :center;
	justify-content: center;
	background-color: #ca0905;
	width: 40px;
	height: 40px;
	color: #fff;
	text-decoration: none;
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.tile h4 {
	font-size: 20px;
	line-height: 1.6;
	font-family: 'Roboto', sans-serif;
	transition: color .3s;
}

.tile h5 {
	font-size: 18px;
	line-height: 1.56;
	font-family: 'Roboto', sans-serif;
	transition: color .3s;
}

.tile h6 {
	font-size: 16px;
	line-height: 1.69;
	font-family: 'Roboto', sans-serif;
	transition: color .3s;
}


.tile .tile__info {
	display: flex;
	align-items: center;
	color: #8c939c;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}

.tile .tile__info p {
	margin-bottom: 0;
}

.tile .tile__info i {
	margin-right: 11px;
}

.tile--alt {
	border-bottom: 1px solid #e9e9ea;
	padding: 20px;
}

.tile--alt .tile__info {
	margin-bottom: 4px;
}

.tile--alt .tile__image {
	width: 110px;
	height: 110px;
}

@media only screen and (max-width: 1399px) {
	.tile--alt {
		padding: 10px 5px 10px 10px;
	}

	.tile .tile__inner {
		padding-left: 15px;
	}

	.tile--alt .tile__inner {
		padding-left: 27px;
		width: 64%;
	}
}

@media only screen and (max-width: 1199px) {
	.tile h4 {
		font-size: 18px;
		line-height: 1.5;
	}

	.tile h5 {
		font-size: 16px;
		line-height: 1.4;
	}

	.tile--alt {
		width: 50%;
		border-bottom: 0;
		padding: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.tile--alt {
		width: 100%;
		border-bottom: 1px solid #e9e9ea;
		padding: 22px 5px 20px 20px;
	}

	.tile h4 {
		font-size: 16px;
		line-height: 1.75;
	}

	.tile .tile__info {
		font-size: 12px;
	}

	.tile--alt .tile__info {
		font-size: 14px;
	}

	.tile .tile__image {
		width: 110px;
		height: 110px;
	}
}

@media only screen and (max-width: 390px) {
	.tile--alt {
		padding: 22px 20px;
	}

	.tile--alt .tile__entry,
	.tile .tile__entry {
		flex-direction: column;
		align-items: flex-start;
	}

	.tile--alt .tile__inner,
	.tile .tile__inner {
		padding-left: 0;
		width: 100%;
		padding-top: 15px;
	}

	.tile--alt .tile__image,
	.tile .tile__image {
		width: 100%;
		height: auto;
		padding-bottom: 60%;
	}
}

/* ------------------------------------------------------------ *\
	Section Articles
\* ------------------------------------------------------------ */

.section-articles {
	padding: 43px 0 54px;
	color: #2e353d;
}

.section-articles h2 {
	font-size: 30px;
	line-height: 1.67;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.05em;
}

.section-articles .section__title {
	text-transform: uppercase;
	margin-bottom: 18px;
}

.section-articles .section__shell {
	display: flex;
}

.section-articles .section__main {
	width: 66%;
}

.section-articles .section__articles {
	position: relative;
	border-top: 1px solid #d9dadb;
	padding-top: 40px;
}

.section-articles .section__articles:after {
	content: '';
	position: absolute;
	top: -4px;
	left: 0;
	display: block;
	width: 230px;
	height: 3px;
	background-color: #ca0905;
}

.section-articles--alt .section__articles:after {
	width: 186px;
}

.section-articles .section__aside {
	width: 34%;
	padding-left: 30px;
}

.section-articles--alt {
	padding: 44px 0 76px;
}

.section-articles--alt .section__articles {
	width: 100%;
	padding-top: 46px;
}

.section-articles .section__tabs {
	margin-bottom: 39px;
}

@media only screen and (max-width: 1199px) {
	.section-articles .section__shell {
		flex-direction: column-reverse;
	}

	.section-articles .section__main {
		width: 100%;
	}

	.section-articles .section__aside {
		width: 100%;
		padding-left: 0px;
		padding-bottom: 60px;
	}

	.section-articles h2 {
		font-size: 28px;
		line-height: 1.6;
	}
}

@media only screen and (max-width: 1199px) {
	.section-articles {
		padding: 35px 0;
	}
}

@media only screen and (max-width: 767px) {
	.section-articles .section__tabs {
		margin-bottom: 19px;
	}

	.section-articles .section__aside {
		padding-bottom: 10px;
	}

	.section-articles .section__title {
		margin-bottom: 0;
	}

	.section-articles .section__articles {
		padding-top: 20px;
	}

	.section-articles h2 {
		font-size: 24px;
		line-height: 2;
	}

	.section-articles {
		padding: 23px 0 8px;
	}

	.section-articles--alt {
		padding: 9px 0 30px;
	}

}
/* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */

.tabs {
	color: #23292f;
}

.tabs .tabs__nav ul {
	display: flex;
	list-style-type: none;
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.1em;
}

.tabs .tabs__nav li {
	width: 50%;
}

.tabs .tabs__nav i {
	font-size: 15px;
	margin-right: 10px;
}

.tabs .tabs__nav li.is-active {
	background-color: #fff;
	border-top: 3px solid #ca0905;
	border-bottom: 1px solid #e9e9ea;
}

.tabs .tabs__nav li.is-active i {
	color: #ca0905;
}

.tabs .tabs__nav a {
	text-decoration: none;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 22px 10px;
	outline: none;
}

.tabs .tabs__body {
	background-color: #fff;
}

@media only screen and (max-width: 1199px) {
	.tabs .tabs__body {
		box-shadow: 0px 0px 32px -13px rgb(140 140 140)
	}
}

@media only screen and (max-width: 767px) {
	.tabs .tabs__nav a {
		padding: 15px 10px;
	}
}


/* ------------------------------------------------------------ *\
	Tab
\* ------------------------------------------------------------ */

.tab {
	opacity: 0;
	height: 0;
    overflow: hidden;
	transition: opacity .4s, height .3s;
}

.tab.is-active {
	opacity: 1;
	height: auto;
}

.tab .tab__actions  {
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.1em;
}

.tab .tab__actions a {
	padding: 16px 0;
	font-size: 14px;
	color: #ca0905;
	text-decoration: none;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	display: block;
	transition: color .3s ;
}

.tab .tab__actions img {
	transition: transform .3s;
	margin-left: 5px;
}

.tab .tab__actions a:hover {
	color: #2e353d;
}

.tab .tab__actions a:hover img {
	transform: translateX(5px);
}

@media only screen and (max-width: 1199px) {
	.tab {
		display: flex;
		flex-wrap: wrap;
	}

	.tab .tab__actions {
		width: 100%;
		border-top: 1px solid #e9e9ea;
	}
}

@media only screen and (max-width: 767px) {
	.tab .tab__actions {
		border-top: 0;
	}

	.tab .tab__actions img {
		margin-left: 0;
	}
}

/* ------------------------------------------------------------ *\
	Menu Toggle
\* ------------------------------------------------------------ */

.menu-toggle-alt {
	display: none;
	position: relative;
	z-index: 2;
	margin-left: 25px;
}

.menu-toggle-alt a {
	color: #fff;
}

.menu-toggle-alt.is-active {
	position: fixed;
	top: 50px;
	right: 84px;
	z-index: 6;
}

.menu-toggle-alt.is-active a {
	border: none;
	padding: 0;

}

@media only screen and (max-width: 1250px) {
	.menu-toggle-alt {
		display: inline-block;
	}

	.menu-toggle-alt.is-active a {
		color: #42474c!important;
	}
}

@media only screen and (max-width: 1023px) {
	.menu-toggle-alt.is-active {
		right: 44px;
		top: 45px;
	}
}

@media only screen and (max-width: 439px) {
	.menu-toggle-alt {
		margin-left: 5px;
	}
}

/* ------------------------------------------------------------ *\
	Search Form
\* ------------------------------------------------------------ */

input[type=search].search-field {
	width: 100%;
	margin: 15px 0 0;
	border: 1px solid #ca0905;
	border-radius: 2px;
	padding: 15px 0 15px 15px;
	letter-spacing: 0.05em;
}

@media only screen and (max-width: 1023px) {
	input[type=search].search-field {
		width: 97%;
	}
}

@media only screen and (max-width: 439px) {
	input[type=search].search-field {
		padding: 10px 0 10px 10px;
	}
}

#secondary input[type=text], #secondary input[type=email], #secondary input[type=url], #secondary input[type=password], #secondary textarea {
	max-width: 100%;
}

/* ------------------------------------------------------------ *\
	Hero Podcast
\* ------------------------------------------------------------ */

.hero-podcast {
	background-color: #23292f;
	color: #fff; 
	padding-bottom: 83px; 
	font-family: 'Roboto'; 
	color: #fff;
	padding-bottom: 83px;
}

@media only screen and (max-width: 1199px) {
	.hero-podcast {
		padding-bottom: 50px;
	}
}

@media only screen and (max-width: 768px) {
	.hero-podcast {
		padding-bottom: 37px;
	}
}

/* ------------------------------------------------------------ *\
	Podcasts
\* ------------------------------------------------------------ */

.podcasts .podcasts__items {
	margin: -22px 0;
}

.podcasts .podcasts__item {
	padding: 22px 0;
}


@media only screen and (max-width: 768px) {
	.podcasts {
		width: 75%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 575px) {
	.podcasts {
		width: 100%;
	}
}

/* ------------------------------------------------------------ *\
	Podcast
\* ------------------------------------------------------------ */

.podcast {
	display: flex;
}

.podcast .podcast__player {
	width: 36%;
	position: relative;
}

.podcast .podcast__inner {
	width: 64%;
	padding-left: 43px;
	padding-top: 15px;
}

.podcast--large .podcast__player {
	width: 39%;
}

.podcast--large .podcast__inner {
	width: 61%;
	padding-top: 0;
	padding-left: 53px;
}

.podcast .podcast__info {
	display: flex;
	font-family: 'Roboto Condensed';
	letter-spacing: 0.1em;
	font-size: 13px;
}

.podcast .podcast__info span {
	text-transform: uppercase;
	background-color: #2d333a;
	display: block;
	padding: 2px 10px;
}

.podcast .podcast__info p {
	background-color: #ca0905;
	margin-bottom: 0;
	padding: 2px 10px;
	position: absolute;
	left: 0;
	top: -11px;
}

.podcast--large .podcast__info {
	margin-bottom: 43px;
	color: #fff;
}

.podcast--large .podcast__info p {
	position: relative;
	top: 0;
	left: 0;
}

.podcast--large .podcast__info p:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 5px solid #2d333a;
	position: absolute;
	left: 0;
	top: 0;
}

.podcast .podcast__content {
	font-family: 'Roboto';
	margin-bottom: 38px;
}

.podcast--large .podcast__content {
	margin-bottom: 33px;
	padding-bottom: 47px;
	border-bottom: 1px solid #393f44;
	padding-right: 80px;
}

.podcast .podcast__content > span {
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
	letter-spacing: 0.1em;
	color: #acadaf;
	font-weight: 700;
	margin-bottom: 12px;
	display: block;
}

.podcast--large .podcast__content > span {
	margin-bottom: 15px;
}

.podcast .podcast__content h3 {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 11px;
	font-family: 'Roboto';
	color: #fff;
}

.podcast .podcast__content h4 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 18px;
	font-family: 'Roboto';
}

.podcast .podcast__content p {
	color: #acadaf;
	font-size: 16px;
	line-height: 2.00;
	margin-bottom: 5px; 
}

.podcast .podcast__content a {
	display: inline-block; 
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
	letter-spacing: 0.1em;
	transition: color .3s;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	margin-top: 13px; 
}

.podcast .podcast__content a:hover {
	color: #ca0905;
}

.podcast .podcast__socials {
	display: flex;
	align-items: center;
}

.podcast .podcast__text {
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
	letter-spacing: 0.1em;
	margin-right: 36px;
	color: #fff;
	text-decoration: none; 
}

.podcast .podcast__text p {
	margin-bottom: 0;
}

.podcast .podcast__content .more {
	opacity: 0;
	visibility: hidden;
	height: 0;
	margin-bottom: 0; 
	transition: all .3s;
}

.podcast .podcast__content .more.is-visible {
	opacity: 1;
	visibility: visible;
	height: auto;
}

@media only screen and (max-width: 1199px) {

	.podcast .podcast__player {
		width: 45%;
	}

	.podcast .podcast__inner {
		width: 55%;
		padding-left: 25px;
		padding-top: 0;
	}

	.podcast--large .podcast__inner {
		padding-left: 40px;
		width: 50%;
	}

	.podcast--large .podcast__content {
		padding-right: 0;
	}

	.podcast--large .podcast__player {
		width: 50%;
	}

	.podcast .podcast__content {
		margin-bottom: 20px;
	}

	.podcast--large .podcast__content {
		padding-bottom: 20px;
	}

	.podcast .podcast__content span {
		margin-bottom: 5px;
	}

	.podcast--large .podcast__content span {
		margin-bottom: 10px;
	}

	.podcast .podcast__content h4 {
		margin-bottom: 5px;
	}

	.podcast .podcast__content p {
		margin-bottom: 10px;
	}

	.podcast--large .podcast__content p {
		margin-bottom: 20px;
	}

	.podcast--large .podcast__info {
		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 1024px) {

	.podcast {
		flex-direction: column;
	}

	.podcast .podcast__player {
		width: 100%;
	}

	.podcast .podcast__inner {
		width: 100%;
		padding-left: 0;
		position: relative;
	}

	.podcast--large .podcast__inner {
		position: static;
		padding-top: 30px;
	}

	.podcast .podcast__content {
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.podcast--large {
		position: relative;
		padding-top: 11px;
	}

	.podcast .podcast__text {
		display: none;
	}

	.podcast--large .podcast__info {
		position: absolute;
		top: 0;
		left: 0;
		margin-bottom: 0;
	}

	.podcast .podcast__socials {
		position: absolute;
		bottom: 0;
		right: 0;
	}
}

@media only screen and (max-width: 575px) {
	.podcast .podcast__content span {
		font-size: 12px;
	}

	.podcast .podcast__content h3 {
		font-size: 18px;
		line-height: 1.78;
		margin-bottom: 7px;
	}

	.podcast .podcast__content h4 {
		font-size: 18px;
		line-height: 1.78;
	}

	.podcast .podcast__content span {
		margin-bottom: 13px;
	}

	.podcast--large .podcast__content span {
		margin-bottom: 17px;
	}

	.podcast .podcast__content p {
		margin-bottom: 18px;
	}

	.podcast--large .podcast__content p {
		margin-bottom: 20px;
	}

	.podcast .podcast__inner {
		padding-top: 23px;
	}

	.podcast--large .podcast__inner {
		padding-top: 30px;
	}
}

/* ------------------------------------------------------------ *\
	JPlayer
\* ------------------------------------------------------------ */

.jp-details {
	display: none;
}

.jp-video {
	background-color: #2d333a;
	box-shadow: 6px 10px 45px rgba(0,0,0,.2);
}

.jp-interface {
	background-color: #2d333a;
}

.jp-seek-bar {
	background: #919ba5;
}

.jp-play-bar {
	background: #ca0905;
}

.jp-progress {
	height: 5px;
}

.jp-video-270p {
	width: 100%;
}

.jp-controls-holder {
	overflow: visible;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-top: 10px;
}

.jp-controls-holder--large {
	padding: 20px 0;
	margin-top: 13px;
}

.jp-wrapper {
	display: flex;
}

.jp-box {
	position: absolute;
	top: -72px;
	left: -8px;
	height: 45px;
	width: 116px;
	transform: rotate(-90deg);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
	background-color: #2d333a;
	display: flex;
	align-items: center;
	justify-content: center;
}

.jp-volume-controls {
	position: relative;
	width: 100px;
	border: solid #393f44;
	border-width: 0 0 0 1px;
}

.jp-video .jp-volume-controls {
	top: auto;
	left: auto;
}

.jp-volume-controls:hover .jp-box {
	opacity: .7;
	visibility: visible;
}

.jp-volume-bar {
	position: relative;
	width: 92px;
	left: auto;
	top: auto;
}

.jp-volume-bar-value {
	background: #ca0905;
}

.jp-jplayer img {
	height: 100%!important;
	display: block!important;
}

.jp-state-playing video {
	height: 100%!important;
}

.jp-jplayer,
.jp-jplayer video,
.jp-jplayer img {
	width: 100%!important;
}

.jp-video .jp-jplayer {
	height: 250px!important;
}

.jp-video--large .jp-jplayer {
	height: 350px!important;
}

.jp-audio, .jp-audio-stream, .jp-video {
	border: none;
}

.jp-video .jp-interface {
	border-top: none;
}

.jp-play {
	background: #2d333a;
	width: 100%;
	height: 100%;
	font-size: 0;
	display: flex!important;
	align-items: center;
	justify-content: center;
	transition: opacity .3s;
}

.jp-play:hover,
.jp-fast:hover,
.jp-mute:hover {
	background: #2d333a;
	opacity: .7;
}

.jp-play:after {
	content: '';
	border-style: solid !important;
	border-color: transparent transparent transparent #fff !important;
	border-width: 11px 0px 11px 23px !important;
	width: 18px;
	height: 23px;
	display: block;
}

.jp-fast {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: solid #393f44;
	border-width: 0 0 0 1px;
	font-size: 0;
	background: none;
	transition: opacity .3s;
}

.jp-forward {
	width: 50px;
	hieght: 50px;
}

.jp-forward--large {
	width: 100px;
}

.jp-fast:after {
	content: '';
	background: #2d333a url(images/next.png) no-repeat 0 0;
	width: 30px;
	height: 22px;
	display: block;
}

.jp-video .jp-type-single .jp-controls {
	width: 50px;
	height: 50px;
	margin-left: 0;
}

.jp-video .jp-type-single .jp-controls--large {
	width: 100px;
}

.jp-controls button.jp-stop {
	display: none;
}

.jp-state-playing .jp-play {
	background: #2d333a!important;
}

.jp-state-playing .jp-play:focus {
	background: #2d333a!important;
}

.jp-play:focus {
	background: #2d333a!important;
}

.jp-play.is-active:after {
	border-style: double!important;
	border-width: 0px 0 0px 23px!important;
}

.jp-volume-controls .jp-mute {
	background: #2d333a!important;
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.jp-video button {
	padding: 0;
}

.jp-volume-controls {
	width: 50px;
}

.jp-volume-controls--large {
	width: 100px;
}

.jp-volume-controls .jp-mute:after {
	content: '';
	color: #fff;
	display: block;
	width: 27px;
	height: 20px;
	background: #2d333a url(images/sound.png) no-repeat 0 0;
}

.jp-volume-controls button {
	position: static;
}

.jp-video .jp-progress {
	height: 5px;
}

.jp-video .jp-current-time {
	margin-left: 0;
}

.jp-current-time, .jp-duration {
	width: auto;
	font-size: 12px;
	font-family: 'Roboto';
	font-style: normal;
	margin-top: 5px;
}

.jp-video .jp-duration {
	margin-right: 0;
}

.jp-time {
	margin-right: 20px;
}

@media only screen and (max-width: 575px) {

	.jp-video--large .jp-jplayer {
		height: 250px!important;
	}

	.jp-controls-holder--large {
		padding: 0;
		margin-top: 9px;
	}

	.jp-volume-controls {
		width: 50px;
	}

	.jp-forward--large {
		width: 50px;
	}

	.jp-video .jp-type-single .jp-controls--large {
		width: 50px;
	}
}

/* ------------------------------------------------------------ *\
	Section Podcasts
\* ------------------------------------------------------------ */

.section-podcasts {
	background-color: #2d333a;
	color: #fff;
	padding: 64px 0 62px;
}

.section-podcasts .section__shell {
	display: flex;
}

.section-podcasts .section__main {
	width: 66%;
	position: relative;
}

.section-podcasts .section__head {
	display: flex;
	justify-content: space-between;
	padding-bottom: 21px;
}

.section-podcasts .section__head h2 {
	font-size: 30px;
	line-height: 1.67;
	font-family: 'Roboto Condensed';
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding-right: 130px;
}

.section-podcasts .section__sort {
	font-family: 'Roboto';
	font-size: 16px;
	position: absolute;
	top: 10px;
	right: 0;
}

.section-podcasts .section__sort p {
	margin-bottom: 0;
	margin-right: 5px;
	display: inline-block; 
}

.section-podcasts .section__sort select {
	background: none;
	border: none;
	outline: none;
	color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent url(images/arrows.png) no-repeat center right;
	padding-right: 18px;
	font-family: 'Roboto'; 
}

.section-podcasts .section__sort select::-ms-expand {
    display: none;
}

.section-podcasts .section__head {
	position: relative;
	border-bottom: 1px solid #42484e;
	margin-bottom: 40px;
}

.section-podcasts .section__head:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	display: block;
	width: 330px;
	height: 3px;
	background-color: #ca0905;
}

.section-podcasts .section__body {
	margin-bottom: 51px;
}

.section-podcasts .section__foot {
	text-align: center;
}

.section-podcasts .section__aside {
	width: 34%;
	padding-left: 34px;
	margin-top: -12px;
}

@media only screen and (max-width: 1199px) {
	.section-podcasts .section__head {
		padding-bottom: 15px;
	}

	.section-podcasts .section__aside {
		padding-left: 20px;
	}
}

@media only screen and (max-width: 1024px) {

	.section-podcasts .section__head {
		flex-direction: column;
		margin-bottom: 20px;
	}

	.section-podcasts .section__head h2 {
		font-size: 26px;
		padding-right: 0;
	}

	.section-podcasts .section__head:after {
		width: 286px;
	}

	.section-podcasts .section__main {
		width: 55%;
	}

	.section-podcasts .section__aside {
		width: 45%;
	}

	.section-podcasts .section__sort {
		position: static;
		margin-bottom: 40px;
		padding-bottom: 20px;
		border-bottom: 1px solid #42484e;
	}

	.section-podcasts .section__sort form {
		display: flex;
		align-items: center;
	}

	.section-podcasts .section__sort p {
		flex-shrink: 0;
	}

	.section-podcasts .section__sort select {
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {

	.section-podcasts {
		padding: 40px 0;
	}

	.section-podcasts .section__shell {
		flex-direction: column;
	}

	.section-podcasts .section__main {
		width: 100%;
	}

	.section-podcasts .section__aside {
		display: none;
	}
}

@media only screen and (max-width: 575px) {
	.section-podcasts {
		padding: 33px 0 52px;
	}

	.section-podcasts .section__head h2 {
		font-size: 24px;
	}

	.section-podcasts .section__head {
		padding-bottom: 3px;
		margin-bottom: 17px;
	}

	.section-podcasts .section__head:after {
		width: 260px;
	}

	.section-podcasts .section__sort {
		padding-bottom: 18px;
	}

	.section-podcasts .section__foot a {
		width: 86%;
	}

	.section-podcasts .section__body {
		margin-bottom: 60px;
	}
}

/* ------------------------------------------------------------ *\
	TextWidget
\* ------------------------------------------------------------ */

.textwidget {
	padding: 0 15px;
	margin-bottom: 73px;
}

@media only screen and (max-width: 1025px) {
	.textwidget {
		margin: 50px 0;
	}
}

@media only screen and (max-width: 768px) {
	.textwidget {
		margin: 0;
	}
}

.loading-screen { background-color: rgba( 255, 255, 255, .8 ); width: 100%; height: 100%; position: fixed; z-index: 999999999999999999; top: 0; left: 0; visibility: hidden; opacity: 0; }
.loading-screen .spinner { background: url(./images/spinner.svg) no-repeat 0 0/150px 150px; width: 150px; height: 150px; display: inline-block; margin-bottom: 1.2em; position: absolute; left: 50%; top: 50%; margin-left: -75px; margin-top: -75px; }
.loading-screen.show { visibility: visible; opacity: 1; }
