@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


/* CSS Document */
/*TEMPLATE COLORS


*/

header
,nav
,section
,article
,aside
,footer
,hgroup 
{ 
position:relative;
display: block;
}

html {
	overflow-x:hidden;
}
body {
	font-family: 'Graphik', sans-serif;
	color:#333;
	background-color:#f3f3f3;
	
	overflow-x:hidden;
}

h1, h2, h3, h4, h5 {

}
h1 {

}
h5 {

}
a {
	color:inherit;
}
a:hover {
	color:#d2232a;
}
.checkbox a {
	text-decoration: underline;
}
.checkbox a:hover {
	color:inherit;
}
h2 a,h2 a:hover {
	transition:all 0.2s;
	text-decoration:none;
}
h6.tag {
	display: inline-block;
	font-weight: normal;
}
.greyBg {
	background-color:#efefef;
}
.blackBg {
	background-color:#333333;
    color:#FFF;
}
.grey-text {
	color:#999;
}
.rel {
	position:relative;
}
.noOverflow {
	overflow: hidden;
}
.red {
	color:#D2232A;
}
.grey {
	color:#878F94;
}
.redBG {
	background-color:#d2232a;
	color:#FFF;
}
.text-info {
	color:#5BC0DE;
}
.padding-0{
    padding-right:0;
    padding-left:0;
}
*[data-href] {
	cursor:pointer;
}
.bounce-twice {
	animation-delay: 2s;
	animation-iteration-count: 2;
}
.row.nopad {
	margin-left: 0; margin-right: 0;
}
.row.nopad > div {
	padding-left: 0;
	padding-right: 0;
}
@media (min-width: 767px) {
	.row.equal {
		display: flex;
		flex-wrap: wrap;
	}
	.row.equal .column > div {
		height: 100%;
	}
}
@media only screen and (min-width : 570px) {
    .flex-row {
        display: flex;
        flex-wrap: wrap;
    }
    .flex-row > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }
    .flex-row.row:after, 
    .flex-row.row:before {
        display: flex;
    }
}
img:not(.media-object):not(.pswp__img):not(.gm-fullscreen-control) {
	max-width:100%;
	height:auto !important;
}
section {

}
.media {
	position:relative;
}
.media.nowViewing {
    transform:scale(1.05);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1)
}
.media-left {
	padding-right:0;
}
.media-body {
	padding-left:10px;
}
.clickable {
	cursor: pointer;
}
.btn-info {

}
.container-nopad {
	padding:0;
}
.swal2-modal .swal2-styled {
	border-radius: 50px;
}
.swal2-confirm {
	border:1px solid #333333 !important;
	background-color: #FFF !important;
	color:#333333 !important;
}


.fixed-top {
	position:fixed;
	top:0; left:0;
	width:100vw;
	z-index: 10;
	background-color: rgba(255,255,255,0.8);
}
.navbar + section:not(#firstArticles):not(#pageBanner) {
	margin-top:15px;
}

section + section {
	margin-top:15px;
}

.navbar {
	background-color:#FFF;
	color:#333;
	border-bottom:0;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	border-radius:0;
	border:0;
	margin-bottom:0;
	z-index:110;
}
a.logo {
	
}
a.logo img {
	width:170px;
	display:inline-block;
	margin:10px 0;
}
@media (max-width: 420px) {
	a.logo img {
		width:110px;
		display:inline-block;
		margin-top:18px;
	}
}
ul.dropdown-menu {

}
a.menuItem {
	display:block;
	font-size:18px;
	margin:20px 0;
	text-decoration:none;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
}
.menuItem:hover {
	color:#e95b3e;
}

@media (max-width: 420px) {
    a.menuItem {
        display:block;
        font-size:14px;
        margin:12px 0;
        text-decoration:none;
        font-family: 'Raleway', sans-serif;
        text-transform:uppercase;
    }
}

.socialIcons {
	font-size:1.5em;
	position: absolute;
	left:15px; bottom:40px;
}
.socialIcons a {
	text-decoration:none;
	margin:0 10px;
}
.socialIcons a:hover {
	color:#d2232a;
}



.menuHolder, .srcBtn, .favArtBtn, .accountBtn {
	position:absolute;
	color:#FFF;
	background-color:#000;
	top:0;
	line-height:0;
	padding: 0;
	/*height:100%;*/
	box-sizing:border-box;
	z-index:3;
	cursor: pointer;
}
.srcBtn a, .favArtBtn a, .accountBtn a {
	padding:17px 18px 17px 18px;
	display: block;
}
.srcBtn a:hover, .favArtBtn a:hover, .accountBtn a:hover {
	text-decoration: none;
}
.accountBtn a {
	padding-right: 5px;
}
.accountBtn span {
	display: inline-block;
	margin-left: 5px;
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
}
.accountBtn .btn {
	padding:13px;
}
.menuHolder, .srcBtn:hover a {
	color:#d2232a;
}
.favArtBtn {
	color:#999;
	background-color: #FFF;
	right:50px;
}
.accountBtn {
	color:#999;
	background-color: #FFF;
	right:49px;
}
.menuHolder {
	left:0;
	display:none;
}

@media (max-width: 768px) {
	.text-center-sm {
		text-align: center;
	}
}


.swoosh {
	/*display:none !important;*/
	height:100%;
	box-sizing:border-box;
	background-color:#000;
	padding:13px 0 !important;
	display:inline-block !important;
	max-width:0px;
	transition:all 0.3s;
}
.swoosh img {
	max-width:none !important;
	margin:0 13px;
}
@media (max-width: 768px) {
	.swoosh {
		display:inline-block !important;
		max-width:80px;
	}
}
.swoosh img {
	width:60px !important; height:auto !important;
}
.navbar-fixed-top .swoosh {
	display:inline-block !important;
	max-width:80px;
}
.srcBtn {
	right:0;
}
#mainMenu {
	display:block;
	position:absolute;
	color:#FFF;
	background-color:#000;
	left:0; top:50px;
	padding:25px;
	z-index:110;
	height:calc(100vh - 50px);
	box-sizing: border-box;
	min-width:320px;
	transition:all 0.2s;
	transform:translate3d(-100vw,0,0);
}
#mainMenu.open {
	display:block;
	transform:translate3d(0,0,0);
}
@media (min-width: 768px) {
	#mainMenu:hover {
		display:block;
		transform:translate3d(0,0,0);
	}
}
#readLaterMenu {
	display:none;
	position:absolute;
	color:#000;
	background-color:#FFF;
	right:0; top:50px;
	padding:25px;
	z-index:10;
	max-width: 360px;
	box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
}
#readLaterMenu.open {
	display:block;
}
.removeReadLater {
	color:#999;
	position: absolute;
	right:0;
	top:20px;
}
.removeReadLater:hover {
	color:#d2232a;
}
.closeMainMenu {
	position:absolute;
	top:20px; right:20px;
	color:#FFF;
	cursor:pointer;z-index: 10;
}
.closeMainMenu.black {
	color:#000;
}
.mainArticleGroups {
	position:absolute;
	top:0;
	left:0px;
	z-index:3;
	max-height:100%;
}
.mainArticleGroups a {
	display:inline-block;
	padding:15px 10px;
	text-decoration:none;
	vertical-align:top;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	text-transform:uppercase;
	color:#999;
	font-size:13px;
	position:relative;
}
.mainArticleGroups a:hover {
	color:#000000;
}
.navbar-fixed-top .mainArticleGroups {
	left:0px;
}
.navbar-fixed-top .mainArticleGroups .swoosh {
	margin-right:5px;
}
span.counter {
	position:absolute;
	top:10px; right:0px;
	line-height:0;
	font-size:12px;
	font-family: 'Raleway', sans-serif;
	color:#FFF;
	background-color:#d2232a;
	height:17px;
	border-radius:15px;
	padding:8px 5px 0 5px;
}
span.counter[data-count="0"] {
	display:none;
}

#topmostMenu {
	background-color:#000;
	color:#FFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px; padding-bottom: 5px;
}
.topMenuItem {
	font-family: 'Raleway', sans-serif;
	color:#CCC;
	font-size:13px;
	margin-left:5px; margin-right:5px;
	text-decoration:none;
}
.topMenuItem:hover {
	color:#efefef;
	text-decoration:none;
}
#menuBar {
	position:relative;
	padding:0;
}


.row.gap10 {
	margin-left: -10px;
	margin-right: -10px;
}
.row.gap10 > div {
	padding-left: 10px; padding-right: 10px;
}


.pad20 {
	padding:20px;
}
.pad30 {
	padding:30px;
}
.pad40 {
	padding:40px;
}
.pad50 {
	padding:50px;
}
.padh20 {
	padding:20px 0;
}
.padh30 {
	padding:30px 0;
}
.padh40 {
	padding:40px 0;
}
.padh50 {
	padding:50px 0;
}
.text-orange {
	color:#ed812f;
}
.text-green {
	color:#165929;
}
.text-yellow {
	color:#ffe32e;
}
.text-grey {
	color:#f2f2f2;
}
.text-red {
	color:#d2232a;
}
.text-uppercase {
	text-transform:uppercase;
}

.btn {
	border-radius:0;
	font-weight: 400;
	box-shadow: none;
}
.btn.active {
	box-shadow: none !important;
}
.btn.btn-circle.active {
	background-color: #292929;
	border-color: #292929;
	color:#FFF;
}

.btn-white {
	background-color:#FFF;
}
.btn-white:hover {
	
}
.btn-shadow {
	transition:all 0.1s;
	box-shadow:0px 0px 40px rgba(0,0,0,0.1);
}
.btn-shadow:hover {
	transform:scale(0.97);
	box-shadow:0px 0px 20px rgba(0,0,0,0.2);
}
.btn-black {
	background-color:#121215;
}
.btn-black:hover {
	color:#FFF;
}
.btn-black.btn-shadow {
	transition:all 0.1s;
	box-shadow:0px 0px 40px rgba(255,255,255,0.2);
}
.btn-black.btn-shadow:hover {
	transform:scale(0.97);
	box-shadow:0px 0px 20px rgba(255,255,255,0.4);
}
.btn-blackout {
 	color:#333;
  border:2px solid #333;
}
.btn-blackout:hover,.btn-blackout.active {
 	color:#FFF;
	background-color:#333;
  border:2px solid #333;
}
.btn-whiteout {
 	color:#FFF;
	border:3px solid #FFF;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
}
.btn-whiteout:hover {
	background-color:#FFF;
}
.btn-greyout {
 	color:#333;
	border:3px solid #333;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
}
.btn-greyout:hover {
	background-color:#333;
	color:#FFF;
}
.btn-success {
	
}
.btn-transparent {
	border:0;
	background-color:transparent;
	color:#999;
	text-decoration: none;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.btn-transparent:hover {
	color:#333;
}
.btn-transparent:active,.btn-transparent:focus {
	box-shadow: none;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
.btn-pink {
	background-color:#d2232a;
	color:#FFF;
	border:0;
}
.btn-fb {
	background-color:#4b6ea9;
	border-color:#4b6ea9;
}
.btn-fb:hover {
	background-color:#375991;
	border-color:#375991;
}
.label {
	border-radius:0;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
}
.label-white {
	background-color:#FFFFFF !important;
	border-color:#FFFFFF;
	color:#333333;
}
.label-white:hover {
	background-color:#333333 !important;
	color:#FFF;
}
.label-green {
	background-color:#165929 !important;
	border-color:#165929;
	color:#ffe32e;
}
.label-xl {
	font-size:20px;
}


@media (min-width: 768px) {

}
@media (max-width: 768px) {
   
}
.gradientoverlay {
	z-index: 5;
	position:absolute;
	left:0;bottom:0;
	width:100%; height:50%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.90) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.90) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	box-sizing:border-box;
}
.gradientoverlayWithMargin {
	position:absolute;
	left:0;bottom:0;
	width:100%; height:40%;
	padding:0 15px;
	box-sizing:border-box;
}
.gradientoverlayWithMargin div {
	position:relative;
	left:-15px ;top:0;
	width:100%; height:100%;
	background-color:rgba(0,0,0,0.0);
	transition:all 0.3s;
	box-sizing:border-box;
	margin:0 15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	box-sizing:border-box;
}






footer {
	padding:60px 0 60px 0;
	background-color:#292929;
	color:#FFF;
}
footer h1, footer h2, footer h3, footer h4 {
	color:inherit;
}
footer a {
	color:inherit;
	text-decoration:none;
}
footer a:hover {
	color:inherit;
}
footer a.tandcs {
	color:#666;
}
.footerSwoosh {
	width:150px;display: inline-block;

}
.footerSwoosh img {
	margin-bottom: 15px;
}
.footerSocialIcons {
	color:#FFF;
	padding-bottom: 15px;
}
.footerSocialIcons a {
	text-decoration:none;
	margin:0 10px;
}
.footerSocialIcons a:hover {
	color:#d2232a;
}


.table > tfoot > tr:first-child > td {
    border-top: 2px solid #ddd;
}
.table > tfoot {
	font-weight:bold;
}

.highpad {
	padding:20px 0 0 0;
}

.btn-noradius {
	border-radius:0;
}



section.header {
	height:470px;
	background-position:center center;
	background-size:cover;
}
section.header.home {
	height:600px;
}
.headerContentHolder {
	position:absolute;
	bottom:20px;
	left:0;
	width:100vw;
}
section.header h1 {
	color:#FFF;
	font-size:80px;
	
	margin-top:0;
}
section.header .pageTypeTitle {
	font-size:50px;
	line-height:50px;
	font-family: 'BebasBold', sans-serif;
}




/*headerArticle*/
.headerArticle {
	position:relative;
	height:35vw;
}
.headerArticle.lesshigh {
	position:relative;
	height:25vw;
}
.headerArticle .cContainer {
	position:absolute;
	bottom:0px; left:0; width:100%; height: 100%;
	z-index:3;
	color:#FFF;
	display: flex;
	justify-content: left;
	align-items: center;
}
.headerArticle .content {
	padding:30px 0px;
	margin-left: -15px;
	color:#FFF;
}
.headerArticle .content .title {
	font-weight: 400;
	font-size: 65px;
	font-size: 3.2vw;
	line-height: 3.3vw;
}
.headerArticle .content .subtitle {
	font-size: 16px;
	line-height: 28px;
	padding-bottom: 15px;
}
.owl-carousel .headerArticle .container, .owl-carousel .headerArticle .row {
	height: 100%;
}
@media (max-width: 768px) {
	.headerArticle .content {
		padding:10px 15px;
	}
	.headerArticle .content .title {
		font-size: 25px;
		line-height: 30px;
	}
	.headerArticle .content .subtitle {
		font-size: 12px;
		line-height: 15px;
	}

}

.headerArticle .photo {
	position:relative;
	width:100%; height:35vw;
	left:0; top:0;
	z-index:1;
	background-size:cover;
	background-position:center center;
}
.headerArticle.lesshigh .photo {
	height:25vw;
}
.headerArticle .photo img {
	width: 100% !important;
	height: auto !important;
}
.owl-carousel .headerArticle .photo {
	transition:all 8s;
}
.headerArticle .photo.zoomAnim {
	transform:scale(1.07);
}
.headerArticle .row {
	position:relative;
	
	z-index:2;
}
.headerArticle .intro {
	position:absolute;
	background-color:#FFF;
	padding:15px 25px 25px 25px;
	bottom:25px;
	right:15px;
	z-index:2;
	width:600px; box-sizing:border-box;
}


@media (max-width: 768px) {
	.headerArticle.lesshigh {
		height: 30vw;
	}
	.headerArticle.lesshigh .photo {
		height:30vw;
	}
}
@media (max-width: 520px) {
	.headerArticle.lesshigh {
		height: 50vw;
	}
	.headerArticle.lesshigh .photo {
		height:50vw;
	}
}

.owl-theme .owl-dots .owl-dot span {
	background:#333;
}
.owl-theme .owl-dots .owl-dot.active span {
	background:#d2232a;
}
.owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -100px;
}
@media (max-width: 768px) {
	.owl-nav {
		display:none;
	}
}
.owl-prev,.owl-next  {
	background-color: transparent !important;
	top:-40px;
}
.owl-prev {
	position: absolute;
	left: 20px;
}
.owl-next {
	position: absolute;
	right: 20px;
}
@media (max-width: 768px) {
	.headerArticle {
		height:45vw;
	}
	.headerArticle h2 {
		font-size:30px;
		text-transform:uppercase;
		margin:0;
	}
	.headerArticle h4 {
		font-size:15px;
	}
	.headerArticle .photo {
		height:45vw;
	}
	.headerArticle .btn {
		display:none;
	}

}




/*videoHolder*/
.videoHolder {
	position:relative;
}
.videoHolder img {
	display:block;
	z-index:1;
	transition:all 8s;
	transform:scale(1);
}
.videoHolder img.zoomAnim {
	transform:scale(1.07);
}
.videoHolder .play {
	position:absolute;
	left:50%; top:50%;
	z-index:2;
	cursor:pointer;
	color:#FFF;
	text-shadow:0px 0px 10px rgba(0,0,0,0.7);
	opacity:0.7;
	line-height:0;
	margin-left:-35px; margin-top:-35px;
}
.videoHolder .play:hover {
	opacity:1;
}
.videoHolder .close {
	position:absolute;
	right:20px; top:10px;
	z-index:4;
	cursor:pointer;
	color:#FFF;
	text-shadow:0px 0px 10px rgba(0,0,0,0.7);
	opacity:0.7;
	line-height:0;
	display:none;
}
.videoHolder .close:hover {
	opacity:1;
}
.videoHolder .videoContainer {
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	z-index:3;
	display:none;
}
.videoHolder .videoInfo {
	z-index:3;
	text-align:center;
	position:absolute; left:0; top:40%; width:100%;
	text-shadow:2px 2px 20px rgba(0,0,0,0.7);
}
.videoHolder .videoInfo h2 {
	max-width:60%;
	font-size:60px;
	margin:0 auto;
	font-weight:900;
}
.videoHolder .videoInfo .videoLength {
	display:inline-block;
	font-size:20px;
	font-weight:200;
	text-decoration:none; color:inherit;
}




/*searchOverlay*/
#searchOverlay {
	display:none;
	position:fixed;
	width:100vw; height:100vh;
	left:0; top:0;
	background-color:rgba(255,255,255,0.95);
	z-index:10001;
	overflow-x:hidden;
	overflow-y:scroll;
}
#searchOverlay.show {
	display:block;
}
.noResults {
	font-size:2em;
	margin-top:30vh;
}
.input-group-search .input-group-addon {
	border-right: 0;
	border-top: 0;
	border-left: 0;
	border-radius: 0;
	background-color:transparent;
}
.input-group-search .form-control {
	border-top: 0;
	box-shadow: none !important;
	border-left: 0;
	border-right: 0;
	background-color:transparent !important;
}
.input-group-search .btn-default {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0 !important;
	background-color: transparent;
}
.searchWrapper {
	max-width:789px;
	margin:0 auto;
}



section.whiteMar, article.whiteMar{
	background-color:#FFF;
	margin:15px;
	padding-top:30px; padding-bottom:30px;
	z-index: 100;
    position: relative;
}
section.blackMar {
	background-color:#121215;
	margin:15px;
	padding-top:30px; padding-bottom:30px;
	color:#FFF
}
@media (max-width: 768px) {
   section.whiteMar, article.whiteMar{
	   margin-left:0; margin-right:0;
	}
}
section.jumboArticles {
	margin-bottom: -20px;
}
section.homeArticleSection {
	margin:20px 0;
}
section.homeArticleSection hr {
	margin-bottom: 30px;
}
/*ArticleCard*/
.articleCard {
	position:relative;
	margin-bottom:20px;
	cursor:pointer;
	background-color: #FFF;
}
.articleCard.small {
	margin-bottom: 28px;
	aspect-ratio: 161 / 100;
}
.articleCard.large {
	aspect-ratio: 158 / 100;
}
.owl-carousel .articleCard {
	margin-top: 10px;
	transition: all 0.3s;
}
.owl-carousel .articleCard:not(.active .articleCard) {
	margin-top: 10px;
	opacity: 0.5;
}
.articleCard .content {
	padding:15px 20px;
}
.articleCard .content .title a {
	padding-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 55px;
	margin-bottom: 10px;
	font-weight: 500;
}
.articleCard .content .subtitle a {
	padding-bottom: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 40px;
	margin-bottom: 10px;
}
.articleCard.cityCard .content .title a {
	padding-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 40px;
}

.articleCardLarge {
	aspect-ratio: 1000 / 633;
}
.articleCardLarge .content,.articleCard.small .content {
	position: absolute;
	left:0; bottom:0;
	width: 100%;
	background: rgb(0,10,23);
	background: linear-gradient(180deg, rgba(0,10,23,0) 0%, rgba(0,25,25,0.520045518207283) 100%);
	color:#FFF;
}
.articleCardLarge .content .title a{
	height: auto;
	-webkit-line-clamp: 2;
	font-size: 35px; line-height: 40px;
	padding-bottom: 0;
	margin-bottom: 10px;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.articleCardLarge .content .subtitle {
	font-size: 20px;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	font-weight: 300;
}

.articleCard.small .content .title a{
	height: auto;
	-webkit-line-clamp: 2;
	font-size: 20px; line-height: 25px;
	padding-bottom: 0;
	margin-bottom: 0px;
}
.articleCard.small .content .title a{
	font-size: 18px;
}
.articleCardLarge .content .subtitle a{
	height: 1em;
	-webkit-line-clamp: 1;
	color: #FFF;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

@media (max-width: 768px) {
	.articleCardLarge .content .title a, .articleCard.small .content .title a{
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 0;
		-webkit-line-clamp: 2;
	}
	.articleCardLarge .content .subtitle {
		display: none;
	}
}

.articleCard .content .title a:hover,.articleCard .content .subtitle a:hover {
	text-decoration: none;
	color:inherit;
}
.articleCard.cityCard .content .info {

}
.articleCard .articleGroupsLabels {
	position:absolute;
	z-index:2;
	left:5px; top:0px;
}
.articleCard .articleGroupsLabels > * {
	margin-top:0;
}
.articleCard h4 {

}
.articleCard h4 a,.articleCard h4 a:hover {
	text-decoration: none; color:inherit;
}
.articleCard h2,.magazineCard h2 {
	font-size:16px;
	margin:5px 0;
	text-transform:none;
}
.articleCard .overlayHolder, .media-left .overlayHolder,.magazineCard .overlayHolder,.cityCard .overlayHolder {
	position: absolute;
	top:0; left:0;
	z-index: 5;
	width:100%; height:100%;
	overflow: hidden;
}
.articleCard .overlayHolder .overlay, .media-left .overlayHolder .overlay,.magazineCard .overlayHolder .overlay,.cityCard .overlayHolder .overlay {
	background-color:rgba(0,0,0,0.6);
	opacity: 0;
	transition:all 0.2s;
	width:100%; height:100%;
	box-sizing: border-box;
}
.media-left .overlayHolder .overlay {
	margin-right:15px;
}
.media-left a.photo {
	display:block;
}
.articleCard .readlater {
	position: absolute;
	top:10px; right:10px;
	z-index: 10;
}
.articleCard .overlayHolder .overlayContent, .media-left .overlayHolder .overlayContent, .magazineCard .overlayHolder .overlayContent, .cityCard .overlayHolder .overlayContent {
	color:#FFF;
	text-align:center;
	padding-top:22%;
	position: absolute;
	width: 100%;
	transition:all 0.2s;
	transform: translate(0, -100px);
}
.magazineCard .overlayHolder .overlayContent {
	transform: translate(0, -200px);
	top:30%;
}
.articleCard:hover .overlayHolder .overlay,.media:hover .media-left .overlayHolder .overlay, .magazineCard:hover .overlayHolder .overlay, .cityCard:hover .overlayHolder .overlay {
	opacity: 1;
}
.articleCard:hover .overlayHolder .overlayContent, .media:hover .media-left .overlayHolder .overlayContent,.magazineCard:hover .overlayHolder .overlayContent, .cityCard:hover .overlayHolder .overlayContent {
	transform: translate(0,0);
}
.articleCard a.photo,.cityCard a.photo {
	display: block;
}
.articleCard .photo {
	overflow: hidden;
}
.articleCard .photo img {
	transition: all 0.2s;
	transform: scale(1);
	width: 100%;
	height: auto;
}
.articleCard:hover .photo img {
	transform: scale(1.07);
}
.articleCard .tags {
	min-height: 25px;
}

.media .photo {
	overflow: hidden;
}
.media .photo img {
	transition: all 0.4s;
	transform: scale(1);
}
.media:hover .photo img {
	transform: scale(1.1);
}
.articleCard .badges {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 5px;
}
.newArticleBadge {
	display: inline-block;
	background-color: #D2232A;
	font-weight: 600;
}
.ssArticleBadge {
	display: inline-block;
	background-color: #F5F5F5;
	color:#212121;
	font-weight: 600;
}
.newArticleBadge.inline {
	position: relative;
	top: auto;
	right: auto;
	font-weight: 300;
	font-size: 11px;
	line-height: 11px;
	display: inline-block;
	vertical-align: 2px;
}
h4.media-heading {
	text-transform: none;
	font-size:16px;
	margin-top:5px;
	margin-bottom:0;
}
.media-date {
	color:#999;	
	font-size:12px;
}
.media-specs {
	color:#666;	
	font-size:12px;
}


.articleCardColumn {
	background-color: #F6F6F6;
	height: 100%;
	overflow: hidden;
}
.equal .articleCardColumn {
	height: calc(100% - 20px);
}
.articleCardColumn .title {
	font-family: "Libre Baskerville", serif;
	font-style: italic;
	font-weight: 100;
	font-size: 35px;
	line-height: 40px;
	height: auto;
	margin-top: 25px;
	max-width: 90%;
}
.articleCardColumn .subtitle {
	font-family: "Libre Baskerville", serif;
	max-width: 60%;
}
.articleCardColumn .label {
	font-family: "Libre Baskerville", serif;
	color:#212121;
	text-transform: none;
	font-weight: 100;
	padding-left: 0;
}
.articleCardColumn .label span {
	color:#777;
}
.articleCardColumn .title {
	max-width: 60%;
	margin-top: 15px;
	font-size: 25px;
	line-height: 31px;
}
.articleCardColumn.large .title {
	font-size: 35px;
	line-height: 45px;
}
.articleCardColumn.large .subtitle {
	max-width: 40%;
}
.articleCardColumn.large .content {
	margin-top: 25px;
	margin-left: 20px;
}
.articleCardColumn .title a {
	-webkit-line-clamp: 5 !important;
	height: auto !important;

}
.articleCardColumn .tagsAndDate {
	position: absolute;
	left:0; bottom:0;
	width: 100%;
	padding:15px 20px;
	background-color: #3B4453;
	color:#FFF;
}
.articleCardColumn .tagsAndDate .colorn2 {
	color:#FFF;
}
.articleCardColumn .authorImg {
	position: absolute;
	bottom:40px; width: 100%; left:0;
	text-align: right;
}
.articleCardColumn .authorImg img {
	width: 50%;
}
.articleCardColumn .tags.dark .tag {
	background-color: rgba(0,0,0,0.2);
	color:#efefef;
}
.articleCardColumn.small .authorImg{
	bottom:-20px;
}
.articleCardColumn.small .content {
	height: 100%;
	background: linear-gradient(180deg, rgba(0,10,23,0) 50%, rgba(0,25,25,0.520045518207283) 100%);
}
.articleCardColumn.small .title {
	max-width: 60%;
	color:#212121;
	margin-top: 5px;
}
.articleCardColumn.small .title  a {
	font-size: 25px !important;
	line-height: 30px !important;
}
.articleCardColumn .content .title a {
	padding-bottom: 0;
}


@media screen and (max-width: 768px) {
	.articleCardColumn, .articleCardColumn.large {
		height: auto;
		aspect-ratio: 1 / 1;
	}
	.articleCardColumn.large .content {
		margin-top: 0;
		margin-left: 0;
	}
	.articleCardColumn.large .content .title {
		font-size: 25px;
		line-height: 31px;
	}
}




.chooseArticleGroup {
	text-decoration: none;
	margin:5px 0;
	display: block;
}
.chooseArticleGroup:hover {
	text-decoration: none;
}
.chooseArticleGroup .title {
	display:inline-block;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size: 18px;
	transition: all 0.2s;
}
.chooseArticleGroup:hover .title {
	color:#e85b3e;
}
.chooseArticleGroup:hover small {
	text-decoration:none;
}


/*Article page */
.articleColRight {
	
}
.articleColRight h3:first-child {
	margin-top:0; padding-top:0;
}
.magazineSuccess {
	position: absolute;
	width:100%; height: 42px;
	left:0; 
	background-color:#95bf52;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	box-sizing: border-box;
	z-index: 10;
	padding-top: 7px;
	bottom:-42px;
	transition:all 0.1s;
	color:#FFF;
}
.magazineSuccess.ok {
	bottom:0;
}
.fold {
	padding:15px 0;
	background-color:#333;
	color:#FFF
}
.loadNextHolder .nextTitle {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 24px;
	text-transform: uppercase;
	opacity: 1;
}
.videoWrapper {
	position: absolute;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	width:100%;
	top:0;
}
.navbar + .videoWrapper {
	top:79px;
}
@media (max-width: 768px) {
	.navbar + .videoWrapper {
		top:50px;
	}
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height:85vh;
}

.videoResponsiveHolder {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	background-size: cover;
	background-position: center center;
}
.videoResponsiveHolder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoLoginOverlayHolder {
	padding:100px; height: 100%;
}
.videoLoginOverlay {
	text-align: center;
	position: relative;
	color: #FFF;
	padding: 30px;
	background-color: rgba(0,0,0,0.7);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	margin: 0 auto;
	border-radius: 10px;
	top: 6.5vw;

	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.videoLoginOverlay .h5 {
	font-size:18px;
}
.videoLoginOverlay .message {
	margin-bottom: 15px;
}
.videoLoginOverlay .btn {
	margin: 5px;
}

.player iframe {
	background-color:#000;
	width:100%;
}
.videoHeightSpacer {
	height:60vh;
	transition:all 0.3s;
}

	.videoHeightSpacer {
		height:auto;
		margin-top:30vw;
	}
.videoHeightSpacer.innext {
	height:60vh;
	transition:all 0.3s;
	margin-top:0;
}
.social-share {
	font-size: 13px;
	margin-top: 35px;
}
@media (max-width: 768px) {
	.social-share {
		margin-bottom: 30px;
	}
}
.social-share .btn.btn-circle {
	font-size: 12px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	border-color:#F2F2F2;
	background-color: #F6F6F6;
}



article h1+h3 {
	margin-top: 10px;
}
article hr {
	margin:10px 0;
}


.authorOverviewCard {
	margin-bottom: 30px;
	background-color: #FFF;
}
.authorOverviewCard .title a {
	padding-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 25px;
	margin-bottom: 10px;
	font-weight: 500;
}
.authorOverviewCard .content {
	padding: 15px 20px;
}
.authorOverviewCard .content .text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 40px;
	margin-top: 10px;
}
.authorOverviewCard:hover .title a {
	color:#D2232A;
}






/*Reelscard*/
.reelsCard {
	cursor: pointer;
	position: relative;
}
.reelsCard .photo {
	z-index: 5;
}
.reelsCard .photo img {

}
.reelsCard .badges {
	position: absolute;
	left:10px; top:5px;
	z-index: 10;
}
.reelsCard .content {
	position: absolute;
	left:10px; bottom:5px;
	z-index: 10;
	color: #FFFFFF;
	font-weight: 600;
}


/*cityCard*/
.cityCard h4 {
	font-size:13px;
	margin:0;
	color:#666;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}
.cityCard h2 {
	font-size:16px;
	margin:5px 0;
	font-family: 'Raleway', sans-serif;
	text-transform:none;
}
.cityCard p {
    font-size: 12px;
}

/*Magazinecard*/


/*Webshop*/
.webshopCategoryLink {
	padding:10px;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
}
.cartLink {
	border-left:1px solid #efefef;
}
.cartLink:hover {
	text-decoration: none;
}
.categoriesNav {
	padding:20px 0;
	border-bottom:1px solid #efefef;
}



.productShort {
	margin-bottom:30px;
	position:relative;
}
.productShort h4 {
	margin:5px 0;
	font-weight:300;
	font-size:14px;
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* number of lines to show */
   line-height: 19px;        /* fallback */
   max-height:  38px;       /* fallback */
	height:  38px;
}
.productShort h3 {
	margin:5px 0;
	font-size:18px;
}
.productShort .price {
	margin:5px 0;
	font-size:23px;
	font-weight:300;
}
.productShort .labelHolder {
	font-size:18px;
	position:absolute;
	left:0; top:0;
}
.productShort .price small{
	font-size:12px; color:#999;
}

.productForm h3 {
	font-weight: 300;
	margin-bottom: 0;
}
.productForm h1 {
	margin-top:0;
}
.largeProductImage {
	cursor:pointer;
	margin-bottom: 10px;
	display: block;
}
.smallProductImage {
	cursor:pointer;
}
.productText p {
	font-weight: normal;
	font-size: 18px;
}

#cookieNotification {
	position:fixed;
	width:100%; padding:15px 5px;
	left:0; bottom:0;
	background-color:rgba(0,0,0,0.7);
	color:#FFF;
	font-size:15px;
	z-index:200;
}
#cookieNotification a {
	text-decoration:underline;
	color:#FFF;
	cursor:pointer;
}
#cookieNotification .title {
	font-family: 'Raleway', sans-serif;
	font-size:20px;
	font-weight: bold;
	text-transform: uppercase;
}



.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 530px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
}    





.vimeoPlayButton {
	position:absolute;
	left:50%; top:15vw;
	color:#FFF;
	z-index: 102;
	font-size:1.5em;
	cursor: pointer;
	opacity: 0.9;
}



.productCard {
	height:100%;
	position: relative;
	padding-bottom:70px;
	box-sizing: border-box;
}
.productCard .bottomOfCard {
	position: absolute;
	width:100%;
	left:0; bottom:0;
}


.videoChannelCard .overlayHolder {
    width:50%;
    right:0; left: auto;
}
.videoChannelCard .overlayHolder .overlay {
    opacity: 0.7;
}
.videoChannelCard .overlayHolder .overlayContent {
    transform: translate(0,0);
    opacity: 1;
    z-index: 11;
    padding-top: 30%;
}
.videoChannelInfoBlock {
    padding:30px 50px;
}
.watchNowBtn * {
    vertical-align: middle;
}
.watchNowBtn:hover {
    text-decoration: none;
}

.channelVideoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
    margin-right: -30px;
}
.channelVideoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoinfopadding {
    padding-left:15px;
    padding-right: 15px;
}
.videoViews {
    margin-top: 25px;
}
.videoViews span {
    font-size:20px; font-weight: bold;
}

.nav-tabs {
   
}
.nav-tabs > li {
    margin-bottom:0;
}
.nav-tabs > li a {
    border:0;
    border-bottom:3px solid #FFF;
    border-radius: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border:0;
    border-bottom:3px solid #DB5423;
    background-color: transparent;
}
.nav-tabs > li a span {
    text-transform: uppercase;
    color:#DB5423;
    font-weight: bold;
}
.flag {
	border:1px solid #FFF;
	line-height: 0;
	display: inline-block;
}
.flag img {

}
.tab-pane {
    padding:15px;
}



/*User*/
.userCard {
    padding-bottom: 25px;
}





.breadcrumb {
    padding:10px 0;
    margin: 0;
    background-color: transparent;
}

/*Cityguide*/
#cityMap {
    height:35vw;
    background-color: #333;
    margin-right: -15px;
}
#cityMap.inArticle{
    height:25vw;
    margin-bottom: 10px;
     cursor: pointer !important;
}
#cityMap.inArticle * {
     cursor: pointer !important;
}
#cityMap.inColumn{
    height:180px;
    margin-bottom: 10px;
    cursor: pointer !important;
}
#cityMap.inColumn * {
     cursor: pointer !important;
}
.locationHolder {
    margin-left:-15px;
}
.locationHolder .info {
    padding:30px;
    padding-top: 0;
}
.openingTimes {
    color:#666;
    font-size:12px;
}





.modal-huge {
    width:95vw;
    height:95vh;
}
@media (min-width: 992px) {
	.modal-md {
		width: 768px;
	}
}







.articleGallery {
	margin-top: 30px;
	margin-bottom: 30px;
}
.caption {
	font-size: 12px;
	font-style: italic;
	min-height:28px;
	line-height: 18px;
	margin-top: 5px;
}

.control-inline {
	width: 100% !important;
	margin:10px 0;
}
@media only screen and (min-width : 768px) {
.control-inline {
	width: 250px !important;
}
}

.galleryItem {
	position: relative;
}
.galleryItem .caption {
	position: absolute;
	z-index: 5;
	left:0; bottom:0;
	width:100%;
	padding:15px;
	background-color: rgba(0,0,0,0.8);
	color:#FFF;
}
.galleryItem .caption:empty {
	display: none;
}

/*Polls*/
.pollBlock {
	border:1px solid #efefef;
}
.pollBody,.pollFooter {
	padding: 15px;
}
.pollFooter {
	background-color: #efefef;
	font-size: 0.8em;
	color: #777;
}
.pollFooter .btn {
	margin-right: 15px;
}
.pollBlock .title {
	font-family: "Georgia", serif;
	font-weight: normal;
	font-size: 20px;
	text-transform: none;
}
.pollBlock .answer label{
	border:1px solid #efefef;
	padding:10px;
	border-radius: 5px;
	display: block;
	position: relative;
	z-index: 2;
}
.pollBlock .answer label input {
	display: inline-block;
	vertical-align: center;
	margin-left: 0;
	position: relative;
	z-index: 2;
}
.pollBody .bar {
	position: absolute;
	z-index: 1;
	height: 100%;
	border-radius: 5px;
	width: 0%;
	background-color: #efefef;
	top:0; left:0;
	transition: all 0.3s;
}


/*Modals*/
.modal-image-header {
	padding:0;
}
.modal-image-header img {
	border-radius: 5px 5px 0 0;
}
.modal-image-header .close {
	position: absolute;
	right:10px; top:10px;
	z-index: 23;
	background-color: #FFF;
	width: 35px; height: 35px;
	border-radius: 40px;
}


.popupPage {

}
.popupPage .popupClose {
	position: absolute;
	right:20px; top:20px;
}


table.styled {
	border-radius: 10px;
	border:0 !important;
}
table.styled [scope="row"] {
	white-space: nowrap;
}
table.styled td,table.styled th {
	padding: 5px !important;
}



/* Style to make the reels container cover the whole screen */
#reels-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh; /* Fullscreen height */
	z-index: 9999; /* Make sure it stays on top of other content */
	background: rgb(0,0,0);
	background: linear-gradient(305deg, rgba(0,0,0,1) 0%, rgba(16,20,37,1) 100%);
	color:#FFF;
	overflow: hidden; /* Prevent scrollbars */
}

.close-container {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 10000;
	cursor: pointer;
	color: #fff;
	font-size: 2em;
}

/* Swiper container setup */
.swiper-container {
	width: 100%;
	height: 100%;
}

/* Each slide (reel) setup */
.swiper-slide {
	display: flex !important;
	justify-content: center; /* Horizontally center the video */
	align-items: center; /* Vertically center the video */
	height: 100%; /* Ensure slide takes entire screen height */
}
.reel-title {
	font-size: 20px;
	font-weight: 500;
	padding: 11px 0px;
}
.reel-contents {
	position: relative;
}
.reel-length {
	background: #D2232A;
	border-radius: 20px;
	line-height: 1;
	padding: 5px 10px;
	font-size: 11px;
	margin-top: 13px;
}
.skipButtons {
	position: absolute;
	width: 100%;
	top: calc(50% - 20px);
}
.skipButtons > div {
	position: absolute;
	cursor: pointer;
	text-align: center;
}
.skipButtons > div i {
	font-size: 40px;
}
.skipButtons > div span {
	display: block;
	text-align: center;
	/*position: absolute;*/
	width: 100%;
	/*top:40%;*/
	/*display: none;*/
	font-size: 13px;
}
.skipButtons .skipNext {
	right:-110px;
}
.skipButtons .skipPrev {
	left:-110px;
}
.slider-navigation {
	padding: 10px 0;
}
.slider-prev, .slider-next {
	cursor: pointer;
	text-wrap: nowrap;
}
.slider-prev {
	padding-left: 15px;
}
.slider-next {
	padding-right: 15px;
}

/* Video styling */
.reel-contents video {
	max-width: 75vw; /* The video won't exceed the screen width */
	max-height: 90vh; /* The video won't exceed the screen height */
	object-fit: contain; /* Maintain aspect ratio (centered and no cropping) */
	border-radius: 10px;
}

@media (max-width: 768px) {
	#reels-container {
		background: rgb(0,0,0);
	}
	.skipButtons {
		display: none;
	}

	.reel-contents video {
		max-width: 100vw; /* The video won't exceed the screen width */
		max-height: 90vh; /* The video won't exceed the screen height */
		object-fit: contain; /* Maintain aspect ratio (centered and no cropping) */
	}

	.reel-title {
		padding-left: 15px;
	}
	.reel-length {
		margin-right: 15px;
		font-size: 12px;
	}

	.close-container {
		top:40px;
	}
}



/*Custom video elements*/
.custom-video-player {
	position: relative;
	width: 100%;
	max-width: 800px;
	margin: auto;
}

.custom-video-player video {
	width: 100%;
	display: block;
}

.controls {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	/*background: rgba(0, 0, 0, 0.7);*/
	color: #fff;
}

.controls button {
	background: transparent;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 18px;

	text-shadow: 0px 0px 2px rgba(0,0,0,1);
}

.progress-bar-container {
	flex-grow: 1;
	height: 5px;
	margin: 0 15px;
	background: #444;
	cursor: pointer;
	position: relative;
	border-radius: 5px;
}

.progress-bar-container .progress-bar {
	height: 100%;
	width: 0%;
	background: #D2232A;
	transition: width 0.3s linear;
	border-radius: 5px;
}