/*
	Theme Name: Hair Bright
	Theme URI: http://www.dewneot.in
	Description: Html 5 responsive site for Hair Bright
	Version: 2.0
	Author: Haris
	Author URI: http://kanudigital.com
*/
/*************************************************************************************************
													RESET
***************************************************************************************************/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
@import url(//fonts.googleapis.com/earlyaccess/notosansmalayalamui.css);
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:0 0}a:focus{outline:none}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*{ margin: 0; padding: 0; list-style-type: none;} 
/*************************************************************************************************
													COMMON
***************************************************************************************************/
.font1{font-family: 'Noto Sans Malayalam UI', sans-serif;}
.dew, .wow{visibility:hidden;}
.p0{padding:0;} .m0{margin:0;} .p5{padding:5px;} .p10{padding:10px;} .p15{padding:15px;} .p20{padding:20px;} .p25{padding:25px;} .p30{padding:20px;} .ptop5{padding-top:5px;} .ptop10{padding-top:10px;} .ptop15{padding-top:15px;} .ptop20{padding-top:20px;} .ptop30{padding-top:30px;} .pbtm5{padding-bottom:5px;} .pbtm10{padding-bottom:10px;} .pbtm15{padding-bottom:15px;} .pbtm20{padding-bottom:20px;} .pbtm30{padding-bottom:30px;} .prite5{padding-right:5px;} .prite10{padding-right:10px;} .prite15{padding-right:15px;} .prite20{padding-right:20px;} .plft5{padding-left:5px;} .plft10{padding-left:10px;} .plft15{padding-left:15px;} .plft20{padding-left:20px;} .m5{margin:5px} .m10{margin:10px} .m15{margin:15px} .m20{margin:20px} .m25{margin:25px} .m30{margin:30px} .mtop5{margin-top:5px;} .mtop10{margin-top:10px;} .mtop15{margin-top:15px;} .mtop20{margin-top:20px;} .mtop30{margin-top:30px;} .mbtm5{margin-bottom:5px;} .mbtm10{margin-bottom:10px;} .mbtm15{margin-bottom:15px;} .mbtm20{margin-bottom:20px;} .mrite5{margin-right:5px;} .mrite10{margin-right:10px;} .mrite15{margin-right:15px;} .mrite20{margin-right:20px;} .mlft5{margin-left:5px;} .mlft10{margin-left:10px;}.mlft15{margin-left:15px;} .mlft20{margin-left:20px;} 
html[xmlns] .clearfix {display: block;font-family: 'Open Sans', sans-serif;}
* html .clearfix {height: 1%;}
body{margin:0;padding:0;width:100%;font-family: 'Montserrat', sans-serif;}
.container{max-width:1170px;width:100%;margin:0 auto;}
.m-color, .m-color a{color:#0074c8}
.ttc{text-transform:capitalize;}
.ttu{text-transform:uppercase;}
.container{max-width:1170px;width:100%;margin:0 auto;}
.row{width:100%;}
.row-twenty{width:20%;float:left;}
.row-half{width:50%;float:left;}
.row-three{width:33.33333333%;float:left;}
.row-four{width:25%;float:left;}
.row-five{width:20%;float:left;}
.row-thirty{width:30%;float:left;}
.row-fourty{width:40%;float:left;}
.row-sixty{width:60%;float:left;}
.row-seventy{width:70%;float:left;}
.row-eighty{width:80%;float:left;}
/* clear floats */
.container:after, .container:before, .row:after, .row:before{display: table;content: " ";clear: both;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display:block; } 
.clear , .cb{ clear: both; }
.left, .alignleft{float:left;}
.right, .alignright{float:right;}
.center{text-align:center;}
.fleft{text-align:left;}
.inline{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
img{max-width:100%;height:auto;vertical-align:bottom; }
a, a:hover{text-decoration:none;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
*, *:after, *:before { -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; } 
input:focus { outline:0; border:1px solid #04A4CC; } 
/*Core*/
.alignnone { margin:5px 20px 20px 0; } .aligncenter, div.aligncenter { display:block; margin:5px auto 5px auto; } .alignright { float:right; margin:5px 0 20px 20px; } .alignleft { float:left; margin:5px 20px 20px 0; } a img.alignright { float:right; margin:5px 0 20px 20px; } a img.alignnone { margin:5px 20px 20px 0; } a img.alignleft { float:left; margin:5px 20px 20px 0; } a img.aligncenter { display:block; margin-left:auto; margin-right:auto; } .wp-caption { background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center; } .wp-caption.alignnone { margin:5px 20px 20px 0; } .wp-caption.alignleft { margin:5px 20px 20px 0; } .wp-caption.alignright { margin:5px 0 20px 20px; } .wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; } .wp-caption .wp-caption-text, .gallery-caption { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } 
::selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } 
p{font-weight: 300;margin-bottom: 20px;font-family: 'Open Sans', sans-serif;    font-size: 15px;}
.trite{text-align:right;}
/*************************************************************************************************
													Header
***************************************************************************************************/
.left li{text-align:left;}
.left li:before {
  position: absolute;
  left: 0;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 50%;
  top: 6;
  margin-top: 8px;
}
.left li {
  padding-left: 20px;
  position: relative; 
  float: left;
  margin-bottom: 5px;
}
#mob-menu{ display: none;height: 40px; line-height: 40px; cursor: pointer; padding: 0 15px 0 15px; border: 1px solid #299B69; color: #fafafa; font-weight: bold; background-color: #299B68; text-align: left;    position: relative;} 
#mob-menu:before, #mob-menu:after  { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; right: 20px; top: 24px; } 
#mob-menu:after { top: 16px; } 
.logo-stick{display:none;width: 190px;padding: 5px 0;}
.header{position: fixed;width: 100%;top: 0;z-index: 9999;left:0;    -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;transition: all 0.8s ease;}
.menu ul#menu-ul li{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
.menu ul#menu-ul li a{display: block; padding:24px 15px; color: #fff; font-weight: 600; font-size: 15px;} 	
.menu ul#menu-ul li.last a{letter-spacing:1px;}
.logo img.logo-big{width: 90px;padding-top:10px;}
.span-new  {background: url(images/ml-bg.jpg) no-repeat right top; }
.span-new .row-four:nth-child(4),.span-new .row-four:nth-child(8) {margin-right: 0; }
.span-new .row-four {
    width: 23%;
  margin-right: 2.6%; -webkit-box-shadow: -1px 1px 23px -7px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 1px 23px -7px rgba(0,0,0,0.15);
  box-shadow: -1px 1px 23px -7px rgba(0,0,0,0.15);color: #fff;
  background-color: #009965;}
/*************************************************************************************************
													Front Page
***************************************************************************************************/
body h1, body h2, body h3, body h4, body h5, body h6{font-size: 20px;font-weight: 400;color: #16a085;margin: 0 0 15px 0;}
section{padding:80px 0;}
#slideshow{margin:0 auto;}
.slider{position:relative;}
.slide-content{position: absolute; margin-left: auto; margin-right: auto; left: 12%; right: 0;top:20%; } 
.slide-content img.first{margin-top: 16%;}
.slide-content.sldr2 img.first{margin-top: 12%;margin-bottom:20px;}
a.s-more{background: #16a085; color: #fff; padding: 10px;clear: both; font-size: 13px; font-weight: 600;} 
.about-ml{background:url(images/ml-bg.jpg) no-repeat right top}
.about-ml p, .directions-ml p{font-family: 'Noto Sans Malayalam UI', sans-serif;font-size: 16px;}
.directions-ml p.clr{font-size: 22px;color: #FFD401;}
.about-ml h1{font-size: 30px;font-weight: 700;}
.directions-ml{color:#fff;background:#009965  }
.directions-ml p{padding: 0 10%;}
.directions-ml h2{color: #fff;font-weight: 700;font-size: 30px;}
.about .container{padding: 0px 4%;}
.about .container .row-fourty{padding-right:2%;padding-top: 8%;}
.about h3{font-size: 25px;font-weight: 700;margin-bottom:20px;}
.t-name{font-weight:700;color:#16a085}
.directions img{width: 480px;}
.directions-ml h4{font-size: 25px;color: #fff;}
.about-ml ul li{list-style-type: disc;margin-left: 20px;margin-bottom: 5px;}
.about-ml img{width: 190px;}
section#testimonials, section#home{padding:0;overflow:hidden}
.ingrediant-list ul li{width:30%;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;padding:15px 0;color:#fff;font-size: 15px;position:relative;}
.ingrediant-list ul.title li{padding:20px 0;}
.ingrediant-list ul.title li:after{content:"";position:absolute;width:100px;height:2px;background:#fff;left: 36%;bottom: 0px;}
.ingrediant-list ul li.first{background:#43a78b;}
.ingrediant-list ul li.second{background:#74d4ab;}
.ingrediant-list ul li.third{background:#8bb958;}
.second-row { background-image: url(images/parallax.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; color: #fff; } 
.second-row h3 { margin-bottom: 50px; } 
#testimonial ol.bjqs-markers li.active-marker {border: 2px solid rgb(31, 152, 100);} 
#testimonial ol.bjqs-markers li { padding: 0; text-indent: -99999999px; width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin: 0 5px; border: 2px solid #fff; } 
#testimonial ol.bjqs-markers li a { display: block; } 
.overlay { position: relative; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); padding: 80px 0 60px 0;} 
#gallery{background:#F5F6F8;}
#gallery p{padding: 0 10%;text-align: center;margin-bottom: 40px;}
#contact{ padding:0;background-image: url(images/contact.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; color: #fff; } 
#contact p.row-half.one{width: 49%;margin-right: 1%;}
#contact ul li{display: inline-block; color: #1F9864; font-size: 16px; /* font-weight: 600; */ padding: 5px 10px;} 	 	
#contact ul li a{color: #1F9864;} 	 	
#gmap_canvas #map, #gmap_canvas {height: 350px;}
.cd-top.cd-is-visible { visibility: visible; opacity: 1; } 
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } 
@media only screen and (min-width: 1024px){
.cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } }
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background:rgb(31, 152, 100) url(images/top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } 
div.wpcf7 { margin: 0; padding: 0; }  div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; }  div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; }  div.wpcf7-mail-sent-ok { border: 2px solid #398f14; }  div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; }  div.wpcf7-spam-blocked { border: 2px solid #ffa500; }  div.wpcf7-validation-errors { border: 2px solid #f7e700; }  .wpcf7-form-control-wrap { position: relative; }  span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; display: block; }  .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em; }  span.wpcf7-list-item { margin-left: 0.5em; }  .wpcf7-display-none { display: none; }  div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; }  div.wpcf7 div.ajax-error { display: none; }  div.wpcf7 .placeheld { color: #888; } /*************************************************************************************************
													Front Gallery
***************************************************************************************************/
#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #222; background-color: rgba(0, 0, 0, 0.8); transition: opacity .5s ease; } #baguetteBox-overlay.visible { opacity: 1; } #baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; } #baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; } #baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } #baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: sans-serif; } #baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease; } #baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; } .baguetteBox-button { position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0; -moz-border-radius: 15%; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; transition: background-color .4s ease; } .baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); } .baguetteBox-button#next-button { right: 2%; } .baguetteBox-button#previous-button { left: 2%; } .baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; } .baguetteBox-button svg { position: absolute; left: 0; top: 0; } /* Preloader Borrowed from http://tobiasahlin.com/spinkit/ */ .spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } 
@-webkit-keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } @keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } @-webkit-keyframes bounce { 0%,100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce { 0%,100% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } }
/*************************************************************************************************
													Slider
***************************************************************************************************/
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
li.bjqs-slide p{padding: 0 30px;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;background-position: -27px 0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
ul.bjqs-controls.v-centered li a{text-indent: -9999999px;width: 26px;height: 40px;background:url(images/next-previous.png) no-repeat;}
/*************************************************************************************************
													FOOTER
***************************************************************************************************/
.footer{padding: 40px 0 10px 0;}
.footer, .footer a, .footer p{color: #666666;font-size: 13px;}
.footer .row-half.trite img{width:80px;}
.dew-logo{width: 70px;}
/*************************************************************************************************
													Forms
***************************************************************************************************/
input[type="text"], input[type="email"], textarea{    background: transparent; border:1px solid #16a085; color: #16a085; font-size: 15px; font-weight: 300; margin: 0; padding: 10px; width: 100%;} 	
input[type="submit"]{     background: none repeat scroll 0 0 rgb(22, 160, 133);border: 1px solid rgb(22, 160, 133);cursor: pointer; display: inline-block; font-size: 15px; font-weight: 300; margin-bottom: 0; padding: 8px 25px;transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; width: auto; border-radius: 0; color: #fff; margin: 10px 0; box-shadow: none;}   
input[type="submit"]:hover{background-color:#fff;color:#16a085; border: 1px solid #ABA8A8;}
::-webkit-input-placeholder {color: #16a085;}
:-moz-placeholder {color: #16a085;  }
::-moz-placeholder {color: #16a085;  }
:-ms-input-placeholder {  color:#16a085;  }
/*************************************************************************************************
													RESPONSIVE
***************************************************************************************************/
@media only screen and ( max-width: 1024px ){
.container{padding:0 20px;}
.slide-content{left:0;}
.sld-inner{width:60%;}
.sld-img{width:40%;}
.menu ul#menu-ul li a {padding: 24px 8px;}
}
@media only screen and (max-width: 980px){
.logo img.logo-big{display:none!important}
img.logo-stick{display: inline-block!important;}
.logo, .menu{width: 100%;text-align: center;}
.menu ul#menu-ul li a {padding: 10px 8px;}
.header {position: inherit;background:#fff!important}
.menu ul#menu-ul li a{color: rgb(22, 160, 133)!important;}
}
@media only screen and (max-width: 920px){
.about .container {padding: 0px 20px;}
}
@media only screen and (max-width: 850px){
.about-ml h1 {font-size: 25px;}
#testimonial, .bjqs-wrapper, ul.bjqs, .bjqs-slide{height:350px!important}
}
@media only screen and (max-width: 820px){
.menu ul#menu-ul li a {padding: 10px 3px;}
}
@media only screen and (max-width: 728px){
.header > .container{padding:0;}
ul#menu-ul{display:none;}
#mob-menu{display:block;}
.menu ul#menu-ul li{display:block;}
.menu ul#menu-ul li a{font-weight:400;}
.about .row-fourty, .about .row-sixty, .directions .row-half{width:100%;float:none;margin-bottom: 20px;}
#gallery p {padding:0}
#gallery .row-four {width: 50%;}
.span-new .row-four {float:none;clear:both;padding:0;width:100%;}
.footer .row-half{width:100%;float:none;text-align: center;margin-bottom: 20px;}
.about-ml .row-thirty, .about-ml .row-seventy{width: 100%;margin-bottom: 10px;float:none;}
.directions-ml h2 {font-size: 25px;}
.directions-ml p {padding: 0 0;}
.directions-ml p.clr {font-size: 20px;}
#testimonial, .bjqs-wrapper, ul.bjqs, .bjqs-slide{height:450px!important}
.slide-content{top: 10%;}
}
@media all and (max-width: 650px){
a.s-more {padding: 5px;font-size: 12px;font-weight: 400;}
.sld-inner {width: 70%;}
.sld-img {width: 30%;}
.second-row h3 {margin-bottom: 20px;}
#contact p.row-half.one, #contact p.row-half{width: 100%;margin-right: 0;float:none}
.ingrediant-list ul.title li:after{display:none;}
.ingrediant-list ul li {width: 32%;}
.slide-content.sldr2 img.first {margin-top: 0%;}
ul.bjqs-controls.v-centered li a{top: 20%!important;}
}
@media all and (max-width: 590px){
.ingrediant-list ul li{font-size:12px;}
.slide-content{top: 5%;}
#testimonial, .bjqs-wrapper, ul.bjqs, .bjqs-slide {height:800px!important;}
}
@media all and (max-width: 480px){
#ingredients .container{overflow:hidden;overflow-x: auto;}
.ingrediant-list{ width: 550px; overflow-x: scroll;}
}
/*************************************************************************************************
													Animations
***************************************************************************************************/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;} .animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;} .animated.bounceIn, .animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;} .animated.flipOutX, .animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;} @-webkit-keyframes bounce{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} 40%, 43%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);} 70%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0);} 90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);} } @keyframes bounce{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} 40%, 43%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);} 70%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0);} 90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);} } .bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;} @-webkit-keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} } @keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} } .flash{-webkit-animation-name:flash;animation-name:flash;} @-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .pulse{-webkit-animation-name:pulse;animation-name:pulse;} @-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1);} 40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1);} 50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1);} 65%{-webkit-transform:scale3d(.95, 1.05, 1);transform:scale3d(.95, 1.05, 1);} 75%{-webkit-transform:scale3d(1.05, .95, 1);transform:scale3d(1.05, .95, 1);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes rubberBand{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1);} 40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1);} 50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1);} 65%{-webkit-transform:scale3d(.95, 1.05, 1);transform:scale3d(.95, 1.05, 1);} 75%{-webkit-transform:scale3d(1.05, .95, 1);transform:scale3d(1.05, .95, 1);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;} @-webkit-keyframes shake{0%, 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);} 20%, 40%, 60%, 80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);} } @keyframes shake{0%, 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);} 20%, 40%, 60%, 80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);} } .shake{-webkit-animation-name:shake;animation-name:shake;} @-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg);} 100%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);} } @keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg);} 100%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);} } .swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;} @-webkit-keyframes tada{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes tada{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .tada{-webkit-animation-name:tada;animation-name:tada;} @-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none;} 15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);} 30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);} 45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);} 60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);} 75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);} 100%{-webkit-transform:none;transform:none;} } @keyframes wobble{0%{-webkit-transform:none;transform:none;} 15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);} 30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);} 45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);} 60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);} 75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);} 100%{-webkit-transform:none;transform:none;} } .wobble{-webkit-animation-name:wobble;animation-name:wobble;} @-webkit-keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);} 60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);} 80%{-webkit-transform:scale3d(.97, .97, .97);transform:scale3d(.97, .97, .97);} 100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);} 60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);} 80%{-webkit-transform:scale3d(.97, .97, .97);transform:scale3d(.97, .97, .97);} 100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;} @-webkit-keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0);} 60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);} 75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);} 90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0);} 100%{-webkit-transform:none;transform:none;} } @keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0);} 60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);} 75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);} 90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0);} 100%{-webkit-transform:none;transform:none;} } .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;} @-webkit-keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0);} 60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0);} 75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);} 90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0);} 100%{-webkit-transform:none;transform:none;} } @keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0);} 60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0);} 75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);} 90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0);} 100%{-webkit-transform:none;transform:none;} } .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;} @-webkit-keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0);} 60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0);} 75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);} 90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);} 100%{-webkit-transform:none;transform:none;} } @keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0);} 60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0);} 75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);} 90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);} 100%{-webkit-transform:none;transform:none;} } .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;} @-webkit-keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0);} 60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);} 75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} 90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);} 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0);} 60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);} 75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} 90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);} 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;} @-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);} 50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 100%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} } @keyframes bounceOut{20%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);} 50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 100%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} } .bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;} @-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} 40%, 45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);} 100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } @keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} 40%, 45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);} 100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } .bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;} @-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);} 100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } @keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);} 100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;} @-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);} 100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } @keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);} 100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;} @-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);} 40%, 45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);} 100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } @keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);} 40%, 45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);} 100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;} @-webkit-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} } @keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} } .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} @-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;} @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;} @-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;} @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;} @-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;} @-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;} @-webkit-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } @keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;} @-webkit-keyframes fadeOutDown{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} } @keyframes fadeOutDown{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} } .fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;} @-webkit-keyframes fadeOutDownBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } @keyframes fadeOutDownBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} } @keyframes fadeOutLeft{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} } .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } @keyframes fadeOutLeftBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } @keyframes fadeOutRight{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;} @-webkit-keyframes fadeOutRightBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } @keyframes fadeOutRightBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;} @-webkit-keyframes fadeOutUp{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} } @keyframes fadeOutUp{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} } .fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;} @-webkit-keyframes fadeOutUpBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } @keyframes fadeOutUpBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;} @-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) scale3d(.95, .95, .95);transform:perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} } @keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) scale3d(.95, .95, .95);transform:perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} } .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;} @-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);} } @keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);} } .flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg);} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);} } @keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg);} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);} } .flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;} @-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px);} 30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;} } @keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px);} 30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;} } .flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;} @-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px);} 30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;} } @keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px);} 30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;} } .flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;} @-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0;} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;} 100%{-webkit-transform:none;transform:none;opacity:1;} } @keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0;} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;} 100%{-webkit-transform:none;transform:none;opacity:1;} } .lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} @-webkit-keyframes lightSpeedOut{0%{opacity:1;} 100%{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0;} } @keyframes lightSpeedOut{0%{opacity:1;} 100%{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0;} } .lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} @-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;} 100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;} 100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;} } .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;} @-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;} } .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;} } .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;} } .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;} } .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;} @-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1;} 100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0;} } @keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1;} 100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0;} } .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;} @-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} } @keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} } .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} } @keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} } .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} } @keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} } .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0;} } @keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0;} } .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;} @-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 20%, 60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 40%, 80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;} 100%{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0;} } @keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 20%, 60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 40%, 80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;} 100%{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0;} } .hinge{-webkit-animation-name:hinge;animation-name:hinge;} @-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;} @-webkit-keyframes rollOut{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);} } @keyframes rollOut{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);} } .rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;} @-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 50%{opacity:1;} } @keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 50%{opacity:1;} } .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;} @-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;} @-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;} @-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;} @-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;} @-webkit-keyframes zoomOut{0%{opacity:1;} 50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 100%{opacity:0;} } @keyframes zoomOut{0%{opacity:1;} 50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 100%{opacity:0;} } .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);} 100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center;} } @keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);} 100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center;} } .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);} 100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center;} } @keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);} 100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center;} } .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;} @-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible;} 100%{-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible;} 100%{-webkit-transform:translateY(0);transform:translateY(0);} } .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;} @-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible;} 100%{-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible;} 100%{-webkit-transform:translateX(0);transform:translateX(0);} } .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;} @-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;} 100%{-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;} 100%{-webkit-transform:translateX(0);transform:translateX(0);} } .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;} @-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;} 100%{-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;} 100%{-webkit-transform:translateY(0);transform:translateY(0);} } .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;} @-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);} 100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);} } @keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);} 100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);} } .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;} @-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);} 100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);} } @keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);} 100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);} } .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;} @-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);} 100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);} } @keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);} 100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);} } .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;} @-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);} 100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);} } @keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);} 100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);} } .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}