body, html {
    margin: 0;
	color: white;
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 25px;	
}

#triangle {
	position: fixed;
	width: 0;
	height: 0;
	border-top: 150px solid rgba(189, 34, 133, 0.79);
	border-right: 170px solid transparent;
}

.owl-carousel {
	/*padding-top: 20px; */
	position: absolute;
	bottom: 0;
	opacity: .8;
	background-color: black;
	 -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.owl-carousel:hover {
	opacity: 1; 
	transition: .5s ease;
}

.thumb {
	padding: 0 3px;
}

.thumb img {
	margin-top: 20px;
}

.thumb p {
	position:fixed;
	text-align: center;
	bottom: 0;
	left: 0;
	right: 0;
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.4);
}

.owl-carousel p {
	color: white;
	text-align: center;
	font-size: 14px;
	padding: 10px;
	text-transform: uppercase;
}

.owl-theme .owl-dots .owl-dot.active span {
	background-color: rgba(189, 34, 133, 0.79);
}

#myBtn {
	z-index: 300;
	background-color: rgba(255, 255, 255, 0);
	padding: 10px 20px;
	border: 2px solid #fff;
	color: white;
	font-weight: bold;
	margin-top: 20px;
	font-size: 16px;
	}
	
#myBtn:hover {
	border: 2px solid #bd2285;
	color: #bd2285;
	cursor: pointer;
}

blockquote {
font-family: Georgia, serif;
font-style: italic;
margin: 0.25em 0;
padding: 0.35em 40px;
line-height: 1.45;
position: relative;
color: #fff;
}

blockquote:before {
display: block;
padding-left: 10px;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: rgba(255, 0, 163, 0.70);
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 400; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modalborder {
	padding: 5%;
	outline: 3px solid #fff;
}

.modalborder h1 {
	font-weight: bold;
	font-size: 20px;
	color: rgba(255, 0, 163, 0.90);
}

.modalborder i {
	font-style: italic;
}

/* Modal Content/Box */
.modal-content {
    background-color: rgba(0, 0, 0, 0.90);
    margin: 2% auto; /* 15% from the top and centered */
    padding: 20px;
    width: 60%; /* Could be more or less, depending on screen size */
	color: white;
	font-size: 16px;
	font-family: 'Georgia', serif;
	z-index: 400;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
	padding: 3%;
}

.close:hover,
.close:focus {
    color: #bd2285;
    text-decoration: none;
    cursor: pointer;
}

/* -----------------LANGUAGE ----------------*/

#language {			
	list-style-type: none;
	margin: 0;  
    padding: 20px;
    padding-top: 62px;
    right: 200px;
	font-size: 16px;
	position: fixed;
	z-index: 300;
}

#language li {
	display: inline-block;
}

#language li a {
	text-decoration: none;
	color: #fff;
}

#language a:hover {
	color: #bd2285;
}

#logo {
	text-align: center;
	position: fixed;
	font-weight: bold;
	text-shadow: 0px 5px #cd0a70;
	top: 30px;
	left: 30px;
	z-index: 300;
}

#logo img {
	width: 170px;
}

.logo {
   z-index: 10;
   position: fixed;
   width: 200px;
   top: 0;
   right: 0;
}

#arcada {
padding-top: 20px;
}

/* ----------- LANGUAG END ------------ */

#countdown {
    font-family:'Quicksand', sans-serif;
	font-size: 60px;
	text-align: center;
	padding: 50px 0 20px 0;
	font-weight: bold;
	/* top: 40%; */
	left: 0%;
	right: 0%;
	text-transform: uppercase;
}

#countdown p {
    font-size: 30px;
	margin-top: 20px;
	font-weight: initial;
}

.pink {
  /*  color:#E30B7C; */
  font-size: 56px;
  font-weight: initial;
}

#slidedown {
	height: 260px;
	top: 100vh;
	position: relative;
}


/* -------- SOME --------- */
#mid {
	top: 30%;
	position: fixed;
	right: 0;
	left: 0;
	}

.some {
    position: fixed;
	right: 350px;
    top: 25px;
}

.fa {
  padding: 15px 15px;
  font-size: 24px;
  width: 15px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  color: white;
}

.fa:hover {
   color: #bd2285;
}

#bounce {
	    position:fixed;
    left:50%;
    bottom:30px;
    margin-top:-25px;
    margin-left:-25px;
    height:50px;
    width:50px;
    background: white;
	 -webkit-animation:bounce 2s infinite;
    -moz-animation:bounce 2s infinite;
    -o-animation:bounce 2s infinite;
    animation:bounce 2s infinite;
}

  @-webkit-keyframes bounce {
    0%       { bottom:30px; }
    50%      { bottom:45px; }
    100%     {bottom:30px;}
  }
  
   @-moz-keyframes bounce {
    0%       { bottom:30px; }
    50%      { bottom:45px; }
    100%     {bottom:30px;}
  }
  
   @-o-keyframes bounce {
    0%       { bottom:30px; }
    50%      { bottom:45px; }
    100%     {bottom:30px;}
  }
  
   @keyframes bounce {
    0%       { bottom:30px; }
    50%      { bottom:45px; }
    100%     {bottom:30px;}
  }
  
 .overlay {
	 position: fixed;
	 width: 100%;
	 height: 100%;
	 display: block;
	 background-image: url('../img/smalldots.png');
	 background-repeat: repeat;
	 opacity: .5;
 }

/* -------------- SOME END -----------*/


@media (max-width: 1400px) {
	#countdown {font-size: 40px;}
	#countdown p {font-size: 24px;}
	.pink {font-size: 36px;}
	.some {top: 35px;}
}

@media only screen and (max-width: 1200px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	#days, #hours, #mins, #secs {
		display: block;
		}
	#countdown {
		text-align: center;
	}
	#mid {top: 10%;}
}

@media (max-width: 1100px) {

	.some {
		transform: none;
		
	}
	.fa {
		display: inline-block;
	}
}

@media (max-width: 800px) {
	#countdown {
		font-size: 30px;
		padding: 50px 0 0 0;
		}
	#countdown p {
		font-size: 20px;
	}
	.pink {font-size: 26px;}
	.logo {width: 110px; position: absolute;}
	#mid {
		top: 10%;
		position: absolute;
	}
	#logo {top: 20px; left: 20px; position: absolute;}
	#logo img {width: 100px;}
	#triangle {
		border-top: 100px solid rgba(189, 34, 133, 0.79);
		border-right: 120px solid transparent;
		position: absolute;
		}
	.some {
		top: initial;
		left: 0;
		right: 0;
		text-align: center;
		position: absolute;
	}
	#language {
		left: 0;
		right: 0;
		text-align: center;
		padding-top: 35px;
		position: absolute;
	}
	#main {
		position: absolute;
	}
	.modal-content {
		width: 80%;
	}
	/*#arcada {position: absolute; top: 75vh;}*/
}

@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('../img/bg.jpeg') center center / cover no-repeat;
	top: -60px;
  }

  .fullscreen-bg__video {
    display: none;
  }
}

@media (max-width: 500px) {
	#language {padding: 0; top: 40px;}

}