/* = LESS DEFINITIONS
-------------------------------------------------------------- */

/* = FUNCTION DEFINITIONS
-------------------------------------------------------------- */

@import "functions.less";

/* = VAR DEFINITIONS
-------------------------------------------------------------- */

@import "variables.less";

/* = FONTS DEFINITIONS
-------------------------------------------------------------- */

@import "fonts.less";

@font_1: Montserrat-Bold;
@font_2: Montserrat-Medium;
@font_3: Montserrat-Bold;

// DONT FORGET TO UPDATE "apply_color_classname" in functions.less
@darkcolor : #1B191A;
@color_1: @darkcolor; // black
@color_2: #F6F6F6;// light grey
@color_3: #C0955C; //gold
@grey: #C5C5C5;
@black: @darkcolor;
@blue:#004F98;
@lightgrey: #F6F6F6;
@red: #E63331;
@purple: @red;
@white: #FFF;
@gold: #C0955C;

@bordercolor: #4B4B4B;

@green:#CAD400;

@size_of_wrapper: 1000px;
@size_of_inner_wrapper: 1000px;
@height_of_header: 100px;

@size_of_wrapper: 1000px;
@size_of_inner_wrapper: 1000px;

@padding_mobile: 90px;
@padding_mobile_600: 80px;
@padding_mobile_500: 70px;
@padding_mobile_400: 60px;
@padding_mobile_350: 50px;

.max_width_padding() {
	max-width: 100%;
	@media (max-width: 1024px) {
		max-width: calc(100% - 100px);
	}

	@media (max-width: 900px) {
		max-width: calc(100% - @padding_mobile);
	}
	@media (max-width: 600px) {
		max-width: calc(100% - @padding_mobile_600);
	}
	@media (max-width: 500px) {
		max-width: calc(100% - @padding_mobile_500);
	}
	@media (max-width: 400px) {
		max-width: calc(100% - @padding_mobile_400);
	}
	@media (max-width: 350px) {
		max-width: calc(100% - @padding_mobile_350);
	}
}

.max_width_padding_special_container() {
	max-width: calc(100% - 100px + 10px + 2%);
	@media (max-width: 1024px) {
		max-width: calc(100% - 100px + 10px + 2%) ;
	}

	@media (max-width: 900px) {
		max-width: calc(100% - @padding_mobile + 10px + 2%);
	}
	@media (max-width: 600px) {
		max-width: calc(100% - @padding_mobile_600 + 10px + 2%);
	}
	@media (max-width: 500px) {
		max-width: calc(100% - @padding_mobile_500 + 10px + 2%);
	}
	@media (max-width: 400px) {
		max-width: calc(100% - @padding_mobile_400 + 10px + 2%);
	}
	@media (max-width: 350px) {
		max-width: calc(100% - @padding_mobile_350 + 10px + 2%);
	}
}

.max_width_padding_divided_by_two() {
	max-width: 100%;
	@media (max-width: 1024px) {
		max-width: calc(100% - 100px/2);
	}

	@media (max-width: 900px) {
		max-width: calc(100% - @padding_mobile/2);
	}
	@media (max-width: 600px) {
		max-width: calc(100% - @padding_mobile_600/2);
	}
	@media (max-width: 500px) {
		max-width: calc(100% - @padding_mobile_500/2);
	}
	@media (max-width: 400px) {
		max-width: calc(100% - @padding_mobile_400/2);
	}
	@media (max-width: 350px) {
		max-width: calc(100% - @padding_mobile_350/2);
	}
}

.responsive_padding() {
	max-width: 100%;
	@media (max-width: 768px) {
		padding-left: (@padding_mobile/2);
		padding-right: (@padding_mobile/2);
	}
	@media (max-width: 600px) {
		padding-left: (@padding_mobile_600/2);
		padding-right: (@padding_mobile_600/2);
	}
	@media (max-width: 500px) {
		padding-left: (@padding_mobile_500/2);
		padding-right: (@padding_mobile_500/2);
	}
	@media (max-width: 400px) {
		padding-left: (@padding_mobile_500/2);
		padding-right: (@padding_mobile_500/2);
	}
	@media (max-width: 350px) {
		padding-left: (@padding_mobile_350/2);
		padding-right: (@padding_mobile_350/2);
	}
}

/* =Reset
-------------------------------------------------------------- */

/*------------------------------------*\
    MAIN
    \*------------------------------------*/

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	font: inherit;
    	vertical-align: baseline;
    }

    /* HTML5 display-role reset for older browsers */

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
    	display: block;
    }

    body {
    	line-height: 1;
    }

    ol,
    ul {
    	list-style: none;
    }

    blockquote,
    q {
    	quotes: none;
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
    	content: '';
    	content: none;
    }

    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }

    /* global box-sizing */

    *,
    *:after,
    *:before {
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    	-webkit-font-smoothing: antialiased;
    	font-smoothing: antialiased;
    	text-rendering: optimizeLegibility;
    }

    /* html element 62.5% font-size for REM use */

    html {
    	/*font-size:62.5%;*/
    }

    body {
    	/*font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    	color: #444;
    }

    /* clear */

    .clear:before,
    .clear:after {
    	content: ' ';
    	display: table;
    }

    .clear:after {
    	clear: both;
    }

    .clear {
    	*zoom: 1;
    }

    img {
    	max-width: 100%;
    	vertical-align: bottom;
    }
    a {
    	color: @darkcolor;
    	text-decoration: none;
    }
    a:hover {
    	color: @darkcolor;
    }
    .white a, a.white {
    	color:@white;
    	&:hover {
    		color:@white;
    	}
    }
    .lightgrey a, a.lightgrey {
    	color:@lightgrey;
    	&:hover {
    		color:@lightgrey;
    	}
    }
    .dark a, a.dark {
    	color: @darkcolor;
    	&:hover {
    		color:@darkcolor;
    	}
    }

    a:focus {
    	outline: 0;
    }

    a:hover,
    a:active {
    	outline: 0;
    }

    input:focus {
    	outline: 0;
	// border: 1px solid #04A4CC;
}

* {
	transition: all 0.3s ease-out;
	outline:none;
}

/*------------------------------------*\
    MISC
    \*------------------------------------*/

    .ui-datepicker {
    	z-index: 10!important;
    }

    .ui-datepicker,
    .ui-datepicker * {
    	font-family: @font_1!important;
    }

    a.ui-state-default {
    	background: #0098E6!important;
    	color: @color_3!important;
    	border: none!important;
    	text-align: center!important;
    }

    a.ui-state-default:hover {
    	background: @color_3!important;
    	color: #0098E6!important;
    }

    .ui-datepicker-today a.ui-state-default {
    	background: @color_3!important;
    	color: @color_2!important;
    }

    .ui-datepicker-today a.ui-state-default:hover {
    	color: #0098E6!important;
    }

    a.ui-state-default.ui-state-active {
    	background: @color_3!important;
    	color: #0098E6!important;
    }

    .ui-datepicker .ui-datepicker-header {
    	background: #0098E6!important;
    	;
    	border: none!important;
    }

    .ui-datepicker .ui-datepicker-buttonpane button {
    	background: #EEE!important;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
    	filter: invert(100%);
    }

    ::selection {
    	background: #04A4CC;
    	color: @color_3;
    	text-shadow: none;
    }

    ::-webkit-selection {
    	background: #04A4CC;
    	color: @color_3;
    	text-shadow: none;
    }

    ::-moz-selection {
    	background: #04A4CC;
    	color: @color_3;
    	text-shadow: none;
    }

/*------------------------------------*\
    WORDPRESS CORE
    \*------------------------------------*/

    .alignnone {
    	margin: 5px 20px 20px 0;
    }

    .aligncenter,
    div.aligncenter {
    	display: block;
    	margin: 5px auto 5px auto;
    }

    .alignright {
    	float: right;
    	margin: 5px 0 20px 20px;
    }

    .alignleft {
    	float: left;
    	margin: 5px 20px 20px 0;
    }

    a img.alignright {
    	float: right;
    	margin: 5px 0 20px 20px;
    }

    a img.alignnone {
    	margin: 5px 20px 20px 0;
    }

    a img.alignleft {
    	float: left;
    	margin: 5px 20px 20px 0;
    }

    a img.aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }

    .wp-caption {
    	background: @color_3;
    	border: 1px solid #F0F0F0;
    	max-width: 96%;
    	padding: 5px 3px 10px;
    	text-align: center;
    }

    .wp-caption.alignnone {
    	margin: 5px 20px 20px 0;
    }

    .wp-caption.alignleft {
    	margin: 5px 20px 20px 0;
    }

    .wp-caption.alignright {
    	margin: 5px 0 20px 20px;
    }

    .wp-caption img {
    	border: 0 none;
    	height: auto;
    	margin: 0;
    	max-width: 98.5%;
    	padding: 0;
    	width: auto;
    }

    .wp-caption .wp-caption-text,
    .gallery-caption {
    	font-size: 11px;
    	line-height: 17px;
    	margin: 0;
    	padding: 0 4px 5px;
    }

    .sticky {}

    .bypostauthor {}

/*------------------------------------*\
    PRINT
    \*------------------------------------*/

    @media print {
    	* {
    		background: transparent !important;
    		color: #000 !important;
    		box-shadow: none !important;
    		text-shadow: none !important;
    	}
    	a,
    	a:visited {
    		text-decoration: underline;
    	}
    	a[href]:after {
    		content: " (" attr(href) ")";
    	}
    	abbr[title]:after {
    		content: " (" attr(title) ")";
    	}
    	.ir a:after,
    	a[href^="javascript:"]:after,
    	a[href^="#"]:after {
    		content: "";
    	}
    	pre,
    	blockquote {
    		border: 1px solid #999;
    		page-break-inside: avoid;
    	}
    	thead {
    		display: table-header-group;
    	}
    	tr,
    	img {
    		page-break-inside: avoid;
    	}
    	img {
    		max-width: 100% !important;
    	}
    	@page {
    		margin: 0.5cm;
    	}
    	p,
    	h2,
    	h3 {
    		orphans: 3;
    		widows: 3;
    	}
    	h2,
    	h3 {
    		page-break-after: avoid;
    	}
    }

    /* DEFAULT STYLE */

    .menuOff() {
    	font-family: Montserrat-Bold;
    	font-size: 12px;
    	color: @white;
    	letter-spacing: 0;
    	text-align: center;
    	text-transform:uppercase;
    	a {
    		color: @white;
    	}
    }

    .menuOn() {
    	font-family: Montserrat-Bold;
    	font-size: 12px;
    	color: #C0955C;
    	letter-spacing: 0;
    	text-align: center;
    	text-transform:uppercase;
    	a {
    		color: #C0955C;
    	}
    }

    .buttonOff() {

    	color:@black;
    	border: 2px solid @black;

    	font-family: @font_1; 
    	font-size: 12px;

    	letter-spacing: 0;
    	text-align:center;
    	background:transparent;

    	padding-top: 13Px;
    	padding-bottom: 13px;
    	padding-left: 23px;
    	padding-right: 23px;
    	border-radius: 0px;
    	margin-top: 10px;
    	display: inline-block;
    	line-height: 1;
    	text-transform:uppercase;

    }

    .buttonOn() {

    	text-transform:uppercase;

    	color:@white;
    	border: 2px solid @black;
    	background-color:@black;

    	font-family: @font_1; 
    	font-size: 12px;

    	letter-spacing: 0;
    	text-align:center;

    	padding-top: 13Px;
    	padding-bottom: 13px;
    	padding-left: 23px;
    	padding-right: 23px;
    	border-radius: 0px;
    	margin-top: 10px;
    	display: inline-block;
    	line-height: 1;

    }
    .buttonOffHighlight() {
    	.buttonOff()
    }

    .buttonOnHighlight() {
    	.buttonOn()
    }

    .btn {
    	.buttonOff();
    	&:hover {
    		.buttonOn()
    	}
    }

    .white .btn, .btn.white {
    	color:@white;
    	border: 2px solid @white;
    	&:hover {
    		color:@black;
    		border: 2px solid @black;
    		background:transparent;
    	}
    }

    .btn.disabled {
    	.buttonOn();
    	background:#C5C5C5;
    	&:hover {
    		.buttonOn();
    		background:#C5C5C5;
    	}
    }

    .highlight:not(.Cffffff) .btn {
    	.buttonOffHighlight();
    	background-color:transparent;
    	color:white;
    	border-color:white;
    	&:hover {
    		.buttonOnHighlight();
    	}
    }
    .highlight.CF5F5F6 .btn {
    	color:black;
    	border-color:black;
    }
    .btn.noborder,
    .btn.no-border,
    .btn.no-border {
    	border: none!important;
    }

    .block_image.image_under_text.left .right,
    .block_image.image_under_text.right .left {
    	.btn {
    		.buttonOffHighlight();
    		background-color:transparent;
    		color:white;
    		border-color:white;
    		&:hover {
    			.buttonOnHighlight();
    		}
    	}
    }

    body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit],body div.wpforms-container-full .wpforms-form .wpforms-page-button {
    	.buttonOffHighlight();
    	background-color:transparent;
    	color:white;
    	border-color:white;
    	&:hover {
    		.buttonOnHighlight();
    	}
    }

    .btn.transparent {
    	background-color:transparent;
    	border-color:#FFF;
    	color:#FFF;
    }

    .agence_btn {
    	margin-top: 20px!important;
    }

    .text() {
    	font-family: Montserrat-Medium;
    	font-size: 15px;
    	color: #1B191A;
    	letter-spacing: 0;
    	line-height: 20px;
    }

    .text,
    p {
    	.text();
    }

    .white p,
    p.white,
    .white p p,
    p.white p {
    	color: @white;
    }

    .red p,
    p.red,
    .red p p,
    p.red p {
    	color: @red;
    }

    .lightgrey p,
    p.lightgrey,
    .lightgrey p p,
    p.lightgrey p {
    	color: @lightgrey;
    }

    .grey p,
    p.grey,
    .grey p p,
    p.grey p {
    	color: @grey;
    }

    .blue p,
    p.blue,
    .blue p p,
    p.blue p {
    	color: @blue;
    }

    .black p,
    p.black,
    .black p p,
    p.black p {
    	color: @black;
    }

    .darkcolor p,
    p.darkcolor,
    .darkcolor p p,
    p.darkcolor p {
    	color: @darkcolor;
    }

    .hyphen() {
    	@media (max-width: 370px) {
    		word-wrap: break-word;
    		overflow-wrap: break-word;
    		-webkit-hyphens: auto;
    		-moz-hyphens: auto;
    		hyphens: auto;
    		font-size: 40px;
    	}
    }

    .h1_title() {
    	/* H1 Title: */
    	font-family: Montserrat-Bold;
    	font-size: 33px;
    	color: #1B191A;
    	letter-spacing: 0;
    	line-height: 30px;

	//.hyphen();
}

body h1,
body h1 p,
.fake_h1,
.fakeh1_slider {
	.h1_title();

	@media (max-width:600px) {
		font-size:30px;
		line-height:30px;
	}

	&.no_margin {
		margin: 0;
	}
}

body h1 p {
	margin: 0;
}

.h1_subtitle() {
	font-family: @font_1;
	font-size: 20px;
	color: @gold;
	letter-spacing: 0;
	text-align: center;

}

.h1_subtitle,
.subh1,
.h1_subtitle p,
.subh1 p , 
.subheader,
.subheader p {
	.h1_subtitle();
}
.apply_color_classname('subheader');

.h2_title() {
	font-family: Montserrat-Bold;
	font-size: 30px;
	color: #1B191A;
	letter-spacing: 0;
	line-height: 30px;

}
h2, .fake_h2 {
	.h2_title();
	p {
		.h2_title();
	}
}
.white h2,
h2.white,
.h2_white,
.white h2 p,
h2.white p,
.h2_white p, .white .fake_h2,
.fake_h2.white,
.fake_h2_white,
.white .fake_h2 p,
.fake_h2.white p {
	color: @white;
}
.grey h2,
h2.grey,
.h2_grey,
.grey h2 p,
h2.grey p,
.h2_grey p, .grey .fake_h2,
.fake_h2.grey,
.fake_h2_grey,
.grey .fake_h2 p,
.fake_h2.grey p {
	color: @grey;
}
.blue h2,
h2.blue,
.h2_blue,
.blue h2 p,
h2.blue p,
.h2_blue p, .blue .fake_h2,
.fake_h2.blue,
.fake_h2_blue,
.blue .fake_h2 p,
.fake_h2.blue p {
	color: @blue;
}
.lightgrey h2,
h2.lightgrey,
.h2_lightgrey,
.lightgrey h2 p,
h2.lightgrey p,
.h2_lightgrey p, .lightgrey .fake_h2,
.fake_h2.lightgrey,
.fake_h2_lightgrey,
.lightgrey .fake_h2 p,
.fake_h2.lightgrey p {
	color: @lightgrey;
}

.red h2,
h2.red,
.h2_red,
.red h2 p,
h2.red p,
.h2_red p, .red .fake_h2,
.fake_h2.red,
.fake_h2_red,
.red .fake_h2 p,
.fake_h2.red p {
	color: @red;
}
.black h2,
h2.black,
.h2_black,
.black h2 p,
h2.black p,
.h2_black p, .black .fake_h2,
.fake_h2.black,
.fake_h2_black,
.black .fake_h2 p,
.fake_h2.black p {
	color: @black;
}
.darkcolor h2,
h2.darkcolor,
.h2_darkcolor,
.darkcolor h2 p,
h2.darkcolor p,
.h2_darkcolor p, .darkcolor .fake_h2,
.fake_h2.darkcolor,
.fake_h2_darkcolor,
.darkcolor .fake_h2 p,
.fake_h2.darkcolor p {
	color: @darkcolor;
}

.gold h2,
h2.gold,
.h2_gold,
.gold h2 p,
h2.gold p,
.h2_gold p, .gold .fake_h2,
.fake_h2.gold,
.fake_h2_gold,
.gold .fake_h2 p,
.fake_h2.gold p {
	color: @gold;
}

.h3_title() {
	font-family: Montserrat-Bold;
	font-size: 20px;
	color: @gold;
	letter-spacing: 0;
	line-height: 22px;
}
h3, .fake_h3 {
	.h3_title();
	p {
		.h3_title();
	}
}
.white h3,
h3.white,
.h3_white,
.white h3 p,
h3.white p,
.h3_white p, 
.white .fake_h3,
.fake_h3.white,
.fake_h3_white,
.white .fake_h3 p,
.fake_h3.white p,
.fake_h3_white p {
	color: @white;
}
.red h3,
h3.red,
.h3_red,
.red h3 p,
h3.red p,
.h3_red p,
.red .fake_h3,
.fake_h3.red,
.fake-h3_red,
.red .fake_h3 p,
.fake_h3.red p,
.fake_h3_red p {
	color: @red;
}

.lightgrey h3,
h3.lightgrey,
.h3_lightgrey,
.lightgrey h3 p,
h3.lightgrey p,
.h3_lightgrey p,
.lightgrey .fake_h3,
.fake_h3.lightgrey,
.fake_h3_lightgrey,
.lightgrey .fake_h3 p,
.fake_h3.lightgrey p,
.fake_h3_lightgrey p {
	color: @lightgrey;
}
.grey h3,
h3.grey,
.h3_grey,
.grey h3 p,
h3.grey p,
.h3_grey p, 
.grey .fake_h3,
.fake_h3.grey,
.fake_h3_grey,
.grey .fake_h3 p,
.fake_h3.grey p,
.fake_h3_grey p {
	color: @grey;
}

.blue h3,
h3.blue,
.h3_blue,
.blue h3 p,
h3.blue p,
.h3_blue p, 
.blue .fake_h3,
.fake_h3.blue,
.fake_h3_blue,
.blue .fake_h3 p,
.fake_h3.blue p,
.fake_h3_blue p {
	color: @blue;
}
.darkcolor h3,
h3.darkcolor,
.h3_darkcolor,
.darkcolor h3 p,
h3.darkcolor p,
.h3_darkcolor p, 
.darkcolor .fake_h3,
.fake_h3.darkcolor,
.fake_h3_darkcolor,
.darkcolor .fake_h3 p,
.fake_h3.darkcolor p,
.fake_h3_darkcolor p {
	color: @darkcolor;
}

.gold h3,
h3.gold,
.h3_gold,
.gold h3 p,
h3.gold p,
.h3_gold p, 
.gold .fake_h3,
.fake_h3.gold,
.fake_h3_gold,
.gold .fake_h3 p,
.fake_h3.gold p,
.fake_h3_gold p {
	color: @gold;
}
.black h3,
h3.black,
.h3_black,
.black h3 p,
h3.black p,
.h3_black p, 
.black .fake_h3,
.fake_h3.black,
.fake_h3_black,
.black .fake_h3 p,
.fake_h3.black p,
.fake_h3_black p {
	color: @black;
}

.block_contenu_collaborateurs h3 {
	color:@gold!important;
}

.h4_title() {
	font-family: Montserrat-Bold;
	font-size: 18px;
	color: #1B191A;
	letter-spacing: -0.45px;
	text-align: center;
}
h4, .fake_h4 {
	.h4_title();
	p {
		.h4_title();
	}
}
.white h4,
h4.white,
.h4_white,
.white h4 p,
h4.white p,
.h4_white p,
.white .fake_h4,
.fake_h4.white,
.fake_h4_white,
.white .fake_h4 p,
.fake_h4.white p,
.fake_h4_white p {
	color: @white;
}

.lightgrey h4,
h4.lightgrey,
.h4_lightgrey,
.lightgrey h4 p,
h4.lightgrey p,
.h4_lightgrey p,
.lightgrey .fake_h4,
.fake_h4.lightgrey,
.fake_h4_lightgrey,
.lightgrey .fake_h4 p,
.fake_h4.lightgrey p,
.h4_lightgrey p {
	color: @color_1;
}
.blue h4,
h4.blue,
.h4_blue,
.blue h4 p,
h4.blue p,
.h4_blue p,
.blue .fake_h4,
.fake_h4.blue,
.fake_h4_blue,
.blue .fake_h4 p,
.fake_h4.blue p,
.fake_h4_blue p {
	color: @blue;
}
.red h4,
h4.red,
.h4_red,
.red h4 p,
h4.red p,
.h4_red p,
.red .fake_h4,
.fake_h4.red,
.fake_h4_red,
.red .fake_h4 p,
.fake_h4.red p,
.fake_h4_red p {
	color: @red;
}
.grey h4,
h4.grey,
.h4_grey,
.grey h4 p,
h4.grey p,
.h4_grey p,
.grey .fake_h4,
.fake_h4.grey,
.fake_h4_grey,
.grey .fake_h4 p,
.fake_h4.grey p,
.fake_h4_grey p {
	color: @grey;
}

.gold h4,
h4.gold,
.h4_gold,
.gold h4 p,
h4.gold p,
.h4_gold p,
.gold .fake_h4,
.fake_h4.gold,
.fake_h4_gold,
.gold .fake_h4 p,
.fake_h4.gold p,
.fake_h4_gold p {
	color: @gold;
}
.black h4,
h4.black,
.h4_black,
.black h4 p,
h4.black p,
.h4_black p,
.black .fake_h4,
.fake_h4.black,
.fake_h4_black,
.black .fake_h4 p,
.fake_h4.black p,
.fake_h4_black p {
	color: @black;
}

.h5_title() {
	font-family: Montserrat-Bold;
	font-size: 12px;
	color: #1B191A;
	letter-spacing: 0;
}
h5, .fake_h5 {
	.h5_title();
	p {
		.h5_title();
	}
}
.white h5,
h5.white,
.h5_white,
.white h5 p,
h5.white p,
.h5_white p,
.white .fake_h5,
.fake_h5.white,
.fake_h5_white,
.white .fake_h5 p,
.fake_h5.white p,
.fake_h5_white p {
	color: @white;
}
.red h5,
h5.red,
.h5_red,
.red h5 p,
h5.red p,
.h5_red p,
.red .fake_h5,
.fake_h5.red,
.fake_h5_red,
.red .fake_h5 p,
.fake_h5.red p,
.fake_h5_red p {
	color: @color_2;
}
.black h5,
h5.black,
.h5_black,
.black h5 p,
h5.black p,
.h5_black p,
.black .fake_h5,
.fake_h5.black,
.fake_h5_black,
.black .fake_h5 p,
.fake_h5.black p,
.fake_h5_black p {
	color: @black;
}
.grey h5,
h5.grey,
.h5_grey,
.grey h5 p,
h5.grey p,
.h5_grey p,
.grey .fake_h5,
.fake_h5.grey,
.fake_h5_grey,
.grey .fake_h5 p,
.fake_h5.grey p,
.fake_h5_grey p {
	color: @grey;
}
.blue h5,
h5.blue,
.h5_blue,
.blue h5 p,
h5.blue p,
.h5_blue p,
.blue .fake_h5,
.fake_h5.blue,
.fake_h5_blue,
.blue .fake_h5 p,
.fake_h5.blue p,
.fake_h5_blue p {
	color: @blue;
}
.lightgrey h5,
h5.lightgrey,
.h5_lightgrey,
.lightgrey h5 p,
h5.lightgrey p,
.h5_lightgrey p,
.lightgrey .fake_h5,
.fake_h5.lightgrey,
.fake_h5_lightgrey,
.lightgrey .fake_h5 p,
.fake_h5.lightgrey p,
.fake_h5_lightgrey p {
	color: @lightgrey;
}

.gold h5,
h5.gold,
.h5_gold,
.gold h5 p,
h5.gold p,
.h5_gold p,
.gold .fake_h5,
.fake_h5.gold,
.fake_h5_gold,
.gold .fake_h5 p,
.fake_h5.gold p,
.fake_h5_gold p {
	color: @gold;
}

.highlight_text {
	font-family: Montserrat-Bold;
	font-size: 40px;
	color: #1B191A;
	letter-spacing: 0;
	text-align: center;
	line-height: 45px;
	@media (max-width: 600px) {
		font-size: 35px;
		line-height: 35px;
	}
}

.highlight_text p{
	font-family: Montserrat-Bold;
	font-size: 40px;
	color: #1B191A;
	letter-spacing: 0;
	text-align: center;
	line-height: 45px;
	@media (max-width: 600px) {
		font-size: 35px;
		line-height: 35px;
	}
}

.contenu_slider.highlight_text .contenu_slider.highlight_text p {
	@media (max-width: 600px) {
		font-size: 32px;
		line-height: 30px;
		br {
			display:none;
		}
	}

}

.color_white, .C292929 {
	.highlight_text, .highlight_text *{

		color:white;

	}
}

.apply_color_classname(highlight_text);

.title_vignette, .title_vignette p {
	font-family: Montserrat-Bold;
	font-size: 18px;
	color: #1B191A;
	letter-spacing: 0;
	line-height: 18px;
}
.apply_color_classname(title_vignette);

.text_resume() {
	font-family: @font_2; 
	font-size: 16px;
	color: #000000; 
	letter-spacing: 0;
	line-height: 21px;

	margin: auto;
	.max_width_padding();
}

.text_resume {
	margin-top: 20px;
	margin-bottom: 30px;
	.text_resume();
}
.apply_color_classname(text_resume);

.ariane_title   {
	font-family: Montserrat-Bold;
	font-size: 12px;
	color: #1B191A;
	letter-spacing: 0;
	line-height: 22px;
}
.apply_color_classname(ariane_title);

.date_title {
	font-family: Montserrat-Bold;
	font-size: 12px;
	color: #C5C5C5;
	letter-spacing: 0;
	line-height: 18px;
}
.apply_color_classname(date_title);

.css_categorie {
	font-family: Montserrat-Bold;
	font-size: 12px;
	color: #1B191A;
	letter-spacing: 0;
	line-height: 18px;
}
.apply_color_classname(date_title);

.css_filtre {
	font-family: Montserrat-Bold;
	font-size: 12px;
	color: #1B191A;
	letter-spacing: 0;
	line-height: 22px;
}
.apply_color_classname(css_filtre);

.detail_produit {
	font-family: Montserrat-Bold;
	font-size: 15px;
	color: #1B191A;
	letter-spacing: 0;
	line-height: 18px;

}
.apply_color_classname(detail_produit);

.title_etape {
	font-family: @font_1;
	font-size: 15px;
	color: #E63331;
	letter-spacing: -0.38px;
}
.apply_color_classname(title_etape);

.left .title_etape {
	float:right;
}

.right .title_etape {
	float:left;
}

.mentions_legales {
	font-family: @font_2;
	font-size: 10px;
	color: #292929;
	letter-spacing: 0;
	line-height: 18px;
}
.apply_color_classname(mentions_legales);

.subtitle_vignette, .subtitle_vignette p {
	font-family: Montserrat-Medium;
	font-size: 15px;
	color: #1B191A;
	letter-spacing: 0;
	line-height: 18px;
}
.apply_color_classname(subtitle_vignette);

.subtitle, .subtitle p {
	font-family: Montserrat-Bold;
	font-size: 20px;
	color: #1B191A;
	letter-spacing: 0;
	line-height: 18px;
}
.apply_color_classname(subtitle);

.css_requete {
	font-family: @font_1;
	font-size: 10px;
	color: #000000;
	letter-spacing: 0;
}
.apply_color_classname(css_requete);

.css_transaction {
	font-family: @font_1;
	font-size: 10px;
	color: #E30621;
	letter-spacing: 0;
	line-height: 12px;
}
.apply_color_classname(css_transaction);

.css_information {
	font-family: @font_1;
	font-size: 9px;
	color: #000000;
	letter-spacing: 0;
}
.apply_color_classname(css_information);

.css_form {
	font-family: @font_2;
	font-size: 13px;
	color: #ACA8A8;
	letter-spacing: -0.32px;
	line-height: 14px;

}
.apply_color_classname(css_form);

.more_wrapper {
	h2,
	h3,
	h4,
	h5 {
		margin-bottom: 20px;
	}
}

body {
	.text()
}

.text_form() {
	/* Text Form: */
	font-family: @font_2;
	font-size: 13px;
	color: #ACA8A8;
	letter-spacing: -0.32px;
	line-height: 14px;
}

.date() {
	font-family: @font_2;
	font-size: 13px;
	color: #ACA8A8;
	letter-spacing: -0.32px;
	line-height: 14px;
}

main ul, ol {
	width: @size_of_inner_wrapper;
	max-width: 100%;
	margin: auto;
	margin-bottom: 15px;
	padding-left: 20px;
}

main {
	li {

		.text();
		text-align:left;
		color:@darkcolor;
		margin-bottom: 10px;
	}
	li.lightgrey, .lightgrey li {
		color:@lightgrey;

	}
	li.white, .white li {
		color:@white;
	}
	li.dark, .dark li {
		color:@darkcolor;
	}
}

main ul {
	list-style-type: circle;
}

.margin_bottom_80 {
	margin-bottom: 80px!important;
}

main section article, .home_inner_content {
	@media (max-width: 767px) {
		overflow:hidden;
	}
	.su-row {
		width: @size_of_inner_wrapper;
		max-width: 100%;
		.max_width_padding();
		margin: auto;
		&.text_align_left, .text_align_left {
			* {
				text-align:left!important;
			}
		}
		&.text_align_center, .text_align_center {
			* {
				text-align:left!important;
			}
		}
		&.text_align_right, .text_align_right {
			* {
				text-align:left!important;
			}
		}
	}
	h1, h2, h3, h4, h5, h6, p, iframe {
		width: @size_of_inner_wrapper;
		max-width: 100%;
		.max_width_padding();
		margin-bottom: 20px;
		margin-left:auto;
		margin-right:auto;
	}

	*:not(.su-column-inner):not(.block_2x2):not(p) > img {
		width: @size_of_inner_wrapper;
		max-width: 100%;
		.max_width_padding();
		margin-bottom: 20px;
		margin-left:auto;
		margin-right:auto;

	}
	img:not(.no_border_radius) {
		// border-radius:10px;
	}
	> h1, > h2, > h3, > h4, > h5, > h6, > p, > img, > iframe {
		width: 1000px;
		max-width: 100%;
		.max_width_padding();
	// padding-right:250px;
	margin: auto;
	margin-bottom: 20px;
	@media (max-width: 767px) {
		// padding-right:30px;
	}
}
.text_align_center {
	h1, h2, h3, h4, h5, h6, p, img, iframe {
		margin: auto;
		margin-bottom: 20px;
	}
}
.stag-section.stag-columns {
	width: @size_of_inner_wrapper;
	max-width: 100%;
	.max_width_padding();
	margin: auto;
	text-align: center;
	.stag-column {
		text-align: center;
	}
	img {
		margin-top: 31px;
		margin-bottom: 31px;
	}
}
}

.page main section article, .single main section article {
	> h1, > h2, > h3, > h4, > h5, > h6, > p, > img, > iframe {
		width: @size_of_inner_wrapper;
		max-width: 100%;
		.max_width_padding();
		padding-right:0;
		margin: auto;
		margin-bottom: 20px;
	}
}

main section article, .home_inner_content {
	.highlight {
		h1, h2, h3, h4, h5, h6, p, img, iframe { 
			max-width: 100%!important;
		}
	}

}

/* HEADER */

body > .wrapper {
	// padding-top:@height_of_header;
	&:not(.loaded) {
		overflow:hidden;
	}
}
#responsive-menu-button {
	// position:fixed!important;
}

header.header {

    // position: fixed;
    top: 0;
    width: 100%;
    height: @height_of_header;
    z-index: 9999;
    background-color: transparent;

    .header_wrapper {
    	height: @height_of_header;
    	width: 1200px;
    	margin: auto;
    	position:relative;
    	display: block;
    	max-width:100%;
    	background:@black;

    	.logo {
    		width: auto;
    		position: relative;
    		top: -30px;
    		left: 0px;
    		display: block;
    		@media (max-width: 1200px) {
			// margin-left: 0%;
			// text-align: center;
			// max-width: 100%;
			// width: 100%;
			// left:0;
		}
		img {
			height: 40px;
			margin-top: 13px;
		}
	}
	
	.nav {
		float: none;
		text-align:center;
		ul {
			display:inline;
			list-style-type: none;
			* {
				outline:none;
			}
			li {
				list-style-type: none;
				display: inline-block;
				text-align: center;
				height: @height_of_header;
				line-height: @height_of_header;;
				.menuOff();
				padding-left: 10px;
				padding-right: 10px;

				&.current-menu-item {
					a {
						.menuOn();
					}
					.menuOn();
				}
				&:hover * {
					.menuOn();
				}
				a {
					display: inline-block;
					text-align: center;

				}
			}
		}

		.item-fb {
			width:25px;
			height:25px;
			background-image:url(../img/svg/old/icone-facebook-blanc.svg);
			background-size:contain;
			display: inline-block;
			position: absolute;
			margin-top: -16px;
		}

		.item-instagram {
			width:25px;
			height:25px;
			background-image:url(../img/svg/old/icone-instagram-blanc.svg);
			background-size:contain;
			display: inline-block;
			position: absolute;
			margin-top: -16px;
			margin-left:7px;
		}

		.item-linkedin {
			width:25px;
			height:25px;
			background-image:url(../img/svg/old/icone-linkedin-blanc.svg);
			background-size:contain;
			display: inline-block;
			position: absolute;
			margin-top: -16px;
			margin-left:15px;
		}

		.menu_btn {
			background: #004F98;
			font-family: @font_1;
			font-size: 12px;
			color: #FFFFFF!important;
			letter-spacing: 0;
			text-align: center;
			border-radius: 25px;
			display: inline;
			padding-top: 7px;
			padding-bottom: 5Px;
			padding-left: 13px;
			padding-right: 13px;
			a {
				color: #FFFFFF!important;
			}
		}

	}
}
}

.body_header_fixed .item-instagram {
	background-image:url(../img/svg/old/icone-instagram-noir.svg)!important;
}
.body_header_fixed .item-fb {
	background-image:url(../img/svg/old/icone-facebook-noir.svg)!important;
}
.body_header_fixed .item-linkedin {
	background-image:url(../img/svg/old/icone-linkedin-noir.svg)!important;
}

#responsive-menu-container #responsive-menu-wrapper {
	@media(min-height:600px) {
		position: fixed;
    top: 50%;
    transform: translate(0px, -50%);
    width:100%;
	}
}

body #responsive-menu-container .rs_wrapper {
	position: relative;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;

	.item-fb {
		width:25px;
		height:25px;
		background-image:url(../img/svg/old/icone-facebook-blanc.svg)!important;
		background-size:contain;
		display: inline-block;
		position:relative;
		left:-10px;

	}

	.item-instagram {
		width:25px;
		height:25px;
		background-image:url(../img/svg/old/icone-instagram-blanc.svg)!important;
		background-size:contain;
		display: inline-block;
		position:relative;
		left:0px;

	}

	.item-linkedin {
		width:25px;
		height:25px;
		background-image:url(../img/svg/old/icone-linkedin-blanc.svg)!important;
		background-size:contain;
		display: inline-block;
		position:relative;
		left:10px;

	}
}

body:not(.body_header_fixed) .responsive-menu-box {
	filter: brightness(0) invert(1);
}

.rappel_responsive {
	display:none;

	@media (max-width:1200px) {
		display:block;
		position:absolute;
		right:0;
		top:21px;
		background-image:url(../img/svg/old/cta-appel-resp.svg);
		width:35px;
		height:35px;
		cursor:pointer;
	}
}

body {
	transition:padding 0s;
}
body.popin_open {
	// padding-top:65px;

	overflow:hidden;
	header {

		.pastille {
			// display:none;
		}
	}
}
.header_cover {
	position:relative;
}

.header_social_icon.is_blog_page {
	z-index: 99999999;
}

#responsive-menu-container {
	z-index: 3;
	background: @black!important;
	width: 100%!important;
	max-width: 100%!important;
	* {
		background: none!important;
		border: none!important;
	}

	ul {
		position: relative;
		top: 25px;
		li {
			list-style-type: none;
			display: inline-block;
			text-align: center;
			height: 70px;
			&.current-menu-item a {
				color: @color_2;
			}
			&:hover a {
				color: @color_2;
			}
			a {
				display: inline-block;
				vertical-align: middle;
				line-height: normal;
				font-family: @font_3;
				font-size: 14px;
				letter-spacing: 0;
				text-align: center;
				line-height: 15px;
				color: @darkcolor;
				text-transform:uppercase;
				span {
					display: block;
					margin-bottom: -20px;
					text-transform: uppercase;
				}
			}
		}
	}
}

.more_wrapper {
	width: @size_of_inner_wrapper;
	max-width: 100%;
	margin: auto;
	font-family: @font_2;
	font-size: 25px;
	color: #1D1D1B;
	letter-spacing: 0;
	text-align: center;
	line-height: 35px;
	margin-bottom: 50px;
}

.home_inner_content {
	.highlight_content {
		padding-bottom: 10px;
	}

}
.home_inner_slider {
	margin-top:-80px;
}

.home_slider {
	overflow: hidden;
	width: 100%;
	height: 550px;
	//height: calc(100vh - 70px);
	opacity: 0;
	.home_slider_wrapper {
		width: 100vw;
		overflow: hidden;
	}
	&.loaded {
		opacity: 1;
	}
	display: block;
	background: @white;
	position: relative;
	.hidden {
		visibility: hidden;
		transition: none;
	}
	.responsivehidden {
		@media (max-width: 550px) {
			visibility:hidden;
			transition: none;
		}
	}

	.slide {
		width: 100%;
		float: left;
		height: 100%;
		position: absolute;
		background: @white;
		/*display: none;*/
		&.active {
			/*display: block;*/
		}
		.slider_inner_wrapper {
			width: 100%;
			max-width: 100%;
			margin: auto;
			height: 100%;
			.slider_inner_content {
				display: block;
				color:@white;
				width: 1000px;
				margin: auto;
				text-align: center;
				position: absolute;
				z-index: 2;
				top: 50%;
				transform: translate(-50%,-50%);
				left: 50%;

				.max_width_padding();
				// @media (max-width: 860px) {
				// 	left:0;
				// 	margin-left: 5%;
				// 	width: 90%;
				// }
			}
			.slide_image {
				width: 100%;
				float: none;
				height: 100%;
				background-size: cover;
				position: absolute;
				top: 0;
				z-index: 1;
				@media (max-width: 769px) {
					width: 100%;
					float: right;
					height: 100%;
					/* background-size: auto 100%;*/
					background-size: cover;
					position: absolute;
					right: 0;
					background-position: center center;
					/* background-position: 33vw 0!important; */
					background-repeat: no-repeat;
				}
			}
			.btn {
				border:none;
				text-align:left;
				padding-left:10px;
				min-width:250px;
				&.arrow_right {
					// background-color:white;
					padding-right:30px;
					background-repeat:no-repeat;
					background-position:93% center;
					background-image:url(../img/svg/old/arrow-down-black.svg);
				}
				&:hover {
					&.arrow_right {
						background-image:url(../img/svg/old/arrow-down-white.svg);
					}
				}

			}
		}
	}
	.not_cover .slider_inner_content_wrapper {
		float: left;

		width: 600px;
		.max_width_padding();
	}

}

.btn.text_align_center {
	text-align:center!important;
}

.header_cover.animated {
	backface-visibility: initial!important;
	overflow:visible!important;
}

/* ANIM SLIDER */

.slide h1,
.fakeh1_slider,
.subh1_slider,
.contenu_slider {
	transition: 1s all ease-in-out 0.1s;
}

.active {
	&.slide {
		/*z-index: 101!important;*/
	}
	h1,
	.fakeh1_slider,
	.subh1_slider,
	.slide_image {
		transform: translate(0)!important;
	}
}

.slide_image {
	/*transform: translate(-100vw)!important; */
	transition: 1s all ease-in-out 0.1s;
}

.slider_hidden {
	visibility: hidden;
}

/*
.last_actu_home {
		display: block;
	    width: 100%;
	    clear: both;
	    float: none;
	    background: #F9F9F9;
	    padding-bottom: 80px;
	    padding-top: 20px;
	    padding-left: 20px;
  	    padding-right: 20px;
	    * {
	    	 max-width: 800px;
   			 margin: auto;
	    }
	    h2 {
	    	font-family: @font_2;
			font-size: 30px;
			color: #1D1D1B;
			letter-spacing: 0;
			text-align: center;
			line-height: 35px;
			text-transform: uppercase;

			margin-bottom: 40px;
	    }
	    h5 {
	    	font-family: @font_4;
			font-size: 12px;
			color: #1D1D1B;
			letter-spacing: 0;
			text-align: center;
			line-height: 14px;
			margin-bottom:10px;
	    }
	    h3 {
	    	font-family: @font_1;
			font-size: 20px;
			color: #1D1D1B;
			text-align: center;
			line-height: 21px;
			text-transform: uppercase;
	    }
	    .home_excerpt {
	    	width:500px;
	    	max-width: 100%;
	    	margin-top: 16px;
	    	margin-bottom: 10px;
	    	font-family: @font_1;
			font-size: 15px;
			color: #1D1D1B;
			letter-spacing: 0;
			text-align: center;
			line-height: 22px;
	    }

	}
	*/

	footer.footer {
		display: inline-block;
		text-align: center;
		height: 80px;
		/*line-height: 80px;*/
		width: 100%;
		margin-bottom: -10px;
		@media (max-width:1200px) {
			padding-bottom: 25Px;
		}
		@media (max-width: 550px) {
			padding-bottom: 20px;
			height: auto;
		}
		* {
		// max-width: @size_of_inner_wrapper;
		margin: auto;
	}
	.footer-line1 {
		color: #1D1D1B;
		text-align: center;
		margin-top: 20px;
	}
	.footer-line2 {
		margin-top: 5px;
		color: #1D1D1B;
		letter-spacing: 0;
		text-align: center;
	}

}

/* PAGES */

.headerZoomInUp {
	opacity: 0;
}

.header_cover {
	max-width:100%;
	width: calc(1000px/2 + 50vw);
	height: 600px;
	margin-top: 00px;
	background-size: cover;
	background-position: center center;
	color: @color_3;
	text-align: center;
	/*padding-top: 50px;*/
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
	overflow:hidden;
}

.header_cover {
	max-width:100%;
	width: calc(1000px/2 + 50vw);
	height: 600px;
	margin-top: 00px;
	background-size: cover;
	background-position: center center;
	color: @color_3;
	text-align: center;
	/*padding-top: 50px;*/
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
	overflow:hidden;
}

.slider_mega_cover {
	max-width:100%;
	width: calc(1000px/2 + 50vw);
	height: 600px;
	margin-top: 00px;
	margin-bottom: 80px;
	overflow:hidden;

	.header_mega_cover {
		max-width:100%;
		width: 100%;
		height: 600px;
		margin-bottom:0;
	}
	.header_cover {
		max-width:100%;
		width: 100%;
		height: 600px;
		margin-bottom:0;
	}
    .header_cover_inner {
        transform: none;
        left: 0;
    }
	.slick_wrapper {
		max-width:100%;
		width: 100%;
		height: 600px;
		margin-bottom:0;
	}
	.slick-dots {
		position: absolute;
		top: 50%;
		transform: translate(0px, -50%);
		right: 0;
		left: auto;
		width: 50px;
	}
}

.posts_page .header_cover {
	width: 1200px;
	margin: auto;
	height: 300px;
	margin-bottom: 100px;
	.header_cover_inner{    
		bottom: 30px;
	}
}

.header_mega_cover {
	position: relative;
}
.header_cover_inner {

	width: 1000px;
	padding-right:20px;
	text-align: left;
	position: absolute;
	margin: auto;
	left: 50%;

	transform: translate(-50%,0);
	bottom: 50px;
	.max_width_padding();
	text-align: left;

	h1, .subh1, .highlight_text, h1 p, .subh1 p, .highlight_text p{
		text-align:left
	}
	.subh1 {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	*:not(.btn) {
		color:white;
	}

}

.header_social_icon {
	position: absolute;
	width: calc(100vw - (1000px/2 + 50vw));
	height: 400px;
	right: 0;
	top: 0;
	background: @black;
	z-index: -1;
	&.header_loaded {
		z-index: 2;
	}

	.header_social_icon_wrapper {
		width: 40px;
		position: absolute;
		bottom: 0;
		height: 140px;
		display: block;
		top: auto;
		left: 20px;
		.icon_rs {
			display: block;
			margin-bottom:10px;
		}
	}
}

.header_cover_wrapper {
	postion:relative;

}

.header_cover_post {

	background-image: linear-gradient(-45deg, #A32322 0%, #E13230 100%);
}

body.page main>section>article {
	.more_wrapper {
		width: @size_of_inner_wrapper;
		max-width: 100%;
		margin: auto;
		margin-bottom: 50px;
	}
}

/* FAQ */

// Colors
@faq_header-color:#090909;
@faq_paragraph-color:#090909;

// Facts
@faq_fact-question-color:@faq_header-color;
@faq_fact-question-color-active:#808080;

// Media Sizes
@faq_mobile:"max-width:767px";

.faq-container {
	padding:0 20px 0 20px;
	max-width:800px;
	width:100%;
}
.faq_list {
	list-style:none;
	padding-left:40px;
	padding-right:20px;
	li {
		border-bottom:1px solid #999999;
		margin-bottom:15px;
		&.active {
			.answer {
				max-height:275px !important;
				padding-bottom:25px;
				transition: max-height 0.5s ease, padding-bottom 0.5s ease;
			}
			.question {
				color:@faq_fact-question-color-active;
				transition:color 0.5s ease;
			}
		}
	}
	.answer {
		max-height:0;
		overflow:hidden;
		transition:max-height 0.5s ease, padding-bottom 0.5s ease;
	}
	.plus-minus-toggle {
		cursor: pointer;
		height: 21px;
		position: absolute;
		width: 21px;
		left:-40px;
		top:50%;
		z-index:2;

		&:before,
		&:after {
			background: #000;
			content: '';
			height: 5px;
			left: 0;
			position: absolute;
			top: 0;
			width: 21px;
			transition: transform 500ms ease;
		}

		&:after {
			transform-origin: center;
		}

		&.collapsed {
			&:after {
				transform: rotate(90deg);
			}

			&:before {
				transform: rotate(180deg);
			}
		}
	}
	.question {
		color:@faq_fact-question-color;
		position:relative;
		cursor:pointer;
		padding:20px 0;
		transition:color 0.5s ease; 
		@faq_media screen and (@faq_mobile) {
			font-size:18px;
		}
	}
}

/* BLOG LOOP */
.pagination {
	display: block;
	width: 100%;
	clear: both;
	margin-bottom: 80px;
    // position: relative;
    // top: 40px;
    text-align: center;
}

.blog_wrapper {
	.block_3_articles {
		margin-top:30px;
		margin-bottom:50px!important
	}
}

.share_post {
	width:30px!important;
	margin-right:5px!important;
}
.gp_share {
	margin-bottom: 50px;
	margin-bottom:30px;
	.max_width_padding();
	@media (max-width: 500px) {
		text-align:center;
		h4 {
			display: block!important;
			margin-bottom: -10px;
		}
	}
}
.gp_share h4 {
	display:inline;
}

.gp_share .sharer {
	display: inline;
	position: relative;
	top: 21px;
	left: 18px;
	@media (max-width: 500px) {
		left:0;
	}
}

.prev_next_link {
	width : @size_of_inner_wrapper;
	margin:auto;
	.max_width_padding();
	margin-top:50px;
	margin-bottom:80px;

	overflow: hidden;
	.link_prev {
		float:left;
		font-family: @font_1;
		font-size: 12px;
		color: #C4C4C4;
		letter-spacing: -0.3px;
		text-align: center;;
		@media (max-width: 420px) {
			float:none;
			clear:both;
			display:block;
			width: 100%;
			text-align: center;
			margin-bottom:10px;
			span {
				display:none;
			}
		}
	}
	.link_next {
		float:right;
		font-family: @font_1;
		font-size: 12px;
		color: #C4C4C4;
		letter-spacing: -0.3px;
		text-align: center;
		@media (max-width: 420px) {
			float:none;
			clear:both;
			display:block;
			width: 100%;
			text-align: center;
			span {
				display:none;
			}
		}
	}
}

.single-post {
	.breadcrumbs_wrapper {
		top:-40px;
	}
	.main_img {
		display: block;
		width: 800px;
		margin: auto;
		height: 550px;
		max-width: 100%;
		margin-top: -250px;
		z-index: 400;
		position: relative;
		margin-bottom: 70px;
		border-radius: 10px;
		overflow: hidden;

		img {
			width:100%;
			height:100%;
			.max_width_padding();
			border-radius: 20px;
			object-fit:cover;
		}
	}
}

/* BLOG SINGLE */

.with_border {
	border-top: 1px solid #D8D8D8;
	padding-top: 30px;
	padding-bottom: 30px;
	display: block;
}

.single-post .inner_article {
	width: @size_of_inner_wrapper;
	max-width: 100%;
	margin: auto;
	text-align:left;
	.title {
		text-align:left;
		margin: auto;
		margin-top: 30px;
		margin-bottom: 20px;
		.responsive_padding();
	}
	.date {
		text-align: center;
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.attachment-post-thumbnail {
		.max_width_padding();
		margin: auto;
		display: block;
		margin-bottom: 30px;
	}
	.the_content {
		text-align:left;
		p, h1, h2, h3, h4, h5, h6 {
			text-align:left;
		}
	}
	.the_excerpt {
		text-align:left;
		p, h1, h2, h3, h4, h5, h6 {
			text-align:left;
		}
	}
	@media(max-width:1024px) { 
		width:100%;
		* {
			margin-left:auto;
			margin-right:auto;
		}
	}
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0;
	/* <-- Apparently some margin are still there even though it's hidden */
}

/* 404 */

.error404 {
	.header_mega_cover {
		display:none;
	}
	main {
		min-height: 80vh;
		display: table;
		width: 100%;
	}
	main>section {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	.header_cover {
		display: none;
	}
	header.header {
		// background:black;
	}
}

/* HIGHLIGHT */

@color: #FFF;
@higthlight_background_color : #000;
@higthlight_text_color : #FFF;

/** SHORTCODE HIGHLIGHT */

/** SHORTCODE HIGHLIGHT */

.highlight {

	img {
		width: auto!important;
	}
	&.text_align_center {
		text-align: center;
	}
	&.right_position {
		background-size: auto 100%!important;
		background-position: center right!important;
		background-repeat: no-repeat;
		width: 100%!important;
		max-width: 100%!important;
		&.cover {
			background-size:50% auto!important;
		}

	}
	&.left_position {
		background-size: auto 100%!important;
		background-position: center left!important;
		background-repeat: no-repeat;
		width: 100%!important;
		max-width: 100%!important;
		&.cover {
			background-size:50% auto!important;
		}

	}
	&.text_color_white {
		color: #FFF;
	}
	&.color_white {
		color: #FFF;
		p {

		}
	}
	&.vertical_align_middle {
		.verticalCenterFlex2();
		*:last-child {
			margin-bottom:0!important;
		}
	}
	@media screen and (max-width: 1023px) {
		& {
			max-width: 100%;
			width: 100%;
			display: block;
		}
	}
	.highlight_content {
		& {
			float: none;
		}
		.highlight_content_cover {
			margin: 0 auto;
			width: 570px;
			float: none;
			padding: 0;
		}
		@media screen and (max-width: @width_middle) {
			.highlight_content_cover {
				padding-left: 20px;
				padding-right: 20px;
			}
		}
	}
}

.cover_image {
	& {
		background-position: center center;
		cursor: pointer;
	}
	@media screen and (max-width: 1023px) {
		& {
			max-width: 100%;
			width: 100%;
			display: block;
		}
	}
}

&.cover {
	.cover_image {
		.cover();
		background-position: center center;
		width: 50%;
		max-width: 50%;
		display: inline-block;
		vertical-align: top;
	}
	&.full_position, &.right_position, &.left_position  {
		.cover_image {
			width: 100%;
			max-width: none;
			position: absolute;
			z-index: -1;
		}
	}
	@media (max-width: @width_middle) {
		& {}
		.cover_image {
			display: block;
			max-width: 100%;
			width: 100%;
			max-height: 400px;
		}
	}
}

.highlight {
	& {
		width: @width_normal;
		max-width: 100%;
		margin: 0px auto;
		color: @higthlight_text_color;
		padding: 10px 0px;
	}
	@media (max-width: @width_normal) {
		& {
			padding-left: 20px;
			padding-right: 20px;
		}
	}

	//COVER MODE
	&.cover {
		& {
			width: 50%;
			max-width: 50%;
			display: inline-block;
			vertical-align: top;
			padding: 10px 0;
			background-size: cover;
			background-position: center center;
		}
		.highlight_content_cover {
			max-width: 100%;
			width: @width_normal/2;
			padding: 30px 30px 30px 30px;
		}
		&.left_position {
			.highlight_content_cover {
				float: right;
				padding-left: 20px;
				padding-right: 30px;
			}
		}
		@media (max-width: @width_normal) {
			.highlight_content_cover {
				padding-rigth: 20px;
			}
		}
		@media (max-width: @width_middle) {
			&,
			&.left_position .highlight_content_cover,
			.highlight_content_cover {
				display: block;
				max-width: 100%;
				width: 100%;
			}
			&.left_position .highlight_content_cover,
			.highlight_content_cover {
				padding: 30px 40px;
				float: none;
			}
		}
	}
	&.full_position, &.right_position , &.left_position {
		& {
			display: block;
			width: 100%;
			max-width: 100%;
		}
		.highlight_content_cover {
			& {
				max-width: none;
				width: @width_content_runin;

			}
			@media (max-width: @width_content_runin) {
				& {
					max-width: none;
					width: 100%;
				}
			}
		}
		.highlight_content {
			& {
				width: @width_content_runin;
				margin: 0 auto;
			}
			@media (max-width: @width_content_runin) {
				& {
					width: 100%;
				}
			}
		}
	}
	@media (max-width: @width_middle) {
		&.bck.cover {}
	}
	//CONTAIN MODE
	&.contain {
		& {
			max-width: @width_normal;
			padding: 10px 0;
		}
		@media (max-width: @width_normal) {
			& {
				max-width: 100%;
			}
		}
		.contain_image {
			position: absolute;
			top: 0;
			width: @width_normal/2;
			.contain();
			background-repeat: no-repeat;
			background-position: center center;
		}
		.standard_image {
			& {
				height: 100%;
				display: inline-block;
			}
			>div {
				height: 100%;
				.verticalCenterFlex();
			}
		}
		.highlight_content {
			padding-left: calc(~"50%  + 30px");
			padding-right: 0px;
			padding-top: 30px;
			padding-bottom: 30px;
		}
		&.left_position {
			.standard_image,
			.contain_image {
				position: relative;
			}
			.contain_image {
				vertical-align: top;
				display: inline-block;
			}
			.highlight_content {
				padding-left: 20px;
				width: 50%;
				display: inline-block;
			}
		}
		@media (max-width: @width_normal) {
			&.left_position .highlight_content,
			.highlight_content {
				padding-right: 20px;
			}
		}
		@media (max-width: @width_middle) {
			& {
				text-align: center;
			}
			&.left_position .contain_image,
			.contain_image {
				width: 90% !important;
				position: relative;
				margin: 0 auto;
			}
			&.left_position .highlight_content,
			.highlight_content {
				padding: 30px 40px;
				width: 100%;
			}
		}
	}
}

.highlight {
	&.C1D1D1B,
	&.CD54194,
	&.C6DB642,
	&.C6DB642 {
		.highlight_content * {
			color: @color_3;
		}
	}
}

/*		
		.highlight_content {
			h2 { text-align: left; margin-bottom: 10px; margin-top: 0px; }
			h3 { text-align: left; }
//			@media screen and (min-width: @width_normal) { 
//				h2, h3 { text-align: center; }
//			}
//			h4, b, strong, .stag-intro-text.run-in { color: @color_3; }
		}
		*/

		.subfooter .highlight_content strong {
			margin-bottom: -20px;
			display: block;
		}

		/* GRID SYSTEM */

		.simple-grid .container {
			width: 90%;
			margin-left: auto;
			margin-right: auto;
		}

		.simple-grid .row {
			position: relative;
			width: 100%;
			position: relative;

			@media (max-width: 769px) {

			}
		}

		.simple-grid .row .col-1,
		.simple-grid .row .col-2,
		.simple-grid .row .col-3,
		.simple-grid .row .col-4,
		.simple-grid .row .col-5,
		.simple-grid .row .col-6,
		.simple-grid .row .col-7,
		.simple-grid .row .col-8,
		.simple-grid .row .col-9,
		.simple-grid .row .col-10,
		.simple-grid .row .col-11,
		.simple-grid .row .col-12 {
			float: left;
			margin: 0.5rem 2%;
			min-height: 0.125rem;
		}

		.simple-grid .col-1,
		.simple-grid .col-2,
		.simple-grid .col-3,
		.simple-grid .col-4,
		.simple-grid .col-5,
		.simple-grid .col-6,
		.simple-grid .col-7,
		.simple-grid .col-8,
		.simple-grid .col-9,
		.simple-grid .col-10,
		.simple-grid .col-11,
		.simple-grid .col-12 {
			width: 96%;
		}

		.simple-grid .col-1-sm {
			width: 4.33%;
		}

		.simple-grid .col-2-sm {
			width: 12.66%;
		}

		.simple-grid .col-3-sm {
			width: 21%;
		}

		.simple-grid .col-4-sm {
			width: 29.33%;
		}

		.simple-grid .col-5-sm {
			width: 37.66%;
		}

		.simple-grid .col-6-sm {
			width: 46%;
		}

		.simple-grid .col-7-sm {
			width: 54.33%;
		}

		.simple-grid .col-8-sm {
			width: 62.66%;
		}

		.simple-grid .col-9-sm {
			width: 71%;
		}

		.simple-grid .col-10-sm {
			width: 79.33%;
		}

		.simple-grid .col-11-sm {
			width: 87.66%;
		}

		.simple-grid .col-12-sm {
			width: 96%;
		}

		.simple-grid .row::after {
			content: "";
			display: table;
			clear: both;
		}

		.simple-grid .hidden-sm {
			display: none;
		}

		@media only screen and (min-width: 33.75em) {
			/* 540px */
			.simple-grid .container {
				width: 80%;
			}
		}

		@media only screen and (min-width: 45em) {
			/* 720px */
			.simple-grid .col-1 {
				width: 4.33%;
			}
			.simple-grid .col-2 {
				width: 12.66%;
			}
			.simple-grid .col-3 {
				width: 21%;
			}
			.simple-grid .col-4 {
				width: 29.33%;
			}
			.simple-grid .col-5 {
				width: 37.66%;
			}
			.simple-grid .col-6 {
				width: 46%;
			}
			.simple-grid .col-7 {
				width: 54.33%;
			}
			.simple-grid .col-8 {
				width: 62.66%;
			}
			.simple-grid .col-9 {
				width: 71%;
			}
			.simple-grid .col-10 {
				width: 79.33%;
			}
			.simple-grid .col-11 {
				width: 87.66%;
			}
			.simple-grid .col-12 {
				width: 96%;
			}
			.simple-grid .hidden-sm {
				display: block;
			}
		}

		@media only screen and (min-width: 60em) {
			/* 960px */
			.simple-grid .container {
				width: 75%;
				width: calc(@size_of_wrapper + 10px + 2%);
				max-width: 90rem;
			}
		}

		.highlight .simple-grid .container {
			width: 100%;
			max-width: 100%
		}

		/* GRID SYSTEM NO margin */

		.simple-grid.no-margin .container {
			width: 100%;
			margin-left: auto;
			margin-right: auto;
		}

		.simple-grid.no-margin .row {
			position: relative;
			width: 100%;
			position: relative;

			@media (max-width: 769px) {

			}
		}

		.simple-grid.no-margin .row .col-1,
		.simple-grid.no-margin .row .col-2,
		.simple-grid.no-margin .row .col-3,
		.simple-grid.no-margin .row .col-4,
		.simple-grid.no-margin .row .col-5,
		.simple-grid.no-margin .row .col-6,
		.simple-grid.no-margin .row .col-7,
		.simple-grid.no-margin .row .col-8,
		.simple-grid.no-margin .row .col-9,
		.simple-grid.no-margin .row .col-10,
		.simple-grid.no-margin .row .col-11,
		.simple-grid.no-margin .row .col-12 {
			float: left;
			margin: 0.5rem 0%;
			min-height: 0.125rem;
		}

		.simple-grid.no-margin .col-1,
		.simple-grid.no-margin .col-2,
		.simple-grid.no-margin .col-3,
		.simple-grid.no-margin .col-4,
		.simple-grid.no-margin .col-5,
		.simple-grid.no-margin .col-6,
		.simple-grid.no-margin .col-7,
		.simple-grid.no-margin .col-8,
		.simple-grid.no-margin .col-9,
		.simple-grid.no-margin .col-10,
		.simple-grid.no-margin .col-11,
		.simple-grid.no-margin .col-12 {
			width: 10%;
		}

		.simple-grid.no-margin .col-1-sm {
			width: 8.33%;
		}

		.simple-grid.no-margin .col-2-sm {
			width: 16.66%;
		}

		.simple-grid.no-margin .col-3-sm {
			width: 25%;
		}

		.simple-grid.no-margin .col-4-sm {
			width: 33.33%;
		}

		.simple-grid.no-margin .col-5-sm {
			width: 41.66%;
		}

		.simple-grid.no-margin .col-6-sm {
			width: 50%;
		}

		.simple-grid.no-margin .col-7-sm {
			width: 58.33%;
		}

		.simple-grid.no-margin .col-8-sm {
			width: 66.66%;
		}

		.simple-grid.no-margin .col-9-sm {
			width: 75%;
		}

		.simple-grid.no-margin .col-10-sm {
			width: 84.33%;
		}

		.simple-grid.no-margin .col-11-sm {
			width: 91.66%;
		}

		.simple-grid.no-margin .col-12-sm {
			width: 100%;
		}

		.simple-grid.no-margin .row::after {
			content: "";
			display: table;
			clear: both;
		}

		.simple-grid.no-margin .hidden-sm {
			display: none;
		}

		@media only screen and (min-width: 33.75em) {
			/* 540px */
			.simple-grid.no-margin .container {
				width: 100%;
			}
		}

		@media only screen and (min-width: 45em) {
			/* 720px */
			.simple-grid.no-margin .col-1 {
				width: 8.33%;
			}
			.simple-grid.no-margin .col-2 {
				width: 16.66%;
			}
			.simple-grid.no-margin .col-3 {
				width: 25%;
			}
			.simple-grid.no-margin .col-4 {
				width: 33.33%;
			}
			.simple-grid.no-margin .col-5 {
				width: 41.66%;
			}
			.simple-grid.no-margin .col-6 {
				width: 50%;
			}
			.simple-grid.no-margin .col-7 {
				width: 58.33%;
			}
			.simple-grid.no-margin .col-8 {
				width: 66.66%;
			}
			.simple-grid.no-margin .col-9 {
				width: 75%;
			}
			.simple-grid.no-margin .col-10 {
				width: 83.33%;
			}
			.simple-grid.no-margin .col-11 {
				width: 91.66%;
			}
			.simple-grid.no-margin .col-12 {
				width: 100%;
			}
			.simple-grid.no-margin .hidden-sm {
				display: block;
			}
		}

		@media only screen and (min-width: 60em) {
			/* 960px */
			.simple-grid.no-margin .container {
				width: 100%;
				max-width: 100%;
			}
		}

		/* MISC */

		header.header {
			max-width: 100%;
		}

		.stag-section {
			max-width: 100%;
			@media (max-width: 768px) {
				padding-left: 20px;
				padding-right: 20px;
			}
		}

		button#responsive-menu-button {
			z-index: 2;
			
			padding-left: 15px;
			margin-left: 1px;
			    top: 20px!important;
    left: 10px!important;
        filter: invert(1);
    top: 19px!important;
    left: 21px!important;
    @media (max-width: 400px) {
    	    top: 19px!important;
    left: 13px!important;
    }
    &:before {
    	    content: '';
    width: 100px;
    height: 100px;
    background: black;
    position: absolute;
    /* z-index: -4; */
    top: -18px;
    left: -21px;
    pointer-events:none;
     @media (max-width: 400px) {
    	   top: -19px;
    width: 82px;
    left: -13px;
    }
		}
    }

// .responsive-menu-open button#responsive-menu-button {
// 	@media (max-width: 350px) {
// 		transform: translateX(270px);
// 	}
// }

.responsive-menu-open #responsive-menu-container {
	@media (max-width: 350px) {
		max-width: 270px;
	}
}

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

 @charset "UTF-8";
 @-webkit-keyframes bounce {
 	from,
 	20%,
 	53%,
 	80%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	40%,
 	43% {
 		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-webkit-transform: translate3d(0, -30px, 0);
 		transform: translate3d(0, -30px, 0)
 	}
 	70% {
 		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-webkit-transform: translate3d(0, -15px, 0);
 		transform: translate3d(0, -15px, 0)
 	}
 	90% {
 		-webkit-transform: translate3d(0, -4px, 0);
 		transform: translate3d(0, -4px, 0)
 	}
 }

 @keyframes bounce {
 	from,
 	20%,
 	53%,
 	80%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	40%,
 	43% {
 		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-webkit-transform: translate3d(0, -30px, 0);
 		transform: translate3d(0, -30px, 0)
 	}
 	70% {
 		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 		-webkit-transform: translate3d(0, -15px, 0);
 		transform: translate3d(0, -15px, 0)
 	}
 	90% {
 		-webkit-transform: translate3d(0, -4px, 0);
 		transform: translate3d(0, -4px, 0)
 	}
 }

 .bounce {
 	-webkit-animation-name: bounce;
 	animation-name: bounce;
 	-webkit-transform-origin: center bottom;
 	transform-origin: center bottom
 }

 @-webkit-keyframes flash {
 	from,
 	50%,
 	to {
 		opacity: 1
 	}
 	25%,
 	75% {
 		opacity: 0
 	}
 }

 @keyframes flash {
 	from,
 	50%,
 	to {
 		opacity: 1
 	}
 	25%,
 	75% {
 		opacity: 0
 	}
 }

 .flash {
 	-webkit-animation-name: flash;
 	animation-name: flash
 }

 @-webkit-keyframes pulse {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 	50% {
 		-webkit-transform: scale3d(1.05, 1.05, 1.05);
 		transform: scale3d(1.05, 1.05, 1.05)
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 }

 @keyframes pulse {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 	50% {
 		-webkit-transform: scale3d(1.05, 1.05, 1.05);
 		transform: scale3d(1.05, 1.05, 1.05)
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 }

 .pulse {
 	-webkit-animation-name: pulse;
 	animation-name: pulse
 }

 @-webkit-keyframes rubberBand {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 	30% {
 		-webkit-transform: scale3d(1.25, 0.75, 1);
 		transform: scale3d(1.25, 0.75, 1)
 	}
 	40% {
 		-webkit-transform: scale3d(0.75, 1.25, 1);
 		transform: scale3d(0.75, 1.25, 1)
 	}
 	50% {
 		-webkit-transform: scale3d(1.15, 0.85, 1);
 		transform: scale3d(1.15, 0.85, 1)
 	}
 	65% {
 		-webkit-transform: scale3d(0.95, 1.05, 1);
 		transform: scale3d(0.95, 1.05, 1)
 	}
 	75% {
 		-webkit-transform: scale3d(1.05, 0.95, 1);
 		transform: scale3d(1.05, 0.95, 1)
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 }

 @keyframes rubberBand {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 	30% {
 		-webkit-transform: scale3d(1.25, 0.75, 1);
 		transform: scale3d(1.25, 0.75, 1)
 	}
 	40% {
 		-webkit-transform: scale3d(0.75, 1.25, 1);
 		transform: scale3d(0.75, 1.25, 1)
 	}
 	50% {
 		-webkit-transform: scale3d(1.15, 0.85, 1);
 		transform: scale3d(1.15, 0.85, 1)
 	}
 	65% {
 		-webkit-transform: scale3d(0.95, 1.05, 1);
 		transform: scale3d(0.95, 1.05, 1)
 	}
 	75% {
 		-webkit-transform: scale3d(1.05, 0.95, 1);
 		transform: scale3d(1.05, 0.95, 1)
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 }

 .rubberBand {
 	-webkit-animation-name: rubberBand;
 	animation-name: rubberBand
 }

 @-webkit-keyframes shake {
 	from,
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	10%,
 	30%,
 	50%,
 	70%,
 	90% {
 		-webkit-transform: translate3d(-10px, 0, 0);
 		transform: translate3d(-10px, 0, 0)
 	}
 	20%,
 	40%,
 	60%,
 	80% {
 		-webkit-transform: translate3d(10px, 0, 0);
 		transform: translate3d(10px, 0, 0)
 	}
 }

 @keyframes shake {
 	from,
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	10%,
 	30%,
 	50%,
 	70%,
 	90% {
 		-webkit-transform: translate3d(-10px, 0, 0);
 		transform: translate3d(-10px, 0, 0)
 	}
 	20%,
 	40%,
 	60%,
 	80% {
 		-webkit-transform: translate3d(10px, 0, 0);
 		transform: translate3d(10px, 0, 0)
 	}
 }

 .shake {
 	-webkit-animation-name: shake;
 	animation-name: shake
 }

 @-webkit-keyframes headShake {
 	0% {
 		-webkit-transform: translateX(0);
 		transform: translateX(0)
 	}
 	6.5% {
 		-webkit-transform: translateX(-6px) rotateY(-9deg);
 		transform: translateX(-6px) rotateY(-9deg)
 	}
 	18.5% {
 		-webkit-transform: translateX(5px) rotateY(7deg);
 		transform: translateX(5px) rotateY(7deg)
 	}
 	31.5% {
 		-webkit-transform: translateX(-3px) rotateY(-5deg);
 		transform: translateX(-3px) rotateY(-5deg)
 	}
 	43.5% {
 		-webkit-transform: translateX(2px) rotateY(3deg);
 		transform: translateX(2px) rotateY(3deg)
 	}
 	50% {
 		-webkit-transform: translateX(0);
 		transform: translateX(0)
 	}
 }

 @keyframes headShake {
 	0% {
 		-webkit-transform: translateX(0);
 		transform: translateX(0)
 	}
 	6.5% {
 		-webkit-transform: translateX(-6px) rotateY(-9deg);
 		transform: translateX(-6px) rotateY(-9deg)
 	}
 	18.5% {
 		-webkit-transform: translateX(5px) rotateY(7deg);
 		transform: translateX(5px) rotateY(7deg)
 	}
 	31.5% {
 		-webkit-transform: translateX(-3px) rotateY(-5deg);
 		transform: translateX(-3px) rotateY(-5deg)
 	}
 	43.5% {
 		-webkit-transform: translateX(2px) rotateY(3deg);
 		transform: translateX(2px) rotateY(3deg)
 	}
 	50% {
 		-webkit-transform: translateX(0);
 		transform: translateX(0)
 	}
 }

 .headShake {
 	-webkit-animation-timing-function: ease-in-out;
 	animation-timing-function: ease-in-out;
 	-webkit-animation-name: headShake;
 	animation-name: headShake
 }

 @-webkit-keyframes swing {
 	20% {
 		-webkit-transform: rotate3d(0, 0, 1, 15deg);
 		transform: rotate3d(0, 0, 1, 15deg)
 	}
 	40% {
 		-webkit-transform: rotate3d(0, 0, 1, -10deg);
 		transform: rotate3d(0, 0, 1, -10deg)
 	}
 	60% {
 		-webkit-transform: rotate3d(0, 0, 1, 5deg);
 		transform: rotate3d(0, 0, 1, 5deg)
 	}
 	80% {
 		-webkit-transform: rotate3d(0, 0, 1, -5deg);
 		transform: rotate3d(0, 0, 1, -5deg)
 	}
 	to {
 		-webkit-transform: rotate3d(0, 0, 1, 0deg);
 		transform: rotate3d(0, 0, 1, 0deg)
 	}
 }

 @keyframes swing {
 	20% {
 		-webkit-transform: rotate3d(0, 0, 1, 15deg);
 		transform: rotate3d(0, 0, 1, 15deg)
 	}
 	40% {
 		-webkit-transform: rotate3d(0, 0, 1, -10deg);
 		transform: rotate3d(0, 0, 1, -10deg)
 	}
 	60% {
 		-webkit-transform: rotate3d(0, 0, 1, 5deg);
 		transform: rotate3d(0, 0, 1, 5deg)
 	}
 	80% {
 		-webkit-transform: rotate3d(0, 0, 1, -5deg);
 		transform: rotate3d(0, 0, 1, -5deg)
 	}
 	to {
 		-webkit-transform: rotate3d(0, 0, 1, 0deg);
 		transform: rotate3d(0, 0, 1, 0deg)
 	}
 }

 .swing {
 	-webkit-transform-origin: top center;
 	transform-origin: top center;
 	-webkit-animation-name: swing;
 	animation-name: swing
 }

 @-webkit-keyframes tada {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 	10%,
 	20% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
 	}
 	30%,
 	50%,
 	70%,
 	90% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
 	}
 	40%,
 	60%,
 	80% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 }

 @keyframes tada {
 	from {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 	10%,
 	20% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 		transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
 	}
 	30%,
 	50%,
 	70%,
 	90% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
 	}
 	40%,
 	60%,
 	80% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
 	}
 	to {
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 }

 .tada {
 	-webkit-animation-name: tada;
 	animation-name: tada
 }

 @-webkit-keyframes wobble {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	15% {
 		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
 	}
 	30% {
 		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
 	}
 	45% {
 		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
 	}
 	60% {
 		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
 	}
 	75% {
 		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes wobble {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	15% {
 		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
 	}
 	30% {
 		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
 	}
 	45% {
 		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
 	}
 	60% {
 		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
 	}
 	75% {
 		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .wobble {
 	-webkit-animation-name: wobble;
 	animation-name: wobble
 }

 @-webkit-keyframes jello {
 	from,
 	11.1%,
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	22.2% {
 		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 		transform: skewX(-12.5deg) skewY(-12.5deg)
 	}
 	33.3% {
 		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
 		transform: skewX(6.25deg) skewY(6.25deg)
 	}
 	44.4% {
 		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 		transform: skewX(-3.125deg) skewY(-3.125deg)
 	}
 	55.5% {
 		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 		transform: skewX(1.5625deg) skewY(1.5625deg)
 	}
 	66.6% {
 		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 		transform: skewX(-0.78125deg) skewY(-0.78125deg)
 	}
 	77.7% {
 		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 		transform: skewX(0.390625deg) skewY(0.390625deg)
 	}
 	88.8% {
 		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 		transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
 	}
 }

 @keyframes jello {
 	from,
 	11.1%,
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	22.2% {
 		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 		transform: skewX(-12.5deg) skewY(-12.5deg)
 	}
 	33.3% {
 		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
 		transform: skewX(6.25deg) skewY(6.25deg)
 	}
 	44.4% {
 		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 		transform: skewX(-3.125deg) skewY(-3.125deg)
 	}
 	55.5% {
 		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 		transform: skewX(1.5625deg) skewY(1.5625deg)
 	}
 	66.6% {
 		-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 		transform: skewX(-0.78125deg) skewY(-0.78125deg)
 	}
 	77.7% {
 		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 		transform: skewX(0.390625deg) skewY(0.390625deg)
 	}
 	88.8% {
 		-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 		transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
 	}
 }

 .jello {
 	-webkit-animation-name: jello;
 	animation-name: jello;
 	-webkit-transform-origin: center;
 	transform-origin: center
 }

 @-webkit-keyframes heartBeat {
 	0% {
 		-webkit-transform: scale(1);
 		transform: scale(1)
 	}
 	14% {
 		-webkit-transform: scale(1.3);
 		transform: scale(1.3)
 	}
 	28% {
 		-webkit-transform: scale(1);
 		transform: scale(1)
 	}
 	42% {
 		-webkit-transform: scale(1.3);
 		transform: scale(1.3)
 	}
 	70% {
 		-webkit-transform: scale(1);
 		transform: scale(1)
 	}
 }

 @keyframes heartBeat {
 	0% {
 		-webkit-transform: scale(1);
 		transform: scale(1)
 	}
 	14% {
 		-webkit-transform: scale(1.3);
 		transform: scale(1.3)
 	}
 	28% {
 		-webkit-transform: scale(1);
 		transform: scale(1)
 	}
 	42% {
 		-webkit-transform: scale(1.3);
 		transform: scale(1.3)
 	}
 	70% {
 		-webkit-transform: scale(1);
 		transform: scale(1)
 	}
 }

 .heartBeat {
 	-webkit-animation-name: heartBeat;
 	animation-name: heartBeat;
 	-webkit-animation-duration: 1.3s;
 	animation-duration: 1.3s;
 	-webkit-animation-timing-function: ease-in-out;
 	animation-timing-function: ease-in-out
 }

 @-webkit-keyframes bounceIn {
 	from,
 	20%,
 	40%,
 	60%,
 	80%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3)
 	}
 	20% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1);
 		transform: scale3d(1.1, 1.1, 1.1)
 	}
 	40% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9);
 		transform: scale3d(0.9, 0.9, 0.9)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(1.03, 1.03, 1.03);
 		transform: scale3d(1.03, 1.03, 1.03)
 	}
 	80% {
 		-webkit-transform: scale3d(0.97, 0.97, 0.97);
 		transform: scale3d(0.97, 0.97, 0.97)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 }

 @keyframes bounceIn {
 	from,
 	20%,
 	40%,
 	60%,
 	80%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3)
 	}
 	20% {
 		-webkit-transform: scale3d(1.1, 1.1, 1.1);
 		transform: scale3d(1.1, 1.1, 1.1)
 	}
 	40% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9);
 		transform: scale3d(0.9, 0.9, 0.9)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(1.03, 1.03, 1.03);
 		transform: scale3d(1.03, 1.03, 1.03)
 	}
 	80% {
 		-webkit-transform: scale3d(0.97, 0.97, 0.97);
 		transform: scale3d(0.97, 0.97, 0.97)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: scale3d(1, 1, 1);
 		transform: scale3d(1, 1, 1)
 	}
 }

 .bounceIn {
 	-webkit-animation-duration: .75s;
 	animation-duration: .75s;
 	-webkit-animation-name: bounceIn;
 	animation-name: bounceIn
 }

 @-webkit-keyframes bounceInDown {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -3000px, 0);
 		transform: translate3d(0, -3000px, 0)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 25px, 0);
 		transform: translate3d(0, 25px, 0)
 	}
 	75% {
 		-webkit-transform: translate3d(0, -10px, 0);
 		transform: translate3d(0, -10px, 0)
 	}
 	90% {
 		-webkit-transform: translate3d(0, 5px, 0);
 		transform: translate3d(0, 5px, 0)
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes bounceInDown {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -3000px, 0);
 		transform: translate3d(0, -3000px, 0)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 25px, 0);
 		transform: translate3d(0, 25px, 0)
 	}
 	75% {
 		-webkit-transform: translate3d(0, -10px, 0);
 		transform: translate3d(0, -10px, 0)
 	}
 	90% {
 		-webkit-transform: translate3d(0, 5px, 0);
 		transform: translate3d(0, 5px, 0)
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .bounceInDown {
 	-webkit-animation-name: bounceInDown;
 	animation-name: bounceInDown
 }

 @-webkit-keyframes bounceInLeft {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: translate3d(-3000px, 0, 0);
 		transform: translate3d(-3000px, 0, 0)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(25px, 0, 0);
 		transform: translate3d(25px, 0, 0)
 	}
 	75% {
 		-webkit-transform: translate3d(-10px, 0, 0);
 		transform: translate3d(-10px, 0, 0)
 	}
 	90% {
 		-webkit-transform: translate3d(5px, 0, 0);
 		transform: translate3d(5px, 0, 0)
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes bounceInLeft {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
 	}
 	0% {
 		opacity: 0;
 		-webkit-transform: translate3d(-3000px, 0, 0);
 		transform: translate3d(-3000px, 0, 0)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(25px, 0, 0);
 		transform: translate3d(25px, 0, 0)
 	}
 	75% {
 		-webkit-transform: translate3d(-10px, 0, 0);
 		transform: translate3d(-10px, 0, 0)
 	}
 	90% {
 		-webkit-transform: translate3d(5px, 0, 0);
 		transform: translate3d(5px, 0, 0)
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .bounceInLeft {
 	-webkit-animation-name: bounceInLeft;
 	animation-name: bounceInLeft
 }

 @-webkit-keyframes bounceInRight {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
 	}
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(3000px, 0, 0);
 		transform: translate3d(3000px, 0, 0)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(-25px, 0, 0);
 		transform: translate3d(-25px, 0, 0)
 	}
 	75% {
 		-webkit-transform: translate3d(10px, 0, 0);
 		transform: translate3d(10px, 0, 0)
 	}
 	90% {
 		-webkit-transform: translate3d(-5px, 0, 0);
 		transform: translate3d(-5px, 0, 0)
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes bounceInRight {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
 	}
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(3000px, 0, 0);
 		transform: translate3d(3000px, 0, 0)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(-25px, 0, 0);
 		transform: translate3d(-25px, 0, 0)
 	}
 	75% {
 		-webkit-transform: translate3d(10px, 0, 0);
 		transform: translate3d(10px, 0, 0)
 	}
 	90% {
 		-webkit-transform: translate3d(-5px, 0, 0);
 		transform: translate3d(-5px, 0, 0)
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .bounceInRight {
 	-webkit-animation-name: bounceInRight;
 	animation-name: bounceInRight
 }

 @-webkit-keyframes bounceInUp {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
 	}
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 3000px, 0);
 		transform: translate3d(0, 3000px, 0)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, -20px, 0);
 		transform: translate3d(0, -20px, 0)
 	}
 	75% {
 		-webkit-transform: translate3d(0, 10px, 0);
 		transform: translate3d(0, 10px, 0)
 	}
 	90% {
 		-webkit-transform: translate3d(0, -5px, 0);
 		transform: translate3d(0, -5px, 0)
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes bounceInUp {
 	from,
 	60%,
 	75%,
 	90%,
 	to {
 		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
 	}
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 3000px, 0);
 		transform: translate3d(0, 3000px, 0)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, -20px, 0);
 		transform: translate3d(0, -20px, 0)
 	}
 	75% {
 		-webkit-transform: translate3d(0, 10px, 0);
 		transform: translate3d(0, 10px, 0)
 	}
 	90% {
 		-webkit-transform: translate3d(0, -5px, 0);
 		transform: translate3d(0, -5px, 0)
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .bounceInUp {
 	-webkit-animation-name: bounceInUp;
 	animation-name: bounceInUp
 }

 @-webkit-keyframes bounceOut {
 	20% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9);
 		transform: scale3d(0.9, 0.9, 0.9)
 	}
 	50%,
 	55% {
 		opacity: 1;
 		-webkit-transform: scale3d(1.1, 1.1, 1.1);
 		transform: scale3d(1.1, 1.1, 1.1)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3)
 	}
 }

 @keyframes bounceOut {
 	20% {
 		-webkit-transform: scale3d(0.9, 0.9, 0.9);
 		transform: scale3d(0.9, 0.9, 0.9)
 	}
 	50%,
 	55% {
 		opacity: 1;
 		-webkit-transform: scale3d(1.1, 1.1, 1.1);
 		transform: scale3d(1.1, 1.1, 1.1)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3)
 	}
 }

 .bounceOut {
 	-webkit-animation-duration: .75s;
 	animation-duration: .75s;
 	-webkit-animation-name: bounceOut;
 	animation-name: bounceOut
 }

 @-webkit-keyframes bounceOutDown {
 	20% {
 		-webkit-transform: translate3d(0, 10px, 0);
 		transform: translate3d(0, 10px, 0)
 	}
 	40%,
 	45% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, -20px, 0);
 		transform: translate3d(0, -20px, 0)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0)
 	}
 }

 @keyframes bounceOutDown {
 	20% {
 		-webkit-transform: translate3d(0, 10px, 0);
 		transform: translate3d(0, 10px, 0)
 	}
 	40%,
 	45% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, -20px, 0);
 		transform: translate3d(0, -20px, 0)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0)
 	}
 }

 .bounceOutDown {
 	-webkit-animation-name: bounceOutDown;
 	animation-name: bounceOutDown
 }

 @-webkit-keyframes bounceOutLeft {
 	20% {
 		opacity: 1;
 		-webkit-transform: translate3d(20px, 0, 0);
 		transform: translate3d(20px, 0, 0)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0)
 	}
 }

 @keyframes bounceOutLeft {
 	20% {
 		opacity: 1;
 		-webkit-transform: translate3d(20px, 0, 0);
 		transform: translate3d(20px, 0, 0)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0)
 	}
 }

 .bounceOutLeft {
 	-webkit-animation-name: bounceOutLeft;
 	animation-name: bounceOutLeft
 }

 @-webkit-keyframes bounceOutRight {
 	20% {
 		opacity: 1;
 		-webkit-transform: translate3d(-20px, 0, 0);
 		transform: translate3d(-20px, 0, 0)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0)
 	}
 }

 @keyframes bounceOutRight {
 	20% {
 		opacity: 1;
 		-webkit-transform: translate3d(-20px, 0, 0);
 		transform: translate3d(-20px, 0, 0)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0)
 	}
 }

 .bounceOutRight {
 	-webkit-animation-name: bounceOutRight;
 	animation-name: bounceOutRight
 }

 @-webkit-keyframes bounceOutUp {
 	20% {
 		-webkit-transform: translate3d(0, -10px, 0);
 		transform: translate3d(0, -10px, 0)
 	}
 	40%,
 	45% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 20px, 0);
 		transform: translate3d(0, 20px, 0)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0)
 	}
 }

 @keyframes bounceOutUp {
 	20% {
 		-webkit-transform: translate3d(0, -10px, 0);
 		transform: translate3d(0, -10px, 0)
 	}
 	40%,
 	45% {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 20px, 0);
 		transform: translate3d(0, 20px, 0)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0)
 	}
 }

 .bounceOutUp {
 	-webkit-animation-name: bounceOutUp;
 	animation-name: bounceOutUp
 }

 @-webkit-keyframes fadeIn {
 	from {
 		opacity: 0
 	}
 	to {
 		opacity: 1
 	}
 }

 @keyframes fadeIn {
 	from {
 		opacity: 0
 	}
 	to {
 		opacity: 1
 	}
 }

 .fadeIn {
 	-webkit-animation-name: fadeIn;
 	animation-name: fadeIn
 }

 @-webkit-keyframes fadeInDown {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes fadeInDown {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .fadeInDown {
 	-webkit-animation-name: fadeInDown;
 	animation-name: fadeInDown
 }

 @-webkit-keyframes fadeInDownBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes fadeInDownBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .fadeInDownBig {
 	-webkit-animation-name: fadeInDownBig;
 	animation-name: fadeInDownBig
 }

 @-webkit-keyframes fadeInLeft {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes fadeInLeft {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .fadeInLeft {
 	-webkit-animation-name: fadeInLeft;
 	animation-name: fadeInLeft
 }

 @-webkit-keyframes fadeInLeftBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes fadeInLeftBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .fadeInLeftBig {
 	-webkit-animation-name: fadeInLeftBig;
 	animation-name: fadeInLeftBig
 }

 @-webkit-keyframes fadeInRight {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes fadeInRight {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .fadeInRight {
 	-webkit-animation-name: fadeInRight;
 	animation-name: fadeInRight
 }

 @-webkit-keyframes fadeInRightBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes fadeInRightBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .fadeInRightBig {
 	-webkit-animation-name: fadeInRightBig;
 	animation-name: fadeInRightBig
 }

 @-webkit-keyframes fadeInUp {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes fadeInUp {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .fadeInUp {
 	-webkit-animation-name: fadeInUp;
 	animation-name: fadeInUp
 }

 @-webkit-keyframes fadeInUpBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes fadeInUpBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .fadeInUpBig {
 	-webkit-animation-name: fadeInUpBig;
 	animation-name: fadeInUpBig
 }

 @-webkit-keyframes fadeOut {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0
 	}
 }

 @keyframes fadeOut {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0
 	}
 }

 .fadeOut {
 	-webkit-animation-name: fadeOut;
 	animation-name: fadeOut
 }

 @-webkit-keyframes fadeOutDown {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0)
 	}
 }

 @keyframes fadeOutDown {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0)
 	}
 }

 .fadeOutDown {
 	-webkit-animation-name: fadeOutDown;
 	animation-name: fadeOutDown
 }

 @-webkit-keyframes fadeOutDownBig {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0)
 	}
 }

 @keyframes fadeOutDownBig {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0)
 	}
 }

 .fadeOutDownBig {
 	-webkit-animation-name: fadeOutDownBig;
 	animation-name: fadeOutDownBig
 }

 @-webkit-keyframes fadeOutLeft {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0)
 	}
 }

 @keyframes fadeOutLeft {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0)
 	}
 }

 .fadeOutLeft {
 	-webkit-animation-name: fadeOutLeft;
 	animation-name: fadeOutLeft
 }

 @-webkit-keyframes fadeOutLeftBig {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0)
 	}
 }

 @keyframes fadeOutLeftBig {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(-2000px, 0, 0);
 		transform: translate3d(-2000px, 0, 0)
 	}
 }

 .fadeOutLeftBig {
 	-webkit-animation-name: fadeOutLeftBig;
 	animation-name: fadeOutLeftBig
 }

 @-webkit-keyframes fadeOutRight {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0)
 	}
 }

 @keyframes fadeOutRight {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0)
 	}
 }

 .fadeOutRight {
 	-webkit-animation-name: fadeOutRight;
 	animation-name: fadeOutRight
 }

 @-webkit-keyframes fadeOutRightBig {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0)
 	}
 }

 @keyframes fadeOutRightBig {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(2000px, 0, 0);
 		transform: translate3d(2000px, 0, 0)
 	}
 }

 .fadeOutRightBig {
 	-webkit-animation-name: fadeOutRightBig;
 	animation-name: fadeOutRightBig
 }

 @-webkit-keyframes fadeOutUp {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0)
 	}
 }

 @keyframes fadeOutUp {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0)
 	}
 }

 .fadeOutUp {
 	-webkit-animation-name: fadeOutUp;
 	animation-name: fadeOutUp
 }

 @-webkit-keyframes fadeOutUpBig {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0)
 	}
 }

 @keyframes fadeOutUpBig {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(0, -2000px, 0);
 		transform: translate3d(0, -2000px, 0)
 	}
 }

 .fadeOutUpBig {
 	-webkit-animation-name: fadeOutUpBig;
 	animation-name: fadeOutUpBig
 }

 @-webkit-keyframes flip {
 	from {
 		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
 		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
 		-webkit-animation-timing-function: ease-out;
 		animation-timing-function: ease-out
 	}
 	40% {
 		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 		-webkit-animation-timing-function: ease-out;
 		animation-timing-function: ease-out
 	}
 	50% {
 		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in
 	}
 	80% {
 		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
 		transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in
 	}
 	to {
 		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
 		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in
 	}
 }

 @keyframes flip {
 	from {
 		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
 		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
 		-webkit-animation-timing-function: ease-out;
 		animation-timing-function: ease-out
 	}
 	40% {
 		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 		-webkit-animation-timing-function: ease-out;
 		animation-timing-function: ease-out
 	}
 	50% {
 		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in
 	}
 	80% {
 		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
 		transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in
 	}
 	to {
 		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
 		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in
 	}
 }

 .animated.flip {
 	-webkit-backface-visibility: visible;
 	backface-visibility: visible;
 	-webkit-animation-name: flip;
 	animation-name: flip
 }

 @-webkit-keyframes flipInX {
 	from {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 		opacity: 0
 	}
 	40% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in
 	}
 	60% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 		opacity: 1
 	}
 	80% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
 	}
 	to {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px)
 	}
 }

 @keyframes flipInX {
 	from {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 		opacity: 0
 	}
 	40% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in
 	}
 	60% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 		opacity: 1
 	}
 	80% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
 	}
 	to {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px)
 	}
 }

 .flipInX {
 	-webkit-backface-visibility: visible!important;
 	backface-visibility: visible!important;
 	-webkit-animation-name: flipInX;
 	animation-name: flipInX
 }

 @-webkit-keyframes flipInY {
 	from {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 		opacity: 0
 	}
 	40% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in
 	}
 	60% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		opacity: 1
 	}
 	80% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
 	}
 	to {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px)
 	}
 }

 @keyframes flipInY {
 	from {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in;
 		opacity: 0
 	}
 	40% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 		-webkit-animation-timing-function: ease-in;
 		animation-timing-function: ease-in
 	}
 	60% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 		opacity: 1
 	}
 	80% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
 	}
 	to {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px)
 	}
 }

 .flipInY {
 	-webkit-backface-visibility: visible!important;
 	backface-visibility: visible!important;
 	-webkit-animation-name: flipInY;
 	animation-name: flipInY
 }

 @-webkit-keyframes flipOutX {
 	from {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px)
 	}
 	30% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		opacity: 1
 	}
 	to {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		opacity: 0
 	}
 }

 @keyframes flipOutX {
 	from {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px)
 	}
 	30% {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 		opacity: 1
 	}
 	to {
 		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 		opacity: 0
 	}
 }

 .flipOutX {
 	-webkit-animation-duration: .75s;
 	animation-duration: .75s;
 	-webkit-animation-name: flipOutX;
 	animation-name: flipOutX;
 	-webkit-backface-visibility: visible!important;
 	backface-visibility: visible!important
 }

 @-webkit-keyframes flipOutY {
 	from {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px)
 	}
 	30% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 		opacity: 1
 	}
 	to {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		opacity: 0
 	}
 }

 @keyframes flipOutY {
 	from {
 		-webkit-transform: perspective(400px);
 		transform: perspective(400px)
 	}
 	30% {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 		opacity: 1
 	}
 	to {
 		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 		opacity: 0
 	}
 }

 .flipOutY {
 	-webkit-animation-duration: .75s;
 	animation-duration: .75s;
 	-webkit-backface-visibility: visible!important;
 	backface-visibility: visible!important;
 	-webkit-animation-name: flipOutY;
 	animation-name: flipOutY
 }

 @-webkit-keyframes lightSpeedIn {
 	from {
 		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 		transform: translate3d(100%, 0, 0) skewX(-30deg);
 		opacity: 0
 	}
 	60% {
 		-webkit-transform: skewX(20deg);
 		transform: skewX(20deg);
 		opacity: 1
 	}
 	80% {
 		-webkit-transform: skewX(-5deg);
 		transform: skewX(-5deg)
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes lightSpeedIn {
 	from {
 		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 		transform: translate3d(100%, 0, 0) skewX(-30deg);
 		opacity: 0
 	}
 	60% {
 		-webkit-transform: skewX(20deg);
 		transform: skewX(20deg);
 		opacity: 1
 	}
 	80% {
 		-webkit-transform: skewX(-5deg);
 		transform: skewX(-5deg)
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .lightSpeedIn {
 	-webkit-animation-name: lightSpeedIn;
 	animation-name: lightSpeedIn;
 	-webkit-animation-timing-function: ease-out;
 	animation-timing-function: ease-out
 }

 @-webkit-keyframes lightSpeedOut {
 	from {
 		opacity: 1
 	}
 	to {
 		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 		transform: translate3d(100%, 0, 0) skewX(30deg);
 		opacity: 0
 	}
 }

 @keyframes lightSpeedOut {
 	from {
 		opacity: 1
 	}
 	to {
 		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 		transform: translate3d(100%, 0, 0) skewX(30deg);
 		opacity: 0
 	}
 }

 .lightSpeedOut {
 	-webkit-animation-name: lightSpeedOut;
 	animation-name: lightSpeedOut;
 	-webkit-animation-timing-function: ease-in;
 	animation-timing-function: ease-in
 }

 @-webkit-keyframes rotateIn {
 	from {
 		-webkit-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: rotate3d(0, 0, 1, -200deg);
 		transform: rotate3d(0, 0, 1, -200deg);
 		opacity: 0
 	}
 	to {
 		-webkit-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 		opacity: 1
 	}
 }

 @keyframes rotateIn {
 	from {
 		-webkit-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: rotate3d(0, 0, 1, -200deg);
 		transform: rotate3d(0, 0, 1, -200deg);
 		opacity: 0
 	}
 	to {
 		-webkit-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 		opacity: 1
 	}
 }

 .rotateIn {
 	-webkit-animation-name: rotateIn;
 	animation-name: rotateIn
 }

 @-webkit-keyframes rotateInDownLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 		opacity: 1
 	}
 }

 @keyframes rotateInDownLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 		opacity: 1
 	}
 }

 .rotateInDownLeft {
 	-webkit-animation-name: rotateInDownLeft;
 	animation-name: rotateInDownLeft
 }

 @-webkit-keyframes rotateInDownRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 		opacity: 1
 	}
 }

 @keyframes rotateInDownRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 		opacity: 1
 	}
 }

 .rotateInDownRight {
 	-webkit-animation-name: rotateInDownRight;
 	animation-name: rotateInDownRight
 }

 @-webkit-keyframes rotateInUpLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 		opacity: 1
 	}
 }

 @keyframes rotateInUpLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 		opacity: 1
 	}
 }

 .rotateInUpLeft {
 	-webkit-animation-name: rotateInUpLeft;
 	animation-name: rotateInUpLeft
 }

 @-webkit-keyframes rotateInUpRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -90deg);
 		transform: rotate3d(0, 0, 1, -90deg);
 		opacity: 0
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 		opacity: 1
 	}
 }

 @keyframes rotateInUpRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -90deg);
 		transform: rotate3d(0, 0, 1, -90deg);
 		opacity: 0
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 		opacity: 1
 	}
 }

 .rotateInUpRight {
 	-webkit-animation-name: rotateInUpRight;
 	animation-name: rotateInUpRight
 }

 @-webkit-keyframes rotateOut {
 	from {
 		-webkit-transform-origin: center;
 		transform-origin: center;
 		opacity: 1
 	}
 	to {
 		-webkit-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: rotate3d(0, 0, 1, 200deg);
 		transform: rotate3d(0, 0, 1, 200deg);
 		opacity: 0
 	}
 }

 @keyframes rotateOut {
 	from {
 		-webkit-transform-origin: center;
 		transform-origin: center;
 		opacity: 1
 	}
 	to {
 		-webkit-transform-origin: center;
 		transform-origin: center;
 		-webkit-transform: rotate3d(0, 0, 1, 200deg);
 		transform: rotate3d(0, 0, 1, 200deg);
 		opacity: 0
 	}
 }

 .rotateOut {
 	-webkit-animation-name: rotateOut;
 	animation-name: rotateOut
 }

 @-webkit-keyframes rotateOutDownLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		opacity: 1
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0
 	}
 }

 @keyframes rotateOutDownLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		opacity: 1
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 45deg);
 		transform: rotate3d(0, 0, 1, 45deg);
 		opacity: 0
 	}
 }

 .rotateOutDownLeft {
 	-webkit-animation-name: rotateOutDownLeft;
 	animation-name: rotateOutDownLeft
 }

 @-webkit-keyframes rotateOutDownRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		opacity: 1
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0
 	}
 }

 @keyframes rotateOutDownRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		opacity: 1
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0
 	}
 }

 .rotateOutDownRight {
 	-webkit-animation-name: rotateOutDownRight;
 	animation-name: rotateOutDownRight
 }

 @-webkit-keyframes rotateOutUpLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		opacity: 1
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0
 	}
 }

 @keyframes rotateOutUpLeft {
 	from {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		opacity: 1
 	}
 	to {
 		-webkit-transform-origin: left bottom;
 		transform-origin: left bottom;
 		-webkit-transform: rotate3d(0, 0, 1, -45deg);
 		transform: rotate3d(0, 0, 1, -45deg);
 		opacity: 0
 	}
 }

 .rotateOutUpLeft {
 	-webkit-animation-name: rotateOutUpLeft;
 	animation-name: rotateOutUpLeft
 }

 @-webkit-keyframes rotateOutUpRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		opacity: 1
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 90deg);
 		transform: rotate3d(0, 0, 1, 90deg);
 		opacity: 0
 	}
 }

 @keyframes rotateOutUpRight {
 	from {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		opacity: 1
 	}
 	to {
 		-webkit-transform-origin: right bottom;
 		transform-origin: right bottom;
 		-webkit-transform: rotate3d(0, 0, 1, 90deg);
 		transform: rotate3d(0, 0, 1, 90deg);
 		opacity: 0
 	}
 }

 .rotateOutUpRight {
 	-webkit-animation-name: rotateOutUpRight;
 	animation-name: rotateOutUpRight
 }

 @-webkit-keyframes hinge {
 	0% {
 		-webkit-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out
 	}
 	20%,
 	60% {
 		-webkit-transform: rotate3d(0, 0, 1, 80deg);
 		transform: rotate3d(0, 0, 1, 80deg);
 		-webkit-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out
 	}
 	40%,
 	80% {
 		-webkit-transform: rotate3d(0, 0, 1, 60deg);
 		transform: rotate3d(0, 0, 1, 60deg);
 		-webkit-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out;
 		opacity: 1
 	}
 	to {
 		-webkit-transform: translate3d(0, 700px, 0);
 		transform: translate3d(0, 700px, 0);
 		opacity: 0
 	}
 }

 @keyframes hinge {
 	0% {
 		-webkit-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out
 	}
 	20%,
 	60% {
 		-webkit-transform: rotate3d(0, 0, 1, 80deg);
 		transform: rotate3d(0, 0, 1, 80deg);
 		-webkit-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out
 	}
 	40%,
 	80% {
 		-webkit-transform: rotate3d(0, 0, 1, 60deg);
 		transform: rotate3d(0, 0, 1, 60deg);
 		-webkit-transform-origin: top left;
 		transform-origin: top left;
 		-webkit-animation-timing-function: ease-in-out;
 		animation-timing-function: ease-in-out;
 		opacity: 1
 	}
 	to {
 		-webkit-transform: translate3d(0, 700px, 0);
 		transform: translate3d(0, 700px, 0);
 		opacity: 0
 	}
 }

 .hinge {
 	-webkit-animation-duration: 2s;
 	animation-duration: 2s;
 	-webkit-animation-name: hinge;
 	animation-name: hinge
 }

 @-webkit-keyframes jackInTheBox {
 	from {
 		opacity: 0;
 		-webkit-transform: scale(0.1) rotate(30deg);
 		transform: scale(0.1) rotate(30deg);
 		-webkit-transform-origin: center bottom;
 		transform-origin: center bottom
 	}
 	50% {
 		-webkit-transform: rotate(-10deg);
 		transform: rotate(-10deg)
 	}
 	70% {
 		-webkit-transform: rotate(3deg);
 		transform: rotate(3deg)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: scale(1);
 		transform: scale(1)
 	}
 }

 @keyframes jackInTheBox {
 	from {
 		opacity: 0;
 		-webkit-transform: scale(0.1) rotate(30deg);
 		transform: scale(0.1) rotate(30deg);
 		-webkit-transform-origin: center bottom;
 		transform-origin: center bottom
 	}
 	50% {
 		-webkit-transform: rotate(-10deg);
 		transform: rotate(-10deg)
 	}
 	70% {
 		-webkit-transform: rotate(3deg);
 		transform: rotate(3deg)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: scale(1);
 		transform: scale(1)
 	}
 }

 .jackInTheBox {
 	-webkit-animation-name: jackInTheBox;
 	animation-name: jackInTheBox
 }

 @-webkit-keyframes rollIn {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes rollIn {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
 	}
 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .rollIn {
 	-webkit-animation-name: rollIn;
 	animation-name: rollIn
 }

 @-webkit-keyframes rollOut {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
 	}
 }

 @keyframes rollOut {
 	from {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
 	}
 }

 .rollOut {
 	-webkit-animation-name: rollOut;
 	animation-name: rollOut
 }

 @-webkit-keyframes zoomIn {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3)
 	}
 	50% {
 		opacity: 1
 	}
 }

 @keyframes zoomIn {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3)
 	}
 	50% {
 		opacity: 1
 	}
 }

 .zoomIn {
 	-webkit-animation-name: zoomIn;
 	animation-name: zoomIn
 }

 @-webkit-keyframes zoomInDown {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
 	}
 }

 @keyframes zoomInDown {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
 	}
 }

 .zoomInDown {
 	-webkit-animation-name: zoomInDown;
 	animation-name: zoomInDown
 }

 @-webkit-keyframes zoomInLeft {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
 	}
 }

 @keyframes zoomInLeft {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
 	}
 }

 .zoomInLeft {
 	-webkit-animation-name: zoomInLeft;
 	animation-name: zoomInLeft
 }

 @-webkit-keyframes zoomInRight {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
 	}
 }

 @keyframes zoomInRight {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
 	}
 }

 .zoomInRight {
 	-webkit-animation-name: zoomInRight;
 	animation-name: zoomInRight
 }

 @-webkit-keyframes zoomInUp {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
 	}
 }

 @keyframes zoomInUp {
 	from {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
 	}
 }

 .zoomInUp {
 	-webkit-animation-name: zoomInUp;
 	animation-name: zoomInUp
 }

 @-webkit-keyframes zoomOut {
 	from {
 		opacity: 1
 	}
 	50% {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3)
 	}
 	to {
 		opacity: 0
 	}
 }

 @keyframes zoomOut {
 	from {
 		opacity: 1
 	}
 	50% {
 		opacity: 0;
 		-webkit-transform: scale3d(0.3, 0.3, 0.3);
 		transform: scale3d(0.3, 0.3, 0.3)
 	}
 	to {
 		opacity: 0
 	}
 }

 .zoomOut {
 	-webkit-animation-name: zoomOut;
 	animation-name: zoomOut
 }

 @-webkit-keyframes zoomOutDown {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 		-webkit-transform-origin: center bottom;
 		transform-origin: center bottom;
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
 	}
 }

 @keyframes zoomOutDown {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 		-webkit-transform-origin: center bottom;
 		transform-origin: center bottom;
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
 	}
 }

 .zoomOutDown {
 	-webkit-animation-name: zoomOutDown;
 	animation-name: zoomOutDown
 }

 @-webkit-keyframes zoomOutLeft {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
 		transform: scale(0.1) translate3d(-2000px, 0, 0);
 		-webkit-transform-origin: left center;
 		transform-origin: left center
 	}
 }

 @keyframes zoomOutLeft {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
 		transform: scale(0.1) translate3d(-2000px, 0, 0);
 		-webkit-transform-origin: left center;
 		transform-origin: left center
 	}
 }

 .zoomOutLeft {
 	-webkit-animation-name: zoomOutLeft;
 	animation-name: zoomOutLeft
 }

 @-webkit-keyframes zoomOutRight {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
 		transform: scale(0.1) translate3d(2000px, 0, 0);
 		-webkit-transform-origin: right center;
 		transform-origin: right center
 	}
 }

 @keyframes zoomOutRight {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
 		transform: scale(0.1) translate3d(2000px, 0, 0);
 		-webkit-transform-origin: right center;
 		transform-origin: right center
 	}
 }

 .zoomOutRight {
 	-webkit-animation-name: zoomOutRight;
 	animation-name: zoomOutRight
 }

 @-webkit-keyframes zoomOutUp {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 		-webkit-transform-origin: center bottom;
 		transform-origin: center bottom;
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
 	}
 }

 @keyframes zoomOutUp {
 	40% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
 	}
 	to {
 		opacity: 0;
 		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 		-webkit-transform-origin: center bottom;
 		transform-origin: center bottom;
 		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
 	}
 }

 .zoomOutUp {
 	-webkit-animation-name: zoomOutUp;
 	animation-name: zoomOutUp
 }

 @-webkit-keyframes slideInDown {
 	from {
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 		visibility: visible
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes slideInDown {
 	from {
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0);
 		visibility: visible
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .slideInDown {
 	-webkit-animation-name: slideInDown;
 	animation-name: slideInDown
 }

 @-webkit-keyframes slideInLeft {
 	from {
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 		visibility: visible
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes slideInLeft {
 	from {
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0);
 		visibility: visible
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .slideInLeft {
 	-webkit-animation-name: slideInLeft;
 	animation-name: slideInLeft
 }

 @-webkit-keyframes slideInRight {
 	from {
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 		visibility: visible
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes slideInRight {
 	from {
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0);
 		visibility: visible
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .slideInRight {
 	-webkit-animation-name: slideInRight;
 	animation-name: slideInRight
 }

 @-webkit-keyframes slideInUp {
 	from {
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 		visibility: visible
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 @keyframes slideInUp {
 	from {
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0);
 		visibility: visible
 	}
 	to {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 }

 .slideInUp {
 	-webkit-animation-name: slideInUp;
 	animation-name: slideInUp
 }

 @-webkit-keyframes slideOutDown {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0)
 	}
 }

 @keyframes slideOutDown {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(0, 100%, 0);
 		transform: translate3d(0, 100%, 0)
 	}
 }

 .slideOutDown {
 	-webkit-animation-name: slideOutDown;
 	animation-name: slideOutDown
 }

 @-webkit-keyframes slideOutLeft {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0)
 	}
 }

 @keyframes slideOutLeft {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(-100%, 0, 0);
 		transform: translate3d(-100%, 0, 0)
 	}
 }

 .slideOutLeft {
 	-webkit-animation-name: slideOutLeft;
 	animation-name: slideOutLeft
 }

 @-webkit-keyframes slideOutRight {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0)
 	}
 }

 @keyframes slideOutRight {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(100%, 0, 0);
 		transform: translate3d(100%, 0, 0)
 	}
 }

 .slideOutRight {
 	-webkit-animation-name: slideOutRight;
 	animation-name: slideOutRight
 }

 @-webkit-keyframes slideOutUp {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0)
 	}
 }

 @keyframes slideOutUp {
 	from {
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0)
 	}
 	to {
 		visibility: hidden;
 		-webkit-transform: translate3d(0, -100%, 0);
 		transform: translate3d(0, -100%, 0)
 	}
 }

 .slideOutUp {
 	-webkit-animation-name: slideOutUp;
 	animation-name: slideOutUp
 }

 .animated {
 	-webkit-animation-duration: 1s;
 	animation-duration: 1s;
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both
 }

 .animated.infinite {
 	-webkit-animation-iteration-count: infinite;
 	animation-iteration-count: infinite
 }

 .animated.delay-1s {
 	-webkit-animation-delay: 1s;
 	animation-delay: 1s
 }

 .animated.delay-2s {
 	-webkit-animation-delay: 2s;
 	animation-delay: 2s
 }

 .animated.delay-3s {
 	-webkit-animation-delay: 3s;
 	animation-delay: 3s
 }

 .animated.delay-4s {
 	-webkit-animation-delay: 4s;
 	animation-delay: 4s
 }

 .animated.delay-5s {
 	-webkit-animation-delay: 5s;
 	animation-delay: 5s
 }

 .animated.fast {
 	-webkit-animation-duration: 800ms;
 	animation-duration: 800ms
 }

 .animated.faster {
 	-webkit-animation-duration: 500ms;
 	animation-duration: 500ms
 }

 .animated.slow {
 	-webkit-animation-duration: 2s;
 	animation-duration: 2s
 }

 .animated.slower {
 	-webkit-animation-duration: 3s;
 	animation-duration: 3s
 }

 @media (prefers-reduced-motion) {
 	.animated {
 		-webkit-animation: unset!important;
 		animation: unset!important;
 		-webkit-transition: none!important;
 		transition: none!important
 	}
 }

 .animated {
 	animation-duration: 1s;
 	animation-fill-mode: both
 }

 .animated.infinite {
 	animation-iteration-count: infinite
 }

 .animated.hinge {
 	animation-duration: 2s
 }

 .animated.bounceIn,
 .animated.bounceOut,
 .animated.flipOutX,
 .animated.flipOutY {
 	animation-duration: .75s
 }

 @keyframes bounce {
 	0%,
 	20%,
 	53%,
 	80%,
 	to {
 		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
 		transform: translateZ(0)
 	}
 	40%,
 	43% {
 		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 		transform: translate3d(0, -30px, 0)
 	}
 	70% {
 		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 		transform: translate3d(0, -15px, 0)
 	}
 	90% {
 		transform: translate3d(0, -4px, 0)
 	}
 }

 .bounce {
 	animation-name: bounce;
 	transform-origin: center bottom
 }

 @keyframes flash {
 	0%,
 	50%,
 	to {
 		opacity: 1
 	}
 	25%,
 	75% {
 		opacity: 0
 	}
 }

 .flash {
 	animation-name: flash
 }

 @keyframes pulse {
 	0% {
 		transform: scaleX(1)
 	}
 	50% {
 		transform: scale3d(1.05, 1.05, 1.05)
 	}
 	to {
 		transform: scaleX(1)
 	}
 }

 .pulse {
 	animation-name: pulse
 }

 @keyframes rubberBand {
 	0% {
 		transform: scaleX(1)
 	}
 	30% {
 		transform: scale3d(1.25, .75, 1)
 	}
 	40% {
 		transform: scale3d(.75, 1.25, 1)
 	}
 	50% {
 		transform: scale3d(1.15, .85, 1)
 	}
 	65% {
 		transform: scale3d(.95, 1.05, 1)
 	}
 	75% {
 		transform: scale3d(1.05, .95, 1)
 	}
 	to {
 		transform: scaleX(1)
 	}
 }

 .rubberBand {
 	animation-name: rubberBand
 }

 @keyframes shake {
 	0%,
 	to {
 		transform: translateZ(0)
 	}
 	10%,
 	30%,
 	50%,
 	70%,
 	90% {
 		transform: translate3d(-10px, 0, 0)
 	}
 	20%,
 	40%,
 	60%,
 	80% {
 		transform: translate3d(10px, 0, 0)
 	}
 }

 .shake {
 	animation-name: shake
 }

 @keyframes headShake {
 	0% {
 		transform: translateX(0)
 	}
 	6.5% {
 		transform: translateX(-6px) rotateY(-9deg)
 	}
 	18.5% {
 		transform: translateX(5px) rotateY(7deg)
 	}
 	31.5% {
 		transform: translateX(-3px) rotateY(-5deg)
 	}
 	43.5% {
 		transform: translateX(2px) rotateY(3deg)
 	}
 	50% {
 		transform: translateX(0)
 	}
 }

 .headShake {
 	animation-timing-function: ease-in-out;
 	animation-name: headShake
 }

 @keyframes swing {
 	20% {
 		transform: rotate(15deg)
 	}
 	40% {
 		transform: rotate(-10deg)
 	}
 	60% {
 		transform: rotate(5deg)
 	}
 	80% {
 		transform: rotate(-5deg)
 	}
 	to {
 		transform: rotate(0deg)
 	}
 }

 .swing {
 	transform-origin: top center;
 	animation-name: swing
 }

 @keyframes tada {
 	0% {
 		transform: scaleX(1)
 	}
 	10%,
 	20% {
 		transform: scale3d(.9, .9, .9) rotate(-3deg)
 	}
 	30%,
 	50%,
 	70%,
 	90% {
 		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
 	}
 	40%,
 	60%,
 	80% {
 		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
 	}
 	to {
 		transform: scaleX(1)
 	}
 }

 .tada {
 	animation-name: tada
 }

 @keyframes wobble {
 	0% {
 		transform: none
 	}
 	15% {
 		transform: translate3d(-25%, 0, 0) rotate(-5deg)
 	}
 	30% {
 		transform: translate3d(20%, 0, 0) rotate(3deg)
 	}
 	45% {
 		transform: translate3d(-15%, 0, 0) rotate(-3deg)
 	}
 	60% {
 		transform: translate3d(10%, 0, 0) rotate(2deg)
 	}
 	75% {
 		transform: translate3d(-5%, 0, 0) rotate(-1deg)
 	}
 	to {
 		transform: none
 	}
 }

 .wobble {
 	animation-name: wobble
 }

 @keyframes jello {
 	0%,
 	11.1%,
 	to {
 		transform: none
 	}
 	22.2% {
 		transform: skewX(-12.5deg) skewY(-12.5deg)
 	}
 	33.3% {
 		transform: skewX(6.25deg) skewY(6.25deg)
 	}
 	44.4% {
 		transform: skewX(-3.125deg) skewY(-3.125deg)
 	}
 	55.5% {
 		transform: skewX(1.5625deg) skewY(1.5625deg)
 	}
 	66.6% {
 		transform: skewX(-.78125deg) skewY(-.78125deg)
 	}
 	77.7% {
 		transform: skewX(.390625deg) skewY(.390625deg)
 	}
 	88.8% {
 		transform: skewX(-.1953125deg) skewY(-.1953125deg)
 	}
 }

 .jello {
 	animation-name: jello;
 	transform-origin: center
 }

 @keyframes bounceIn {
 	0%,
 	20%,
 	40%,
 	60%,
 	80%,
 	to {
 		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 	}
 	0% {
 		opacity: 0;
 		transform: scale3d(.3, .3, .3)
 	}
 	20% {
 		transform: scale3d(1.1, 1.1, 1.1)
 	}
 	40% {
 		transform: scale3d(.9, .9, .9)
 	}
 	60% {
 		opacity: 1;
 		transform: scale3d(1.03, 1.03, 1.03)
 	}
 	80% {
 		transform: scale3d(.97, .97, .97)
 	}
 	to {
 		opacity: 1;
 		transform: scaleX(1)
 	}
 }

 .bounceIn {
 	animation-name: bounceIn
 }

 @keyframes bounceInDown {
 	0%,
 	60%,
 	75%,
 	90%,
 	to {
 		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 	}
 	0% {
 		opacity: 0;
 		transform: translate3d(0, -3000px, 0)
 	}
 	60% {
 		opacity: 1;
 		transform: translate3d(0, 25px, 0)
 	}
 	75% {
 		transform: translate3d(0, -10px, 0)
 	}
 	90% {
 		transform: translate3d(0, 5px, 0)
 	}
 	to {
 		transform: none
 	}
 }

 .bounceInDown {
 	animation-name: bounceInDown
 }

 @keyframes bounceInLeft {
 	0%,
 	60%,
 	75%,
 	90%,
 	to {
 		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 	}
 	0% {
 		opacity: 0;
 		transform: translate3d(-3000px, 0, 0)
 	}
 	60% {
 		opacity: 1;
 		transform: translate3d(25px, 0, 0)
 	}
 	75% {
 		transform: translate3d(-10px, 0, 0)
 	}
 	90% {
 		transform: translate3d(5px, 0, 0)
 	}
 	to {
 		transform: none
 	}
 }

 .bounceInLeft {
 	animation-name: bounceInLeft
 }

 @keyframes bounceInRight {
 	0%,
 	60%,
 	75%,
 	90%,
 	to {
 		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 	}
 	0% {
 		opacity: 0;
 		transform: translate3d(3000px, 0, 0)
 	}
 	60% {
 		opacity: 1;
 		transform: translate3d(-25px, 0, 0)
 	}
 	75% {
 		transform: translate3d(10px, 0, 0)
 	}
 	90% {
 		transform: translate3d(-5px, 0, 0)
 	}
 	to {
 		transform: none
 	}
 }

 .bounceInRight {
 	animation-name: bounceInRight
 }

 @keyframes bounceInUp {
 	0%,
 	60%,
 	75%,
 	90%,
 	to {
 		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
 	}
 	0% {
 		opacity: 0;
 		transform: translate3d(0, 3000px, 0)
 	}
 	60% {
 		opacity: 1;
 		transform: translate3d(0, -20px, 0)
 	}
 	75% {
 		transform: translate3d(0, 10px, 0)
 	}
 	90% {
 		transform: translate3d(0, -5px, 0)
 	}
 	to {
 		transform: translateZ(0)
 	}
 }

 .bounceInUp {
 	animation-name: bounceInUp
 }

 @keyframes bounceOut {
 	20% {
 		transform: scale3d(.9, .9, .9)
 	}
 	50%,
 	55% {
 		opacity: 1;
 		transform: scale3d(1.1, 1.1, 1.1)
 	}
 	to {
 		opacity: 0;
 		transform: scale3d(.3, .3, .3)
 	}
 }

 .bounceOut {
 	animation-name: bounceOut
 }

 @keyframes bounceOutDown {
 	20% {
 		transform: translate3d(0, 10px, 0)
 	}
 	40%,
 	45% {
 		opacity: 1;
 		transform: translate3d(0, -20px, 0)
 	}
 	to {
 		opacity: 0;
 		transform: translate3d(0, 2000px, 0)
 	}
 }

 .bounceOutDown {
 	animation-name: bounceOutDown
 }

 @keyframes bounceOutLeft {
 	20% {
 		opacity: 1;
 		transform: translate3d(20px, 0, 0)
 	}
 	to {
 		opacity: 0;
 		transform: translate3d(-2000px, 0, 0)
 	}
 }

 .bounceOutLeft {
 	animation-name: bounceOutLeft
 }

 @keyframes bounceOutRight {
 	20% {
 		opacity: 1;
 		transform: translate3d(-20px, 0, 0)
 	}
 	to {
 		opacity: 0;
 		transform: translate3d(2000px, 0, 0)
 	}
 }

 .bounceOutRight {
 	animation-name: bounceOutRight
 }

 @keyframes bounceOutUp {
 	20% {
 		transform: translate3d(0, -10px, 0)
 	}
 	40%,
 	45% {
 		opacity: 1;
 		transform: translate3d(0, 20px, 0)
 	}
 	to {
 		opacity: 0;
 		transform: translate3d(0, -2000px, 0)
 	}
 }

 .bounceOutUp {
 	animation-name: bounceOutUp
 }

 @keyframes fadeIn {
 	0% {
 		opacity: 0
 	}
 	to {
 		opacity: 1
 	}
 }

 .fadeIn {
 	animation-name: fadeIn
 }

 @keyframes fadeInDown {
 	0% {
 		opacity: 0;
 		transform: translate3d(0, -100%, 0)
 	}
 	to {
 		opacity: 1;
 		transform: none
 	}
 }

 .fadeInDown {
 	animation-name: fadeInDown
 }

 @keyframes fadeInDownBig {
 	0% {
 		opacity: 0;
 		transform: translate3d(0, -2000px, 0)
 	}
 	to {
 		opacity: 1;
 		transform: none
 	}
 }

 .fadeInDownBig {
 	animation-name: fadeInDownBig
 }

 @keyframes fadeInLeft {
 	0% {
 		opacity: 0;
 		transform: translate3d(-100%, 0, 0)
 	}
 	to {
 		opacity: 1;
 		transform: none
 	}
 }

 .fadeInLeft {
 	animation-name: fadeInLeft
 }

 @keyframes fadeInLeftBig {
 	0% {
 		opacity: 0;
 		transform: translate3d(-2000px, 0, 0)
 	}
 	to {
 		opacity: 1;
 		transform: none
 	}
 }

 .fadeInLeftBig {
 	animation-name: fadeInLeftBig
 }

 @keyframes fadeInRight {
 	0% {
 		opacity: 0;
 		transform: translate3d(100%, 0, 0)
 	}
 	to {
 		opacity: 1;
 		transform: none
 	}
 }

 .fadeInRight {
 	animation-name: fadeInRight
 }

 @keyframes fadeInRightBig {
 	0% {
 		opacity: 0;
 		transform: translate3d(2000px, 0, 0)
 	}
 	to {
 		opacity: 1;
 		transform: none
 	}
 }

 .fadeInRightBig {
 	animation-name: fadeInRightBig
 }

 @keyframes fadeInUp {
 	0% {
 		opacity: 0;
 		transform: translate3d(0, 100%, 0)
 	}
 	to {
 		opacity: 1;
 		transform: none
 	}
 }

 .fadeInUp {
 	animation-name: fadeInUp
 }

 @keyframes fadeInUpBig {
 	0% {
 		opacity: 0;
 		transform: translate3d(0, 2000px, 0)
 	}
 	to {
 		opacity: 1;
 		transform: none
 	}
 }

 .fadeInUpBig {
 	animation-name: fadeInUpBig
 }

 @keyframes fadeOut {
 	0% {
 		opacity: 1
 	}
 	to {
 		opacity: 0
 	}
 }

 .fadeOut {
 	animation-name: fadeOut
 }

 @keyframes fadeOutDown {
 	0% {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		transform: translate3d(0, 100%, 0)
 	}
 }

 .fadeOutDown {
 	animation-name: fadeOutDown
 }

 @keyframes fadeOutDownBig {
 	0% {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		transform: translate3d(0, 2000px, 0)
 	}
 }

 .fadeOutDownBig {
 	animation-name: fadeOutDownBig
 }

 @keyframes fadeOutLeft {
 	0% {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		transform: translate3d(-100%, 0, 0)
 	}
 }

 .fadeOutLeft {
 	animation-name: fadeOutLeft
 }

 @keyframes fadeOutLeftBig {
 	0% {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		transform: translate3d(-2000px, 0, 0)
 	}
 }

 .fadeOutLeftBig {
 	animation-name: fadeOutLeftBig
 }

 @keyframes fadeOutRight {
 	0% {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		transform: translate3d(100%, 0, 0)
 	}
 }

 .fadeOutRight {
 	animation-name: fadeOutRight
 }

 @keyframes fadeOutRightBig {
 	0% {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		transform: translate3d(2000px, 0, 0)
 	}
 }

 .fadeOutRightBig {
 	animation-name: fadeOutRightBig
 }

 @keyframes fadeOutUp {
 	0% {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		transform: translate3d(0, -100%, 0)
 	}
 }

 .fadeOutUp {
 	animation-name: fadeOutUp
 }

 @keyframes fadeOutUpBig {
 	0% {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		transform: translate3d(0, -2000px, 0)
 	}
 }

 .fadeOutUpBig {
 	animation-name: fadeOutUpBig
 }

 @keyframes flip {
 	0% {
 		transform: perspective(400px) rotateY(-1turn);
 		animation-timing-function: ease-out
 	}
 	40% {
 		transform: perspective(400px) translateZ(150px) rotateY(-190deg);
 		animation-timing-function: ease-out
 	}
 	50% {
 		transform: perspective(400px) translateZ(150px) rotateY(-170deg);
 		animation-timing-function: ease-in
 	}
 	80% {
 		transform: perspective(400px) scale3d(.95, .95, .95);
 		animation-timing-function: ease-in
 	}
 	to {
 		transform: perspective(400px);
 		animation-timing-function: ease-in
 	}
 }

 .animated.flip {
 	-webkit-backface-visibility: visible;
 	backface-visibility: visible;
 	animation-name: flip
 }

 @keyframes flipInX {
 	0% {
 		transform: perspective(400px) rotateX(90deg);
 		animation-timing-function: ease-in;
 		opacity: 0
 	}
 	40% {
 		transform: perspective(400px) rotateX(-20deg);
 		animation-timing-function: ease-in
 	}
 	60% {
 		transform: perspective(400px) rotateX(10deg);
 		opacity: 1
 	}
 	80% {
 		transform: perspective(400px) rotateX(-5deg)
 	}
 	to {
 		transform: perspective(400px)
 	}
 }

 .flipInX {
 	-webkit-backface-visibility: visible!important;
 	backface-visibility: visible!important;
 	animation-name: flipInX
 }

 @keyframes flipInY {
 	0% {
 		transform: perspective(400px) rotateY(90deg);
 		animation-timing-function: ease-in;
 		opacity: 0
 	}
 	40% {
 		transform: perspective(400px) rotateY(-20deg);
 		animation-timing-function: ease-in
 	}
 	60% {
 		transform: perspective(400px) rotateY(10deg);
 		opacity: 1
 	}
 	80% {
 		transform: perspective(400px) rotateY(-5deg)
 	}
 	to {
 		transform: perspective(400px)
 	}
 }

 .flipInY {
 	-webkit-backface-visibility: visible!important;
 	backface-visibility: visible!important;
 	animation-name: flipInY
 }

 @keyframes flipOutX {
 	0% {
 		transform: perspective(400px)
 	}
 	30% {
 		transform: perspective(400px) rotateX(-20deg);
 		opacity: 1
 	}
 	to {
 		transform: perspective(400px) rotateX(90deg);
 		opacity: 0
 	}
 }

 .flipOutX {
 	animation-name: flipOutX;
 	-webkit-backface-visibility: visible!important;
 	backface-visibility: visible!important
 }

 @keyframes flipOutY {
 	0% {
 		transform: perspective(400px)
 	}
 	30% {
 		transform: perspective(400px) rotateY(-15deg);
 		opacity: 1
 	}
 	to {
 		transform: perspective(400px) rotateY(90deg);
 		opacity: 0
 	}
 }

 .flipOutY {
 	-webkit-backface-visibility: visible!important;
 	backface-visibility: visible!important;
 	animation-name: flipOutY
 }

 @keyframes lightSpeedIn {
 	0% {
 		transform: translate3d(100%, 0, 0) skewX(-30deg);
 		opacity: 0
 	}
 	60% {
 		transform: skewX(20deg);
 		opacity: 1
 	}
 	80% {
 		transform: skewX(-5deg);
 		opacity: 1
 	}
 	to {
 		transform: none;
 		opacity: 1
 	}
 }

 .lightSpeedIn {
 	animation-name: lightSpeedIn;
 	animation-timing-function: ease-out
 }

 @keyframes lightSpeedOut {
 	0% {
 		opacity: 1
 	}
 	to {
 		transform: translate3d(100%, 0, 0) skewX(30deg);
 		opacity: 0
 	}
 }

 .lightSpeedOut {
 	animation-name: lightSpeedOut;
 	animation-timing-function: ease-in
 }

 @keyframes rotateIn {
 	0% {
 		transform-origin: center;
 		transform: rotate(-200deg);
 		opacity: 0
 	}
 	to {
 		transform-origin: center;
 		transform: none;
 		opacity: 1
 	}
 }

 .rotateIn {
 	animation-name: rotateIn
 }

 @keyframes rotateInDownLeft {
 	0% {
 		transform-origin: left bottom;
 		transform: rotate(-45deg);
 		opacity: 0
 	}
 	to {
 		transform-origin: left bottom;
 		transform: none;
 		opacity: 1
 	}
 }

 .rotateInDownLeft {
 	animation-name: rotateInDownLeft
 }

 @keyframes rotateInDownRight {
 	0% {
 		transform-origin: right bottom;
 		transform: rotate(45deg);
 		opacity: 0
 	}
 	to {
 		transform-origin: right bottom;
 		transform: none;
 		opacity: 1
 	}
 }

 .rotateInDownRight {
 	animation-name: rotateInDownRight
 }

 @keyframes rotateInUpLeft {
 	0% {
 		transform-origin: left bottom;
 		transform: rotate(45deg);
 		opacity: 0
 	}
 	to {
 		transform-origin: left bottom;
 		transform: none;
 		opacity: 1
 	}
 }

 .rotateInUpLeft {
 	animation-name: rotateInUpLeft
 }

 @keyframes rotateInUpRight {
 	0% {
 		transform-origin: right bottom;
 		transform: rotate(-90deg);
 		opacity: 0
 	}
 	to {
 		transform-origin: right bottom;
 		transform: none;
 		opacity: 1
 	}
 }

 .rotateInUpRight {
 	animation-name: rotateInUpRight
 }

 @keyframes rotateOut {
 	0% {
 		transform-origin: center;
 		opacity: 1
 	}
 	to {
 		transform-origin: center;
 		transform: rotate(200deg);
 		opacity: 0
 	}
 }

 .rotateOut {
 	animation-name: rotateOut
 }

 @keyframes rotateOutDownLeft {
 	0% {
 		transform-origin: left bottom;
 		opacity: 1
 	}
 	to {
 		transform-origin: left bottom;
 		transform: rotate(45deg);
 		opacity: 0
 	}
 }

 .rotateOutDownLeft {
 	animation-name: rotateOutDownLeft
 }

 @keyframes rotateOutDownRight {
 	0% {
 		transform-origin: right bottom;
 		opacity: 1
 	}
 	to {
 		transform-origin: right bottom;
 		transform: rotate(-45deg);
 		opacity: 0
 	}
 }

 .rotateOutDownRight {
 	animation-name: rotateOutDownRight
 }

 @keyframes rotateOutUpLeft {
 	0% {
 		transform-origin: left bottom;
 		opacity: 1
 	}
 	to {
 		transform-origin: left bottom;
 		transform: rotate(-45deg);
 		opacity: 0
 	}
 }

 .rotateOutUpLeft {
 	animation-name: rotateOutUpLeft
 }

 @keyframes rotateOutUpRight {
 	0% {
 		transform-origin: right bottom;
 		opacity: 1
 	}
 	to {
 		transform-origin: right bottom;
 		transform: rotate(90deg);
 		opacity: 0
 	}
 }

 .rotateOutUpRight {
 	animation-name: rotateOutUpRight
 }

 @keyframes hinge {
 	0% {
 		transform-origin: top left;
 		animation-timing-function: ease-in-out
 	}
 	20%,
 	60% {
 		transform: rotate(80deg);
 		transform-origin: top left;
 		animation-timing-function: ease-in-out
 	}
 	40%,
 	80% {
 		transform: rotate(60deg);
 		transform-origin: top left;
 		animation-timing-function: ease-in-out;
 		opacity: 1
 	}
 	to {
 		transform: translate3d(0, 700px, 0);
 		opacity: 0
 	}
 }

 .hinge {
 	animation-name: hinge
 }

 @keyframes jackInTheBox {
 	0% {
 		opacity: 0;
 		transform: scale(.1) rotate(30deg);
 		transform-origin: center bottom
 	}
 	50% {
 		transform: rotate(-10deg)
 	}
 	70% {
 		transform: rotate(3deg)
 	}
 	to {
 		opacity: 1;
 		transform: scale(1)
 	}
 }

 .jackInTheBox {
 	animation-name: jackInTheBox
 }

 @keyframes rollIn {
 	0% {
 		opacity: 0;
 		transform: translate3d(-100%, 0, 0) rotate(-120deg)
 	}
 	to {
 		opacity: 1;
 		transform: none
 	}
 }

 .rollIn {
 	animation-name: rollIn
 }

 @keyframes rollOut {
 	0% {
 		opacity: 1
 	}
 	to {
 		opacity: 0;
 		transform: translate3d(100%, 0, 0) rotate(120deg)
 	}
 }

 .rollOut {
 	animation-name: rollOut
 }

 @keyframes zoomIn {
 	0% {
 		opacity: 0;
 		transform: scale3d(.3, .3, .3)
 	}
 	50% {
 		opacity: 1
 	}
 }

 .zoomIn {
 	animation-name: zoomIn
 }

 @keyframes zoomInDown {
 	0% {
 		opacity: 0;
 		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
 		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 	}
 	60% {
 		opacity: 1;
 		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 	}
 }

 .zoomInDown {
 	animation-name: zoomInDown
 }

 @keyframes zoomInLeft {
 	0% {
 		opacity: 0;
 		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
 		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 	}
 	60% {
 		opacity: 1;
 		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
 		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 	}
 }

 .zoomInLeft {
 	animation-name: zoomInLeft
 }

 @keyframes zoomInRight {
 	0% {
 		opacity: 0;
 		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
 		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 	}
 	60% {
 		opacity: 1;
 		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
 		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 	}
 }

 .zoomInRight {
 	animation-name: zoomInRight
 }

 @keyframes zoomInUp {
 	0% {
 		opacity: 0;
 		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
 		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 	}
 	60% {
 		opacity: 1;
 		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 	}
 }

 .zoomInUp {
 	animation-name: zoomInUp
 }

 @keyframes zoomOut {
 	0% {
 		opacity: 1
 	}
 	50% {
 		opacity: 0;
 		transform: scale3d(.3, .3, .3)
 	}
 	to {
 		opacity: 0
 	}
 }

 .zoomOut {
 	animation-name: zoomOut
 }

 @keyframes zoomOutDown {
 	40% {
 		opacity: 1;
 		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
 		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 	}
 	to {
 		opacity: 0;
 		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
 		transform-origin: center bottom;
 		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 	}
 }

 .zoomOutDown {
 	animation-name: zoomOutDown
 }

 @keyframes zoomOutLeft {
 	40% {
 		opacity: 1;
 		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
 	}
 	to {
 		opacity: 0;
 		transform: scale(.1) translate3d(-2000px, 0, 0);
 		transform-origin: left center
 	}
 }

 .zoomOutLeft {
 	animation-name: zoomOutLeft
 }

 @keyframes zoomOutRight {
 	40% {
 		opacity: 1;
 		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
 	}
 	to {
 		opacity: 0;
 		transform: scale(.1) translate3d(2000px, 0, 0);
 		transform-origin: right center
 	}
 }

 .zoomOutRight {
 	animation-name: zoomOutRight
 }

 @keyframes zoomOutUp {
 	40% {
 		opacity: 1;
 		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
 		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
 	}
 	to {
 		opacity: 0;
 		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
 		transform-origin: center bottom;
 		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
 	}
 }

 .zoomOutUp {
 	animation-name: zoomOutUp
 }

 @keyframes slideInDown {
 	0% {
 		transform: translate3d(0, -100%, 0);
 		visibility: visible
 	}
 	to {
 		transform: translateZ(0)
 	}
 }

 .slideInDown {
 	animation-name: slideInDown
 }

 @keyframes slideInLeft {
 	0% {
 		transform: translate3d(-100%, 0, 0);
 		visibility: visible
 	}
 	to {
 		transform: translateZ(0)
 	}
 }

 .slideInLeft {
 	animation-name: slideInLeft
 }

 @keyframes slideInRight {
 	0% {
 		transform: translate3d(100%, 0, 0);
 		visibility: visible
 	}
 	to {
 		transform: translateZ(0)
 	}
 }

 .slideInRight {
 	animation-name: slideInRight
 }

 @keyframes slideInUp {
 	0% {
 		transform: translate3d(0, 100%, 0);
 		visibility: visible
 	}
 	to {
 		transform: translateZ(0)
 	}
 }

 .slideInUp {
 	animation-name: slideInUp
 }

 @keyframes slideOutDown {
 	0% {
 		transform: translateZ(0)
 	}
 	to {
 		visibility: hidden;
 		transform: translate3d(0, 100%, 0)
 	}
 }

 .slideOutDown {
 	animation-name: slideOutDown
 }

 @keyframes slideOutLeft {
 	0% {
 		transform: translateZ(0)
 	}
 	to {
 		visibility: hidden;
 		transform: translate3d(-100%, 0, 0)
 	}
 }

 .slideOutLeft {
 	animation-name: slideOutLeft
 }

 @keyframes slideOutRight {
 	0% {
 		transform: translateZ(0)
 	}
 	to {
 		visibility: hidden;
 		transform: translate3d(100%, 0, 0)
 	}
 }

 .slideOutRight {
 	animation-name: slideOutRight
 }

 @keyframes slideOutUp {
 	0% {
 		transform: translateZ(0)
 	}
 	to {
 		visibility: hidden;
 		transform: translate3d(0, -100%, 0)
 	}
 }

 .slideOutUp {
 	animation-name: slideOutUp
 }

 @keyframes specialflip {
 	from {
 		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 		animation-timing-function: ease-out;
 	}
 	40% {
 		transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -190deg);
 		animation-timing-function: ease-out;
 	}
 	50% {
 		transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -170deg);
 		animation-timing-function: ease-in;
 	}
 	80% {
 		transform: perspective(400px) scale3d(1, 1, 1);
 		animation-timing-function: ease-in;
 	}
 	to {
 		transform: perspective(400px);
 		animation-timing-function: ease-in;
 	}
 }

 .animated.specialflip {
 	-webkit-backface-visibility: visible;
 	backface-visibility: visible;
 	animation-name: specialflip;
 }

 @keyframes specialpulse {
 	from {
 		transform: scale3d(1, 1, 1);
 	}
 	50% {
 		transform: scale3d(1.25, 1.25, 1.25);
 	}
 	to {
 		transform: scale3d(1, 1, 1);
 	}
 }

 .specialpulse {
 	animation-name: specialpulse;
 }

 button#responsive-menu-button {
 	background: none!important;
 }

 button#responsive-menu-button:hover .responsive-menu-inner,
 button#responsive-menu-button:hover .responsive-menu-inner::before,
 button#responsive-menu-button:hover .responsive-menu-inner::after,
 button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner,
 button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::before,
 button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::after,
 button#responsive-menu-button:focus .responsive-menu-inner,
 button#responsive-menu-button:focus .responsive-menu-inner::before,
 button#responsive-menu-button:focus .responsive-menu-inner::after,
 button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner,
 button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::before,
 button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::after {
 	background-color: none!important;
 }

 /* SHORTCODES */

 .block_vignette {
 	.photo_block_vignette {
		// border-radius:10px;
		margin-bottom:20px;
		max-width:100%!important;
	}
	.subtitle_vignette {
		margin-top:5px;
	}
}

.slider_4_vignette_wrapper {
	margin-top:10px;
	width: calc(100% + 40px);
	@media (max-width: 1024px) {
		.max_width_padding();
	}
	position:relative;
	.photo_block_vignette {
		width: 235px;
		height:280px;
		object-fit:cover;
		object-position: center center;
	}
	.subtitle_vignette, .title_vignette {
		width:236Px;
		max-width: 100%;
	}
	.slider_4_vignette {
		margin-right: 20px;
	}
	.controls {
		@media (max-width: 767px) {
			display:none;
		}
		width: 1000px;
		margin-top: -235px;
		height: 30px;
		z-index: 99;
		position: absolute;
		.prev {

			float:left;
			width: 38px;
			height: 38px;
			background-image:url(../img/svg/old/arrow-left.svg);
			background-size:contain;
			position: relative;
			left: -20px;
			&.slick-disabled {
				display:none!important;;
				// background:url(../img/svg/old/arrow-left-disable.svg);
			}
		}
		.next {
			cursor:pointer;
			float:right;
			position: relative;
			left: 20px;
			width: 38px;
			height: 38px;
			background-image:url(../img/svg/old/arrow-right.svg);
			background-size:contain;
			&.slick-disabled {
				display:none!important;;
				//background:url(../img/svg/old/arrow-right-disable.svg);
			}
		}
	}

}

.block_3_vignette_wrapper {

	.block_3_vignette.col-4 {
		position: relative;
		
	}


	@media (max-width:768px) {
		width: calc(100% + 70px);
		margin-left: -30px;
	}

	.container .row {
		@media (min-width:768px) {
			.col-4:first-child {
			// margin-left:0!important;
		}
		.col-4:last-child {
			// margin-right:0!important;
		}
		.col-4 {
			// margin:0.5rem 2.3%;
		}
	}
	.block_vignette {
		width: 320px;
		max-width:100%;
		@media (max-width:768px) {
			margin:auto;
			width: 100%;
		}
	}
}
position:relative;
margin-bottom: 80px;
.title_vignette {
	color:@white;
	position: absolute;
	width: 215px;
	margin-left: 20px;
	bottom: 50px;
}
.arrow_gold {
	width: 45px;
	background-image:url(../img/svg/arrow-right-gold.svg);
	height:45px;
	margin-left: 22%;
	border-radius:100%;
	background-color:@gold;
	position:absolute;
	bottom:0;
	right: 30px;
}
}

.slider_50_50 {
	position:relative;
	width: 1000px;
	margin: auto;
	margin-top: 80px;
	margin-bottom: 80px;
	.max_width_padding();
	.slide {

		@media (min-width:768px) {
			display: flex;
		}

		height: auto;
		border-radius: 10px;
		overflow: hidden;
		> div {
			width: 100%;
		}
		.left {
			width: 50%;
			height:100%;
			position:relative;
			float:left;
			color:@white;
			background-size: cover;
			background-position: center center;

			.title_vignette {
				position: absolute;
				bottom: 35px;
				left: 30px;
				max-width:100%!important;
			}
			.subtitle_vignette {
				position: absolute;
				bottom: 15px;
				left: 30px;
				max-width:100%!important;
			}

			p {
				color:@white;
				max-width:100%!important;
			}
		}
		.right {
			width: 50%;
			float:right;
			height:100%;
			> div {
				padding : 50px 100px;
				@media (max-width:1024px) {
					padding : 50px 8vw;
				}
				* {
					max-width:100%!important;
				}
				> *:last-child {
					margin-bottom:0;
				}
			}

			* {
				color:inherit;
			}
		}
		@media (max-width:767px) {
			.left, .right {
				width: 100%;
				float:none;
			}
			.left {
				height:300px;
			}
			.slider_50_50 .slide .right > div {
				padding: 50px 30px;
			}
		}
	}
	.controls {
		@media (max-width:767px) {
			display:none;
		}
		width: 1000px;
		top: 50%;
		left:50%;
		position: absolute;
		transform: translate(-50%, -50%);
		height: 30px;
		z-index: 99;
		position: absolute;
		.prev {

			float:left;
			width: 38px;
			height: 38px;
			background-image:url(../img/svg/old/arrow-left.svg);
			background-size:contain;
			position: relative;
			left: -20px;
			&.slick-disabled {
				display:none!important;;
				// background:url(../img/svg/old/arrow-left-disable.svg);
			}
		}
		.next {
			cursor:pointer;
			float:right;
			position: relative;
			left: 20px;
			width: 38px;
			height: 38px;
			background-image:url(../img/svg/old/arrow-right.svg);
			background-size:contain;
			&.slick-disabled {
				display:none!important;
				//background:url(../img/svg/old/arrow-right-disable.svg);
			}
		}
	}
}

.block_contenu_collaborateurs {
	width: 1000px;
	margin: auto;
	position:relative;
	margin-bottom:220px;
	.max_width_padding();
	.left {
		min-height:339px;
		width: 50%;
		height:100%;
		position:relative;
		float:left;
		@media (max-width:767px) {
			width: 100%;
			float:none;
			> div {
				width: 100%;
				position: static;
				transform: none;
				height: auto!important;
			}
		}
		> div {
			width:350px;
			max-width:100%;
			position: absolute;
			top: 50%;
			transform: translate(0%, -50%);
			* {
				max-width:100%!important;
				@media (max-width:769px) {
					padding-right:20px;
				}
			}
		}
		@media (max-width:767px) {
			width: 100%;
			float:none;
			height: auto!important;
			min-height:0;
			margin-bottom: 40px;
			> div {
				width: 100%;
				position: static;
				transform: none;
				height: auto!important;
			}
		}
	}
	.right {
		width: 50%;
		float:right;
		height:100%;
		@media (max-width:767px) {
			width: 100%;
			float:none;
		}
		.bcc_slider_heighter {
			min-height:410px;
		}

		.bcc_slider_wrapper {
			position: absolute;
			top: 50%;
			left: 58%;
			width: 46vw;
			overflow:hidden;
			margin-top:calc(-339px / 2);
		}
		.bcc_slider_wrapper:after {
    		// content: "";
    		/* background: blue; */
    		width: 70px;
    		height: 100%;
    		position: absolute;
    		right: 0;
    		top: 0;
    		background-image: linear-gradient(
    			-90deg
    			, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.70) 43%, #FFFFFF 85%);
    		transform: rotate(
    			180deg
    			);
    		@media (max-width:767px) {
    			display:none;
    		}
    	}

    	.bcc_slider {
    		width: 115%;
    		height:100%;
    	}
    	.block_vignette {
    		margin-right: 20px;
    	}

    	.photo_block_vignette {
    		width: 280px;
    		height:380px;
    		object-fit:cover;
    		object-position: center center;
    		margin-left:0;
    	}
    	.title_vignette {
    		position: absolute;
    		width: 215px;
    		margin-left: 20px;
    		bottom: 50px;
    	}
    	@media (max-width:767px) {
    		height: auto!important;
    		width:calc(100% + 40px);
    		.bcc_slider_heighter {
    			display:none;
    		}
    		.bcc_slider_wrapper {
    			position: static;
    			width: 100%;
    			margin-top:0;
    		}
    	}

    	.arrow_gold {
    		width: 45px;
    		background-image:url(../img/svg/arrow-right-gold.svg);
    		height:45px;
    		margin-left: 190px;
    		border-radius:100%;
    		background-color:@gold;
    		position:absolute;
    		bottom:0;
    	}
    }

    .controls {
    	display:none;
    	pointer-events:none;
    	> div {
    		pointer-events:all;
    	}
    	@media (max-width:767px) {
    		display:none;
    	}
    	margin-top: 140px;
    	width: calc(50vw - 50px);
    	margin-left: 20px;
    	position: absolute;
    	transform: translate(0px, -50%);
    	height: 30px;
    	z-index: 99;
    	position: absolute;
    	.prev {

    		float:left;
    		width: 38px;
    		height: 38px;
    		background-image:url(../img/svg/old/arrow-left.svg);
    		background-size:contain;
    		position: relative;
    		left: -20px;
    		&.slick-disabled {
    			display:none!important;;
				// background:url(../img/svg/old/arrow-left-disable.svg);
			}
		}
		.next {
			cursor:pointer;
			float:right;
			position: relative;
			left: 20px;
			width: 38px;
			height: 38px;
			background-image:url(../img/svg/old/arrow-right.svg);
			background-size:contain;
			&.slick-disabled {
				display:none!important;
				//background:url(../img/svg/old/arrow-right-disable.svg);
			}
		}
	}
}

.block_contenu_collaborateurs_black_background {
	background:@black;
	position:absolute;
	left:0;
	height:500px;
	width:960px;
	// margin-top: 80px;
	@media (max-width:767px) {
		    margin-top: 50px;
		    min-width: 100%;
		    height: auto!important;
		    min-height: 450px;
	}
}

.catalogue_wrapper {
	text-align:left;
	h2, h3, p {
		text-align:left;
	}
	margin-top:110px;
    @media (max-width:768px) {
        margin-top:170px;
    }
	.title_vignette {
		width: 235Px;
		margin: auto;
		max-width: 100%!important;
	}

}

.block_image *:not(.btn) {
	text-align: left;
}

.slider_bien_wrapper {
	width:@size_of_wrapper;
	max-width:100%;
	.max_width_padding();
	margin:auto;
	position:relative;
	height: 307px;
	margin-bottom:80px;
	margin-top: 40px;

	.slider_bien_heighter {
		height:307px;
	}

	.slider_bien_inner_wrapper
	{
		height: 307px;
		position:absolute;
		width:100%;
		top:0;
	//	background:black;
	overflow:hidden;
}
.slider_bien_inner_wrapper_slider {
	width: 110%;
	.slide {
		width: 238px!important;
		height: 307px;
		margin-right:20px;
		background:black;
		border-radius:10px;
		&.invisible {
			background:transparent;
		}
	}
}

.controls {
	@media (max-width:767px) {
		display:none;
	}
	width: 1000px;

	top: -60px;

	height: 30px;
	z-index: 99;
	position: absolute;
	.prev {

		float:right;
		width: 38px;
		height: 38px;
		background-image:url(../img/svg/old/arrow-left-active.svg);
		background-size:contain;
		position: relative;
		right: 70px;
		&.slick-disabled {
	    		//display:none!important;;
	    		background-image:url(../img/svg/old/arrow-left-disable.svg);
	    		background-size:38px 38px;
	    	}
	    }
	    .next {
	    	cursor:pointer;
	    	float:right;
	    	position: relative;
	    	left: 20px;
	    	width: 38px;
	    	height: 38px;
	    	background-image:url(../img/svg/old/arrow-right-active.svg);
	    	background-size:contain;
	    	&.slick-disabled {
				//display:none!important;;
				background-image:url(../img/svg/old/arrow-right-disable.svg);
				background-size:38px 38px;
			}
		}
	}

}

.subfooter {
	margin-bottom:80px;
	.inner_subfooter {
		text-align:center;
		padding-top:80px;
		.max_width_padding();
		margin:auto;
		h3 {
			margin-top:20px;
			margin-bottom:20px;
		}
	}

}

footer.footer *
{
	// max-width: 100%;
}
footer.footer {
	height:auto;
	background:@white;
	color:@black;
	padding-top:50px;
	padding-bottom:50px;

	text-align:center

	a, h3 {
		color:@black;
	}
	.inline_menu_footer {
		width: 590px;
		.max_width_padding();
		margin: auto;
		margin-top: 20px;
		@media (max-width: 1200px) {
			padding-bottom:70px;
		}
	}
	.copyright {
		margin-top: 20px;
	}
	.icon_rs {
		margin-top: 20px;
		img {
			margin-left:10px;
			margin-right:10px;
		}
	}

}

.svg_wrapper {
	margin-top:50px!important;
	margin-bottom:50px!important;
	.svg-icon {
		width: 40px;
		height:40px;
		margin-bottom:20px;
	}
	.title_vignette {
		margin-bottom:5px;
	}
}

.breadcrumbs_wrapper {


	width: @size_of_wrapper;
	margin: auto;
	/* position: absolute; */
	margin-bottom: -21Px;
	position: relative;
	top: -60px;
	
	.max_width_padding();
	font-family: Montserrat-Bold;
	font-size: 12px;
	color: #1B191A;
	letter-spacing: 0;
	line-height: 22px;
	a {
		font-family: Montserrat-Bold;
		font-size: 12px;
		color: #1B191A;
		letter-spacing: 0;
		line-height: 22px;
	}
}

.block_collaborateurs {
	margin-top:50px;
	margin-bottom:60px;

	@media (max-width: 767px) {
		.max_width_padding_divided_by_two();
		margin-left:auto;
	}
	.photo_block_vignette {
		width: 235px;
		height:280px;
		object-fit:cover;
		object-position: center center;
	}
	.subtitle_vignette, .title_vignette {
		width:236Px;
		text-align:left;
	}
	.row {
		margin-bottom:20px;
		width: 1010px;
		display: block;
		clear: both;
		margin: auto;
		text-align: center;
	}
	.linkedin_img {
		width: 25px;
		height:25px;
		margin-top:10px;
		float:left;
	}
	.slide_vignette {
		display: inline-block;
		margin-left: 5px;
		margin-right: 5px;
		&:first-child {
			@media (min-width:767px) {
				margin-left:0px;
			}

		}
		&:last-child {
			@media (min-width:768px) {
				margin-right:0px;
			}
		}
	}

}

.error404  {
	.breadcrumbs_wrapper {
		display: none;
	}
	h1 {
		padding: 0;

	}
}

.placeholder(@rules) {

	&::-webkit-input-placeholder {
		@rules();
	}
	&:-moz-placeholder {
		@rules();
	}
	&::-moz-placeholder {
		@rules();
	}
	&:-ms-input-placeholder {
		@rules();
	}
}
/*
.wpforms-container {
	width: 750px!important;
	margin:auto; 
	max-width:100%;
	.max_width_padding();

	select {
		font-family: @font_2;
    font-size: 12px!important;
    color: #ACA8A8!important;
    letter-spacing: 0!important;
    line-height: 14px!important;
    padding-left: 0!important!important;
    position: relative!important;
    left: -3px!important;
    width: 101%!important;
	}

	.wpforms-field-label {
		font-family: @font_1!important;
font-size: 10px!important;
color: #000000!important;;
letter-spacing: 0!important;;
text-transfom:uppercase!important;;
margin-bottom: 0!important;

	}

	.wpforms-field-small, .wpforms-field-medium, .wpforms-field-large{
		border: none!important;;
    border-bottom: 1px solid #ECECEC!important;;
    padding-left: 0!important;;
    border-radius:0!important;
       font-family: @font_2;
font-size: 12px;
color: #ACA8A8;
letter-spacing: 0;
line-height: 14px;

.placeholder({
    font-family: @font_2;
font-size: 12px;
color: #ACA8A8;
letter-spacing: 0;
line-height: 14px;
});

	}

	textarea {
		margin-top:10px!important;
	}

	.btn_contact {

        margin: auto!important;
    display: block!important;
    margin-top: 20px!important;
	}

@media (max-width:767px) {
	.wpforms-one-half {
		width: 100%!important;
    	margin: 0!important;
	}
}

}
*/

.controls {
	max-width: 100%;
	@media (max-width: 1024px) {
		max-width: 95%;
	}
}

.block_image {
	width:  @size_of_wrapper;

	clear: both;
	display: block;
	height: auto;
	overflow: hidden;
	.max_width_padding();
	margin:auto;
	margin-top: 40px;
	padding-top:10px;
	margin-bottom: 50px;
	* {
		max-width:100%!important;
	}
	.left {
		width:50%;
		float:left;
	}
	.right {
		width:50%;
		float:left;

	}
	@media (max-width: 1023px) {
		width: @size_of_inner_wrapper;

		.left {
			width:100%;
			float:none;
		}
		.right {
			width:100%;
			float:none;

		}

		*:not(.btn) {
			max-width: 100%!important;
			width: 100%;
		}
		img {
			height: 600px;
			object-fit: contain;
			object-position: center center;
			@media (max-width: 600px) {
				height: 360px;
			}
		}
	}
	@media (min-width: 1024px) { /* MIN WIDTH */
		display: flex;
		align-items: center;
		&.left {
			.right {
				width:50%;
				padding-left:50px;
			}
		}
		&.right {
			.left {
				padding-left:0px;
				padding-right:50px;
			}

		}
	}
}

.block_image.left  {
	@media (max-width: 1023px) {

		display: flex;
		flex-direction: column-reverse;

	}
}

.block_image.image_under_text {
	
	margin-bottom:80px;
	position:relative;
	padding-top:30px;
	padding-bottom:30px;
	@media (max-width: 1024px) {
			padding-bottom:00px;
		}

	@media (max-width: 767px) {
			max-width:100%!important;
		}
	&:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background: @black;
		z-index: 0;
		width:75%;
		@media (max-width: 1024px) {
			width:100%;
		}
	}

	&.left:before {
		right:0;
	}
	.left, .right {
		position:relative;
	}

	.main_img, iframe {
		width: 450px;
		height: 400px;
		margin-bottom: 0!important;

	}

	.main_img  {
		object-fit: cover;

	}
	&.right .main_img {
		float: right;
		margin-bottom:0;
	}
	&.right iframe {
		float: right;
	}
	&.right .left {
		margin-left: 0!important;
		margin-right: 50px;
		position: relative;
		z-index: 2;
	}

	&.left .right {
		// background-image: linear-gradient(-225deg, #E1AC49 28%, #C0965C 100%);
		color:white;
		color: white;
		padding: 90px 50px;
		@media (max-width: 1024px) {
			padding: 50px 50px;
		}
		@media (max-width: 450px) {
			padding: 50px 30px;
		}
		border-radius: 20px;
		width: 450px;
		margin-left: 50px;
		min-height: 400px;
		> div {
			*:last-child {
				margin-bottom:0;
			}
		}
	}

	&.right .left {
		// background-image: linear-gradient(-225deg, #E1AC49 28%, #C0965C 100%);
		color:white;
		color: white;
		padding: 90px 50px;
		@media (max-width: 1024px) {
			padding: 50px 50px;
		}
		@media (max-width: 450px) {
			padding: 50px 30px;
		}
		border-radius: 20px;
		width: 450px;
		margin-left: 50px;
		min-height: 400px;
		> div {
			*:last-child {
				margin-bottom:0;
			}
		}
	}

}

body .block_image {
	.main_img {
		width: 450px;
		height: 500px;
		object-fit: cover;
		/* box-shadow: 0 0 10px 0 rgba(71,71,71,0.30);*/

	}
	@media (max-width:1023px) {
		&.image_under_text.left {
			flex-direction: column;
		}
		.left , .right , img.main_img {
			width: 100%!important;
			max-width: 100%!important;
			margin-left: 0!important;
			margin-right: 0!important;
			height: auto;
			min-height: 0!important;
		}
		> *:first-child {
			margin-bottom:20px;
		}
	}
}

// REAL FAKE SELECT
main section article select {
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none; 
	padding-left: 5px!important;
	position:relative;
	background-image:url(../img/svg/old/gp_arrow_black.png);
	background-repeat: no-repeat;
	background-position: 98% center;
	background-size: auto 10px;
	/* height: 11px; */
	image-rendering: crisp-edges;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor;
}

body .stag-button {
	.buttonOff();
	background: transparent;
	padding: 8px 56Px!important;
	&:hover {
		.buttonOn()
	}
}

body.overlay_open header.header {
	opacity: 0;
	z-index:1;
}

body.overlay_open #responsive-menu-button {
	opacity: 0;
	z-index:1;
}

body.overlay_open [data-aos^=fade][data-aos^=fade].aos-animate {
	transform:none;
	transition:none;
}
body.metier_open  .metier_contenu {
	opacity: 1;
}

/* CONTACT */

body.page-template-template-contact main>section>article {}

.fake_select {
	display: inline-block;
	width: 90%;
	margin-bottom: 10px;
	border-radius: 10px;
	overflow: hidden;
	cursor:pointer;
	background: @white;
	height: 40px;
	position:relative;
	select {

		-webkit-appearance: none;
		-moz-appearance:    none;
		appearance:         none;
		outline: none;
		cursor:pointer;
		font-family: Gotham-Book;
		font-size: 15px;
		color: @darkcolor;
		text-align: center;
		line-height: 24px;
		background: transparent;
		border: none;
		width: 110%;
		height: 40px;
		padding-left: 40px;
		margin-left: -22px;
		margin-top: 1px;
		text-transform:uppercase;

	}
	&:after {
		content:"";
		width: 13px;
		height:7px;
		display:block;
		position:absolute;
		background: url(../img/svg/old/icon-arrow-down.svg);
		top: 16px;
		right: 14px;
		pointer-events: none;
		background-repeat: no-repeat;
	}
}

#contact, #contact_emploi,  .contact_popin  {
	.texte_avant_formulaire {
		.max_width_padding();
		margin:auto;
	}
	h4 {
		margin-top:20px;
		.max_width_padding();
		margin-left: auto;
		margin-right: auto;
	}
	h2 {
		.max_width_padding();
		margin-left: auto;
		margin-right: auto;
	}
	&.contact_formulaire {
		background-image: linear-gradient(52deg, #22B9DB 7%, #0088CF 93%);
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;

		.contact_formulaire_inner {
			width: @size_of_inner_wrapper;
			max-width: 100%;
			margin: auto;
		}
		.contact_formulaire_inner div.form {
			width: 290px;
			margin: auto;
			.max_width_padding();
			margin: auto;
			margin-top:30px;
			.messageSuccces {
				display: none;
				height: 415px;
				position: relative;
				text-align: center;
				.messageSuccess_inner {
					height: 150px;
					position: absolute;
					top: 50%;
					width: 100%;
					margin-top: -75px;
				}
				.svg-icon {
					margin-top: 30px;
					width: 50px;
				}
				.big {
					font-size: 21px;
					text-align: center;
					line-height: 22px;
					margin-top: 15px;
					margin-bottom: 10px;
				}
				.small {
					font-family: @font_1;
					text-align: center;
				}
			}
		}
	}

	form.beautifulform {
		input[type="text"],
		input[type="email"],
		input[type="number"],
		textarea {
			/*border: 1px solid #E5E5E4;*/
			width: 100%;
			display: block;
			height: 40px;
			padding-left: 10px;
			padding-right: 10px;
			margin-bottom: 10px;
			border-radius: 5px;
			outline: none;
			-webkit-appearance: none;
			border-radius: 5px;
			-webkit-appearance: none;
			outline: none;

			.text_form();
			line-height:normal;
			border: 1px solid #D2D2D2;

		}
		textarea {
			height: 200px;
			padding-top: 10px;
		}
		input:-webkit-autofill,
		textarea:-webkit-autofill,
		select:-webkit-autofill {}
		input[type="text"].validate,
		.fake_select.validate,
		input[type="number"].validate,
		input[type="email"].validate,
		textarea.validate,
		.validate .dropdown-el {
			// border: 1px solid @color_2;
			background: url('../img/svg/old/Icone-check.svg');
			background-color: @color_3;
			background-repeat: no-repeat;
			background-position: 93% center;
		}
		.fake_select.validate, .fake_select.error  {
			&:after {
				content:none;
			}
		}
		input[type="text"].error,
		input[type="number"].error,
		input[type="email"].error,
		.fake_select.error,
		textarea.error,
		.error .dropdown-el {
			// border: 1px solid @color_1;
			background: url('../img/svg/old/Icone-error.svg');
			background-repeat: no-repeat;
			background-color: @color_3;
			background-position: 93% center;
		}

		button[type="submit"] {
			background: @purple!important;
			border: 1px solid @purple!important;
			color: @white;
			letter-spacing: 0;
			text-align: center;
			position: relative;
			width: 100%;
			height: 40px;
			margin: 0;
			text-transform: uppercase;

			border-radius: 5px;
			margin-top: 25px;
			cursor: pointer;
			font-family: @font_1;
			font-size: 13px;
			color: #FFFFFF;
			letter-spacing: 0;
			text-align: center;

			&.loading:after {
				background: none;
				overflow: hidden;
				display: inline-block;
				vertical-align: bottom;
				-webkit-animation: ellipsis steps(4, end) 900ms infinite;
				animation: ellipsis steps(4, end) 900ms infinite;
				content: "...";
				width: 0px;
				color: @color_3;
				height: 15px;
				font-size: 25px;
				margin-top: 2px;
				margin-left: 0px;
				line-height: 0;
			}
			&.loading {
				font-size: 0;
			}
			&.loading:hover {

			}
			@keyframes ellipsis {
				to {
					width: 1.25em;
				}
			}
			@-webkit-keyframes ellipsis {
				to {
					width: 1.25em;
				}
			}
			&:not(.loading):not(.disabled):hover {
				background:@white!important;
				color:@darkcolor;
				border: 1px solid @white!important;
			}
			&.disabled {
				cursor: initial!important;
				opacity: 0.7;
				&:hover {

				}
			}
		}

	}
}

#contact form.beautifulform textarea {
	height:100px;
}

.btn_slider_home {
	.buttonOff();
	&:hover {
		.buttonOn();
		margin-top:30px;
	}
	margin-top:30px;
}

.slider_home_overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
}

.popin_hidden {
	position:absolute!important;
	opacity:0;
	pointer-events:none;
}

body {
	.pastille {
		cursor:pointer;
		width: 52px;
		height: 52Px;
		background: @gold;
		border-radius: 100%;
		position: relative;
		top: 22px;
		img {
			position: static;
			position: relative;
			top: -64px;
			width:20px;
			height:20px;
		    // width: 150px;
		    &:hover {
		    	transform:scale(1.1);
		    }
		}
		@media (max-width: 1200px) {
			display:none;
		}
	}
	.mobile_cest_parti {
		display:none;
		@media (max-width: 1200px) {
			display:block;
			background-image: linear-gradient(-225deg, #E1AC49 28%, #C0965C 100%);

			height:70px;
			line-height:1;
			position:fixed;
			bottom:0Px;
			width: 100vw;
			z-index: 160;
			color: #FFF;
			padding-right: 8px;
		    //     position: sticky;
		    // top: 0;
		    z-index: 750;
		    font-family: @font_1;
		    font-size: 20px;
		    color: #FFFFFF;
		    letter-spacing: -0.5px;
		    text-align: center;
		    .inner_cestparti {
		    	width: 300px;
		    	margin: auto;
		    	position: relative;
		    	top: 16px;
		    	text-transform: uppercase;
		    	text-align: center;
		    	display: block;
		    }
		    img {
		    	display: inline;
		    	position: absolute;
		    	bottom: -8px;
		    	right: -7px;
		    	top: auto;
		    	left: auto;
		    }
		}

	}

	#contact, #contact_emploi, .contact_popin {
 	// &:not(.animated) {
 	// 	display:none;
 	// }
 	&:not(.popin_animatedEnd) {
 		display:none;
 	}

 	position:fixed;
 	top:65px;
 	width: 100%;
 	left:0;
 	height:calc(100vh - 50px);
 	z-index: 800;
 	.line_1 {
 		font-family: @font_1;
 		font-size: 18px;
 		color: #FFFFFF;
 		letter-spacing: 0;
 		text-align: center;
 		margin-bottom:10px;
 	}
 	.line_2 {
 		font-family: @font_1;
 		font-size: 28px;
 		color: #FFFFFF;
 		letter-spacing: 0;
 		text-align: center;
 		line-height: 25px;
 	}
 	.line_3 {
 		font-family: @font_2;
 		font-size: 14px;
 		color: #FFFFFF;
 		text-align: center;
 		line-height: 18px;
 		margin-top:30px;
 	}
 	.close_popin {
 		position:absolute;
 		right: 30px;
 		top: 30px;
 		width: 30px;
 		height: 30px;
 		background:url(../img/svg/old/Icon-close.svg);
 		cursor:pointer;
 		z-index: 10;
 		background-position: center center;
 		background-repeat: no-repeat;
 		@media (max-height:1000px) {
 			top: 15px;
 			right: 15px;
 		}
 	}
 	.contact_formulaire_inner {
 		position: absolute;
 		top: 50%;
 		transform: translate(-50%, -50%);
 		left: 50%;
 		@media (max-height:1000px){
 			top: 0;
 			transform: none;
 			left: 0;
 			height: 100%;
 			height: calc(100vh - 65px);
 			padding-top: 60px;
 			overflow: scroll;
 			width: 100%;
 			padding-bottom: 60px;
 		}

 		@media (max-width:800px){
 			top: 0;
 			transform: none;
 			left: 0;
 			height: 100%;
 			height: calc(100vh - 65px);
 			padding-top: 60px;
 			overflow: scroll;
 			width: 100%;
 			padding-bottom: 60px;
 		}
 		button[type="submit"] {
 			background: transparent!important;
 			border: 1px solid white!important;
 			color: @white;
 			letter-spacing: 0;
 			text-align: center;
 			position: relative;
 			width: 100%;
 			height: 40px;
 			margin: 0;
 			text-transform: uppercase;

 			border-radius: 5px;
 			margin-top: 25px;
 			cursor: pointer;
 			font-family: @font_1;
 			font-size: 13px;
 			color: #FFFFFF;
 			letter-spacing: 0;
 			text-align: center;

 			&.loading:after {
 				background: none;
 				overflow: hidden;
 				display: inline-block;
 				vertical-align: bottom;
 				-webkit-animation: ellipsis steps(4, end) 900ms infinite;
 				animation: ellipsis steps(4, end) 900ms infinite;
 				content: "...";
 				width: 0px;
 				color: @color_3;
 				height: 15px;
 				font-size: 25px;
 				margin-top: 2px;
 				margin-left: -37px;
 				line-height: 0;
 			}
 			&.loading {
 				font-size: 0;
 			}
 			&.loading:hover {

 			}
 			@keyframes ellipsis {
 				to {
 					width: 1.25em;
 				}
 			}
 			@-webkit-keyframes ellipsis {
 				to {
 					width: 1.25em;
 				}
 			}
 			&:not(.loading):not(.disabled):hover {
 				background:#21B9D9!important;
 				color:@white;
 				border: 1px solid @white!important;
 			}
 			&.disabled {
 				cursor: initial!important;
 				opacity: 0.7;
 				&:hover {

 				}
 			}
 		}

 	}

 }
}

.caroussel_heighter {
	height:400px;
	
		@media (max-width:1024px) {
		height: 310px
		}

		@media (max-width:768px) {
		height: 265px
		}

		@media (max-width:450px) {
		height: 205px
		}

}

.caroussel_slider {

	position:absolute;
	left:50%;
	transform:translate(-50%, 60px);
	width:100vw;
	overflow: hidden;

	.logo_slider_img_wrapper {
		margin-left: 20px;
		margin-right: 20px;
	}

	.logo_slider_img_wrapper img {

		box-shadow: 0 0 10px 0 rgba(71,71,71,0.30);
		width: 500px;
		height: 300px;
		max-width:100%!important;

		@media (max-width:1024px) {
		height: 210px
		}

		@media (max-width:768px) {
		height: 165px
		}

		@media (max-width:450px) {
		height: 105px
		}

		@media (max-width:380px) {
		
		}

	}
	.caroussel_slider_wrapper {
		transform: scale(1.2);
	}

}

.home_inner_content .width_520 {
	width:520px;
	height:auto;
}

.block_2x2 {
	.svg-icon  {
		margin-top: 30px;
		height:50px;
	}
	h4 {
		margin-bottom: 10px;
	}
	.contenu {
		width: 360px;
		max-width:100%;
		margin: auto;
		@media (max-width: 500px) {
			max-width:70%;
		}
	}
}

.body_header_fixed header.header {
	background:white;
	border-bottom: 1px solid #D8D8D8;
	ul li a  {
		color:@darkcolor!important;
	}
}

.qsn_services_wrapper {
	transform-origin: center center;
	height:530px;
	width:590px;
	background:url(../img/qsn_bulles.svg);
	background-position: center center;
	margin: auto;
	margin-top:20px;
	background-size: contain;
	position:relative;
	@media (max-width:650px) {
		transform-origin: center left;
	}
	.qsn_service {
		font-family: @font_1;
		font-size: 13px;
		line-height: 18px;
		color: #000000;
		letter-spacing: -0.38px;
		text-align: center;
		width: 120px;
		height: 140px;
		position: absolute;
		overflow: hidden;
		> div {
			position: relative;
			top: 50%;
			transform: translate(0px, -50%);
		}
	}
	.qsn_services_1 {
		position: absolute;
		left: 50%;
		margin-left: -60px;
		margin-top: 13px;
	}
	.qsn_services_2 {
		position: absolute;
		right: 25px;
		margin-top: 157px;
	}

	.qsn_services_3 {
		bottom:10px;
		position: absolute;
		right: 85px;

	}

	.qsn_services_4 {
		bottom:10px;
		position: absolute;
		left: 75px;

	}

	.qsn_services_5 {
		position: absolute;
		left: 25px;
		margin-top: 157px;
	}
}

/* WP FORMS NEW LOOK */

.landing_page_wp_form, 
body .popin_rappel_form .wpforms-container, 
body .popin_contact_nb_fenetre_form .wpforms-container, 
body .popin_contact_form .wpforms-container,
body .gp_beautiful_form .wpforms-container,
body .wpforms-container.wpforms-container-full {

	.wpforms-form {

		width:300px;
		margin-left:auto;
		margin-right:auto;

		input[type="text"],
		input[type="email"],
		input[type="number"],
		textarea {
			font-family: Montserrat-Medium;
			font-size: 15px;
			color: #1B191A;
			letter-spacing: 0;
			line-height: 20px;
			height:40px;
			padding-left:15px;
			border-color: #F6F6F6;
			background-color: white!important;
			.placeholder({
				font-family: Montserrat-Medium;
				font-size: 15px;
				color: #1B191A;
				letter-spacing: 0;
				line-height: 20px;
				});

			&.wpforms-valid {
				background: url('../img/svg/old/check.svg');

				background-repeat: no-repeat;
				background-position: 97% center;
			}
			&.wpforms-error {
				background: url('../img/svg/old/error.svg');
				background-repeat: no-repeat;
				border-color:@red!important;
				background-position: 97% center;
				color:@red!important;
			}

		}

		textarea {

			height:140px;

		}

	}

	// fake select

	.wpforms-form .choices {
		border-radius:20px;
		* {
			border-color: #E9E9E9;
		}
		height:40px;
		/*	width: calc(100% + 1px);
		max-width: calc(100% + 1px);*/
		.choices__inner {
			border-radius: 20px;
			border-color: #E9E9E9;
		}
		&.is-open:not(.is-flipped) {
			border-bottom-left-radius:0px;
			border-bottom-right-radius:0px;
			.choices__inner  {
				border-bottom-left-radius:0px;
				border-bottom-right-radius:0px;
			}
			.choices__list.choices__list--dropdown.is-active {
				border-bottom-left-radius:20px;
				border-bottom-right-radius:20px;
			}
		}
		&.is-open.is-flipped {
			border-top-left-radius:0px;
			border-top-right-radius:0px;
			.choices__inner  {
				border-top-left-radius:0px;
				border-top-right-radius:0px;
			}
			.choices__list.choices__list--dropdown.is-active {
				border-top-left-radius:20px;
				border-top-right-radius:20px;
			}
		}

	}
	.wpforms-form * {
		box-shadow:none!important;
	}
	.wpforms-form .choices__list--single .choices__item {
		font-family: @font_2;
		font-size: 13px;

		letter-spacing: -0.26px;
		line-height: 25px;
		text-align: left;
	}
	.wpforms-form .choices__list--dropdown .choices__item--selectable {
		padding-right: 10px;
		text-align: left;
	}
	.wpforms-form .is-open .choices__list--dropdown {
		border-color:#E9E9E9;
		box-shadow:none;
	}
	.wpforms-form .choices:after {
		content: ""!important;
		height: 10px!important;
		width: 10px!important;
		border-style: solid!important;
		border-color: #b1b1b1 #b1b1b1 transparent transparent !important;
		border-width: 1px!important;
		position: absolute!important;
		right: 11.5px!important;
		top: 50%!important;
		margin-top: -8.5px!important;
		pointer-events: none!important;
		transform: rotate(135deg)!important;
	}
	.wpforms-form .choices.is-open:after {
		margin-top: -3.5px!important;
		pointer-events: none;
		transform: rotate(315deg);
	}
	label.wpforms-error {
		display:none!important;
	}
	.wpforms-form label.wpforms-error {
		display:none;
	}
	.wpforms-form .is-focused .choices__inner, div.wpforms-container .wpforms-form .is-open .choices__inner {
		box-shadow:none;
	}
	/*
	div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    width: calc(100% - 1px);
    height: 120px;
    margin-left: 1px;
}
div.wpforms-container .wpforms-form .choices__list--dropdown {
	    margin-left: 1px;
	    width: calc(100% - 2Px);
	    }*/
	    .beautiful_select {

	    	&.wpforms-has-error .choices__inner {
	    		background-color:white;
	    		background: url('../img/svg/old/error.svg');
	    		background-repeat: no-repeat;
	    		border-color:@red!important;
	    		background: white;
	    		color:@red!important;
	    		background-position: 97% center;
	    	}
	    }

	    .wpforms-confirmation-container-full {
	    	background: none;
	    	border: none;
	    	width: 100%;
	    }
	    .wpforms-form .wpforms-field {
	    	padding:7px;
	    }

	}

	body .gp_beautiful_form button[type="submit"] {
		border:1px solid white!important;
		background:transparent!important;
		color:white!important;
		&:hover {
			border:1px solid black!important;
			background:black!important;
			color:white!important;
		}
	}

	.popin_rappel.contact_popin {
		height: 100vh!important;
		top: 0!important;
		padding-top:80px;
		padding-bottom:80px;
		max-height: 100vh;
		z-index: 99999999999!important;
		overflow:scroll;
		background-color: white;
		background-image: linear-gradient(-225deg, #004F98 0%, #4698E3 100%);
	}

	.popin_content {
		width:800px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
		@media (max-width: 600px) {
			margin-bottom:10px;
		}
		.max_width_padding();

	}
	.step-2, .step-3 {
		@media (max-width: 600px) { 
			padding-top:20px;
		}
	}
	.close_popin {
		background-image:url(../img/svg/old/close_rappel_popin.svg)!important;
		background-position: center right!important;
		line-height: 3;
		padding-right: 0px;
		color: white;
		width: 62px!important;
		text-transform:uppercase;
		font-family: @font_1;
		font-size: 10px;
		color: #FFFFFF;
		letter-spacing: -0.25px;
	}
	.popin_contact.contact_popin {
		background-size: cover!important;
		background-position: center center !important;
		height: 100vh!important;
		top: 0!important;
		padding-top:80px;
		padding-bottom:80px;
		max-height: 100vh;
		z-index: 99999999999!important;
		overflow:scroll;
		background-color: white;

		@media (max-width: 600px) {
			padding-top:50px;
			padding-bottom:20px;

		}
	}

	.popin_contact_nb_fenetre_form {
		.choices__list.choices__list--dropdown input[type="text"] {
			display: none!important;
			pointer-events: none;
		}
		.wpforms-submit-container {
			display:none;
		}
		button {
			display:none!important;
		}
		div.wpforms-container .wpforms-form .choices__placeholder {
			opacity:1!important;;
		}
	}

	body div.wpforms-container-full .wpforms-form .form_hidden, body div.wpforms-container-full .wpforms-form .form_hidden * {
		position:absolute;
		visibility:hidden;
		pointer-events: none;
	}

	.popin_prev_step {
		cursor:pointer;

		background-image:url(../img/svg/old/back_arrow_step.svg)!important;
		color: white;
		position: absolute;
		top: 20px;
		left: 15px;
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: 6px 5px;
		font-family: @font_1;
		font-size: 10px;
		color: #FFFFFF;
		letter-spacing: -0.25px;
	}

	body[popin_current_step="0"] .popin_prev_step {
		display:none;
	}

	body div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {
		margin: auto;
		width: 30px;
		text-align: center;
		display: block;
		margin-top: 20px;
		filter: invert(1);
	}

	.popin_contact.contact_popin {

		.barre_step {
			margin-top:30px;
			@media (max-width: 600px) {
				margin-top:10px;
			}
			text-align:center;
			> div:not(.barre_step_line) {
				font-family: @font_1;
				font-size: 18px;
				color: #FFFFFF;
				letter-spacing: -0.45px;
				text-align: center;
				color:#fff;
				background:#E5BBBB;
				width:40px;
				height:40px;
				border-radius:100%;
				display:inline-block;
				margin-left:20px;
				margin-right:20px;
				line-height:43px;
				position:relative;
				z-index:1;
				&.active {
					background:#E63331;
				}
			}
			.barre_step_line {
				position: absolute;
				height: 3px;
				width: 180px;
				background: #E5BBBB;
				left: 50%;
				margin-left: -90px;
				margin-top: 18px;
				z-index: 1;
			}
		}

		.step {
			display:none;
			&.active {
				display:block;
			}
		}
		.step-3 .wpforms-confirmation-container-full {
			position: absolute;
			width: 100vw;
			left: 0;
			padding-left: 20px;
			padding-right: 20Px;
			height: 100vh;
			top: 0;
			z-index:3;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			justify-content: center;
			background-image: linear-gradient(-45deg, #A32322 0%, #E13230 100%);

			* {
				color:white;
				margin-bottom: 30px;
			}

		} 
		.besoin_square_wrapper {
			display: flex;
			justify-content: space-evenly;
			flex-direction: row;
			width: 700px;
			margin: auto;
			max-width:100%;
	   // .max_width_padding();
	   flex-wrap: wrap;
	   @media (max-width:767px) {

	   }
	}
	.besoin_square {
		cursor:pointer;
		width:150px;
		height:220px;
		background:white;
		border-radius:20px;
		padding-top:26px;
		padding-bottom:17px;
		padding-left:15px;
		padding-right:15px;
		margin: 10px;
		@media (max-width : 767px) {
			margin-bottom: 20px;
		}

		img {
			margin-bottom:20px;
		}
		.besoin_titre {
			font-family: @font_1;
			font-size: 15px;
			color: #E63331;
			letter-spacing: -0.38px;
			text-align: center;
		}
		.besoin_desc {
			font-family: @font_1;
			font-size: 10px;
			color: #292929;
			letter-spacing: -0.25px;
			text-align: center;
			line-height: 12px;
			width: 100px;
			margin: auto;
			margin-top: 2px;
		}
		&.active {
			background:#E63331;
			.besoin_titre {
				color:#FFF;
			}
			.besoin_desc { 
				color:#FFF;
			}
			img {
				filter: brightness(0) invert(1);
			}
		}
	}

	.cb_fenetre_icon {
		margin-top:10px;
	}
	.cb_fenetre_texte {
		width:320px;
		width: 320px;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		.max_width_padding();
	}
	.gp_center {
		@media (min-height:1100px) {

			position: absolute;
			width: 100%;
			left: 0;
			top: 50%;
			transform: translate(0px, -50%);
		}

	}
}

.popin_success .popin_contact {
	.fake_h1 {
		display:none;
	}
	.fake_h2 {
		display:none;
	}
	.popin_prev_step {
		display:none;
	}
	background-image: linear-gradient(-225deg, #E1AC49 28%, #C0965C 100%)!important;
	.wpforms-confirmation-container-full{
		text-align: center;
		p {
			margin-bottom:30px;
			&:last-child{
				margin-bottom:0px;
			}
		}

	}

	.gp_center {
		position: absolute;
		top: 50%;
		transform: translate(0px, -50%);
	}

}

body .popin_contact {
	.fake_h1 {
		color:@white;
		text-align:center;
	}
	.fake_h2 {
		color:@white;

		.btn {
			cursor:pointer;
		}

		margin:auto;
		text-align:center;
		margin-bottom:80px;
		.max_width_padding();
	}
	.fake-btn-select {
		cursor:pointer;
		width:300px;
		margin:auto;
		.max_width_padding();
		display:block;
		&:hover {
			background:@gold;
			border-color:@gold;
			color:@white;
		}
		&.active {
			background:@gold;
			border-color:@gold;
			color:@white;
		}
		width: 300px;
		margin: auto;
		max-width: 100%;
		display: block;
		font-size: 18px;
		padding-left: 10px;
		padding-right: 10px;
		text-transform: none;
		margin-bottom:20px;
	}
	.next_step {

		width: 150px!important;;
		display:block!important;;
		margin:auto!important;;
		padding-left: 10px!important;;
		padding-right: 10px!important;;
		padding-top: 9px!important;;
		padding-bottom: 9px!important;;
		margin-top:80px!important;;
		background: transparent!important;
		border-color: @white;
		border-color:@white!important;
		&.disabled {
			background:#C5C5C5!important;
			border-color:#C5C5C5!important;
			color:@white!important;
			&:hover {
				background:#C5C5C5!important;
				border-color:#C5C5C5!important;
			}
		}
		&:not(.disabled) {
			cursor:pointer;
			&:hover {
				background:@gold!important;
				border-color:@gold!important;
				color:@white!important;
			}
		}
	}

	div.wpforms-container-full .wpforms-form button[type="submit"] {
		width: 150px!important;;
		display:block!important;;
		margin:auto!important;;
		padding-left: 10px!important;;
		padding-right: 10px!important;;
		padding-top: 9px!important;;
		padding-bottom: 9px!important;;
		margin-top:10px!important;
		background: transparent!important;
		border-color: @white;
		border-color:@white!important;
		&.disabled {
			background:#C5C5C5!important;
			border-color:#C5C5C5!important;
			color:@white!important;
			&:hover {
				background:#C5C5C5!important;
				border-color:#C5C5C5!important;
			}
		}
		&:not(.disabled) {
			cursor:pointer;
			&:hover {
				background:@gold!important;
				border-color:@gold!important;
				color:@white!important;
			}
		}

	}
}

.popin_next_step.disabled {
	cursor:default;
	&:hover {
		opacity:1;
		background:#ACA8A8;
		border-color:#ACA8A8;
		color:white;
	}
}

.popin_next_step_1 {
	margin-top:30px!important;
}

.popin_title {
	font-family: @font_1;
	font-size: 40px!important;
	line-height:40px!important;;
	letter-spacing: -0.89px;
	@media (max-width:1000px) {
		font-family: @font_1;

		letter-spacing: -0.71px;

		font-size:32px!important;
		line-height:30px!important;;
	}
}
.popin_next_step:not(.disabled):hover {
	background:black!important;
	color:white!important;
	border-color:black
}

.xdsoft_datetimepicker {
	z-index:999999999999!important
}
.popin_rappel_form .wpforms-confirmation-container-full * {
	color:white;
}
body .popin_rappel {
	.rappel_sous_titre {
		font-size:20px;
		line-height:25px;

	}
	.rappel_titre {
		font-family: @font_1;
		font-size: 40px!important;
		line-height:40px!important;;
		letter-spacing: -0.89px;
		@media (max-width:1000px) {
			font-family: @font_1;

			letter-spacing: -0.71px;

			font-size:32px!important;
			line-height:30px!important;;
		}
	}

	div.wpforms-container-full .wpforms-form button[type="submit"] {
		background-color:transparent;
		border-color:#FFF;
		color:#FFF;
		&:hover {
			background-color:black;
			border-color:black;
		}
	}
}
body .popin_contact {
	div.wpforms-container-full .wpforms-form button[type="submit"] {
		background-color:transparent;
		border-color:#FFF;
		color:#FFF;
		&:hover {
			background-color:black;
			border-color:black;
		}
	}
}
.bloc2x2_wrapper.transformed {
	position: absolute;
	width: 100%;
	left: 0;
	.block_2x2.col-6.slick-slide:not(.slick-active) {
		position: relative;
		margin-left: -30vw;
		margin-right: 30vw;

		@media (max-width:600px) {
			margin-left: -25vw;
			margin-right: 25vw;
		}
		@media (max-width:500px) {
			margin-left: -25vw;
			margin-right: 25vw;
		}
		@media (max-width:400px) {
			margin-left: -25vw;
			margin-right: 25vw;
		}
	}
}

.wp-image-1203 {
	object-fit:contain;
}

body * {
	outline:none!important;
}

body .umsMapMarkerFilters {
	@media (max-width: 720px) {
		margin-top: 0px!important;
	}
}

.shortcode_all_agences .su-row {
	width:950px
}

.flex_center {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}

.block_3_contains_icon {
	.photo_block_vignette {
		width: 40px;
		border-radius: 0;
	}
}

section.reassurance_slider_responsive.transformed {
	position: absolute;
	left: 0;
	width: 100%;
	.su-column-inner {
		padding-top:10px;
	}
	.su-column {
		margin-right:20px;
	}
}

.prevent_responsive_distorsion {
	@media(max-width:900px) {
		height:auto;
	}
}

#post-2365 #cmplz-document{
	margin:auto;
}

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner {
	border:1px solid @red;
}

.form_mentions_legales {
	li {

	}
	label, * {
		color: white;
		line-height: 12px!important;
		font-size: 14px!important;;
		text-align:center;
	}
}

.form_mentions_legales.wpforms-has-error {
	label, * {
		color: @red!important;
	}
}

.clickable {
	cursor: pointer;
}

.block_3_vignette_wrapper .block_vignette img.photo_block_vignette[src*='.svg'] {
	width:40px!important;
}

main section article img {
	object-fit:cover;
}
.gold-gradient {
	background-image: linear-gradient(-225deg, #E1AC49 28%, #C0965C 100%);
}

.block_3_articles_wrapper {

	@media (max-width:768px) {
		&.slider_in_responsive {
			    margin-bottom: 50px;
		}
		.container {
			width:100%;
			.max_width_padding();
		}
		.block_3_articles {
			margin:0!important;
			// width: 280px!important;
		}
	}
	.row.slick-initialized {
		.slick-list  {
			overflow:visible;
		}
		.block_3_articles {
			margin-left:0!important;
			margin-right:20px!important;
			// margin:0!important;
			// width: 280px!important;
			.block_article {
				.titre_article {
					width:100%;
				max-width: 100%!important;
				}
				width:100%;
				max-width: 100%!important;
				.photo_block_vignette{
					width: 100%!important;
					max-width: 100%!important;
				}
			}
		}
	}

.row:not(.slick-initialized) {

	.block_3_articles {
		margin: 0.5rem 3%!important;

		&:first-child{
			margin-left:0!important;
			.block_article {
				margin-left:0!important;
			}
		}
		&:last-child{
			margin-right:0!important;
			.block_article {
				margin-right:0!important;
			}
		}
	}
	margin-top:30px;
	margin-bottom:80px;
	.full_width {
		width:100%!important;
	}
}
.block_article {
	width:280px;
	margin:0;
	margin: auto;

	background: #F9F9F9;
	position:relative;
	.photo_block_vignette {
		width:280px!important;
		max-width:100%!important;;
		margin-bottom:0!important;
		height:217px;
		object-fit:cover;
		object-position: center center;
	}
	.css_date {
		margin-top:30px;
		padding-left:25px;
		padding-right:25px;
		font-family: Montserrat-Bold;
		font-size: 12px;
		color: #C5C5C5;
		letter-spacing: 0;
		line-height: 18px;
	}
	.css_categorie {
		min-height: 18px;
		font-family: Montserrat-Bold;
		font-size: 12px;
		color: #C0955C;
		letter-spacing: 0;
		line-height: 18px;
		padding-left:25px;
		padding-right:25px;
		a {
			font-family: Montserrat-Bold;
			font-size: 12px;
			color: #C0955C;
			letter-spacing: 0;
			line-height: 18px;
			&:after {
				content:" - ";
			}
			&:last-child:after {
				content:"";
			}

		}

	}
	.titre_article {
		margin-top:10px;
		padding-left:25px;
		padding-right:25px;
		font-family: Montserrat-Bold;
		font-size: 18px;
		color: #1B191A;
		letter-spacing: 0;
		line-height: 18px;
        min-height:110px;
		padding-bottom:52Px;
		text-align:left;
	}
	.arrow_gold {
		width: 45px;
		background-image:url(../img/svg/arrow-right-gold.svg);
		height:45px;
		right: 12%;
		border-radius:100%;
		background-color:@gold;
		position:absolute;
		bottom:-20px;
	}
}
}

.highlight:not(.CFFFFFF)  .block_article {
	background:#FFF;
}

.block_documentation {
	.documentation_title {
		padding-left: 30px;
		margin-top: 30px;
		padding-right: 30px;
	}
	.documentation_title, .documentation_title a  {
		font-family: Montserrat-Bold;
		font-size: 18px;
		color: #1B191A;
		letter-spacing: 0;
		line-height: 18px;
		text-align:left;

	}
	.document_wrapper {
		position:relative;
		margin-bottom:50px!important;
		.inner_wrapper {
			background:#F6F6F6;
			height:380px;

			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			padding-bottom:50px;
		}
		.icon_document {
			height:100px;
			background:url(../img/svg/icone-document.svg);
			background-size:contain;
			width:76px;
			background-repeat:no-repeat;
			margin-left:30px;
		}
		.arrow_gold.download {
			width: 45px;
			background-image:url(../img/svg/button-download.svg);
			height:45px;
			right: 12%;
			border-radius:100%;
			background-color:@gold;
			position:absolute;
			bottom:-20px;
		}
	}
}

.highlight {
	.svg-icon {
		margin-bottom:30px;
	}
	h2 {
		margin-bottom:10px;
	}
	h3 {
		margin-bottom:10px;
	}
	.btn {
		margin-top:20px;
	}
}

.single-product {
	.quantity {
		display:none;
	}
	.price {
		display:none;
	}
}

.woocommerce-page main > section > article > .woocommerce {
	width: @size_of_wrapper;
	.max_width_padding();
	margin:auto;
	#coupon_code {
		width: 140px;
		margin-top: 10px;
		height: 42px;
		padding-left: 10px;
	}

	.button {
		.buttonOff();
		&:hover {
			.buttonOn();
		}
	}

	.product-thumbnail {
		width: 50px;
		img {
			margin-bottom: 0;
		}
	}
}

.woocommerce-checkout {
	input[type="text"],
	input[type="email"],
	input[type="number"],
	input[type="tel"],
	textarea {
		/*border: 1px solid #E5E5E4;*/
		width: 100%;
		display: block;
		height: 40px;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 10px;
		border-radius: 5px;
		outline: none;
		-webkit-appearance: none;
		border-radius: 5px;
		-webkit-appearance: none;
		outline: none;

		.text_form();
		line-height:normal;
		border: 1px solid #D2D2D2;

	}
	textarea {
		height: 200px;
		padding-top: 10px;
	}
	input:-webkit-autofill,
	textarea:-webkit-autofill,
	select:-webkit-autofill {}
	input[type="text"].validate,
	.fake_select.validate,
	input[type="number"].validate,
	input[type="email"].validate,
	input[type="tel"].validate,
	textarea.validate,
	.validate .dropdown-el {
			// border: 1px solid @color_2;
			background: url('../img/svg/old/Icone-check.svg');
			background-color: @color_3;
			background-repeat: no-repeat;
			background-position: 93% center;
		}
		.fake_select.validate, .fake_select.error  {
			&:after {
				content:none;
			}
		}
		input[type="text"].error,
		input[type="number"].error,
		input[type="email"].error,
		input[type="tel"].error,
		.fake_select.error,
		textarea.error,
		.error .dropdown-el {
			// border: 1px solid @color_1;
			background: url('../img/svg/old/Icone-error.svg');
			background-repeat: no-repeat;
			background-color: @color_3;
			background-position: 93% center;
		}
		textarea {
			min-height:100px;
		}
		select {

			width: 100%;
			display: block;
			height: 50px;
			padding-left: 10px;
			padding-right: 10px;
			margin-bottom: 10px;
			border-radius: 5px;
			outline: none;
			-webkit-appearance: none;
			border-radius: 5px;
			-webkit-appearance: none;
			outline: none;

		}

		.select2-container .select2-selection--single {
			padding-top: 6px;
			padding-bottom: 32px;
			border: 1px solid #D2D2D2;
		}

		.select2-container--default .select2-selection--single .select2-selection__arrow {
			top:6px;
		}
	}

	.su-row.vertical_align {
		display: flex;
		flex-direction: row;
		@media (max-width:600px) {
			flex-direction: column;
			}
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
    
	body.tax-product_cat main, .fake_filters_wrapper {
		width: @size_of_wrapper;
		.max_width_padding();
		margin:auto;

		.block_3_vignette_wrapper {
			@media (max-width:768px) {
				    width: 100%;
   				 margin-left: 0;
			}	
		}

		.block_3_vignette {
			position:relative;
			margin-bottom:50px!important;
			@media (max-width:767px) {
				width:100%;
				margin:0px!important;
				margin-bottom:50px!important;
			}
		}

		.photo_block_vignette {
			height: 415px;
			width:100%;
			object-fit:cover;
		}

		.title_vignette > span{
			text-transform:uppercase;
		}


		.simple-grid .container {
			margin-left: -2%;
			width:calc(1000px + 22px + 2%);
		    // .max_width_padding();
		    @media (max-width:1024px) {
		    	width:calc(100% + 22px + 2%);
		    }
		    @media (max-width:767px) {
		    	    width: 100%;
    margin-left: 0;
		    }
		}

		.products ul, ul.products {
			margin: 0;
			width: auto;
			padding: 0;
			clear:none;
		}
		.products > li {
			margin: 0;
		}
		.title_vignette > span {
			font-family: Montserrat-Bold;
			font-size: 18px;
			color: #FFFFFF;
			letter-spacing: 0;
			line-height: 18px;
			position: relative;
			top: -6px;
		}
		.title_vignette .ariane_title {
			font-family: Montserrat-Medium;
			font-size: 15px;
			color: #FFFFFF;
			letter-spacing: 0;
			line-height: 18px;
		}

		.block_3_vignette_wrapper .arrow_gold {
			bottom: 6px;
			right: 11%;
		}
		.block_3_vignette_wrapper {
			clear: both;
			display: block;
		}

		.orderby, #gp_select_filter {
			border: none;
			appearance: none;
			width: 106px;
			font-family: Montserrat-Bold;
			font-size: 12px;
			color: #1B191A;
			letter-spacing: 0;
			line-height: 22px;
			position: relative;
			float: right;
			position: relative;
			left: -78px;


		}
		.gp_select_filter_wrapper {
			@media (max-width: 400px) {
		    	  margin-top: 30px;
		    }
		}
		.woocommerce-ordering {
			position: relative;
			left:10px;
			 @media (max-width: 400px) {
		    	  margin-top: 30px;
		    }
		}
		.woocommerce-ordering:after{
			content:"";
			display:block;
			background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAACKADAAQAAAABAAAABQAAAABtFL/jAAAAaUlEQVQIHWOUlpI+yvD/vxUDNsDIeIyJhZUlhJGR8Qm6PEgMJMf08OHD58wMLP4MjAzf4IqAbJAYSI4JJPjw2cNzjExMcUDmfxAGsUFiIDlmEAECnz59ui7Az/cXaPT+J0+fzoSIMjAAACkiIu4b9VCKAAAAAElFTkSuQmCC');
			width:8px;
			height:5px;
			background-size:contain;
			background-position:center center;
			position: absolute;
			right: 83px;
			top: 8px;
            pointer-events: none;
            z-index: 3;

		}

		#gp_select_filter{
			overflow: hidden;
			width: 65px;

			margin-left: 20px;
			left: -100Px;
		}


		.gp_select_filter_wrapper:before {
			content:" | ";
			position: absolute;
			left: -88px;
			z-index: 9999;
		}  
		.gp_select_filter_wrapper:after {
			content:"";
			display:block;
			background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAACKADAAQAAAABAAAABQAAAABtFL/jAAAAaUlEQVQIHWOUlpI+yvD/vxUDNsDIeIyJhZUlhJGR8Qm6PEgMJMf08OHD58wMLP4MjAzf4IqAbJAYSI4JJPjw2cNzjExMcUDmfxAGsUFiIDlmEAECnz59ui7Az/cXaPT+J0+fzoSIMjAAACkiIu4b9VCKAAAAAElFTkSuQmCC');
			width:8px;
			height:5px;
			background-size:contain;
			background-position:center center;
			position: absolute;
			left: -26px;
			top: 8px;
            pointer-events:none;
             z-index:3;
		}

		.gp_select_filter_wrapper {
			position: relative;
			left: 213px;
			cursor:pointer;
			float:right;
		}

       

    .woocommerce-ordering:before {
        content: "";
        display: block;
        width: 20Px;
        height: 20px;
        background: white;
        position: absolute;
        margin-left: 47px;
            margin-left: 9px;
    z-index: 2;
    }


	} 

    .fake_filters_wrapper  {


            margin-top: -80px;
            margin-bottom: 80px;
        .orderby {

            left: -40px;

        }
         @media (max-width:1024px) {
.block_3_articles_wrapper .container {
        overflow: hidden;
    width: 210px;
    position: absolute;
    right: 40px;
    padding-right: 10px;
    max-width:100%!important;
}

         }
        @media (max-width:400px) {
            .gp_select_filter_wrapper {
                margin-top: 0px;
            }
        }
        


         div.orderby:after {
        content: "";
        display: block;
        width: 20Px;
        height: 20px;
        background: white;
        position: absolute;
        margin-left: 47px;
    }
     .woocommerce-ordering:before { 
        margin-left: 0;
        right: 0px;
        z-index:2;
     }

    }

	body.tax-product_cat .breadcrumbs_wrapper {

		margin-bottom: -80px;
		top:-58px;
	}

	.highlight.C1B191A {
		.btn:hover {
			background:@white;
			color:@black;
			border-color:@black;
		}
	}

	.is_nouveaute {
		background: #C0955C;
		font-family: Montserrat-Bold;
		font-size: 15px;
		color: #FFFFFF;
		letter-spacing: 0;
		line-height: 18px;
		position:absolute;
		top:0;
		left:0;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 18px;
		padding-right: 18px;
	}

	.gp_filters {
		position: relative;
		left: 70px;
		cursor:pointer;
		float:right;
		> span {
			font-family: Montserrat-Bold;
			font-size: 12px;
			color: #1B191A;
			letter-spacing: 0;
			line-height: 22px;
			position:relative;
		}
		> span:before {
			content:" | ";
		}  
		> span:after {
			content:"";
			display:block;
			background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAACKADAAQAAAABAAAABQAAAABtFL/jAAAAaUlEQVQIHWOUlpI+yvD/vxUDNsDIeIyJhZUlhJGR8Qm6PEgMJMf08OHD58wMLP4MjAzf4IqAbJAYSI4JJPjw2cNzjExMcUDmfxAGsUFiIDlmEAECnz59ui7Az/cXaPT+J0+fzoSIMjAAACkiIu4b9VCKAAAAAElFTkSuQmCC');
			width:8px;
			height:5px;
			background-size:contain;
			background-position:center center;
			position: absolute;
			right: -12px;
			top: 4px;
            z-index: 3;
		}
		.child_wrapper {
			margin-top:5px;
			display:none;
			z-index:9;
			position:absolute;
			padding: 15px 20px;
			border: 1px solid #D2D2D2;
			background:white;
			border-radius: 5px;
			&.active {
				display:block;
			}
			a {
				margin-bottom: 15px;
				display: block;
				&:last-child {
					margin-bottom: 0;
				}
			}
			a.child:before {
				content:"• ";
			}
			a.child {
				margin-left:10px;

			}
		}


	}

	.lmp_button  {

		&:hover {
			text-transform:uppercase!important;

			color:@white!important;
			border: 2px solid @black!important;
			background-color:@black!important;
			background:@black!important;

			font-family: @font_1!important; 
			font-size: 12px!important;

			letter-spacing: 0!important;
			text-align:center!important;

			padding-top: 13Px!important;
			padding-bottom: 13px!important;
			padding-left: 23px!important;
			padding-right: 23px!important;
			border-radius: 0px!important;
			margin-top: 10px!important;
			display: inline-block!important;
			line-height: 1!important;
		}

		color:@black!important;
		border: 2px solid @black!important;

		font-family: @font_1!important; 
		font-size: 12px!important;

		letter-spacing: 0!important;
		text-align:center!important;
		background:transparent!important;

		padding-top: 13Px!important;
		padding-bottom: 13px!important;
		padding-left: 23px!important;
		padding-right: 23px!important;
		border-radius: 0px!important;
		margin-top: 10px!important;
		display: inline-block!important;
		line-height: 1!important;
		text-transform:uppercase!important;

	}

	body .lmp_load_more_button.br_lmp_button_settings .lmp_button:hover {
		background-color:@black!important;
		color:@white!important;
	}



	.gp_wc_mega_holder {
		max-width:100%;
		width: calc(1000px/2 + 50vw);
        @media (max-width:1200px) {
            width: 100%;
        }

		margin-top: 00px;
	// margin-bottom: 80px;
	
}

.single_add_to_cart_button, .single-wc-btn {
	





	text-transform:uppercase!important;

	color:@white!important;
	border: 2px solid @white!important;
	background-color:@black!important;
	background:@black!important;

	font-family: @font_1!important; 
	font-size: 12px!important;

	letter-spacing: 0!important;
	text-align:center!important;

	padding-top: 7Px!important;
	padding-bottom: 7px!important;
	padding-left: 12px!important;
	padding-right: 12px!important;
	border-radius: 0px!important;
	margin-top: 10px!important;
	display: inline-block!important;
	line-height: 1!important;
	&:hover {
		color:@black!important;
		border: 2px solid @white!important;

		font-family: @font_1!important; 
		font-size: 12px!important;

		letter-spacing: 0!important;
		text-align:center!important;
		background:@white!important;

		padding-top: 7Px!important;
		padding-bottom: 7px!important;
		padding-left: 12px!important;
		padding-right: 12px!important;
		border-radius: 0px!important;
		margin-top: 10px!important;
		display: inline-block!important;
		line-height: 1!important;
		text-transform:uppercase!important;


	}

}

.summary .wc_breadcrumbs_wrapper {
			@media (max-width:767px) {
			    position: absolute!important;
			    top: 10px;
			    color: #000!important;;
			    .max_width_padding();
			    left: 50%!important;
    transform: translate(-50%, 0);
    width: 100%;
			   
			    a {
			    	color: #000!important;;
			    }
			}
			.breadcrumbs {
				@media (max-width:600px) {
					    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
				}
			}
		}
.woocommerce-product-gallery {
        width: 50vw!important;
	   
	margin:0;
	float:left!important;
	@media (max-width:767px) {
		   
		float:none!important;
			   width:100%!important;
			   position: relative;
    			top: 40px;
			}
	

	}

.woocommerce div.product div.summary {
     width: calc(100% - 50vw)!important;
	margin:0;
	padding:0;
	float:left!important;

	@media (max-width:767px) {
		float:none!important;
			   width:100%!important;
			}


}

.gp_wc_button_wrapper {
	form.cart{
		position: absolute;
		margin-left: 10px;
		display: inline;
	}
	.demande_de_devis {
		margin-left: 10px;
        @media (max-width:478px) {
            position: relative;
            left: -10px;
        }
	}
}


.summary{

	.summary_overflower {
		padding:25px;
		padding-top:10px;
		padding-bottom:10px;
		background:@black;
		height: 300px;
		overflow:scroll;
		@media (max-width:1000px) {
			height: 400px;
		}
		@media (max-width:767px) {
			height: auto;
		    overflow: visible;
		    padding-top: 30px;
		    padding-bottom: 30px;
		}
	}

	h1 {
		color:@white;
		text-transform:uppercase;
		margin-top: 10px;
		margin-bottom: 25px;
		span {
			font-family: Montserrat-Bold;
			text-transform:none;
			font-size: 20px;
			color: #FFFFFF;
			letter-spacing: 0;
			line-height: 18px;
			display:block;
			position: relative;
			top: 5px;
		}
	}
	.wc_breadcrumbs_wrapper {
		color:@white;
		font-family: Montserrat-Bold;
		font-size: 12px;
		letter-spacing: 0;
		line-height: 22px;
		position: relative;
		left: 1px;
	}

	.product_meta {
		color:@white;
		padding-top: 5px;
		padding-bottom: 15px;
		a {
			color:@white;
		}
	}

}


.single-product {
	div.product div.images img {
		height: 600px!important;
		@media (max-width:767px) {

height: 400px!important;
		}
		object-fit: cover;
		object-position: center center;
		width: 100%!important;
	}

	.woocommerce-product-gallery {
		height: 600px!important;
		@media (max-width:767px) {
 			height: auto!important;
		}
	}

	.accordion_wrapper {

		padding:25px;
		padding-top:10px;
		padding-bottom:10px;
		background:@white;
		height: 300px;
		overflow: scroll;


		ul {
			margin-bottom: 0;
			list-style: none;
			padding: 0;
		}

		ul .inner {
			overflow: hidden;
			display: none;
		}

		ul li {
			margin-bottom: 10px;
			border-bottom: 1Px solid #D8D8D8;
			padding-bottom:10px;
		}

		ul li:last-child {
			border:none;
		}

		ul li .toggle {
			text-transform:uppercase;
			transition:none!important;
			width: 100%;
			display: block;
  // background: rgba(0, 0, 0, 0.78);
  color: @black;
  background-image:url(../img/svg/arrow-down-sign-to-navigate-2.svg);
  background-repeat:no-repeat;
  background-position:center right;
  font-family: Montserrat-Bold;
  font-size: 15px;
  color: #1B191A;
  letter-spacing: 0;
  line-height: 18px;
  padding-top:10px;
  padding-bottom:10px;
  cursor:pointer;
  display:block;

}
ul li.show .toggle {
	transition:none!important;
	background-image:url(../img/svg/arrow-down-sign-to-navigate.svg);
	background-repeat:no-repeat;
	background-position:center right;
}

.spacer {
	display:block;
	height:5Px;
}


}


.slick-dots {
	position: absolute;
	top: 50%;
	transform: translate(0px, -50%);
	right: 0;
	left: auto;
	width: 50px;
}


.home_inner_content.single_product {
	padding-top:80px;
	.profil_et_section {
		max-width:100%;
		@media (max-width: 1000px) {
			.max_width_padding_special_container();
			margin:auto;
		}
		> .container {
			@media (max-width: 1000px) {
				width:100%;
				
			}
		}
		.document_wrapper .icon_document {
			width: calc(100% - 60px);
			background-size: auto auto!important;
			background-repeat: no-repeat!important;
			background-position: bottom left!important;
		}

		.inner_wrapper {
			padding-bottom: 30px!important;
			* {
				max-width:100%!important;
			}
		}
		.document_wrapper .contenu {
			padding-left:30px;
			padding-right:30px;
			min-height: 65px;
		}
		.document_wrapper .contenu, .document_wrapper .contenu p  {
			font-family: Montserrat-Medium;
			font-size: 15px;
			color: #1B191A;
			letter-spacing: 0;
			line-height: 18px;
			margin-bottom:3px;
		}
	}

}


.catalogue_wrapper {
	.title_vignette {
		// bottom: 80px;
	}
	h3 span {
		display:block;
	}
	margin-bottom:220px;
}


}


.slick-dots {
	    list-style-type: none;
	button {
		font-size: 0;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    height: 15px;
    width: 2px!important;
    padding: 0;
    position: relative;
    left: 10px;
    background: rgba(255, 255, 255, 0.3);
	}
	li.slick-active {
		button {
			background: rgba(255, 255, 255, 1);
		}
	}
}

html body .blog_wrapper .block_3_articles_wrapper .container {
	@media (min-width : 768px) {
		width:1080px!important;
	}

	@media (max-width : 980px) {
		.row:not(.slick-initialized)  .block_3_articles {
margin-left:auto!important;
margin-right:auto!important;
		}
	}
}
.block_3_articles_wrapper .container {
	@media (min-width : 768px) {
		width:1000px;
	margin:auto;
	}
	
}
.blog_wrapper {
.block_3_articles_wrapper .block_3_articles {
	    margin: 0.5rem 2% !important;
	    margin-bottom:50px!important;
}

.block_3_articles_wrapper .block_3_articles {
	    margin: 0.5rem 2% !important;
	    margin-bottom:50px!important;
}

}


html[lang="en-US"] {

	body.tax-product_cat main .orderby{
		width: 96px;
		left: -82px;
    margin-right: -6px;
	}
}



html {

/* ALTERNATIF */
body.tax-product_cat.is_subcategory_page main {
	.gp_select_filter_wrapper {
		    left: 103px;
		    &:before {
		    	content:none;
		    }
	}
	.block_3_vignette_wrapper {
		position: relative;
    top: 10px;
	}
	
.products li {
	    width: auto;
    margin: auto;
    padding: 0;

        float: left;
    margin: 0.5rem 2%;
    min-height: 0.125rem;
    width: 29.33%;
        clear: none;
    margin-bottom: 50px;

  @media (min-width:768px) and  (max-width:768px){
  	margin: 0.5rem 2%!important;
    width: 29.33%!important;
    float: left!important;
    clear: none!important;
    margin-bottom: 50px!important;
  }


    @media (max-width:767px) {
    	width:100%!important;
    }

    > a:after {
    	right: 11%;
    width: 45px;
    background-image: url(http://localhost/noirdebois/wp-content/themes/lc_theme/img/svg/arrow-right-gold.svg);
    height: 45px;
    margin-left: 22%;
    border-radius: 100%;
    background-color: #C0955C;
    position: absolute;
    bottom: 0;
    content: "";
    }

    > a > img {
    		height: 415px;
			width:100%;
			object-fit:cover;
    }
}


.woocommerce-loop-category__title {
	    font-family: Montserrat-Bold!important;
    font-size: 18px!important;;
    color: #FFFFFF!important;;
    letter-spacing: 0;
    line-height: 18px;
       color: #FFF;
    position: absolute;
    width: 215px;
    margin-left: 20px!important;;
    bottom: 50px;
}
}
}


 .block_image.image_under_text .btn {
 	&:hover {
 		color:@black!important;
 		background:@white!important;
 		border-color:@white!important;
 	}
 }

.header_wrapper nav  {

.lang_wrapper {
	    margin-left: 6px;
    margin-right: 41px;
    >a {
    	color:@white!important;
    }
    &:hover >a {
    	color:@white!important;
    }
    > a:hover {
	  	color:@white!important; 
    }
}
.pastille {
	    position: relative;
    left: -35px;
}
		li.lang_wrapper:before {
			content:"";
			position:absolute;
			width:2px;
			height:12px;
			background:#474747;
			    top: 45px;
    margin-left: -12px;
		}
	li.lang_wrapper:after {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAACKADAAQAAAABAAAABQAAAABtFL/jAAAAP0lEQVQIHWP4////USDGBY4yAGUkgfgxFhUgMUkGEAAyjID4K5IiENsILAkjgALBQPwPioNh4ig0ULIGhJEFAS4XaQum1GZNAAAAAElFTkSuQmCC);
    width: 10px;
    height: 10px;
    position: absolute;
    top: 48px;
    background-repeat: no-repeat;
    margin-left: 7px;
}
	.sub_lang_wrapper {
				display:none;
		           z-index: 2;
    position: absolute;
    margin-top: -35px;
    margin-left: -4px;
    background: #1B191A;
    padding: 4px;
    padding-bottom: 0;
    line-height: 1;
    padding-top: 7px;
    border-top: 1Px solid #474747;
		    li {    
		    	margin: 0!important;
			    padding: 0!important;
			    line-height: 1!important;
			    height: auto!important;
			    margin-bottom: 10px!important;
			    a {
			    	color:@white!important;
				    &:hover {
				    	color:@gold!important;
				    
				    }
				}
		    }
	}
	.sub_lang_wrapper:hover {
				display:block;

			}
	li.lang_wrapper:hover, li.lang_wrapper:focus,li.lang_wrapper:active {
		&:after {
			background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAUGVYSWZNTQAqAAAACAACARIAAwAAAAEAAQAAh2kABAAAAAEAAAAmAAAAAAADoAEAAwAAAAEAAQAAoAIABAAAAAEAAAAIoAMABAAAAAEAAAAFAAAAAH/Jkf0AAAIuaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj41PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjg8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+ClTnOLYAAABCSURBVAgdY2BAAv///68BYSQhBBMoEQzE/6A4GCEDZAEFjYD4KxDDAIhtBFYEZEgC8WOYDBINEpME6T6KJIjOPAoAniRpCw1FmQYAAAAASUVORK5CYII=');
			  background-repeat: no-repeat;
		}
		.sub_lang_wrapper {
				display:block;
			}
	}
}

.breadcrumbs {
    padding-left: 1px;
}

.blog_wrapper .block_3_articles_wrapper .container {
    width: calc(1000px + 10px + 2%);
    .max_width_padding_special_container();
}
.logo_ul {
	    float: left;
    margin-left: 90px;
    margin-right: -90px;
}


.rs_wrapper img {
	filter:invert(1);
}

body #responsive-menu-container .rs_wrapper a {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -45px;
}

body {
	@media (max-width: 1430px) {
		> .wrapper {
			overflow:hidden;
		}
	}
	@media (max-width: 1200px) {
		header.header .header_wrapper .nav{
			display:block!important;
			width:auto;
			> ul:last-child {
				display:none;
			}
			> ul:not(.logo_ul) > li:not(.lang_wrapper) {
				display:none;
			}
			.logo_ul {
				    margin: 0;
				float: none;
		    position: absolute;
		    left: 50%;
		    transform: translate(-50%, 0px);
			}
			.lang_wrapper {
				position:absolute;
				right:-10px;
				z-index:10;
			}
			 li.lang_wrapper:before {
			 	content:none;
			 }
		} 

		.header_social_icon.header_loaded {
		z-index: 1;
		}
	}
	@media (max-width: 1200px) {
		.header_social_icon {
			display:none;
		}
		.slider_mega_cover, .header_cover{
			width:100%;
		}
	}

	@media (max-width: 980px) {

		.blog_wrapper {
			.block_3_articles_wrapper .container {
				.max_width_padding();
			}
			.block_3_articles_wrapper .block_3_articles {
				       width: 280px!important;
    margin: 0 auto!important;
    clear: both;
    float: none;
    margin-bottom: 70px!important;

				    .block_article {
				    	width: 100%!important;
				    	img {
				    		width:100%!important;
				    	}
				    	.titre_article {
				    		max-width:100%!important
				    	}
				    	margin-bottom:50px;
				    }
			}
		}

	}

	@media (max-width: 600px) {
		.blog_wrapper {
		.block_3_articles_wrapper .block_3_articles {
			width:100%!important;
		}

}
	}


}

.golden {
	display: inline-block;
    width: auto!important;
    padding: 3Px;
    background: #C0955C;
    font-family: Montserrat-Bold;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 18px;
    padding-top: 5px;
    padding-bottom: 5Px;
    padding-left: 10px;
    padding-right: 10px;
}


.slider_mega_cover .btn.white:hover  {
        background: white;
     border: 2px solid white;
}

html body .block_3_articles_wrapper .container {
    @media (min-width : 768px) {
        width:1080px!important;
    }
    .row:not(.slick-initialized) .block_3_articles:first-child {
            margin: 0.5rem 2% !important;
    }
       .row:not(.slick-initialized) .block_3_articles {
        margin: 0.5rem 2% !important;
        margin-bottom: 50px!important;
    }
.row:not(.slick-initialized) .block_3_articles:first-child .block_article {
        margin-left:auto!important;
    }
}


.woocommerce.archive .woocommerce-ordering {
        opacity: 0;
    pointer-events: none;
}


.woocommerce.archive .gp_select_filter_wrapper {
        opacity: 0;
    pointer-events: none;
}

.pagination > * {
    margin-left: 8px;
    margin-right: 8px;
}

.block_contenu_collaborateurs .right .title_vignette {
    @media (max-width:500px) {
        width: 160px;
    }
}

html body .block_3_articles_wrapper .row:not(.slick-initialized) .block_3_articles:last-child {
   
    left: -0.5em;
    position: relative;
}



.inline_menu_footer img {
        max-width: 100vw;
}


main > section > article.page {
    @media (min-width:1024px) {

        .catalogue_wrapper {
            top:110px;
            margin-top:0;
        }

    }
}