/*
Theme Name: Torjan Development
Theme URI: http://www.trojandev.co.nz
Description: Torjan Development
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:#12204F;}
.white{color:#FFFFFF;}
.blue{color:#00B1F1;}
header .container{margin-top:20px;padding:0px;background:#23408E;-webkit-border-top-left-radius: 40px;-webkit-border-top-right-radius: 40px;-moz-border-radius-topleft: 40px;-moz-border-radius-topright: 40px;border-top-left-radius: 40px;border-top-right-radius: 40px;}
#logo{margin:30px 80px 30px 80px;}
#logo a img{float:right;}
#tagline{width:60%;padding-top:5px;}
/* NAVBAR */
#menu{position:relative;background:url(./images/design/menu-bg.jpg) 0% 0%;z-index:999;}
.navbar{min-height:38px;margin:0px;background:transparent;}
.navbar-nav{float:none;margin:0 auto;}
.navbar-default{height:38px;border:0px;}
.navbar-nav li a{padding:10px 15px 8px 15px;font-size:14px;color:#FFFFFF !important;text-transform:uppercase;}
.navbar-nav li a:hover{background:#34AFE7 !important;}
.navbar-nav .active{color:#FFFFFF !important;background:#34AFE7 !important;}
.navbar-nav .active a{background:transparent !important;}
.navbar-nav .open>a{color:#FFFFFF !important;background:transparent !important;}
.dropdown-menu{padding:0px;border:0px;border-radius:0px;background:#0185C3;}
.dropdown-menu>li>a{color:#FFFFFF;}
.dropdown-menu>li>a:hover{color:#FFFFFF;background:#000000;}
.dropdown-menu li:hover a+ul {display: block; top: -15%; left: 100%;}
.navbar-default .navbar-toggle .icon-bar{background-color:#FFFFFF;}
.navbar-default .navbar-toggle .icon-wording{float:right;margin:-3px 0 0 30px;color:#FFFFFF;}
.navbar-default .navbar-toggle{float:left;margin:3px 3px 0px 10px;border:0px;background-color:transparent;}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent;}
/* CUSTOMIZE CAROUSEL */
#slider{margin:20px 0;}
#banner{padding:0 !important;}
#banner .bannerSlide{float:left;width:71.7%;}
.productDescription{float:left;width:28.3%;padding:20px;color:#FFFFFF;line-height:18px;border-left:1px solid #FFFFFF;}
.productDescription h2{margin:0 0 18px 0;font-size:18px;font-weight: bold !important;}
.productDescription a{color:#FFFFFF;text-decoration:none;}
.productDescription a:hover{text-decoration:none;}
#banner .productDescription .btn-primary{margin-top: 10px !important;}
.carousel-inner{background:#23408E;}
.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;}
.carousel-indicators{left:5% !important;}
/* PRODUCTS */
.productsItems{float:left;width:46.4%;margin:20px;min-height:300px;}
.productText{float:left;width:60%;padding:0 13px;}
.productText h2{margin:0px;font-size:18px;}
.productText p{margin:20px 0;}
.productImages{float:left;width:40%;text-align:center;}
.productButton{float:left;width:140px;padding:5px 0;text-align:center;background:url(images/design/button-bg.jpg);}
.productButton a{color:#FFFFFF;}
.b1{margin-right:5px;}
.b2{margin-left:5px;}
.mbot{margin-bottom:20px;}
.inline-block{ display: inline-block; }
footer .container{margin-bottom:20px;padding:16px 0 18px 0;font-size:12px;color:#89A8EB;text-align:center;text-transform:uppercase;background:#23408E;-webkit-border-bottom-right-radius: 40px;-webkit-border-bottom-left-radius: 40px;-moz-border-radius-bottomright: 40px;-moz-border-radius-bottomleft: 40px;border-bottom-right-radius: 40px;border-bottom-left-radius: 40px;}
footer .container a{color:#89A8EB;}
footer .container a:hover{color:#FFFFFF;}
.nothing{clear:both;margin:0px;padding:0px;}
/* Form Styling */
.inputFields{margin:0 0 10px 0;}
.inputFields label{float:left;width:17%;padding:10px;font-weight:normal;}
.inputFields label span{color:#FF0000;}
.inputFields br{display:none;}
.inputFields input{width:82%;padding:10px;color:#000000;border:0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow:0px 0px 5px 1px rgba(50, 50, 50, 0.4);-moz-box-shadow:0px 0px 5px 1px rgba(50, 50, 50, 0.4);box-shadow:0px 0px 5px 1px rgba(50, 50, 50, 0.4);}
/*.inputFields .wpcf7-list-item input{width:2% !important;} */
.inputFields textarea{width:82%;padding:10px;color:#000000;border:0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow:0px 0px 5px 1px rgba(50, 50, 50, 0.4);-moz-box-shadow:0px 0px 5px 1px rgba(50, 50, 50, 0.4);box-shadow:0px 0px 5px 1px rgba(50, 50, 50, 0.4);}
.inputFields .enquriy-type{top:6px;padding:10px;}
.inputFields .wpcf7-select{top:6px;padding:10px;color:#000000;}
.inputFields .wpcf7-list-item input[type="checkbox"], .inputFields .wpcf7-list-item input[type="radio"] {width: 100% !important;border: 0 !important;box-shadow: none !important;}
.inputFields .wpcf7-list-item input[type="radio"] {width: 45px !important;border: 0 !important;box-shadow: none !important; transform: scale(2);}
.radio-146 {padding:8px 0 0 0;display:block;}
.wpcf7-submit{width:110px;margin:10px 0;padding:6px 15px;color:#FFFFFF;text-transform:uppercase;border:1px solid #FFFFFF;display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0px 0px 10px 5px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 10px 5px rgba(0,0,0,0.1);box-shadow:0px 0px 10px 5px rgba(0,0,0,0.1);background:#5BB9D5; /* Old browsers */background:-moz-linear-gradient(top,  #5BB9D5 0%, #3D8DB2 100%); /* FF3.6+ */background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5BB9D5), color-stop(100%,#3D8DB2)); /* Chrome,Safari4+ */background:-webkit-linear-gradient(top,  #5BB9D5 0%,#3D8DB2 100%); /* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top,  #5BB9D5 0%,#3D8DB2 100%); /* Opera 11.10+ */background:-ms-linear-gradient(top,  #5BB9D5 0%,#3D8DB2 100%); /* IE10+ */background:linear-gradient(to bottom,  #5BB9D5 0%,#3D8DB2 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5BB9D5', endColorstr='#3D8DB2',GradientType=0 ); /* IE6-9 */transition:all 0.5s ease;}
.wpcf7-submit{color:#FFFFFF;text-decoration:none;background:#23408E;}
.wpcf7-submit:hover{color:#FFFFFF;text-decoration:none;background:#00B1F1;}
span.wpcf7-not-valid-tip {width:45%;margin:0 auto;padding:10px 0 0 0;font-size:1em;color:#FF0000;display:block;}
div.wpcf7-validation-errors{padding:6px;border:2px solid #FFE271;background:#FFF6BF;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background-color: #23408E !important; border-color: #23408E !important;}

/* RESPONSIVE CSS */
@media only screen and (min-width:1024px) and (max-width:1279px){
 .productDescription h2{margin:0 0 10px;}
 .productDescription{padding:17px 20px;font-size:12px;}
}
@media only screen and (min-width:1280px){
 .productDescription{height:350px;}
}
@media only screen and (min-width:0px) and (max-width:1023px){
 @media only screen and (min-width:640px) and (max-width:1023px){
  #logo{margin:30px auto;width:600px;}
 }
 @media only screen and (min-width:768px) and (max-width:1023px){
  .navbar-nav li a{padding:10px 10px 7px 10px;}
  .navbar-collapse{padding:0px;}
  .productsItems{width:50%;margin:20px 0px;}
  .b1{margin:0 0 10px 0;}
  .b2{margin:0px;}  
 }
 @media only screen and (min-width:0px) and (max-width:639px){
  #logo{width:80%;margin:30px auto;}
  #slider{margin-top:0px;}
 }
 #banner .bannerSlide{float:none;width:100%;}
 #banner .productDescription{float:none;width:100%;border-left:0px;background:#23408E;}
 footer .container{padding:16px 145px 18px;}
 @media only screen and (min-width:0px) and (max-width:639px){
  footer .container{padding:16px 10px 18px;}
 }
 @media only screen and (min-width:640px) and (max-width:719px){
  footer .container{padding:16px 100px 18px;}
 }
}

@media only screen and (min-width:0px) and (max-width:479px){
 #logo a img{float:none;margin:0px auto;}
 #tagline{display:none;}
}

@media only screen and (min-width:480px) and (max-width:639px){
 .inputFields label{width:32%;}
 .inputFields input{width:68%;}
 .inputFields textarea{width:68%;}
}

@media only screen and (min-width:640px) and (max-width:1023px){
 /*#logo a img{width:60%;}*/
 .inputFields label{width:27%;}
 .inputFields input{width:72%;}
 .inputFields textarea{width:72%;}
}

@media only screen and (min-width:0px) and (max-width:1023px){
 .carousel-indicators{left:90% !important;}
}

@media only screen and (min-width:0px) and (max-width:720px){
 #navbar{padding:0px;}
 .navbar-nav{width:100% !important;margin:0px;}
 .navbar-collapse{border:0px;background:#0185C3;}
 .navbar-collapse .nav li{border-bottom:1px solid #4DAAD5;}
 .productsItems{width:100%;margin:20px 0px;}
 .b1{margin:0 0 10px 0;}
 .b2{margin:0px;}
}
@media only screen and (min-width:1024px) and (max-width:1136px){
 .productsItems{width:50%;margin:20px 0px;}
 .b1{margin:0 0 10px 0;}
 .b2{margin:0px;}
}
@media only screen and (min-width:361px) and (max-width:720px){
  header .container{margin-top:10px;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;}
  #logo{width:80%;margin:15px auto;}
  #tagline{padding-top:18px;}
  footer .container{-webkit-border-bottom-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-bottomright: 20px;-moz-border-radius-bottomleft: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
}
@media only screen and (min-width:0px) and (max-width:360px){
  header .container{margin-top:10px;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
  #logo{width:60%;margin:10px auto;}
  footer .container{-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}  
 .inputFields label{width:100%;}
 .inputFields input{width:100%;}
 .inputFields textarea{width:100%;}
}

@media only screen and (min-width:768px) and (max-width:1279px){
 #tagline{padding-top:16px;}
}

@media only screen and (min-width:1024px){
 .defaultpage .container{min-height:300px;}
}

@media only screen and (min-width:1024px) and (max-width:1920px){
 .inputFields input{margin-bottom:8px;padding:4px 10px;}
}
/*
==============================================
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);}		
}