/* /////// IMPORT CUSTOM FONTS /////// */
@import url("clarendon/type.css");

/* /////// COLORS ///////  */
/*	blue:		rgb(75,105,145)		#4b6991	*/
/*	grey:	rgb(77,77,79)			#4d4d4f  */

a {
	color:  #4b6991;
}

a:hover {
	color:  #4d4d4f;
}

body.header1 {
	padding-top: 54px;
}

#content {
	min-height: 580px;
}

#address_area {
	background: url('../images/logo-address.png') no-repeat;
}

.page-header {
	padding: 28px 0;
}

.portfolio {
	padding-top: 0px;
}

.container h2 {
	border-bottom: 1px dotted #4b6991;
}

h2::after {
	border: none;
}

h1 {
	font-family: 'Clarendon', serif;
	font-weight: normal;
	color: #4b6991;
	font-size: 3em;
	letter-spacing: -0.04em;
}

strong {
	font-weight: 700;
}

.header1 #preHeader {
	transition: all 0.5s ease;
	background-color: rgba(77, 77, 79, 0.4);
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	height: auto;
}

.header1 #preHeader .container {
	padding: 1vw 0;
}

.header1 #preHeader.scrolled {
	background-color: rgba(77, 77, 79, .75);
}

.header1 ul.quickMenu li, .header1 .contactPhone {
	/* border-right: 1px solid rgba(255, 255, 255, 0.5); */
	border: none;
}

.header1 ul.quickMenu li.lastLink {
	border-right: none;
}

ul.quickMenu li a, #contactBloc a { 
	color: #fff;
}

ul.quickMenu li a:hover {
	color: rgb(240, 217, 134);
}

#contactBloc a:hover { 
	color: rgb(240, 217, 134);
}

#slidecaption h1 {
	font-family: 'Clarendon', serif;
	font-weight: bold;
	/* font-size: 7em; */
	font-size: clamp(130px, 4vw, 240px);
	margin-top: 33vh;
	text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.3);
	letter-spacing: -0.02em;
	margin-bottom: 0;
}

#slidecaption h1.grey, #slidecaption h2.grey {
	color: #4d4d4f;
}

#slidecaption h1.blue, #slidecaption h2.blue {
	color: #4b6991;
}

#slidecaption h2 {
	font-weight: 300;
	font-size: clamp(2.5em, 2.5vw, 4em);
	color: #fff;
	border-bottom: none;
	text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.3);
}

#slidecaption h2:after {
	border: none;
}

#spotifyplaylist {
	min-width: 100%;
}

.imgHover figcaption {
	border-top: 1px solid rgba(255,255,255,0.3);
}
.kernfree {
	letter-spacing: 0;
}

.kerntight {
	letter-spacing: -0.08em;
}

.paralaxMaskblue {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	background: rgba(75,105,145, 0.66) !important;
}

.iconRounded::before {
	line-height: 37px;
}


.floatLeft {
	float: left;
	margin-right: 15px;
}

.floatRight {
	float: right;
	margin-left: 15px;
}

label {
	margin-bottom: 10px;
	margin-top: 10px;
}

.btn {
	margin-bottom: 10px;
	margin-top: 10px;
}

.imgHover figcaption {
	background-color: rgba(75,105,145, 1);
}

textarea#comments {
	height: 145px;
}

.playlist {
	background: url('../images/theme-pics/spotify-logo.png') no-repeat ;
	height: 45px;
	width: 45px; 
	float: left;
	content:"";
}
.playlist:hover {
	background: url('../images/theme-pics/spotify-logo-over.png') no-repeat ;
}



/*** utilies classes ***/
.mb7 {
	margin-bottom:0.375em;
}
.mb10 {
	margin-bottom:0.5625em;
}
.mb15 {
	margin-bottom:0.75em;
}
.mb30 {
	margin-bottom:1.5em;
}
.mb40 {
	margin-bottom:2em;
}
.mt7 {
	margin-top:0.375em;
}
.mt10 {
	margin-bottom:0.5625em;
}
.mt15 {
	margin-top:0.75em;
}
.mt30 {
	margin-top:1.5em;
}
.mt40 {
	margin-top:1em;
}
.pb7 {
	padding-bottom:0.375em;
}
.pb10 {
	padding-bottom:0.5625em;
}
.pb15 {
	padding-bottom:0.75em;
}
.pb30 {
	padding-bottom:1.5em;
}
.pb40 {
	padding-bottom:2em;
}

.pt7 {
	padding-top:0.375em;
}
.pt10 {
	padding-top:0.5625em;
}
.pt15 {
	padding-top:0.75em;
}
.pt30 {
	padding-top:1.5em;
}
.pt40 {
	padding-top:2em;
}

.ml7 {
	margin-left:0.375em;
}
.ml10 {
	margin-left:0.5625em;
}
.ml15 {
	margin-left:0.75em;
}
.ml30 {
	margin-left:1.5em;
}
.ml40 {
	margin-left:2em;
}

.mr7 {
	margin-right:0.375em;
}
.mr10 {
	margin-right:0.5625em;
}
.mr15 {
	margin-right:0.75em;
}
.mr30 {
	margin-right:1.5em;
}
.mr40 {
	margin-right:2em;
}

.pl7 {
	padding-left:0.375em;
}
.pl10 {
	padding-left:0.5625em;
}
.pl15 {
	padding-left:0.75em;
}
.pl30 {
	padding-left:1.5em;
}
.pl40 {
	padding-left:2em;
}

.pr7 {
	padding-right:0.375em;
}
.pr10 {
	padding-right:0.5625em;
}
.pr15 {
	padding-right:0.75em;
}
.pr30 {
	padding-right:1.5em;
}
.pr40 {
	padding-right:2em;
}



/* grey */
.bg_color_grey_100 {
	background-color: rgb(77,77,79);
}

.bg_color_grey_85 {
	background-color: rgba(77,77,79, .85);
}

.bg_color_grey_75 {
	background-color: rgba(77,77,79, .75);
}

.bg_color_grey_60 {
	background-color: rgba(77,77,79, .6);
}

.bg_color_grey_50 {
	background-color: rgba(77,77,79, .5);
}

.bg_color_grey_30 {
	background-color: rgba(77,77,79, .3);
}

/* blue */
.bg_color_blue_100 {
	background-color: rgb(75,105,145);
}

.bg_color_blue_85 {
	background-color: rgba(75,105,145, .85);
}

.bg_color_blue_75 {
	background-color: rgba(75,105,145, .75);
}

.bg_color_blue_60 {
	background-color: rgba(75,105,145, .6);
}

.bg_color_blue_50 {
	background-color: rgba(75,105,145, .5);
}


/* grey */
.color_grey_100 {
	color: rgb(77,77,79);
}

.color_grey_85 {
	color: rgba(77,77,79, .85);
}

.color_grey_75 {
	color: rgba(77,77,79, .75);
}

.color_grey_60 {
	color: rgba(77,77,79, .6);
}

.color_grey_50 {
	color: rgba(77,77,79, .5);
}

.color_grey_30 {
	color: rgba(77,77,79, .3);
}

/* blue */
.color_blue_100 {
	color: rgb(75,105,145);
}

.color_blue_85 {
	color: rgba(75,105,145, .85);
}

.color_blue_75 {
	color: rgba(75,105,145, .75);
}

.color_blue_60 {
	color: rgba(75,105,145, .6);
}

.color_blue_50 {
	color: rgba(75,105,145, .5);
}

/* white */
.bg_color_white_100 {
	background-color: rgb(255,255,255);
}

.color_white_100 {
	color: rgb(255,255,255);
}


.color_white_100:hover {
	background-color: rgb(255,255,255);
	padding: 8px;
}

.icon_white {
	color: rgb(255,255,255);
	border: 1px solid #FFF;
	background: #4d4d4f;
}


/*** MEDIA QUERIES ***/

@media (max-width:767px) {

	#supersized-loader {
		display: none;
	}
	#html5Video {
		display: none;
	}
	
}


#mobile_header {
	display: none;
	text-align: center;
}

#mobile_header h1 {
	margin: 0.75em auto 0;
	letter-spacing: revert;
	font-weight: 600;
}

@media (min-width:767px) {
	#mobile_header h1 {
		margin: 1.75em auto 0;
	}
}

@media (max-width:1039px) {
	#mobile_header {
		display: block;
		margin: -4em auto 0;
		padding: 4em 0;
		background: url('../images/slider/super/supersized-6.jpg') 50% 10%/cover no-repeat;
	}
}

@media (max-width:1039px) {
	#superSizedSlider {
		display: none;
	}
}