@font-face {
	font-family: "Font";
	src: url("assets/font/font.ttf");
}

@font-face {
	font-family: "FontBold";
	src: url("assets/font/font-bold.ttf");
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
html {
  -ms-overflow-style: -ms-autohiding-scrollbar !important;
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}
html,
body {
	-webkit-touch-callout: none;
}
body {
	max-height: 100vh;
    min-height: 100vh;
	padding:0;
	margin:0;
	font-family: "Font", Arial, Helvetica, sans-serif !important;
	background-image: url("assets/img/background.jpg");
	background-position: center center;
	background-size: cover;
}
p {
	margin:0;
	padding:0;
	font-family: "Font", Arial, Helvetica, sans-serif !important;
}

p a, p a:active, p a:visited, p a:hover, p a:focus{
	font-weight: 700;
	color: #000000;
}

header, footer {
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}

#waiter {
	background-color:#ffffff;
	position:absolute;
	padding-top:5%;
	width:100%;
	height:100%;
	z-index:9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition-duration: 1000ms;
	-webkit-transition-duration: 1000ms;
}

#error {
	padding-top:5%;
	transition-duration: 750ms;
	-webkit-transition-duration: 750ms;
}

.btn-privacy {
	position: fixed;
	bottom:5px;
	left:50%;
	transform: translateX(-50%);
	border-radius: 1vh;
	font-size:0.9em;
	padding:0.1em 0.6em;
	cursor:pointer;
	display: table;
	text-align:center;
}

.btn-privacy span {
	display: table-cell;
	vertical-align: middle;
}

/* ========================================= */
/* Utils */
/* ========================================= */

.tablike {
	display:table;
	width:100%;
}

::-webkit-scrollbar {
	display:none;
}

html
{
    -ms-content-zooming: none; /* Disables zooming */
}

.no-touch-special-moves {
	touch-action: none;   /* Disable any special actions on tap/touch */
}

.border-radius {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.notouch {
	pointer-events: none !important;
	opacity: 0.5
}

button.get-new-button, button.go-home-button, button.dropdown-toggle {
	outline:0;
}

button.get-new-button::focus, button.go-home-button::focus, button.dropdown-toggle::focus {
	outline:0;
}

button.get-new-button::-moz-focus-inner, button.go-home-button::-moz-focus-inner, button.dropdown-toggle::-moz-focus-inner {
	border: 0 !important;
}

/* ========================================= */
/* Header */
/* ========================================= */

header span, footer span {
	vertical-align:middle;
	text-align:center;
	width:100%;
	margin:0;
	padding:0;
}
header span p, footer span p {
	margin:0;
	padding:0;
}
header img, footer img {
	margin:0 auto;
	max-width:100%;
}

#header-img, #header {
	transition: all 500ms ease;
}

/* ========================================= */
/* Vignettes */
/* ========================================= */

.gallery li.rotate { 
	transform: none;
}
.gallery li.rotate:nth-child(2n)
{
	transform: rotate(1.75deg); 
}

.gallery li.rotate:nth-child(3n)
{
	transform: rotate(-1.5deg);
}

.gallery li.rotate:nth-child(5n)
{
	transform: rotate(0.5deg);
}

.container-thumbs {
	position: fixed;
    display:block;
    top: 79vh;
    left: 5vw;
    width: 90vw;
    height: 17vh;
    overflow-x: scroll;
    overflow-y: hidden;
 	-webkit-overflow-scrolling: touch;
 	-ms-overflow-style: none ;
}

ul.sliding-thumbnails {
	min-width:100%;
    position: relative;
    width: auto;
    height: 17vh;
    overflow: hidden;
    text-align: center;
}

.row-item {
	overflow:hidden;
}

ul.sliding-thumbnails li span {
    display: table !important;
    margin: 0 auto !important;
    height: 100%;
}

ul.sliding-thumbnails li span a {
	display: table-cell;
	vertical-align: middle;
}

ul.sliding-thumbnails li img {
	max-height:14vh;
	max-width: 100%;
   	box-sizing: content-box;
}

/* ========================================= */
/* Copyright */
/* ========================================= */

#copyright {
	position:fixed;
	bottom:1%;
	right:1%;
	text-align:right;
}

#copyright p {
	font-size: 1.5vmax;
	text-shadow: 0 0 10px rgba(0,0,0,0.8);
}

#copyright img {
	width: 10vw;
	width: 10vmax;
}

/* ========================================= */
/* Navigation */
/* ========================================= */

#navcontrols {
	margin: 0 auto;
	text-align:center;
	padding-bottom: 90px;
}

#navcontrols dir-pagination-controls {
	display:inline-block !important;
}

#arrow-left {
	position: fixed;
	display: table;
	top:79vh;
	left:0;
    width: 5vw;
    height: 16vh;
    cursor: pointer;
}

#arrow-right {
	position: fixed;
	display: table;
	top:79vh;
	right:0;
    width: 5vw;
    height: 16vh;
    cursor: pointer;
}

#arrow-left i, #arrow-right i {
	display:table-cell;
	vertical-align: middle;
	font-size:5vh;
}

.chevrons-touch {
	opacity:0.5;
}

.next-button {
	position: fixed;
	right:0;
	top:0;
	height:100vh;
	width:7vw;
	font-size:5vw;
	border:0;
	text-align: center;
	padding:0;
}

.prev-button {
	position: fixed;
	left:0;
	top:0;
	height:100vh;
	width:7vw;
	font-size:5vw;
	border:0;
	text-align: center;
	padding:0;
}

.next-button i, .prev-button i {
	display: inline-block;
	width:90%;
	margin:0 auto;
	text-align: center;
	padding:0;
}

/* ========================================= */
/* Formulaires */
/* ========================================= */

.input-group {
	padding-bottom:15px;
}

.input-group button {
	cursor:pointer;
}

/* ========================================= */
/* Access gallery/sharingstation by code / email */
/* ========================================= */

#filter-form {
	margin-top:5vh;
	background:rgba(0,0,0,0.5);
	border-radius: 10px;
	padding:2rem;
}
#filter-form h2 {
	text-align: center;
	padding-bottom:1rem;
}

#filter-form input {
	text-align:center;
	font-size:1.5rem;
}

.retry-btn {
	margin-top:1rem;
	cursor:pointer;
}

/* ======================================================================================== */
/* ======================================================================================== */
/* Spécifique Templates sharingstation */
/* ======================================================================================== */
/* ======================================================================================== */

.selected-img-container {
	max-height: 64vh;
	padding:0.1vh 1vh 0.1vh 2vh;
	text-align: right;
	min-height:59vh;
}

.selected-img-container span {
	display: block;
	max-width: 100%;
	max-height:59vh;
	width: auto;
	min-width:20vh;
	min-height:20vh;
	background:url(https://wdep.s3.amazonaws.com/v2/assets/img/bg-loader.svg) center center no-repeat;
}

.selected-img-container img, .selected-img-container video {
	max-width: 100%;
	max-height:59vh;
	width: auto;
	min-width:20vh;
	min-height:20vh;
	background-color:transparent;
	/*background:url(https://wdep.s3.amazonaws.com/v2/assets/img/bg-loader.svg) center center no-repeat;*/
}

/* Template 1 no header */

.no-header .selected-img-container {
	max-height: 74vh;
	min-height:70vh;
}
.no-header .selected-img-container img, .no-header .selected-img-container video {
	max-height:64vh;
}

/* Template 2 */

.template2 .selected-img-container {
	min-height:85vh;
	max-height:79vh;
}

.template2.no-header .selected-img-container {
	min-height:95vh;
	max-height:94vh;
}

.template2 .selected-img-container img, .template2 .selected-img-container video {
	max-height:79vh;
}

.template2.no-header .selected-img-container img, .template2.no-header .selected-img-container video {
	max-height:89vh;
}

.selected-img-sharezone {
	text-align:left;
	padding:0.1vh 2vh 0.1vh 1vh;
	min-height:65vh;
}
.no-header .selected-img-sharezone {
	min-height:75vh;
}

.template2 .selected-img-sharezone {
	min-height:85vh;
}

.template2.no-header .selected-img-sharezone {
	min-height:95vh;
} 


/* Boutons flottants */

.active-question{
	color:#ffffff;
}

.get-new-button {
    width: 5.2rem;
    height: 5.2rem;
	border-radius: 50%;
	color: #cb5400;
	position: fixed;
	z-index: 99;
	bottom: 3vh;
	right: 3vh;
	text-align: center;
	font-size: 3rem;
	cursor: pointer;
	margin:1vw 2vw;
	background-color:#ffffff;
	box-shadow: 0 0 12px rgba(0,0,0,0.5);
	border: 0;
	padding: 0;
}
.get-new-button i {
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	padding: 0;
}

.go-home-button {
	display: block;
	position: fixed;
	top: 3vh;
	left: 3vh;
	width:8vh;
	height:8vh;
	line-height:8vh;
	font-size:4vh;
	max-width:8vh;
	max-height:8vh;
	text-align: center;
	border:0;
	border-radius:50%;
	cursor: pointer;
	z-index:99;
	box-shadow: 0 0 12px rgba(0,0,0,0.5);
}
.go-home-button i {
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
}

.dropdown {
	display: block;
	position: fixed;
	top: 3vh;
	right: 2vh;
	width:8vh;
	height:8vh;
	line-height: 8vh;
	text-align: center;
	border:0;
	border-radius:50%;
	cursor: pointer;
	z-index:99;
	box-shadow: 0 0 12px rgba(0,0,0,0.5);
}


.special-z-index {
	z-index:101 !important;
}

.dropdown button::after {
	display:none !important;
}

.dropdown button {
	width:100%;
	height:100%;
	padding:0;
	cursor: pointer;
}

.dropdown img {
	max-width:70%;
	text-decoration:none
}

.dropdown-menu {
	width: 100%;
	min-width: 0px !important;
}

.dropdown.dropdown-portrait {
	top: 2vh;
	right: 3vh;
}

.displaytable {
	display: table !important;
}

.selected-img-zone {
	position:relative;
	height: 100%;
	width: 100%
}

.animdiv {
	width:100%;
	height: 100%
}

.selected-zone {
	position:absolute;
	top:50%;
	right:0;
	transform: translate(0,-50%);
	opacity:1;
	transition: opacity 500ms linear;
    -webkit-transition: opacity 500ms linear;
}

.hide-on-change {
	opacity:0;
	transition: opacity 500ms linear;
    -webkit-transition: opacity 500ms linear;
}

.emailshareform .modal-dialog, .smsshareform .modal-dialog, .gooutform .modal-dialog, .localserver .modal-dialog, .adminform .modal-dialog {
	margin-top:10vh;
}

.emailshareform input[type="email"] {
	margin:10px auto;
	height:50px;
}

.share-buttons a, .modal-title a {
	cursor:pointer;
}

.disabled-share {
	opacity:0.5;
	pointer-events: none;
}

.toast-message {
	font-size:1.5rem;
}

/* ========================================= */
/* Sharing modals */
/* ========================================= */

.modal button.btn {
	font-weight: 700;
}

.modal-header {
	-webkit-border-top-left-radius: .2rem;
	-webkit-border-top-right-radius: .2rem;
	-moz-border-radius-topleft: .2rem;
	-moz-border-radius-topright: .2rem;
	border-top-left-radius: .2rem;
	border-top-right-radius: .2rem;
}

.modal-footer {
	-webkit-border-bottom-right-radius: .2rem;
	-webkit-border-bottom-left-radius: .2rem;
	-moz-border-radius-bottomright: .2rem;
	-moz-border-radius-bottomleft: .2rem;
	border-bottom-right-radius: .2rem;
	border-bottom-left-radius: .2rem;
}

.preview-share-modal {
	max-width:100%;
	max-height:30vh;
	margin:0 auto 20px auto;
	display:block;
}

.admin-btns {
	background-color:#576b7c;
	color:#fff;
	display:block;
	width:80%;
	margin:10px auto;
}

.block-search-sms {
	width: 380px;
	position: fixed;
	margin-left: 10px;
    padding-top: 10px;
    margin-top: -50px;
	background-color:#ffffff
}

.block-search-sms input {
	padding-left:5px;
	width:100%;
	border-radius:3px;
	border:0;
}

.input-group input.sms-field {
	border-bottom-right-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.smsshareform .form-group .dropdown-menu {
	overflow: scroll;
	max-height: 300px;
	width:400px !important;
	min-height:100px;
	padding-top:50px;
}

.optin-gdpr label {
	color:#707070;
}

.policies .modal-dialog {
    max-width: 80vw;
}

/* GO OUT MODAL */

.gooutform input[type=number]::-webkit-inner-spin-button, 
.gooutform input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.gooutform .modal-footer {
	background-color:#576b7c;
}

.gooutform .modal-footer .btn.validgoout {
	background:#fff !important;
	color:#576b7c;
	border:0;
	border-radius:7px;
	font-weight:bold
}

.gooutform .modal-footer .btn.closegoout {
	background:#d00000 !important;
	color:#fff;
	border:0;
	font-weight:bold
}

.gooutform .form-group input {
	border-radius:5px;
	padding:5px;
	border:1px solid #e0e0e0;
	width:100%;
	margin:10px auto;
	text-align:center;
	font-size:1.5rem;
}

tags-input .tags {
	border-radius:5px;
	padding:5px;
	width:100%;
	margin:10px auto;
	text-align:center;
	font-size:1.5rem;
	box-shadow: none;
	border:0;
}

@media screen and (max-width: 1024px) {
	.share-buttons a span i {
	
		font-size:5vh;
		line-height: 5vh;
	}
	.share-buttons a span {
		padding:1vw;
	}
	.selected-img-container {
		max-height: 65vh;
		padding:0.1vh 3vh 0.1vh 2vh;	
		text-align: right;
		min-height:65vh;
	}
	
	.selected-img-sharezone {
		min-height:69vh;
	}

	.template2 .selected-img-container {
		max-height:89vh;
		min-height:89vh;
	}

	.template2 .selected-img-container img, .template2 .selected-img-container video {
		max-height:84vh;
		min-height: auto !important;
	}

	.template2 .selected-img-sharezone {
		min-height:89vh;
	}

	.get-new-button {
		bottom: 3vh;
		right: 3vh;
   	}
   	.go-home-button {
	    top: 2vh;
	    left: 2vh;
   	}

	.dropdown {
	    top: 2vh;
	    right: 2vh;
   	}

	.dropdown.dropdown-portrait {
	    top: 2vh;
	    right: 2vh;
   	}

	.portrait .share-buttons a span i {
	
		font-size:5vh;
		line-height: 5vh;
	}

	#search-block{
		width: calc(100% - 4vw) !important;
	}

}

@media screen and (max-width: 767px) {
	.selected-img-container {
		max-height: 55vh;
		min-height:55vh;
	}
	.no-header .selected-img-container {
		max-height: 65vh;
		min-height:65vh;
	}
	.selected-img-container img, .selected-img-container video {
		max-height:55vh;
	}
	.no-header .selected-img-container img, .no-header .selected-img-container video {
		max-height:65vh;
	}
/*
	.template2 .selected-img-container {
		max-height: 75vh;
		min-height: 75vh;
	}
	.template2.no-header .selected-img-container {
		max-height: 85vh;
		min-height: 85vh;
	}
	.template2 .selected-img-container img, .selected-img-container video {
		max-height: 75vh;
		min-height: auto;
	}
	.template2.no-header .selected-img-container img, .no-header .selected-img-container video {
		max-height: 85vh;
		min-height: auto;
	}
*/
	.share-buttons a span i {
	
		font-size:5vh;
		line-height: 5vh;
	}
	.share-buttons a span {
		padding:1vw;
	}
	.get-new-button {
		bottom: 3vh;
		right: 3vh;
   	}

	.dropdown.dropdown-portrait {
		top: 2vh;
		right: 2vh;
	}

   	.go-home-button {
	    top: 2vh;
	    left: 2vh;
	}
	   
	.header-left{
		display: block;
		max-width: 100% !important;
	}

	#left-block{
		position: relative !important;
		width: 100% !important;
	}
	
	#left-block > *{
		max-width: 100% !important;
	}

	#copyright-logo{
		position: relative !important;
		/* left:0 !important; */
		/* mix-blend-mode:darken; */
		display: block;
		margin-top: 0.8rem;
		margin-left: 0;
		max-width: 35% !important;
		opacity: 0.9;
	}
	.ekko-lightbox-nav-overlay a span{
		padding: 0 !important;
	}

	.ekko-lightbox-container{
		max-width: 80%;
		margin: 0 auto;
	}
	

	.ekko-lightbox .modal-dialog{
		margin-left: auto;
		margin-right: auto;
	}

}

@media screen and (max-width: 568px) {
	.no-header .selected-img-container {
		max-height: 60vh;
		min-height:60vh;
	}
	.selected-img-container {
		max-height: 50vh;
		min-height:50vh;
	}
	.no-header .selected-img-container img, .no-header .selected-img-container video {
		max-height:60vh;
	}
	.selected-img-container img, .selected-img-container video {
		max-height:50vh;
		float: none;
	}

	.template2.no-header .selected-img-container {
		max-height: 80vh;
		min-height:80vh;
	}
	.template2 .selected-img-container {
		max-height: 70vh;
		min-height:70vh;
	}
	.template2.no-header .selected-img-container img, .no-header .selected-img-container video {
		max-height:80vh;
	}
	.template2 .selected-img-container img, .selected-img-container video {
		max-height:70vh;
	}

	.template2 .selected-img-sharezone {
		max-height: 25vh;
		min-height:25vh;
	}

	.selected-img-zone {
    	text-align: center;
    	float: none;
	}

    #gallery.template1 {
    	padding-bottom:20vh;
    }

    .selected-img-sharezone {
    	min-height:auto;
    	padding:1vh;
    }
    .no-header .selected-img-sharezone {
    	min-height:auto;
    }
    .selected-img-container {
    	text-align: center;
    	padding:1vh;
    }
    .template2 .selected-img-sharezone {
    	min-height:auto;
    }
    .template2.no-header .selected-img-sharezone {
    	min-height:auto;
    }
	.template2 .selected-img-container img, .selected-img-container video {
		min-height:auto !important;
	}
    .share-buttons-zone {
    	margin:0 auto;
    }

	.dropdown.dropdown-portrait {
		top: 2vh;
		right: 2vh;
	}

	.ekko-lightbox iframe{
		border-radius: 5vw !important;
	}

	.ekko-lightbox-nav-overlay a{
		opacity: 1 !important;
	}
}


/* PROTRAIT */

.portrait .selected-zone {
	position: relative !important;
	max-height: 100%
}

.portrait.no-header .selected-img-container {
	max-height: 55vh;
	min-height:55vh;
}
.portrait .selected-img-container {
	max-height: 40vh;
	min-height:40vh;
}
.portrait.no-header .selected-img-container img, .portrait.no-header .selected-img-container video {
	max-height:47vh;
}
.portrait .selected-img-container img, .portrait .selected-img-container video {
	max-height:35vh;
	float: none;
}
.portrait.template2.no-header .selected-img-container {
	max-height: 65vh;
	min-height:65vh;
}
.portrait.template2 .selected-img-container {
	max-height: 60vh;
	min-height:60vh;
}
.portrait.template2.no-header .selected-img-container img, .portrait.template2.no-header .selected-img-container video {
	max-height:60vh;
}
.portrait.template2 .selected-img-container img, .portrait.template2 .selected-img-container video {
	max-height:55vh;
}

.portrait .selected-img-zone {
	text-align: center;
	float: none;
}

#gallery.template1.portrait {
	padding-bottom:20vh;
}

.portrait .selected-img-sharezone {
	min-height:25vh;
	padding:1vh;
}
.portrait.no-header .selected-img-sharezone {
	min-height:33vh;
}
.portrait .selected-img-container {
	text-align: center;
	padding:1vh;
}
.portrait.template1 .selected-img-sharezone {
	min-height:30vh;
}
.portrait.template1.no-header .selected-img-sharezone {
	min-height:20vh;
}
.portrait.template1 .selected-img-container img, .selected-img-container video {
	min-height:auto !important;
}
.portrait .share-buttons-zone {
	margin:0 auto;
}

.portrait .share-buttons {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.force-hide {
	opacity:0 !important;
}

.template-2-header-height {
	max-height:10vh;
}

.template2 {
	max-width: 80vw;
    margin: 0 auto;
}

.template-2-copyright {
	right:8vw !important;
}

.btn-sendmail {
	border-size:2px;
	border-style:solid;
	font-size:1.5rem;
}

.content-to-load {
	line-height: 15vh;
    font-size: 7vh;
    background-image: none !important;
}

.content-to-load {
	line-height: 15vh;
    font-size: 7vh;
    background-image: none !important;
}

.content-to-load-btn {
    font-size: 2.5em;
    background-image: none !important;
    border: 0;
    cursor:pointer;
    display:inline-block;
}

.content-to-load-btn span {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	padding:0 10px;
	border-radius: 50%;
}

/* GALLERY GRID */

.dynamic-grid{
	position: relative;
	display: none;
}

.dynamic-grid.angular-grid{
	display: block;
}

.grid {
	position: absolute;
	list-style: none;
	box-sizing: border-box;
	-moz-box-sizing : border-box;
	-webkit-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	overflow: hidden;
	text-align: center;
}

li.grid a i {
	text-decoration:none;
	color:#fff;
	font-size:10px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:5px;
	background:rgba(0,0,0,0.5);
	opacity: 0;
	transition: 0.5s;
}

li.grid:hover i {
	opacity: 1;
	transition: 0.5s;
}

.grid-img {
	max-width: 100%;
	vertical-align: middle;
	-webkit-transition: opacity 0.6s ease-out;
	transition: opacity 0.6s ease-out;
	opacity: 0;
	visibility: hidden;
	max-height:100%;
	margin:0 auto;
	display:block;
}

img.grid-img.shadow {
	max-width: 95%;
}

.img-loaded{
	visibility: visible;
	opacity: 1;
}

#search-block{
	font-family: "Font", Arial, Helvetica, sans-serif !important;
	color:#ffffff;
	padding: 2vw 2.3vw;
	position: fixed;
	bottom: 15vh;
	left: 0;
	width: 50%;
	margin:2vw;
	z-index: 99;
	background-color: #ffffff;
	box-shadow: 0 0 12px rgba(0,0,0,0.5);
}

#search-block ul{
	padding-left: 1rem;
}

#search-block li{
	display: block;
}

#search-block li p{
	display: inline-block;
	cursor: pointer;
}

#search-block li p:hover{
	background-color: rgba(0,0,0,0.5);
}

#search-button{
    width: 5.2rem;
    height: 5.2rem;
	border-radius: 50%;
	color:#cb5400;
	position: fixed;
	z-index: 99;
	bottom: 3vh;
	left: 3vh;
	text-align: center;
	font-size: 3rem;
	cursor: pointer;
	margin:1vw 2vw;
	background-color: #ffffff;
	box-shadow: 0 0 12px rgba(0,0,0,0.5);
	border: 0;
	padding: 0;
}

#search-button i {
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	padding: 0;
}

#gallery .btn-primary{
    padding: .5rem 3rem;
    font-size: 1rem;
	box-shadow: none;
	font-family: "Font", Arial, Helvetica, sans-serif !important;
}

ul.dynamic-grid li + .no-items {
    display: none;
}

#left-block{
	background-color: transparent;
	position: absolute;
	width: 245%;
}

#left-block > *{
	max-width: 38%;
}

#left-block ul, #left-block ul li,
#search-block ul, #search-block ul li
{
	list-style: none;
	padding-left: 0;
}

#left-block ul li p{
	cursor: pointer;
	display: inline-block;
}

.embed-responsive-16by9::before{
	padding-top: 177.7% !important;
}

.header-left{
	display: block;
	max-width: 100%;
}

#head-questions{
	font-size: 1.25rem;
	font-family: "FontBold", Arial, Helvetica, sans-serif !important;
}

ul.questions-list, 
ul.questions-list li,
ul.questions-list li p{
	display: none;
	font-size: 0.9rem;
}

#copyright-logo{
	max-width: 150px;
}

#empty-message{
	max-width: 50%;
	margin: 30% auto 0 auto;
}

#gallery {
	/* text-align: center; */
	-webkit-transition: opacity 0.6s ease-out;
	transition: opacity 0.6s ease-out;
	padding-top:20px;
	position: relative;
}

#gallery, .gallery {
	/* overflow:hidden; */
}

#gallery ul li.grid {
	box-sizing: border-box;
	-webkit-box-sizing : border-box;
	/* display:table;
	padding:0;
	min-height: 23vh; */
}

#gallery ul li.grid a {
	/* display: table-cell;
    vertical-align: middle; */
}

h1{
	font-size: 4rem;
	color: #ffffff !important;
	font-family: "FontBold", Arial, Helvetica, sans-serif !important;
}

#gallery ul li img {
	background:transparent;
}

#gallery ul.sliding-thumbnails li {
	min-height:15vh;
	min-width:15vh;
	background-image:url(https://wdep.s3.amazonaws.com/v2/assets/img/bg-loader.svg) center center no-repeat;
	position:relative;
	float:left;
	width:15vh;
	height:15vh;
   	text-align: center;
   	cursor: pointer;
   	padding:0 15px;
	box-sizing: border-box;
	-webkit-box-sizing : border-box;
   	list-style: none;
}

#gallery ul li span {
	display: block;
	margin: 0 auto;
}

#gallery ul li span p {
	position:absolute;
	top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 70%;
    max-height: 100%;
}

#gallery .btn-group {
	margin:15px auto;
}

.btn-group button {
	background-color:#fff;
	border:1px solid #ddd;
	cursor: pointer;
	color: #4d4d4d;
}

.btn-group button:hover {
	background-color:#eceeef;
}

img.shadow {
    position:relative;
    -webkit-box-shadow:0 5px 14px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 5px 14px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		box-shadow:0 5px 14px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

img.shadow:before, img.shadow:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

img.shadow:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
	-ms-transform:skew(8deg) rotate(3deg);
	 -o-transform:skew(8deg) rotate(3deg);
		transform:skew(8deg) rotate(3deg);
}

.canvas-container {
	visibility: hidden;
	opacity:0;
	position: absolute;
	z-index:-9999;
}

.img-loading {
	/*background:#000;*/
}

/*.pagination>li>a {
	border-radius:50px;
	border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

.pagination>li>a {
	margin-right:7px;
	font-weight:700;
}*/

.ekko-lightbox-item img {
	max-width:100%;
}

.ekko-lightbox-item iframe *{
	min-height: 50vh !important;
}

.ekko-lightbox-container {
	position:relative;
	/* overflow:hidden; */
}

.ekko-lightbox-item.in, .ekko-lightbox-item.in iframe, .ekko-lightbox-item, .ekko-lightbox-item iframe{
	position:absolute;
	width:100% !important;
	height:100% !important;
}

.ekko-lightbox-item.in, .ekko-lightbox-item.in iframe{
	z-index:1;
}

.ekko-lightbox-nav-overlay {
	max-height: 85%;
	position: static !important;
	z-index: 2 !important;
}

.ekko-lightbox-nav-overlay a:first-child {
	margin-left: -2rem !important;
}

.ekko-lightbox-nav-overlay a:nth-child(2){
	margin-right: -2rem !important;
}

.ekko-lightbox-nav-overlay a {
	max-width: 2rem;
	opacity: 1 !important;
}

.ekko-lightbox-nav-overlay a:focus{
	text-decoration: none !important;
}

.ekko-lightbox-nav-overlay a:first-child {
	margin-right: auto;
}

.ekko-lightbox-nav-overlay a:last-child {
	margin-left: auto;
}

.ekko-lightbox-nav-overlay a span{
	padding: 0 !important;
}

.ekko-lightbox {
	background:rgba(0,0,0,0.8);
}

.ekko-lightbox * {
	background: transparent !important;
	border: 0 !important;
}

.ekko-lightbox h4{
	display: none;
}

.ekko-lightbox .modal-body{
	padding: 0;
}

.ekko-lightbox .modal-header{
	position: absolute;
	z-index: 3;
	right: 0;
	padding: 20px 0;
	top: -4rem;
}

.ekko-lightbox .close{
	color: white !important;
	text-shadow: 0 1px 0 black !important;
	font-size: 3.5rem;
	font-weight: 400 !important;
	line-height: 0.7 !important;
}

.ekko-lightbox iframe{
	border-radius: 1vw;
}

.ekko-lightbox-item{
	width: 100% !important;
	height: 100% !important;
}

.ekko-lightbox .modal-dialog{
	margin-top: 10vh;
}

#double-tap {
	position:fixed;
	top:0;
	left:50%;
	transform: translateX(-50%);
	width:10vh;
	height:10vh;
	background-color:transparent;
	/*background-color:rgba(255,0,0,0.5);*/
	z-index:9999;
}

.overlay-video{
	position: absolute;
    background: url('assets/img/overlay-video.png') center center;
	background-size: cover;
	z-index: 1;
}

/* PRINT STATION SPECIFIC STYLES */

.selected-img-sharezone .col-12 .fa-print {
	font-size: 20vh;
    line-height: 20vh;
}

.span-print.cant-print {
	font-size: 4vh;
    line-height: 4vh;
}

/* KEYBOARDS */

.clear-inline {
	display:block !important
}

.line-keyboard {
	display: block;
}

.keyboard-key {
	display: inline-block;
	padding:0.5%;
	position: relative;
	width:10%;
}

.full-keyboard .modal-dialog {
	max-width:75% !important;
}

.full-keyboard .keyboard-key {
	display: inline-block;
	padding:0.5%;
	position: relative;
	width:9%;
}

.keyboard-key a {
	border:solid #f2f2f2 2px;
	width:100%;
	height:50px;
    display: block;
    line-height: 45px;
	vertical-align: middle;
	border-radius: 7px;
	font-size: 1.2rem;
	background-color: transparent;
	-webkit-transition: background-color 150ms linear;
    -ms-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}

.keyboard {
	overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.special-keyboard60 {
	max-width:60%;
	float:left;
}

.special-keyboard80 {
	max-width:80%;
	float:left;
}

#filter-form .keyboard-key a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.gooutform .keyboard-key a {
	color:#576B7C;
	font-weight:bold;
	text-decoration:none;
}

.float-del-key {
	padding-top:0;
	padding-right:0;
	width:20%;
	margin: 10px auto;
}

.special-keyboard60 input, .special-keyboard80 input {
	margin: 10px auto;
}

.space-key {
	width:63% !important;
}

.search-button {
	padding-left: 10px !important;

}

.search-button button {
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    height: 50px;
    display: block;
    vertical-align: middle;
    border-radius: 7px;
    font-size: 1.2rem;
    border: solid #f2f2f2 2px;
    background-color: transparent;
    color:#cb5400;
}

.touchedKey {
    background-color:rgba(192,192,192,.3) !important;
}

/* Ecran instructions */

#instructions {
	position: absolute;
	width: 100%;
	height: 100vh;
	z-index: 100;
}

.instructions-container {
	position:relative;
	display:table;
	text-align:center;
    width: 100%;
    height: 100vh;
}

.html-instructions {
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}

.html-instructions h1, .html-instructions h2, .html-instructions h3, .html-instructions h4, .html-instructions h5, .html-instructions p {
	margin:auto;
	padding: 0.8em;
}

.html-instructions ul {
	list-style-position: inside;
}

.button-html button {
	text-transform: uppercase;
	margin-top:4vh;
	border:0;
}

.carrousel-instructions {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
    width: 100%;
    height: 100vh;
}

@keyframes touchthescreen {
	0% {
	   opacity:1;
	}
	25% {
	   opacity:0;
	}
	50% {
	   opacity:1;
	}
	75% {
	   opacity:0;
	}
	100% {
	   opacity:1;
	}
}

@-webkit-keyframes touchthescreen {
	0% {
	   opacity:1;
	}
	25% {
	   opacity:0;
	}
	50% {
	   opacity:1;
	}
	75% {
	   opacity:0;
	}
	100% {
	   opacity:1;
	}
}

.touch-the-screen {
	-webkit-animation: touchthescreen 8s infinite linear;
	        animation: touchthescreen 8s infinite linear;

}


/**	Zone amount print **/

#print-amount-zone {
	width:50%;
	margin:0 auto;
}

#print-amount-zone input {
	display: inline-block;
	width:31%;
	margin:0 1%;
	text-align: center;
	height:100%;
	border-radius:5px;
	border:1px solid #f2f2f2;
	padding:10px 0;
}

#print-amount-zone button {
	width:31%;
	margin:0 1%;
}


/* DEFINITION DES ANIMATIONS
============================================================================= */

/* ------------------------------------------- */
/* Mixins
/* ------------------------------------------- */

/* ------------------------------------------- */
/* Toggle Fade  
/* ------------------------------------------- */
/* line 64, ../sass/ng-animation.scss */
.toggle {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 66, ../sass/ng-animation.scss */
.toggle.ng-enter {
opacity: 0;
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
}
/* line 71, ../sass/ng-animation.scss */
.toggle.ng-enter-active {
opacity: 1;
}
/* line 75, ../sass/ng-animation.scss */
.toggle.ng-leave {
opacity: 1;
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
}
/* line 80, ../sass/ng-animation.scss */
.toggle.ng-leave-active {
opacity: 0;
}
/* line 85, ../sass/ng-animation.scss */
.toggle.ng-hide-add {
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 89, ../sass/ng-animation.scss */
.toggle.ng-hide-add.ng-hide-add-active {
opacity: 0;
}
/* line 94, ../sass/ng-animation.scss */
.toggle.ng-hide-remove {
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 99, ../sass/ng-animation.scss */
.toggle.ng-hide-remove.ng-hide-remove-active {
opacity: 1;
}

/* ------------------------------------------- */
/* Slide Top 
/* ------------------------------------------- */
/* line 109, ../sass/ng-animation.scss */
.slide-top {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 111, ../sass/ng-animation.scss */
.slide-top.ng-enter {
transform: translateY(60px);
-ms-transform: translateY(60px);
-webkit-transform: translateY(60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 117, ../sass/ng-animation.scss */
.slide-top.ng-enter-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
/* line 122, ../sass/ng-animation.scss */
.slide-top.ng-leave {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 128, ../sass/ng-animation.scss */
.slide-top.ng-leave-active {
transform: translateY(60px);
-ms-transform: translateY(60px);
-webkit-transform: translateY(60px);
opacity: 0;
}
/* line 134, ../sass/ng-animation.scss */
.slide-top.ng-hide-add {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 139, ../sass/ng-animation.scss */
.slide-top.ng-hide-add.ng-hide-add-active {
transform: translateY(60px);
-ms-transform: translateY(60px);
-webkit-transform: translateY(60px);
opacity: 0;
}
/* line 145, ../sass/ng-animation.scss */
.slide-top.ng-hide-remove {
transform: translateY(60px);
-ms-transform: translateY(60px);
-webkit-transform: translateY(60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 151, ../sass/ng-animation.scss */
.slide-top.ng-hide-remove.ng-hide-remove-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}

/* ------------------------------------------- */
/* Slide Rigth 
/* ------------------------------------------- */
/* line 163, ../sass/ng-animation.scss */
.slide-right {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 165, ../sass/ng-animation.scss */
.slide-right.ng-enter {
transform: translateX(60px);
-ms-transform: translateX(60px);
-webkit-transform: translateX(60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 171, ../sass/ng-animation.scss */
.slide-right.ng-enter-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
/* line 176, ../sass/ng-animation.scss */
.slide-right.ng-leave {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 182, ../sass/ng-animation.scss */
.slide-right.ng-leave-active {
transform: translateX(60px);
-ms-transform: translateX(60px);
-webkit-transform: translateX(60px);
opacity: 0;
}
/* line 188, ../sass/ng-animation.scss */
.slide-right.ng-hide-add {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 193, ../sass/ng-animation.scss */
.slide-right.ng-hide-add.ng-hide-add-active {
transform: translateX(60px);
-ms-transform: translateX(60px);
-webkit-transform: translateX(60px);
opacity: 0;
}
/* line 199, ../sass/ng-animation.scss */
.slide-right.ng-hide-remove {
transform: translateX(60px);
-ms-transform: translateX(60px);
-webkit-transform: translateX(60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 205, ../sass/ng-animation.scss */
.slide-right.ng-hide-remove.ng-hide-remove-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}

/* ------------------------------------------- */
/* Slide Left 
/* ------------------------------------------- */
/* line 217, ../sass/ng-animation.scss */
.slide-left {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 219, ../sass/ng-animation.scss */
.slide-left.ng-enter {
transform: translateX(-60px);
-ms-transform: translateX(-60px);
-webkit-transform: translateX(-60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 225, ../sass/ng-animation.scss */
.slide-left.ng-enter-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
/* line 230, ../sass/ng-animation.scss */
.slide-left.ng-leave {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 236, ../sass/ng-animation.scss */
.slide-left.ng-leave-active {
transform: translateX(-60px);
-ms-transform: translateX(-60px);
-webkit-transform: translateX(-60px);
opacity: 0;
}
/* line 242, ../sass/ng-animation.scss */
.slide-left.ng-hide-add {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 247, ../sass/ng-animation.scss */
.slide-left.ng-hide-add.ng-hide-add-active {
transform: translateX(-60px);
-ms-transform: translateX(-60px);
-webkit-transform: translateX(-60px);
opacity: 0;
}
/* line 253, ../sass/ng-animation.scss */
.slide-left.ng-hide-remove {
transform: translateX(-60px);
-ms-transform: translateX(-60px);
-webkit-transform: translateX(-60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 259, ../sass/ng-animation.scss */
.slide-left.ng-hide-remove.ng-hide-remove-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}

/* ------------------------------------------- */
/* Slide Down
/* ------------------------------------------- */
/* line 270, ../sass/ng-animation.scss */
.slide-down {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 273, ../sass/ng-animation.scss */
.slide-down.ng-enter {
transform: translateY(-60px);
-ms-transform: translateY(-60px);
-webkit-transform: translateY(-60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 279, ../sass/ng-animation.scss */
.slide-down.ng-enter-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
/* line 284, ../sass/ng-animation.scss */
.slide-down.ng-leave {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 290, ../sass/ng-animation.scss */
.slide-down.ng-leave-active {
transform: translateY(-60px);
-ms-transform: translateY(-60px);
-webkit-transform: translateY(-60px);
opacity: 0;
}
/* line 296, ../sass/ng-animation.scss */
.slide-down.ng-hide-add {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 301, ../sass/ng-animation.scss */
.slide-down.ng-hide-add.ng-hide-add-active {
transform: translateY(-60px);
-ms-transform: translateY(-60px);
-webkit-transform: translateY(-60px);
opacity: 0;
}
/* line 307, ../sass/ng-animation.scss */
.slide-down.ng-hide-remove {
transform: translateY(-60px);
-ms-transform: translateY(-60px);
-webkit-transform: translateY(-60px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 313, ../sass/ng-animation.scss */
.slide-down.ng-hide-remove.ng-hide-remove-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}

/* ------------------------------------------- */
/* Bouncy Slide Top 
/* ------------------------------------------- */
/* line 325, ../sass/ng-animation.scss */
.bouncy-slide-top {
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
/* custom */
}
/* line 328, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-enter {
transform: translateY(240px);
-ms-transform: translateY(240px);
-webkit-transform: translateY(240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 334, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-enter-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
/* line 339, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-leave {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 345, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-leave-active {
transform: translateY(240px);
-ms-transform: translateY(240px);
-webkit-transform: translateY(240px);
opacity: 0;
}
/* line 351, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-hide-add {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 356, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-hide-add.ng-hide-add-active {
transform: translateY(240px);
-ms-transform: translateY(240px);
-webkit-transform: translateY(240px);
opacity: 0;
}
/* line 362, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-hide-remove {
transform: translateY(240px);
-ms-transform: translateY(240px);
-webkit-transform: translateY(240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 368, ../sass/ng-animation.scss */
.bouncy-slide-top.ng-hide-remove.ng-hide-remove-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}

/* ------------------------------------------- */
/* Bouncy Slide Rigth 
/* ------------------------------------------- */
/* line 379, ../sass/ng-animation.scss */
.bouncy-slide-right {
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
/* custom */
}
/* line 382, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-enter {
transform: translateX(240px);
-ms-transform: translateX(240px);
-webkit-transform: translateX(240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 388, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-enter-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
/* line 393, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-leave {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 399, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-leave-active {
transform: translateX(240px);
-ms-transform: translateX(240px);
-webkit-transform: translateX(240px);
opacity: 0;
}
/* line 405, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-hide-add {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 410, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-hide-add.ng-hide-add-active {
transform: translateX(240px);
-ms-transform: translateX(240px);
-webkit-transform: translateX(240px);
opacity: 0;
}
/* line 416, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-hide-remove {
transform: translateX(240px);
-ms-transform: translateX(240px);
-webkit-transform: translateX(240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 422, ../sass/ng-animation.scss */
.bouncy-slide-right.ng-hide-remove.ng-hide-remove-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}

/* ------------------------------------------- */
/* Bouncy Slide Left 
/* ------------------------------------------- */
/* line 434, ../sass/ng-animation.scss */
.bouncy-slide-left {
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
/* custom */
}
/* line 437, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-enter {
transform: translateX(-240px);
-ms-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 443, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-enter-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}
/* line 448, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-leave {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 454, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-leave-active {
transform: translateX(-240px);
-ms-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
opacity: 0;
}
/* line 460, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-hide-add {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 465, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-hide-add.ng-hide-add-active {
transform: translateX(-240px);
-ms-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
opacity: 0;
}
/* line 471, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-hide-remove {
transform: translateX(-240px);
-ms-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 477, ../sass/ng-animation.scss */
.bouncy-slide-left.ng-hide-remove.ng-hide-remove-active {
transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
opacity: 1;
}

/* ------------------------------------------- */
/* Bouncy Slide Down
/* ------------------------------------------- */
/* line 488, ../sass/ng-animation.scss */
.bouncy-slide-down {
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
/* custom */
}
/* line 491, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-enter {
transform: translateY(-240px);
-ms-transform: translateY(-240px);
-webkit-transform: translateY(-240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 497, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-enter-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
/* line 502, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-leave {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 508, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-leave-active {
transform: translateY(-240px);
-ms-transform: translateY(-240px);
-webkit-transform: translateY(-240px);
opacity: 0;
}
/* line 514, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-hide-add {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 519, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-hide-add.ng-hide-add-active {
transform: translateY(-240px);
-ms-transform: translateY(-240px);
-webkit-transform: translateY(-240px);
opacity: 0;
}
/* line 525, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-hide-remove {
transform: translateY(-240px);
-ms-transform: translateY(-240px);
-webkit-transform: translateY(-240px);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 531, ../sass/ng-animation.scss */
.bouncy-slide-down.ng-hide-remove.ng-hide-remove-active {
transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}

/* ------------------------------------------- */
/* Scale Fade 
/* ------------------------------------------- */
/* line 544, ../sass/ng-animation.scss */
.scale-fade {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 547, ../sass/ng-animation.scss */
.scale-fade.ng-enter {
transform: scale(0.7);
-ms-transform: scale(0.7);
-webkit-transform: scale(0.7);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 553, ../sass/ng-animation.scss */
.scale-fade.ng-enter-active {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
/* line 558, ../sass/ng-animation.scss */
.scale-fade.ng-leave {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 564, ../sass/ng-animation.scss */
.scale-fade.ng-leave-active {
transform: scale(0.7);
-ms-transform: scale(0.7);
-webkit-transform: scale(0.7);
opacity: 0;
}
/* line 570, ../sass/ng-animation.scss */
.scale-fade.ng-hide-add {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 575, ../sass/ng-animation.scss */
.scale-fade.ng-hide-add.ng-hide-add-active {
transform: scale(0.7);
-ms-transform: scale(0.7);
-webkit-transform: scale(0.7);
opacity: 0;
}
/* line 581, ../sass/ng-animation.scss */
.scale-fade.ng-hide-remove {
transform: scale(0.7);
-ms-transform: scale(0.7);
-webkit-transform: scale(0.7);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 587, ../sass/ng-animation.scss */
.scale-fade.ng-hide-remove.ng-hide-remove-active {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}

/* ------------------------------------------- */
/* Spin Fade 
/* ------------------------------------------- */
/* line 598, ../sass/ng-animation.scss */
.spin-toggle {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 601, ../sass/ng-animation.scss */
.spin-toggle.ng-enter {
transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transition-duration: 500ms;
-webkit-transition-duration: 500ms;
opacity: 0;
}
/* line 607, ../sass/ng-animation.scss */
.spin-toggle.ng-enter-active {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}
/* line 612, ../sass/ng-animation.scss */
.spin-toggle.ng-leave {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition-duration: 500ms;
-webkit-transition-duration: 500ms;
opacity: 1;
}
/* line 618, ../sass/ng-animation.scss */
.spin-toggle.ng-leave-active {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
opacity: 0;
}
/* line 624, ../sass/ng-animation.scss */
.spin-toggle.ng-hide-add {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition-duration: 500ms;
-webkit-transition-duration: 500ms;
opacity: 1;
}
/* line 629, ../sass/ng-animation.scss */
.spin-toggle.ng-hide-add.ng-hide-add-active {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
opacity: 0;
}
/* line 635, ../sass/ng-animation.scss */
.spin-toggle.ng-hide-remove {
transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transition-duration: 500ms;
-webkit-transition-duration: 500ms;
display: block !important;
opacity: 0;
}
/* line 641, ../sass/ng-animation.scss */
.spin-toggle.ng-hide-remove.ng-hide-remove-active {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
opacity: 1;
}

/* ------------------------------------------- */
/* Scale in Fade 
/* ------------------------------------------- */
/* line 653, ../sass/ng-animation.scss */
.scale-fade-in {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 656, ../sass/ng-animation.scss */
.scale-fade-in.ng-enter {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 0;
}
/* line 662, ../sass/ng-animation.scss */
.scale-fade-in.ng-enter-active {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
/* line 667, ../sass/ng-animation.scss */
.scale-fade-in.ng-leave {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 673, ../sass/ng-animation.scss */
.scale-fade-in.ng-leave-active {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
opacity: 0;
}
/* line 679, ../sass/ng-animation.scss */
.scale-fade-in.ng-hide-add {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
opacity: 1;
}
/* line 684, ../sass/ng-animation.scss */
.scale-fade-in.ng-hide-add.ng-hide-add-active {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
opacity: 0;
}
/* line 690, ../sass/ng-animation.scss */
.scale-fade-in.ng-hide-remove {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
transition-duration: 250ms;
-webkit-transition-duration: 250ms;
display: block !important;
opacity: 0;
}
/* line 696, ../sass/ng-animation.scss */
.scale-fade-in.ng-hide-remove.ng-hide-remove-active {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}

/* ------------------------------------------- */
/* Bouncy Scale in Fade 
/* ------------------------------------------- */
/* line 708, ../sass/ng-animation.scss */
.bouncy-scale-in {
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
/* custom */
}
/* line 711, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-enter {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
transition-duration: 450ms;
-webkit-transition-duration: 450ms;
opacity: 0;
}
/* line 717, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-enter-active {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
/* line 722, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-leave {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transition-duration: 450ms;
-webkit-transition-duration: 450ms;
opacity: 1;
}
/* line 728, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-leave-active {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
opacity: 0;
}
/* line 734, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-hide-add {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transition-duration: 450ms;
-webkit-transition-duration: 450ms;
opacity: 1;
}
/* line 739, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-hide-add.ng-hide-add-active {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
opacity: 0;
}
/* line 745, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-hide-remove {
transform: scale(3);
-ms-transform: scale(3);
-webkit-transform: scale(3);
transition-duration: 450ms;
-webkit-transition-duration: 450ms;
display: block !important;
opacity: 0;
}
/* line 751, ../sass/ng-animation.scss */
.bouncy-scale-in.ng-hide-remove.ng-hide-remove-active {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}

/* ------------------------------------------- */
/* Flip In 
/* ------------------------------------------- */
/* line 763, ../sass/ng-animation.scss */
.flip-in {
-webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* easeOutQuad */
}
/* line 766, ../sass/ng-animation.scss */
.flip-in.ng-enter {
transform: perspective(300px) rotateX(90deg);
-ms-transform: perspective(300px) rotateX(90deg);
-webkit-transform: perspective(300px) rotateX(90deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
opacity: 0.7;
}
/* line 772, ../sass/ng-animation.scss */
.flip-in.ng-enter-active {
transform: perspective(300px) rotateX(0deg);
-ms-transform: perspective(300px) rotateX(0deg);
-webkit-transform: perspective(300px) rotateX(0deg);
opacity: 1;
}
/* line 777, ../sass/ng-animation.scss */
.flip-in.ng-leave {
transform: perspective(300px) rotateX(0deg);
-ms-transform: perspective(300px) rotateX(0deg);
-webkit-transform: perspective(300px) rotateX(0deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
opacity: 1;
}
/* line 783, ../sass/ng-animation.scss */
.flip-in.ng-leave-active {
transform: perspective(300px) rotateX(135deg);
-ms-transform: perspective(300px) rotateX(135deg);
-webkit-transform: perspective(300px) rotateX(135deg);
opacity: 0.7;
}
/* line 789, ../sass/ng-animation.scss */
.flip-in.ng-hide-add {
transform: perspective(300px) rotateX(0deg);
-ms-transform: perspective(300px) rotateX(0deg);
-webkit-transform: perspective(300px) rotateX(0deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
opacity: 1;
}
/* line 794, ../sass/ng-animation.scss */
.flip-in.ng-hide-add.ng-hide-add-active {
transform: perspective(300px) rotateX(135deg);
-ms-transform: perspective(300px) rotateX(135deg);
-webkit-transform: perspective(300px) rotateX(135deg);
opacity: 0;
}
/* line 800, ../sass/ng-animation.scss */
.flip-in.ng-hide-remove {
transform: perspective(300px) rotateX(90deg);
-ms-transform: perspective(300px) rotateX(90deg);
-webkit-transform: perspective(300px) rotateX(90deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
display: block !important;
opacity: 0;
}
/* line 806, ../sass/ng-animation.scss */
.flip-in.ng-hide-remove.ng-hide-remove-active {
transform: perspective(300px) rotateX(0deg);
-ms-transform: perspective(300px) rotateX(0deg);
-webkit-transform: perspective(300px) rotateX(0deg);
opacity: 1;
}

/* ------------------------------------------- */
/* Rotate In 
/* ------------------------------------------- */
/* line 817, ../sass/ng-animation.scss */
.rotate-in {
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
/* custom */
}
/* line 820, ../sass/ng-animation.scss */
.rotate-in.ng-enter {
transform: perspective(300px) rotateY(40deg);
-ms-transform: perspective(300px) rotateY(40deg);
-webkit-transform: perspective(300px) rotateY(40deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
opacity: 0.7;
}
/* line 826, ../sass/ng-animation.scss */
.rotate-in.ng-enter-active {
transform: perspective(300px) rotateY(0deg);
-ms-transform: perspective(300px) rotateY(0deg);
-webkit-transform: perspective(300px) rotateY(0deg);
opacity: 1;
}
/* line 831, ../sass/ng-animation.scss */
.rotate-in.ng-leave {
transform: perspective(300px) rotateY(0deg);
-ms-transform: perspective(300px) rotateY(0deg);
-webkit-transform: perspective(300px) rotateY(0deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
opacity: 1;
}
/* line 837, ../sass/ng-animation.scss */
.rotate-in.ng-leave-active {
transform: perspective(300px) rotateY(-40deg);
-ms-transform: perspective(300px) rotateY(-40deg);
-webkit-transform: perspective(300px) rotateY(-40deg);
opacity: 0.7;
}
/* line 843, ../sass/ng-animation.scss */
.rotate-in.ng-hide-add {
transform: perspective(300px) rotateY(0deg);
-ms-transform: perspective(300px) rotateY(0deg);
-webkit-transform: perspective(300px) rotateY(0deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
opacity: 1;
}
/* line 848, ../sass/ng-animation.scss */
.rotate-in.ng-hide-add.ng-hide-add-active {
transform: perspective(300px) rotateY(-40deg);
-ms-transform: perspective(300px) rotateY(-40deg);
-webkit-transform: perspective(300px) rotateY(-40deg);
opacity: 0;
}
/* line 854, ../sass/ng-animation.scss */
.rotate-in.ng-hide-remove {
transform: perspective(300px) rotateY(40deg);
-ms-transform: perspective(300px) rotateY(40deg);
-webkit-transform: perspective(300px) rotateY(40deg);
transition-duration: 550ms;
-webkit-transition-duration: 550ms;
display: block !important;
opacity: 0;
}
/* line 860, ../sass/ng-animation.scss */
.rotate-in.ng-hide-remove.ng-hide-remove-active {
transform: perspective(300px) rotateY(0deg);
-ms-transform: perspective(300px) rotateY(0deg);
-webkit-transform: perspective(300px) rotateY(0deg);
opacity: 1;
}



/* Animations picto réseaux sociaux */

.icon-jumps{
    -webkit-animation:iconjump 2s 1 linear;
    -moz-animation:iconjump 2s 1 linear;
    animation:iconjump 2s 1 linear;
}

.delay0{animation-delay:0.2s!important;}
.delay1{animation-delay:0.4s!important;}
.delay2{animation-delay:0.6s!important;}
.delay3{animation-delay:0.8s!important;}
.delay4{animation-delay:1s!important;}
.delay5{animation-delay:1.2s!important;}
.delay6{animation-delay:1.4s!important;}
.delay7{animation-delay:1.6s!important;}
.delay8{animation-delay:1.8s!important;}
.delay9{animation-delay:2s!important;}
.delay10{animation-delay:2.2s!important;}
.delay11{animation-delay:2.4s!important;}
.delay12{animation-delay:2.6s!important;}
.delay13{animation-delay:2.8s!important;}

/* jump social icons */
@-webkit-keyframes iconjump{
    0%{
        -webkit-transform:translateY(0%) scale(1) rotate(0deg);
        -ms-transform:translateY(0%) scale(1) rotate(0deg);
        transform:translateY(0%) scale(1) rotate(0deg);
    }
    10%{
        -webkit-transform:translateY(-10%) scale(1) rotate(0deg);
        -ms-transform:translateY(-10%) scale(1) rotate(0deg);
        transform:translateY(-10%) scale(1) rotate(0deg);
    } 
    20%{
        -webkit-transform:translateY(150%) scale(1) rotate(180deg);
        -ms-transform:translateY(150%) scale(1) rotate(180deg);
        transform:translateY(150%) scale(1) rotate(180deg);
    }
    50%{
        -webkit-transform:translateY(0%) scale(1) rotate(324deg);
        -ms-transform:translateY(0%) scale(1) rotate(324deg);
        transform:translateY(0%) scale(1) rotate(324deg);
    }
    60%,100%{
        -webkit-transform:translateY(0%) scale(1) rotate(360deg);
        -ms-transform:translateY(0%) scale(1) rotate(360deg);
        transform:translateY(0%) scale(1) rotate(360deg);
    }
}
@-moz-keyframes iconjump{
    0%{
        -webkit-transform:translateY(0%) scale(1) rotate(0deg);
        -ms-transform:translateY(0%) scale(1) rotate(0deg);
        transform:translateY(0%) scale(1) rotate(0deg);
    }
    10%{
        -webkit-transform:translateY(-10%) scale(1) rotate(0deg);
        -ms-transform:translateY(-10%) scale(1) rotate(0deg);
        transform:translateY(-10%) scale(1) rotate(0deg);
    } 
    20%{
        -webkit-transform:translateY(150%) scale(1) rotate(180deg);
        -ms-transform:translateY(150%) scale(1) rotate(180deg);
        transform:translateY(150%) scale(1) rotate(180deg);
    }
    50%{
        -webkit-transform:translateY(0%) scale(1) rotate(324deg);
        -ms-transform:translateY(0%) scale(1) rotate(324deg);
        transform:translateY(0%) scale(1) rotate(324deg);
    }
    60%,100%{
        -webkit-transform:translateY(0%) scale(1) rotate(360deg);
        -ms-transform:translateY(0%) scale(1) rotate(360deg);
        transform:translateY(0%) scale(1) rotate(360deg);
    }
}
@keyframes iconjump{
    0%{
        -webkit-transform:translateY(0%) scale(1) rotate(0deg);
        -ms-transform:translateY(0%) scale(1) rotate(0deg);
        transform:translateY(0%) scale(1) rotate(0deg);
    }
    10%{
        -webkit-transform:translateY(-10%) scale(1) rotate(0deg);
        -ms-transform:translateY(-10%) scale(1) rotate(0deg);
        transform:translateY(-10%) rotate(0deg);
    } 
    20%{
        -webkit-transform:translateY(150%) scale(1) rotate(180deg);
        -ms-transform:translateY(150%) scale(1) rotate(180deg);
        transform:translateY(150%) scale(1) rotate(180deg);
    }
    50%{
        -webkit-transform:translateY(0%) scale(1) rotate(324deg);
        -ms-transform:translateY(0%) scale(1) rotate(324deg);
        transform:translateY(0%) scale(1) rotate(324deg);
    }
    60%,100%{
        -webkit-transform:translateY(0%) scale(1) rotate(360deg);
        -ms-transform:translateY(0%) scale(1) rotate(360deg);
        transform:translateY(0%) scale(1) rotate(360deg);
    }
}

.jello-vertical {
	-webkit-animation: jellovertical 15s infinite linear;
	        animation: jellovertical 15s infinite linear;
}

.delay-reminder0{animation-delay:0.2s!important;}
.delay-reminder1{animation-delay:1s!important;}
.delay-reminder2{animation-delay:0.6s!important;}
.delay-reminder3{animation-delay:1.2s!important;}
.delay-reminder4{animation-delay:0.8s!important;}
.delay-reminder5{animation-delay:0.4s!important;}
.delay-reminder6{animation-delay:1.4s!important;}
.delay-reminder7{animation-delay:2.2s!important;}
.delay-reminder8{animation-delay:1.8s!important;}
.delay-reminder9{animation-delay:2.6s!important;}
.delay-reminder10{animation-delay:1.6s!important;}
.delay-reminder11{animation-delay:2.4s!important;}
.delay-reminder12{animation-delay:2.8s!important;}
.delay-reminder13{animation-delay:2s!important;}

/**
 * ----------------------------------------
 * animation jellovertical
 * ----------------------------------------
 */
@-webkit-keyframes jellovertical {
  0%,90% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
       -moz-transform: scale3d(1, 1, 1);
  }
  93% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
       -moz-transform: scale3d(0.75, 1.25, 1);
  }
  94% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
       -moz-transform: scale3d(1.25, 0.75, 1);
  }
  95% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
       -moz-transform: scale3d(0.85, 1.15, 1);
  }
  96% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
       -moz-transform: scale3d(1.05, 0.95, 1);
  }
  97% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
       -moz-transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
       -moz-transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes jellovertical {
  0%,90% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
       -moz-transform: scale3d(1, 1, 1);
  }
  93% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
       -moz-transform: scale3d(0.75, 1.25, 1);
  }
  94% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
       -moz-transform: scale3d(1.25, 0.75, 1);
  }
  95% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
       -moz-transform: scale3d(0.85, 1.15, 1);
  }
  96% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
       -moz-transform: scale3d(1.05, 0.95, 1);
  }
  97% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
       -moz-transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
       -moz-transform: scale3d(1, 1, 1);
  }

@keyframes jellovertical {
  0%,90% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
       -moz-transform: scale3d(1, 1, 1);
  }
  93% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
       -moz-transform: scale3d(0.75, 1.25, 1);
  }
  94% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
       -moz-transform: scale3d(1.25, 0.75, 1);
  }
  95% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
       -moz-transform: scale3d(0.85, 1.15, 1);
  }
  96% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
       -moz-transform: scale3d(1.05, 0.95, 1);
  }
  97% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
       -moz-transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
       -moz-transform: scale3d(1, 1, 1);
  }
}