@font-face {
  font-family: 'Grand Hotel';
  font-style: normal;
  font-weight: 400;
  src: local('Grand Hotel'), local('GrandHotel-Regular'), url(./css/GrandHotel-Regular.ttf) format('ttf');
}


@font-face {
    font-family: 'geogrotesque_rgregular';
    src: url('../fonts/geogtq-rg-webfont.eot');
    src: url('../fonts/geogtq-rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogtq-rg-webfont.woff2') format('woff2'),
         url('../fonts/geogtq-rg-webfont.woff') format('woff'),
         url('../fonts/geogtq-rg-webfont.ttf') format('truetype'),
         url('../fonts/geogtq-rg-webfont.svg#geogrotesque_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@charset "UTF-8";

@font-face {
  font-family: "icon";
  src:url("../fonts/icon.eot");
  src:url("../fonts/icon.eot?#iefix") format("embedded-opentype"),
    url("../fonts/icon.woff") format("woff"),
    url("../fonts/icon.ttf") format("truetype"),
    url("../fonts/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal;

}


.mails a,
.mails a:focus,
.mails a:hover {
  color: #fff;
  font-size: 24px;
  /* display: block; */
  line-height: initial;
}
.mails a {
display: block;
}


[data-icon]:before {
  font-family: "icon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon1:before {
  content: "a";
}
.icon-icon2:before {
  content: "b";
}
.icon-icon3:before {
  content: "c";
}
.icon-beatport:before {
  content: "d";
}
.icon-facebook:before {
  content: "e";
}
.icon-promodj:before {
  content: "f";
}
.icon-soundcloud:before {
  content: "g";
}
.icon-twitter:before {
  content: "h";
}
.icon-youtube:before {
  content: "i";
}
.icon-spotify:before {
  content: "i";
}
.icon-itunes:before {
  content: "i";
}


/* social icon */


.social_icons i {
	right: 0px;
	left: 0px;
	position: relative;
	margin: 0 auto;
	font-size: 45px;
	text-align:center;
	border-radius: 100%;
	display:inline-block;
	height:50px;
	width:50px;
}



.social_icons i:hover {
	color:#fff;
	background: #8a8a8a;
	text-decoration:none;
	transition: all 0.3s ease 0s;
}

  .social-icons-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }

.social-icon-link {
    display: inline-block;
    margin: 10px;
    position: relative;
    width: 45px;
    height: 45px;
}

.background-square {
    position: absolute;
    top: -15px;
    left: -3px;
    width: 50px;
    height: 50px;
    background-color: #000;
    border-radius: 50px;
    border: 3px solid #FFFFFF;
    z-index: -1;
}

  .fa-icon {
    position: relative;
  }

.icon-facebook {
	background: #426db2;
	color: white;
}

.icon-twitter {
	background: #77ccf1;
	color: white;
}

.icon-youtube {
	background: #eb654b;
	color: white;
}

.icon-soundcloud {
	background: #ee8304;
	color: white;
}

.icon-spotify {
	background: #404041;
	color: #a8cf3b;
}

.icon-itunes {
	background: #404041;
	color: #ed972d;
}