/*!
Theme Name: stylishstrands-theme
Theme URI: https://stylishstrands.com/
Author: Mdot Marketing
Author URI: https://mdotmarketing.co.uk
Description: A custom WordPres site for Stylish Strands
Version: 1.1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twoheads
*/


/* TABLE OF CONTENT
————————————————————————————————————————
	1. Resets   | Normalize and reset elements
	2. Generic  | Generic variables
	3. Config   | Theme specific overrides
	4. Base     | High-level base styles
	5. Helpers  | Helper classes
	6. Patterns | Components and design patterns
	7. App      | Theme specific partials/styles
/*


/* 1. Resets
———————————————————————————————————————— */


/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


/* Document
   ========================================================================== */


/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}


/* Sections
   ========================================================================== */


/**
 * Remove the margin in all browsers.
 */


body {
  margin: 0;
}


/**
 * Render the `main` element consistently in IE.
 */


main {
  display: block;
}


/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */


h1 {
  font-size: 2em;
  margin: 0.67em 0;
}


/* Grouping content
   ========================================================================== */


/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */


hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */


pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}


/* Text-level semantics
   ========================================================================== */


/**
 * Remove the gray background on active links in IE 10.
 */


a {
  background-color: transparent;
}


/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */


abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}


/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */


b,
strong {
  font-weight: bolder;
}


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */


code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}


/**
 * Add the correct font size in all browsers.
 */


small {
  font-size: 80%;
}


/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */


sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}


sub {
  bottom: -0.25em;
}


sup {
  top: -0.5em;
}


/* Embedded content
   ========================================================================== */


/**
 * Remove the border on images inside links in IE 10.
 */


img {
  border-style: none;
}


/* Forms
   ========================================================================== */


/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */


button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}


/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */


button,
input { /* 1 */
  overflow: visible;
}


/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */


button,
select { /* 1 */
  text-transform: none;
}


/**
 * Correct the inability to style clickable types in iOS and Safari.
 */


button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}


/**
 * Remove the inner border and padding in Firefox.
 */


button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}


/**
 * Restore the focus styles unset by the previous rule.
 */


button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}


/**
 * Correct the padding in Firefox.
 */


fieldset {
  padding: 0.35em 0.75em 0.625em;
}


/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */


legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}


/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */


progress {
  vertical-align: baseline;
}


/**
 * Remove the default vertical scrollbar in IE 10+.
 */


textarea {
  overflow: auto;
}


/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */


[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}


/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}


/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */


[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}


/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */


[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}


/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */


::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}


/* Interactive
   ========================================================================== */


/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */


details {
  display: block;
}


/*
 * Add the correct display in all browsers.
 */


summary {
  display: list-item;
}


/* Misc
   ========================================================================== */


/**
 * Add the correct display in IE 10+.
 */


template {
  display: none;
}


/**
 * Add the correct display in IE 10.
 */


[hidden] {
  display: none;
}


/* As well as using normalize, it is often advantageous to remove all margins from certain elements. */


body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin:  0;
  padding: 0;
}


/* Give a help cursor to elements that give extra info on `:hover`. */


abbr[title],
dfn[title] {
  cursor: help;
}


/* Remove underlines from potentially troublesome elements. */


u, ins {
  text-decoration: none;
}


/* Apply faux underlines to inserted text via `border-bottom`. */


ins {
  border-bottom: 1px solid;
}


/* 2. Generic
———————————————————————————————————————— */


/* A better default palette for the web */


/* Light to dark */


/* Greys */


/* Flat UI palette */


/* Helpers */


/* Add @font-face here */


@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 100;
  src: url("./fonts/./fonts/Inter-Thin-BETA.woff2") format("woff2"),
       url("./fonts/./fonts/Inter-Thin-BETA.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 100;
  src: url("./fonts/./fonts/Inter-ThinItalic-BETA.woff2") format("woff2"),
       url("./fonts/./fonts/Inter-ThinItalic-BETA.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 200;
  src: url("./fonts/Inter-ExtraLight-BETA.woff2") format("woff2"),
       url("./fonts/Inter-ExtraLight-BETA.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 200;
  src: url("./fonts/Inter-ExtraLightItalic-BETA.woff2") format("woff2"),
       url("./fonts/Inter-ExtraLightItalic-BETA.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 300;
  src: url("./fonts/Inter-Light-BETA.woff2") format("woff2"),
       url("./fonts/Inter-Light-BETA.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 300;
  src: url("./fonts/Inter-LightItalic-BETA.woff2") format("woff2"),
       url("./fonts/Inter-LightItalic-BETA.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 400;
  src: url("./fonts/Inter-Regular.woff2") format("woff2"),
       url("./fonts/Inter-Regular.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 400;
  src: url("./fonts/Inter-Italic.woff2") format("woff2"),
       url("./fonts/Inter-Italic.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 500;
  src: url("./fonts/Inter-Medium.woff2") format("woff2"),
       url("./fonts/Inter-Medium.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 500;
  src: url("./fonts/Inter-MediumItalic.woff2") format("woff2"),
       url("./fonts/Inter-MediumItalic.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 600;
  src: url("./fonts/Inter-SemiBold.woff2") format("woff2"),
       url("./fonts/Inter-SemiBold.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 600;
  src: url("./fonts/Inter-SemiBoldItalic.woff2") format("woff2"),
       url("./fonts/Inter-SemiBoldItalic.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 700;
  src: url("./fonts/Inter-Bold.woff2") format("woff2"),
       url("./fonts/Inter-Bold.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 700;
  src: url("./fonts/Inter-BoldItalic.woff2") format("woff2"),
       url("./fonts/Inter-BoldItalic.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 800;
  src: url("./fonts/Inter-ExtraBold.woff2") format("woff2"),
       url("./fonts/Inter-ExtraBold.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 800;
  src: url("./fonts/Inter-ExtraBoldItalic.woff2") format("woff2"),
       url("./fonts/Inter-ExtraBoldItalic.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 900;
  src: url("./fonts/Inter-Black.woff2") format("woff2"),
       url("./fonts/Inter-Black.woff") format("woff");
}


@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 900;
  src: url("./fonts/Inter-BlackItalic.woff2") format("woff2"),
       url("./fonts/Inter-BlackItalic.woff") format("woff");
}


/* 3. Config
———————————————————————————————————————— */


/* Branding
———————————————————————————————————————— */


/* Helper Cclor classes */


.primary 	{ color: #9B59B6; }


.secondary 	{ color: #222 }


.tertiary 	{ color: #000 }


/* Font stacks
———————————————————————————————————————— */


/* Basic global styles
———————————————————————————————————————— */


/* Spacings
———————————————————————————————————————— */


/* Breakpoints
———————————————————————————————————————— */


/* Centering containers max-width config
———————————————————————————————————————— */


/* Centering containers default side padding
———————————————————————————————————————— */


/* 4. Base
———————————————————————————————————————— */


/* Top-level page styles */


html {
    font-size: 62.5%;
    height: 100%;
    box-sizing: border-box;
}


*, *:before, *:after {
    box-sizing: inherit;
}


body {
    font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.6rem; /* currently ems cause chrome bug misinterpreting rems on body element */
    font-weight: 400;
    line-height: 1.5;
    color: #1d1d1d;
    min-height: 100%;
    background: #f5f5f5;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: relative;
}


html,
body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


/* Paragraphs */


p {
	margin-bottom: 10px;
}


h1, .h1 { font-size: 30px; }


h2, .h2 { font-size: 24px; }


h3, .h3 { font-size: 20px; }


h4, .h4 { font-size: 18px; }


h5, .h5 { font-size: 16px; }


h6, .h6 { font-size: 14px; }


@media only screen and (min-width: 768px) {
	h1, .h1 { font-size: 46px; }
	h2, .h2 { font-size: 36px; }
	h3, .h3 { font-size: 30px; }
	h4, .h4 { font-size: 24px; }
	h5, .h5 { font-size: 20px; }
	h6, .h6 { font-size: 18px; }
}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #1D1D1D;
	font-family: 'Courgette', 'cursive', 'Inter', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height: 1.25;
	font-weight: 400;
	margin: 0 0 10px 0;
}


/* Links */


a {
	text-decoration: none;
	color: #9B59B6;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}


a:hover {
		color: #222;
	}


a.text-link {
		text-decoration: underline;
	}


a.fancy-text-link {
		padding-bottom: 1px;
		border-bottom: 1px dotted #9B59B6;
	}


a.fancy-text-link:hover, a.fancy-text-link:focus {
			border-bottom: 1px dotted #9B59B6;
		}


a.fancy {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
  -webkit-transition: all .2s ease-in-out;
  text-decoration: none;
  border-bottom: none;
  position: relative;

}


a.fancy:hover:after {
		width: 100%;
		left: 0;
	}


a.fancy:after {
		content: '';
		position: absolute;
		width: 0;
		height: 1px;
		display: block;
		right: 0;
		background: rgba(255,255,255,0.5);
		-webkit-transition: width .2s ease;
		transition: width .2s ease;
	}


/**
* 1. Fluid images for responsive purposes.
* 2. Offset `alt` text from surrounding copy.
* 3. Setting `vertical-align` removes the whitespace
* that appears under `img` elements when they are dropped
* into a page as-is. Safer alternative to using `display: block;`.
*/


img {
	max-width: 100%; /* [1] */
	font-style: italic; /* [2] */
	vertical-align: middle; /* [3] */
	height: auto;
	width: auto;
}


/* 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector to remove the effects. */


.gm-style img { /* [1] */
	max-width: none;
}


ul, ol {
	margin-bottom: 20px;
	list-style-position: outside;
	margin-left: 40px;
}


/* Remove extra vertical spacing when nesting lists. */


li > ul,
	li > ol {
		margin-bottom: 0;
	}


/* Removes any indents and bullet points from lists. */


.list-bare {
	margin:  0;
	padding: 0;
	list-style: none;
	clear: both;
}


/* Displays a list of items in one line. */


.list-inline {
	margin:  0;
	padding: 0;
	list-style: none;
}


.list-inline > li {
		display: inline-block;
	}


/* Comma delimited list to semantically mark up lists of tags, etc.
N.B. This component requires that you remove the whitespace between LIs. The simplest (and valid) way to achieve this is by omitting the closing `</li>` tag. */


.list-inline--delimited > li + li:before {
			content: ", ";
		}


/* Definition lists */


dt {
	font-weight: bold;
}


dd {
	background: none no-repeat left top;
	padding-left: 20px;
}


/* User input code. Use the <kbd> to indicate input that is typically entered via keyboard. */


kbd {
	padding: 3px 6px;
	font-size: 95%;
	color: white;
	background-color: black;
	border-radius: 3px;
}


/* Code blocks. */


pre {
	display: block;
	padding: 0 0 20px 20px;
	color: black;
	margin-bottom: 20px;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f6f6f6;
	border: 1px solid #e2e2e2;
	border-radius: 2px;
	line-height: 1;
}


pre code {
		padding: 0;
		font-size: inherit;
		color: inherit;
		white-space: pre-wrap;
		background-color: transparent;
		border-radius: 0;
	}


/* `hr` elements only take up a few pixels, so we need to give them special treatment regarding vertical rhythm. */


hr {
	margin-bottom: 20px;
	color: #E2E2E2;
	border: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}


hr.dashed {
		border-bottom-style: dashed;
	}


hr.dotted {
		border-bottom-style: dotted;
	}


hr.thick {
		border-bottom-width: 2px;
	}


.table {
	width: 100%;
	margin-bottom: 20px;
}


.table thead th {
	text-align: left;
}


.table tr th {
	text-align: left;
}


/* Inverse colors on table. */


.table--inverse {
	background: black;
	color: white;
}


/* Force tables into having equal-width columns. */


.table--fixed {
	table-layout: fixed;
}


/* Tables with very tightly packed cells. */


.table--compact th,
	.table--compact td {
		padding: $table-padding--compact;
	}


/* Lightly packed cells. */


.table--cosy th,
	.table--cosy td {
		padding: $table-padding--cosy;
	}


/* Tables with very widely padded cells. */


.table--comfy th,
	.table--comfy td {
		padding: $table-padding--comfy;
	}


/* Add borders around a `table`. */


.table--cells th,
	.table--cells td {
		border: $table-border-width $table-border-style $table-border-color;
	}


/* Add borders only to `table`’s rows. */


.table--rows,
	.table--rows th,
	.table--rows td {
		border: 0 $table-border-style $table-border-color;
	}


.table--rows {
	border-top-width: $table-border-width;
}


.table--rows th,
	.table--rows td {
		border-bottom-width: $table-border-width;
	}


/* Add borders only to `table`’s columns. */


.table--columns,
	.table--columns th,
	.table--columns td {
		border: 0 $table-border-style $table-border-color;
	}


.table--columns {
	border-left-width: $table-border-width;
}


.table--columns th,
	.table--columns td {
		border-right-width: $table-border-width;
	}


/* FORMS */


/* Fieldsets and legends. */


fieldset {
  background: none;
  padding: 20px;
  border: 1px solid #1D1D1D;
  margin-bottom: 20px;
}


/* Every fieldset must contain a legend.
  IE barfs if it's not there. It's no fun. */


fieldset legend {
    padding: 0 10px;
    font-weight: 700;
  }


/* Labels. */


label {
	width: 100%;
	margin-bottom: 3px;
	font-size: 14px;
}


label.required:after {
		content: "*";
	}


label abbr {
		display: none;
	}


/* Inputs. */


input[type="text"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="url"],
textarea {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin-top: 5px;
	margin-bottom: 10px;
	outline: none;
	border-radius: 0;
	background: white;
	border: 1px solid #E2E2E2;
	padding: 10px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;

}


input[type="text"]:hover, input[type="email"]:hover, input[type="search"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="week"]:hover, input[type="time"]:hover, input[type="url"]:hover, textarea:hover {
		background: #FAFAFA;
		border: 1px solid rgba(0,0,0,0.25);
	}


input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
		background: #FAFAFA;
		border: 1px solid rgba(0,0,0,0.25);
	}


textarea {
	resize: vertical;
}


input[type="range"],
textarea {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin-bottom: 10px;
}


/* Select dropdowns. */


select {
	max-width: 100%;
	width: auto;
	vertical-align: top;
	box-sizing: border-box;
}


/* Radios and checkboxes. */


input[type="radio"],
input[type="checkbox"] {
	box-sizing: border-box;
	vertical-align: inherit;
}


input[type="checkbox"] {
	margin-right: 5px;
	vertical-align: inherit;
}


/* File inputs. */


input[type="file"] {
	box-sizing: border-box;
	margin-bottom: 10px;
	outline: none;
	padding: 5px 0;
	line-height: 1;
}


/* Submit. */


input[type="submit"], button[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	font: inherit;
	text-align: center;
	margin: 0;
	cursor: pointer;
	outline: none;
	border: none;
	padding: 10px 20px;
	background: #9B59B6;
	color: white;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 700;
	text-decoration: none;
}


input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus {
		background: black;
		color: white;
	}


/* Hold breakpoint aliases and conditions */


/* 480px and up */


/* 768px and up */


/* 992px and up */


/* 1200px and up */


/* 1440px and up */


/* 1920px and up */


/* Container settings
	 Define max-width settings on each breakpoint and padding for your containers. */


.container {
  margin: 0 auto;
  /* side padding */
  padding: 0 20px;
  /* max-width 100% by default (mobile first) */
  max-width: 100%;

}


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


.container:after {
    clear: both;
  }


@media(min-width: 480px) {


.container { max-width: 480px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px

}


.container:before { content: ''; display: table

}


.container:after { content: ''; display: table; clear: both

} }


@media(min-width: 768px) {


.container { max-width: 768px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px

}


.container:before { content: ''; display: table

}


.container:after { content: ''; display: table; clear: both

} }


@media(min-width: 992px) {


.container { max-width: 992px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px

}


.container:before { content: ''; display: table

}


.container:after { content: ''; display: table; clear: both

} }


@media(min-width: 1200px) {


.container { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px

}


.container:before { content: ''; display: table

}


.container:after { content: ''; display: table; clear: both

} }


@media(min-width: 1400px) {


.container { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px

}


.container:before { content: ''; display: table

}


.container:after { content: ''; display: table; clear: both

} }


@media(min-width: 1400px) {


.container { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px

}


.container:before { content: ''; display: table

}


.container:after { content: ''; display: table; clear: both

} }


/* 5. Helpers
———————————————————————————————————————— */


/* Clearfix */


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


.clearfix:after, .cf:after {
        clear: both;
    }


/* Hide visually AND from screen readers */


.hidden {
    display: none!important;
}


/* Hide visually BUT NOT from screen readers */


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


/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */


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


/* Hide visually AND from screen readers but maintain layout */


.invisible {
    visibility: hidden;
}


/* Generic separator */


.sep {
    margin: 0 10px;
}


/* Mute an element */


.muted {
    opacity: 0.4;
}


/* 6. Patterns
———————————————————————————————————————— */


@charset "UTF-8";


/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */


@-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;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */


@-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;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */


@-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: 0.75s;
  animation-duration: 0.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: 0.75s;
  animation-duration: 0.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: 0.75s;
  animation-duration: 0.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: 0.75s;
  animation-duration: 0.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;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */


@-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;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */


@-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 (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}


/* BUTTONS */


.btn, button {
	display: inline-block;
	vertical-align: middle;
	font: inherit;
	text-align: center;
	margin: 0;
	cursor: pointer;
	outline: none;
	border: none;
	padding: 10px 20px;
	background: #9B59B6;
	color: white;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 700;
	text-decoration: none;
}


.btn:hover, .btn:focus, button:hover, button:focus {
		background: black;
		color: white;
	}


.btn.disabled, button.disabled {
		color: #999999;
		cursor: not-allowed;
		pointer-events:none;
		background-color: rgb(229, 229, 229) !important;
	}


/* Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding. */


.btn::-moz-focus-inner, button::-moz-focus-inner {
		border: 0;
		padding: 0;
	}


.btn.btn--small, button.btn--small {
		padding: 5px 10px;
	}


.btn.btn--large, button.btn--large {
		padding: 20px 40px;
	}


.btn.btn--full, button.btn--full {
		width: 100%;
	}


.btn.btn--pill, button.btn--pill {
		border-radius: 100px;
	}


.btn.btn--primary, .btn.primary, button.btn--primary, button.primary {
		background: #9B59B6;
		color: white;
	}


.btn.btn--primary:hover, .btn.btn--primary:focus, .btn.primary:hover, .btn.primary:focus, button.btn--primary:hover, button.btn--primary:focus, button.primary:hover, button.primary:focus {
			background: black;
			color: white;
		}


.btn.btn--secondary, .btn.secondary, button.btn--secondary, button.secondary {
		background: #222;
		color: black;
	}


.btn.btn--secondary:hover, .btn.btn--secondary:focus, .btn.secondary:hover, .btn.secondary:focus, button.btn--secondary:hover, button.btn--secondary:focus, button.secondary:hover, button.secondary:focus {
			background: black;
			color: white;
		}


.btn.btn--tertiary, .btn.tertiary, button.btn--tertiary, button.tertiary {
		background: #000;
		color: white;
	}


.btn.btn--tertiary:hover, .btn.btn--tertiary:focus, .btn.tertiary:hover, .btn.tertiary:focus, button.btn--tertiary:hover, button.btn--tertiary:focus, button.tertiary:hover, button.tertiary:focus {
			background: black;
			color: white;
		}


/* Slider */


.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}


.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}


.slick-list:focus
{
    outline: none;
}


.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}


.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}


.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}


.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}


.slick-track:after
{
    clear: both;
}


.slick-loading .slick-track
{
    visibility: hidden;
}


.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}


[dir='rtl'] .slick-slide
{
    float: right;
}


.slick-slide img
{
    display: block;
}


.slick-slide.slick-loading img
{
    display: none;
}


.slick-slide.dragging img
{
    pointer-events: none;
}


.slick-initialized .slick-slide
{
    display: block;
}


.slick-loading .slick-slide
{
    visibility: hidden;
}


.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}


.slick-arrow.slick-hidden {
    display: none;
}


@charset 'UTF-8';


/* Slider */


.slick-loading .slick-list
{
    background: #fff url('./images/ajax-loader.gif') center center no-repeat;
}


/* Icons */


@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}


/* Arrows */


.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}


.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}


.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}


.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}


.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.slick-prev
{
    left: -25px;
}


[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}


.slick-prev:before
{
    content: '←';
}


[dir='rtl'] .slick-prev:before
{
    content: '→';
}


.slick-next
{
    right: -25px;
}


[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}


.slick-next:before
{
    content: '→';
}


[dir='rtl'] .slick-next:before
{
    content: '←';
}


/* Dots */


.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}


.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}


.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}


.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}


.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}


.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}


.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* 7. Theme
———————————————————————————————————————— */


/* THEME SHARED STYLES */


#__lpform_first-name {
	display: none!important;
}


.site {
	position: relative;
	height: 100%;
}


/* Default section padding */


.section-padding {
	padding: 40px 0;
	padding-top: 80px;

}


.section-padding > .container > :last-child {
			margin-bottom: 0;
		}


@media(min-width: 768px) {


.section-padding {
		padding-top: 60px

}
	}


@media(min-width: 992px) {


.section-padding {
		padding: 60px 0

}
	}


.section-padding--large {
		padding: 60px 0;
	}


@media(min-width: 992px) {


.section-padding--large {
			padding: 80px 0
	}
		}


@media(min-width: 992px) {


.section-padding--large {
			padding: 140px 0
	}
		}


/* Generic WIZIWIG section */


.generic h2, .generic h3, .generic h4, .generic h5, .generic h6 {
		position: relative;
		margin-bottom: 40px;
	}


.generic h2:after, .generic h3:after, .generic h4:after, .generic h5:after, .generic h6:after {		
		content: "";
		background: #9B59B6;
		position: absolute;
		left: 45%;
		top: 120%;
		height: 2px;
		width: 10%;
		}


@media(min-width: 992px) {


.generic h2:after, .generic h3:after, .generic h4:after, .generic h5:after, .generic h6:after {
			top: 150%
		}
				
			}


.generic p {
		color: #222;
		font-size: 14px;
	}


@media(min-width: 992px) {


.generic p {
			max-width: 80%;
			margin-left: 10%
	}
		}


/* PAGE STYLING */


.page .wp-block-gallery {
		margin: 0;
		padding: 40px 0;
	}


/* BODY MODAL OVERLAY */


.overlay {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
	z-index: 99;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;

}


/* TITLE DIVIDERS */


.title-divider {
	display: block;
	width: 50px;
	height: 5px;
	background: #9B59B6;
	margin-top: 5px;
}


/* Block Columns */


.wp-block-columns {
	margin-bottom: 0;
}


.wp-block-columns h3, .wp-block-columns h4, .wp-block-columns h5 {
		color: #9B59B6;
		margin-top: 0!important;
	}


.wp-block-columns p:last-of-type {
		margin-bottom: 40px;
	}


.page__content__intro h4 {
		margin-top: 30px;
	}


/* THEME HEADER STYLES */


.site__header {
	background: #000;
	padding: 0;
	position: static;
	padding: 20px 0;

}

.site__header .container {
  max-width: 100%;
}


@media(min-width: 992px) {


.site__header {
		padding: 20px 0 0 0;
		position: relative;
		width: 100%;
		z-index: 11

}
	}


.site__header__branding {
		width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
		position: relative;
		z-index: 11;
	
	}


.site__header__branding:nth-child(1n) {
		float: left;
		margin-right: 30px;
		clear: none;
	
	}


.site__header__branding:last-child {
		margin-right: 0;
	
	}


.site__header__branding:nth-child(2n) {
		margin-right: 0;
		float: right;
	
	}


.site__header__branding:nth-child(2n + 1) {
		clear: both;
	
	}


@media(min-width: 992px) {


.site__header__branding {
			width: calc(99.9% * 20/100 - (30px - 30px * 20/100))
	
	}


.site__header__branding:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	
	}


.site__header__branding:last-child {
			margin-right: 0
	
	}


.site__header__branding:nth-child(100n) {
			margin-right: 0;
			float: right
	
	}


.site__header__branding:nth-child(100n + 1) {
			clear: both
	
	}
		}


.site__header__contacts {
		display: none;
	
	}


@media(min-width: 992px) {


.site__header__contacts {
			display: block;
			width: calc(99.9% * 80/100 - (30px - 30px * 80/100));
			float: right!important;
			margin-right: 0!important;
			position: relative
	
	}


.site__header__contacts:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	
	}


.site__header__contacts:last-child {
			margin-right: 0
	
	}


.site__header__contacts:nth-child(100n) {
			margin-right: 0;
			float: right
	
	}


.site__header__contacts:nth-child(100n + 1) {
			clear: both
	
	}
		}


.site__header__contacts ul {
			display: flex;
      align-items: center;
      justify-content: flex-end;
      height: 100%;
      flex-wrap: wrap;
      gap: 10px;
		}


.site__header__contacts ul li {
				font-size: 14px;
				margin-right: 20px;
			}


.site__header__contacts ul li:last-child {
					margin-right: 0;
				}


.site__header__contacts ul li a {
					color: white;
				}


.site__header__contacts ul li:not(.ai-assistant) a:hover {
						color: #9B59B6;
					}


.site__header__contacts ul li .fa {
					color: #9B59B6;
					margin-right: 5px;
				}


.site__header__contacts ul li.header-social a {
						font-size: 18px;
					}


.site__header__contacts ul li.header-social a:first-child {
						margin-right: 10px;
					}


.site__header__contacts ul li.header-address {
					color: white;
					clear: both;
					display: block;
					margin-bottom: 5px;
				}

.site__header__contacts ul li .btn:hover,
.site__header__contacts ul li .btn:visited {
  background: #9B59B6;
  color: #ffffff;
}

.site__header__contacts .ai-assistant {
  float: right;
}
.ai-assistant a {
  display:inline-block;
  background:#9B59B6;
  color:#FFFFFF;
  padding:12px 18px;
  border-radius:8px;
  text-decoration:none;
  font-family:'Open Sans',sans-serif;
  font-size:16px;
  font-weight:700;
  box-shadow:0 3px 10px rgba(0,0,0,0.10);
  animation:pulse 1.8s infinite;
  text-align:center;
}
.ai-assistant a:hover,
.ai-assistant a:visited {
  color: #ffffff;
}
.site__footer__right.cf.ai-assistant a {
  max-width: 100%;
}
.page--contact__direct .ai-assistant {
  margin-top: 40px;
}
.site__header__navigation .ai-assistant {
  text-align: center;
  margin-top: 1em;
  display: none;
}
@media(max-width: 922px) {
  .site__header__navigation .ai-assistant {
    display: block;
  }
}

@keyframes pulse {
  0% { transform:scale(1); }
  50% { transform:scale(1.06); }
  100% { transform:scale(1); }
}


@media(min-width: 1200px) {


.site__header__contacts ul li.header-address {
						clear: none;
						display: inline-block;
						margin-bottom: 0
				}						
					}


.site__header__logo {
		margin-bottom: 0;
		max-width: 125px;
		line-height: 1;
	
	}


@media(min-width: 480px) {


.site__header__logo {
			max-width: 100%
	
	}
			.site__header__logo a {
				max-width: 155px;
				display: block;
			}
		}


@media(min-width: 992px) {


.site__header__logo {
			max-width: 100%
	
	}
			.site__header__logo a {
				max-width: 215px;
				display: block;
			}
		}


.site__header__nav-trigger {
		width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
		position: relative;
		z-index: 11;
		padding-top: 5px;

	}


.site__header__nav-trigger:nth-child(1n) {
		float: left;
		margin-right: 30px;
		clear: none;

	}


.site__header__nav-trigger:last-child {
		margin-right: 0;

	}


.site__header__nav-trigger:nth-child(2n) {
		margin-right: 0;
		float: right;

	}


.site__header__nav-trigger:nth-child(2n + 1) {
		clear: both;

	}


@media(min-width: 768px) {


.site__header__nav-trigger {
			padding-top: 12px

	}
		}


@media(min-width: 992px) {


.site__header__nav-trigger {
			display: none

	}
		}


.site__header__nav-trigger .hamburger {
			float: right;
		}


.site__header__nav-trigger .hamburger .line {
		  width: 40px;
		  height: 2px;
		  background-color: white;
		  display: block;
		  margin: 6px 0;
		  -webkit-transition: all 0.3s ease-in-out;
		  transition: all 0.3s ease-in-out;
		}


.site__header__nav-trigger .hamburger:hover{
		  cursor: pointer;
		}


.site__header__nav-trigger .hamburger.is-active .line:nth-child(2) {
		  	opacity: 0;
		  }


.site__header__nav-trigger .hamburger.is-active .line:nth-child(1) {
		  	-webkit-transform: translateY(10px) rotate(45deg);
		  	        transform: translateY(10px) rotate(45deg);
			}


.site__header__nav-trigger .hamburger.is-active .line:nth-child(3) {
		  	 -webkit-transform: translateY(-6px) rotate(-45deg);
		  	         transform: translateY(-6px) rotate(-45deg);
			}


.site__header__navigation {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #000;
		z-index: 10;
		padding-top: 120px;
		display: none;

	}


.site__header__navigation ul {
			list-style: none;
			padding: 0;
			margin: 0;

		}


.site__header__navigation ul li {
				border-bottom: 1px solid rgba(255,255,255,0.2);
				font-size: 14px;
				font-weight: 600;

			}


.site__header__navigation ul li.duplicate {
					display: none;
				}


@media(min-width: 992px) {


.site__header__navigation ul li.duplicate {
						display: block
				}
					}


.site__header__navigation ul li a {
					display: block;
					padding: 10px 20px;
					color: white;
				}


/* ACTIVE STATE */


.site__header__navigation ul li.current-menu-item > a, .site__header__navigation ul li.current_page_item > a {
					color: #9B59B6;
				}


@media(min-width: 992px) {


.site__header__navigation ul li.current-menu-item > a, .site__header__navigation ul li.current_page_item > a {
						color: white
				}
					}


/* ICON */


.site__header__navigation ul li .trigger-sub-menu {
					float: right;
					color: #9B59B6;
					display: inline-block;
					width: 30px;
					text-align: center;
					border: 1px solid rgba(255,255,255,0.2);
					position: relative;
					z-index: 10;
					top: 10px;
					right: 20px;

				}


@media(min-width: 992px) {


.site__header__navigation ul li .trigger-sub-menu {
						float: none;
						color: #999999;
						font-size: 12px;
						vertical-align: bottom;
						display: inline-block;
						width: auto;
						text-align: left;
						border: none;
						position: relative;
						z-index: 10;
						margin-left: 10px;
						top: auto;
						right: auto

				}
					}


.site__header__navigation ul li .trigger-sub-menu .fa-angle-up {
						position: relative;
						top: -1px;
					}


/* LEVEL 2 */


.site__header__navigation ul.sub-menu {
				background: #222;
				clear: both;
				display: none;

			}


.site__header__navigation ul.sub-menu li {
					clear: both;
					border-bottom: none;
					font-weight: 400;

				}


.site__header__navigation ul.sub-menu li a {

					}


.site__header__navigation ul.sub-menu li:first-child a {
						padding-top: 20px;
					}


.site__header__navigation ul.sub-menu li:last-child a {
						padding-bottom: 20px;
					}


.site__header__navigation .container {
			padding: 0;
			max-width: none;
		
		}


@media(min-width: 992px) {


.site__header__navigation .container {
				padding: 0 20px;
			  max-width: 100%
		
		}
			  @media(min-width: 992px) {


.site__header__navigation .container { max-width: 992px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px
		
		}


.site__header__navigation .container:before { content: ''; display: table
		
		}


.site__header__navigation .container:after { content: ''; display: table; clear: both
		
		} }
			  @media(min-width: 1200px) {


.site__header__navigation .container { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px
		
		}


.site__header__navigation .container:before { content: ''; display: table
		
		}


.site__header__navigation .container:after { content: ''; display: table; clear: both
		
		} }
			  @media(min-width: 1400px) {


.site__header__navigation .container { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px
		
		}


.site__header__navigation .container:before { content: ''; display: table
		
		}


.site__header__navigation .container:after { content: ''; display: table; clear: both
		
		} }
			}


/* NAVIGATION MENU DESKTOP */


@media(min-width: 992px) {


.site__header__navigation {
			display: block!important;
			position: relative;
			padding-top: 0;
			border-top: 1px solid #666666;
			background: #000;
			margin-top: 20px;
			padding: 20px 0

	}

			.site__header__navigation .search-form {
				display: block;
				width: 25%;
				float: right;
				position: relative;
			}
				.site__header__navigation .search-form ::-webkit-input-placeholder { color: rgba(255,255,255,0.5); }
				.site__header__navigation .search-form ::-moz-placeholder { color: rgba(255,255,255,0.5); }
				.site__header__navigation .search-form :-ms-input-placeholder { color: rgba(255,255,255,0.5); }
				.site__header__navigation .search-form :-moz-placeholder { color: rgba(255,255,255,0.5); }
				.site__header__navigation .search-form input {
					margin: 0;
					height: 22px;
					background: none;
					color: white;
					border: none;
					width: 94%;
				}
				.site__header__navigation .search-form .fa {
					right: 0;
					color: #9B59B6;
					position: absolute;
					top: 60%;
					-webkit-transform: translateY(-50%);
					        transform: translateY(-50%);
				}

			.site__header__navigation ul {
				list-style: none;
				padding: 0;
				margin: 0;
				width: 100%;
				float: left;


			}
				.site__header__navigation ul li {
					display: inline;
					float: left;
					border-bottom: none;
					font-size: 15px;
					margin-left: 30px;
					position: relative;

				}
					.site__header__navigation ul li:first-child {
						margin-left: 0;
					}
					.site__header__navigation ul li a {
						display: block;
						padding: 0;
						color: white;
						float: left;
					}
						.site__header__navigation ul li a:hover, .site__header__navigation ul li a:focus {
							color: #9B59B6;
						}
					.site__header__navigation ul li.current-menu-item a, .site__header__navigation ul li.current_page_item a {
						color: #9B59B6;
					}

					.site__header__navigation ul li.current-menu-item > a, .site__header__navigation ul li.current_page_item > a, .site__header__navigation ul li.current_page_parent > a, .site__header__navigation ul li.current_page_ancestor > a {
						color: #9B59B6;
					}				
						@media(min-width: 992px) {

					.site__header__navigation ul li.current-menu-item > a, .site__header__navigation ul li.current_page_item > a, .site__header__navigation ul li.current_page_parent > a, .site__header__navigation ul li.current_page_ancestor > a {
							color: #9B59B6;
							border-bottom: 1px solid $brand
					}
						}

			.site__header__navigation ul.sub-menu {
				display: none;
				background: white;
				border: none;
				position: absolute;
				top: 100%;
				left: 0;
				width: -webkit-max-content;
				width: -moz-max-content;
				width: max-content;

			}
				.site__header__navigation ul.sub-menu li {
					clear: both;
					border-bottom: none;
					font-weight: 400;
					margin-left: 0;
					display: block;
					width: 100%!important;

				}
					.site__header__navigation ul.sub-menu li a {
						color: black!important;
						padding: 10px 40px 10px 10px;
						background: white;
						width: 100%;
					}
						.site__header__navigation ul.sub-menu li a:hover {
							background: #000;
							color: white!important;
						}
					.site__header__navigation ul.sub-menu li:first-child a {
						padding-top: 10px;
					}
					.site__header__navigation ul.sub-menu li:last-child a {
						padding-bottom: 10px;
					}

		}


.search-form {
	display: none;
}


/* THEME FOOTER STYLES */


.site__footer {
	padding: 20px 0;
	background: #000;
	color: white;
	font-size: 12px;
	font-weight: 400;

}


@media(min-width: 480px) {


.site__footer {
		font-size: 14px

}
	}


@media(min-width: 768px) {


.site__footer {
		padding: 40px 0

}
	}

.site__footer__left {
  padding-top: 10px;
}


@media(min-width: 992px) {


.site__footer__left {
			width: calc(99.9% * 8/12 - (30px - 30px * 9/12))
	}


.site__footer__left:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	}


.site__footer__left:last-child {
			margin-right: 0
	}


.site__footer__left:nth-child(12n) {
			margin-right: 0;
			float: right
	}


.site__footer__left:nth-child(12n + 1) {
			clear: both
	}
		}


@media(min-width: 992px) {


.site__footer__right {
			width: calc(99.9% * 4/12 - (30px - 30px * 3/12))
	}


.site__footer__right:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	}


.site__footer__right:last-child {
			margin-right: 0
	}


.site__footer__right:nth-child(12n) {
			margin-right: 0;
			float: right
	}


.site__footer__right:nth-child(12n + 1) {
			clear: both
	}
		}


.site__footer__copyright {
		text-align: center;
		margin-bottom: 20px;
	
	}


@media(min-width: 768px) {


.site__footer__copyright {
			text-align: left;
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2))
	
	}


.site__footer__copyright:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	
	}


.site__footer__copyright:last-child {
			margin-right: 0
	
	}


.site__footer__copyright:nth-child(2n) {
			margin-right: 0;
			float: right
	
	}


.site__footer__copyright:nth-child(2n + 1) {
			clear: both
	
	}
		}


@media(min-width: 992px) {


.site__footer__copyright {
			width: calc(99.9% * 5/12 - (30px - 30px * 5/12))
	
	}


.site__footer__copyright:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	
	}


.site__footer__copyright:last-child {
			margin-right: 0
	
	}


.site__footer__copyright:nth-child(12n) {
			margin-right: 0;
			float: right
	
	}


.site__footer__copyright:nth-child(12n + 1) {
			clear: both
	
	}
		}


.site__footer__copyright p {
			margin-bottom: 0;
		}


@media(min-width: 768px) {


.site__footer__legals {
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
			margin-bottom: 0
	
	}


.site__footer__legals:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	
	}


.site__footer__legals:last-child {
			margin-right: 0
	
	}


.site__footer__legals:nth-child(2n) {
			margin-right: 0;
			float: right
	
	}


.site__footer__legals:nth-child(2n + 1) {
			clear: both
	
	}
		}


@media(min-width: 992px) {


.site__footer__legals {
			width: calc(99.9% * 7/12 - (30px - 30px * 7/12));
			margin-right: 0!important
	
	}


.site__footer__legals:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	
	}


.site__footer__legals:last-child {
			margin-right: 0
	
	}


.site__footer__legals:nth-child(12n) {
			margin-right: 0;
			float: right
	
	}


.site__footer__legals:nth-child(12n + 1) {
			clear: both
	
	}
		}


.site__footer__legals ul {
			text-align: center;
		}


@media(min-width: 768px) {


.site__footer__legals ul {
				text-align: left
		}
			}


.site__footer__legals ul li {
				display: inline;
				font-size: 11px;
			}


@media(min-width: 768px) {


.site__footer__legals ul li {
					font-size: 14px
			}
				}


.site__footer__legals ul li:after {
					content: "|";
					margin: 0 10px;
					color: #999999;
				}


.site__footer__legals ul li:last-child:after {
						content: "";
						margin: 0;
					}


.site__footer__legals ul li a {
					color: white;
				}


@media(min-width: 992px) {
						.site__footer__legals ul li a:hover, .site__footer__legals ul li a:focus {
							color: #9B59B6;
						}	
					}


.site__footer__company {
		font-size: 11px;
		margin-bottom: 20px;
		text-align: center;

	}


@media(min-width: 768px) {


.site__footer__company {
			text-align: left;
			width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
			font-size: 13px

	}


.site__footer__company:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none

	}


.site__footer__company:last-child {
			margin-right: 0

	}


.site__footer__company:nth-child(1n) {
			margin-right: 0;
			float: right

	}


.site__footer__company:nth-child(1n + 1) {
			clear: both

	}
		}


@media(min-width: 768px) {


.site__footer__logo {
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
			margin: 0
	}


.site__footer__logo:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	}


.site__footer__logo:last-child {
			margin-right: 0
	}


.site__footer__logo:nth-child(2n) {
			margin-right: 0;
			float: right
	}


.site__footer__logo:nth-child(2n + 1) {
			clear: both
	}
		}


@media(min-width: 992px) {


.site__footer__logo {
			width: calc(99.9% * 3/12 - (30px - 30px * 3/12))
	}


.site__footer__logo:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	}


.site__footer__logo:last-child {
			margin-right: 0
	}


.site__footer__logo:nth-child(12n) {
			margin-right: 0;
			float: right
	}


.site__footer__logo:nth-child(12n + 1) {
			clear: both
	}
		}


.site__footer__right.cf a {
			display: block;
			margin: 0 auto;
		}


@media(min-width: 768px) {


.site__footer__logo a {
				float: right
		}
			}


@media(min-width: 992px) {


.site__footer__logo a {
				opacity: 0.5
		}
				.site__footer__logo a:hover {
					opacity: 1;
				}
			}


/* FORMS */


/* Get in touch section */


.get-in-touch {
	background: white;

}


.get-in-touch__copy {
		margin-bottom: 40px;
	
	}


@media(min-width: 992px) {


.get-in-touch__copy {
			margin-bottom: 0;
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2))
	
	}


.get-in-touch__copy:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	
	}


.get-in-touch__copy:last-child {
			margin-right: 0
	
	}


.get-in-touch__copy:nth-child(2n) {
			margin-right: 0;
			float: right
	
	}


.get-in-touch__copy:nth-child(2n + 1) {
			clear: both
	
	}
		}


.get-in-touch__copy h2 {
			color: #000;
			font-size: 24px;
		}


@media(min-width: 992px) {


.get-in-touch__copy h2 {
				font-size: 30px;
				line-height: 1.1
		}
			}


@media(min-width: 1200px) {


.get-in-touch__copy h2 {
				max-width: 80%
		}
			}


.get-in-touch__copy .title-border {
			background: #9B59B6;
			height: 5px;
			width: 80px;
			margin-bottom: 20px;
		}


.get-in-touch__copy p {
			font-size: 14px;
			color: #666666;
			margin-bottom: 0;
		}


@media(min-width: 992px) {


.get-in-touch__copy p {
				max-width: 80%
		}
			}


.get-in-touch__copy__contacts {
		padding: 20px 0 0 0;

	}


@media(min-width: 992px) {


.get-in-touch__copy__contacts {
			padding-top: 60px

	}
		}


.get-in-touch__copy__contacts ul li {
				font-weight: 600;
				margin-bottom: 5px;
			}


.get-in-touch__copy__contacts ul li a {
					color: #000;
				}


.get-in-touch__copy__contacts ul li a:hover, .get-in-touch__copy__contacts ul li a:focus {
						color: #9B59B6;
					}


.get-in-touch__copy__contacts ul li .fa {
					color: #9B59B6;
					margin-right: 5px;
				}


.get-in-touch__form {
		font-size: 14px;
		color: #000;

	}


@media(min-width: 992px) {


.get-in-touch__form {
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2))

	}


.get-in-touch__form:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none

	}


.get-in-touch__form:last-child {
			margin-right: 0

	}


.get-in-touch__form:nth-child(2n) {
			margin-right: 0;
			float: right

	}


.get-in-touch__form:nth-child(2n + 1) {
			clear: both

	}
		}


.get-in-touch__form .wpcf7 {
			clear: both;
			overflow: hidden;
		}


.get-in-touch__form .wpcf7 .ajax-loader {
				display: none;
			}


.get-in-touch__form .wpcf7 .wpcf7-submit {
				margin-bottom: 10px;
			}


@media(min-width: 992px) {


.get-in-touch__form .wpcf7 .wpcf7-submit {
					margin-bottom: 0
			}
				}


.get-in-touch__form .wpcf7 .wpcf7-submit:disabled {
		    		cursor: not-allowed;
		    		opacity: 0.5;
				}


.get-in-touch__form .wpcf7 .wpcf7-submit:disabled:hover {
		    			background: #9B59B6;
		    		}


@media(min-width: 768px) {


.get-in-touch__form .wpcf7 .wpcf7-submit {
					width: 49.5%; float: right
			}
				}


.get-in-touch__form .wpcf7 .wpcf7-form-control-wrap {
				display: block;
				margin-bottom: 10px;
			}


@media(min-width: 768px) {
					.get-in-touch__form .wpcf7 .wpcf7-form-control-wrap.first-name { width: 49.5%; float: left; }
					.get-in-touch__form .wpcf7 .wpcf7-form-control-wrap.last-name { width: 49.5%; float: right; }
					.get-in-touch__form .wpcf7 .wpcf7-form-control-wrap.telephone { width: 49.5%; float: right; }
					.get-in-touch__form .wpcf7 .wpcf7-form-control-wrap.message { width: 100%; float: left; }
					.get-in-touch__form .wpcf7 .wpcf7-form-control-wrap.emailaddress { width: 49.5%; float: left; }
					.get-in-touch__form .wpcf7 .wpcf7-form-control-wrap.privacy-check { width: 49.5%; float: left; }
					.get-in-touch__form .wpcf7 .wpcf7-form-control-wrap.message textarea{ margin: 0; }					
				}


@media(min-width: 992px) {
					.get-in-touch__form .wpcf7 .wpcf7-form-control-wrap.privacy-check { margin-bottom: 0; }					
				}


.get-in-touch__form input {
			width: 100%;
			margin: 0;
		}


.get-in-touch__form .wpcf7-list-item {
			margin: 0;
		}


.get-in-touch__form input[type=checkbox] {
			width: auto;
			vertical-align: middle;
			margin-right: 5px;
		}


.get-in-touch__form label {
			font-size: 12px;
		}


/* Newsletter section */


.newsletter__copy {
		margin-bottom: 40px;
	
	}


@media(min-width: 992px) {


.newsletter__copy {
			margin-bottom: 0;
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2))
	
	}


.newsletter__copy:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	
	}


.newsletter__copy:last-child {
			margin-right: 0
	
	}


.newsletter__copy:nth-child(2n) {
			margin-right: 0;
			float: right
	
	}


.newsletter__copy:nth-child(2n + 1) {
			clear: both
	
	}
		}


.newsletter__copy h3 {
			font-size: 18px;
		}


@media(min-width: 992px) {


.newsletter__copy h3 {
				font-size: 20px
		}
			}


.newsletter__copy p {
			font-size: 14px;
			color: #222;
			margin-bottom: 0;
		}


@media(min-width: 992px) {


.newsletter__copy p {
				max-width: 80%
		}
			}


.newsletter__form {
		font-size: 14px;

	}


@media(min-width: 992px) {


.newsletter__form {
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2))

	}


.newsletter__form:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none

	}


.newsletter__form:last-child {
			margin-right: 0

	}


.newsletter__form:nth-child(2n) {
			margin-right: 0;
			float: right

	}


.newsletter__form:nth-child(2n + 1) {
			clear: both

	}
		}


.newsletter__form .wpcf7 {
			clear: both;
			overflow: hidden;
		}


.newsletter__form .wpcf7 .ajax-loader {
				display: none;
			}


.newsletter__form .wpcf7 .wpcf7-submit {
				margin-bottom: 10px;
			}


@media(min-width: 992px) {


.newsletter__form .wpcf7 .wpcf7-submit {
					margin-bottom: 0
			}
				}


.newsletter__form .wpcf7 .wpcf7-submit:disabled {
		    		cursor: not-allowed;
		    		opacity: 0.5;
				}


.newsletter__form .wpcf7 .wpcf7-submit:disabled:hover {
		    			background: #9B59B6;
		    		}


@media(min-width: 768px) {


.newsletter__form .wpcf7 .wpcf7-submit {
					width: 49.5%; float: right
			}
				}


.newsletter__form .wpcf7 .wpcf7-form-control-wrap {
				display: block;
				margin-bottom: 10px;
			}


@media(min-width: 768px) {
					.newsletter__form .wpcf7 .wpcf7-form-control-wrap.first-name { width: 49.5%; float: left; }
					.newsletter__form .wpcf7 .wpcf7-form-control-wrap.last-name { width: 49.5%; float: right; }
					.newsletter__form .wpcf7 .wpcf7-form-control-wrap.emailaddress { width: 100%; float: left; }
					.newsletter__form .wpcf7 .wpcf7-form-control-wrap.privacy-check { width: 49.5%; float: left; }					
				}


@media(min-width: 992px) {
					.newsletter__form .wpcf7 .wpcf7-form-control-wrap.privacy-check { margin-bottom: 0; }					
				}


.newsletter__form input {
			width: 100%;
			margin: 0;
		}


.newsletter__form .wpcf7-list-item {
			margin: 0;
		}


.newsletter__form input[type=checkbox] {
			width: auto;
			vertical-align: middle;
			margin-right: 5px;
		}


.newsletter__form label {
			font-size: 12px;
		}


/* Form validation */


.wpcf7-not-valid {
	border: 1px solid red!important;
}


.wpcf7-not-valid-tip {
	display: none!important;
}


.wpcf7-response-output.wpcf7-validation-errors {
	border: 1px solid #F1C40F!important;
	background: #F1C40F;
	color: black!important;
	margin: 0;
	padding: 10px 20px;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	overflow: hidden;
	width: 100%;
	position: relative;
	top: 20px;
	height: 65px;
}


.wpcf7-response-output.wpcf7-mail-sent-ok {
	border: 1px solid #2ECC71!important;
	background: #2ECC71;
	color: black!important;
	margin: 0;
	padding: 10px 20px;
	text-align: center;
	font-weight: 600;    
	font-size: 14px;
	overflow: hidden;
	width: 100%;
	position: relative;
	top: 20px;
	height: 65px;
}


/* PAGE HEADERS */


.page__header {
	position: relative;
	min-height: 100px;
	background-position: center center;

}


@media(min-width: 768px) {


.page__header {
		min-height: 200px

}
	}


@media(min-width: 992px) {


.page__header {
		min-height: 360px

}
	}


@media(min-width: 1920px) {


.page__header {
		min-height: 500px

}
	}


.page__header .container {
		position: static;
	}


.page__header.blog {
		background: #000;
		min-height: 200px!important;
	}


.page__header__content {
		position: absolute;
		left: 0;
		top: 100%;
		background: #000;
		padding: 10px 20px;
		width: 100%;

	}


@media(min-width: 768px) {


.page__header__content {
			position: absolute;
		  top: 50%;
		  left: auto;
		  -webkit-transform: translateY(-50%);
		          transform: translateY(-50%);
		  background: rgba(0,0,0,0.5);
		  padding: 20px;
		  border-left: 10px solid #9B59B6;
		 	width: 40%

	}
		}


@media(min-width: 1200px) {


.page__header__content {
			width: 37%

	}
		}


@media(min-width: 1400px) {


.page__header__content {
			width: 30%

	}
		}


@media(min-width: 1920px) {


.page__header__content {
			width: 20%

	}
		}


.page__header__title {
		margin: 0;
		color: white;
		font-size: 16px;
		text-align: center;
	}


@media(min-width: 768px) {


.page__header__title {
			text-align: left
	}
		}


@media(min-width: 992px) {


.page__header__title {
			font-size: 24px
	}
		}


@media(min-width: 1200px) {


.page__header__title {
			font-size: 30px
	}
		}


/* PAGE CONTENT */


.page__content h3 {
		margin-top: 40px;
	}


.page__content__intro {
		margin: 40px 0;
		margin-top: 100px;
	}


@media(min-width: 768px) {


.page__content__intro {
			margin-top: 40px
	}
		}


.page__content__intro h1 {
			border-left: 10px solid #9B59B6;
			line-height: 1;
			padding-left: 20px;
			margin-bottom: 40px;
		}


.page__content__intro > .container > p:first-child {
			font-size: 18px;
			margin-bottom: 30px;
		}


/* CONTACT PAGE STYLING */


.page--contact__direct {
		margin-bottom: 20px;

	}


@media(min-width: 992px) {


.page--contact__direct {
			width: calc(99.9% * 30/100 - (30px - 30px * 30/100))

	}


.page--contact__direct:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none

	}


.page--contact__direct:last-child {
			margin-right: 0

	}


.page--contact__direct:nth-child(100n) {
			margin-right: 0;
			float: right

	}


.page--contact__direct:nth-child(100n + 1) {
			clear: both

	}
		}


@media(min-width: 1200px) {


.page--contact__direct {
			width: calc(99.9% * 25/100 - (30px - 30px * 25/100))

	}


.page--contact__direct:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none

	}


.page--contact__direct:last-child {
			margin-right: 0

	}


.page--contact__direct:nth-child(100n) {
			margin-right: 0;
			float: right

	}


.page--contact__direct:nth-child(100n + 1) {
			clear: both

	}
		}


.page--contact__direct .page--contact__direct__name {
			font-family: 'Courgette', 'cursive', 'Inter', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			font-size: 20px;
		}


.page--contact__direct .page--contact__direct__address,
		.page--contact__direct .page--contact__direct__email {
			margin-bottom: 20px;
		}


.page--contact__direct .page--contact__direct__telephone,
		.page--contact__direct .page--contact__direct__email {
			font-weight: 700;
		}


.page--contact__direct .fa {
			margin-right: 5px;
		}


.page--contact__form {
		margin-bottom: 20px;
	
	}


@media(min-width: 992px) {


.page--contact__form {
			width: calc(99.9% * 70/100 - (30px - 30px * 70/100));
			margin-bottom: 80px
	
	}


.page--contact__form:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	
	}


.page--contact__form:last-child {
			margin-right: 0
	
	}


.page--contact__form:nth-child(100n) {
			margin-right: 0;
			float: right
	
	}


.page--contact__form:nth-child(100n + 1) {
			clear: both
	
	}
		}


@media(min-width: 1200px) {


.page--contact__form {
			border-left: 1px solid #E2E2E2;
			padding-left: 80px;
			width: calc(99.9% * 75/100 - (30px - 30px * 75/100))
	
	}


.page--contact__form:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	
	}


.page--contact__form:last-child {
			margin-right: 0
	
	}


.page--contact__form:nth-child(100n) {
			margin-right: 0;
			float: right
	
	}


.page--contact__form:nth-child(100n + 1) {
			clear: both
	
	}
		}


/* CONTACT FORM */


.page--contact__form .wpcf7 {
			margin-bottom: 60px;

		}


.page--contact__form .wpcf7 .wpcf7-form-control-wrap input, .page--contact__form .wpcf7 .wpcf7-form-control-wrap textarea {
					border-radius: 3px;
					border: 1px solid #E2E2E2;
					font-size: 14px;
				}


.page--contact__form .wpcf7 .wpcf7-form-control-wrap input:hover, .page--contact__form .wpcf7 .wpcf7-form-control-wrap input:focus, .page--contact__form .wpcf7 .wpcf7-form-control-wrap textarea:hover, .page--contact__form .wpcf7 .wpcf7-form-control-wrap textarea:focus {
						border: 1px solid #cdcdcd;
					}


@media(min-width: 768px) {
					.page--contact__form .wpcf7 .wpcf7-form-control-wrap.first-name { width: 49.5%; float: left; }
					.page--contact__form .wpcf7 .wpcf7-form-control-wrap.last-name { width: 49.5%; float: right; }
					.page--contact__form .wpcf7 .wpcf7-form-control-wrap.emailaddress { width: 49.5%; float: left; }
					.page--contact__form .wpcf7 .wpcf7-form-control-wrap.telephone { width: 49.5%; float: right; }
					.page--contact__form .wpcf7 .wpcf7-form-control-wrap.message { width: 100%; float: left; }
					.page--contact__form .wpcf7 .wpcf7-form-control-wrap.privacy-check { width: 60%; float: left; }
					.page--contact__form .wpcf7 .wpcf7-form-control-wrap.privacy-check label { font-size: 14px; }
				}


.page--contact__form .wpcf7 .wpcf7-submit {
		    width: 100%;
		    background: $brand;
		    border: none;
		    font-weight: 700;
		    padding: 10px;
		    color: white;
		    font-size: 14px;
		    width: 100%;
		    cursor: pointer;
		    border-radius: 3px;
		  
		  }


.page--contact__form .wpcf7 .wpcf7-submit:hover {
		      background: #0074D9;
		      color: white;
		    }


@media(min-width: 768px) {


.page--contact__form .wpcf7 .wpcf7-submit {
		      width: 30%;
		      float: right
		  
		  }
		    }


.page--contact__form .wpcf7 .wpcf7-not-valid {
		    border: 1px solid red!important;
		  }


.page--contact__form .wpcf7 .wpcf7-not-valid-tip {
		    display: none;
		  }


.page--contact__form .wpcf7 .wpcf7-validation-errors {
		    border: 1px solid #F1C40F;
		    background: #F1C40F;
		    color: black;
		    margin: 0;
		    padding: 10px 20px;
		    text-align: center;
		    font-weight: 600;
		    font-size: 14px;
		    overflow: hidden;
		    width: 100%;
		    position: relative;
		    top: 20px;
		  
		  }


.page--contact__form .wpcf7 .wpcf7-mail-sent-ok {
		    border: 1px solid #2ECC71;
		    background: #2ECC71;
		    color: black;
		    margin: 0;
		    padding: 10px 20px;
		    text-align: center;
		    font-weight: 600;    
		    font-size: 14px;
		    overflow: hidden;
		    width: 100%;
		    position: relative;
		    top: 20px;
		  
		  }


/* MAP */


.page--contact__form .page--contact__form__map {
			clear: both;
		}


@media(min-width: 992px) {


.page--contact__form .page--contact__form__map {
				margin-top: 80px
		}			
			}


.prices-treatments {
	background: #9B59B6;
	color: white;
	padding: 40px 0;
}


.prices-treatments h2, .prices-treatments h3, .prices-treatments h4, .prices-treatments h5, .prices-treatments h6 {
		color: white;
	}


/* SERVICE BLOCKS */


.service-blocks {
	background: #222;
	padding: 40px 0;

}


@media(min-width: 992px) {


.service-blocks {
		padding: 60px 0

}
	}


.service-blocks__header {
		margin-bottom: 20px;
	}


@media(min-width: 992px) {


.service-blocks__header {
			margin-bottom: 40px
	}
		}


.service-blocks__title {
		color: white;
		margin-bottom: 20px;
	}


@media(min-width: 768px) {


.service-blocks__title {
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2))
	}


.service-blocks__title:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	}


.service-blocks__title:last-child {
			margin-right: 0
	}


.service-blocks__title:nth-child(2n) {
			margin-right: 0;
			float: right
	}


.service-blocks__title:nth-child(2n + 1) {
			clear: both
	}
		}


.service-blocks__cta {
		width: 100%;
		margin-bottom: 20px;
		background: none;
		border: 1px solid #9B59B6;
		color: white;
		font-weight: 500;
	}


@media(min-width: 768px) {


.service-blocks__cta {
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
			max-width: 200px;
			float: right
	}


.service-blocks__cta:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	}


.service-blocks__cta:last-child {
			margin-right: 0
	}


.service-blocks__cta:nth-child(2n) {
			margin-right: 0;
			float: right
	}


.service-blocks__cta:nth-child(2n + 1) {
			clear: both
	}
		}


.service-blocks__cta:hover {
			background: #9B59B6;
		}


.service-blocks__cta .fa {
			margin-left: 20px;
			vertical-align: text-bottom;
			font-size: 19px;
		}


.service-blocks__content {

	}


.service-blocks__item {
		position: relative;
		margin-bottom: 20px;

	}


@media(min-width: 768px) {


.service-blocks__item {
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2))

	}


.service-blocks__item:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none

	}


.service-blocks__item:last-child {
			margin-right: 0

	}


.service-blocks__item:nth-child(2n) {
			margin-right: 0;
			float: right

	}


.service-blocks__item:nth-child(2n + 1) {
			clear: both

	}
		}


@media(min-width: 992px) {


.service-blocks__item {
			width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
			margin-bottom: 30px;
			-webkit-transition: all .3s ease;
			transition: all .3s ease

	}


.service-blocks__item:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none

	}


.service-blocks__item:last-child {
			margin-right: 0

	}


.service-blocks__item:nth-child(3n) {
			margin-right: 0;
			float: right

	}


.service-blocks__item:nth-child(3n + 1) {
			clear: both

	}
			.service-blocks__item:hover {
				margin-top: -5px;
				box-shadow: 0 20px 20px rgba(24,28,36,.2);
			}
				.service-blocks__item:hover .service-blocks__item__title {
					background: #000;
				}
		}


.service-blocks__item__link {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 10;
		}


.service-blocks__item__image {
			display: block;
		}


.service-blocks__item__title {
			background: #9B59B6;
			color: white;
			padding: 10px;
			font-size: 18px;
			margin-bottom: 0;
			-webkit-transition: all .3s ease;
			transition: all .3s ease;
		}


@media(min-width: 992px) {


.service-blocks__item__title {
				font-size: 16px
		}
			}


/* 2x2 BLOCKS */


.two-two-blocks {
	position: relative;

}


.two-two-blocks__item {
		position: relative;
		background: #222;


		

	}


.two-two-blocks__item:nth-child(even) {
			background: #000;
		}


@media(min-width: 992px) {
				.two-two-blocks__item:nth-child(even) .two-two-blocks__item__image {
					float: right;
				}
				.two-two-blocks__item:nth-child(even) .two-two-blocks__item__copy {
					float: left;
				}
			}


.two-two-blocks__item__link {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 10;
			-webkit-transition: all .3s ease;
			transition: all .3s ease;
		}


.two-two-blocks__item__link:hover {
				background: rgba(0,0,0,0.3);
			}


.two-two-blocks__item__image {
			background-position: center center;
			min-height: 200px;
		}


@media(min-width: 768px) {


.two-two-blocks__item__image {
				min-height: 400px
		}
			}


@media(min-width: 992px) {


.two-two-blocks__item__image {
				float: left;
				width: 50%
		}
			}


@media(min-width: 1400px) {


.two-two-blocks__item__image {
				min-height: 550px
		}
			}


.two-two-blocks__item__copy {
			position: relative;
			padding: 40px;
			color: white;
			font-size: 14px;
		}


> .two-two-blocks__item__copy:last-child {
				margin-bottom: 0;
			}


@media(min-width: 992px) {


.two-two-blocks__item__copy {
				float: right;
				width: 50%
		}
				.two-two-blocks__item__copy__wrapper {
				  position: absolute;
				  top: 50%;
				  -webkit-transform: translateY(-50%);
				          transform: translateY(-50%);
				  width: 85%;
				}
			}


@media(min-width: 1400px) {


.two-two-blocks__item__copy {
				padding: 80px;
				font-size: 16px
		}
				.two-two-blocks__item__copy__wrapper {
				  width: 80%;
				}
			}


.two-two-blocks__item__copy h2,.two-two-blocks__item__copy h3,.two-two-blocks__item__copy h4,.two-two-blocks__item__copy h5,.two-two-blocks__item__copy h6 {
				font-weight: 500;
				color: #9B59B6;
				margin-bottom: 20px;
			}


@media(min-width: 992px) {


.two-two-blocks__item__copy h2,.two-two-blocks__item__copy h3,.two-two-blocks__item__copy h4,.two-two-blocks__item__copy h5,.two-two-blocks__item__copy h6 {
					font-size: 24px
			}
				}


@media(min-width: 1400px) {


.two-two-blocks__item__copy h2,.two-two-blocks__item__copy h3,.two-two-blocks__item__copy h4,.two-two-blocks__item__copy h5,.two-two-blocks__item__copy h6 {
					font-size: 30px
			}
				}


/*TESTIMONIALS */


.testimonials {
	background: #000;
	padding: 40px 0 20px 0;


}


@media(min-width: 768px) {


.testimonials {
		position: relative


}
	}


@media(min-width: 992px) {


.testimonials {
		padding: 60px 0 40px 0


}	
	}


.testimonials .container {
		position: static;
	}


.testimonials__header {
		margin-bottom: 20px;
	}


@media(min-width: 992px) {


.testimonials__header {
			margin-bottom: 40px
	}
		}


.testimonials__title {
		color: white;
		margin-bottom: 20px;
		text-align: center;
	}


.testimonials__title .title-divider {
			display: block;
			width: 50px;
			height: 5px;
			background: #9B59B6;
			margin: 0 auto;
			margin-top: 5px;
		}


.testimonials__content {
		position: relative;
	}


@media(min-width: 768px) {


.testimonials__content {
			position: static
	}
		}


.testimonials__item {
		position: static;
		margin-bottom: 30px;
		width: calc(99.9% * 1/2 - (30px - 30px * 1/2));

	}


.testimonials__item:nth-child(1n) {
		float: left;
		margin-right: 30px;
		clear: none;

	}


.testimonials__item:last-child {
		margin-right: 0;

	}


.testimonials__item:nth-child(2n) {
		margin-right: 0;
		float: right;

	}


.testimonials__item:nth-child(2n + 1) {
		clear: both;

	}


@media(min-width: 480px) {


.testimonials__item {
			width: calc(99.9% * 1/3 - (30px - 30px * 1/3))

	}


.testimonials__item:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none

	}


.testimonials__item:last-child {
			margin-right: 0

	}


.testimonials__item:nth-child(3n) {
			margin-right: 0;
			float: right

	}


.testimonials__item:nth-child(3n + 1) {
			clear: both

	}
		}


@media(min-width: 768px) {


.testimonials__item {
			width: calc(99.9% * 1/6 - (30px - 30px * 1/6))

	}


.testimonials__item:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none

	}


.testimonials__item:last-child {
			margin-right: 0

	}


.testimonials__item:nth-child(6n) {
			margin-right: 0;
			float: right

	}


.testimonials__item:nth-child(6n + 1) {
			clear: both

	}
		}


@media(min-width: 992px) {


.testimonials__item {
			-webkit-transition: all .3s ease;
			transition: all .3s ease

	}
			.testimonials__item:hover {
				margin-top: -5px;
			}
		}


.testimonials__item__link {
			display: block;
			position: relative;
			z-index: 10;
		}


.testimonials__item__image {
			display: block;
		}


.testimonials__item__copy {
			display: none;
		}


.testimonials__item .testimonials__item__copy {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 20;
			background: white;
			padding: 40px;
			font-size: 14px;
			z-index: 100;
		
		}


@media(min-width: 768px) {


.testimonials__item .testimonials__item__copy {
				top: 0;
				left: 0;
				bottom: 0;
				right: 0
		
		}
			}


@media(min-width: 992px) {


.testimonials__item .testimonials__item__copy {
				width: 50%;
				padding: 80px
		
		}
			}


@media(min-width: 1920px) {


.testimonials__item .testimonials__item__copy {
				width: 42%
		
		}
			}


.testimonials__item .testimonials__item__copy h4 {
				color: #9B59B6;
				font-weight: 700;
				margin-bottom: 20px;
			}


.testimonials__item .testimonials__item__copy__close {
				position: absolute;
				top: 20px;
				right: 20px;
				z-index: 21;
				color: #9B59B6;
				font-size: 20px;
			}


/* CAREERS HOMEPAGE BLOCK */


.careers-block {
	padding: 40px 0;

}


@media(min-width: 768px) {


.careers-block {
		padding-bottom: 0

}
	}


@media(min-width: 992px) {


.careers-block {
		width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
		padding-bottom: 40px;
		padding-right: 40px

}


.careers-block:nth-child(1n) {
		float: left;
		margin-right: 30px;
		clear: none

}


.careers-block:last-child {
		margin-right: 0

}


.careers-block:nth-child(2n) {
		margin-right: 0;
		float: right

}


.careers-block:nth-child(2n + 1) {
		clear: both

}
	}


.careers-block__header {
		margin-bottom: 20px;
	}


@media(min-width: 992px) {


.careers-block__title {
			font-size: 30px
	}
		}


.careers-block__content__meta {
		margin-bottom: 20px;
		font-weight: 300;
		font-size: 18px;
	}


@media(min-width: 768px) {


.careers-block__content__meta {
			width: calc(99.9% * 3/4 - (30px - 30px * 3/4));
			margin-bottom: 0
	}


.careers-block__content__meta:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	}


.careers-block__content__meta:last-child {
			margin-right: 0
	}


.careers-block__content__meta:nth-child(4n) {
			margin-right: 0;
			float: right
	}


.careers-block__content__meta:nth-child(4n + 1) {
			clear: both
	}
		}


@media(min-width: 992px) {


.careers-block__content__meta {
			width: calc(99.9% * 2/3 - (30px - 30px * 2/3))
	}


.careers-block__content__meta:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	}


.careers-block__content__meta:last-child {
			margin-right: 0
	}


.careers-block__content__meta:nth-child(3n) {
			margin-right: 0;
			float: right
	}


.careers-block__content__meta:nth-child(3n + 1) {
			clear: both
	}
		}


.careers-block__content__meta p {
			margin-bottom: 40px;
		}


@media(min-width: 768px) {


.careers-block__content__image {
			width: calc(99.9% * 1/4 - (30px - 30px * 1/4));
			position: relative;
			top: -65px
	}


.careers-block__content__image:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	}


.careers-block__content__image:last-child {
			margin-right: 0
	}


.careers-block__content__image:nth-child(4n) {
			margin-right: 0;
			float: right
	}


.careers-block__content__image:nth-child(4n + 1) {
			clear: both
	}
		}


@media(min-width: 992px) {


.careers-block__content__image {
			width: calc(99.9% * 1/3 - (30px - 30px * 1/3));
			top: 0
	}


.careers-block__content__image:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	}


.careers-block__content__image:last-child {
			margin-right: 0
	}


.careers-block__content__image:nth-child(3n) {
			margin-right: 0;
			float: right
	}


.careers-block__content__image:nth-child(3n + 1) {
			clear: both
	}
		}


@media(min-width: 1200px) {


.careers-block__content__image {
			top: -28px
	}
		}


.careers-block__cta {
		width: 100%;
		margin-bottom: 20px;
		background: none;
		border: 1px solid #9B59B6;
		color: #1d1d1d;
		font-weight: 500;
	}


@media(min-width: 768px) {


.careers-block__cta {
			margin-bottom: 0
	}
		}


.careers-block__cta:hover {
			background: #9B59B6;
		}


.careers-block__cta .fa {
			margin-left: 20px;
			vertical-align: text-bottom;
			font-size: 19px;
		}


/* HOMEPAGE LATEST NEWS BLOCK */


.news-block {
	padding-bottom: 40px;

}


@media(min-width: 992px) {


.news-block {
		width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
		padding: 40px 0

}


.news-block:nth-child(1n) {
		float: left;
		margin-right: 30px;
		clear: none

}


.news-block:last-child {
		margin-right: 0

}


.news-block:nth-child(2n) {
		margin-right: 0;
		float: right

}


.news-block:nth-child(2n + 1) {
		clear: both

}
	}


.news-block__header {
		margin-bottom: 20px;
	}


@media(min-width: 1200px) {


.news-block__header {
			overflow: hidden
	}
		}


.news-block__title {
		margin-bottom: 20px;
	}


@media(min-width: 768px) {


.news-block__title {
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2))
	}


.news-block__title:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	}


.news-block__title:last-child {
			margin-right: 0
	}


.news-block__title:nth-child(2n) {
			margin-right: 0;
			float: right
	}


.news-block__title:nth-child(2n + 1) {
			clear: both
	}
		}


@media(min-width: 992px) {


.news-block__title {
			font-size: 30px
	}
		}


.news-block__cta {
		width: 100%;
		margin-bottom: 20px;
		background: none;
		border: 1px solid #9B59B6;
		color: #1d1d1d;
		font-weight: 500;
	
	}


@media(min-width: 768px) {


.news-block__cta {
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2));
			max-width: 200px;
			float: right;
			margin-bottom: 0
	
	}


.news-block__cta:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	
	}


.news-block__cta:last-child {
			margin-right: 0
	
	}


.news-block__cta:nth-child(2n) {
			margin-right: 0;
			float: right
	
	}


.news-block__cta:nth-child(2n + 1) {
			clear: both
	
	}
		}


.news-block__cta:hover {
			background: #9B59B6;
		}


.news-block__cta .fa {
			margin-left: 20px;
			vertical-align: text-bottom;
			font-size: 19px;
		}


/* NEWS BLOCK POST */


.news-block__post {
		margin-bottom: 30px;



	}


.news-block__post:last-child {
			margin-bottom: 0;
		}


@media(min-width: 768px) {


.news-block__post {
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2))



	}


.news-block__post:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none



	}


.news-block__post:last-child {
			margin-right: 0



	}


.news-block__post:nth-child(2n) {
			margin-right: 0;
			float: right



	}


.news-block__post:nth-child(2n + 1) {
			clear: both



	}
		}


.news-block__post__thumbnail {
			margin-bottom: 10px;
			-webkit-transition: all .3s ease;
			transition: all .3s ease;


		}


.news-block__post__thumbnail:hover {
				box-shadow: 0 10px 10px rgba(0,0,0,0.1);
			}


.news-block__post__title {
			font-weight: 500;
			margin-bottom: 5px;
		}


@media(min-width: 992px) {


.news-block__post__title {
				font-size: 20px
		}
			}


@media(min-width: 1400px) {


.news-block__post__title {
				font-size: 24px
		}
			}


.news-block__post__title a {
				color: black;
			}


.news-block__post__title a:hover {
					color: #9B59B6;
				}


.news-block__post__meta {
			font-size: 12px;
		}


@media(min-width: 992px) {


.news-block__post__meta {
				font-size: 13px
		}
			}


.news-block__post__date {
			float: left;
			margin-right: 20px;
			color: #777777;
		}


.news-block__post__categories {
			float: left;
		}


.news-block__post__categories ul {
				float: left;
				list-style: none;
				margin: 0;
				padding: 0;
			}


.news-block__post__categories ul li a {
						color: #777777;
					}


.news-block__post__categories ul li a:hover {
							color: #9B59B6;
						}


/* NEWS PAGE */


.blog .page__content, .archive .page__content {
		padding: 40px 0;
	}


.blog .post, .archive .post {
		margin-bottom: 30px;

	}


.blog .post:last-child, .archive .post:last-child {
			margin-bottom: 0;
		}


@media(min-width: 768px) {


.blog .post, .archive .post {
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2))

	}


.blog .post:nth-child(1n), .archive .post:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none

	}


.blog .post:last-child, .archive .post:last-child {
			margin-right: 0

	}


.blog .post:nth-child(2n), .archive .post:nth-child(2n) {
			margin-right: 0;
			float: right

	}


.blog .post:nth-child(2n + 1), .archive .post:nth-child(2n + 1) {
			clear: both

	}
		}


@media(min-width: 992px) {


.blog .post, .archive .post {
			width: calc(99.9% * 1/3 - (30px - 30px * 1/3))

	}


.blog .post:nth-child(1n), .archive .post:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none

	}


.blog .post:last-child, .archive .post:last-child {
			margin-right: 0

	}


.blog .post:nth-child(3n), .archive .post:nth-child(3n) {
			margin-right: 0;
			float: right

	}


.blog .post:nth-child(3n + 1), .archive .post:nth-child(3n + 1) {
			clear: both

	}
		}


.blog .post__thumbnail, .archive .post__thumbnail {
			margin-bottom: 10px;
			-webkit-transition: all .3s ease;
			transition: all .3s ease;


		}


.blog .post__thumbnail:hover, .archive .post__thumbnail:hover {
				box-shadow: 0 10px 10px rgba(0,0,0,0.1);
			}


.blog .post__title, .archive .post__title {
			font-weight: 500;
			margin-bottom: 5px;
		}


@media(min-width: 992px) {


.blog .post__title, .archive .post__title {
				font-size: 20px
		}
			}


@media(min-width: 1400px) {


.blog .post__title, .archive .post__title {
				font-size: 24px
		}
			}


.blog .post__title a, .archive .post__title a {
				color: black;
			}


.blog .post__title a:hover, .archive .post__title a:hover {
					color: #9B59B6;
				}


.blog .post__meta, .archive .post__meta {
			font-size: 12px;
		}


@media(min-width: 992px) {


.blog .post__meta, .archive .post__meta {
				font-size: 13px
		}
			}


.blog .post__date, .archive .post__date {
			float: left;
			margin-right: 20px;
			color: #777777;
		}


.blog .post__categories, .archive .post__categories {
			float: left;
		}


.blog .post__categories ul, .archive .post__categories ul {
				float: left;
				list-style: none;
				margin: 0;
				padding: 0;
			}


.blog .post__categories ul li a, .archive .post__categories ul li a {
						color: #777777;
					}


.blog .post__categories ul li a:hover, .archive .post__categories ul li a:hover {
							color: #9B59B6;
						}


/* PAGINATION */


.blog .blog-pagination, .archive .blog-pagination {
	  text-align: center;

	}


.blog .blog-pagination li, .archive .blog-pagination li {
	  	display: inline;
	  	float: left;

	  }


.blog .blog-pagination li a, .archive .blog-pagination li a {
	      color: black;
	      padding: 5px 10px;
	      background: #f5f5f5;
	      border-radius: 2px;
	    }


.blog .blog-pagination li.active a, .blog .blog-pagination li:hover a, .archive .blog-pagination li.active a, .archive .blog-pagination li:hover a {
	      background: #9B59B6;
	      color: white;
	    }


/* SINGLE POST */


body.single-post {
	padding: 0;
}


.single-post {
	padding: 20px 0;

}


@media(min-width: 992px) {


.single-post {
		padding: 40px 0

}
	}


.single-post__wrapper {
			background: white;
			padding: 20px;
		}


.single-post__header {
			margin-bottom: 40px;
		}


.single-post__title {
			font-weight: 500;
			margin-bottom: 5px;
			
		}


.single-post__date {
			float: left;
			margin-right: 20px;
			color: #777777;
		}


.single-post__categories {
			float: left;
		}


.single-post__categories ul {
				float: left;
				list-style: none;
				margin: 0;
				padding: 0;
			}


.single-post__categories ul li a {
						color: #9B59B6;
					}


.single-post__content__image {
				margin-bottom: 20px;
			}


@media(min-width: 992px) {


.single-post__content__image {
					width: calc(99.9% * 1/3 - (30px - 30px * 1/3))
			}


.single-post__content__image:nth-child(1n) {
					float: left;
					margin-right: 30px;
					clear: none
			}


.single-post__content__image:last-child {
					margin-right: 0
			}


.single-post__content__image:nth-child(3n) {
					margin-right: 0;
					float: right
			}


.single-post__content__image:nth-child(3n + 1) {
					clear: both
			}
				}


.single-post__content__copy {
				font-size: 14px;
			}


@media(min-width: 992px) {


.single-post__content__copy {
					width: calc(99.9% * 2/3 - (30px - 30px * 2/3));
					font-size: 16px
			}


.single-post__content__copy:nth-child(1n) {
					float: left;
					margin-right: 30px;
					clear: none
			}


.single-post__content__copy:last-child {
					margin-right: 0
			}


.single-post__content__copy:nth-child(3n) {
					margin-right: 0;
					float: right
			}


.single-post__content__copy:nth-child(3n + 1) {
					clear: both
			}
				}


/* PROJECTS */


.project {
	padding: 40px 0 0 0;
	border-top: 1px solid #E2E2E2;

}


.project__gallery {
		position: relative;
		margin-bottom: 20px;

	}


@media(min-width: 992px) {


.project__gallery {
			margin-bottom: 40px

	}
		}


.project__gallery__summary {
			position: relative;
			font-size: 14px;
			margin-bottom: 20px;
		
		}


@media(min-width: 768px) {


.project__gallery__summary {			
				position: absolute;
				top: 0;
				left: 40px;
				bottom: 6px;
				z-index: 9;
				background: rgba(0,0,0,0.4);
				color: white;
				width: 40%;
				padding: 20px;
				margin-bottom: 0
		
		}
			}


@media(min-width: 992px) {


.project__gallery__summary {
				padding: 40px
		
		}
			}


@media(min-width: 1200px) {


.project__gallery__summary {
				width: 25%
		
		}
			}


.project__gallery__summary h3 {
				color: #9B59B6;
				font-weight: 600;
				font-size: 24px;
			}


@media(min-width: 768px) {


.project__gallery__summary h3 {
					font-size: 18px;
					color: white
			}				
				}


/* SLIDE NAVIGATION */


.project__gallery .slide-navigation {
			background: rgba(0,0,0,0.4);
			color: white;
			padding: 10px;
			line-height: 1;
			z-index: 10;
			display: inline-block!important;
			position: absolute;
			top: 45%;
			cursor: pointer;
		}


.project__gallery .slide-navigation--left {
				left: 0;
			}


.project__gallery .slide-navigation--right {
				right: 0;
			}


.project__content {
		font-size: 14px;
		background: #E2E2E2;
		padding: 20px 0;
	}


@media(min-width: 992px) {


.project__content {
			width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
			padding: 40px 0
	}


.project__content:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	}


.project__content:last-child {
			margin-right: 0
	}


.project__content:nth-child(1n) {
			margin-right: 0;
			float: right
	}


.project__content:nth-child(1n + 1) {
			clear: both
	}
		}


.project__content p {
			margin-bottom: 30px;
		}


.project__content p:last-of-type {
				margin-bottom: 0;
			}


@media(min-width: 992px) {


.project__video {
			width: calc(99.9% * 1/2 - (30px - 30px * 1/2))
	}


.project__video:nth-child(1n) {
			float: left;
			margin-right: 30px;
			clear: none
	}


.project__video:last-child {
			margin-right: 0
	}


.project__video:nth-child(2n) {
			margin-right: 0;
			float: right
	}


.project__video:nth-child(2n + 1) {
			clear: both
	}
		}


.project__quote {
		background: #9B59B6;
		font-size: 14px;
		font-style: italic;
		color: white;
		font-weight: 600;
		width: calc(99.9% * 1/1 - (30px - 30px * 1/1));
		padding: 60px 0;
	}


.project__quote:nth-child(1n) {
		float: left;
		margin-right: 30px;
		clear: none;
	}


.project__quote:last-child {
		margin-right: 0;
	}


.project__quote:nth-child(1n) {
		margin-right: 0;
		float: right;
	}


.project__quote:nth-child(1n + 1) {
		clear: both;
	}


@media(min-width: 992px) {


.project__quote {
			text-align: center;
			font-size: 17px;
			position: relative
	}
		}


.project__quote p {
			max-width: 80%;
			margin-left: 10%;
		}


@media(min-width: 992px) {


.project__quote p {
				max-width: 60%;
				margin-left: 20%
		}				
			}


@media(min-width: 1200px) {


.project__quote p {
				max-width: 40%;
				margin-left: 30%
		}				
			}


.project__quote p span {
			font-style: normal;
			font-weight: normal;
			display: block;
			margin-top: 20px;

		}
/*# sourceMappingURL=maps/style.css.map */