@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;500;700&display=swap');
body{
  background-color:#000;
  font-family: Lato, Arial;
  font-weight:400;
  overflow-x: hidden;
}
a:active,a:focus{
  outline:none !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  font-family:Poppins, Arial;
  letter-spacing: 1px;
}
button,input[type=button],a[type=button]{
  -webkit-appearance: none;
    -moz-appearance: none;
}
p{
  line-height:25px;
  font-size:15px;
  letter-spacing: 0.5px;
}
h1{
  font-size: 42px;
}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b{
  font-weight: bold;
}
.btn:active, .btn:focus{
  outline:none !important;
  box-shadow:none !important;
}
.alert{
  font-family: Poppins,Arial;
  font-size:15px;
}
.black .navbar{
background:#000;
}
.general-content{
  background:url('../images/general-desktop.png');
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  min-height:500px;
  padding-top:15% !important;
}
.general-content .btn-cta{
  width:100%;
  max-width:250px;
      margin: 30px auto;
}
.navbar{
      padding: 1.4rem 1rem;
      transition:0.5s;
}
.navbar-brand{
  padding-top:0px;
  padding-bottom:0px;
}
.navbar-brand img{
  max-width:180px;
}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link.active{
  color:#F3DA36;
}

.navbar-dark .navbar-nav .nav-link{
    font-family:Poppins, Arial;
    font-weight:400;
    color:#fff;
    font-size:15px;
    padding: .5rem .6rem .3rem;
    text-transform:uppercase;
    letter-spacing:0.12em;
    transition:.3s;
    text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
}

.has-sub > a:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    margin-left:5px;

}
.nav-item.has-sub:hover > .sub-menu .overlay{
    right:0;
    opacity:1;
}
.nav-item.has-sub:hover > .sub-menu
{
    visibility:visible;
}
.nav-item.has-sub:hover > .sub-menu li{
    left:0 !important;
    opacity:1;

}
.sub-menu{
    padding:0 8px;
    position:absolute;
    visibility:hidden;
}
.sub-menu .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background:#0008;
    right:-100px;
    transition:0.4s;
    transition-timing-function: ease-out;
    border-radius:7px;
    opacity:0;
}
.sub-menu li{
    opacity:0;
    display:inline-block;
    float:left;
    position:relative;
    transition:0.4s;
    transition-timing-function: ease-out;
}
.navbar-nav .sub-menu .nav-link{
font-size:12px;
padding: .5rem .6rem .5rem;
}

.navbar-dark .navbar-nav .nav-link.btn{
border:1px solid #fff;
border-radius:25px;
padding-left:20px;
padding-right:20px;
color:#F3DA36;
margin-left:5px;
position:relative;
overflow:hidden;
height: 40px;
width:82px;
line-height: 22px;
font-weight:bold;
text-align:center;
}
.navbar-dark .navbar-nav .nav-link.btn i, .btn-cta i{
  display:inline-block;
  transition:0.3s;
  font-style: normal;
}
.navbar-dark .navbar-nav .nav-link.btn:hover i, .btn-cta:hover i{
    transform: scale(0.9);
    text-shadow: none;
}
.navbar-dark .navbar-nav .nav-link.btn:hover{
text-shadow: none;

}
.navbar-dark .navbar-nav .nav-link.btn:before{
    border-radius:25px;
    height:100%;
    width:100%;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 80px;
    background: #FFF;
    transition:0.3s;
    transition-timing-function: ease-out;
}
.navbar-dark .navbar-nav .nav-link.btn:hover:before{
    right:0;
}

.navbar-dark .navbar-toggler{
border:0;
padding: 0;
}
.img-round{
  border-radius:8px;
      overflow: hidden;
}
.img-round img{
  width: 100%;
}
#nav-icon {
	z-index: 99;
	width: 18px;
	height: 16px;
	position: relative;
	margin: auto;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer
}


#nav-icon span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #fff;
	border-radius: 30px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out
}

#nav-icon span:nth-child(1) {
	top: 0px
}

#nav-icon span:nth-child(2) {
  top: 7px;
  width:65%;
  right:0;
  left:auto;
}

#nav-icon span:nth-child(3) {
  top: 14px;
  width:85%;
  right:0;
  left:auto;
}

#close-burger{
color:#fff;
position:absolute;
right: 35px;
top: 15px;
font-size:24px;
}

.burger-menu{
  visibility: hidden;
padding:50px 15%;
position:fixed;
z-index:9999;
left:700px;
top:0;
width:102%;
height:100%;
background:#000;
transition: 0.5s;

}
.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #000;
}
a.fancybox{
  text-decoration:none !important;
}
body.sidebar .burger-menu{
  left:0;
  visibility: visible;
  animation-name: bir;
}
.burger-menu ul li{
list-style-type:none;
}
.burger-menu .nav-link{
    font-family:Poppins, Arial;
    font-weight:500;
    color:#fff;
    font-size:18px;
    padding: 1rem 1rem;
    text-transform:uppercase;
    letter-spacing:0.1rem;
}

.burger-menu .list-group-item{
    background:#000;
    font-size:15px;
    padding-left:45px;
}

.nav-link.group-item.collapsed:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    margin-left:5px;
}
.burger-menu .list-group-item:last-child{
padding-bottom:25px;
}
.nav-link.group-item:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f106";
    margin-left:5px;

}
.nav-link.group-item.collapsed{
color:#fff;
}
.nav-link.group-item{
color:#F3DA36;
}

.burger-menu .nav-link.btn{
display:inline-block;
border:2px solid #fff;
border-radius:25px;
padding:8px 20px;
color:#F3DA36;
margin:15px 15px 0;
font-size:15px;
font-weight:bold;
}
footer{
padding: 5% 0 4%;
}
footer p{
font-family:Poppins, Arial;
font-weight:500;
font-size:15px;
color:#fff;
    letter-spacing: 1.5px;
}
.social-media{
margin-bottom:25px;
}
.social-media a{
color:#fff;
font-size:24px;
margin:0 8px;
transition:0.3s;
}
.social-media a:hover{
    color: #F3DA36;
}

/* SLIDER */
.banner{
  overflow: hidden;
  position: relative;
}
.banner-item{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  height: 95vh;
  width: 100%;
  min-height: 500px;
  max-height: 800px;
  position: relative;
  overflow: hidden;
}
.banner-item.animated.fadingOut, .sv-item.animated.fadingOut{
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
}
.banner-item.animated.fadingIn,  .sv-item.animated.fadingIn{
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
}
.banner-description{
width:50%;

}
.banner-title{
    font-family: Poppins, Arial;
    color:#fff;
    text-transform:uppercase;
    font-size:48px;
    font-weight:200;
    margin-bottom:5px;
}
.banner-title p{
    margin:0;
    font-size: 48px;
    line-height:60px;
    text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
}
.banner-title b{
  font-weight: bold;
}
.banner-description > p{
    font-family: Lato, Arial;
    font-size:15px;
    color:#fff;
    width:70%;
    line-height:24px;
    text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
}
.banner-item .container{
    height: 100%;
    display: table;
    position: relative;
}
.banner-item:active,.banner-item:focus,.btn-cta:active,.btn-cta:focus,.slick-slide:focus,.slick-slide:active{
  outline:none !important;
}
.banner-item .panel{
    display: table-cell;
    vertical-align: middle;
}
.banner-item .overlay{
      background-image: linear-gradient(to bottom, rgba(0,0,0,0.5),rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,1) 95%);
    /* background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); */
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    bottom:0;
}
.banner-item .animated, .sv-description h2.animated{
  -webkit-animation-duration: 0.8s;
animation-duration: 0.8s;

}
.banner-item p.animated, .sv-description p.animated, .sv-description a.animated{
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12s;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}
.slick-arrow{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    height:50px;
    font-size:26px !important;
    opacity:.5;
    z-index:5;
    background:#fff;
    transition:0.3s;
}
.prev-arrow{
    border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
    padding: 6px 10px 5px 4px;
    left:0;
}
.next-arrow{
    padding: 6px 4px 5px 10px;
    right:0;
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
}
.slick-dots{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 30%;
}

.slick-dots li{
display:inline-block;
border:0;
font-size:0;

}
.slick-dots li button:active, .slick-dots li button:focus{
outline:none;
}

.slick-dots li button{
width:10px;
padding:0;
background:#F3DA36;
border:0;
height:5px;
margin:0 4px;
transition:0.5s;
border-radius:35px;
}
.slick-dots li:first-child button{
  margin-left:0;
}
.slick-dots li.slick-active button{
width:40px;
}
.slick-disabled{
  opacity: 0 !important;
}

.section-aboutus{
padding-top:35px;
padding-bottom:70px;
color:#fff;

}
.section-aboutus h1{
font-weight:200;
margin-bottom:25px;
}

.section-aboutus p{
font-size:15px;
line-height:25px;
color:#ccc;
}
.aboutus-images{
  overflow: hidden;
  border-radius: 10px;
}
.btn-cta{
  margin:30px 0;
  border: 1px solid #fff;
  border-radius: 35px;
  line-height:32px;
  padding:8px 25px;
  text-align:center;
  color: #F3DA36 !important;
  font-size:15px;
  position: relative;
  overflow: hidden;
  display:block;
  width:150px;
  height:50px;
  font-family:Poppins, Arial;
  font-weight:500;
  letter-spacing:.07rem;
  text-decoration:none !important;
  transition:0.5s;

}

.btn-cta:before{
    border-radius:35px;
    height:100%;
    width:100%;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 155px;
    background: #fff;
    transition:0.5s;
}
.btn-cta:hover:before{
    right:0;
}

.sv-item .btn-cta:before, .banner-cta .btn-cta:before{
  display:none;
}
/*Section: Venues*/

.section-venues{
position:relative;
}
.sv-title{
position:absolute;
top:45px;
z-index:5;
left:9%;
width:50%;
}
.sv-title h1{
  display:inline-block;
  color:#fff;
  font-weight:200;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
  margin-right:35px;
}
.sv-item{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  height:90vh;
  min-height:400px;
  max-height:700px;
  position:relative;
  overflow:hidden;
}
.sv-item .overlay{
  background: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0px;
}
.sv-description{
background:#fff;
width:50%;
height:320px;
position:relative;
overflow:hidden;
padding:35px 85px;
padding-right:9%;
position:absolute;
bottom:12%;
right:0;
color:#404040;
transition:0.6s;
}
.sv-description h2{
font-weight:200;
margin-bottom:25px;
font-size: 32px;
}


.sv-description .fa{
font-size:26px;
height:30px;
width:25px;
cursor:pointer;
position:absolute;
top:0;
bottom:0;
left:15px;
margin:auto;
color:#F3DA36 !important;
}
.btn-cta.yellow{
background:#F3DA36 !important;
color:#fff !important;
}
.sv-nav{
display:inline-block;
}
.slick-arrow.sv-arrow.slick-disabled{
opacity:0.2!important;
}
.slick-arrow.sv-arrow{
margin:0 15px;
font-size:0;
padding:0;
height:auto;
position:relative;
display:inline-block;
top:auto;
left:auto;
right:auto;
background:none;
z-index:5;
opacity:1;
}
.slick-arrow.sv-arrow img{
width:25px;
display:block;
vertical-align:middle;
-webkit-filter: drop-shadow(5px 5px 5px #222);
filter: drop-shadow(0px 1px 3px #0009);
}
.v-show{
  visibility: visible;
}
.v-hide{
  visibility: hidden;
}

/* SECTION Membership*/
.section-membership{
padding:6% 0;
color:#fff;
text-align:center;
}

.section-membership h1{
font-weight:200;
text-align:center;
margin:10px 0 70px;
}

.section-membership img{
width:100%;
border-radius: 10px;
}

.section-membership h3{
margin:25px 0 20px;
font-weight:bold;
font-size:24px;
    letter-spacing: 2px;
}
/*Banner CTA*/
.banner-cta{
background-size:100% !important;
background-position:center !important;
padding:5% 0;
position:relative;
}
.banner-cta .overlay{
position:absolute;
width:100%;
height:100%;
background:#0008;
top:0;
left:0;
}
.banner-cta h5{
color:#fff;
font-size:24px;
text-transform:uppercase;
line-height:34px;
}
.banner-cta .btn-cta{
width:300px;
height:100px;
border-radius:70px;
margin-left:auto;
margin-top:5px;
background:#fff;
color:#000 !important;
font-weight:bold;
letter-spacing:2px;
line-height:85px;
font-size:12px;
    margin-bottom: 5px;
    border:0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.banner-cta .btn-cta i{
  opacity:0;
}
.banner-cta .btn-cta span{
    border-radius: 70px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    width: 105%;
    height: 100%;
    top: 0;
    right: -8px;
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    background: #F3DA36;
    color: #000;
    line-height: 100px;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: bounceOneLeft;
}
.banner-cta .btn-cta:hover span{

animation-name:slideOutLeft;
}
.banner-cta .btn-cta:hover i{
transform:scale(1.3);
opacity:1;
}

/* Membership Benefits*/
.banner-static{
background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
height:95vh;
width:100%;
min-height: 500px;
max-height: 700px;
position:relative;

}
.banner-static h1{
color:#fff;
font-weight:200;
font-size:48px;
text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
text-transform: uppercase;
text-align:center;
}
.bs-description{
position:absolute;
height:150px;
top:15%;
bottom:0;
left:0;
right:0;
margin:auto;
width:550px;
z-index:5;
}

.banner-static .overlay{
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5),rgba(0,0,0,0.4) 20%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,1) 95%);
/* background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8) 80%, rgba(0,0,0,1) 95%); */
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    bottom:0px;
}

.section-membershipbenefits{
padding:6% 0 5%;
color:#fff;
}
.section-membershipbenefits p.description{
padding:0 8%;
text-align:center;
    margin-bottom: 80px;
}
.section-membershipbenefits .images img{
width:100%;
border-radius: 15px;
}
.membership-list{
margin-bottom:75px;
}
.membership-list h5{
font-size:24px;
font-weight:bold;
margin-bottom:20px;
letter-spacing: 2px;
}
.membership-list p{
margin-bottom:30px;
}
.membership-list ul{
list-style-type: none;
}
.membership-list ul li{
position:relative;
margin-bottom:10px;
color:#ccc;
font-size: 15px;
}
.membership-list ul > li:before{
  font-family: "Font Awesome 5 Free";
  font-weight:900;
  position:absolute;
  left:-35px;
    top: -3px;
    font-size: 20px;
}
.membership-list ul > li:nth-child(1):before{
content:'\f805';
}
.membership-list ul > li:nth-child(2):before{
content:'\f017';
}
.membership-list ul > li:nth-child(3):before{
content:'\f5de';
}
.membership-list ul > li:nth-child(4):before{
content:'\f57b';
}
.membership-list ul > li:nth-child(5):before{
content:'\f06b';
}

/* END Membership Benefits*/
/* About US*/
.content-aboutus{
padding:4% 0 3%;

}
.content-aboutus h1{
color:#fff;
margin-bottom:25px;
font-weight:200;
}
.content-aboutus p{
color:#ccc;
}

.section-history{
width:90%;
margin:100px auto 75px;
}

.bottom-description{
background:#101010;
padding:60px 0;
color:#ccc;
}
.bottom-description h5{
font-size:21px;
font-weight:200;
line-height:30px;
}
/* END About US*/
/* Gallery */
.section-videos{
position:relative;
margin:5px 0;
height:200px;
overflow:hidden;
}
.videos-title{
width:25%;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
height:200px;
color:#fff;
position:absolute;
display:inline-block;
}
.videos-title h5{
    line-height: 52px;
font-size:48px;
font-weight:200;
position:absolute;
z-index:2;
top:0;
bottom:0;
left:45px;
margin:auto;
width:55%;
height:50%;
text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}
.videos-title .overlay{
background-image: linear-gradient(140deg,#FFA7FC,#715972);
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
opacity:0.9;
}
.slider-videos{
width:80%;
float:right;
margin-top:25px;
transition:0.9s;
z-index: 5;
}
.videos-item{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  height:150px;
width:260px;
margin:0 8px;
position:relative;
cursor:pointer;
}
.videos-item .caption{
color:#fff;
font-family:Poppins,Arial;
  position:absolute;
top:0;
left:0;
width:100%;
padding:5px 25px;
text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
font-size:15px;
animation-name: fadeOut;
  -webkit-animation-duration: .5s;
    animation-duration: .5s;
}
.play-button{
position:absolute;
z-index:2;
left:0;
right:0;
bottom:0;
top:0;
margin:auto;
background:#0008;
color:#fff;
width:40px;
height:25px;
text-align:center;
border-radius:20%;
padding:2px;
font-size:12px;
line-height:20px;
animation-name: fadeOut;
  -webkit-animation-duration: .5s;
    animation-duration: .5s;
}
.videos-item:hover .caption{
animation-name: fadeInDown;
}
 .videos-item:hover .play-button{
animation-name: zoomIn;
}
.slidervideo-arrow{
z-index:5;
background:none;
opacity:1;
height:50px;
    line-height: 32px;
height:100%;
border-radius:0;
width: 45px;
}
.slidervideo-arrow.prev-arrow{
  left:10px
}
.slidervideo-arrow img{
position:absolute;
top:0;
bottom:0;
margin:auto;
}
.slidervideo-arrow.next-arrow{
right:0px;
background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.8) 60%,  rgba(0,0,0,1) 85%);
width:150px;
}
.slidervideo-arrow.next-arrow img{
right:15px;
}
.slidervideo-arrow.next-arrow:hover img{
opacity:0.8;
}
#modal_videos button.close{
    position: absolute;
    right: -20px;
    top: -20px;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
#modal_videos .modal-content{
position:relative;
}

.instagram-thumbnail{
  width:100%;
  padding-top:100%;
  background-size:cover !important;
  background-position: center center !important;
  border-radius:5px;
}
/* ---- grid ---- */


/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-item {
  float: left;
  width: 25%;
  height: 240px;
  background: #000;
  border: 2px solid #000;
  border-radius: 10px;

  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  margin-bottom: 1.7%;
}
.grid-sizer,
.grid-item { width: 23.7%; }
.gutter-sizer { width: 1.7%; }
.grid-item--height1 { height: 160px; }
.grid-item--height2 { height: 320px; }

.section-photos{
padding: 75px 0;
color:#fff;
}
.section-instagram{
padding: 75px 0 0px;
color:#fff;
}
.section-photos h1, .section-instagram h1{
font-weight:200;
margin-bottom:35px;
}
.section-instagram .col-4{
  margin-bottom:25px;
}

.photo_filter ul{
list-style-type:none;
padding:0;
margin-bottom:20px;
}
.photo_filter ul li{
display:inline-block;
}
.photo_filter ul li a{
font-family:Poppins, Arial;
font-size:18px;
color:#939393;
margin:0 8px;
letter-spacing: .11em;
text-decoration:none;
transition:0.3s;
}
.photo_filter ul li a.active{
color:#fff;
font-weight:500;
}
.photo_filter ul li:first-child a{
margin-left:0;
}
/* END Gallery */
/* Venues */
.fancybox-caption__body{
  font-family: Poppins,Arial;
  font-size:15px;
  letter-spacing: 1px;
}
.banner-venues{
  background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
height:95vh;
width:100%;
min-height: 500px;
max-height: 700px;
position:relative;
color:#fff;
}
.banner-venues .background{
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
width:65%;
height:100%;
position:absolute;
top:0;
left:0;

}
.venues-description{
  color:#fff;
padding-top:30%;
z-index:5;
width:55%;
}
.venues-description h1{
font-weight:200;
font-size:48px;
text-transform:uppercase;
line-height:58px;
text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
}
.venues-description p{
text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
}
.banner-venues p.description{
padding-top:120px;
padding-left:30px;
}
.banner-venues .overlay{
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.8),rgba(0,0,0,0.5) 20%,  rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,1) 95%);
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    bottom:0px;
}
.venues-item{
  width:200px;
  height:200px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  margin:0 15px;
  cursor:pointer;
}
.section-slider{
width:50%;
transition:0.9s;
position:relative;
margin-left:auto;
margin-top: -120px;
}

.slidervenue-arrow{
z-index:5;
background:none;
opacity:1;
height:50px;
width:40px;
line-height: 32px;
height:100%;
border-radius:0;
}
.slidervenue-arrow img{
position:absolute;
top:0;
bottom:0;
margin:auto;
width:20px;
}
.slidervenue-arrow.prev-arrow{

left:15px;
}
.slidervenue-arrow.next-arrow{
right:20px;

}
.section-slider .overlay{
background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.8) 50%,  rgba(0,0,0,1) 85%);
position:absolute;
right:0;
top:0;
height:100%;
width:150px;
z-index:5;
}

.section-menu{
padding:7% 0 2%;
}
.section-menu h1{
font-weight:200;
color:#fff;
margin-bottom:50px;
}
.menu-item{
background:#101010;
margin-left:30px;
margin-top:60px;
min-height:250px;
border-radius:8px;
margin-bottom:50px;
}
.menu-item img{
vertical-align:top;
max-width:250px;
width:50%;
border-radius:1px;
margin-left:-30px;
margin-top:-60px;
display:inline-block;
}
.menu-description{
display:inline-block;
width:53%;
color:#fff;
padding:30px;
}
.menu-description h5{
font-size:24px;
margin-bottom:15px;
letter-spacing: 2px;
}
.menu-description p{
color:#939393;
}
/* END Venues */
/* Franchise */
/*Material inputs*/
.text-capitalize{
  text-transform: capitalize;
}
.form-material .form-group {
  overflow: hidden;
  margin-bottom:25px;
}
.form-material .form-control::placeholder{
color:#FFF;
}
.preview_location{
  max-height: 500px;
  overflow: hidden;
}
.file-hide{
  visibility:hidden;height:0;padding:0;position:absolute;
  left:0;
}
.form-material label{
display:inline-block;
color:#fff;
width:30px;
text-align:center;
font-size:20px;
margin-left:2px;
margin-right:15px;
}
.form-material label img{
width:100%;
}
.form-material .form-control {
  background-color: rgba(0, 0, 0, 0);
  background-position: center bottom, center calc(100% - 1px);
  background-repeat: no-repeat;
  background-size: 0 2px, 100% 1px;
  padding: 5px 0px;
  transition: background 0s ease-out 0s;
color:#fff;
font-family:Poppins,Arial;
letter-spacing:1px;
display:inline-block;
width:90%;
    height: calc(1.5em + .75rem + 15px);
    font-size:14px;
}

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#CCC, #CCC);
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  float: none; }

.form-material .form-control.focus, .form-material .form-control:focus {
  background-size: 100% 2px, 100% 1px;
  outline: 0 none;
  transition-duration: 0.3s; }
.form-material button{
border-radius:50px;
border:0;
border:2px solid #fff;
background:none;
color:#fff;
font-family:Poppins,Arial;
padding:5px 25px;
}
.content-franchise{
  padding:0 0 5%;
  color:#fff;
}
.content-franchise p{
  color:#ccc;
}
.content-franchise h1{
  font-weight: 200;
  margin-bottom: 25px;
}
.application-form{
    background: #101010;
    padding: 6% 0;
}
.application-form h1{
font-weight:200;
color:#fff;
margin-bottom:70px;
}
.application-form h5{
color:#fff;
font-size:21px;
margin-bottom:30px;
font-weight:400;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
   color: #fff;
padding-left:0;
margin-top:5px;
font-size: 14px;
}
.select2-container:active,.select2-container:focus,.select2-container--default .select2-selection--single:focus,.select2-container--default .select2-selection--single:active{
outline:none;
}
.select2-container--default .select2-selection--single{
background:#000;
background-color: rgba(0, 0, 0, 0);
    background-position: center bottom, center calc(100% - 1px);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    padding: 5px 0px;
    transition: background 0s ease-out 0s;
    color: #fff;
    font-family: Poppins,Arial;
    letter-spacing: 1px;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 12px);
border:0;
border-bottom:1px solid #ccc;
border-radius:0;
}
select.form-control option{
color:#444;
}
.select2-results__options{
font-family: Poppins,Arial;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
display:none;
}
.select2-selection__arrow:after{
content: "\f107";
    font-family: "Font Awesome 5 Free";
font-weight:900;
left:0;
right:0;
position:absolute;
margin:auto;
text-align:center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 15px;
}

.select2-container--open .select2-selection__arrow:after{
content: "\f106";
}

.application-form .input-group{
width:90%;
display:inline-block;
}
.application-form .input-group input{
  background:transparent;
  border:0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  font-family: Poppins,Arial;
}
.application-form .input-group button{
  float: right;
}
.application-form .input-group input::placeholder{
color:#fff;

}
button:active,button:focus{
  outline:none;
}
.is-invalid{
font-size:12px;
font-family:Poppins,Arial;
color:#ee0808;
display:inline-block;

}
div.is-invalid{
padding-left:50px;
}
.application-form #submit{
font-size:15px;
background-color: #F3DA36 !important;
color:#000;
border:0;
font-weight:bold;
padding:15px 35px;
margin:50px 0 20px;
letter-spacing: 1.5px;
}
.application-form .select{
width:90%;
display:inline-block;
position:relative;
}
.application-form .select .form-control{
width:100%;
}
.application-form select{
-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
position:relative;
}
.application-form .select:after{
content: "\f107";
    font-family: "Font Awesome 5 Free";
font-weight:900;
top:15px;
right:5px;
position:absolute;
color:#fff;
z-index:2;
}

/* END Franchise */
/* Login */
.login-panel{
padding:120px 0 50px;
position:relative;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.login-panel .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.8) 80%, rgba(0,0,0,1) 95%);
}
.login-panel h1{
color:#fff;
font-weight:bold;
margin-bottom:10px;

}
.login-panel p{
color:#fff;
margin-bottom:50px;
font-size: 18px;
}

.login-panel .form-material .form-control, .login-panel .form-material .input-group{
width:calc(100% - 53px) !important;
display: inline-block;
}
.forgot_password{
font-family:Poppins,Arial;
color:#fff;
font-size:14px;
display:block;
text-align:right;
margin-bottom:25px;
text-decoration:none !important;
transition:0.3s;
}
.forgot_password:hover,.login-panel .form-action .col-md-8 a:hover{
color:#fff9;
}
.login-panel #submit{
background-color:#F3DA36;
color:#000;
font-weight:bold;
letter-spacing:1px;
border:0;
font-size:15px;
padding:14px 30px;
}
.login-panel .form-action .col-md-8{
padding-left:65px;
color:#fff;
font-family:Poppins,Arial;
font-size:14px;
padding-top:10px;
font-weight:400;
}
.login-panel .form-action .col-md-8 a{
font-weight:500;
color:#fff;
text-decoration:none;
transition:0.3s;
}
.login-panel .form-action .col-md-4{
text-align:right;
}


/* END Login */
/* Register */
.login-panel .form-material .input-group{
padding:5px 0;
}
.form-material .input-group span{
color:#fff;
font-family:Poppins,Arial;
font-size:14px;
display:inline-block;
margin-top:5px;
letter-spacing: 1px;
}
.form-material .input-group  button{
float:right;
}
#male{
margin-right:15px;
}
.input-group button{
transition:0.3s;
}
.input-group button.active{
background:#fff;
color:#000;

}
.register-panel{
max-width:980px;
}

/* END Register */
/*  Profile */
.section-profile{
padding-top:110px;
}
.edit-profile{
font-family:Poppins,Arial;
color:#F3DA36;
font-size:15px;
text-decoration:none !important;
position:absolute;
letter-spacing:1px;
right:15px;
top:10px;
}
.edit-profile .fa{
font-size:12px;
}
.barcode-div{
background:#fff;
padding:5px;
border-radius:5px;
width:157px;
margin:75px auto;
}
.profile{
color:#fff;
background: #101010;
padding-top:30px;
padding-bottom:30px;
}
.profile h3{
margin-bottom:25px;
font-size:36px;
line-height: 32px;
}
.profile h3 span{
  font-size:24px;
}
.profile td{
color:#939393;
font-size:16px;
padding-bottom:10px;
}
.profile td:last-child{
padding-left:10px;

}
.header-profile{
margin-bottom:25px;
color:#fff;
}
.header-profile .col-7 h5{
  padding-top: 10px;
}
.header-profile span{
font-family:Poppins,Arial;
font-size:18px;
display:inline-block;
}
.header-profile .totalpoint{
color:#F3DA36;
font-size:32px;
font-weight: bold;
}
.border-dash {
    margin: 35px 0 35px;
    height: 1px;
    background: linear-gradient(to left, transparent 50%, #000 50%), linear-gradient(to right, #fff5, #fff5);
    background-size: 7px 1px;
}
.transaction-history {
padding-top:30px;
}
.transaction-history h2{
color:#fff;
margin-bottom:30px;
}
.transaction-history table th{
color:#F3DA36;
font-family:Lato,Arial;
font-size:18px;
border:0;
}

.transaction-history table td{
font-family:Lato,Arial;
color:#ccc;
font-size:16px;
border-top:1px solid #404040;

}
.transaction-history table td,.transaction-history table th{
padding:15px 5px;
}
#modalProfile  h5{
color:#fff;
}
#modalProfile .modal-content{
background:#000;
border:1px solid #eee;
}
#modalProfile .login-panel{
padding:0;
}
#modalProfile .modal-header{
color:#fff;
    border: 0;
    padding-bottom: 0;
}

#modalProfile .text-center.mt-5 .btn{
padding: 12px 25px;
    line-height: 20px;
    font-size: 15px;
    height: auto;
    border: 1px solid;
}
.jq-toast-single h2{
  font-size: 15px;
}
.jq-toast-single h2,.jq-toast-single{
      font-family: Poppins, sans-serif;
}

.jq-icon-success{
background-color:#08be8c !important;
}

.member-card{
  position:relative;
}
.member-name{
  position:absolute;
  width:100%;
  bottom:30%;
  left:0px;
  padding-left:10%;
  font-family: Poppins, Arial;
  letter-spacing:1px;
  font-weight:500;
  font-size:70%;
}
.member-barcode{
  position:absolute;
  width:100%;
  bottom:18%;
  left:0px;
  padding-left:10%;
  font-family: Poppins, Arial;
  letter-spacing:1.5px;
  font-weight:400;
  font-size:70%;
}
/* END Profile */

@media only screen and (max-width: 1200px) and (min-width: 992px){
  .videos-title h5{
    font-size:42px;
  }
  .videos-title{
  width:30%;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
  .venues-description {
    padding-top:40%;
  }
.banner-venues .background{
  width:55vw;
}
.banner-venues p.description{
  padding-left:25px;
}
.menu-item img,.menu-description{
  width:100%;
}
.videos-title{
  width: 40%;
}
.slider-videos{
  width: 70%;
}
.grid-item{
  height:180px;
}
.grid-item--height1 {
    height: 130px;
}
.grid-item--height2 {
    height: 260px;
}
}
@media only screen and (min-width: 992px) {
  .burger-menu{
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .register-panel .col-md-6{
  padding-left:35px;
  padding-right:35px;
  }
  .sv-background{
    display: none;
  }
  .section-membership .col-sm-4{
  padding-left:25px;
  padding-right:25px;
  }
  .section-membership .col-sm-4:nth-child(2){
  padding-left:15px;
  padding-right:35px;
  }
  .section-membership .col-sm-4:nth-child(4){
  padding-right:15px;
  padding-left:35px;
  }
}
@media only screen and (max-width: 991px) {
  .slidervideo-arrow {
    height: 100%;
    width: 45px;
}
.slidervideo-arrow.prev-arrow {
    left: 6px;
}
  .banner-description{
    width:80%;
  }
  .sv-description{
    width:70%;
  }
  .banner-cta .btn-cta{
    width:100%;
        height: 85px;
  }
  .banner-cta .btn-cta span{
    font-size:24px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .general-content{
    background:url('../images/general-mobile.png');
    padding-top: 125px !important;
  }
  .btn-cta:before{
    display: none;
  }
  h1{
    font-size:28px;
  }
  h1,h2,h3,h4,h5{
    letter-spacing: 2px;
  }
  p{
    font-size:15px;
    line-height:24px;
  }
  .container {

    padding-right: 25px;
    padding-left: 25px;
  }
  .navbar-brand img {
      max-width: 150px;
  }
  .navbar {
      padding: 15px 25px;
  }
  .banner-item{
    height:95vh;
  }
  .banner-description{
    width:85%;
    margin-bottom: 80px;
  }
  .banner-title{
    margin-bottom:10px;
  }
  .banner-title p{
    font-size: 32px;
    line-height: 42px;
  }
  .banner-description > p{
    width:85%;
  }
  .slick-arrow{
    height: 40px;
    font-size: 20px !important;
    opacity: .3;
  }
  .prev-arrow {
    padding: 5px 6px 5px 3px;
  }
  .next-arrow {
    padding: 5px 3px 5px 6px;
  }
  .slick-dots{
    bottom: 40%;
  }
  .section-aboutus h1{
        margin: 30px 0;
  }
  .section-aboutus .btn-cta{
    margin: 40px auto 25px;
  }
  .sv-title{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 25px 30px;
  }
  .section-aboutus{
    padding-bottom: 50px;
    padding-top:10px;
  }
  .sv-nav {
      float: right;
      margin-top: 5px;
  }
  .sv-description{
    width:90%;
    bottom:5%;
    height:345px;
    padding: 35px 10%;

  }

  .sv-item{
    background:none !important;
  }
  .sv-description h2{
    font-size: 18px;
    margin-bottom: 20px;
    letter-spacing: 1px;
  }
  .sv-background{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:calc(100vw + 50px);
      background-size:cover !important;
      background-repeat:no-repeat !important;
  }
  .section-membership{
        padding: 8% 0 7%;
  }
  .section-membership .col-sm-4{
    margin-bottom:40px;
  }
  .section-membership h1{
    margin-bottom: 45px;
  }
  .section-membership h3{
    font-size: 18px;
  }
  .banner-static{
    height:90vh;
  }
  .banner-static .overlay {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8) 88%, rgba(0,0,0,1) 100%);
  }
  .banner-static h1{
    font-size: 32px;
    line-height: 42px;
    text-align: center;
  }
  .bs-description{
    width: 80%;
    height: 100px;
    top: 5%;
  }
  .section-membershipbenefits p.description {
    padding: 0;
    text-align: left;
    margin-bottom: 75px;
}
.section-membershipbenefits .images img {
    margin-bottom: 30px;
}
.membership-list{
  margin-bottom: 60px;
}
.membership-list h5 {
    font-size: 18px;
    margin-bottom: 20px;
}
.membership-list p{
  margin-bottom: 30px;
}
.membership-list ul li{
    margin-bottom: 15px;
}

.banner-cta h5 {
    font-size: 15px;
    text-align: center;
    line-height: 26px;
    margin-bottom: 30px;
}
.banner-cta .btn-cta{
  margin: auto;
margin-bottom: 25px;
width: 165px;
height: 60px;
line-height: 40px;
}
.banner-cta .btn-cta span{
  right: -5px;
font-size: 18px;
line-height: 60px;
}

.content-aboutus .img-round{
  margin-bottom: 35px;
}
.section-history {
    width: 100%;
    margin: 50px -15px 70px;
}
.content-aboutus h1{
      margin-bottom: 25px;
}
.bottom-description h5{
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}
.bottom-description p{
  text-align:center;
}
.videos-title{
  width: 35%;
}
.slider-videos{
  width: 75%;
}

.videos-title h5 {
    line-height: 34px;
    font-size: 28px;
    left: 25px;
    height: 35%;
  }
  .section-photos{
    padding: 75px 0 60px;
  }

  .photo_filter ul li a{
    font-size:15px;
  }
  .photo_filter ul {
    margin-bottom: 30px;
  }
  .grid-sizer,
  .grid-item { width: 32.2% }
  .grid-item { height: 150px }
  .grid-item--height1 { height: 100px }
  .grid-item--height2 { height: 200px }
  .slidervideo-arrow.next-arrow img {
    right: 5px;
}
.slidervideo-arrow img{
  width: 18px;
}

.slidervideo-arrow.prev-arrow img {
    left: 5px;
}
.slidervideo-arrow.next-arrow{
      width: 50px;
}
.banner-venues{
  height:90vh;
}
.venues-description{
  width:100%;
  padding: 0;
}
.venues-description h1{
  font-size: 32px;
  line-height: 42px;
  text-align:center;
}
.section-slider{
  width: calc(100% - 25px);
  margin-top:35px;
  margin-bottom:70px;
}
.banner-venues .container{
  position: absolute;
  height: 150px;
  top: 0;
  bottom: 0;
  left:0;
  right:0;
  margin: auto;
}
.d-md-none p{
  color:#fff;
  margin:25px 0 50px;
}
.venues-item{
  width:140px;
  height:140px;
}
.section-slider .overlay{
  display: none;
}
.slidervenue-arrow.next-arrow{
  right:5px;
}
.slidervenue-arrow.prev-arrow{
  left:10px;
}
.slidervenue-arrow{
  opacity:1;
}
.menu-item img{
  width: 140px;
  margin-left: -25px;
    margin-top: -25px;
}
.menu-item {
    background: #101010;
    margin-left: 25px;
    margin-top: 25px;
    margin-bottom: 35px;
    min-height:180px;
  }
  .menu-description{
    width:70%;
  }
  .menu-description h5{
    font-size:15px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .content-franchise{
    padding:5% 0 75px;
  }
  .application-form{
    padding:50px 0 50px;
  }
  .application-form h1{
    margin-bottom: 50px;
  }
  .form-material .form-control,.select2-container,.application-form .select,.application-form .input-group{
    width:85% !important;
  }
  .application-form .select .form-control{
    width:100% !important;
  }
  .content-franchise h1{
    margin:35px 0 25px;
  }
  .application-form .input-group button{
    width:100%;
    margin:15px 0 15px;
  }
  .application-form #submit{
    margin:35px 0 25px;
  }
  #form-application .col-md-6:first-child{
    margin-bottom:35px;
  }
  .login-panel .form-action .col-md-8{
    padding:0;
    text-align:center;
    order:2;
  }
  .login-panel .form-action .col-md-4{
    text-align: center;
  }
  .login-panel #submit{
        padding: 12px 30px;
        margin:20px 0 25px;
  }
  .section-profile{
    padding-top:100px;
  }
  .profile h3{
    font-size:28px;
  }
  .profile h3 span{
    font-size:18px;
  }
  .header-profile img{
    margin-bottom:5px;
  }
  .header-profile .totalpoint
  {
    display:inline-block;
    float: right;
    font-size: 28px;
        margin-bottom: 0;
  }
  .header-profile span {
    font-size: 16px;
    padding-top: 5px;
}
.transaction-history h2{
  font-size: 28px;
      margin-top: 35px;
}
.transaction-history table th{
  font-size:16px;
}
.transaction-history table td{
  font-size:15px;
}
.border-dash{
  margin:25px 0;
}
.transaction-history{
  padding-bottom:30px;
}
.banner-cta .btn-cta span,.banner-cta .btn-cta:hover span{
    animation-name: none;
}
.banner-cta .btn-cta:hover span{
animation-name:none;
}
.banner-cta .btn-cta:hover i{
opacity:0;
}
}
@media only screen and (max-width: 600px) {
  .grid-ig{
      margin-right: -5px;
      margin-left: -5px;
  }

  .grid-ig .col-4{
  padding-left:5px;
  padding-right:5px;
  margin-bottom:10px;
  }
  footer p{
    font-size:14px;
  }
  .videos-title{
    width: 50%;
  }
  .slider-videos {
    width: 70%;
}
.fancybox-navigation .fancybox-button{
  width:45px !important;
    padding: 31px 6px 31px 8px !important;
}
}
@media only screen and (max-width: 575px) {
  .header-profile img{
    margin-bottom:15px;
  }
  .member-name{
    font-size: 3.5vw;
    bottom: 27%;
  }
  .member-barcode{
    font-size:3.2vw;
  }
}
@media only screen and (max-width: 500px) {
  .menu-description{
    width:calc(100% - 130px);
  }
  .slick-dots{
    bottom: 35%;
  }
  .videos-title{
    width: 60%;
  }
  .slider-videos {
    width: 60%;
}
}


@-webkit-keyframes fadingIn {
  from {
    opacity: 0.1;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadingIn {
  from {
    opacity: 0.1;
  }

  to {
    opacity: 1;
  }
}

.fadingIn {
  -webkit-animation-name: fadingIn;
  animation-name: fadingIn;
}
@-webkit-keyframes fadingOut {
  from {
    opacity: 0.9;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadingOut {
  from {
    opacity: 0.9;
  }

  to {
    opacity: 0;
  }
}

.fadingOut {
  -webkit-animation-name: fadingOut;
  animation-name: fadingOut;
}
@keyframes bir {
  from {
    transform: translateX(0px);
  }
30% {
    transform: translateX(-10px);
  }

  to {
    transform: translateX(0px);
  }
}
@-webkit-keyframes bir {
  from {
    transform: translateX(0px);
  }
30% {
    transform: translateX(-10px);
  }

  to {
    transform: translateX(0px);
  }
}
@keyframes bounceOneRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(1000px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }


  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceOneRight {
  animation-name: bounceOneRight ;
}

@keyframes bounceOneLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-1000px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }


  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceOneLeft {
  animation-name: bounceOneLeft ;
}

@keyframes bounceOneLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-1000px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }


  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceOneLeft {
  animation-name: bounceOneLeft ;
}