/*!
Template :	ZAWNEUN @by DEVDJ
Preset   :	style.css
Version	 :	1.0
Updated	 :	14.04.2020
*/

/* FONTS */
@import url(//fonts.googleapis.com/css?family=Poppins:300,700|Roboto:400|Comfortaa:300,regular,700|Oswald:200,regular,500,600,700&subset=cyrillic-ext,greek,vietnamese,cyrillic,latin,latin-ext,greek-ext);

/* SITE CSS */
html {
	line-height: 1.15;
}

body {
	background: #000;
	background-size: cover;
	overflow: hidden;
	color: #fff;
}

.banner {
	background: url('../images/background.jpg') 50% 50% no-repeat scroll;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	filter: blur(15x);
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	-o-filter: blur(15px);
	-ms-filter: blur(15px);
}

.shadow {
	background: rgba(0,0,0,0.6);
	position: absolute;
	width: 100%;
	height: 100%;
}

.container.site-logo {
	padding: 100px 0;
}

.logo  {
	margin: auto;
	display: block;
	position: relative;
	max-height: 400px;
	max-width: 400px;
	min-height: 0;
	min-width: 0;
	animation: bounceIn 0.6s;
	transform: rotate(0deg) scale(1) translateZ(0);
	transition: all 0.4s cubic-bezier(.8,1.8,.75,.75);
}

.logo:hover {
  transform: rotate(10deg) scale(1.1);
}

@keyframes bounceIn {
  0% {
    opacity: 1;
    transform: scale(.3);
  } 

  50% {
    opacity: 1;
    transform: scale(1.05);
  } 

  70% {
    opacity: 1;
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.space:nth-child(1) {
	height: 20%;
}

h2 {
  text-align:center;
  padding: 20px;
  margin: auto;
}

@media (width: 740px) and (height: 360px) {
  #socialmedia a span {
	display: none;
	visibility: hidden;
  }
}

@media (width: 768px) and (height: 1024px) {
  .align-item-center {
	margin: auto;
	display: table;
	position: relative;
	padding-bottom: 40px;
	width: 425px;
  }
  .single-logo {
	display: inline-block;
	padding: 0 10px 10px 0 !important;
  }
}

@media (width: 375px) and (height: 667px) {
  .container.site-logo {
	padding: 20% 0 !important;
  }
  .partners {
	position: relative;
	overflow: hidden;
  }
}

@media (width: 1920px) and (height: 1080px) {
  .partners {
	position: relative;
	display: none;
	visibility: hidden;
	overflow: hidden;
  }	
}

@media (max-height: 480px) {
  .container.site-logo {
	padding: 8% 0 !important;
  }
  
  #socialmedia {
	text-align: center;
  }
  
  #socialmedia a span {
	display: none;
	visibility: hidden;
  }
}

@media (max-height: 360px) {
  .container.site-logo {
	padding: 4% 0 !important;
  }
  
  .partners {
	position: relative;
	display: none;
	visibility: hidden;
	overflow: hidden;
  }
  
  .row {
	overflow: hidden;
  }
  
  #socialmedia {
	text-align: center;
  }
  
  #socialmedia a {
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	padding: 0 1px;
	color: white;
	width: 30px;
	height: 30px;
  }
  
  #socialmedia a span {
	display: none;
	visibility: hidden;
  }
}

@media (max-width: 480px) { 
  .img-fluid {
	min-height: 0;
	min-width: 0;
	max-height: 150px !important;
	max-width: 150px !important;
  }
  
  .single-logo {
	display: inline-block;
	padding: 0 2px 6px 2px !important;
  }
  
  .logo  {
	margin: auto;
	display: block;
	position: relative;
	max-height: 250px;
	max-width: 250px;
	min-height: 0;
	min-width: 0;
  }

  .container.site-logo {
	padding: 15% 0 !important;
  }

  .space {
	height: 15% !important;
  }
  
  .partners {
	position: relative;
	display: none;
	visibility: hidden;
	overflow: hidden;
  }
  
  .row {
	overflow: hidden;
  }
  
  #socialmedia {
	text-align: center;
  }
  
  #socialmedia a {
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	padding: 0 1px;
	color: white;
	width: 30px;
	height: 30px;
  }
  
  #socialmedia a span {
	display: none;
	visibility: hidden;
  }
}

@media (max-width: 768px) {
  .partners {
	overflow: hidden;
  }	
}

@media (min-width: 768px) {
  #socialmedia {
	right: 0;
  }

  div#socialmedia {
	position: absolute;
	overflow: hidden;
	bottom: 0;
	font-size: 24px;
  }

  #socialmedia a {
	right: -5.5em;
	display: block;
	-webkit-transition: right .4s;
	transition: right .4s;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	color: white;
  }

  #socialmedia a:hover {
	right: 0em;
	-webkit-transition: right .4s;
	transition: right .4s;
  }

  #socialmedia a.facebook:hover, #socialmedia a.instagram:hover, #socialmedia a.mixcloud:hover, #socialmedia a.telegram:hover {
	right: -0.5em;
  }

  #socialmedia a.youtube:hover {
	right: -1em;
  }

  #socialmedia a.soundcloud:hover {
	right: 0.5em;
  }

  #socialmedia a.spotify:hover, #socialmedia a.discord:hover, #socialmedia a.mail:hover {
	right: -1.5em;
  }

  #socialmedia a.store:hover {
	right: -2.5em;
  }

  #socialmedia i {
	padding: 0;
	text-align: center;
	width: 60px;
	height: 28px;
  }
}

.align-item-center {
	margin: auto;
	display: table;
	position: relative;
	padding-bottom: 40px;
}

.single-logo {
	display: inline-block;
	padding: 0 10px;
}

.img-fluid {
	min-height: 0;
	min-width: 0;
	max-height: 200px;
	max-width: 200px;
}

footer {
	bottom: 0;
	position: absolute;
	width: 100%;
}

.copyright {
	text-align: center;
	font-family: Poppins;
	color: #fff;
}

a.author {
	text-decoration: none;
	font-weight: 600;
	color: #fff;
}

a, a:link, a:active, a:hover, a:visited {
	text-decoration: none;
	font-weight: 600;
	color: white;
}