@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.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,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-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%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-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%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.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)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.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)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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%,to{-webkit-transform:translateZ(0);transform:translateZ(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 headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(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) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{-webkit-transform:translateZ(0);transform:translateZ(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)}to{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)}to{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)}to{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)}to{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)}to{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)}to{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)}to{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)}to{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)}to{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)}to{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}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{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)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{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}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{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) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-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)}to{-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) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-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)}to{-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) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-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) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-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) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(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) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-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}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-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%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(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}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(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}to{-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) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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)}to{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)}to{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)}to{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)}to{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.plyr input[type=range]:focus,.plyr:focus{outline:0}.plyr .plyr__video-embed iframe,.plyr__tooltip{pointer-events:none}@keyframes plyr-progress{to{background-position:25px 0}}.plyr{position:relative;max-width:100%;min-width:200px;font-family:Avenir,'Avenir Next','Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;direction:ltr}.plyr,.plyr *,.plyr ::after,.plyr ::before{box-sizing:border-box}.plyr a,.plyr button,.plyr input,.plyr label{-ms-touch-action:manipulation;touch-action:manipulation}.plyr audio,.plyr video{width:100%;height:auto;vertical-align:middle;border-radius:inherit}.plyr input[type=range]{display:block;height:20px;width:100%;margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:0 0}.plyr input[type=range]::-webkit-slider-runnable-track{height:8px;background:0 0;border:0;border-radius:4px;-webkit-user-select:none;user-select:none}.plyr input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box}.plyr input[type=range]::-moz-range-track{height:8px;background:0 0;border:0;border-radius:4px;-moz-user-select:none;user-select:none}.plyr input[type=range]::-moz-range-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box}.plyr input[type=range]::-ms-track{height:8px;background:0 0;border:0;color:transparent}.plyr input[type=range]::-ms-fill-upper{height:8px;background:0 0;border:0;border-radius:4px;-ms-user-select:none;user-select:none}.plyr input[type=range]::-ms-fill-lower{height:8px;border:0;border-radius:4px;-ms-user-select:none;user-select:none;background:#3498db}.plyr input[type=range]::-ms-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box;margin-top:0}.plyr input[type=range]::-ms-tooltip{display:none}.plyr input[type=range]::-moz-focus-outer{border:0}.plyr input[type=range].tab-focus:focus{outline-offset:3px}.plyr input[type=range]:active::-webkit-slider-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr input[type=range]:active::-moz-range-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr input[type=range]:active::-ms-thumb{background:#3498db;border-color:#fff;transform:scale(1.25)}.plyr--video input[type=range].tab-focus:focus{outline:rgba(255,255,255,.5) dotted 1px}.plyr--audio input[type=range].tab-focus:focus{outline:rgba(86,93,100,.5) dotted 1px}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute!important;padding:0!important;border:0!important;height:1px!important;width:1px!important}.plyr__video-wrapper{position:relative;background:#000;border-radius:inherit;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)}.plyr__video-embed{padding-bottom:56.25%;height:0;overflow:hidden}.plyr__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plyr__video-embed>div{position:relative;padding-bottom:200%;transform:translateY(-35.95%)}.plyr video::-webkit-media-text-track-container{display:none}.plyr__captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;transform:translateY(-40px);transition:transform .3s ease;color:#fff;font-size:16px;text-align:center;font-weight:400}.plyr__captions span{border-radius:2px;padding:3px 10px;background:rgba(0,0,0,.7);-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:150%}.plyr__captions span:empty{display:none}@media (min-width:768px){.plyr__captions{font-size:24px}}.plyr--captions-active .plyr__captions{display:block}.plyr--fullscreen-active .plyr__captions{font-size:32px}.plyr--hide-controls .plyr__captions{transform:translateY(-15px)}.plyr ::-webkit-media-controls{display:none}.plyr__controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;line-height:1;text-align:center}.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button{margin-left:5px}.plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__time:first-child,.plyr__controls>button:first-child{margin-left:0}.plyr__controls .plyr__volume{margin-left:5px}.plyr__controls [data-plyr=pause]{margin-left:0}.plyr__controls button{position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;overflow:visible;vertical-align:middle;padding:7px;border:0;background:0 0;border-radius:3px;cursor:pointer;transition:background .3s ease,color .3s ease,opacity .3s ease;color:inherit}.plyr__controls button svg{width:18px;height:18px;display:block;fill:currentColor}.plyr__controls button:focus{outline:0}.plyr__controls .icon--captions-on,.plyr__controls .icon--exit-fullscreen,.plyr__controls .icon--muted{display:none}@media (min-width:480px){.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button{margin-left:10px}}.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none}.plyr--video .plyr__controls{position:absolute;left:0;right:0;bottom:0;padding:50px 10px 10px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;color:#fff;transition:opacity .3s ease}.plyr--video .plyr__controls button.tab-focus:focus,.plyr--video .plyr__controls button:hover{background:#3498db;color:#fff}.plyr--audio .plyr__controls{padding:10px;border-radius:inherit;background:#fff;border:1px solid #dbe3e8;color:#565D64}.plyr--audio .plyr__controls button.tab-focus:focus,.plyr--audio .plyr__controls button:hover,.plyr__play-large{background:#3498db;color:#fff}.plyr__play-large{display:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;border:4px solid currentColor;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15);transition:all .3s ease}.plyr__play-large svg{position:relative;left:2px;width:20px;height:20px;display:block;fill:currentColor}.plyr__play-large:focus{outline:rgba(255,255,255,.5) dotted 1px}.plyr .plyr__play-large{display:inline-block}.plyr--audio .plyr__play-large,.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause]{display:none}.plyr--playing .plyr__play-large{opacity:0;visibility:hidden}.plyr--playing .plyr__controls [data-plyr=pause]{display:inline-block}.plyr--captions-active .plyr__controls .icon--captions-on,.plyr--fullscreen-active .icon--exit-fullscreen,.plyr--muted .plyr__controls .icon--muted{display:block}.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr--captions-active .plyr__controls .icon--captions-on+svg,.plyr--fullscreen-active .icon--exit-fullscreen+svg,.plyr--muted .plyr__controls .icon--muted+svg{display:none}.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen]{display:inline-block}.plyr__tooltip{position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:5px 7.5px;opacity:0;background:rgba(0,0,0,.7);border-radius:3px;color:#fff;font-size:14px;line-height:1.3;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease}.plyr__tooltip::before{content:'';position:absolute;width:0;height:0;left:50%;transform:translateX(-50%);bottom:-4px;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.7);border-left:4px solid transparent;z-index:2}.plyr button.tab-focus:focus .plyr__tooltip,.plyr button:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr button:hover .plyr__tooltip{z-index:3}.plyr__controls button:first-child .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls button:first-child .plyr__tooltip::before{left:16px}.plyr__controls button:last-child .plyr__tooltip{right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls button:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls button:first-child .plyr__tooltip--visible,.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:first-child:hover .plyr__tooltip,.plyr__controls button:last-child .plyr__tooltip--visible,.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{position:relative;display:none;-ms-flex:1;flex:1}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress input[type=range]::-webkit-slider-runnable-track{background:0 0}.plyr__progress input[type=range]::-moz-range-track{background:0 0}.plyr__progress input[type=range]::-ms-fill-upper{background:0 0}.plyr__progress .plyr__tooltip{left:0}.plyr .plyr__progress{display:inline-block}.plyr__progress--buffer,.plyr__progress--played,.plyr__volume--display{position:absolute;left:0;top:50%;width:100%;height:8px;margin:-4px 0 0;padding:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:100px}.plyr__progress--buffer::-webkit-progress-bar,.plyr__progress--played::-webkit-progress-bar,.plyr__volume--display::-webkit-progress-bar{background:0 0}.plyr__progress--buffer::-webkit-progress-value,.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-moz-progress-bar,.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-ms-fill,.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{border-radius:100px}.plyr__progress--played,.plyr__volume--display{z-index:1;color:#3498db;background:0 0;transition:none}.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none}.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none}.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{display:none}.plyr__progress--buffer::-webkit-progress-value{transition:width .2s ease}.plyr__progress--buffer::-moz-progress-bar{transition:width .2s ease}.plyr__progress--buffer::-ms-fill{transition:width .2s ease}.plyr--video .plyr__progress--buffer,.plyr--video .plyr__volume--display{background:rgba(255,255,255,.25)}.plyr--video .plyr__progress--buffer{color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress--buffer,.plyr--audio .plyr__volume--display{background:rgba(198,214,219,.66)}.plyr--audio .plyr__progress--buffer{color:rgba(198,214,219,.66)}.plyr--loading .plyr__progress--buffer{animation:plyr-progress 1s linear infinite;background-size:25px 25px;background-repeat:repeat-x;background-image:linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.15) 75%,transparent 75%,transparent);color:transparent}.plyr--video.plyr--loading .plyr__progress--buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress--buffer{background-color:rgba(198,214,219,.66)}.plyr__time{display:inline-block;vertical-align:middle;font-size:14px}.plyr__time+.plyr__time{display:none}@media (min-width:768px){.plyr__time+.plyr__time{display:inline-block}}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}.plyr__volume{display:none}.plyr .plyr__volume{-ms-flex:1;flex:1;position:relative}.plyr .plyr__volume input[type=range]{position:relative;z-index:2}@media (min-width:480px){.plyr .plyr__volume{display:block;max-width:60px}}@media (min-width:768px){.plyr .plyr__volume{max-width:100px}}.plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute]{display:none!important}.plyr--fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000;border-radius:0!important}.plyr--fullscreen-active video{height:100%}.plyr--fullscreen-active .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen-active .plyr__controls{position:absolute;bottom:0;left:0;right:0}.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}
/*  Makes the background for the body of the site */
.main-background {
    /* Location of the image */
    background-image: url(/storage/app/media/rayonnage.jpg);
    /* Background image is centered vertically and horizontally at all times */
    background-position: center center;
    /* Background image doesn't tile */
    background-repeat: no-repeat;
    /* Background image is fixed in the viewport so that it doesn't move when 
         the content's height is greater than the image's height */
    background-attachment: fixed;
    /* This is what makes the background image rescale based
         on the container's size */
    background-size: cover;
    /* Set a background color that will be displayed
         while the background image is loading */
    background-color: #ede7daa1;
}
.jumbotron {
    background-color: #ede7daa1;
    padding: 1rem;
}
.context-dark, .bg-gray-dark, .bg-primary {
    color: rgba(255, 255, 255, 0.8);
}
.footer-classic a, .footer-classic a:focus, .footer-classic a:active {
    color: #ffffff;
}
.footer-classic a:hover {
    color: #ede7daed;
    font-weight: bolder;
}
.footer-classic {
    background: #5f616df0;
}
.footer-text {
    text-align:center; 
    margin: 0px;
    font-weight: 550;
}
.rights{
    text-align:center
}
.nav-list li {
    padding-top: 5px;
    padding-bottom: 5px;
}
.nav-list li a:hover:before {
    margin-left: 0;
    opacity: 1;
    visibility: visible;
}
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
.social-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 23px;
    font: 900 13px/1 "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}
.social-container .col {
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.nav-list li a:before {
    content: "\f14f";
    font: 400 21px/1 "Material Design Icons";
    color: #4d6de6;
    display: inline-block;
    vertical-align: baseline;
    margin-left: -28px;
    margin-right: 7px;
    opacity: 0;
    visibility: hidden;
    transition: .22s ease;
}
.footercol {
    padding-top: 10px;
}
/*  Used primarly on contact.htm */
.contact {
    padding: 4%;
    padding-top: 0;
}
.contact-info {
    margin-top: 10%;
    text-align: center;
}
.contact-info img {
    margin-bottom: 15%;
    width: 60%;
}
.contact-info h2 {
    margin-bottom: 10%;
}
.contact-form label {
    font-weight: 600;
}
.contact-form button {
    background: #25274d;
    color: #fff;
    font-weight: 600;
    width: 25%;
}
.contact-form button:focus {
    box-shadow: none;
}
.contact-form {
    padding-top: 20px;
}
/*  Used primarly on default.htm */
/*  New CSS from 16.05 when this stylesheet was created, clean up everything on top of this line */
.title {
    background-color: #ede7daa1;
}
.carousel-item img {
    max-height: 768px;
    min-width: auto;
}
.carousel-caption p, .carousel-caption h5 {
    text-align: center;
}
.carousel {
    margin-top:56px;
}
/*FestiVideo CSS*/
.videocomment h1 {
    text-align: center;
    padding-top: 10px;
}
.festi-signoff {
    text-align: center;
}
.festi-info p, .festi-video p, .festi-signoff p, festi-sign  {
    text-align: center; 
    font-weight: 646;
}
.festi-signoff strong {
    padding-top: 20px;
}
body {
    font-size: 1.12rem;
}
.carousel .item img {
    max-height: 768px;
    min-width: auto;
}
.videocomment {
    background-color: #ede7dad9 !important;
}
a.navbar-brand:hover {
    color: #ffe2a2;
}
a.navbar-brand:active {
    color: black;
}
a.navbar-brand {
    color: white;
}
nav a:hover {
    color: #ffe2a2;
}
.nav-link a:hover {
    color: #ffe2a2;
}
.nav-item.active {
    color: black;
}
.nav-item a {
    color: white;
}
.nav-item:hover {
    color: #ffe2a2;
}
.fa {
    font-size: xx-large;
}
.navbar-nav .nav-link+.nav-link {
    margin-left: 0px;
}
.navbar-nav {
    padding-bottom: 0px; 
    padding-left: 10px;
}
.sticky-nav {
    background-color: #5f616df0;
    position: sticky; 
    top: 0; 
    z-index: 2;
}
.location-tireuse p, .location-tireuse .underline {
    font-weight: 646;
    text-align: center;
}
.location-tireuse h2{
    color:black; 
    font-weight: 500; 
    padding-bottom: 7px; 
    text-align: center;
}
.location-tireuse h3 {
    color:black; 
    font-weight: 500; 
    padding-bottom: 10px; 
    text-align: center;
}
.location-tireuse img {
    width: 150px ;
    margin-right:20px; 
    border: 2px solid rgb(0, 0, 0);
    border-radius: 4px;
    padding: 0px;
    width: 150px; 
    float: left
}
.location-tireuse .location-strong {
    font-weight: 700; 
    text-align: center;
}
.location-tireuse strong {
    text-decoration: underline;
}
/*Menu Work around CSS*/
.ut-menu div, .ut-menu p, .ut-menu span {
    background-color: #ede7da48 !important;
}
.ut-menu-standard .menu-items-container {
    background-color: #ede7dad9 !important;
}
.ut-menu .menu-nav div.menu-list {
    border-bottom: 1px solid black !important;
}
/*Masthead CSS*/
header.masthead {
    height: 100vh;
    min-height: 500px;
    background-image: url(/storage/app/media/salle2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.btn-group button {
    background-color: #5f616df0;
    /* Grey background */
    border: 1px solid #8b8d9cf0;
    /* Grey border */
    color: white;
    /* White text */
    padding: 10px 24px;
    /* Some padding */
    cursor: pointer;
    /* Pointer/hand icon */
    float: left;
    /* Float the buttons side by side */
}
.btn-group button:not(:last-child) {
    border-right: none;
    /* Prevent double borders */
}
/* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
    display: table;
}
/* Add a background color on hover */
.btn-group button:hover {
    background-color: #1e1e20f0;
}
footer p{
    margin-bottom: .25rem;
}
footer h5{
    margin-bottom: .75rem;
    font-size: 1.35rem;
}
footer h6{
    margin-bottom: .40rem;
}
.social {
    margin-top: 1rem;
}
footer address{
    margin-bottom: 0.5rem;
}
footer .no-margin{
    margin-bottom: 0rem;
}
/* Cleaning Up HTML */
    /* Layouts */
        /* home.htm */
.main-page{
    margin-bottom: 40px; 
    border-radius: 40px;
}
.main-page a{
    color: #bb9b20;
    padding-bottom: 20px;
    padding-top: 10px;
}
.main-page h1 {
    text-align: center
}
/* .partial-carousel{
    margin-top: 20px;
} */

        /* default.htm */
.default-main {
    padding-top: 1rem;
}
.default-page section {
    margin-top: 15px;
}
.default-social {
    padding-right: 10px; 
    padding-top: 15px
}
        /* contact.htm */
.contact-social {
    padding-bottom: 10px; 
    padding-top: 15px; 
    position: sticky; 
    top: 50px
}
    /* Partials */
        /* landing.htm */
.landing-text{
    background-color: #d3ccbaab;
    padding: 50px;
    border-radius: 50px;
    font-variant: small-caps;
}
.landing-text h1, .landing-text p{
    color: #232328f0;
}
.landing-text p{ 
    text-align: right;
    font-weight: 649;
}
        /* nous-contacter.htm */
.contact-wrapper {
    background-color: #5f616df0;
}
.contact-contain {
    background-color: #ede7daed
}
.contact-form input, .contact-form textarea {
    background-color: #5f616df0;
}
.contact-form input:focus, .contact-form textarea:focus {
    background-color: #5f616d75;
    border: 1px dashed #9496a0be;
}
.contact-top {
    padding-top:10px;
}
        /* nous-trouver.htm */
.trouver-form form{
    color:black; 
    font-weight: 646;
}
.trouver-form p {
    color:black; 
    font-weight: 646;
}
/* END OF */
.btn-group{
    width: 100%;
}
.btn-group a{
    color: white;
}
.btn-group button {
    width: 50%;
}
.btn-group .top {
    margin-bottom: 10px;
}
.btn-group .bottom {
    margin-top: 10px;
}


/*
 Loading CSS
*/
#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: #e96247;
    background-image: url(/storage/app/media/menu-loading00.gif);
    background-repeat: no-repeat;
    background-position: center;
  }
/* Screen size dependent CSS
*
*
*
*/
/* Up to Mobile S */
@media (max-width:321px) {
    /*  Makes the background for the body of the site */
    .main-background {
        /* Location of the image */
        background-image: url(/storage/app/media/rayonnageIphone.jpg);
    }
    .btn-group button {
        font-size: medium;
    }
    .landing-text {
        margin-right: 7px;
        margin-left: 7px;
    }
    .videocomment {
        margin-left: 10px;
        margin-right: 10px;
    }
    .contact-info h4{
    margin-bottom: 0;
    padding-bottom: 20px;
    }
    .contact {
        margin-right: 10px;
        margin-left: 10px; 
    }
    .contact-form button {
        font-size: small;
    }
    .contact-info h2, .contact-info h4 {
        text-align: center;
    }
    .contact-info img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 20%;
        margin-bottom: 5%;
        padding-top: 10px;
    }
    .main-page, .default-page {
        margin-bottom: 0px;
    }    
    .gmap_canvas iframe {
        width: 210px;
        height: 250px;
    }
    .mobile-center {
        text-align: center;
    }
}
/* Up to Mobile L */
@media (min-width:322px) and (max-width:426px) {
    /*  Makes the background for the body of the site */
    .main-background {
    /* Location of the image */
    background-image: url(/storage/app/media/rayonnageIphone.jpg);
}
    .btn-group button {
        font-size: medium;
    }
    .videocomment {
        margin-left: 12px;
        margin-right: 12px;
    }
    .contact-info h4{
        margin-bottom: 0;
        padding-bottom: 20px;
    }
    .contact {
        margin-right: 10px;
        margin-left: 10px; 
    }
    .contact-info h2, .contact-info h4 {
        text-align: center;
    }
    .contact-info img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 20%;
        margin-bottom: 5%;
        padding-top: 10px;
    }
    .main-page, .default-page {
        margin-bottom: 0px;
    }
    .gmap_canvas iframe {
        width: 261px;
        height: 350px;
    }
    .festi-info p, .festi-video p, .festi-signoff p, .location-tireuse p {
        font-weight: 500;
    }
    .mobile-center {
        text-align: center;
    }
    .trouver-form form input[type=submit] {
        margin-bottom: 10px;
        float: right;
    }.trouver-form p {
        font-weight: 500;
    }
    @media (min-width:376px) and (max-width:426px) {
        .btn-group button {
            font-size: x-large !important;
        }
        .gmap_canvas iframe {
            width: 300px;
            height: 350px;
        }
    }
        .landing-text {
            margin-right: 10px;
            margin-left: 10px;
        }
        .contact {
            margin-right: 10px;
            margin-left: 10px; 
        }
        .contact-info h2, .contact-info h4 {
            text-align: center;
        }
        .contact-form img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
        }
        .main-page, .default-page {
            margin-bottom: 0px;
        }
}
/* Up to Tablet */
@media (min-width:427px) and (max-width:767px) {
    .btn-group button {
        font-size: large;
    }
    .social-media {
        position: static;
    }
    .contact-info h2, .contact-info h4 {
        text-align: center;
        margin-bottom: 5%;
    }
    .contact-info img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 20%;
        margin-bottom: 2%;
        padding-top: 10px;
    }
    .main-page, .default-page {
        margin-bottom: 0px;
    }
    .mobile-center {
        text-align: center;
    }
}
/* Up to Laptop */
@media (min-width:768px) and (max-width:1023px) {
    .btn-group button {
        font-size: large;
    }
    .contact-info{
        height:570.34px;
        padding-top: 90px;  
    }
}
/* Up to Laptop L */
@media (min-width:1024px) {
    .btn-group button {
        font-size: large;
    }
    .contact-info{
        height:599.34px;
        padding-top: 75px;
    }
}
@media (min-width:1200px) {
    .contact-info{
        height:569.34px;
        padding-top: 75px;
    }
}
@media (max-width:767px){
    iframe#gmap_canvas {
        width: 100%
    }
}
/* Nav Bar*/
.nav{
    display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none
}
.nav-link{display:block;padding:.5rem 1rem; color: white}.nav-link:focus,
.nav-link:hover{text-decoration:none}
.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}
.nav-tabs{border-bottom:1px solid #dee2e6}
.nav-tabs .nav-item{margin-bottom:-1px}
.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}
.nav-tabs .nav-link:focus.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}
.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}
.nav-tabs .nav-item.show .nav-link.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
.nav-pills .nav-link{border-radius:.25rem}
.nav-pills .nav-link.active.nav-pills .show>.nav-link{color:#fff;background-color:#f4623a}
.nav-fill .nav-item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}
.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}
.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}
.navbar{position:relative;display:-webkit-box;display:-ms-flexbox;
    display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;
    align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}
.navbar>.container.navbar>.container-fluid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;
    flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;
    -ms-flex-pack:justify;justify-content:space-between}
.navbar-brand{display:inline-block;padding-top:.3125rem; padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;
    line-height:inherit;white-space:nowrap}
.navbar-brand:focus,
.navbar-brand:hover{text-decoration:none}
.navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;
    -ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}
.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}
.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}
.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center}
.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;
    border-radius:.25rem}.navbar-toggler:focus,
    .navbar-toggler:hover{text-decoration:none}
    .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";
        background:no-repeat center center;background-size:100% 100%}
        @media (max-width:575.98px){
            .navbar {padding-left: 10px}
            .navbar-expand-sm>.container,
            .navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}
        @media (min-width:576px){.navbar-expand-sm{-webkit-box-orient:horizontal;-webkit-box-direction:normal;
            -ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
            .navbar-expand-sm .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;
                flex-direction:row}
                .navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}
                .navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
                .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
                .navbar-expand-sm .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;
                    -ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}
@media (max-width:767.98px)
{.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}
@media (min-width:768px){.navbar-expand-md{-webkit-box-orient:horizontal;-webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
    .navbar-expand-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;
    flex-direction:row}
    .navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}
    .navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
    .navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
    .navbar-expand-md .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;
        display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}
    .navbar-expand-md .navbar-toggler{display:none}}

@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}
@media (min-width:992px){.navbar-expand-lg{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;
    flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
    .navbar-expand-lg .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
    .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}
    .navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
    .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
    .navbar-expand-lg .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;
        -ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}
@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}
@media (min-width:1200px){.navbar-expand-xl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;
    flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
    .navbar-expand-xl .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
    .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}
    .navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
    .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
    .navbar-expand-xl .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;
        -ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}
    .navbar-expand{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;
        -webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
    .navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}
    .navbar-expand .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;
        flex-direction:row}
    .navbar-expand .navbar-nav .dropdown-menu{position:absolute}
    .navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
    .navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
    .navbar-expand .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;
        -ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}
        .navbar-light .navbar-brand{color:white}
        .navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}
        .navbar-light .navbar-nav .nav-link{color:white}
        .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}
        .navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}
        .navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light
         .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:white}
        .navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:#5f616df0}
        .navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
        .navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}
        .navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}
        .navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}
        .navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}
        .navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}
        .navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}
        .navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}
    .navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}
/* d-xxx*/
    .d-none {
        display: none!important
    }
    .d-inline {
        display: inline!important
    }
    .d-inline-block {
        display: inline-block!important
    }
    .d-block {
        display: block!important
    }
    .d-table {
        display: table!important
    }
    
    .d-table-row {
        display: table-row!important
    }
    
    .d-table-cell {
        display: table-cell!important
    }
    
    .d-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    
    .d-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
    
    @media (min-width:576px) {
        .d-sm-none {
            display: none!important
        }
        .d-sm-inline {
            display: inline!important
        }
        .d-sm-inline-block {
            display: inline-block!important
        }
        .d-sm-block {
            display: block!important
        }
        .d-sm-table {
            display: table!important
        }
        .d-sm-table-row {
            display: table-row!important
        }
        .d-sm-table-cell {
            display: table-cell!important
        }
        .d-sm-flex {
            display: -ms-flexbox!important;
            display: flex!important
        }
        .d-sm-inline-flex {
            display: -ms-inline-flexbox!important;
            display: inline-flex!important
        }
    }
    
    @media (min-width:768px) {
        .d-md-none {
            display: none!important
        }
        .d-md-inline {
            display: inline!important
        }
        .d-md-inline-block {
            display: inline-block!important
        }
        .d-md-block {
            display: block!important
        }
        .d-md-table {
            display: table!important
        }
        .d-md-table-row {
            display: table-row!important
        }
        .d-md-table-cell {
            display: table-cell!important
        }
        .d-md-flex {
            display: -ms-flexbox!important;
            display: flex!important
        }
        .d-md-inline-flex {
            display: -ms-inline-flexbox!important;
            display: inline-flex!important
        }
    }
    
    @media (min-width:992px) {
        .d-lg-none {
            display: none!important
        }
        .d-lg-inline {
            display: inline!important
        }
        .d-lg-inline-block {
            display: inline-block!important
        }
        .d-lg-block {
            display: block!important
        }
        .d-lg-table {
            display: table!important
        }
        .d-lg-table-row {
            display: table-row!important
        }
        .d-lg-table-cell {
            display: table-cell!important
        }
        .d-lg-flex {
            display: -ms-flexbox!important;
            display: flex!important
        }
        .d-lg-inline-flex {
            display: -ms-inline-flexbox!important;
            display: inline-flex!important
        }
    }
    
    @media (min-width:1200px) {
        .d-xl-none {
            display: none!important
        }
        .d-xl-inline {
            display: inline!important
        }
        .d-xl-inline-block {
            display: inline-block!important
        }
        .d-xl-block {
            display: block!important
        }
        .d-xl-table {
            display: table!important
        }
        .d-xl-table-row {
            display: table-row!important
        }
        .d-xl-table-cell {
            display: table-cell!important
        }
        .d-xl-flex {
            display: -ms-flexbox!important;
            display: flex!important
        }
        .d-xl-inline-flex {
            display: -ms-inline-flexbox!important;
            display: inline-flex!important
        }
    }
    
    @media print {
        .d-print-none {
            display: none!important
        }
        .d-print-inline {
            display: inline!important
        }
        .d-print-inline-block {
            display: inline-block!important
        }
        .d-print-block {
            display: block!important
        }
        .d-print-table {
            display: table!important
        }
        .d-print-table-row {
            display: table-row!important
        }
        .d-print-table-cell {
            display: table-cell!important
        }
        .d-print-flex {
            display: -ms-flexbox!important;
            display: flex!important
        }
        .d-print-inline-flex {
            display: -ms-inline-flexbox!important;
            display: inline-flex!important
        }
    }
/*  Carousel CSS */
/*  Should fix carousel */
    
.carousel {
	position: relative
}

.carousel.pointer-event {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}

.beerCard {
    z-index: 2;
}
.beerName:hover[data-tooltip] {
    z-index: 50 !important;
}

.carousel-inner::after {
	display: block;
	clear: both;
	content: ""
}

.carousel-item {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	margin-right: -100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -webkit-transform .6s ease-in-out;
	transition: transform .9s ease-in-out;
	transition: transform .9s ease-in-out, -webkit-transform .9s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
	.carousel-item {
		transition: none
	}
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
	display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.carousel-fade .carousel-item {
	opacity: 0;
	transition-property: opacity;
	-webkit-transform: none;
	transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
	z-index: 1;
	opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	z-index: 0;
	opacity: 0;
	transition: 0s .6s opacity
}

@media (prefers-reduced-motion:reduce) {
	.carousel-fade .active.carousel-item-left,
	.carousel-fade .active.carousel-item-right {
		transition: none
	}
}

.carousel-control-next,
.carousel-control-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 15%;
	color: #fff;
	text-align: center;
	opacity: .5;
	transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
	.carousel-control-next,
	.carousel-control-prev {
		transition: none
	}
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9
}

.carousel-control-prev {
	left: 0
}

.carousel-control-next {
	right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none
}

.carousel-indicators li {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 30px;
	height: 3px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: .5;
	transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
	.carousel-indicators li {
		transition: none
	}
}

.carousel-indicators .active {
	opacity: 1
}

.carousel-caption {
	position: absolute;
	bottom: 0px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 5px;
	color: #fff;
	text-align: center
}
.carousel-inner {
    border: 5px ridge #d6d0c3e8;
}
hr {
    border: 1px solid #5f616df0;
}
.gmap_canvas {
    padding-top: 10px;
}
#vacance {
    height: 100vh;
    min-height: 500px;
    background-image: url(/storage/app/media/vacance-été.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.trouver-form form input[type=text] {
    width: 100%
}
.underline {
    text-decoration: underline;
}
.no-bottom-margin{
    margin-bottom: 0px;
}

footer {
    margin-top: 10px;
}
.social-media-mobile {
    margin-bottom: 10px;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
    background-color: #000000b0;
}

/* Menu Test */

#beer-location { 
    text-align: right;
}

/* 2020 changes */

#fb-root2 p {
    color:rgba(0,0,0,0);

}

/* Biere PickUp Test */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.biere-description p, .biere-name h4 { 
    margin-bottom: 0.2rem;
    margin-left: 0.5rem;
}

.biere-quantity {
    width: 30px;
    height: 30px;
}

input { 
    text-align: right; 
}

.contact-form input{
    background-color : rgb(232, 240, 254);
    font-weight: 500;

}
.contact-form input:focus{
    background-color : #5f616d00;
    font-weight: 700;

}


.contact-form textarea ,.contact-form textarea:focus {
    background-color : #ffffff00;
    font-weight: 500;
}

.commande-window {
    position: sticky;
    top: 70px;
    padding-bottom: 10px;
}

.videocomment button {
    background: #25274d;
    color: #fff;
    font-weight: 600;
    width: 100%;
    
}

.beer-img {
    background-color: rgba(225, 228, 234, 0);
    /*padding: 1rem;*/
    display: block;
    margin-left: auto;
    margin-right: 20px;
    margin-top: 10px;
    height: 75px;
    width: 75px;
    border: 0px solid #ddd0;  
    float : left; 
}

.beer-shop {
    margin: 5px;
    background-color: #fff0 ;
}
.beer-information {
    padding: 10px;
    padding-top: 0px;
}

.beer-shop p, .order-beer p {
    margin-bottom:0;
    font-weight: 500;
    font-size: 20px;
}
.beer-shop h5, .order-beer h5 {
    font-weight: 680;
    padding-top: .75rem;
    font-size: 25px
}

.beer-price {
    font-weight: 680;
}

.align-right {
    float: right;
}
.beer-abv {
    font-weight: 550;
    font-size: 80%;
}
.lightbackground {
    background-color: #5f616d73;
    min-height:60.75vh;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
  }
.row.display-flex > [class*='col-'] {

    background-clip: content-box;
    padding-top: 40px;
  }

.top {
    position: relative;
}

.bottom {
    position: absolute; 
    bottom: 0;
}

.clip{
    background-clip: content-box;
}

.beer-toggler, .beer-toggler:visited, 
.beer-toggler:active,.open>.btn-primary.dropdown-toggle:hover, 
.beer-toggler:active:focus, .beer-toggler:active:hover, 
.beer-toggler:hover, .open>.btn-primary.dropdown-toggle , .open>.btn-primary.dropdown-toggle:active,
.open>.btn-primary.dropdown-toggle:visited , .open>.btn-primary.dropdown-toggle:active:focus ,
.open>.btn-primary.dropdown-toggle:active:hover, .open>.btn-primary.dropdown-toggle:visited:active,
.open>.btn-primary.dropdown-toggle:active:visited, .open>.btn-primary.dropdown-toggle:focus, .btn-primary:focus{
    background-color: #f0f8ff00;
    border-color: #f0f8ff00;
    color:white;
    font-size: 17.92px;
}

.biereTypeLink {
    color:white;
}
a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover{
    color:white;
}

.darkbackground {
    background-color: #5f616df0;
}

.cleanup {
    padding: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0);
}
.style-title {
    text-align: center;
    padding-top: 30px;
    color: floralwhite;
    font-weight: 670;
}
/* Beer Checkbox */
.containerBeer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
}

/* Hide the browser's default radio button */
.containerBeer input {
position: absolute;
opacity: 0;
cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerBeer:hover input ~ .checkmark {
background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerBeer input:checked ~ .checkmark {
background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerBeer input:checked ~ .checkmark:after {
display: block;
}

/* Style the indicator (dot/circle) */
.containerBeer .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.box {
    padding: 10px;
}

.box a {
    color: #25274d;
    font-weight: 700;
}

.box a:focus, .box a:hover {
    color: red;
}

.box label, .box p, .box input {
    font-weight: 500;
}

.box .text-danger {
    font-weight: 500;
}

a.active, span.active {
    color: black;
}

span.active {
    font-size: x-large;
    font-weight: 700;
}


.beerOrder-form button {
    background: #25274d;
    color: #fff;
    font-weight: 600;
    width: 100%;
}

.commandeBeer{
    position: sticky;
    padding-bottom:10px;
}

.scrollable {
    height: 300px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.itemBackground {
    background-color: #ede7dad9;
}

.orderButton {
    background: #fcfcfc00;
    font-weight: 600;
    width: 100%;
    border:none;
    padding: inherit;
    
}

.orderButton:hover {
    background: #25274d;
    color: #fff;
}

.orderButton:focus {
    outline:none;
}

button.cancelButton {
    background: #25274d;
    text-align: center;
    color: whitesmoke;
    width: initial;
    border-color: #5f616df0;
    margin-left: 10px;
}

button.cancelButton:hover {
    background: red;
    color: black;
}

.orderWrapper {
    background-color: #25274d;
}
.orderWrapper h2 {
    text-align: center;
    padding-top: 30px;
    color: white;
}

.contentBackground {
    background-clip: content-box;
}

.order-beer{
    padding: 5px;
}

.biereContent p{
    font-size: 1.2rem;
}

.country-type {
    text-align: left;
}

.darkNav, .full-width.ui.fixed.menu.darkNav {
    background-color: #f9cc00;
    color: black;
}

.pusher {
    background-color: #3b2903!important;
}

/* width */
.biereContent::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.biereContent::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
.biereContent::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
.biereContent::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

 a.deconnexion:not([href]):not([tabindex]):hover {    
    color: #ffe2a2;
    cursor: pointer;
}

.dark select{
    background-color: #292c5287;
    color: white;
    border-color: #ede7dad9 ;
    max-width: 100%;
    border-radius : 5px;
}

.dark select:focus{
    outline: #60626400;
}

button.paginateActive {
    background-color: #ede7dad9;
    border-color: #25274d8f;
    color: black;
    cursor: initial;
}

.footercol a {
    color: #252753;
}

.footercol a:hover {
    color: #647816;
}

.commandeHeader {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color:white;
    text-align: center;
}


.commandeGroupe{
    font-size: large;
    text-align: center;
}

.commandeConfirmer label{
    font-weight: 500;
    font-size:large;

}

.debutCommande{
    background-color: #25274d94;
    color: whitesmoke;
}

a:hover .debutCommande {
    background-color: #25274d;
    color: #ffe2a2;

}

.darkFilterSide{
    background-color: #292c52df;
    color: white;
    border-color: #60626400 ;
    margin: 5px 2px;
    border-radius: 8px;
}

.containBeer{
    width: 90%;
    margin-right: 7%;
    margin-left: 3%;
}

.beerRounded, dl.videocomment, dl.darkNav {
    border-radius: 25px;
}

.sideBarBeer {
    /*background-color: #ede7dad9;*/
    border-radius: 0px;
}

.italic {
    font-style: italic;
}

.darkColor {
    color:#25274df0;
}

.filterRounded {
    border-radius: 10px;
    color: white;
    padding: 5px 20px;

}

.beer-shop button.darkFilterSide{
    width:auto;
    font-size: medium;
    background-color: #30336adb;
    
}

.container-size{
    padding-top: 5px
}

.beer-price input[type=number]{
    background-color: #30336adb;
    border-width: 0px;
    color: whitesmoke;
    border-radius: 5px;
    margin-right: .4rem;
}

.wrapper {
    display: flex;
    align-items: stretch;
}

#panierBar {
    width: 0;
}

#panierBar.active {
    width: 40%;
}
.openbtn{
    background-color: #5bc0de00;
    border-color: #ede7dad9;
}

.sticky {
    position: sticky; 
    top: 70px; 
}

#hiddenNav{
    position: sticky; 
    top: 0;
    z-index: 2;
    height: 0px; 
    background-color: #25274df0;
    transition: height 0.3s;
}

.panierSticky {
    position: sticky; 
    top: 70px; 
    padding-bottom:10px;
    max-height: 70vh;
}
.sideBarBeer dd {
    margin-bottom: .2rem;
}

dd.filterTitle {
    color:#373a3c;
    text-align : center;
    font-size: 19px;
    font-weight: 500;
}


dl.videocomment button{
    width: auto;
}



button.activated{    
    background-color: #ede7da00;
    color: #373a3c;
    cursor: initial;
}

.sideBeer {
    max-height:85vh;
    overflow: auto;
    overflow-x: hidden;
}

.sideBeer .videocomment, .sideBeer .darkNav {
    margin-top: 1rem;
    padding: .5rem .3rem .5rem .7rem;
}

/* width */
.sideBeer::-webkit-scrollbar, .panierBiere::-webkit-scrollbar {
    width: .3rem;
    overflow: auto;
    border-radius: 10px;
}

/* Track */
.sideBeer::-webkit-scrollbar-track, .panierBiere::-webkit-scrollbar-track {
    background:#ede7dad9;
    border-radius: 10px;
    box-shadow: inset 0 0 5px #25274df0;
    height: 60%;
     
}

/* Button */
.sideBeer::-webkit-scrollbar-button, .panierBiere::-webkit-scrollbar-button {
    color: #25274df0;
    border-radius: 10px;
    
     
}

/* Rest of track */
.sideBeer::-webkit-scrollbar-track-piece, .panierBiere::-webkit-scrollbar-track-piece {
    height: 60%;
    background:#ede7dad9;
}

/* Handle */
.sideBeer::-webkit-scrollbar-thumb, .panierBiere::-webkit-scrollbar-thumb {
    background: #25274df0; 
}

/* Handle on hover */
.sideBeer::-webkit-scrollbar-thumb:hover, .panierBiere::-webkit-scrollbar-thumb:hover {
    background: #ede7dad9; 
}

.darkNav .filterTitle {
    color: #ede7da;
    font-weight: 700;
    text-shadow: 2px 2px 5px #1d1d1bb4;
}

dl.darkNav button{
    width: auto;
    background-color: #ede7da94;
    color: black;
    border-style: outset;
    border-color: whitesmoke;
    border-width: .15rem;
    font-weight: 500;
}

dl.darkNav button:hover{
    
    border-color: black;
    padding: .35rem .5rem;
    border-width: .15rem;
    background-color: #ede7daf5;
}

dl.darkNav button.activated{    
    background-color: #ede7daf5;
    color: black;
    cursor: initial;
    border: outset;
    border-color: black;
    padding: .35rem .5rem;
    border-width: .15rem;
    font-weight: 700;
}

.sideBeerContain{
    margin-right: .5rem;
}

.darkSide {
    background-color: #25274db8;
}

.panierButton {
    background-color: #25274db8;
    border-color: #ede7dad9;
    margin-top: .5rem;
    float: right;
}

.darkNav.darkSide, .videocomment.beerRounded{
    border: outset;
    border-color: #9e988c7d;
    border-width: .15rem;
}

.singleBeer {
    margin-bottom: .75rem;
}

.container-size {
    margin-right: 0px;
}

button.panierButton{
    width: auto;
}

.partialPanier label{
    font-weight: 700;
}

.panierBierePrix, .sousTotalBiere, .panierContenance, .biereTable tbody.scrolling.content td {
    font-size: 1.1rem;
    font-weight:600;
}

.totalCommande, .biereTable tbody.scrolling.content td.mainColor {
    font-weight:600;
    margin-right: .66rem;
    font-size: 1.4rem;
}

.sousBiere {
    margin-bottom: .5rem;
    margin-top: .5rem;
}

.sousBiere label {
    margin-bottom: 0;
}

.navigationConection{
    margin-left: 40%;
}

.collapse{
    width: 100%;
}

.panierNav {
    float:initial;
    margin-top: 0;
    border-color: #ede7da00;
    background-color: #ede7da00;

}

.panierNav:hover{    
    background-color:  #ede7daf5;
    color: black;
    border: outset;
    border-color: #161513a4;
    border-width: .1rem;
    font-weight: 700;
    font-size: large;
    
}

.containBeer .navbar{
    padding-left: 7%;
}

.closebtn {
    border-color: #ffffff00; 
    margin-top: -1.9rem; 
    padding:0;
}
.closebtn:hover {
    background-color: #ffffff00;
    color:red;
    border-color: #ffffff00; 
}

.panierUser, .panierBeer {
    padding:2rem 0rem;
}

.panierBeer{
    margin-top: 2.4rem;
}

.panierBeer input[type="number"]{
    background-color: #ffffff00;
    border: outset;
    border-width: .06rem;
    text-align: center;
}

.radioTemps{
    padding-top:0.75rem;
}

.panierUser .form-group .col-sm-7 {
    margin-top: .5rem;
} 

.panierUser h2{
    margin-left: 8%;
}

.userCol label, .userCol input {
    font-size: 1.2rem !important;
}

.panierBiere {
    max-height: 50vh;
    overflow: scroll;
    overflow-x: hidden;

}

.beerFilter:hover {
    cursor: pointer;
}

.beerFilter:hover .filterTitle {
    font-size:x-large;
}
.switchOn:hover {
    background-color: #25274db8;
    cursor: context-menu;
}
.switchOn:hover .filterTitle {
    color: #f5f5f5;
}
.beerFilter .filterTitle{
    transition: 0.4s;
}

.filterDetail {
  display: none;
  overflow: hidden;
}

.totalMargin{
    margin-left:9px;
}


/* Style The Dropdown Button */
.dropbtn-affiche {
    font-size: 1.3rem;
    border: none;
    cursor: pointer;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown-affiche {
    position: relative;
    display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content-affiche {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 5vw;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content-affiche button {
    color: black;
    text-decoration: none;
    display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content-affiche button:hover {background-color: #f1f1f1}
  
  /* Show the dropdown menu on hover */
  .dropdown-affiche:hover .dropdown-content-affiche {
    display: block;
  }
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown-affiche:hover .dropbtn {
    background-color: #3e8e41;
  }

  .dropdown-affiche .dropbtn-affiche{
      background-color: #ffffff00;
      color: black;

  }

  .affichage p{
      font-size : 1.3rem;
      font-weight: 600;
      margin-bottom: 0.4rem;
      margin-left: 1%;
      padding: 0.7rem;
  }

  .affichageBeer {
      position: -webkit-sticky;
      position: sticky;
      top: 5rem;
      z-index: 4;
      margin-bottom: 0.7rem;
  }

  .whitebackground{
      background-color:white;
      margin-top: 5rem;
  }

  /* The Modal (background) */
.modal-panier {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 50; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: #474e5d88;
    padding-top: 50px;
  }

  /* Modal Content/Box */
.modal-content-panier {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 49.5%; /* Could be more or less, depending on screen size */
    z-index: 50;
  }

  /* The Close Button (x) */
.close-panier {
    position: absolute;
    right: 2rem;
    top: 5rem;
    font-size: 4rem;
    font-weight: bold;
    color: #f1f1f1;
}

.close-panier:hover, .close-panier:focus {
    color: #f44336;
    cursor: pointer;
}
.full-width {
    width:100vw;
}

.beerNav {
    height: 4.5rem;
    position: fixed;
    z-index: 2;
}

.darkNav .container .menu .item.beerNavItem {
    color: black;
    font-size: 1.2rem;
}

footer {
    margin:0;
    margin-top: 1rem;
}

.ui.tiny.image.beerIMG {
    width: 4.5rem;
    height: 4.5rem;
}

.containerPrice {
    padding-left: 5%;
}
.containerInput {
    float: right;
}

.ui.bottom.attached.button{
    cursor: initial;
    background-color: #ffffff00;
}

.ui.bottom.attached.button .row:hover{
    cursor: initial;
    background-clip: border-box;
    background-color: #25274df0;
    color :white;
}

.beerIMG {
    margin-left: 1rem;
}


.ui.bottom.attached.button .row:hover, .linkable {
    cursor: pointer;
}

.affichageBeer .ui.menu .item>a:not(.ui){
    color: black;
}

.paginateBeer {
    margin-top: 1.0rem;
}
.ui.cards>.card>.extra{
    padding:0;
}
.ui.cards>.card>.extra .containerDetail, .ui.cards>.card>.extra .containerHiddenDetail {
    padding-left: 3%;
    padding-right: 5%;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: 600;
    color: #25274d;
}

.extra.content .ui.divider {
    margin : 0;
}

.ui.mainColor.label, .mainColor.button{
    background-color:#ffe235d1 !important;
    font-style: italic;
    font-weight: 1000;
    font-size:0.95rem;
    margin-right: -.143rem;
}

.mainColor button {
    color: #25274d;
    font-weight: 600;
}

.ui.beerName.header {
    color: #25274d;
    padding-top: .5rem;
}

.containerDetail, .containerHiddenDetail { 
    width: 90%;
    margin: auto;
    text-align: center;
    padding-top: .1rem;
    padding-bottom: .1rem;
}

.extra.content .containerHiddenDetail .containerPrice, .containerHiddenDetail {
    font-size: 1.25rem;
    font-weight: 500;
    color: #0e125c;
}

input.biere-quantity {
    text-align: right;
}

.ui.masked .extra.content .ui.divider {
    margin: .3rem;
}

.ui.slide.masked.reveal.item {
    height: 100%;
}

.beerDescription {
    height: 15vh;
}

.pays {
    margin-top: 0.1rem !important;
}

.beerName {
    padding-top: 2.5rem !important;
    text-align: center;
}

.containerButton {
    margin-bottom: 0.5rem !important;
    text-align: center !important;
}

.description {
    margin-bottom: .5rem;
}

.ui.beerName.header{
    margin-bottom: 0 !important;
    padding-bottom: 0.15rem !important;
}

.ui.beerName.header .biereName{
    font-size: 1.28em;
}

.on {
    display: block !important;
}
.off {
    display: none !important;
}

.item.ui.dropdown.filterDrop:hover > .menu {
    display: block;
}

.beerBarFilter {
    position: sticky;
    top: 5rem;
    z-index: 10!important;
}

.beerName:hover{
    z-index: 100;
}

@media (max-width:480px) {
    .computer.only.vertical.menu.beerBarFilter{
        display: none !important;
    }
}  

.ui.icon.input input.biere-quantite {
    padding: 0;
    padding-right: 1rem!important;
    margin-left: 1rem;
}


.mainColor,.content .grid .alignTextCenter .description .button.buttonHelper>a.yellow{
    color: #25274d !important;
}
i.mainColor.beer{
    color:#4046b3 !important;
}

.containerPrice i.mainColor.beer {
    right: -0.7rem !important;
}

.biereTable tbody {
    display: inline-block;
    max-height: 50vh;
    overflow: scroll;
    overflow-x: hidden;
}


.ui.secondary.pointing.menu a.item.beerNavItem.beerNavImage {
    padding-top: 0;
    padding-bottom: 0.2rem;
}

.panierLabel{
    text-align: center !important;
}

.beerRounded .ui.primary.label.button button {
    background-color: #ffffff00;
    color: white;
    border: 0;
    cursor: pointer;
}

.partialPanier .form-group .biereTable table {
    border-radius: 50px;
    border-color: #ffffff00;

}

.partialPanier .form-group .biereTable table tfoot th, tfoot.full-width.beerRounded{
    border-radius: 50px;
    border-color: #ffffff00;
    background-color: #ffffff00;

}
.panierButtons {
    float: left;
}


.d-block.d-sm-none.col-sm-12.social-media-mobile{
    margin-top: 6rem;
}

.ui.piled.segment.homePage {
    border-top: 2px solid #4046b3!important;
}

.homePage hr {
    border-color: #222567;
}

.homePage  h1.ui.header, .homePage .location-strong, .homePage a {
    color: #222567;
}

.homePage a { 
    color: #363db9;
}

.homePage a:hover { 
    color: #eabb5d;
}

.connector {
    margin-bottom: .75rem;
}

.partialPanier h3 {
    margin-top: .75rem;
}

.biereTrial {
    min-height:60.75vh;
}

/* Modal Content/Box */
.modal-content-connect {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    z-index: 50;
}

.ui.accordion.menu.hidden {
    display: none;
}

.ui.vertical.accordion.fluid.attached.menu.darkNav, .ui.submit.button button {
    background-color: #25274d00;
    border-color: #25274d00;
}

.ui.basic.icon.toggle.button.darkNav, 
.ui.basic.icon.toggle.button.darkNav:hover, 
.ui.basic.icon.toggle.button.darkNav:active, 
#modalSignin {
    background-color: #25274d00 !important;
}

.computer.only.row form.ui.large.form {
    width: 60%;
    margin: auto;
}

#formSignin input[type="text"],#formSignin input[type="password"], .ui.modal .form input, #modalAccount .large.form .raised.segments .segment input {
    background-color: #e8f0fe !important;
    text-align : right;
}

.close.icon {
    cursor:pointer !important;
}

.close.icon:hover, .cancelButton {
    color: #ff0000 !important;
}

#modalRegister, #modalSignin, #modalCart, #mobilePages, .cancelButton, .ui.one.wide.column.icon, #modalAccount
    , #mobileTri, #mobileType, #mobilePays, #mobileSearch {
    box-shadow : 0px 0px 0px 0 rgb(0 0 0 / 0%), 0px 0px 0px 0px rgb(0 0 0 / 0%) !important;
    background-color: #ff7f5000 !important;
    border: 0 !important;
}

.affichageBeer .computer.only.row .ui.menu {
    width: 100%;
}

.ui.top.inverted.sidebar#mobileAffichage.keyFichage {
    height : 100vh !important;
}

#mobileAffichage .ui.menu {
    width: max-content;
}

#mobileAffichage .item .menu {
    background-color: #1b1c1d;
}

.four.wide.column.header img {
    padding-top: .5rem;
    padding-bottom: .25rem;
}

#mobileAffichage .item .menu a {
    color: whitesmoke !important;
}

.buttonHelper {
    padding: 0!important;
    background-color: transparent!important;
}

#mobileAffichage{
    overflow-y: visible !important;
}

.filterMobileModal {
    text-align: center;
}

.alignTextCenter {
    text-align: center !important;
}
@media only screen and (min-width:780px) {
    .pusher {
        overflow: visible !important;
    }
    .ui.fixed.menu+.ui.grid, .ui.fixed.menu+.ui.container {
        padding-top: 10.75rem;
    }
}

@media only screen and (max-width:780px) {
    .homePage {
        margin-bottom: 2rem!important;
    }
    
    .social-media-mobile iframe {
        width: 100vw !important;
    }
    .ui.fixed.menu+.ui.grid, .ui.fixed.menu+.ui.container {
        padding-top: 3.7rem;
    }
    .extra.content .containerHiddenDetail .containerPrice, .containerHiddenDetail { 
        font-size: 1.17rem;
    }
}

.panierFinal {
    padding-top: 20px; 
    padding-left:12px;
}

.fullMinHeight {
    min-height: 81.85vh;
    background-color: #3b2903;
}

.navSpace {
    padding-top: 5rem !important;
}

input.biere-quantity.panier {
    width: 50% !important;
}

.panierFinal .ui.middle.aligned.stackable.two.column.centered.grid.container {
    min-height: 60vh;
}

div.panierBeer div.ui.form div.fields.inline h3 {
    margin: auto !important;
    width: auto;
}

.navImage {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.noBorder {
    border:0 !important;
}
.noBackground {
    background-color:transparent !important;
}

button {
    cursor: pointer;
}

.mainColor.beer.icon, .invertedColor, h1.ui.header:not(.navHeader), .panierBeer input, .scrolling.content input, .userCol label {
    color:#f9cc00 !important;
}

.ui.input.focus>input, .ui.input>input:focus {
    border-color:#f9cc00;
}

.afficheur .dropdown.item .menu {
    max-height: 40vh;
    overflow-y: auto!important;
}

.navHeader {
    padding-top: 1.5rem!important;
}

.ui.compact.striped.inverted.definition.unstackable.table, .biereTable .ui.inverted.attached.info.message, 
.ui.compact.striped.definition.unstackable.table, .ui.compact.striped.definition.unstackable.table tfoot th{
    background: #3b2903;
    box-shadow: 0 0 0 0.5px #647816 inset, 0 0 0 0 transparent;
}

.ui.horizontal.medium.label.button.containerButton:not(.basic) {
    background-color:#f9cc00 !important;
    border-color:#f9cc00;
    color: black;
}

#modalAccount .large.form .raised.segments .segment{
    background: #3b2903;
}

#modalAccount .large.form .raised.segments .segment label{
    color:#f9cc00;
    font-size: 1.05rem;
}

#modalAccount .large.form .raised.segments .segment p {
    color:#f9cc00;
}

#modalAccount .large.form .raised.segments .segment input {
    font-size: 1.05rem;
}

.deactivation {
    margin-top: 0.75rem;
    margin-left: 0.75rem;
}

#accountMain {
    margin-bottom: 0;
}

#accountMain>.segment {
    padding: 0.3rem 0.5rem 0rem 0.5rem;
}

#accountDeactivateForm {
    margin: 0;
    padding-top: 0;
}

.ui.modal .deactivation a {
    font-weight: 600;
    font-size: medium;
    color: red;
}

.panierBeer input, .scrolling.content input {
    width: 6rem!important;
    background-color: #453410b0 !important;
}

.darkBrown {
    background-color: #3b2903 !important;
}

.lightBrown {
    background-color: #493815 !important;
}

#pagePanier {
    margin-top: 3.8rem;
}

#pagePanier .userCol input {
    background-color: #3b2903d6 !important;
    color: white;
}

.userCol {
    background: #3b2903 !important;
    box-shadow: 0 0 0 0.5px #647816 inset, 0 0 0 0 transparent !important;
}

.ui.segment.darkBrown {
    border-top: 1px solid #647816!important
}

.beerForm.previewPanier {
    padding: 0px !important;
}

.ui.dimmer.modals.page.transition.visible.active {
    display: flex!important;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#cookieWarneur span button {
    background-color: transparent;
    border: 0;
}

.containerHiddenDetail input[type=number]::-webkit-outer-spin-button,
.containerHiddenDetail input[type=number]::-webkit-inner-spin-button {
    margin-left: 20px;
    color: black;
}

.containerHiddenDetail input[type=number]::-moz-outer-spin-button,
.containerHiddenDetail input[type=number]::-moz-inner-spin-button {
    margin-left: 20px;
    color: black;
}

a.button.modalInscription {
    background-color: #b9e84e;
    color: #25274d;
}

.affichageMobile {
    width: 100vw;
    height: 90vh;
    background-color: #3b2903;
}

.affichageItem {
    height: 33.3% !important;
    border-style: solid;
    border-width: 0.5px;
    border-color: #647816;
    color:#f9cc00;
}

.affichageItem.switched {
    color: #3b2903;
    background-color: #f9cc00;
}


.affichageMobile .affichageItem i.icon, .affichageMobile .affichageItem i.flag {
    font-size: 3rem;
}

.affichageItem:not(.switched) a {
    color:#f9cc00!important;
}

.affichageItem.switched a {
    color:#3b2903!important;
}

.ui.compact.striped.definition.unstackable.table {
    color: white; 
}

.ui.compact.striped.definition.unstackable.table td:not(.invertedColor) {
    white-space: nowrap;
}

.card.beerCard.red {
		background-color:red!important;
		color: yellow; 
}
.card.beerCard.yellow {
		background-color:yellow!important ;
		color: blue; 
}
.card.beerCard a{
		color: blue;
		text-decoration: underline;
}
.card.beerCard .bold{
		font-weight:700;
}
.ui.stackable.three.cards.comptoir{
		color:darkblue;
}