/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*, *:after, *:before {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
html {
	font-size: 100%;
}
.container {
	max-width: 1400px;
}

@media screen and (max-width: 1420px) {
	.container {
		padding-left: 40px;
		padding-right: 40px;
	}
}
p, a, ul, li {
	line-height: 120%;
}
a {
	color: #000;
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 170%;
}
h3 {
	font-size: 150%;
}
h4 {
	font-size: 120%;
}
h5 {
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: 700;
	line-height: 120%;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top:0px;
}
p {
	margin-top: 0;
}
p:empty {
	display: none;
}
table p:empty {
	display: block;
}
img {
	max-width: 100%;
	vertical-align: bottom;
	height: auto;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:focus {
	outline: 0;
}
a:hover, a:active {
	outline: 0;
}
#header {
	background: #fff;
	position: relative;
}
section, footer {
	padding: 40px;
}
/* ALIGNEMENT */

.alignleft {
	float: left;
	margin: 6px 28px 28px 0;
}
.alignright {
	float: right;
	margin: 6px 0 28px 28px;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 28px;
}
/* ALIGNEMENT::END */

/* MENUS */
	/* NAV::START */
	
#header ul {
	list-style: none;
}
#header > .row > div{
	overflow:visible;
}
.faste-menu li {
	display: inline-block;
	text-align: right;
}
.faste-menu li ul li {
	display: block;
}
nav ul {
	margin: 0;
	padding: 0;
}
.faste-menu li a {
	padding: 3px 10px;
}
.nav-secondaire li a, .nav-secondaire2 li a {
	font-size: 90%;
}
li.dropdown {
	position: relative;
}
li.dropdown > ul.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	visibility: hidden;
	z-index: 9999;
}
li.dropdown:hover > ul.dropdown-menu {
	visibility: visible;
}
li.dropdown > ul.dropdown-menu > li {
	text-align: left;
}
li.dropdown > ul.dropdown-menu > li > a {
	white-space: nowrap;
}
.mobile-menu {
	display: none;
}
.faste-menu li a {
	padding: 10px 15px;
	display: inline-block;
}
.faste-menu li ul a {
	display: block;
}
.mobile-menu option[value="#"] {
	display: none;
}
/* NAV::END */
/* HAMBURGER :( */
.nav-container.mmc.ham{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:10;
	padding:40px;
	background-color: rgba(36,31,32,0.9);
	display: none;
}
.nav-container.mmc.ham .faste-menu{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	margin-right:-50%;
}
.nav-container.mmc.ham .faste-menu li{
	display: block;
	text-align: center;
}
.nav-container.mmc.ham .faste-menu li a{
	font-size: 6vh;
    padding: 0.4vw;
}
.nav-container.mmc.ham .faste-menu li a:hover{
	text-decoration: underline;
}
.close-ham{
	display: none;
	position: fixed;
	top:40px;
	right:40px;
	height:40px;
	padding-top:18px;
	cursor:pointer;
	z-index:16;
}
.close-ham > span{
	width:41px;
	height:3px;
	background-color: #fff;
	display: block;
	transform-origin: 50% 50%;
	transition:transform 0.4s ease-in-out;
}
.close-ham > span:nth-of-type(2){
	margin-top: -3px;
}
.close-ham.anim > span:nth-of-type(1){
	transform:rotate(-45deg);
}
.close-ham.anim > span:nth-of-type(2){
	transform:rotate(45deg);
}
.ham-icon{
	padding:40px;
	transition:opacity 0.4s;
	display: inline-block;
}
.ham-icon:hover{
	opacity:0.7;
}
.ham-icon > span{
	width:40px;
	height:5px;
	background-color: #353535;
	margin-bottom:6px;
	display: block;
	transition:width 0.4s ease-in-out;
}
.ham-icon:hover > span{
	-webkit-animation: swing 0.4s 1 alternate; 
	-moz-animation:    swing 0.4s 1 alternate; 
	-o-animation:      swing 0.4s 1 alternate; 
	animation:         swing 0.4s 1 alternate; 
}
.ham-icon:hover > span:nth-of-type(2){
	animation-delay: 0.04s;
}
.ham-icon:hover > span:nth-of-type(3){
	animation-delay: 0.08s;
}
/* HAMBURGER::END */
/* SCROLL CONTROL */

@media screen and (min-width: 1024px) {
	section.scrollcontrol:not(.flbk000001){
		height:100vh;
		display: table;
		width:100%;
	}
	section.scrollcontrol > .row{
		display: table-cell;
		vertical-align: middle;
	}
}

/* SCROLL CONTROL::END */
/* DISPOSITIONS */
#header .huge-1,  #header > .row > .huge-3:nth-of-type(2) {
	text-align: center;
}
#header > .row > .huge-2:first-of-type {
	text-align: left;
}
#header > .row > .huge-2:last-of-type,  #header > .row > .huge-2-rest:last-of-type,  #header > .row > .huge-3:nth-of-type(3) {
	text-align: right;
}
#header.dispositionv1,  #header.dispositionv2 {
	display: table-cell;
	vertical-align:top;
	width: 330px;
	padding:0 15px;
}
html.vertical, html.vertical body {
	height: 100%;
	display:table;
}
html.v2 {
	padding-top: 50px;
	position: relative;
}
.dispositionv1 .faste-menu li,  .dispositionv2 > .row3 .faste-menu li {
	display: block;
	text-align: center;
}
#header.dispositionv2 {
	position: static;
	margin-top: -50px;
}
.dispositionv2 > .row1 {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	max-width: none;
	z-index: -1;
	padding-left: 300px;
}
#header.dispositionv2 >.row1 .large-1 {
	text-align: right;
}

@media screen and (max-width: 1300px) {
	#header .large-1 {
		text-align: center;
	}
	#header > .row > .large-2:first-of-type {
		text-align: left;
	}
	#header > .row > .large-2:last-of-type {
		text-align: right;
	}
}

@media screen and (max-width: 1024px) {
	.dispositionv1 .faste-menu li,  .dispositionv2 .row3 .faste-menu li {
		display: inline-block;
	}
	.dispositionv2 > .row1 {
		position: relative;
		width: 100%;
		max-width: none;
		z-index: auto;
		padding-left: 20px;
	}
	html.v2 {
		padding-top: 0px;
		position: static;
	}
	#header.dispositionv2 {
		margin-top: auto;
	}
	html.vertical, html.vertical body {
		height: auto;
	}
	html.vertical main,  html.vertical footer {
		overflow: visible;
	}
	#header.dispositionv1,  #header.dispositionv2 {
		display: block;
		width:auto;
		padding:0 40px;
	}
	#header .medium-1,  #header.dispositionv2 >.row1 .large-1 {
		text-align: center;
	}
	#header > .row > .medium-2:first-of-type {
		text-align: left;
	}
	#header > .row > .medium-2:last-of-type {
		text-align: right;
	}
}

@media screen and (max-width: 640px) {
	#header > .row > .small-1,  #header > .row > .small-1:nth-of-type(n) {
		text-align: center;
	}
}
#header .social img,  #header .cart img, .footer .social img{
	max-width: 30px;
}

@media screen and (min-width: 1301px) {
	.disposition5 > .row1 > div:nth-of-type(1),  .disposition5 > .row1 > div:nth-of-type(3) {
		width: 25%;
	}
	.disposition5 > .row1 > div:nth-of-type(2) {
		width: 50%;
	}
}

@media screen and (min-width: 721px) and (max-width: 1300px) {
	.disposition5 > .row1 > div:nth-of-type(1),  .disposition5 > .row1 > div:nth-of-type(3) {
		width: 50%;
		position: absolute;
		top: 0;
	}
	.disposition5 > .row1 > div:nth-of-type(1) {
		left: 0;
	}
	.disposition5 > .row1 > div:nth-of-type(3) {
		right: 0;
	}
	.disposition5 > .row1 > div:nth-of-type(2) {
		width: 100%;
		margin-top: 40px;
	}
}

@media screen and (max-width: 720px) {
	#header.disposition5 > .row1 > div:nth-of-type(1),
	#header.disposition5 > .row1 > div:nth-of-type(2),
	#header.disposition5 > .row1 > div:nth-of-type(3) {
		text-align: center;
		width: 100%;
	}
}

@media screen and (min-width: 641px) {
	.disposition1 > .row1 > div:first-of-type,
	.disposition2 > .row1 > div:first-of-type,
	.disposition7 > .row2 > div:first-of-type,
	.disposition7 > .row2 > div:first-of-type,
	.disposition8 > .row1 > div:first-of-type {
		max-width: 30%;
		min-width: 240px;
	}
	.disposition4 > .row1 > div:first-of-type {
		width: auto;
	}
}

@media screen and (max-width: 640px) {
	.disposition1 nav,
	.disposition1 .logo, 
	.disposition2 nav,
	.disposition2 .logo {
		text-align: center;
	}
}
/* DISPOSITIONS::END */
/* MENUS::END */
/* SHORTCODES */
.yt-videowrap{
	width:100%;
	padding-bottom:40%;
	position: relative;
}
.yt-videowrap > iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	bottom: 0;
	right:0;
}
/* SHORTCODES::END */
/* STRUCTURE::START */
.row {
	margin: 0 auto;
}
.row.inline {
	width: 100%;
	height: 100%;
	text-align: center;
}
.row:after {
	content: "";
	display: table;
	clear: both;
}
/* COLONNES::START */
/* HUGE::START */
.huge-6, .huge-5, .huge-4, .huge-3, .huge-2 {
	float: left;
}
.huge-2-rest-left {
	float: right;
}
.huge-6 {
	width: 16.66%;
}
.huge-5 {
	width: 20%;
}
.huge-4 {
	width: 25%;
}
.huge-3 {
	width: 33.33%;
}
.huge-2 {
	width: 50%;
}
.huge-2-66 {
	width: 66%;
}
.huge-2-33 {
	width: 33%;
}
.huge-2-rest {
	width: auto;
	overflow: hidden;
}
.huge-1 {
	width: 100%;
}
.huge-6:nth-of-type(6n+1), .huge-5:nth-of-type(5n+1), .huge-4:nth-of-type(4n+1), .huge-3:nth-of-type(3n+1), .huge-2:nth-of-type(2n+1) {
	clear: left;
}
.row.inline > .huge-6:nth-of-type(6n), .row.inline > .huge-5:nth-of-type(5n), .row.inline > .huge-4:nth-of-type(4n), .row.inline > .huge-3:nth-of-type(3n), .row.inline > .huge-2:nth-of-type(2n) {
	margin-right: -2px;
}

@media screen and (max-width: 1300px) {
	.huge-6:nth-of-type(6n+1),
	.huge-5:nth-of-type(5n+1),
	.huge-4:nth-of-type(4n+1),
	.huge-3:nth-of-type(3n+1),
	.huge-2:nth-of-type(2n+1) {
		clear: none;
	}
	.row.inline > .huge-6:nth-of-type(6n),
	.row.inline > .huge-5:nth-of-type(5n),
	.row.inline > .huge-4:nth-of-type(4n),
	.row.inline > .huge-3:nth-of-type(3n),
	.row.inline > .huge-2:nth-of-type(2n) {
		margin-right: -4.5px;
	}
}
.huge-2-rest-left + .huge-2 {
	width: auto;
}

/* HUGE::END */
/* LARGE::START */
@media screen and (max-width: 1300px) {
	.large-6, .large-5, .large-4, .large-3, .large-2 {
		float: left;
	}
	.large-2-rest-left {
		float: right;
	}
	.large-6 {
		width: 16.66%;
	}
	.large-5 {
		width: 20%;
	}
	.large-4 {
		width: 25%;
	}
	.large-3 {
		width: 33.33%;
	}
	.large-2 {
		width: 50%;
	}
	.large-2-66 {
		width: 66%;
	}
	.large-2-33 {
		width: 33%;
	}
	.large-2-rest {
		width: auto;
		overflow: hidden;
	}
	.large-1 {
		width: 100%;
	}
	.large-6:nth-of-type(6n+1),  .large-5:nth-of-type(5n+1),  .large-4:nth-of-type(4n+1),  .large-3:nth-of-type(3n+1),  .large-2:nth-of-type(2n+1) {
		clear: left;
	}
	.large-1 + .large-2 + .large-2 {
		clear: none;
	}
	.row.inline > .large-6:nth-of-type(6n),  .row.inline > .large-5:nth-of-type(5n),  .row.inline > .large-4:nth-of-type(4n),  .row.inline > .large-3:nth-of-type(3n),  .row.inline > .large-2:nth-of-type(2n) {
		margin-right: -2px;
	}
}

@media screen and (max-width: 1024px) {
	.large-6:nth-of-type(6n+1),  .large-5:nth-of-type(5n+1),  .large-4:nth-of-type(4n+1),  .large-3:nth-of-type(3n+1),  .large-2:nth-of-type(2n+1) {
		clear: none;
	}
	.row.inline > .large-6:nth-of-type(6n),  .row.inline > .large-5:nth-of-type(5n),  .row.inline > .large-4:nth-of-type(4n),  .row.inline > .large-3:nth-of-type(3n),  .row.inline > .large-2:nth-of-type(2n) {
		margin-right: -4.5px;
	}
}
.large-2-rest-left + .large-2 {
	width: auto;
}

/* LARGE::END */
/* MEDIUM::START */
@media screen and (max-width: 1024px) {
	.medium-6, .medium-5, .medium-4, .medium-3, .medium-2 {
		float: left;
	}
	.medium-2-rest-left {
		float: right;
	}
	.medium-6 {
		width: 16.66%;
	}
	.medium-5 {
		width: 20%;
	}
	.medium-4 {
		width: 25%;
	}
	.medium-3 {
		width: 33.33%;
	}
	.medium-2 {
		width: 50%;
	}
	.medium-2-66 {
		width: 66%;
	}
	.medium-2-33 {
		width: 33%;
	}
	.medium-2-rest {
		width: auto;
		overflow: hidden;
	}
	.medium-1 {
		width: 100%;
	}
	.medium-6:nth-of-type(6n+1),  .medium-5:nth-of-type(5n+1),  .medium-4:nth-of-type(4n+1),  .medium-3:nth-of-type(3n+1),  .medium-2:nth-of-type(2n+1) {
		clear: left;
	}
	.row.inline > .medium-6:nth-of-type(6n),  .row.inline > .medium-5:nth-of-type(5n),  .row.inline > .medium-4:nth-of-type(4n),  .row.inline > .medium-3:nth-of-type(3n),  .row.inline > .medium-2:nth-of-type(2n) {
		margin-right: -2px;
	}
}

@media screen and (max-width: 640px) {
	.medium-6:nth-of-type(6n+1),  .medium-5:nth-of-type(5n+1),  .medium-4:nth-of-type(4n+1),  .medium-3:nth-of-type(3n+1),  .medium-2:nth-of-type(2n+1) {
		clear: none;
	}
	.row.inline > .medium-6:nth-of-type(6n),  .row.inline > .medium-5:nth-of-type(5n),  .row.inline > .medium-4:nth-of-type(4n),  .row.inline > .medium-3:nth-of-type(3n),  .row.inline > .medium-2:nth-of-type(2n) {
		margin-right: -4.5px;
	}
}
.medium-2-rest-left + .medium-2 {
	width: auto;
}

/* MEDIUM::END */
/* SMALL::START */
@media screen and (max-width: 640px) {
	.small-6, .small-5, .small-4, .small-3, .small-2 {
		float: left;
	}
	.small-2-rest-left {
		float: right;
	}
	.small-6 {
		width: 16.66%;
	}
	.small-5 {
		width: 20%;
	}
	.small-4 {
		width: 25%;
	}
	.small-3 {
		width: 33.33%;
	}
	.small-2 {
		width: 50%;
	}
	.small-2-66 {
		width: 66%;
	}
	.small-2-33 {
		width: 33%;
	}
	.small-2-rest {
		width: auto;
		overflow: hidden;
	}
	.small-1 {
		width: 100%;
	}
	.small-6:nth-of-type(6n+1),  .small-5:nth-of-type(5n+1),  .small-4:nth-of-type(4n+1),  .small-3:nth-of-type(3n+1),  .small-2:nth-of-type(2n+1) {
		clear: left;
	}
	.row.inline > .small-6:nth-of-type(6n),  .row.inline > .small-5:nth-of-type(5n),  .row.inline > .small-4:nth-of-type(4n),  .row.inline > .small-3:nth-of-type(3n),  .row.inline > .small-2:nth-of-type(2n) {
		margin-right: -2px;
	}
	.small-2-rest-left + .small-2 {
		width: auto;
	}
}
/* SMALL::END */
/* COLONNES::END */
/* COLONNES INLINE */
.row.inline > .huge-6, .row.inline > .huge-5, .row.inline > .huge-4, .row.inline > .huge-3, .row.inline > .huge-2, .row.inline > .huge-1, .row.inline > .large-6, .row.inline > .large-5, .row.inline > .large-4, .row.inline > .large-3, .row.inline > .large-2, .row.inline > .large-1, .row.inline > .medium-6, .row.inline > .medium-5, .row.inline > .medium-4, .row.inline > .medium-3, .row.inline > .medium-2, .row.inline > .medium-1, .row.inline > .small-6, .row.inline > .small-5, .row.inline > .small-4, .row.inline > .small-3, .row.inline > .small-2, .row.inline > .small-1 {
	float: none;
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4.5px;
}
.row.inline > * {
	text-align: left;
}
/* COLONNES INLINE::END */
/* STRUCTURE::END */
/* COVER CLASS::START */
.tall-img {
	height: auto;
	width: 100%;
	max-height: none;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.wide-img {
	width: auto;
	height: 100%;
	max-width: none;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.cover {
	position: relative;
	overflow: hidden;
}
.cover > img{
	position:absolute;
}
/* FOOTER::START */
footer > .footer-elements > .huge-3:nth-of-type(1) {
	text-align: left;
}
footer > .footer-elements > .huge-3:nth-of-type(2) {
	text-align: center;
}
footer > .footer-elements > .huge-3:nth-of-type(3) {
	text-align: right;
}
footer > .footer-elements > div{
	padding-bottom:40px;
}

@media screen and (max-width: 1300px) {
	footer > .footer-elements > .large-2:nth-of-type(1) {
		text-align: left;
	}
	footer > .footer-elements > .large-2:nth-of-type(2) {
		text-align: right;
	}
	footer > .footer-elements > .large-1:nth-of-type(n) {
		text-align: center;
	}
	footer > .footer-elements > .large-1 + .large-2 {
		text-align: left;
	}
}

@media screen and (max-width: 1024px) {
	footer > .footer-elements > .medium-2:nth-of-type(1) {
		text-align: left;
	}
	footer > .footer-elements > .medium-2:nth-of-type(2) {
		text-align: right;
	}
	footer > .footer-elements > .medium-1:nth-of-type(n) {
		text-align: center;
	}
	footer > .footer-elements > .medium-1 + .medium-2 {
		text-align: left;
	}
}

@media screen and (max-width: 640px) {
	footer > .footer-elements > .small-1:nth-of-type(n) {
		text-align: center;
	}
}
footer ul{
	list-style:none;
	margin:0 0 20px 0;
	padding: 0;
}
footer .copyright{
	font-size:80%;
	margin: 0 auto;
}
.footer .social{
	margin-top:10px;
}
footer .copyright a{
	text-decoration: underline;
}
/* FOOTER::END */
/* MODALS::START */
.modal-bg{
	display: none;
	position: fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:9999;
	background-color: rgba(0, 0, 0, 0.7);
	overflow-y:auto;
}
.modal-bg .popup{
	position: relative;
	width:90%;
	max-width:800px;
	background-color: #fff;
	padding:20px;
	margin:75px auto 0 auto;
}
.modal-bg .popup .close:before{
	content:"";
	background-image: url(../img/close.png);
	position: absolute;
	width:25px;
	height:25px;
	cursor:pointer;
	top:-35px;
	right:0px;
}
/* MODALS::END */
/* ANIMATIONS --------------------------------------------- */
.animthis {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

/* LISTE DES ANIMATIONS 
flash
shake
bounce
tada
swing
wobble
wiggle
pulse
fadeIn
fadeInUp
fadeInDown
fadeInLeft
fadeInRight
fadeInBig
fadeInUpBig
fadeInDownBig
fadeInLeftBig
fadeInRightBig
bounceIn
bounceInUp
bounceInDown
bounceInLeft
bounceInRight
rotateIn
rotateInUpLeft
rotateInDownLeft
rotateInUpRight
rotateInDownRight
*/
/* SYNTAXE
.laclasse {
  -webkit-animation: ANIM-NAME DURATION REPEAT ALTERNATE EASING DIRECTION DELAY; 
  -moz-animation:    ANIM-NAME DURATION REPEAT ALTERNATE EASING DIRECTION DELAY; 
  -o-animation:      ANIM-NAME DURATION REPEAT ALTERNATE EASING DIRECTION DELAY; 
  animation:         ANIM-NAME DURATION REPEAT ALTERNATE EASING DIRECTION DELAY; 
}

*/
@-webkit-keyframes flash {
 0%, 50%, 100% {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
@keyframes flash {
 0%, 50%, 100% {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
@-webkit-keyframes shake {
 0%, 100% {
 -webkit-transform: translateX(0);
 opacity: 1;
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translateX(-10px);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translateX(10px);
}
}
@keyframes shake {
 0%, 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translateX(-10px);
 transform: translateX(-10px);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translateX(10px);
 transform: translateX(10px);
}
}
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 -webkit-transform: translateY(0);
 opacity: 1;
}
 40% {
 -webkit-transform: translateY(-30px);
}
 60% {
 -webkit-transform: translateY(-15px);
}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
}
 40% {
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
}
 60% {
 -webkit-transform: translateY(-15px);
 transform: translateY(-15px);
}
}
@-webkit-keyframes tada {
 0% {
 -webkit-transform: scale(1);
}
 10%, 20% {
 -webkit-transform: scale(0.9) rotate(-3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale(1.1) rotate(3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale(1.1) rotate(-3deg);
}
 100% {
 -webkit-transform: scale(1) rotate(0);
 opacity: 1;
}
}
@keyframes tada {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 10%, 20% {
 -webkit-transform: scale(0.9) rotate(-3deg);
 transform: scale(0.9) rotate(-3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale(1.1) rotate(3deg);
 transform: scale(1.1) rotate(3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale(1.1) rotate(-3deg);
 transform: scale(1.1) rotate(-3deg);
}
 100% {
 -webkit-transform: scale(1) rotate(0);
 transform: scale(1) rotate(0);
 opacity: 1;
}
}
@-webkit-keyframes swing {
 20%, 40%, 60%, 80%, 100% {
 -webkit-transform-origin: top center;
}
 20% {
 -webkit-transform: rotate(15deg);
}
 40% {
 -webkit-transform: rotate(-10deg);
}
 60% {
 -webkit-transform: rotate(5deg);
}
 80% {
 -webkit-transform: rotate(-5deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 opacity: 1;
}
}
@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);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 opacity: 1;
}
}
/* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */
@-webkit-keyframes wobble {
 0% {
 -webkit-transform: translateX(0%);
}
 15% {
 -webkit-transform: translateX(-25%) rotate(-5deg);
}
 30% {
 -webkit-transform: translateX(20%) rotate(3deg);
}
 45% {
 -webkit-transform: translateX(-15%) rotate(-3deg);
}
 60% {
 -webkit-transform: translateX(10%) rotate(2deg);
}
 75% {
 -webkit-transform: translateX(-5%) rotate(-1deg);
}
 100% {
 -webkit-transform: translateX(0%);
 opacity: 1;
}
}
@keyframes wobble {
 0% {
 -webkit-transform: translateX(0%);
 transform: translateX(0%);
}
 15% {
 -webkit-transform: translateX(-25%) rotate(-5deg);
 transform: translateX(-25%) rotate(-5deg);
}
 30% {
 -webkit-transform: translateX(20%) rotate(3deg);
 transform: translateX(20%) rotate(3deg);
}
 45% {
 -webkit-transform: translateX(-15%) rotate(-3deg);
 transform: translateX(-15%) rotate(-3deg);
}
 60% {
 -webkit-transform: translateX(10%) rotate(2deg);
 transform: translateX(10%) rotate(2deg);
}
 75% {
 -webkit-transform: translateX(-5%) rotate(-1deg);
 transform: translateX(-5%) rotate(-1deg);
}
 100% {
 -webkit-transform: translateX(0%);
 transform: translateX(0%);
 opacity: 1;
}
}
@-webkit-keyframes wiggle {
 0% {
 -webkit-transform: skewX(9deg);
}
 10% {
 -webkit-transform: skewX(-8deg);
}
 20% {
 -webkit-transform: skewX(7deg);
}
 30% {
 -webkit-transform: skewX(-6deg);
}
 40% {
 -webkit-transform: skewX(5deg);
}
 50% {
 -webkit-transform: skewX(-4deg);
}
 60% {
 -webkit-transform: skewX(3deg);
}
 70% {
 -webkit-transform: skewX(-2deg);
}
 80% {
 -webkit-transform: skewX(1deg);
}
 90% {
 -webkit-transform: skewX(0deg);
}
 100% {
 -webkit-transform: skewX(0deg);
 opacity: 1;
}
}
@keyframes wiggle {
 0% {
 -webkit-transform: skewX(9deg);
 transform: skewX(9deg);
}
 10% {
 -webkit-transform: skewX(-8deg);
 transform: skewX(-8deg);
}
 20% {
 -webkit-transform: skewX(7deg);
 transform: skewX(7deg);
}
 30% {
 -webkit-transform: skewX(-6deg);
 transform: skewX(-6deg);
}
 40% {
 -webkit-transform: skewX(5deg);
 transform: skewX(5deg);
}
 50% {
 -webkit-transform: skewX(-4deg);
 transform: skewX(-4deg);
}
 60% {
 -webkit-transform: skewX(3deg);
 transform: skewX(3deg);
}
 70% {
 -webkit-transform: skewX(-2deg);
 transform: skewX(-2deg);
}
 80% {
 -webkit-transform: skewX(1deg);
 transform: skewX(1deg);
}
 90% {
 -webkit-transform: skewX(0deg);
 transform: skewX(0deg);
}
 100% {
 -webkit-transform: skewX(0deg);
 transform: skewX(0deg);
 opacity: 1;
}
}
/* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */
@-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.1);
}
 100% {
 -webkit-transform: scale(1);
 opacity: 1;
}
}
@keyframes pulse {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
@-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@-webkit-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
@keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
@keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@-webkit-keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -webkit-transform: translateY(2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -webkit-transform: translateY(2000px);
 transform: translateY(2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@-webkit-keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
 transform: translateY(-2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@-webkit-keyframes fadeInLeftBig {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
 transform: translateX(-2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@-webkit-keyframes fadeInRightBig {
 0% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
 0% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
 transform: translateX(2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@-webkit-keyframes bounceIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(0.3);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.05);
}
 70% {
 -webkit-transform: scale(0.9);
}
 100% {
 -webkit-transform: scale(1);
 opacity: 1;
}
}
@keyframes bounceIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(0.3);
 transform: scale(0.3);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
 70% {
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
@-webkit-keyframes bounceInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(-30px);
}
 80% {
 -webkit-transform: translateY(10px);
}
 100% {
 -webkit-transform: translateY(0);
 opacity: 1;
}
}
@keyframes bounceInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(2000px);
 transform: translateY(2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
}
 80% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
}
}
@-webkit-keyframes bounceInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(30px);
}
 80% {
 -webkit-transform: translateY(-10px);
}
 100% {
 -webkit-transform: translateY(0);
 opacity: 1;
}
}
@keyframes bounceInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
 transform: translateY(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}
 80% {
 -webkit-transform: translateY(-10px);
 transform: translateY(-10px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 opacity: 1;
}
}
@-webkit-keyframes bounceInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(30px);
}
 80% {
 -webkit-transform: translateX(-10px);
}
 100% {
 -webkit-transform: translateX(0);
 opacity: 1;
}
}
@keyframes bounceInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
 transform: translateX(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(30px);
 transform: translateX(30px);
}
 80% {
 -webkit-transform: translateX(-10px);
 transform: translateX(-10px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}
}
@-webkit-keyframes bounceInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(-30px);
}
 80% {
 -webkit-transform: translateX(10px);
}
 100% {
 -webkit-transform: translateX(0);
 opacity: 1;
}
}
@keyframes bounceInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
 transform: translateX(2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(-30px);
 transform: translateX(-30px);
}
 80% {
 -webkit-transform: translateX(10px);
 transform: translateX(10px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}
}
@-webkit-keyframes rotateIn {
 0% {
 -webkit-transform-origin: center center;
 -webkit-transform: rotate(-200deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: center center;
 -webkit-transform: rotate(0);
 opacity: 1;
}
}
@keyframes rotateIn {
 0% {
 -webkit-transform-origin: center center;
 transform-origin: center center;
 -webkit-transform: rotate(-200deg);
 transform: rotate(-200deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: center center;
 transform-origin: center center;
 -webkit-transform: rotate(0);
 transform: rotate(0);
 opacity: 1;
}
}
@-webkit-keyframes rotateInUpLeft {
 0% {
 -webkit-transform-origin: left bottom;
 -webkit-transform: rotate(90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 -webkit-transform: rotate(0);
 opacity: 1;
}
}
@keyframes rotateInUpLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate(0);
 transform: rotate(0);
 opacity: 1;
}
}
@-webkit-keyframes rotateInDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 -webkit-transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 -webkit-transform: rotate(0);
 opacity: 1;
}
}
@keyframes rotateInDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate(0);
 transform: rotate(0);
 opacity: 1;
}
}
@-webkit-keyframes rotateInUpRight {
 0% {
 -webkit-transform-origin: right bottom;
 -webkit-transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 -webkit-transform: rotate(0);
 opacity: 1;
}
}
@keyframes rotateInUpRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate(0);
 transform: rotate(0);
 opacity: 1;
}
}
@-webkit-keyframes rotateInDownRight {
 0% {
 -webkit-transform-origin: right bottom;
 -webkit-transform: rotate(90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 -webkit-transform: rotate(0);
 opacity: 1;
}
}
@keyframes rotateInDownRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate(0);
 transform: rotate(0);
 opacity: 1;
}
}
/* CUSTOM ANIMATIONS */
@-webkit-keyframes slide-in {
 0% {
 bottom: -100px;
}
 75% {
 bottom: 0;
}
}
@keyframes slide-in {
 0% {
 bottom: -100px;
}
 75% {
 bottom: 0;
}
}