/*
Theme Name: Saveurs d'ici
Theme URI: 
Author: Codeway
Description: 
Version: 1
*/



/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}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:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


img { max-width:100%; height: auto; } /* Enough everywhere except IE8. */
@media \0screen {img { width: auto !important }} /* Prevent height distortion in IE8. */



html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

body{
    background: #000;
}


html,body{
    width:100%;overflow-x:hidden;
}

.wrapper {
    position: relative;
    width: 100%;
    margin: 0;
}

header nav .menu-header-container{
    padding: 36px 0 0 20px;
}
header nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

header nav a {
    display: inline-block;
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    padding: 6px 16px;    
    text-decoration: none;
    font-family: 'weblysleek_uisemibold';
}

header nav a:hover,
header nav a:visited {
    color: #000;
    text-decoration: none;
}

/* Commander */
header nav li#menu-item-18 a,
header nav li#menu-item-29 a{
  border:2px solid #000;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.allcenter{
    text-align: center;
}
header .allcenter{
    padding: 6px 0 0;
}

body.fixed header{
    position: fixed;
    z-index: 100;
    left: 50%;
    transform: translateX(-50%);
}
body.fixed #main{
    padding: 104px 0 0;
}

body{
    font-family: 'weblysleek_uisemilight';
  }

/*
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
*/
.responsive-container{
  position: relative;
}
.responsive-container iframe {
  width: 100%;
}

footer{
    text-align: center;
    font-size: 13px;
}
footer,
footer a{
    color: #585858;
    text-decoration: none;
    text-transform: uppercase;
}

footer .wrapper{

    padding: 35px 0;
}

header{
    background: url(img/bgtop.jpg) no-repeat center top;
}

footer{
    background: url(img/bgbottom.jpg) no-repeat center top;
}

footer, footer a{
    color: #000;
}

.logotop{
    display: inline-block;
    position: absolute;
    top: 10px;left:40px;
}

.sliderhome{
    position: relative;
}

.sliderhome .logoslider{
    display: none;
}

.sliderline1,
.hline3{
  border-top: 4px solid #ebb300;
}

.sliderline1{
  border-bottom: 4px solid #ebb300;
}
.sliderline1 .img,
.sliderline2 .img{
    background-size: cover;
    background-position: center center;
}

.sliderline1 .col,
.sliderline2 .col{
    width: 100%;
}
.sliderline1 .colleft{
    color: #000;
    background: #ebb300;
}
.sliderline2 .colright{
    color:#fff;
    background: #000;
}


  #owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
  }

.site-info{
  padding: 24px 0;
}
.site-info,
.site-info a,
.site-info a:visited{
  text-align: center;
  text-transform: uppercase;
  font-family: 'weblysleek_uisemilight';
  color: #fffefe;
  font-style: italic;
  font-size: 13px;
}

.hline1 .owl-controls{
  position: absolute;
  bottom: 0;
  left:0; 
  width: 50%;
}
.hline2 .owl-controls{
  position: absolute;
  bottom: 0;
  right:0; 
  width: 50%;
}

h1, h2{
    font-family: 'caslon_antiquebold';
}
h1{font-size: 24px;text-transform: uppercase;text-decoration: underline;}
h2{font-size: 24px;text-transform: uppercase;}
a,a:visited{color: #5f3831}
@font-face {
    font-family: 'caslon_antiquebold';
    src: url('fonts/caslonantique-bold-webfont.eot');
    src: url('fonts/caslonantique-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/caslonantique-bold-webfont.woff2') format('woff2'),
         url('fonts/caslonantique-bold-webfont.woff') format('woff'),
         url('fonts/caslonantique-bold-webfont.ttf') format('truetype'),
         url('fonts/caslonantique-bold-webfont.svg#caslon_antiquebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'weblysleek_uisemibold';
    src: url('fonts/weblysleekuisb-webfont.eot');
    src: url('fonts/weblysleekuisb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/weblysleekuisb-webfont.woff2') format('woff2'),
         url('fonts/weblysleekuisb-webfont.woff') format('woff'),
         url('fonts/weblysleekuisb-webfont.ttf') format('truetype'),
         url('fonts/weblysleekuisb-webfont.svg#weblysleek_uisemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'weblysleek_uisemilight';
    src: url('fonts/weblysleekuisl-webfont.eot');
    src: url('fonts/weblysleekuisl-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/weblysleekuisl-webfont.woff2') format('woff2'),
         url('fonts/weblysleekuisl-webfont.woff') format('woff'),
         url('fonts/weblysleekuisl-webfont.ttf') format('truetype'),
         url('fonts/weblysleekuisl-webfont.svg#weblysleek_uisemilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

header .wrapper{
    height: 104px;
    border-bottom:4px solid #ebb300;
}

footer .wrapper{
  border-top: 4px solid #ebb300;
}

.bgslider{
  position: absolute;
  top: 0;left:0;
  width: 100%;height: 100%;
  background: #000;
  opacity: 0.2;
  z-index: 30;
}

.page-inside{
  color: #fff;
}

.gmap{
  width: 100%;
  height: 400px;
}

.page2cols .colleft{
  background: #f7cd45;color:#000000;
  padding: 50px 30px;
}

.page2cols .col{
  vertical-align: middle;
}

.pageonecol .col{
  background: #f7cd45;color:#000000;
  padding: 50px 30px;
}

img.aligncenter{
  display: block;
  margin:0 auto;
}

.contacform{
  max-width: 600px;
}

.contacform form input,
.contacform form textarea{
  width: 100%;
  border: none;
}
.wpcf7-submit{
  background:#1D1D1B;
  padding: 12px 20px;
  color: #fff;
  text-transform: uppercase;
}

div.wpcf7-validation-errors{
  border: 1px solid #F74545;
  margin: 0;
  padding: 10px;
  color: #F74545;
  background: #fff;
}

div.wpcf7-mail-sent-ok{
  border: 1px solid #1D1D1B;
  margin: 0;
  padding: 10px;
  color: #1D1D1B;
  background: #fff;
}

.sliderline1 .colleft, .sliderline2 .colright {padding: 20px 40px;}
.sliderline1 .colleft h2, .sliderline2 .colright h2{margin-top: 0;}

footer .wrapperfooter{
  padding: 40px 40px 0;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
  font-family: 'weblysleek_uisemibold';
}
footer .wrapperfooter .col{
  padding: 0px 0px 40px;
}

footer .pictos-sociaux a{
  display: inline-block;
  margin-right: 6px; 
}
footer .pictos-sociaux a:last-child{
  margin-right: 0;
}
footer .title{
  padding: 0 0 20px 0;
}
footer ul{margin: 0; padding:0; list-style: none;}
footer a,
footer a:visited{color: #000;}

/* ==============
    MOBILE: Menu
   ============== */

nav.desktop{
  display: none;
}
.menumobilecontainer{display: block;text-align: center;padding:20px 0 0}
.menumobilecontainer a{text-decoration: none;text-transform: uppercase;color: #fff;display: inline-block;background: #F7CD45;padding: 10px;position: absolute;right: 20px;top:20px;color:#000;
    font-family: 'weblysleek_uisemibold';}

.contentwrap{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
  -webkit-transform: translate3d(0px, 0px, 0px); 
  -moz-transform: translate3d(0px, 0px, 0px); 
  -ms-transform: translate3d(0px, 0px, 0px); 
  -o-transform: translate3d(0px, 0px, 0px); 
  transform: translate3d(0px, 0px, 0px);
}
.showmenumobile .contentwrap{
  -webkit-transform: translate3d(300px, 0px, 0px); 
  -moz-transform: translate3d(300px, 0px, 0px); 
  -ms-transform: translate3d(300px, 0px, 0px); 
  -o-transform: translate3d(300px, 0px, 0px); 
  transform: translate3d(300px, 0px, 0px);
}
nav.mobile {
  display: none;
    position: absolute;
    left: -330px;top:0;
    width: 330px;
    z-index:50;
    background: #ebb300;
}
nav.mobile a, nav.mobile a:visited{
  color: #000;
}
nav.mobile > ul{
  padding: 30px 0;
}
.showmenumobile nav.mobile{
  display: block;
}


.menumobilecontainer .open{
  border:2px solid #000;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

header nav.mobile .menu-header-container{
  padding-top: 80px;
}

.closemenumobile{
  display: inline-block;
  position: absolute; top: 0px;
  right:20px;
  font-size: 40px;
  color: #fff;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

}


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

    nav.desktop{
      display: inline-block;
    }

    nav.mobile{
      display: none;
    }
    .slider{
        min-height: 200px;
        background: #2d3238;
    }
    .sliderline1 .colleft h2, .sliderline2 .colright h2{margin-top: 20px;}

    .sliderline1 .img img,
    .sliderline2 .img img{
        display: none;
    }
    .sliderline1 .col,
    .sliderline2 .col{
        width: 50%;
    }
    .sliderline1 .colright, .sliderline2 .colleft {height: 100%;}
    .sliderline1 .colleft, .sliderline2 .colright {padding: 50px 100px;}
    .sliderline1{height: 464px;}
    .sliderline1 .table,.sliderline2 .table{height: 456px;}
    .sliderline1 .img,.sliderline2 .img{height: 100%;width: 100%;}
    .table{display: table;width: 100%}
    .table .col{display: table-cell; vertical-align: top}

    .page2cols .colright{width: 50%;}
    .page2cols .colleft{width: 50%;} 
    .gmap{
      width: 100%;
      height: 800px;
    }
    .page2cols .colleft{
      padding: 68px 100px;
    }

    .pageonecol .col{
      background: #f7cd45;color:#000000;
      padding: 68px 100px;
    }

    .hline3 .col {height: 350px;width: 50%; vertical-align: middle}
    .hline3 .colvideo {background: #ebb300; vertical-align: middle;}

    header .wrapper{
        height: 104px;
        border-bottom:4px solid #ebb300;
    }



    nav ul li {
        display: inline;
    }

    .wrapper {
        position: relative;
    }

    .sliderhome .logoslider{
        display: inline-block;
        position: absolute;
        right: 10%;
        top: 140px;
        z-index: 20;
    }


    .logotop{
        display: inline-block;
        position: relative;
        top: -18px;
        left:0px;
    }

}



@media only screen and (min-width: 1200px) {

    .wrapper {
        position: relative;
        width: 1200px;
        margin: 0 auto;
    }

    .responsive-container iframe {
      width: 600px !important;
      height: 337px !important;
    }

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}










/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
    
.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}













/*
*   Owl Carousel Owl Demo Theme 
*   v1.3.3
*/

.owl-theme .owl-controls{
    margin-top: 10px;
    text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}








/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x : 50%;
    -webkit-perspective-origin-y : 50%;
    -moz-perspective : 1200px;
    -moz-perspective-origin-x : 50%;
    -moz-perspective-origin-y : 50%;
    perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}