/*
Theme Name: Edendale Tennis Club
Theme URI: http://www.edendaletennisclub.co.nz
Description: Edendale Tennis Club theme.
Version: 1.0.0
Author: Clik
Author URI: http://www.clik.co.nz
*/

html {font-size: 0.75em;-webkit-text-size-adjust: 0.75em;-ms-text-size-adjust: 0.75em;}
body{font-family:Arial, Tahoma, Helvetica, sans-serif !important;font-size:1.167em;color:#FFFFFF;background:#020116;}
a{color:#FFFFFF;}
a:hover{color:#F7A21B;}
#header{position:relative;border-bottom: 1px solid rgba(255, 255, 255, .3);background:url(./images/design/top-bg.png) repeat-x 0% 0%;z-index:1024;}
#header .container{position:relative;}
/* SEARCH */
.searchIcon {position:absolute;top:10px;right:20px;width:34px;height:30px;padding:0 7px;font-size:20px;color:#FFFFFF;line-height:27px;cursor:pointer;border:1px solid #958F9C;background:#3F2C66;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0px 0px 10px 2px rgba(255,255,255,0.32);-moz-box-shadow: 0px 0px 10px 2px rgba(255,255,255,0.32);box-shadow: 0px 0px 10px 2px rgba(255,255,255,0.32);}
#search{position:absolute;top:10px;right:10px;}
#search .searchInput{float:left;width:306px;height:30px;margin:0px;padding:0px 10px;font-family:'Oswald', sans-serif;font-size:18px;border:0px;background:url(./images/design/searchInput.png) no-repeat 0% 0%;}
.searchBtn{width:44px;height:30px;border:0px;background:url(./images/design/searchBtn.png) no-repeat 0% 0%;}
/* NAVBAR */
#menu{position:relative;background:url(./images/design/menu-bg.png) 0% 0%;z-index:999;}
.navbar{min-height:42px;margin:0px;font-family:'Oswald', sans-serif;background:transparent;}
.navbar-default{height:40px;border:0px;}
.navbar-nav li a{padding:10px;font-size:16px;color:#FFFFFF !important;text-transform:uppercase;}
.navbar-nav li a:hover{color:#F6A21E !important;}
.navbar-nav .active{color:#FFFFFF !important;}
.navbar-nav .active a{color:#F6A21E !important;background:transparent !important;}
.navbar-nav .open>a{color:#FFFFFF !important;background:transparent !important;}
.dropdown-menu{padding:0px;border:0px;border-radius:0px;background:#030116;}
.dropdown-menu>li>a{color:#FFFFFF;}
.dropdown-menu>li>a:hover{color:#FFFFFF;background:transparent;}
.dropdown-menu li:hover a+ul {display: block; top: -15%; left: 100%;}
.dropdown:hover>.dropdown-menu {display: block;}
.navbar-default .navbar-toggle .icon-bar{background-color:#FFFFFF;}
.navbar-default .navbar-toggle{border:0px;background-color:#958F9C;}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#3F2C66;}
/* CUSTOMIZE CAROUSEL */
#slider{position:relative;top:-92px;left:0;}
#ribbon{position:absolute;top:92px;left:auto;width:100%;text-align:center;z-index:512;}
#ribbon #year{height:104px;margin:0 0 0 935px;font-family:'Georgia',Times New Roman;font-size:35px;text-shadow:1px 1px #000000;background:url(./images/design/ribbon.png) no-repeat 50% 0%;}
.carousel{border-bottom:1px solid #877F8F;}
.carousel .item{background-color:#FFFFFF;}
.carousel-inner > .item > img{position:absolute;top:0;left:0;min-width:100%;}
.carousel-control{top:50% !important;height:30px !important;width:30px !important;font-size:30px !important;line-height:26px !important;z-index:999 !important;}
.carousel-control.left{color:#000;background:none !important;}
.carousel-control.right{color:#000;background:none !important;}
.carousel .item .caption{position:absolute;top:0px;left:0px;margin:60px 0 0 -80px;color:#000000;text-align:center;}
/* CONTENT */
.homecontent{min-height:480px;margin-top:-92px;padding:48px 0 20px 0;border-top:1px solid #2D1E3A;background:#201E34 url(./images/design/graident.jpg) repeat-x 0% 0%;}
.homecontent h1{margin:0px;font-family:'Oswald', sans-serif;font-size:48px;color:#958F9C;text-transform:uppercase;}
.homecontent h2{margin:10px 0 29px 0px;font-family:'Oswald', sans-serif;font-size:24px;color:#FFFFFF;text-transform:uppercase;}
.welcomeImage{padding:0 0 10px 10px;}
.defaultpage{margin-top:-92px;padding:0 0 20px 0;background:#05051D url(./images/design/subpage-gradient.jpg) repeat-x 0% 0%; !important}
.defaultpage h1{margin:10px 22px ;font-family:'Open Sans Condensed', sans-serif;color:#8E8393;font-style: italic;}
.content{min-height:500px;padding:20px;background:#201E34 url(./images/design/graident.jpg) repeat-x 0% 0%;}
.content a{color:#F7A21B;}
.content table{margin-bottom:20px;max-width:100%;width:100%;}
.content table > tbody > tr > td, table > tbody > tr > th, table > tfoot > tr > td, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th {border-top: 1px solid rgba(255, 255, 255, .3);line-height: 1.42857;padding:8px;vertical-align: top;}
.white{color:#FFFFFF;}
.gold{color:#F7A21B !important;}
/* EVENTS */
article{height:92px;margin:0 0 10px 0;}
#spacer{width:1px;height:69px;}
.articledate {float:left;width:70px;height:92px;margin:0 10px 0 0;padding:15px 0 0 0;font-family:'Oswald', sans-serif;font-size:30px;color:#FFFFFF;text-align:center;text-transform:uppercase;background:#E45635;}
.articledate span{margin-top:-7px;font-size:14px;color:#000000;display:block;}
.articleHeading{font-family:'Oswald', sans-serif;font-size:18px;color:#FFFFFF;text-transform:uppercase;}
.articlesummary{font-size:14px !important;line-height:18px !important;}
article a{color:#F7A21B;}
.tribe-events-cal-links{display:none;}
.tribe-events-event-meta{display:none;}
/* SPONSORS LOGOS */
#sponsors{min-height:96px;background:url(./images/design/sponsor-bg.jpg) 0% 0%;}
#sponsors .row{margin:0 auto;}
#sponsors a {display:block;}
.sponsor{margin:18px 0 0 0;text-align:center;}
/* Form Styling */
/*.wpcf7-form{width:50%;}*/
.red{color:#FF0000;}
.inputFields{margin:0 0 10px 0;}
.inputFields label{float:left;width:27%;padding:10px;color:#FFFFFF;font-weight:normal;}
.inputFields label span{color:#FF0000;}
.inputFields br{display:none;}
.inputFields input{width:72%;padding:10px;color:#000000;border:0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.inputFields .wpcf7-list-item input{width:15px !important;}
.inputFields textarea{width:72%;padding:10px;color:#000000;border:0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.inputFields .enquriy-type{top:6px;padding:10px;}
.inputFields .wpcf7-select{top:6px;padding:10px;color:#000000;}
.inputFields .wpcf7-checkbox{float:left;padding:10px;color:#FFFFFF;}
.gform_page_footer .wpcf7-submit{float:right;margin:0 10px 0 10px;width:100px;padding:10px;color:#000000;font-weight:bold;text-transform:uppercase;border:0px;background:#01ADED;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: rgb(0,183,234);background: -moz-linear-gradient(top,  rgb(0,183,234) 0%, rgb(1,173,237) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,183,234)), color-stop(100%,rgb(1,173,237)));background: -webkit-linear-gradient(top,  rgb(0,183,234) 0%,rgb(1,173,237) 100%);background: -o-linear-gradient(top,  rgb(0,183,234) 0%,rgb(1,173,237) 100%);background: -ms-linear-gradient(top,  rgb(0,183,234) 0%,rgb(1,173,237) 100%);background: linear-gradient(to bottom,  rgb(0,183,234) 0%,rgb(1,173,237) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#01aded',GradientType=0 );}
.gform_page_footer .wpcf7-submit:hover{color:#FFFFFF;background:#01ADED;}
.wpcf7-submit{float:right;margin:0 6px 0 10px;width:100px;padding:10px;color:#000000;font-weight:bold;text-transform:uppercase;border:0px;background:#f7a21b;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: rgba(247,162,26,1);background: -moz-linear-gradient(top, rgba(247,162,26,1) 0%, rgba(247,162,26,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,162,26,1)), color-stop(100%, rgba(247,162,26,1)));background: -webkit-linear-gradient(top, rgba(247,162,26,1) 0%, rgba(247,162,26,1) 100%);background: -o-linear-gradient(top, rgba(247,162,26,1) 0%, rgba(247,162,26,1) 100%);background: -ms-linear-gradient(top, rgba(247,162,26,1) 0%, rgba(247,162,26,1) 100%);background: linear-gradient(to bottom, rgba(247,162,26,1) 0%, rgba(247,162,26,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#fff100', GradientType=0 );}
.wpcf7-submit:hover{background: rgba(255,224,87,1);background: -moz-linear-gradient(top, rgba(255,224,87,1) 0%, rgba(255,213,0,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,224,87,1)), color-stop(100%, rgba(255,213,0,1)));background: -webkit-linear-gradient(top, rgba(255,224,87,1) 0%, rgba(255,213,0,1) 100%);background: -o-linear-gradient(top, rgba(255,224,87,1) 0%, rgba(255,213,0,1) 100%);background: -ms-linear-gradient(top, rgba(255,224,87,1) 0%, rgba(255,213,0,1) 100%);background: linear-gradient(to bottom, rgba(255,224,87,1) 0%, rgba(255,213,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe057', endColorstr='#ffd500', GradientType=0 );}
.wpcf7-validation-errors{border:2px solid #f7a21b !important;}
#newsletterSubmit{margin-right:10px !important;}
.panel-heading {background-color: #090909 !important;}
.panel-body p { color: #090909 !important;}
.equalHeights p{text-align: center;}
/* Responsive Google Maps iFrame */
#MyGmaps{width:100%;height:300px;margin:0 0 20px 0;}
.gm-style-iw{color:#000000 !important;}
/* FOOTER */
footer{min-height:122px;padding:30px 0 0 0;color:#FFFFFF;border-top:1px solid #353445;background:url(./images/design/footer-bg.jpg) repeat-x 0% 0%;}
footer .social{float:right;width:34px;height:34px;margin:16px 5px;display:block;}
footer p{margin:0px;font-size:0.833em;}
footer .text-left{width:300px;font-size:0.833em;}
footer a{color:#FFFFFF;}
footer a:hover{color:#F7A21B;}
footer span{color:#FFFFFF;}
footer .icons {padding:0 20px 20px 0;}
.nothing{clear:both;margin:0px;padding:0px;}
/* Events Calendar */
#tribe-bar-form{background: transparent;}
/* RESPONSIVE CSS */
@media only screen and (max-width:1136px){
 #slider{margin-top:0px;}
 @media only screen and (min-width:1136px) and (max-width:1279px){
  #slider{margin-top:-130px;}
 }
 .navbar-nav li a{padding:10px 6px;font-size:14px;}
}

@media only screen and (min-width:768px) and (max-width:1024px){
 .navbar-nav li a{padding:10px 5px;font-family:Arial, Tahoma, Helvetica, sans-serif !important;font-size:12px;}
 .navbar-collapse{padding:0px;}
 .container-fluid{padding:0px;}
}

@media only screen and (min-width:639px){
 .searchIcon{display:none;}
}

@media only screen and (min-width:640px) and (max-width:800px){
 #search .searchInput{width:206px;}
}

@media only screen and (min-width:320px) and (max-width:480px){
 #search{top:60px;left:20px;width:70%;display:none;z-index:1024;}
 #search .searchInput{width:206px;}
}

@media only screen and (min-width:320px) and (max-width:780px){
 .navbar-collapse{background:#0F0F38;}
 .navbar-collapse .nav li{padding:0 10px;border-bottom:1px solid #353445;}
 .inputFields label{width:50%}
 .inputFields input{width:100%;}
}

@media only screen and (max-width:320px){
 #search{top:55px;left:20px;}
 #search .searchInput{width:170px;}  
 .inputFields label{width:50%}
 .inputFields input{width:100%;}
}

@media only screen and (min-width:0px) and (max-width:400px){
 .logo{width:80%;height:44px;padding-top:6px;display:block;}
 .searchIcon{top:8px;}
}
@media only screen and (min-width:1px) and (max-width:980px){
 .defaultpage h1{margin-top:100px;}
}
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================
Made by Justin Aguilar
www.justinaguilar.com/animations/
==============================================
*/
/* SlideDown*/
.active .slideDown{animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s;	-webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important;}

@keyframes slideDown{
0% {transform: translateY(-100%);}
50%{transform: translateY(8%);}
65%{transform: translateY(-4%);}
80%{transform: translateY(4%);}
95%{transform: translateY(-2%);}			
100% {transform: translateY(0%);}		
}

@-webkit-keyframes slideDown {
0% {-webkit-transform: translateY(-100%);}
50%{-webkit-transform: translateY(8%);}
65%{-webkit-transform: translateY(-4%);}
80%{-webkit-transform: translateY(4%);}
95%{-webkit-transform: translateY(-2%);}			
100% {-webkit-transform: translateY(0%);}	
}
/* SlideUp */
.active .slideUp{animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s;	-webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important;}

@keyframes slideUp {
0% {transform: translateY(100%);}
50%{transform: translateY(-8%);}
65%{transform: translateY(4%);}
80%{transform: translateY(-4%);}
95%{transform: translateY(2%);}			
100% {transform: translateY(0%);}	
}

@-webkit-keyframes slideUp {
0% {-webkit-transform: translateY(100%);}
50%{-webkit-transform: translateY(-8%);}
65%{-webkit-transform: translateY(4%);}
80%{-webkit-transform: translateY(-4%);}
95%{-webkit-transform: translateY(2%);}			
100% {-webkit-transform: translateY(0%);}	
}

/* SlideLeft */
.active  .slideLeft{animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1s;	-webkit-animation-duration: 1s; animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out; visibility: visible !important;}

@keyframes slideLeft {
0% {transform: translateX(150%);}
50%{transform: translateX(-8%);}
65%{transform: translateX(4%);}
80%{transform: translateX(-4%);}
95%{transform: translateX(2%);}			
100% {transform: translateX(0%);}
}

@-webkit-keyframes slideLeft {
0% {-webkit-transform: translateX(150%);}
50%{-webkit-transform: translateX(-8%);}
65%{-webkit-transform: translateX(4%);}
80%{-webkit-transform: translateX(-4%);}
95%{-webkit-transform: translateX(2%);}			
100% {-webkit-transform: translateX(0%);}
}

/* SlideRight */
.active  .slideRight{animation-name: slideRight; -webkit-animation-name: slideRight;	animation-duration: 1s;	-webkit-animation-duration: 1s; animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out; visibility: visible !important;}

@keyframes slideRight {
0% {transform: translateX(-150%);}
50%{transform: translateX(8%);}
65%{transform: translateX(-4%);}
80%{transform: translateX(4%);}
95%{transform: translateX(-2%);}			
100% {transform: translateX(0%);}	
}

@-webkit-keyframes slideRight {
0% {-webkit-transform: translateX(-150%);}
50%{-webkit-transform: translateX(8%);}
65%{-webkit-transform: translateX(-4%);}
80%{-webkit-transform: translateX(4%);}
95%{-webkit-transform: translateX(-2%);}			
100% {-webkit-transform: translateX(0%);}
}

/* SlideExpandUp */
.active  .slideExpandUp{animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; animation-duration: 1.6s;	-webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible !important;}

@keyframes slideExpandUp {
0% {transform: translateY(100%) scaleX(0.5);}
30%{transform: translateY(-8%) scaleX(0.5);}	
40%{transform: translateY(2%) scaleX(0.5);}
50%{transform: translateY(0%) scaleX(1.1);}
60%{transform: translateY(0%) scaleX(0.9);}
70% {transform: translateY(0%) scaleX(1.05);}			
80%{transform: translateY(0%) scaleX(0.95);}
90% {transform: translateY(0%) scaleX(1.02);}	
100%{transform: translateY(0%) scaleX(1);}
}

@-webkit-keyframes slideExpandUp {
0% {-webkit-transform: translateY(100%) scaleX(0.5);}
30%{-webkit-transform: translateY(-8%) scaleX(0.5);}	
40%{-webkit-transform: translateY(2%) scaleX(0.5);}
50%{-webkit-transform: translateY(0%) scaleX(1.1);}
60%{-webkit-transform: translateY(0%) scaleX(0.9);}
70% {-webkit-transform: translateY(0%) scaleX(1.05);}			
80%{-webkit-transform: translateY(0%) scaleX(0.95);}
90% {-webkit-transform: translateY(0%) scaleX(1.02);}	
100%{-webkit-transform: translateY(0%) scaleX(1);}
}

/* ExpandUp */
.active  .expandUp{animation-name: expandUp; -webkit-animation-name: expandUp;	animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important;}

@keyframes expandUp {
0% {transform: translateY(100%) scale(0.6) scaleY(0.5);}
60%{transform: translateY(-7%) scaleY(1.12);}
75%{transform: translateY(3%);}
100% {transform: translateY(0%) scale(1) scaleY(1);}
}

@-webkit-keyframes expandUp {
0% {-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);}
60%{-webkit-transform: translateY(-7%) scaleY(1.12);}
75%{-webkit-transform: translateY(3%);}	
100% {-webkit-transform: translateY(0%) scale(1) scaleY(1);}	
}

/* FadeIn */
.active  .fadeIn{animation-name: fadeIn; -webkit-animation-name: fadeIn;	animation-duration: 1.5s;	-webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out; visibility: visible !important;}

@keyframes fadeIn {
0% {transform: scale(0);opacity: 0.0;}
60% {transform: scale(1.1);}
80% {transform: scale(0.9);opacity: 1;}
100% {transform: scale(1);opacity: 1;}
}

@-webkit-keyframes fadeIn {
0% {-webkit-transform: scale(0);opacity: 0.0;}
60% {-webkit-transform: scale(1.1);}
80% {-webkit-transform: scale(0.9);opacity: 1;}	
100% {-webkit-transform: scale(1);opacity: 1;}		
}

/* ExpandOpen */
.active  .expandOpen{
animation-name: expandOpen; -webkit-animation-name: expandOpen;	animation-duration: 1.2s;	-webkit-animation-duration: 1.2s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out;	visibility: visible !important;}

@keyframes expandOpen {
0% {transform: scale(1.8);}
50% {transform: scale(0.95);}	
80% {transform: scale(1.05);}
90% {transform: scale(0.98);}	
100% {transform: scale(1);}			
}

@-webkit-keyframes expandOpen {
0% {-webkit-transform: scale(1.8);}
50% {-webkit-transform: scale(0.95);}	
80% {-webkit-transform: scale(1.05);}
90% {-webkit-transform: scale(0.98);}	
100% {-webkit-transform: scale(1);}					
}

/* BigEntrance */
.active  .bigEntrance{animation-name: bigEntrance; -webkit-animation-name: bigEntrance; animation-duration: 1.6s;	-webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important;}

@keyframes bigEntrance {
0% {transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);opacity: 0.2;}
30% {transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);opacity: 1;}
45% {transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);opacity: 1;}
60% {transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);opacity: 1;}
75% {transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);opacity: 1}
90% {transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);opacity: 1;}
100% {transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);opacity: 1;}
}

@-webkit-keyframes bigEntrance {
	0% {-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);opacity: 0.2;}
	30% {-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);opacity: 1;}
	45% {-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);opacity: 1;}
	60% {-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);opacity: 1;}
	75% {-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);opacity: 1;}
	90% {-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);opacity: 1;}	
	100% {-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);opacity: 1;}
}

/* Hatch */
.active  .hatch{animation-name: hatch; -webkit-animation-name: hatch; animation-duration: 2s;	-webkit-animation-duration: 2s;	animation-timing-function: ease-in-out;	-webkit-animation-timing-function: ease-in-out;	transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; visibility: visible !important;}

@keyframes hatch {
0% {transform: rotate(0deg) scaleY(0.6);}
20% {transform: rotate(-2deg) scaleY(1.05);}
35% {transform: rotate(2deg) scaleY(1);}
50% {transform: rotate(-2deg);}	
65% {transform: rotate(1deg);}	
80% {transform: rotate(-1deg);}		
100% {transform: rotate(0deg);}		
}

@-webkit-keyframes hatch {
0% {-webkit-transform: rotate(0deg) scaleY(0.6);}
20% {-webkit-transform: rotate(-2deg) scaleY(1.05);}
35% {-webkit-transform: rotate(2deg) scaleY(1);}
50% {-webkit-transform: rotate(-2deg);}	
65% {-webkit-transform: rotate(1deg);}	
80% {-webkit-transform: rotate(-1deg);}		
100% {-webkit-transform: rotate(0deg);}
}

/* Bounce */
.active  .bounce{animation-name: bounce; -webkit-animation-name: bounce;	animation-duration: 1.6s;	-webkit-animation-duration: 1.6s;	animation-timing-function: ease; -webkit-animation-timing-function: ease; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%;}

@keyframes bounce {
0% {transform: translateY(0%) scaleY(0.6);}
60%{transform: translateY(-100%) scaleY(1.1);}
70%{transform: translateY(0%) scaleY(0.95) scaleX(1.05);}
80%{transform: translateY(0%) scaleY(1.05) scaleX(1);}	
90%{transform: translateY(0%) scaleY(0.95) scaleX(1);}				
100%{transform: translateY(0%) scaleY(1) scaleX(1);}
}

@-webkit-keyframes bounce {
0% {-webkit-transform: translateY(0%) scaleY(0.6);}
60%{-webkit-transform: translateY(-100%) scaleY(1.1);}
70%{-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);}
80%{-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);}	
90%{-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);}				
100%{-webkit-transform: translateY(0%) scaleY(1) scaleX(1);}
}

/* Pulse */
.active  .pulse{animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s;	-webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;}

@keyframes pulse {
0% {transform: scale(0.9);opacity: 0.7;}
50% {transform: scale(1);opacity: 1;}	
100% {transform: scale(0.9);opacity: 0.7;}
}

@-webkit-keyframes pulse {
0% {-webkit-transform: scale(0.95);opacity: 0.7;}
50% {-webkit-transform: scale(1);opacity: 1;}	
100% {-webkit-transform: scale(0.95);opacity: 0.7;}	
}

/* Floating */
.active  .floating{animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s;	-webkit-animation-duration: 1.5s; animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}

@keyframes floating {
0% {transform: translateY(0%);}
50% {transform: translateY(8%);}	
100% {transform: translateY(0%);}
}

@-webkit-keyframes floating {
0% {-webkit-transform: translateY(0%);}
50% {-webkit-transform: translateY(8%);}	
100% {-webkit-transform: translateY(0%);}
}

/* Tossing */
.active  .tossing{animation-name: tossing; -webkit-animation-name: tossing; animation-duration: 2.5s;	-webkit-animation-duration: 2.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;}

@keyframes tossing {
0% {transform: rotate(-4deg);}
50% {transform: rotate(4deg);}
100% {transform: rotate(-4deg);}
}

@-webkit-keyframes tossing {
0% {-webkit-transform: rotate(-4deg);}
50% {-webkit-transform: rotate(4deg);}
100% {-webkit-transform: rotate(-4deg);}
}

/* PullUp */
.active  .pullUp{animation-name: pullUp; -webkit-animation-name: pullUp;	animation-duration: 1.1s;	-webkit-animation-duration: 1.1s;	animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%;}

@keyframes pullUp {
0% {transform: scaleY(0.1);}
40% {transform: scaleY(1.02);}
60% {transform: scaleY(0.98);}
80% {transform: scaleY(1.01);}
100% {transform: scaleY(0.98);}				
80% {transform: scaleY(1.01);}
100% {transform: scaleY(1);}							
}

@-webkit-keyframes pullUp {
0% {-webkit-transform: scaleY(0.1);}
40% {-webkit-transform: scaleY(1.02);}
60% {-webkit-transform: scaleY(0.98);}
80% {-webkit-transform: scaleY(1.01);}
100% {-webkit-transform: scaleY(0.98);}				
80% {-webkit-transform: scaleY(1.01);}
100% {-webkit-transform: scaleY(1);}
}

/* PullDown */
.active  .pullDown{animation-name: pullDown; -webkit-animation-name: pullDown;	animation-duration: 1.1s;	-webkit-animation-duration: 1.1s;	animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%;}

@keyframes pullDown {
0% {transform: scaleY(0.1);}
40% {transform: scaleY(1.02);}
60% {transform: scaleY(0.98);}
80% {transform: scaleY(1.01);}
100% {transform: scaleY(0.98);}				
80% {transform: scaleY(1.01);}
100% {transform: scaleY(1);}
}

@-webkit-keyframes pullDown {
0% {-webkit-transform: scaleY(0.1);}
40% {-webkit-transform: scaleY(1.02);}
60% {-webkit-transform: scaleY(0.98);}
80% {-webkit-transform: scaleY(1.01);}
100% {-webkit-transform: scaleY(0.98);}
80% {-webkit-transform: scaleY(1.01);}
100% {-webkit-transform: scaleY(1);}
}

/* StretchLeft */
.active  .stretchLeft{animation-name: stretchLeft; -webkit-animation-name: stretchLeft; animation-duration: 1.5s;	-webkit-animation-duration: 1.5s;	animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%;}

@keyframes stretchLeft {
0% {transform: scaleX(0.3);}
40% {transform: scaleX(1.02);}
60% {transform: scaleX(0.98);}
80% {transform: scaleX(1.01);}
100% {transform: scaleX(0.98);}				
80% {transform: scaleX(1.01);}
100% {transform: scaleX(1);}
}

@-webkit-keyframes stretchLeft {
0% {-webkit-transform: scaleX(0.3);}
40% {-webkit-transform: scaleX(1.02);}
60% {-webkit-transform: scaleX(0.98);}
80% {-webkit-transform: scaleX(1.01);}
100% {-webkit-transform: scaleX(0.98);}				
80% {-webkit-transform: scaleX(1.01);}
100% {-webkit-transform: scaleX(1);}		
}

/* StretchRight */
.active  .stretchRight{animation-name: stretchRight;	-webkit-animation-name: stretchRight;	animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;}

@keyframes stretchRight {
0% {transform: scaleX(0.3);}
40% {transform: scaleX(1.02);}
60% {transform: scaleX(0.98);}
80% {transform: scaleX(1.01);}
100% {transform: scaleX(0.98);}				
80% {transform: scaleX(1.01);}
100% {transform: scaleX(1);}							
}

@-webkit-keyframes stretchRight {
0% {-webkit-transform: scaleX(0.3);}
40% {-webkit-transform: scaleX(1.02);}
60% {-webkit-transform: scaleX(0.98);}
80% {-webkit-transform: scaleX(1.01);}
100% {-webkit-transform: scaleX(0.98);}	
80% {-webkit-transform: scaleX(1.01);}
100% {-webkit-transform: scaleX(1);}		
}