@font-face {
	font-family: "Garet";
	src: url("../../../assets/fonts/garet-book-webfont.woff2") format("woff2"), url("../../../assets/fonts/garet-book-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Garet Heavy";
	src: url("../../../assets/fonts/garet-heavy-webfont.woff2") format("woff2"), url("../../../assets/fonts/garet-heavy-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Garet Regular";
		src: url('../../../assets/fonts/garet_regular-webfont.woff2') format('woff2'),
			 url('../../../assets/fonts/garet_regular-webfont.woff') format('woff');
		font-weight: bold;
		font-style: normal;
}

#swipebox-title,
#swipebox-top-bar {
	font-family: "Garet" !important;
	text-transform: uppercase;
	color: #dad4bf !important;
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important;
}

.batch-fade-in {
	opacity: 0;
}

.a-effect-wrap {
	position: relative;
	display: table;
	margin: 0 auto;
	> a {
		&:not(:hover) {
			+ span {
				opacity: 0;
			}

			opacity:1;
		}

		&:hover {
			+ span {
				opacity: 1;
			}
			opacity:0;
		}

		transition:opacity 0.5s !important;
	}
	> span {
		transition: opacity 0.5s;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		pointer-events: none;

		&.more,&.nb-rm {
			border-image-source: linear-gradient(270deg, #2096af 0%, #eaaa73 55%, #dad4bf 85%, #f4f3ef 100%) !important;
			background: linear-gradient(270deg, #2096af 0%, #eaaa73 55%, #dad4bf 85%, #f4f3ef 100%) !important;
			-webkit-background-clip: text !important;
			-webkit-text-fill-color: transparent !important;
		}
	}
}

.nb-rm {
	display: inline-block;
	margin: 0 !important;
	color: #000;
	font-size: 22px;
	padding: 10px 10px 8px;
	background: none;
	font-family: 'Garet Heavy';
	border: 2px solid;
	border-image-slice: 1;
	border-width: 2px;
	border-image-source: linear-gradient(90deg, rgba(32,150,175,1) 0%, rgba(234,170,115,1) 55%, rgba(218,212,191,1) 85%, rgba(244,243,239,1) 100%) !important;
	background: linear-gradient(90deg, rgba(32,150,175,1) 0%, rgba(234,170,115,1) 55%, rgba(218,212,191,1) 85%, rgba(244,243,239,1) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.nb-rm:hover {
	
}

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

b, strong { font-family: 'Garet Regular'; }

body {
	margin: 0;
	background: rgb(21, 27, 28);
	font-family: "Garet";
	color: #dad4bf;
	background-size: cover;
	line-height: 1.8em;
	overflow-x: hidden;
}

.bg-div {
	background: rgb(21, 27, 28);
	background: linear-gradient(180deg, rgba(21, 27, 28, 1) 30%, rgba(8, 11, 11, 1) 100%);
	height: 100vh;
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Garet Heavy";
	text-transform: uppercase;
	letter-spacing: 2px;
	background: linear-gradient(90deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	display: table;
	margin: 0 auto 10px;
}
#header {
	font-family: "Garet";
}

h1 {
	text-align: center;
}

.social,
.socials {
	display: table;
	margin: 0 auto;
	background: linear-gradient(90deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.fade-in {
	transition: opacity 0.5s;

	&:not([animPlaying]) {
		opacity: 0;
	}

	&[animPlaying] {
		opacity: 1;
	}
}

.more {
	display: table;
	margin: 0 auto;
	color: #000;
	font-size: 18px;
	padding: 12px 12px 8px;
	background: none;
	font-family: "Garet Heavy";
	border: 2px solid;
	text-transform: uppercase;
	border-image-slice: 1;
	border-width: 2px;
	border-image-source: linear-gradient(90deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important;
	background: linear-gradient(90deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.more:hover {
	display: table;
	margin: 0 auto;
	color: #000;
	font-size: 18px;
	padding: 12px 12px 8px;
	background: none;
	font-family: "Garet Heavy";
	border: 2px solid;
	text-transform: uppercase;
	border-image-slice: 1;
	border-width: 2px;
}

.epk a {
	text-align: center;
	text-transform: uppercase;
	display: table;
	text-align: center;
	
	border: 2px solid;
	border-image-slice: 1;
	font-family: "Garet Heavy";
	font-size: 18px;
	border-width: 2px;
	border-image-source: linear-gradient(90deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important;
	padding: 12px 12px 8px;
	background: linear-gradient(90deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.content a,
.content a:hover,
.epk,
.epk a,
.epk a:hover,
.epk:hover,
.more,
.more:hover {
	/* -webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out; */
}

.content img {
	-webkit-box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 15px 1px rgba(0, 0, 0, 0.3);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding-bottom: 1px;
	line-height: 1.1em;
}


.epk a i,
.more i {
	margin-right: 5px;
}

/*
    This ruleset is just for checking if the template is working correctly by giving menu and footer some space to occupy. Comment it remove it if you want.
*******************************************/

#footer,
#header {
	text-align: center;
	text-transform: uppercase;
}

#header {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	background: #151b1c;
	z-index: 999;
}
.header-inner {
	display: flex;
	justify-content: space-between;
	padding-left: 1%;
	padding-right: 1%;
	align-content: center;
	align-items: center;
}
.header-inner-logo {
	padding-top: 20px;
	width: 300px;
	padding-bottom: 10px;
}
.header-inner-logo img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1024px) {
	.header-inner {
		padding-left: 2%;
	}
}

.home-menu ul {
	margin: 0 auto;

	background: linear-gradient(90deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	list-style: none;
	padding: 0;
	text-transform: uppercase;
	font-size: 22px;
	position: relative;
}

.home-menu ul a {
	/* padding-left:25px; */
}

#footer a.ek {
	+ .link-border {
		height: 1px !important;
		bottom: -1px !important;
	}
}

#footer a.ek,
.home-menu ul li a {
	color: #151b1c;
	letter-spacing: 1px;
	display: block !important;

	/* border-bottom: solid;
	border-color: transparent;
	border-image-source: #000;
	border-image-slice: 1;
	border-width: 2px; */
	+ .link-border {
		position: absolute;
		transition: transform 0.5s;

		height: 1px;
		bottom: 0;

		background: linear-gradient(90deg, rgba(21, 27, 28, 1) 0%, rgba(32, 150, 175, 1) 25%, rgba(234, 170, 115, 1) 50%, rgba(218, 212, 191, 1) 75%, rgba(244, 243, 239, 1) 100%) !important;
	}
	&:hover + .link-border {
		transform-origin: left;
		transform: scaleX(1) !important;
	}
	&:not(:hover) + .link-border {
		transform-origin: right;
		transform: scaleX(0);
	}
}

.home-menu ul li a:hover {
	/* border-bottom: 2px solid;
	border-image-slice: 1;
	border-width: 2px;
	border-image-source: linear-gradient(90deg, rgba(21, 27, 28, 1) 0%, rgba(32, 150, 175, 1) 25%, rgba(234, 170, 115, 1) 50%, rgba(218, 212, 191, 1) 75%, rgba(244, 243, 239, 1) 100%); */
}

.ek {
	color: #151b1c;
}

.ek,
.ek:hover,
.home-menu ul li a,
.home-menu ul li a:hover {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.responsive-menu-pro-inner,
.responsive-menu-pro-inner::after,
.responsive-menu-pro-inner::before {
	background: linear-gradient(90deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important;
}

.home-menu ul li {
	@media screen and (min-width: 769px) {
		display: inline-block;
	}

	@media screen and (max-width: 768px) {
		display: block;
	}

	margin-left: 25px;
	margin-right: 0;
}

#footer {
	font-size: 11px;
	letter-spacing: 1px;
	padding-bottom: 8px;
	padding-left: 1%;
	padding-right: 1%;
	line-height: 1.3em;
	padding-top: 8px;
}

.footer-inner {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.footer-inner .credits {
	position: relative;
	display: table;
	width: auto;
	background: linear-gradient(90deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	text-align: right;
}

.footer-inner .social {
	display: table;
	text-align: left;
	padding-top: 5px;
	background: linear-gradient(90deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important;
	-webkit-background-clip: text !important;
	margin: 0;
	-webkit-text-fill-color: transparent !important;
}

@media screen and (max-width: 1024px) {
	.footer-inner {
		padding-left: 2%;
		padding-right: 2%;
	}
}

#footer i {
	font-size: 18px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#footer a {
	color: #f4f3ef;
}

.footer-inner .credits a {
	display: inline-block;
}

/**
 * Menu specific generic styles
**/

.main_menu ul {
	display: flex;
	padding: 0;
	list-style: none;
	margin: 0;

	li {
		a {
			padding: 0 10px;
			text-transform: uppercase;
			color: #f4f3ef;
			text-decoration: none;
		}
	}
}

.main_menu {
	padding: 1% 0;
	display: flex;
	justify-content: center;
}

.main_menu > ul > li:hover .nav-drop {
	height: auto !important;
}

ul.nav-drop {
	flex-direction: column;
	height: 0;
	position: absolute;
	overflow: hidden;
	background-color: #080b0b;
}

/******************************************/

.site-wrapper {
	display: grid;

	/**
     * If header is relative or sticky uncomment below
     */

	grid-template-rows: auto 1fr auto;

	/**
     * If header is fixed uncomment below 
     */

	/* grid-template-rows: 1fr auto; */
}

body,
html {
	height: 100%;
}

.site-wrapper {
	min-height: 100%;
}

.site-wrapper {
	&.homepage {
		.content {
			padding: 0 !important;
			margin: 0 !important;
		}
	}
}
.content {
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
	.epk-carousel-main {
		width: 80vw;
	}
	margin: 20px auto;
	display: block;
}

.content a {
	color: #dad4bf;
}
.content a:hover {
	color: #eaaa73;
}

h1 {
	font-size: 50px;
	padding-top: 30px;
}
h2 {
	font-size: 34px;
}

hr {
	margin-top: 50px;
	margin-bottom: 30px;
	border-top: 1px solid;
	border-image-slice: 1;
	border-width: 1px;
	width: 100%;
	border-image-source: linear-gradient(90deg, rgba(21, 27, 28, 1) 0%, rgba(32, 150, 175, 1) 25%, rgba(234, 170, 115, 1) 50%, rgba(218, 212, 191, 1) 75%, rgba(244, 243, 239, 1) 100%) !important;
}

/* ---- CLIENTS PAGE ----*/

.clients-grid {}

@media all and (min-width: 1920.1px) {
	.clients-grid {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 2px;
	}
}

@media screen and (max-width: 1380px) {
	.content {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.epk-carousel-main {
		width: 90vw;
	}
}

@media all and (min-width: 1024.1px) and (max-width: 1920px) {
	.content {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.epk-carousel-main {
		width: 90vw;
	}

	.clients-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 2px;
	}
}

@media all and (max-width: 1024px) {
	.clients-grid {
		grid-template-columns: 1fr;
		grid-gap: 2px;
	}
}

.clients-grid {
	display: grid;
	grid-gap: 2px;

	a {
		color: #f4f3ef;
		display: block;
	}
}

@media all and (min-width: 1025px) {
	.clients-grid .client {
		.cs {
			width: 100%;
			height: 100%;
		}

		.cs-ov {
			font-size: 32px;
		}
	}
}

.clients-grid {
	text-transform: uppercase;

	a {
		padding: 20px;

		.client {
			position: relative;
			overflow: hidden;
		}
	}
}

/**************************
 * VIDEO PAGE CAROUSEL*
 **************************/

.slick-track {
	display: flex;
	align-items: center;
}

.epk-carousel-main {
	margin: 0 auto;
	max-width: 1200px;

	.hs-nav {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		transform-origin: top;
		z-index: 200;

		cursor: pointer;
		transition: transform 0.5s;
		&:hover {
			transform: scale(2.5) translateY(-50%);
		}

		&.prev {
			left: -2%;
		}

		&.next {
			right: -2%;
		}
	}
}

.arve {
	margin: 0 auto;
}

/***************
 * HOME SLIDER *
 ***************/

.wrapper-inner.home-slider {
	width: 100vw;
	height: 100%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 10px;
	position: relative;

	.hs-nav {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		transform-origin: top;
		z-index: 200;

		cursor: pointer;
		transition: transform 0.5s;
		&:hover {
			transform: scale(2.5) translateY(-50%);
		}

		&.prev {
			left: 1%;
		}

		&.next {
			right: 1%;
		}
	}
	.slider-inner {
		width: 100%;
		height: 100%;
		.slick-list,
		.slick-track {
			height: 100%;
			width: 100%;
		}
		.hs-img {
			width: 100% !important;
			height: 100%;
		}

		.slider-inner-inner {
			text-decoration: none;
			display: block;
		}

		.home-slider-text {
			position: absolute;
			padding: 1%;

			bottom: 0;
			text-transform: uppercase;
			overflow: hidden;
			width: auto;
			font-family: "garet heavy";
			height: auto;
			@media screen and (min-width: 1024px) {
				text-align: right;
			}

			@media screen and (max-width: 1023px) {
				text-align: center;
			}
			font-size: 50px;
			letter-spacing: 2px;
			z-index: 2;
			color: #fff;
			width: 100%;
			text-transform: uppercase;
			transition: opacity 1s;

			pointer-events: none;
			> div {
				background: rgba(0, 0, 0, 0.9);
				padding: 30px 25px 25px !important;
				display: inline-block;
			}
			.cs-title {
				background: linear-gradient(90deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important;
				-webkit-background-clip: text !important;
				-webkit-text-fill-color: transparent !important;
				/*color: #dad4bf;*/
			}
		}
	}
}

@media screen and (max-width: 1024px) {
	.wrapper-inner.home-slider {
		height: 100%;
		padding-left: 2%;
		padding-right: 2%;
		padding-bottom: 0;
		margin-bottom: -15% !important;
	}
	.wrapper-inner.home-slider .slider-inner {
		.slider-inner-inner {
			.home-slider-text {
				font-size: 30px;
			}
		}
	}
}


/*--- CONTACT ---*/

.pslug_contact {

	.partner-grid {
		display: flex;
		flex-direction: row;
		align-items: center;
		align-content: center;
		justify-content: center;
	}
	.partner-grid .partner {
		padding-top: 20px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.partner-grid img {
		max-width: 250px;
		height: auto;
		max-height: 150px;
	}
	.contact-boxes .contact-box {
		padding-top: 30px;
		padding-bottom: 10px;
	}

	@media screen and (max-width: 980px) {
		.partner-grid {
			display: block;
		}
		.partner {
			display: block;
		}
	}

	.content img {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
}



/*--- NEWS ---*/

.pslug_news {
.page-content {
	max-width: 100%;
}

.news-wrapper {
	padding-bottom: 150px;
}

.nb-rm {
	z-index: 1;
}

.news-box {
	background-size: cover !important;
	background-position: center !important;
	margin: 4% 0 4% 4%;
	background-clip: content-box;
	height: 65vh;
	padding: 10px;
	border: 2px solid;
	border-image-slice: 1;
	border-width: 2px;
	border-image-source: linear-gradient(90deg, rgba(32,150,175,1) 0%, rgba(234,170,115,1) 55%, rgba(218,212,191,1) 85%, rgba(244,243,239,1) 100%) !important;
	font-family: 'Garet Heavy';
	text-transform: uppercase;
}

.news-box,
.news-box div,
.news-box div a:hover,
.news-box:hover {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.news-box:hover {
	border-image-source: linear-gradient(270deg, rgba(32,150,175,1) 0%, rgba(234,170,115,1) 55%, rgba(218,212,191,1) 85%, rgba(244,243,239,1) 100%) !important;
}

.news-box > a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.news-box > div {
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: space-between;
	background-color: rgba(0, 0, 0, 0.8);
	color: #F4F3EF;
	padding-bottom: 8% !important;
	padding-top: 8% !important;
	height: 100%;
	line-height: 1.8em;
}

.news-box:hover div {
	background-color: rgba(0, 0, 0, 0.6);
}

.nb-rm,
.nb-rm:hover,
.news-box,
.news-box > div,
.news-box > div:hover,
.news-box div,
.news-box div a,
.news-box div a:hover,
.news-box div:hover,
.news-box:hover {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



.nb-rm:hover {
	background: #000;
}

.nb-title {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 30px;
}

.title-grad {
	background: linear-gradient(90deg, rgba(32,150,175,1) 0%, rgba(234,170,115,1) 55%, rgba(218,212,191,1) 85%, rgba(244,243,239,1) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.nb-source {
	font-size: 15px;
	font-family: 'Garet';
	color: #F4F3EF;
	background: none !important;
}

.nb-date {
	color: #F4F3EF;
	font-family: 'Garet';

}

.nb-rm:hover {
	background: #fff;
	color: #000 !important;
}

@media all and (max-width:800px) {

	.news-box {
		height: auto !important;
		min-height: 40vh;
	}

}

@media all and (min-width:1300.1px) {
	.page-content {
		max-width: 100%;
	}
	.news-wrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr) !important;
	}

	.news-box > div {
		padding: 5%;
	}
}

@media all and (max-width:1300px) {
	.news-box {
		height: 80vh;
	}

	.news-wrapper {
		padding-left: 0;
		padding-right: 0;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.news-box > div {
		padding: 10% 10% !important;
	}

}

@media all and (max-width:800px) {
	.page-content {
		max-width: 100%;
	}

	.news-wrapper {
		padding-left: 2%;
		padding-right: 2%;
		display: grid;
		grid-template-columns: 100%;
	}

	.news-box > div {
		padding: 10%;
	}
}

.news-post hr {
	margin-top: 50px;
	margin-bottom: 50px;
}
.news-post img {
	width: 100%;
	height: auto;
}
}




/*--- ROSTER ---*/

.pslug_roster {
	@media screen and (max-width: 1300px) {
		.page-content {
		  padding-left: 0;
		  padding-right: 0;
		}
	  }
	
	  @media screen and (min-width:801px) and (max-width: 1299.9px) {
		.page-content {
		  width: 100%;
		  max-width: 100%;
		  margin: 0 auto;
		  padding-left: 0;
		  padding-right: 0;
		}
	
		.clients-grid {
		  grid-row-gap: 0;
		  grid-column-gap: 0;
		}
	  }
	
	  @media screen and (max-width: 800px) {
	
		.clients-grid {
		  grid-gap: 5px;
		}
	
		.client {
		  margin-bottom: 0;
		}
	  }
	
	  @media screen and (min-width:600px) and (max-width: 800px) {
		.clients-grid {
		  grid-gap: 5px;
		}
	  }
	
	  @media screen and (min-width: 300px) and (max-width: 800px) {
		.clients-grid {
		  padding-left: 0;
		  padding-right: 0;
		}
		.client {
		  margin-bottom: 0;
		}
		.wrapper-inner {
		  margin-bottom: 30px;
		}
		.clients-grid {
		  grid-gap: 5px;
		}
	  }
	
	  @media screen and (min-width: 0) and (max-width: 600px) {
		.client {
		  margin-bottom: 0;
		}
		.clients-grid {
		  padding-left: 0;
		  padding-right: 0;
		}
	  }
	
	  .cs-title {
		padding-bottom: 3px;
	  }
	
	  .client {
		img {
		  width: 100%;
		  vertical-align: bottom;
		  
	
		  
	
		}
	
		.cs-ov {
		  position: absolute;
		  bottom: 5px;
		  left: 5px;
		  overflow: hidden;
		  width: auto;
		  font-family: 'garet heavy';
		  height: auto;
		  font-size: 24px !important;
		  letter-spacing: 2px;
		  z-index: 2;
		  color: #fff;
		  background: rgba(0, 0, 0, 0.9);
		  text-transform: uppercase;
		  transition: opacity 1s;
		  padding-left: 10px;
		  padding-right: 10px;
		  padding-top: 10px; padding-bottom: 5px;
		  pointer-events: none;
	
		  .cs-title {
			background: linear-gradient(90deg, rgba(32,150,175,1) 0%, rgba(234,170,115,1) 55%, rgba(218,212,191,1) 85%, rgba(244,243,239,1) 100%) !important;
			-webkit-background-clip: text !important;
			-webkit-text-fill-color: transparent !important;
			/*color: #dad4bf;*/ 
		  }
	
		}
	
		.clients-grid .client:hover,
		.cs-ov:hover {
		  cursor: pointer !important;
		}
	
	  }
	
	.client { -webkit-box-shadow: 5px 5px 15px 1px rgba(0,0,0,0.4);
	box-shadow: 5px 5px 15px 1px rgba(0,0,0,0.4); }
	
	  .client img:hover { scale: 110%; }
	  .client img, .client img:hover { 	-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-ms-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out; }
}



/*--- SINGLE ARTIST ---*/

.body-ptp-artist {

	.artist-info h2 {
		text-align: center;
		font-weight: 300;
	}
	.socials {
		text-align: center;
		padding-bottom: 30px;
		padding-top: 15px;
		font-size: 20px;
	}
	.socials i {
		margin-right: 10px;
	}

	.bio-grid {
		display: grid;
		grid-template-columns: 50% 50%;
		align-items: top;
		align-content: top;
		padding-top: 0;
	}
	.artist-photo {
		padding-right: 30px;
		padding-top: 20px;
	}
	.artist-photo img {
		width: 100%;
	}
	.artist-bio {}
	.artist-bio h2,
	.artist-info h2 {
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 5px;
	}

	@media screen and (max-width: 1024px) {
		.artist,
		.bio-grid {
			display: block;
			width: 100%;
		}
		.artist-photo {
			padding-bottom: 20px;
		}
		.bio-grid {
			padding-bottom: 20px;
		}
		.artist-photo {
			padding-right: 0;
		}
		.artist-bio {
			padding-left: 0;
		}
	}
}



/*--- EPK: SOCIAL STATS ---*/

.ss-wrap {
	display: grid;
	margin: 20px auto 40px;
	grid-template-columns: 150px auto;
	grid-gap: 30px;
	max-width: 100%;
	width: 650px;
	align-content: center;
	align-items: center;

	.ss-img {
		width: 100%;
		max-width: 100px;
	}

	.ss-glyph {
		text-align: center !important;
		i {
			font-size: 75px;
			display: block;
			margin: 0 auto;
			background: linear-gradient(90deg, rgba(32,150,175,1) 0%, rgba(234,170,115,1) 55%, rgba(218,212,191,1) 85%, rgba(244,243,239,1) 100%) !important;
			-webkit-background-clip: text !important;
			-webkit-text-fill-color: transparent !important;
			display: inline;
		}
	}

	.ss-stats {
		text-transform: uppercase;
		display: flex;
		font-family: 'Garet Heavy';
		flex-direction: row;
		font-size: 20px;

		> div {
			display: flex;
			width: 100%;
			flex-direction: column;
			padding-right: 20px;
		}
	}
}

.sss-numbers {
	text-align: right;
}

@media screen and (max-width: 980px) {
	.ss-wrap {
		width: 100%;
		grid-template-columns: 50px auto;
		grid-gap: 20px;

		.ss-glyph {
			text-align: center;
			i {
				font-size: 40px;
			}
		}

		.ss-stats {
			text-transform: uppercase;
			display: flex;
			font-family: 'Garet Heavy';
			flex-direction: row;
			font-size: 16px;

			> div {
				display: flex;
				width: 100%;
				flex-direction: column;
				padding-right: 0;
			}

		}
	}

}








.body-ptp-epk {
	
.epk-carousel-main {
	margin: 20px auto 0 !important;
}

.gallery {
	padding-top: 20px !important;
	text-align: center;
	display: block;
	margin: 0 auto;
}
.gallery-icon img {
	width: 100%;
	height: auto;
	border: 0 !important;
}
.gallery-icon {
	padding-right: 10px;
	padding-left: 10px;
}
.gallery-item {
	margin-top: -5px !important;
	float: none !important;
	display: inline-block;
}
.gallery-caption {
	display: none;
}
.columns-4 .gallery-item {
	width: 25%;
}

@media screen and (max-width: 800px) {
	.columns-4 .gallery-item {
		width: 50% !important;
	}
}

hr {
	margin-bottom: 60px !important;
}

.photos {
	max-width: 1200px;
	margin: 0 auto;
}

.artist-info h2 {
	text-align: center;
	font-weight: 300;
}
.epk {
	padding-bottom: 30px;
}
.socials {
	text-align: center;
	padding-bottom: 30px;
	padding-top: 15px;
	font-size: 20px;
}
.socials i {
	margin-right: 10px;
}

.artist {
	padding-bottom: 50px;
}
.bio-grid {
	display: grid;
	grid-template-columns: 50% 50%;
	align-items: center;
	align-content: center;
	padding-bottom: 40px;
	padding-top: 10px;
}
.artist-photo {}
.artist-bio {}
.artist-bio h2,
.artist-info h2 {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 5px;
}

@media screen and (max-width: 1024px) {
	.artist,
	.bio-grid {
		display: block;
		width: 100%;
	}
	.artist-photo {
		padding-bottom: 20px;
	}
	.bio-grid {
		padding-bottom: 20px;
	}
	.artist-photo {
		padding-right: 0;
	}
	.artist-bio {
		padding-left: 0;
	}
}

}





.body-ptp-team {
	.artist-info h2 {
		text-align: center;
		font-weight: 300;
	}
	.socials {
		text-align: center;
		padding-bottom: 30px; font-size: 20px;
	}
	.socials i {
		margin-right: 10px;
	}

	.artist {
		padding-bottom: 50px;
	}
	.bio-grid {
		display: grid;
		grid-template-columns: 50% 50%;
		align-items: center;
		align-content: center;
		padding-bottom: 40px;
		padding-top: 10px;
	}
	.artist-photo {
		padding-right: 20px;
	}
	.artist-bio {
		padding-left: 20px;
	}
	.artist-bio p {
		padding-top: 0;
		margin-top: 0;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.artist-bio h2,
	.artist-info h2 {
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 5px;
	}

	@media screen and (max-width: 1024px) {
		.artist,
		.bio-grid {
			display: block;
			width: 100%;
		}
		.artist-photo {
			padding-bottom: 20px;
		}
		.bio-grid {
			padding-bottom: 20px;
		}
		.artist-photo {
			padding-right: 0;
		}
		.artist-bio {
			padding-left: 0;
		}
	}
}




/*--- SINGLE POST ---*/

.body-ptp-post {

	.news-post img { width: 500px; margin: 30px auto; display: block; max-width: 100%; height: auto; }

    @media all and (min-width:1024.1px) {
        .featured-img {
            margin: 0 auto;
            display: block;
            width: 100% !important;
            max-width: 100% !important;
            height: auto;
        }
    }

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

        iframe {
            width: 100% !important;
        }

    }

    .page-content {
        max-width: 1200px;
        margin: 50px auto;
        display: block;
    }

.more { display: table;
        margin: 0 auto;
        color: #000; font-size: 22px;
        padding: 10px; padding-bottom: 8px;
 background: none; font-family: 'Garet Heavy';
 border: 2px solid;
        border-image-slice: 1;
  		border-width: 2px;
		border-image-source: linear-gradient(90deg, rgba(32,150,175,1) 0%, rgba(234,170,115,1) 55%, rgba(218,212,191,1) 85%, rgba(244,243,239,1) 100%) !important; 
        background: linear-gradient(90deg, rgba(32,150,175,1) 0%, rgba(234,170,115,1) 55%, rgba(218,212,191,1) 85%, rgba(244,243,239,1) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important; }

    .news-post a { font-family: 'Garet Heavy'; text-transform: uppercase; }
}



/*--- TEAM ---*/

.pslug_team { 

	.team-member {
		display: grid;
		grid-template-columns: 30% 70%;
		align-content: top;
		padding-top: 20px;
		align-items: top;
	}

	.team-img {
		padding-right: 30px;
	}

	.team-img img {
		width: 100%;
		height: auto;
	}
	.team-member {
		padding-bottom: 60px;
	}

	.team-member .social {
		font-size: 20px;
		padding-bottom: 20px;
		margin: 0;
	}
	.team-member .social i {
		margin-right: 10px;
	}

	.team-bio h2 {
		text-align: left !important;
		margin: 0;
		padding-top: 0;
		padding-bottom: 10px;
		margin-top: 0;
	}

	@media screen and (max-width: 980px) {
		.team-member {
			display: block;
			width: 100%;
			align-content: top;
			align-items: top;
		}

		.team-img {
			padding-right: 0;
			padding-bottom: 20px;
		}

		.team-bio h2,
		.team-member .social {
			margin: 0 auto !important;
			text-align: center !important;
		}

		.team-member .social {
			margin: 0 auto;
		}
	}

}


/*--- HOME SLIDER ---*/

.home-slider .slider-inner {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;

}
.home-slider .slider-inner .slider-inner-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: top center !important;
}





/*--- EPK PASSWORD PROTECT ---*/

.body-ptp-epk {

	.content { min-height: 70vh; display: flex; flex-direction: column; justify-content:center; }
.protected-post-form p { padding-bottom: 30px; }
/* .post-password-form label { font-size: 0 !important; } */

	.protected-post-form { padding-left: 5%; padding-right: 5%; text-align: center; padding-top: 0 !important; }
	.protected-post-form input#pwbox-96, .protected-post-form input { background: none; border-top: 2px solid; padding-left: 5px; padding-right: 5px;
	border-image-slice: 2;
	  border-width: 2px;
	border-image-source: linear-gradient(90deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important;
    color: #e2e2e2; background: none; letter-spacing: 0; font-size: 20px; height: 50px; width: 250px;  }

	.protected-post-form [type="submit"], .post-password-form [type="reset"], .post-password-form [type="submit"], .post-password-form button { width: 150px; position: relative; top: 1px !important; border: 0; height: 50px;  color: #000; font-family: 'Garet'; text-transform: uppercase; font-size: 24px; background: linear-gradient(90deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important; 	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; }

		.protected-post-form [type="submit"]:hover, .post-password-form [type="reset"]:hover, .post-password-form [type="submit"]:hover, .post-password-form button:hover { background: linear-gradient(270deg, rgba(32, 150, 175, 1) 0%, rgba(234, 170, 115, 1) 55%, rgba(218, 212, 191, 1) 85%, rgba(244, 243, 239, 1) 100%) !important; color: #000; font-family: 'Garet'; text-transform: uppercase; font-size: 24px; cursor: pointer;  	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; }

	.custom-password-message { padding-top: 10px; text-align: center; font-weight: bold; }
}