/* Typography */

h1 {
	font-size: 60px;
	font-family: "Gotham Book";
}

body {
	font-family: "Gotham Book";
}

.slf-subtitle {
	font-size: 12px;
}

.covering-body {
	min-height: calc(100% - 350px);
}

.minus-top-80 {
	position: relative;
	top: -80px;
}

.different-angles {
	font-family: "Gotham Book" !important;
	font-size: 16px !important;
	font-weight: normal;
	color: #000;
}


.theme--light.v-footer {
    background-color: #fff;
    color: black;
}

.v-application .v-btn.v-btn-link {
    font-family: "Gotham Book" !important;
}

.v-application .text-body-1,
.v-application .text-body-2 {
	font-family: "Gotham Book" !important;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
}

.v-application .v-btn {
	font-family: "Gotham Condensed" !important;
}

.v-application .text-h6,
.v-application .text-h5,
.v-application .text-h4,
.v-application .text-h3,
.v-application .text-h2,
.v-application .text-h1 {
	font-family: "Gotham Book" !important;
    word-break: break-word !important;
}

.v-application .text-h6,
.v-application .text-h5{
	letter-spacing: 2px !important;
}


.v-code{
   font-family: monospace;
   font-size: 10px;
}

@media only screen and (min-width: 1264px) {
    .v-application .text-lg-h2{
        letter-spacing: 12px !important;
    }
}

@media only screen and (max-width: 1264px) {
    .v-application .text-md-h3 {
        letter-spacing: 7.3px !important;
    }
}

@media only screen and (max-width: 960px) {
    .v-application .text-h5 {
    	letter-spacing: 2px !important;
    }
}

.v-btn.v-size--x-large {
	font-size: 18px;
}

.v-layout-cvt-header-img{
    background-size: cover;
    min-height: 180px;
}

.v-layout-cvt-header-img h1{
    margin-top: 150px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 600px) {
    .v-layout-cvt-header-img h1{
        margin-top: 50px;
         margin-bottom: 24px;
    }
}

.text-pre{
  white-space: break-spaces;
  line-height: 1.5em !important;
}

.theme--light.v-btn.v-btn--disabled.black--text{
  color: #000 !important;
}

/*16-9 Radio video */
/*
.video-container-16-9 {
  position: relative;
  padding-bottom: 56.25%; 
  overflow: hidden;
}

.video-container-16-9 > div{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
*/
/*
.vjs-poster {
    background-size: cover;
}
*/

/*Dead simple chat bubble box*/

#bubble{
  z-index: 9999; 
}


/*Categories */

.v-category-carousel{
	position: relative;
}

.v-category-background-video{
  position: absolute;
  top: 0;
  border: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}

.v-category-content{
   z-index: 2;
   background: transparent;
   position: relative;
}


@media only screen and (max-width: 1190px) {
   .v-category-background-video{
       display: none; 
   }
} 

/* Animations*/

 .processing {
     -webkit-animation: rotation 2s infinite linear;
     color: #32b9bf;
 }
 @-webkit-keyframes rotation {
     from {
         -webkit-transform: rotate(0deg);
     }
     to {
         -webkit-transform: rotate(359deg);
     }
 }

/* Player */
/*
.v-fullscreen .plyr.active {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
}
*/


/* f1 */

.player-host { position: relative; }
.player-host > .plyr { display: none; }
.player-host > .plyr.active { display: block; }

/* Optional: fullscreen sizing hooks (native API adds :fullscreen) */
.player-host:fullscreen,
.player-host:-webkit-full-screen {
  width: 100vw;
  height: 100vh;
}

/* Your preview rail stays the same; you can tweak inside fullscreen if wanted */
.player-host:fullscreen .plyr_previews { width: 25%; }


/* f1 */



.plyr--video .plyr__controls{
   padding: 2px !important; 
}

.plyr__controls {
    justify-content: flex-start !important;
}


.plyr_previews .plyr_previews_container{
    background-color: transparent;
}

.plyr_previews{
    
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    bottom: 0;
    width: 25%;
    padding: 2% 0 2% 0;
    height: 100%;
}


.plyr--hide-controls .plyr_previews{
    display: none;
}

.plyr_previews .plyr_previews_handle{
  display: none;
}

.plyr_previews:hover{
}

.plyr_previews:hover .plyr_previews_container{
}

.plyr_previews .plyr_preview{
  /* border: 1px solid #dfdfdf;*/
   height: 25%;
}

.plyr_previews .plyr_preview a{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.plyr_previews .plyr_preview img{
  display: none;
  width: 100%;
  height: auto;
}


.plyr__controls{
   display: block; 
}

.plyr__controls > div{
   display: flex; 
}

.plyr__progress{
    width: 100%;
    display: block;
}

  
/**/

.v-maximized-min-card {
	width: 600px;
}

.v-application a.v-see-all {
	font-size: 12px;
	padding: 0;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.88;
	letter-spacing: normal;
	color: #333;
	text-decoration: none;
}

.v-application a.v-event-link {
	font-size: 16px;
	padding: 0;
	font-weight: 350;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.88;
	letter-spacing: normal;
	color: #333;
	text-decoration: none;
}

.v-application a.v-subscribe-link {
	font-size: 12px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #333;
}

.v-pre {
	white-space: pre-wrap;
	text-align: left;
	line-height: 1.8em;
	color: #333 !important;
}

.v-full-background-container {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #464646;
}

.v-full-card {
	position: fixed;
	width: 100%;
	z-index: 2;
	top: 0;
	/* Stay on top */
	bottom: 0;
	left: 0;
	right: 0;
}

.v-application,
.v-application .display-1,
.v-application .display-2,
.v-application .display-3,
.v-application .display-4 {
	font-family: 'Gotham Book', Helvetica, sans-serif !important;
}

.v-application .text-h5.v-font-gotham{
    font-family: Gotham, Helvetica, sans-serif !important;
}

.v-application .v-no-uppercase {
	text-transform: none;
}

.v-currency {
	padding-bottom: 4px;
}

.v-button-xxl {
	padding: 36px !important;
}

.v-button-xxl .v-icon {
	font-size: 64px !important;
}

/** Language picker */
/* .v-shop-application .v-application .v-input */
.v-shop-application .v-application .v-language-picker{
   max-width: 92px;
}

.v-shop-application .v-application .v-language-picker .v-select__selections, 
.v-shop-application .v-application .v-list-item__title{
  font-family: "Gotham Condensed" !important;
  font-size: 18px   !important;
}

.v-shop-application .v-application .v-menu__content{
   border-radius: 0 !important; 
}

.v-language-picker{
    display: none; 
}

.nav-container.shop-nav .v-language-picker{
    display: flex; 
}

/*Event*/

.v-image__image{
  transition: all 1s;
}

.v-event-on-hover .v-image__image{
	transform: scale(1.4);
}

.v-event-on-hover cca{
    text-shadow: 0px 1px 0px #a39e9e;
    transition: text-shadow 0.5s ease-in-out;
}

/* Dashboard */
.v-code-editor{
   border: 1px solid #dfdfdf;
}

/**/

.v-payment-overlay {
	position: absolute;
	display: block;
}

.v-fit-height {
	min-height: calc(100vh - 140px);
}


/* Embed code iframe responsive */

.v-embed-code-wrapper {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
	margin-bottom: 60px;
}

.v-embed-code-wrapper iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}


/* Editor */
.CodeMirror * {
  font-size: 12px;
}

.CodeMirror {
  height: calc(100vh - 250px);
}


/* SLF Layout*/
.v-layout-slf-body .theme--light.v-application{
    background: transparent !important;
}


.v-layout-slf-body{
    background-size: cover;
    background-position-x: center;
    background-repeat-y: repeat;
}


/* container with max with for shop */

.container {
	max-width: 1220px;
}


/* Admin */

.v-tabs.v-tabs--vertical .v-tab {
	text-align: left;
	display: block;
}


/**/

.event-card {
	width: 400px;
}

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


/* Video container */


.player-host>div,
.player-host>video {
	display: none;
}

.player-host>div.active,
.player-host>video.active {
	display: block;
}

.plyr audio, .plyr iframe, .plyr video {
  width: 100%; 
  height: auto;
}

.plyr__video-wrapper{
    height: auto;
}

.plyr{
    height: auto;
}

.v-fullscreen .plyr video{
  width: 100%;
  height: 100%;
}

@media screen and (orientation:portrait) { 
  .v-fullscreen .plyr video{
    height: auto;
  }
}
 

.fullscreen.plyr video{
  display: none;
}

.fullscreen.plyr.active video{
  display: block;
}


@media only screen and (max-width: 960px) {
	.preview-host {
		text-align: left;
	}
	.preview-host .v-image {
		width: auto;
		height: 90px;
		display: inline-block;
	}
}

@keyframes gn-active {
	0% {
		display: none;
		opacity: 0;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}


/* header */

.v-application .header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background: transparent;
}


.v-application .v-layout-slf .header {
    position: relative;
}

.v-application .header .logo img {
    width: auto;
    height: 126px;
}

.v-application nav {}

.v-application nav ul {
	float: right;
}

.v-application nav ul li {
	display: inline-block;
	float: left;
}

.v-application nav ul li:not(:first-child) {
	margin-left: 25px;
}

.v-application nav ul li a {
	display: inline-block;
	outline: none;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	font-family: "Gotham Condensed" !important;
}

.v-application .nav-container ul li a span {
	display: block;
	float: right;
	margin-top: 4px;
	margin-left: 4px;
}

.v-application nav ul li a i.theme--light.v-icon {
	color: #fff;
}

.v-application nav ul li a:hover {
	color: #808080;
	text-decoration: none;
}

.v-application .nav-container .v-footer {
	display: none;
}

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


	.minus-top-80 {
		position: relative;
		top: 0;
	}
	.different-angles {
		font-size: 12px !important;
	}
	.v-maximized-min-card {
		width: 100%;
		max-width: 100%;
	}
	.v-application a.v-event-link {
		font-size: 14px;
	}
	h1 {
		font-size: 26px;
	}
	.v-application nav ul li a,
	.v-application nav ul li a i.theme--light.v-icon {
		color: #fff;
	}
	.v-application .nav-container {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: -99;
		background: #fff;
		opacity: 0;
		transition: all 0.4s ease;
		visibility: hidden;
	}
	.v-application .nav-container ul {
	/*	position: absolute;
	    transform: translateY(-50%);
		top: 36%;*/
		transform: translateY(50%);
		width: 100%;
		float: none;
		display: block;
	}
	.v-application .nav-container .theme--light.v-footer {
		margin-top: 100px;
		width: 100%;
		background-color: #fff !important;
		display: block;
	}
	.v-application .nav-container ul li {
		display: block;
		float: none;
		width: 100%;
		text-align: right;
		margin-bottom: 10px;
	}
	.v-application .nav-container ul li i{
	    line-height: 34px;
	    vertical-align: text-bottom;
	    margin-top: 2px;
	}
	.v-application .nav-container ul li:nth-child(1) a {
		transition-delay: 0.2s;
	}
	.nav-container ul li:nth-child(2) a {
		transition-delay: 0.3s;
	}
	.v-application .nav-container ul li:nth-child(3) a {
		transition-delay: 0.4s;
	}
	.v-application .nav-container ul li:nth-child(4) a {
		transition-delay: 0.5s;
	}
	.v-application .nav-container ul li:not(:first-child) {
		margin-left: 0;
	}
	.v-application .nav-container ul li a {
		padding: 10px 25px;
		opacity: 0;
		color: #333;
		font-weight: 600;
		transform: translateY(-20px);
		transition: all 0.2s ease;
		line-height: 34px;
		font-family: Gotham;
		font-size: 24px;
		font-weight: normal;
		font-stretch: normal;
	}
	.v-application nav ul li a,
	.v-application nav ul li a i.theme--light.v-icon {
		color: #333 !important;
	}
	.v-application .nav-open {
		position: fixed;
		right: 10px;
		top: 10px;
		display: block;
		width: 48px;
		height: 48px;
		cursor: pointer;
		z-index: 9999;
		border-radius: 50%;
	}
	.v-application .nav-open i {
		display: block;
		width: 36px;
		height: 2px;
		background: #fff;
		border-radius: 2px;
	}
	.v-application .nav-open i:nth-child(1) {
		margin-top: 16px;
	}
	.v-application .nav-open i:nth-child(2) {
		margin-top: 4px;
		opacity: 1;
	}
	.v-application .nav-open i:nth-child(3) {
		margin-top: 4px;
	}
	.v-application .nav-container ul li a span {
		margin-top: 2px;
	}
}

#nav:checked+.nav-open {
	transform: rotate(45deg);
}

#nav:checked+.nav-open i {
	background: #333;
	transition: transform 0.2s ease;
}

#nav:checked+.nav-open i:nth-child(1) {
	transform: translateY(6px) rotate(180deg);
}

#nav:checked+.nav-open i:nth-child(2) {
	opacity: 0;
}

#nav:checked+.nav-open i:nth-child(3) {
	transform: translateY(-6px) rotate(90deg);
}

#nav:checked~.nav-container {
	z-index: 9990;
	opacity: 1;
	height: 100%;
	visibility: visible;
}

#nav:checked~.nav-container ul li a {
	opacity: 1;
	transform: translateY(0);
}

.hidden {
	display: none;
}



/* Video Caroseul */


.vg-carousel .v-window__next, .vg-carousel .v-window__prev {
    top: 14px;
    bottom: 96px;
    margin: 0;
    background: transparent;
}


.vg-carousel .v-window__next .theme--light.v-btn, .vg-carousel .v-window__prev .theme--light.v-btn{
   color: #fff;
   height: 100%;
}


.vg-carousel .v-window__next .theme--light.v-btn.v-btn--round, .vg-carousel .v-window__prev .theme--light.v-btn.v-btn--round{
   border-radius: 0;
}



/* Video Poster Fix */

.play-btn .v-icon{
   font-size: 64px !important; 
}


/* Loader */

.overlay-loader {
	display: block;
	margin: auto;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ddf9ff;
	z-index: 999;
	width: 100%;
	height: 100%;
}

.loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100px;
	height: 100px;
	animation-name: rotateAnim;
	-o-animation-name: rotateAnim;
	-ms-animation-name: rotateAnim;
	-webkit-animation-name: rotateAnim;
	-moz-animation-name: rotateAnim;
	animation-duration: 0.35s;
	-o-animation-duration: 0.35s;
	-ms-animation-duration: 0.35s;
	-webkit-animation-duration: 0.35s;
	-moz-animation-duration: 0.35s;
	animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
}

.loader div {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid #42a5f5;
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.loader div:nth-child(odd) {
	border-top: none;
	border-left: none;
}

.loader div:nth-child(even) {
	border-bottom: none;
	border-right: none;
}

.loader div:nth-child(2) {
	border-width: 2px;
	left: 0px;
	top: -4px;
	width: 12px;
	height: 12px;
}

.loader div:nth-child(3) {
	border-width: 2px;
	left: -1px;
	top: 3px;
	width: 18px;
	height: 18px;
}

.loader div:nth-child(4) {
	border-width: 3px;
	left: -1px;
	top: -4px;
	width: 24px;
	height: 24px;
}

.loader div:nth-child(5) {
	border-width: 3px;
	left: -1px;
	top: 4px;
	width: 32px;
	height: 32px;
}

.loader div:nth-child(6) {
	border-width: 4px;
	left: 0px;
	top: -4px;
	width: 40px;
	height: 40px;
}

.loader div:nth-child(7) {
	border-width: 4px;
	left: 0px;
	top: 6px;
	width: 50px;
	height: 50px;
}

@keyframes rotateAnim {
	from {
		transform: rotate(360deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@-o-keyframes rotateAnim {
	from {
		-o-transform: rotate(360deg);
	}
	to {
		-o-transform: rotate(0deg);
	}
}

@-ms-keyframes rotateAnim {
	from {
		-ms-transform: rotate(360deg);
	}
	to {
		-ms-transform: rotate(0deg);
	}
}

@-webkit-keyframes rotateAnim {
	from {
		-webkit-transform: rotate(360deg);
	}
	to {
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes rotateAnim {
	from {
		-moz-transform: rotate(360deg);
	}
	to {
		-moz-transform: rotate(0deg);
	}
}