body {
background: #442868;
font-family: 'Quicksand', sans-serif;
font-size:17px;
overflow-x: hidden;
position:relative;
}
a { color:#fff; text-decoration:underline; }
a:focus { outline: none; }
a:hover { color:#fff; text-decoration:none; }
img {width:100%;}
.page-img { border-radius:10px; }
.scrolloff { pointer-events: none; }
.modal { color:#333; }
/* Toggle Styles */
#wrapper {
padding-left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper.toggled { padding-left: 320px; }
#sidebar-wrapper {
background: #046adc;
/*
background: -moz-linear-gradient(45deg, #8d5ee8 0, #046adc 26%, #0570e8 64%, #8d5ee8 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #8d5ee8), color-stop(26%, #046adc), color-stop(64%, #0570e8), color-stop(100%, #8d5ee8));
background: -webkit-linear-gradient(45deg, #8d5ee8 0, #046adc 26%, #0570e8 64%, #8d5ee8 100%);
background: -o-linear-gradient(45deg, #8d5ee8 0, #046adc 26%, #0570e8 64%, #8d5ee8 100%);
background: -ms-linear-gradient(45deg, #8d5ee8 0, #046adc 26%, #0570e8 64%, #8d5ee8 100%);
background: linear-gradient(45deg, #8d5ee8 0, #046adc 26%, #0570e8 64%, #8d5ee8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d5ee8', endColorstr='#8d5ee8', GradientType=1);
*/
height: 100%;
left: 320px;
margin-left: -320px;
overflow-y: auto;
position: fixed;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 0;
z-index: 1000;
}
#wrapper.toggled #sidebar-wrapper { width: 320px; }
/* Page Content */
#page-content-wrapper {
background: #442868;
color:#fff;
padding: 5px 0px 100px 0;
min-height:100vh;
text-align:justify;
width:100%;
}
#page-content-wrapper h2 {
color:#ffff00;
font-family: 'Luckiest Guy', cursive;
font-size:60px;
margin:40px 10px 40px 0px;
text-align:left;
text-transform:uppercase;
}
#page-content-wrapper #page-content { margin-bottom:50px; padding:0 30px 30px 30px; }
#page-content h3 {
color:#7FFF00;
display:inline-block;
font-size:25px;
margin-bottom:10px;
padding-bottom:10px;
text-align:left;
}
.vegas-timer { height:5px !important; }
.vegas-timer-progress { background: #61b64f !important; }
iframe { height:300px; width:100%; }
.swiper-wrapper img {
border-radius:10px;
}
/* parallax */
.parallax-section {
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
padding:200px 20px;
}
/* gallery */
.gallery div {
margin-bottom:30px;
}
.gallery div img {
border-radius:10px;
}
.gallery div img:hover {
	-moz-animation: bounce 1s;
  -webkit-animation: bounce 1s;
  animation: bounce 1s;
}
/*
ul.galeria, ul.galeria > li {
list-style: none;
margin: 0;
padding: 0;
}
ul.galeria > li { float: left; }
ul.galeria > li img { width: 100%; }
*/
/* Sidebar Styles */
.sidebar-nav {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 320px;
}
.sidebar-nav li { line-height: 40px; text-indent: 20px; }
.sidebar-nav li a {
color: #fff;
display: block;
font-family: 'Luckiest Guy', cursive;
font-size:25px;
padding:5px 0;
text-decoration: none;
}
.sidebar-nav li a:hover,
.sidebar-nav li a.active {
color: #6a2a7b;
text-decoration: none;
text-shadow:none;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus { text-decoration: none; }
.sidebar-nav > .sidebar-brand {
display:none;
font-size: 18px;
height: 280px;
line-height: 60px;
}
.sidebar-nav > .sidebar-brand a:hover { background: rgba(255,255,255,0); }
.sidebar-nav li a.active { background:#ffff00; }
.sidebar-nav > .sidebar-brand a img {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
-webkit-animation-duration: .2s, 1.5s;
animation-duration: .2s, 1.5s;
-webkit-animation-delay: 0s, .2s;
animation-delay: 0s, .2s;
margin-top:20px;
width:280px;
}
#footer {
bottom:0;
color:#fff;
font-size:15px;
font-style:italic;
margin:20px;
position:absolute;
right:0;
}
/* SIDEBAR -> MENU -> EFFECT */
.menu-effect {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
display: inline-block;
position: relative;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color;
transition-property: color;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
}
.menu-effect:before {
background: #ffff00;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
top: 0;
z-index: -1;
}
.menu-effect:hover:before,
.menu-effect:focus:before,
.menu-effect:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
/* HOME */
#home-slide { min-height:100vh; position:relative; }
#home-slide img.home-logo {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
-webkit-animation-duration: .2s, 1.5s;
animation-duration: .2s, 1.5s;
-webkit-animation-delay: 0s, .2s;
animation-delay: 0s, .2s;
display: block;
margin-bottom:20px;
margin-left: auto;
margin-right: auto;
width:500px;
}
.home-text {
background:rgba(0,0,0,0.2);
color:rgba(255,255,255,1);
display: block;
font-family: 'Luckiest Guy', cursive;
font-size:4vw;
padding:20px 0;
position: absolute;
text-align:center;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width:100%;
}
/* MENU BAR */
#menu-toggle1 {
color:#fff;
display:block;
font-size:30px !important;
padding:15px 20px 20px 20px;
}
#menu-toggle2 {
color:#fff;
display:block;
font-size:30px;
padding:15px 20px 20px 20px;
text-align:right;
}
#menu-toggle1, #menu-toggle2 {
border-bottom:1px dashed #fff;
cursor:pointer;
position:relative;
top: -3px;
z-index:99;
}
.btn {
padding:20px;
color:#6a2a7b;
background:#ffff00;
text-transform: uppercase;
font-size:20px;
font-weight: bold;
margin-top:25px;
}
/* info */
ul.info { padding-left:20px; }
ul.info li a {
color:#7FFF00;
text-decoration: none;
font-size:25px;
margin-bottom:20px;
display: inline-block;;
}
@media(min-width:850px) {
	#wrapper { padding-left: 320px; }
	#wrapper.toggled { padding-left: 0; }
	#sidebar-wrapper { width: 320px; }
	#wrapper.toggled #sidebar-wrapper { width: 0; }
	#home-slide img.home-logo { display:none; }
	#menu-toggle1, #menu-toggle2 { display:none !important; }
	.sidebar-nav > .sidebar-brand { display:block; }
}
@media screen and (max-width: 849px) {
	.home-text { font-size:9vw; }
	#home-slide img.home-logo { width:60%; }
	#wrapper.toggled #sidebar-wrapper, .sidebar-nav { width:100%; }
	.sidebar-nav { margin-top:100px; text-align:center; }
	#page-content-wrapper { border-left:0; }
}
@media screen and (min-width: 1600px) {
    ul.galeria > li { width: 16.63934426229508%; }/* 203 1220 */
}
@media screen and (max-width: 1600px) {
	ul.galeria > li { width: 16.63934426229508%; }/* 203 1220 */
}
@media screen and (max-width: 1300px) {
    ul.galeria > li { width: 25%; }/* 230 920 */
}
@media screen and (max-width: 1000px) {
	ul.galeria > li { width: 33.2258064516129%; }/* 206 620 */
}
@media screen and (max-width: 600px) {
	ul.galeria > li { width: 50%; }/* 270 540 */
}
@media screen and (max-width: 400px) {
	ul.galeria > li { width: 100%; }/* 270 540 */
}