/*
This file is made by FriendsLaboratory (2017)
This css file includes all base styles and template's main color (in this tempalte main color is pink(#f00a77)). 
Template's main color styles located at the bottom of this file.
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: none;
}

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

blockquote {
	quotes: none;
}

blockquote:before,blockquote:after {
	content: '';
	content: none;
}
ul, ol{
	margin:30px;	
}
ul li, ol li{
	margin-bottom:5px;
}
img{
	vertical-align:middle;
	max-width:100%;
}
iframe{
	max-width:100%;
}
del {
	text-decoration: line-through;
}
a, i{
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
	border:none;
}
a:hover{text-decoration:none;}

h1, h2, h3, h4, h5, h6{
	font-weight:700;
	color:#333;
	margin-bottom:20px;
}
h1 { font-size: 45px; }
h2 { font-size: 36px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

table{
	width:100%;
	max-width:100%;
	text-align:left;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom:15px;
	color:#999;
	border:1px solid #eee;
}
table tr{
	border:1px solid #eee;
}
table th{
	vertical-align:top;
	color:#333;
	background:none;
	font-size:16px;
	font-weight:normal;
	padding:15px 10px;
	border:1px solid #eee;
}
table td{
	vertical-align:top;
	padding:10px;
	border:1px solid #eee;
}

code, pre {
	padding: 10px;
	padding-bottom: 0;
	border-left: 3px solid #6FBF71;
	border-bottom: 1px solid transparent;
	background: #f7f7f7;
	overflow-x:scroll;
}

pre{
	display: block;	
	word-break: break-all;
	word-wrap: break-word;
}
pre code { white-space: pre-wrap; }

p{
	letter-spacing:1px;
}

.contactos {
	 color: white;
}

.space10{width:100%; float:left; clear:both; margin-bottom:10px;}
.space20{width:100%; float:left; clear:both; margin-bottom:20px;}
.space30{width:100%; float:left; clear:both; margin-bottom:30px;}
.space40{width:100%; float:left; clear:both; margin-bottom:40px;}
.space50{width:100%; float:left; clear:both; margin-bottom:50px;}
.space60{width:100%; float:left; clear:both; margin-bottom:60px;}
.space70{width:100%; float:left; clear:both; margin-bottom:70px;}
.space80{width:100%; float:left; clear:both; margin-bottom:80px;}
.space90{width:100%; float:left; clear:both; margin-bottom:90px;}
.space100{width:100%; float:left; clear:both; margin-bottom:100px;}
.space200{width:100%; float:left; clear:both; margin-bottom:200px;}
.space300{width:100%; float:left; clear:both; margin-bottom:300px;}
.space400{width:100%; float:left; clear:both; margin-bottom:400px;}
.space500{width:100%; float:left; clear:both; margin-bottom:500px;}
.space1000{width:100%; float:left; clear:both; margin-bottom:1000px;}


/*------------------------------------------------------------------*/ 
/*	x) FORM ELEMENTS
/*------------------------------------------------------------------*/
textarea{
	border-radius:0;
	font-size:13px;
	color:#333;
	resize:vertical;
	font-family:'Raleway', Arial, Helvetica, sans-serif;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	line-height:1.4;
	padding:10px!important;
	width:100%;
	border:1px solid #eee;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	border-radius:0;
	font-size:13px;
	min-width:220px;
	color:#333;
	letter-spacing:0.5px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	-ms-box-sizing: border-box;     /* IE 10 + */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	font-family:'Raleway', Arial, Helvetica, sans-serif;
	
	line-height:1.6;
	padding:10px!important;
	height:44px;
	vertical-align:middle;
	border:1px solid #eee;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
	
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color:#ccc;
	background:#eee;
}


input[type="submit"]{
	padding: 13px 15px;
	height: 40px;
	line-height: 1;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: 0.5px;
	border:none;
	cursor:pointer;
	color: #FFF;
	background:#777;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
input[type="submit"]:hover{
	background:#444;
}
select{
	padding:8px;
	border:2px solid #eee;
}
input[type="button"]{
	cursor:pointer;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

/*!
 * jQuery UI CSS Framework 1.11.2
 * http://jqueryui.com
 *
 * copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 250px;
	padding: 10px;
	display: none;
	background:#000;
	color:#fff;
	border-radius:5px;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 5px;
	width: 1.8em;
	height: 1.8em;
	text-align:center;
	display:block;
	cursor:pointer;
}
.ui-datepicker .ui-corner-all.ui-state-disabled{
	display:none;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker a.ui-corner-all:before{
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	/* opacity: .8; */
	
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	 
	/* fix buttons height, for twitter bootstrap */
	line-height: 1;
}
.ui-datepicker a.ui-datepicker-prev:before{
	content: '\e846';
}
.ui-datepicker a.ui-datepicker-next:before{
	content: '\e847';
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: 14px;
	border-collapse: collapse;
	margin: 7px 0 .4em;
	border:none;
	border-top:1px solid #222;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: 400;
	border: 0;
	font-size:13px;
	color:#fff;
}
.ui-datepicker table tr{
	border:none;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: 6px;
	text-align: right;
	text-decoration: none;
	color:#ccc;
	background:#333;
	border-radius:2px;
	text-align:center;
	margin:1px;
}
.ui-datepicker td a.ui-state-highlight{
	color:#000;
	background:#fff;
}
.ui-datepicker td span{
	background:#111;
	color:#444;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?97189121');
  src: url('font/fontello.eot?97189121#iefix') format('embedded-opentype'),
       url('font/fontello.woff?97189121') format('woff'),
       url('font/fontello.ttf?97189121') format('truetype'),
       url('font/fontello.svg?97189121#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?97189121#fontello') format('svg');
  }
}
*/
 
 [class^="xcon-"]:before, [class*=" xcon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.xcon-spin1:before { content: '\e800'; } /* '?' */
.xcon-spin2:before { content: '\e801'; } /* '?' */
.xcon-spin3:before { content: '\e802'; } /* '?' */
.xcon-spin4:before { content: '\e803'; } /* '?' */
.xcon-spin5:before { content: '\e804'; } /* '?' */
.xcon-spin6:before { content: '\e805'; } /* '?' */
.xcon-firefox:before { content: '\e806'; } /* '?' */
.xcon-chrome:before { content: '\e807'; } /* '?' */
.xcon-opera:before { content: '\e808'; } /* '?' */
.xcon-ie:before { content: '\e809'; } /* '?' */
.xcon-mail:before { content: '\e80a'; } /* '?' */
.xcon-mail-alt:before { content: '\e80b'; } /* '?' */
.xcon-search:before { content: '\e80c'; } /* '?' */
.xcon-heart:before { content: '\e80d'; } /* '?' */
.xcon-heart-empty:before { content: '\e80e'; } /* '?' */
.xcon-star:before { content: '\e80f'; } /* '?' */
.xcon-star-empty:before { content: '\e810'; } /* '?' */
.xcon-picture:before { content: '\e811'; } /* '?' */
.xcon-male:before { content: '\e812'; } /* '?' */
.xcon-female:before { content: '\e813'; } /* '?' */
.xcon-camera:before { content: '\e814'; } /* '?' */
.xcon-camera-alt:before { content: '\e815'; } /* '?' */
.xcon-th-large:before { content: '\e816'; } /* '?' */
.xcon-th:before { content: '\e817'; } /* '?' */
.xcon-th-list:before { content: '\e818'; } /* '?' */
.xcon-plus:before { content: '\e819'; } /* '?' */
.xcon-minus:before { content: '\e81a'; } /* '?' */
.xcon-ok:before { content: '\e81b'; } /* '?' */
.xcon-cancel:before { content: '\e81c'; } /* '?' */
.xcon-home:before { content: '\e81d'; } /* '?' */
.xcon-link:before { content: '\e81e'; } /* '?' */
.xcon-unlink:before { content: '\e81f'; } /* '?' */
.xcon-attach:before { content: '\e820'; } /* '?' */
.xcon-lock:before { content: '\e821'; } /* '?' */
.xcon-pin:before { content: '\e822'; } /* '?' */
.xcon-tags:before { content: '\e823'; } /* '?' */
.xcon-tag:before { content: '\e824'; } /* '?' */
.xcon-flag-empty:before { content: '\e825'; } /* '?' */
.xcon-thumbs-up:before { content: '\e826'; } /* '?' */
.xcon-thumbs-down:before { content: '\e827'; } /* '?' */
.xcon-thumbs-up-alt:before { content: '\e828'; } /* '?' */
.xcon-thumbs-down-alt:before { content: '\e829'; } /* '?' */
.xcon-code:before { content: '\e82a'; } /* '?' */
.xcon-pencil:before { content: '\e82b'; } /* '?' */
.xcon-print:before { content: '\e82c'; } /* '?' */
.xcon-chat:before { content: '\e82d'; } /* '?' */
.xcon-chat-empty:before { content: '\e82e'; } /* '?' */
.xcon-bell:before { content: '\e82f'; } /* '?' */
.xcon-file-pdf:before { content: '\e830'; } /* '?' */
.xcon-file-word:before { content: '\e831'; } /* '?' */
.xcon-file-excel:before { content: '\e832'; } /* '?' */
.xcon-file-powerpoint:before { content: '\e833'; } /* '?' */
.xcon-file-image:before { content: '\e834'; } /* '?' */
.xcon-file-archive:before { content: '\e835'; } /* '?' */
.xcon-doc-text:before { content: '\e836'; } /* '?' */
.xcon-file-audio:before { content: '\e837'; } /* '?' */
.xcon-file-video:before { content: '\e838'; } /* '?' */
.xcon-file-code:before { content: '\e839'; } /* '?' */
.xcon-location:before { content: '\e83a'; } /* '?' */
.xcon-phone:before { content: '\e83b'; } /* '?' */
.xcon-fax:before { content: '\e83c'; } /* '?' */
.xcon-cog:before { content: '\e83d'; } /* '?' */
.xcon-wrench:before { content: '\e83e'; } /* '?' */
.xcon-folder:before { content: '\e83f'; } /* '?' */
.xcon-folder-open:before { content: '\e840'; } /* '?' */
.xcon-rss:before { content: '\e841'; } /* '?' */
.xcon-calendar:before { content: '\e842'; } /* '?' */
.xcon-sliders:before { content: '\e843'; } /* '?' */
.xcon-mic:before { content: '\e844'; } /* '?' */
.xcon-clock:before { content: '\e845'; } /* '?' */
.xcon-angle-left:before { content: '\e846'; } /* '?' */
.xcon-angle-right:before { content: '\e847'; } /* '?' */
.xcon-angle-up:before { content: '\e848'; } /* '?' */
.xcon-angle-down:before { content: '\e849'; } /* '?' */
.xcon-angle-double-left:before { content: '\e84a'; } /* '?' */
.xcon-angle-double-right:before { content: '\e84b'; } /* '?' */
.xcon-angle-double-up:before { content: '\e84c'; } /* '?' */
.xcon-signal:before { content: '\e84d'; } /* '?' */
.xcon-wifi:before { content: '\e84e'; } /* '?' */
.xcon-award:before { content: '\e84f'; } /* '?' */
.xcon-desktop:before { content: '\e850'; } /* '?' */
.xcon-laptop:before { content: '\e851'; } /* '?' */
.xcon-tablet:before { content: '\e852'; } /* '?' */
.xcon-mobile:before { content: '\e853'; } /* '?' */
.xcon-globe:before { content: '\e854'; } /* '?' */
.xcon-flash:before { content: '\e855'; } /* '?' */
.xcon-umbrella:before { content: '\e856'; } /* '?' */
.xcon-scissors:before { content: '\e857'; } /* '?' */
.xcon-book:before { content: '\e858'; } /* '?' */
.xcon-gift:before { content: '\e859'; } /* '?' */
.xcon-chart-pie:before { content: '\e85a'; } /* '?' */
.xcon-chart-area:before { content: '\e85b'; } /* '?' */
.xcon-rocket:before { content: '\e85c'; } /* '?' */
.xcon-bug:before { content: '\e85d'; } /* '?' */
.xcon-key:before { content: '\e85e'; } /* '?' */
.xcon-beaker:before { content: '\e85f'; } /* '?' */
.xcon-cab:before { content: '\e860'; } /* '?' */
.xcon-truck:before { content: '\e861'; } /* '?' */
.xcon-bus:before { content: '\e862'; } /* '?' */
.xcon-bicycle:before { content: '\e863'; } /* '?' */
.xcon-motorcycle:before { content: '\e864'; } /* '?' */
.xcon-heartbeat:before { content: '\e865'; } /* '?' */
.xcon-ambulance:before { content: '\e866'; } /* '?' */
.xcon-medkit:before { content: '\e867'; } /* '?' */
.xcon-hammer:before { content: '\e868'; } /* '?' */
.xcon-bank:before { content: '\e869'; } /* '?' */
.xcon-soccer-ball:before { content: '\e86a'; } /* '?' */
.xcon-graduation-cap:before { content: '\e86b'; } /* '?' */
.xcon-paw:before { content: '\e86c'; } /* '?' */
.xcon-venus:before { content: '\e86d'; } /* '?' */
.xcon-mars:before { content: '\e86e'; } /* '?' */
.xcon-github:before { content: '\e86f'; } /* '?' */
.xcon-note:before { content: '\e870'; } /* '?' */
.xcon-note-beamed:before { content: '\e871'; } /* '?' */
.xcon-search-1:before { content: '\e872'; } /* '?' */
.xcon-check:before { content: '\e873'; } /* '?' */
.xcon-up-open-big:before { content: '\e874'; } /* '?' */
.xcon-right-open-big:before { content: '\e875'; } /* '?' */
.xcon-left-open-big:before { content: '\e876'; } /* '?' */
.xcon-down-open-big:before { content: '\e877'; } /* '?' */
.xcon-up-open-mini:before { content: '\e878'; } /* '?' */
.xcon-right-open-mini:before { content: '\e879'; } /* '?' */
.xcon-left-open-mini:before { content: '\e87a'; } /* '?' */
.xcon-down-open-mini:before { content: '\e87b'; } /* '?' */
.xcon-video:before { content: '\e87c'; } /* '?' */
.xcon-picture-1:before { content: '\e87d'; } /* '?' */
.xcon-eye:before { content: '\e87e'; } /* '?' */
.xcon-thumbs-up-1:before { content: '\e87f'; } /* '?' */
.xcon-thumbs-down-1:before { content: '\e880'; } /* '?' */
.xcon-flag:before { content: '\e881'; } /* '?' */
.xcon-feather:before { content: '\e882'; } /* '?' */
.xcon-clock-1:before { content: '\e883'; } /* '?' */
.xcon-hourglass:before { content: '\e884'; } /* '?' */
.xcon-flash-1:before { content: '\e885'; } /* '?' */
.xcon-flight:before { content: '\e886'; } /* '?' */
.xcon-paper-plane:before { content: '\e887'; } /* '?' */
.xcon-leaf:before { content: '\e888'; } /* '?' */
.xcon-lifebuoy:before { content: '\e889'; } /* '?' */
.xcon-briefcase:before { content: '\e88a'; } /* '?' */
.xcon-suitcase:before { content: '\e88b'; } /* '?' */
.xcon-trophy:before { content: '\e88c'; } /* '?' */
.xcon-network:before { content: '\e88d'; } /* '?' */
.xcon-chart-bar:before { content: '\e88e'; } /* '?' */
.xcon-chart-line:before { content: '\e88f'; } /* '?' */
.xcon-ok-1:before { content: '\e890'; } /* '?' */
.xcon-basketball:before { content: '\e891'; } /* '?' */
.xcon-grocery-store:before { content: '\e892'; } /* '?' */
.xcon-fast-food:before { content: '\e893'; } /* '?' */
.xcon-ferry:before { content: '\e894'; } /* '?' */
.xcon-football:before { content: '\e895'; } /* '?' */
.xcon-flickr:before { content: '\e896'; } /* '?' */
.xcon-vimeo:before { content: '\e897'; } /* '?' */
.xcon-twitter:before { content: '\e898'; } /* '?' */
.xcon-facebook:before { content: '\e899'; } /* '?' */
.xcon-gplus:before { content: '\e89a'; } /* '?' */
.xcon-pinterest:before { content: '\e89b'; } /* '?' */
.xcon-tumblr:before { content: '\e89c'; } /* '?' */
.xcon-linkedin:before { content: '\e89d'; } /* '?' */
.xcon-dribbble:before { content: '\e89e'; } /* '?' */
.xcon-lastfm:before { content: '\e89f'; } /* '?' */
.xcon-instagram:before { content: '\e8a0'; } /* '?' */
.xcon-dropbox:before { content: '\e8a1'; } /* '?' */
.xcon-evernote:before { content: '\e8a2'; } /* '?' */
.xcon-skype:before { content: '\e8a3'; } /* '?' */
.xcon-paypal:before { content: '\e8a4'; } /* '?' */
.xcon-picasa:before { content: '\e8a5'; } /* '?' */
.xcon-behance:before { content: '\e8a6'; } /* '?' */
.xcon-quote-left:before { content: '\e8a7'; } /* '?' */
.xcon-quote-right:before { content: '\e8a8'; } /* '?' */
.xcon-quote-left-alt:before { content: '\e8a9'; } /* '?' */
.xcon-quote-right-alt:before { content: '\e8aa'; } /* '?' */
.xcon-book-open:before { content: '\e8ab'; } /* '?' */
.xcon-trash:before { content: '\e8ac'; } /* '?' */
.xcon-chart-pie-1:before { content: '\e8ad'; } /* '?' */
.xcon-wrench-1:before { content: '\e8ae'; } /* '?' */
.xcon-basket:before { content: '\e8af'; } /* '?' */
.xcon-location-2:before { content: '\e8b0'; } /* '?' */
.xcon-signal-1:before { content: '\e8b1'; } /* '?' */
.xcon-award-1:before { content: '\e8b2'; } /* '?' */
.xcon-volume-up:before { content: '\e8b3'; } /* '?' */
.xcon-basket-alt:before { content: '\e8b4'; } /* '?' */
.xcon-mail-1:before { content: '\e8b5'; } /* '?' */
.xcon-female-1:before { content: '\e8b6'; } /* '?' */
.xcon-male-1:before { content: '\e8b7'; } /* '?' */
.xcon-youtube-play:before { content: '\e8b8'; } /* '?' */
.xcon-headphones:before { content: '\e8b9'; } /* '?' */
.xcon-gauge:before { content: '\e8ba'; } /* '?' */
.xcon-traffic-cone:before { content: '\e8bb'; } /* '?' */
.xcon-megaphone:before { content: '\e8bc'; } /* '?' */
.xcon-anchor:before { content: '\e8bd'; } /* '?' */
.xcon-at:before { content: '\e8be'; } /* '?' */
.xcon-giraffe:before { content: '\e8bf'; } /* '?' */
.xcon-fuel:before { content: '\e8c0'; } /* '?' */
.xcon-odnoklassniki:before { content: '\e8c1'; } /* '?' */
.xcon-location-1:before { content: '\e8c2'; } /* '?' */
.xcon-ok-2:before { content: '\e8c3'; } /* '?' */
.xcon-wordpress:before { content: '\e8c4'; } /* '?' */

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;}.fotorama__caption{position:absolute;z-index:12;bottom:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0; 
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

	/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	text-align:center; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

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

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

 /*
* 	Responsive grid pixel system - v1.1
* 	Copyright 2017, FriendsLaboratory
*   Author: FriendsLaboratory
* 	Created Date : 01-01-2017
*/
.clearfix{
  *zoom: 1;
  clear:both;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}


/*------------------------------------------------------------------*/ 
/*	SKELETON OR GRID
/*------------------------------------------------------------------*/
.container {
	max-width: 1250px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	padding:0px 40px;
	position:relative;
	clear:both;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.container.full{
	max-width:100%;
}
.row {
	height:auto;
} 
[class*="fl-col"], .fl-sidebar{
	float: left;
	margin-right: 4%;
}
[class*="fl-col"].float-right{
	float:right;
}
[class*="fl-col"].last, .fl-sidebar.last, [class*="fl-col"].no-space, .fl-col-12{
	margin-right:0px;
}
  
.fl-col-12 {  width: 100%;      }
.fl-col-9  {  width: 74%;       }
.fl-col-8  {  width: 65.3333%;  }
.fl-col-6  {  width: 48%;       }
.fl-col-4  {  width: 30.6666%;  }
.fl-col-3  {  width: 22%;       }
.fl-sidebar  {  width: 30.6666%;     }

.fl-col-9.no-space  {  width: 78%;  }
.fl-col-8.no-space  {  width: 69.3333%;  }
.fl-col-6.no-space  {  width: 52%;  }
.fl-col-4.no-space  {  width: 34.6666%;  }
.fl-col-3.no-space  {  width: 26%;  }

@media (max-width: 1040px) {
.fl-sidebar  {  width: 100%; clear:both; margin-right:0px; padding:50px 0px;  }
.fl-col-8.fix { width:100%; }
.container{padding:0px 20px;}
}

@media (max-width: 768px) {
.fl-col-12 {  width: 100%;  }
.fl-col-9  {  width: 100%;  }
.fl-col-8  {  width: 100%;  }
.fl-col-6  {  width: 100%;  }
.fl-col-4  {  width: 100%;  }
.fl-col-3  {  width: 100%;  }
}

@media (max-width: 480px) {
.container{padding:0px 10px;}
}

.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

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

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

@charset "utf-8";
/*
/*	Copyright (c) 2017 FriendsLaboratory
/*	Author: FriendsLaboratory
/*	This file is made for CURRENT TEMPLATE
/*
	01) BASE
	02) CONTENT 
	03) VERTICAL MENU
	04) CONTENT IN (INDEX)
	05) HEADER (DEFAULT DISPLAY:NONE;)
	06) PAGINATION
	07) FOOTER {DEFAULT DISPLAY: NONE;}
	08) MAIN TITLE HOLDER
	09) ABOUT (NEW PAGE)
	10) SERVICES (NEW PAGE)
	11) COMMON TEMPLATES(SERVICE SINGLE, BLOG, ABOUT)
	12) BLOG (NEW PAGE)
	13) MAGNIFIC POPUP (LIGHTBOXES)

		13.1) TRANSITION
		13.2) ADDRESS
		13.3) CLOSE BUTTON
		13.4) CONTACT FORM NOTICE (ERROR)
		13.5) BOOKING
		13.6) OPENING TIME
		13.7) TIME PICKER
	
	14) GALLERY (NEW PAGE)
	15) MEDIA QUERIES (FOR SMALL DEVICES)

/*------------------------------------------------------------------*/
/*	01) BASE
/*------------------------------------------------------------------*/
html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px
}
body{
	font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.5px;
	font-weight: 400;
	color: #999;
	
	background-image:url(../img/background.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

/*------------------------------------------------------------------*/
/*	02) CONTENT 
/*------------------------------------------------------------------*/
.makeup_fl_wrapper_all{
	width: 100%;
	clear: both;
	float: left;
	height: auto;
}
.makeup_fl_content{
	width: 100%;
	clear: both;
	float: left;
	height: auto;
	padding: 50px 0px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
/*------------------------------------------------------------------*/
/*	03) VERTICAL MENU
/*------------------------------------------------------------------*/
.makeup_fl_ver_menu{
	width: 32%;
	height: auto;
	float: left;
}
.makeup_fl_ver_menu .vertical_menu{
	width: 100%;
	float: left;
	height: auto;
	padding: 10px;
	background: rgba(250,250,250,0.8);
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.makeup_fl_ver_menu_in{
	width: 100%;
	height: auto;
	padding: 80px 50px 50px 50px;
	overflow: hidden;
	position: relative;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	background-image: -webkit-linear-gradient( rgba(255,255,255,0.5) , rgba(200,200,200,0.5) ); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient( rgba(255,255,255,0.5) , rgba(200,200,200,0.5) ); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient( rgba(255,255,255,0.5) , rgba(200,200,200,0.5) ); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient( rgba(255,255,255,0.5) , rgba(200,200,200,0.5) ); /* Standard syntax */
}
.makeup_fl_ver_menu_in .makeup_fl_logo{
	text-align: center;
	margin-bottom: 84px;
}
/* NAVIGATION LIST */
.makeup_fl_ver_menu_in .makeup_fl_nav_list{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 79px;
}
.makeup_fl_ver_menu_in .makeup_fl_nav_list ul{
	margin: 0px;
	list-style-type: none;
}
.makeup_fl_ver_menu_in .makeup_fl_nav_list ul li{
	text-align: left;
	overflow: hidden;
}
.makeup_fl_ver_menu_in .makeup_fl_nav_list ul li a{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 1.5;
	color: #777;
	letter-spacing: 1px;
}
.makeup_fl_ver_menu_in .makeup_fl_nav_list ul li a span{
	position: relative;
	
	transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.makeup_fl_ver_menu_in .makeup_fl_nav_list ul li a span:after{
	position: absolute;
	content: '';
	width: 400px;
	height: 1px;
	background-color: rgba(255,255,255,0.05);
	bottom: 3px;
	left: 100%;
	margin-left: 10px;
}
.makeup_fl_ver_menu_in .makeup_fl_nav_list ul li:hover span{
	margin-left: 30px;
}
.makeup_fl_ver_menu_in .makeup_fl_nav_list ul li:hover span:after{
	width: 370px;
}
/* BOOKING BUTTON */
.makeup_fl_ver_menu_in .makeup_fl_booking_btn{
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	line-height: 40px;
	z-index: 999;
	margin-bottom: 90px;
	padding: 0px 50px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.makeup_fl_ver_menu_in .makeup_fl_booking_btn:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,0.05);
	top: 50%;
	margin-top: -1px;
	right: 100%;
}
.makeup_fl_ver_menu_in .makeup_fl_booking_btn:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,0.05);
	top: 50%;
	margin-top: -1px;
	right: auto;
	left: 100%;
}
.makeup_fl_ver_menu_in .makeup_fl_booking_btn a{
	display: block;
	text-decoration: none;
}
.makeup_fl_ver_menu_in .makeup_fl_booking_btn .btn_s_a:hover,
.makeup_fl_ver_menu_in .makeup_fl_booking_btn .btn_s_b:hover{
	background: rgba(255,255,255,0.1);
}
.makeup_fl_ver_menu_in .makeup_fl_booking_btn .btn_s_a:hover a i,
.makeup_fl_ver_menu_in .makeup_fl_booking_btn .btn_s_b:hover a i{
	color: #bbb;
}
.makeup_fl_ver_menu_in .makeup_fl_booking_btn .btn_s_a,
.makeup_fl_ver_menu_in .makeup_fl_booking_btn .btn_s_b{
	width: 50px;
	height: 40px;
	position: absolute;
	top:0px;
	background: rgba(255,255,255,0.05);
	z-index: 3;
	
	transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
.makeup_fl_ver_menu_in .makeup_fl_booking_btn .btn_s_a{
	left: 0px;
}
.makeup_fl_ver_menu_in .makeup_fl_booking_btn .btn_s_b{
	right: 0px;
}
.makeup_fl_ver_menu_in .makeup_fl_booking_btn .btn_s_a a i,
.makeup_fl_ver_menu_in .makeup_fl_booking_btn .btn_s_b a i{
	color: #666;
	font-size: 18px;
}
.makeup_fl_ver_menu_in .makeup_fl_booking_btn .btn_b{
	width: 100%;
	height: 40px;
	padding:0px;
	position: relative;
	background-color: #371352;
	z-index: 2;
	border:2px solid transparent;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	
	transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
.makeup_fl_ver_menu_in .makeup_fl_booking_btn .btn_b a{
	font-size: 12px;
	color: #bbb;
	text-transform: uppercase;
	font-weight: 400;
	font-style: normal;
	margin-top: -2px;
}
.makeup_fl_ver_menu_in .makeup_fl_booking_btn .btn_b:hover{
	background-color: #502A6E;
}
/* SOCIAL ICONS */
.makeup_fl_social_icons{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 20px;
}
.makeup_fl_social_icons ul{
	margin: 0px;
	list-style-type: none;
	text-align: center;
}
.makeup_fl_social_icons ul li{
	display: inline-block;
	margin: 0px 3px 10px 3px;
	background-color: rgba(255,255,255,0.02);
	
	transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
.makeup_fl_social_icons ul li a{
	display: block;
	color: #666;
	width: 40px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}
.makeup_fl_social_icons ul li:hover{
	background-color: rgba(255,255,255,0.1);
}
.makeup_fl_social_icons ul li:hover a{
	color:#bbb;
}
/* COPYRIGHT */
.makeup_fl_cright{
	width: 100%;
	height: auto;
	text-align: center;
	line-height: 1.2;
	float: left;
	margin-bottom: 25px;
}
.makeup_fl_cright span{
	font-size: 12px;
	letter-spacing: .5px;
	color: #999;
}
.makeup_fl_cright span a{
	color: #bbb;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	padding-bottom: 3px;
}
.makeup_fl_cright span a:hover{
	border-bottom: 1px solid #bbb;
}
/* TREUG */
.makeup_fl_totop_wrapper{
	width: 100%;
	overflow: hidden;
	text-align: center;
	position: absolute;
	float: left;
	height: 25px;
	line-height: 25px;
	bottom: 0px;
	left: 0px;
}
.makeup_fl_totop_wrapper i{
	color: #bbb;
	opacity: .5;
	position: absolute;
	bottom: 0px;
	margin-left: -12px;
	margin-bottom: -4px;
	font-size: 18px;
}
.makeup_fl_totop_wrapper .rotating{
	width: 50px;
	height: 50px;
	transform: rotate(45deg);
	position: absolute;
	background-color: #371352;
	left: 50%;
	top:10px;
	margin-left: -25px;
}
/*------------------------------------------------------------------*/
/*	04) CONTENT IN (INDEX)
/*------------------------------------------------------------------*/
.makeup_fl_content_in{
	width: 65%;
	float: right;
	height: auto;
}
.makeup_fl_content_in_qq{
	padding: 50px;
	background-color: rgba(250,250,250,0.9);
	position: relative;
	overflow: hidden;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}
.lessmargin{
	margin-top: 20px !important;
}
.makeup_fl_content_wrap{
	width: 100%;
	float: left;
}
/* FOTORAMA */
.makeup_fl_fotorama{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 40px;
	transform: translateZ(0);
	position: relative;
}
.fotorama__stage {
    width: 100% !important;
}
.fotorama__nav{
	height: 96px;
}
.fotorama__nav-wrap{
	margin-top: -20px;	
}
.fotorama__thumb-border{
	height: 64px !important;
	background: rgba(0,0,0,.5);
	border-width: 0px !important;
	width: 96px !important;
}
/*  TESTIMONIALS */
.makeup_fl_content_testimonials{
	width:100%;
	float:left;
	background-color:#0f050e;
	position: relative;
	margin-bottom: 70px;
}
.makeup_fl_content_testimonials .testimonials{
	width:100%;
	clear:both;
	float:left;
	padding:60px 65px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.makeup_fl_content_testimonials .testimonials .quote{
	position: absolute;
	left: 30px;
	top: 30px;
}
.makeup_fl_content_testimonials .testimonials .quote i{
	color: #271e27;
	font-size: 24px;
}
.makeup_fl_content_testimonials .testimonials .item p{
	font-size: 19px;
	line-height: 1.5;
	letter-spacing: .25px;
	font-style: italic;
	color: #999;
}
.makeup_fl_content_testimonials .testimonials .item span{
	text-transform:uppercase;
	font-size: 12px;
	color: #bbb;
	line-height: 1;
	letter-spacing: 1px;
	position: relative;
}
.makeup_fl_content_testimonials .testimonials .item span:after{
	content: '';
	position: absolute;
	width: 8px;
	height: 1px;
	background-color: #999;
	right: 100%;
	margin-right: 3px;
	top: 50%;
	margin-top: -1px;
}
.makeup_fl_content_testimonials .testimonials .item span:before{
	content: '';
	position: absolute;
	width: 8px;
	height: 1px;
	background-color: #999;
	left: 100%;
	margin-left: 3px;
	top: 50%;
	margin-top: -1px;
}
.makeup_fl_content_testimonials .testimonials .prev_next_btn{
	position: absolute;
	right: 22px;
	bottom: 19px;
}
.makeup_fl_content_testimonials .testimonials .prev_next_btn a{
	text-decoration: none;
	display: block;
	float: left;
	margin-right: 12px;
}
.makeup_fl_content_testimonials .testimonials .prev_next_btn a.next{
	margin-right: 0px;
}
.makeup_fl_content_testimonials .testimonials .prev_next_btn a i{
	color: #999;
}
/*  PACKAGE LIST */
.makeup_fl_package_list{
	height: auto;
	margin-left: -3%;
	clear: both;
}
.makeup_fl_package_list_in{
	width: 47%;
	float: left;
	margin-left: 3%;
	background-color: #0f050e;
	margin-bottom: 3%;
}
.makeup_fl_package_list_in .pckg_img img{
	max-width: 100%;
}
.makeup_fl_package_list_in .pckg_info{
	width: 100%;
	height: auto;
}
.makeup_fl_package_list_in .pckg_info .title_holder{
	text-align: center;
	line-height: 1.5;
	letter-spacing: .5px;
	margin:40px auto;
}
.makeup_fl_package_list_in .pckg_info .title_holder h3{
	color:#bbb;
	font-size: 19px;
	margin: 0px;
	font-weight: 400;
}
.makeup_fl_package_list_in .pckg_info .title_holder span{
	font-size: 14px;
	color: #999;
}
.makeup_fl_package_list_in .pckg_info .price_list{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 30px;
}
.makeup_fl_package_list_in .pckg_info .price_list ul{
	list-style-type: none;
	margin: 0px;
	float: left;
}
.makeup_fl_package_list_in .pckg_info .price_list ul li{
	margin:0px;
	width: 100%;
	margin-bottom: 3px;
	background-color: rgba(255,255,255,.03);
	float: left;
	padding: 10px 30px;
	z-index: 1;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.makeup_fl_package_list_in .pckg_info .price_list ul li:last-child{
	margin-bottom: 0px;
}
.makeup_fl_package_list_in .pckg_info .price_list ul li .price_li{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	z-index: 5;
}
.makeup_fl_package_list_in .pckg_info .price_list ul li .price_li span{
	font-size: 14px;
	letter-spacing: .5px;
	color:#999;
}
.makeup_fl_package_list_in .pckg_info .price_list ul li .price_li span.span1{
	float: left;
	padding-right: 70px;
}
.makeup_fl_package_list_in .pckg_info .price_list ul li .price_li span.span2{
	position: absolute;
	right: 0px;
}
.makeup_fl_package_list_in .pckg_info .total{
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
}
.makeup_fl_package_list_in .pckg_info .total span{
	font-size: 14px;
	color: #999;
	letter-spacing: .5px;
}
.makeup_fl_package_list_in .pckg_info .footer{
	overflow: hidden;
	margin-bottom: 40px;
}
.makeup_fl_package_list_in .pckg_info .footer .footer_btn a:after{
	content: '';
	width: 100%;
	right: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	background-color: rgba(255,255,255,.05);
}
.makeup_fl_package_list_in .pckg_info .footer .footer_btn a:before{
	content: '';
	width: 100%;
	left: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	background-color: rgba(255,255,255,.05);
}
.makeup_fl_package_list_in .pckg_info .footer .footer_btn{
	position: relative;
	z-index: 3;
	text-align: center;
}
.makeup_fl_package_list_in .pckg_info .footer a:hover{
	background: rgba(0,0,0,0.2);
	border-color: #371352;
}
.makeup_fl_package_list_in .pckg_info .footer a{
	text-decoration: none;
	color:#bbb;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 28px;
	font-size: 12px;
	display: inline-block;
	background-color: #371352;	
	z-index: 3;
	position: relative;
	border: 2px solid transparent;
}
/*------------------------------------------------------------------*/ 
/*	05) HEADER (DEFAULT DISPLAY:NONE;)
/*------------------------------------------------------------------*/
.makeup_fl_header{
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px;
	display: none;
	position: relative;
}
.makeup_fl_header .makeup_fl_logo{
	float: left;
	max-width: 400px;
}
/* TRIGGER */
.makeup_fl_header_trigger{
	float: right;
	margin-left: 30px;
	position: relative;
	padding: 8.5px 0px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.makeup_fl_header_trigger span{
	margin-bottom: 8px;
	width: 40px;
	height: 1px;
	background-color: #bbb;
	display: block;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */ 
}
.makeup_fl_header_trigger span:last-child{
	margin-bottom: 0px;
}
.makeup_fl_header_trigger a{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}
/* BOOKING BUTTON */
.makeup_fl_header .makeup_fl_booking_btn{
	float: right;
	text-align: center;
	position: relative;
	line-height: 40px;
	height: 40px;
	margin-right: 50px;
}
.makeup_fl_header .makeup_fl_booking_btn a{
	display: block;
	text-decoration: none;
}
.makeup_fl_header .makeup_fl_booking_btn .btn_s_a:hover,
.makeup_fl_header .makeup_fl_booking_btn .btn_s_b:hover{
	background: rgba(255,255,255, 0.1);
}
.makeup_fl_header .makeup_fl_booking_btn .btn_s_a:hover a i,
.makeup_fl_header .makeup_fl_booking_btn .btn_s_b:hover a i{
	color: #bbb;
}
.makeup_fl_header .makeup_fl_booking_btn .btn_s_a,
.makeup_fl_header .makeup_fl_booking_btn .btn_s_b{
	width: 50px;
	position: absolute;
	top:0px;
	background: #150f13;
	height: 40px;
	
	transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
.makeup_fl_header .makeup_fl_booking_btn .btn_s_a{
	right: 100%;
}
.makeup_fl_header .makeup_fl_booking_btn .btn_s_b{
	left: 100%;
}
.makeup_fl_header .makeup_fl_booking_btn .btn_s_a a i,
.makeup_fl_header .makeup_fl_booking_btn .btn_s_b a i{
	color: #666;
	font-size: 18px;
}
.makeup_fl_header .makeup_fl_booking_btn .btn_b{
	position: relative;
	background-color: #371352;
	border:2px solid transparent;
	height: 40px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
.makeup_fl_header .makeup_fl_booking_btn .btn_b a{
	font-size: 12px;
	color: #bbb;
	text-transform: uppercase;
	font-weight: 400;
	font-style: normal;
	padding:0px 28px;
	margin-top: -2px;
}
.makeup_fl_header .makeup_fl_booking_btn .btn_b:hover{
	background-color: #502A6E;
}
/* NAVIGATION LIST*/
.makeup_fl_header .makeup_fl_header_nav_list{
	position: relative;
	top:100%;
	left: 0px;
	width: 100%;
	z-index: 999;
	margin: 40px 0px 0px;
	display: none;
}
.makeup_fl_header .makeup_fl_header_nav_list ul{
	list-style-type: none;
	margin:0px;
	padding: 0px;
}
.makeup_fl_header .makeup_fl_header_nav_list ul li .row{
	width: 20px;
	height: 1px;
	background-color: #bbb;
}
.makeup_fl_header .makeup_fl_header_nav_list ul li{
	padding: 0px;
}
.makeup_fl_header .makeup_fl_header_nav_list ul li > a{
	text-decoration: none;
	text-transform: uppercase;
	color: #bbb;
	padding: 10px 0px;
	display: block;
}
.makeup_fl_header .makeup_fl_header_nav_list ul li > a:hover{
	color: #999; 
}
/* BOOKING BUTTON */
.makeup_fl_header .makeup_fl_header_nav_list ul li.mversion{
	display: none;
	margin-bottom: 20px;
	height: 41px;
}
.makeup_fl_header .makeup_fl_header_nav_list ul li.mversion .mversion_in > div{
	display: inline-block;
}
.makeup_fl_header .makeup_fl_header_nav_list ul li.mversion a{
	display: block;
}
.makeup_fl_header .makeup_fl_header_nav_list .makeup_fl_booking_btn{
	float: left;
	margin-left: 50px;
}

/*------------------------------------------------------------------*/ 
/*	06) PAGINATION
/*------------------------------------------------------------------*/
.makeup_fl_content_in .makeup_fl_pagination{
	width: 100%;
	clear: both;
	float: left;
	margin: 70px 0px 0px;
}
.makeup_fl_content_in .makeup_fl_pagination .makeup_fl_pagination_in{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}
.makeup_fl_content_in .makeup_fl_pagination .pages span{
	color: #999;
	font-size: 14px;
	letter-spacing: .5px;
}
.makeup_fl_content_in .makeup_fl_pagination .pg_number{
	float: left;
	padding-right: 30px;
}
.makeup_fl_content_in .makeup_fl_pagination ul{
	list-style-type: none;
	margin: 0px;
}
.makeup_fl_content_in .makeup_fl_pagination ul li{
	display: inline-block;
	width: 25px;
	line-height: 25px;
	text-align: center;
	margin-bottom: 4px;
}
.makeup_fl_content_in .makeup_fl_pagination ul li a.active{
	background-color:#371352;
	color: #bbb;
}
.makeup_fl_content_in .makeup_fl_pagination ul li a{
	text-decoration: none;
	background-color:#1b1216;
	display: block;
	color: #575556;
}

/*------------------------------------------------------------------*/ 
/*	07) FOOTER {DEFAULT DISPLAY: NONE;}
/*------------------------------------------------------------------*/
.makeup_fl_footer{
	width: 100%;
	clear: both;
	float: left;
	text-align: center;
	padding: 10px 0px;
	margin: 20px 0px;
	overflow: hidden;
	display: none;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.makeup_fl_footer .social_icons{
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.makeup_fl_footer .social_icons ul{
	text-align: center;
	margin: 0px 0px 0px -6px;
	list-style-type: none;
	line-height: 40px;
}
.makeup_fl_footer .social_icons ul li{
	display:inline-block;
	margin-left: 6px;
	margin-bottom: 6px;
	width: 40px;
	height: 40px;
	background-color: rgba(255,255,255,0.05);
	padding: 0px;
	
	transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
.makeup_fl_footer .social_icons ul li:hover{
	background-color: rgba(255,255,255,0.1);
}
.makeup_fl_footer .social_icons ul li:hover a{
	color: #bbb;
}
.makeup_fl_footer .social_icons ul li a{
	color:#666;
	display: block;
}
.makeup_fl_footer .cright{
	width: 100%;
	clear: both;
	float: left;
}
.makeup_fl_footer .cright span{
	font-size: 14px;
    line-height: 1.5;
    letter-spacing: 1px;
	color: rgba(255,255,255,.3);
}
.makeup_fl_footer .cright span a{
	color: #bbb;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	padding-bottom: 3px;
}
.makeup_fl_footer .cright span a:hover{
	border-bottom-color: #bbb;
}
.makeup_fl_footer .rotate_box{
	width: 100%;
	clear: both;
	float: left;
	position: relative;
	height: 15px;
}
.makeup_fl_footer .rotate_box .icon{
	position: absolute;
	left: 50%;
	z-index: 33;
	top: 5px;
	margin-left: -13px;
}
.makeup_fl_footer .rotate_box .rotate_top{
	position: absolute;
	width: 50px;
	height: 50px;
	background-color: #999CCC;
	transform: rotate(45deg);
	left:50%;
	margin-left: -28px;
	background:#AF0EAE;
	z-index: 20;
	top:10px;
}
/*------------------------------------------------------------------*/
/*	08) MAIN TITLE HOLDER
/*------------------------------------------------------------------*/
.makeup_fl_content_wrap .makeup_fl_title_holder{
	width: 100%;
	height: auto;
	margin:20px 0px 70px;
	text-align: center;
	position: relative;
	float: left;
	clear: both;
}
.makeup_fl_content_wrap .makeup_fl_title_holder .line{
	content: '';
	width: 200%;
	height: 1px;
	background-color: rgba(255,255,255,.05);
	position: absolute;
	top:50%;
	left: -50%;
}
.makeup_fl_content_wrap .makeup_fl_title_holder span{
	color: #bbb;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 13px 58px;
	background-color: #371352;
	position: relative;
	display: inline-block;
}
/*------------------------------------------------------------------*/
/*	09) ABOUT (NEW PAGE)
/*------------------------------------------------------------------*/
.makeup_fl_about_team{
	width: 100%;
	height: auto;
}
.makeup_fl_about_team .title_holder{
	width: 100%;
	margin-bottom: 44px;
}
.makeup_fl_about_team .title_holder h3{
	margin-bottom: 0px;
	color: #bbb;
	font-size: 19px;
	line-height: 1.5;
	letter-spacing: .5px;
	font-weight: 400;
}
.makeup_fl_about_team .team_holder{
	margin-left: -3%;
}
.makeup_fl_about_team .team_holder .specialist{
	width: 47%;
	margin-left: 3%;
	height: auto;
	float: left;
	margin-bottom: 20px;
}
.makeup_fl_about_team .team_holder .specialist .spc_img{
	margin-bottom: 20px;
	position: relative;
}
.makeup_fl_about_team .team_holder .specialist .spc_img img{
	z-index: 5;
}
.makeup_fl_about_team .team_holder .specialist .spc_img .overlay{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0,0,0,.1);
	z-index: 10;
}
.makeup_fl_about_team .team_holder .specialist .spc_name{
	line-height: 1.5;
	letter-spacing: .5px;
	margin-bottom: 20px;
}
.makeup_fl_about_team .team_holder .specialist .spc_name h3{
	font-size: 19px;
	margin-bottom: 0px;
	color: #bbb;
	font-weight: 400;
}
.makeup_fl_about_team .team_holder .specialist .spc_name span{
	font-size: 14px;
	color: #999;
}
.makeup_fl_about_team .team_holder .specialist .makeup_fl_social_icons ul{
	text-align: left;
}
/*------------------------------------------------------------------*/ 
/*	10) SERVICES (NEW PAGE)
/*------------------------------------------------------------------*/
.makeup_fl_content_wrap .makeup_fl_services{
	margin-left: -3%;
	width: auto;
}
.makeup_fl_content_wrap .makeup_fl_services .service{
	width: 47%;
	height: auto;
	margin-left: 3%;
	margin-bottom: 43px;
	float: left;
}
.makeup_fl_content_wrap .makeup_fl_services .service .srv_img{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.makeup_fl_content_wrap .makeup_fl_services .service .srv_img img{
	z-index: 5;
	min-width: 100%;
}
.makeup_fl_content_wrap .makeup_fl_services .service .srv_img .overlay{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0,0,0,.1);
	z-index: 10;
}
.makeup_fl_content_wrap .makeup_fl_services .service .srv_img .price{
	position: absolute;
	z-index: 15;
	right: 10px;
	bottom: 10px;
}
.makeup_fl_content_wrap .makeup_fl_services .service .srv_img .price span{
	padding: 9px 25px;
	background: #371352;
	color: #bbb;
	font-size: 15px;
	letter-spacing: 1px;
	float: left;
}
.makeup_fl_content_wrap .makeup_fl_services .service .title_holder{
	width: 100%;
	float: left;
	letter-spacing: .5px;
	line-height: 1.5;
}
.makeup_fl_content_wrap .makeup_fl_services .service .title_holder h3{
	margin-bottom: 0px;
	font-size: 19px;
	color: #bbb;
	font-weight: 400;
}
.makeup_fl_content_wrap .makeup_fl_services .service .title_holder h3 a{
	text-decoration: none;
	color: #bbb;
}
.makeup_fl_content_wrap .makeup_fl_services .service .title_holder h3 a:hover{
	color: #999;
}
.makeup_fl_content_wrap .makeup_fl_services .service .title_holder span{
	font-size: 14px;
	color: #999;
}
.makeup_fl_services .service .srv_img > a{
	position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
	text-decoration: none;
}
/*------------------------------------------------------------------*/ 
/*	11) COMMON TEMPLATES(SERVICE SINGLE, BLOG, ABOUT)
/*------------------------------------------------------------------*/
.makeup_fl_common{
	width: 100%;
	float: left;
}
.makeup_fl_common .common_img{
	position: relative;
	margin-bottom: 40px;
	clear: both;
}
.makeup_fl_common .common_img img{
	z-index: 5;
}
.makeup_fl_common .common_img .overlay{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: rgba(0,0,0,.1);
	z-index: 10;
}
.makeup_fl_common .common_img a{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	text-decoration: none;
}
.makeup_fl_common .common_full_info{
	width: 100%;
	clear: both;
}
.makeup_fl_common .common_full_info .title_holder{
	position: relative;
	margin-bottom: 33px;
}
.makeup_fl_common .common_full_info .title_holder .common_name{
	padding-right: 100px;
	line-height: 1.5;
	letter-spacing: .5px;
}
.makeup_fl_common .common_full_info .title_holder .common_name h3{
	font-size: 19px;
	color: #bbb;
	margin-bottom: 0px;
	font-weight: 400;
}
.makeup_fl_common .common_full_info .title_holder .common_name span{
	font-size: 14px;
	color: #999;
}
.makeup_fl_common .common_full_info .title_holder .common_price{
	position: absolute;
	right: 0px;
	top: 0px;
}
.makeup_fl_common .common_full_info .title_holder .common_price span{
	padding: 9px 25px;
	background: #371352;
	color: #bbb;
	font-size: 15px;
	letter-spacing: 1px;
	float: left;
}
.makeup_fl_common .common_full_info .common_info{
	margin-bottom: 43px;
}
.makeup_fl_common .common_full_info .common_info p{
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 1px;
	color: #999;
	margin-bottom: 13px;
}
.makeup_fl_common .common_full_info .common_info p:last-child{
	margin-bottom: 0px;
}
/* MAIN BUTTON */
.makeup_fl_btn a{
	text-decoration: none;
	text-transform: uppercase;
	color: #bbb;
	letter-spacing: 1px;
	padding: 11px 36px;
	background: #371352;
	font-size: 12px;
	border: 2px solid transparent;
	display: inline-block;
}
.makeup_fl_btn a:hover{
	background: rgba(0,0,0,0.2);
	border-color: #371352;
}

/*------------------------------------------------------------------*/ 
/*	12) BLOG (NEW PAGE)
/*------------------------------------------------------------------*/
.makeup_fl_blog_list{
	width: 100%;
	margin-bottom: 70px;
	float: left;
}
.makeup_fl_blog_list:last-child{
	margin-bottom: 0px;
}
.makeup_fl_blog_list .common_full_info .title_holder{
	line-height: 1.5;
	letter-spacing: .5px;
}
.makeup_fl_blog_list .common_full_info .title_holder h3{
	font-size: 19px;
	color: #bbb;
	margin-bottom: 0px;
	font-weight: 400;
}
.makeup_fl_blog_list .common_full_info .title_holder h3 a{
	text-decoration: none;
	color: #bbb;
}
.makeup_fl_blog_list .common_full_info .title_holder h3 a:hover{
	color:#999;
}
.makeup_fl_blog_list .common_full_info .title_holder span a{
	font-size: 14px;
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}
.makeup_fl_blog_list .common_full_info .title_holder span a:hover{
	border-bottom: 1px solid #999;
}	
/*------------------------------------------------------------------*/ 
/*	13) MAGNIFIC POPUP (LIGHTBOXES)
/*------------------------------------------------------------------*/
/***  13.1) TRANSITION ***/

/* overlay at start */
.mfp-fade.mfp-bg {
 	opacity: 0;

 	transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;

 	transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
/*** 13.2) ADDRESS ***/
.address_popup {
	position: relative;
	width: auto;
	height: auto;
	max-width: 800px;
	margin: 0px auto;
	border-radius: 4px;
}
.address .box{
	width: 50%;
	float: left;
}
.address .box iframe{
	max-width: 100%;
	min-width: 100%;
	display: block;
	position: relative; /* IE needs a position other than static */
    pointer-events: none;
}
.address .box iframe.clicked{
    pointer-events: auto;
}
.address .box .info{
	padding: 80px 30px;
	width: 100%;
	height: auto;
	background: rgba(0,0,0,0.9);
	letter-spacing: 1px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.address .box .info ul{
	margin: 0px;
	list-style-type: none;
}
.address .box .info ul li{
	margin:0px;
	position: relative;
	padding: 0px 45px;
	color: rgba(255,255,255,.5);
	margin-bottom: 30px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.address .box .info ul li span.span1{
	position: absolute;
	left: 0px;
	top:0px;
	font-size: 24px;
}
.address .box .info ul li span.span2{
	font-size: 14px;
}
.address .box .info ul li span.span2 strong{
	color: rgba(255,255,255,.8);
}
.address .box .info ul li span.span2 a{
	text-decoration: none;
	color: #bbb;
	border-bottom: 1px solid transparent;
	padding-bottom: 3px;
	
	transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
}
.address .box .info ul li span.span2 a:hover{
	border-bottom-color: #bbb;
}
/*** 13.3) CLOSE BUTTON ***/
.mfp-close-btn-in .mfp-close{
	color: #bbb;
}
/*** 13.4) CONTACT FORM NOTICE (ERROR)  ***/
.contact_form .empty_notice{
	color:#bbb;
	display:none;
	position:relative;
}
.contact_form .returnmessage{
	display:none;
	position:relative;
}
.contact_form .returnmessage span{
	color:#009900;
	display:block;
}
.contact_form .returnmessage span.contact_error{
	color:#bbb;
}
/*** 13.5) BOOKING ***/
.booking_popup{
	position: relative;
	width: auto;
	max-width: 800px;
	margin: 0px auto;
	background: rgba(250,250,250,0.9);
	padding-left: 50px;
	padding-right: 50px;
	border-radius: 8px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.makeup_fl_form{
	width: 100%;
	height: auto;
	font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
}
.book_online label{
	display: block !important;
	margin-bottom: 10px;
}
.book_online label span{
	color: #bbb;
}
.makeup_fl_form h3{
	font-size:24px;
	text-transform:uppercase;
	letter-spacing:3px;
	font-weight:400;
	color: #bbb;
	opacity: .7;
}
.makeup_fl_form form input[type="text"],
.makeup_fl_form form input[type="datetime"]{
	width:100%;
	min-width: 100%;
	font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
}
.makeup_fl_form form input[type="text"],
.makeup_fl_form form input[type="email"],
.makeup_fl_form form textarea,
.makeup_fl_form form input[type="text"]:focus,
.makeup_fl_form form textarea:focus{
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 400;
	color: #ddd;
	font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
}
.makeup_fl_form form .your-message{
	clear: both;
}
.makeup_fl_form form input,
.makeup_fl_form form textarea{
	border-radius:4px;
	background: rgba(0,0,0,.9);
	border: 1px solid rgba(255,255,255,.2);
	font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
}
.makeup_fl_form form input:focus,
.makeup_fl_form form textarea:focus{
	background: rgba(0,0,0,.9);
	border: 1px solid rgba(255,255,255,.7);
}
.makeup_fl_form form > div{
	margin-bottom: 20px;
}
.makeup_fl_form form :last-child{
	margin-bottom: 0px;
}
.makeup_fl_form form input[type="button"]{
	border-radius: 2px;
	font-weight: 400;
	text-transform: uppercase;
	color: #ddd;
	letter-spacing: 1px;
	padding: 11px 36px;
	font-size: 12px;
	display: inline-block;
	background: rgba(0,0,0,.9);
	border: 1px solid rgba(255,255,255,.3);
}
.makeup_fl_form form input[type="button"]:hover{
	background: rgba(0,0,0,.9);
	border: 1px solid rgba(255,255,255,.7);
}
/*  TOTOP  */
a.totop:hover i{
	opacity: 1;
}
/*** 13.6) OPENING TIME ***/
.opening_time_popup{
	position: relative;
	width: auto;
	max-width: 400px;
	margin: 0px auto;
	border-radius: 8px;
}
.opening_time_popup .opening{
	width: 100%;
	height: auto;
}
.opening_time_popup .opening .title_holder{
	background: rgba(0,0,0,0.9);
	text-align: center;
	padding: 15px 0px;
	border-bottom: 1px solid rgba(255,255,255,.05);
}
.opening_time_popup .opening .title_holder h3{
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 400;
	margin-bottom: 0px;
	
	color: #bbb;
	opacity: .7;
}
.opening_time_popup .opening .info{
	width: 100%;
	background: rgba(0,0,0,.9);
}
.opening_time_popup .opening .info ul{
	line-height: 50px;
	margin: 0px;
	list-style-type: none;
}
.opening_time_popup .opening .info ul li{
	margin: 0px;
	border-bottom: 1px solid rgba(255,255,255,.05);
	padding: 0px 20px;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.opening_time_popup .opening .info ul li .lili{
	width: 100%;
	position: relative;
}
.opening_time_popup .opening .info ul li span{
	font-size: 16px;
}
.opening_time_popup .opening .info ul li span.span1{
	padding-right: 100px;
}
.opening_time_popup .opening .info ul li span.span2{
	position: absolute;
	right: 0px;
	top: 0px;
}
/*** 13.7) TIME PICKER ***/
.ui-timepicker-wrapper{
	background: rgba(0,0,0,.9);
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 4px;
}
.ui-timepicker-list li{
	padding: 3px 10px;
	color: rgba(255,255,255,.5);
}
/*------------------------------------------------------------------*/ 
/*	14) GALLERY (NEW PAGE)
/*------------------------------------------------------------------*/
ul.makeup_fl_gallery_list{
	list-style-type: none;
	margin: 0px;
	margin-left: -2%;
}
ul.makeup_fl_gallery_list li{
	width: 48%;
	margin-left: 2%;
	margin-bottom: 2%;
	float: left;
}
ul.makeup_fl_gallery_list li img{
	min-width: 100%;
	max-width: 100%;
}

/*------------------------------------------------------------------*/ 
/*	15) MEDIA QUERIES (FOR SMALL DEVICES)
/*------------------------------------------------------------------*/
@media (max-width: 1200px) {
/*  HEADER, FOOTER, VERTICAL MENU, MAIN CONTENT*/
.makeup_fl_header, .makeup_fl_footer{display: block;}
.makeup_fl_ver_menu{display: none;}
.makeup_fl_content_in{width: 100%;}
/*  INDEX */
.makeup_fl_package_list_in .pckg_img{text-align: center;}
/*  COMMON TEMPLATES CONTENT */
.makeup_fl_common .common_img{text-align: center;}
/*  ABOUT  */
.makeup_fl_about_team .team_holder .specialist .spc_img{text-align: center;}
/*  PAGINATION  */
.makeup_fl_content_in .makeup_fl_pagination{margin-bottom: 50px;}
/*  GALLERY  */
ul.makeup_fl_gallery_list{margin-left: -1%;}
ul.makeup_fl_gallery_list li{margin-left: 1%;margin-bottom: 1%;width: 24%;}
}

@media (max-width: 979px) {
/*  LIGHTBOX  */
.address .box .info ul li{padding: 0px 0px 0px 45px; margin-bottom: 15px;}
/*  GALLERY  */
ul.makeup_fl_gallery_list{margin-left: -2%;}
ul.makeup_fl_gallery_list li{margin-left: 2%;margin-bottom: 2%;width: 48%;}
}

@media (max-width: 768px) {
/*  HEADER */
.makeup_fl_header > .makeup_fl_booking_btn{display: none;}
.makeup_fl_header .makeup_fl_header_nav_list ul li.mversion{display: block;}
/*  INDEX */
.makeup_fl_fotorama{margin-bottom: 20px;}
.makeup_fl_content_testimonials{margin-bottom: 50px;}
.makeup_fl_package_list{margin-left: 0px}
.makeup_fl_package_list_in{width: 100%;margin-left: 0px; margin-bottom: 30px;}
.makeup_fl_content_testimonials .testimonials{padding: 30px 20px;}
.makeup_fl_content_testimonials .testimonials .item p{font-size: 16px;}
.makeup_fl_content_testimonials .testimonials .quote i{font-size: 16px;}
.makeup_fl_content_testimonials .testimonials .quote{left:5px; top:5px;}
.makeup_fl_content_testimonials .testimonials .prev_next_btn{right: 5px; bottom: 5px;}
/*  MAIN CONTENT QQ*/
.makeup_fl_content_in_qq{padding: 40px;}
/*  ABOUT  */
.makeup_fl_content_wrap .makeup_fl_title_holder{margin-bottom: 50px;}
.makeup_fl_common .common_img{margin-bottom: 20px;}
.makeup_fl_common .common_full_info .common_info{margin-bottom: 43px;}
.makeup_fl_about_team .title_holder{margin-bottom: 24px;}
.makeup_fl_about_team .team_holder .specialist{width: 100%; margin: 0px;}
.makeup_fl_about_team .team_holder .specialist:last-child{margin-bottom: 0px;}
.makeup_fl_about_team .team_holder{margin-left: 0px;}
/*  SERVICES  */
.makeup_fl_blog_list{margin-bottom: 50px;}
.makeup_fl_content_wrap .makeup_fl_services .service{width: 100%; margin-left: 0px;margin-bottom: 23px;}
.makeup_fl_content_wrap .makeup_fl_services{margin-left: 0px;}
/*  PAGINATION  */
.makeup_fl_content_in .makeup_fl_pagination .pages{left:0px;bottom: 0px;}
.makeup_fl_content_in .makeup_fl_pagination .pg_number{padding-right: 20px;}
/*  FOTORAMA  */
.fotorama__caption__wrap{padding:7px 20px;}
.fotorama__caption{font-size: 16px;}
/*  GALLERY  */
ul.makeup_fl_gallery_list{margin-left: 0%;}
ul.makeup_fl_gallery_list li{margin-left: 0%;margin-bottom: 2%;width: 100%;}
/*  LIGHTBOX  */
.booking_popup{padding: 40px;}
.makeup_fl_form form .your-time{margin-top: 20px;}
.address .box{width: 100%;}
}

@media (max-width: 480px) {
/*  HEADER */
.makeup_fl_header .makeup_fl_logo img{max-width: 150px;}
.makeup_fl_header .makeup_fl_booking_btn .btn_b a{padding:0px 15px;}
/*  FOOTER */
.makeup_fl_footer .social_icons ul{margin-left: 0px;}
.makeup_fl_footer .social_icons ul{margin-left: 0px;}
.makeup_fl_footer .social_icons ul{margin-left: 0px;}
/*  PAGINATION */
.makeup_fl_content_in .makeup_fl_pagination ul li{margin-bottom: 4px;}
/*  INDEX */
.makeup_fl_content_testimonials .testimonials .item p{font-size: 14px;}
.makeup_fl_package_list_in .pckg_info .price_list ul li{padding: 10px 20px;}
/*  MAIN CONTENT QQ*/
.makeup_fl_content_in_qq{padding: 30px 20px;}
/*  MAIN TITLE HOLDER  */
.makeup_fl_content_wrap .makeup_fl_title_holder span{padding: 13px 36px;}
/*  FOTORAMA  */
.fotorama__caption__wrap{padding:3px 15px;}
.fotorama__caption{font-size: 14px;}
/*  LIGHTBOX  */
.address .box .info{padding: 40px 15px;}
.booking_popup{padding: 20px;}
}

@media (max-width: 350px) {
/*  FOOTER */
.makeup_fl_footer .social_icons ul li{margin-bottom: 4px;}
}

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

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

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

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

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

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

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    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 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

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

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

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

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

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

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

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

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

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

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

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

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

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

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

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

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

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

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

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

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

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

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

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

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

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

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

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

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

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

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

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

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

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

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