.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}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}


.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }
@font-face {
  font-family: 'Glyphs-Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Glyphs-Regular'), url(https://www.coved-est.fr/1562556035/image/fonts/Glyphs-Regular.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-400.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-700.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://www.coved-est.fr/1562556035/image/fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-400.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-700.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-400.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-700.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://www.coved-est.fr/1562556035/image/fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://www.coved-est.fr/1562556035/image/fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://www.coved-est.fr/1562556035/image/fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://www.coved-est.fr/1562556035/image/fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-400.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-700.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-400.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-700.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-400.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-700.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-400.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-700.woff) format('woff');
}
@font-face {
  font-family: 'Overlock';
  font-style: normal;
  font-weight: 700;
  src: local('Overlock-Bold'), url(https://www.coved-est.fr/1562556035/image/fonts/Overlock-700.woff) format('woff');
}
@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://www.coved-est.fr/1562556035/image/fonts/OpenSans-400.woff) format('woff');
}
@font-face {
  font-family: 'Weather';
  font-style: normal;
  font-weight: 300;
  src: local('Weather Icon'), local('Weather-Icon'), url(https://www.coved-est.fr/1562556035/image/fonts/Weather.woff) format('woff');
}
/*************************************************/
/*Surfer*/
/*************************************************/
/*VARIABLES*/
/***couleurs*********************/
/*Font Icon*/
/*/////////////// Variables personnaliser mon modèle ////////////////////////*/
/*Background*/
/*Title zone and component*/
/*Sidebar*/
/*Main*/
/*Footer*/
/*corporateName*/
/*Motto*/
/*Button transactional*/
/*Text zone*/
/*Transactional*/
/*Menu*/
/*Sidebar*/
/*Main*/
/*Footer*/
/************Display component*********************************/
/*************Icon zone********************************/
/*transactional*/
/*sidebar*/
/*content*/
/*footer*/
/****************BorderRadius zone******************/
/************Marges zone***********************//************Alignement component*********/
/***********fixed zone**************/
/********box zone************************/
/*************************************************/
/* parametre CSS3*/
/*************************************************/
/*Position Background*/
/*************************************************/
body {
  background-color: #FFF;
}
/*POSITION*/
.BG {
  background-position: center top;
}
/*FIXED*/
.BG-fixed {
  background-attachment: fixed;
}
/*COVER*/
.BG-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*POSITION*/
.BG-center-top {
  background-position: center top !important;
}
.BG-center-center {
  background-position: center center !important;
}
.BG-center-bottom {
  background-position: center bottom !important;
}
.BG-left-top {
  background-position: left top !important;
}
.BG-left-center {
  background-position: left center !important;
}
.BG-left-bottom {
  background-position: left bottom !important;
}
.BG-right-top {
  background-position: right top !important;
}
.BG-right-center {
  background-position: right center !important;
}
.BG-right-bottom {
  background-position: right bottom !important;
}
/*REPEAT*/
.BG-repeat {
  background-repeat: repeat;
}
.BG-no-repeat {
  background-repeat: no-repeat;
  background-size: 100%;
}
/*************************************************/
/************** ICON *********************/
.icon-facebook::before {
  content: "A";
}
.icon-twitter::before {
  content: "B";
}
.icon-googleplus::before {
  content: "C";
}
.icon-phone::before {
  content: "D";
}
.icon-address::before {
  content: "E";
}
.icon-schedule::before {
  content: "F";
}
.icon-RSSfeed::before {
  content: "G";
}
.icon-news::before {
  content: "G";
}
.icon-links::before {
  content: "H";
}
.icon-blackBoardMenu::before {
  content: "I";
}
.icon-more::before {
  content: "J";
}
.icon-bonPlan ::before {
  content: "K";
}
.icon-car::before {
  content: "L";
}
.icon-emergency::before {
  content: "M";
}
.icon-appointment::before {
  content: "N";
}
.icon-bookingHotel::before {
  content: "N";
}
.icon-video::before {
  content: "O";
}
.icon-photoGallery::before {
  content: "P";
}
.icon-linkToSite::before {
  content: "Q";
}
.icon-contrat::before {
  content: "R";
}
.icon-usefulLinks::before {
  content: "S";
}
.icon-download::before {
  content: "T";
}
.icon-map::before {
  content: "U";
}
.icon-sap::before {
  content: "U";
}
.icon-usefulInfo::before {
  content: "V";
}
.icon-quotation::before {
  content: "W";
}
.icon-pdf::before {
  content: "X";
}
.icon-estimate::before {
  content: "Y";
}
.icon-manage::before {
  content: "Z";
}
.icon-parking::before {
  content: "a";
}
.icon-deficienceAuditive::before {
  content: "b";
}
.icon-mobiliteReduite::before {
  content: "c";
}
.icon-event::before {
  content: "d";
}
.icon-equipe::before {
  content: "e";
}
.icon-print::before {
  content: "\00E8";
}
.icon-demandeContact::before {
  content: "e";
}
.icon-faq::before {
  content: "f";
}
.icon-parameter::before {
  content: "g";
}
.icon-panier::before {
  content: "h";
}
.icon-shipping::before {
  content: "i";
}
.icon-money::before {
  content: "j";
}
.icon-trash::before {
  content: "k";
}
.icon-vignet::before {
  content: "l";
}
.icon-desc::before {
  content: "m";
}
.icon-menu::before {
  content: "m";
}
.icon-plus::before {
  content: "n";
}
.icon-minus::before {
  content: "o";
}
.icon-croix::before {
  content: "p";
}
.icon-arrowTop::before {
  content: "q";
}
.icon-arrowBottom::before {
  content: "r";
}
.icon-sncf::before {
  content: "s";
}
.icon-import::before {
  content: "t";
}
.icon-label::before {
  content: "u";
}
.icon-home::before {
  content: "\00F9";
}
.icon-email::before {
  content: "v";
}
.icon-addPanier::before {
  content: "w";
}
.icon-PS::before {
  content: "x";
}
.icon-spokenlanguages::before {
  content: "y";
}
.icon-image::before {
  content: "z";
}
.icon-tramway::before {
  content: "0";
}
.icon-bus::before {
  content: "1";
}
.icon-metro::before {
  content: "2";
}
.icon-RER::before {
  content: "3";
}
.icon-taxi::before {
  content: "4";
}
.icon-navette::before {
  content: "5";
}
.icon-gare::before {
  content: "6";
}
.icon-autoroute::before {
  content: "7";
}
.icon-gareMaritime::before {
  content: "8";
}
.icon-bike::before {
  content: "9";
}
.icon-fly::before {
  content: "*";
}
.icon-deficienceVisuelle::before {
  content: ":";
}
.icon-deficienceMentale::before {
  content: "?";
}
.icon-arrowRight::before {
  content: "\003E";
}
.icon-arrowLeft::before {
  content: "\003C";
}
.icon-youtube::before {
  content: "_";
}
.icon-accessmeans::before {
  content: "5";
}
.icon-weather::before {
  content: "\00A7";
}
.icon-prolive::before {
  content: "/";
}
.icon-prolive-menu::before {
  content: "\00A6";
}
.icon-star-empty::before {
  content: "]";
}
.icon-star-full::before {
  content: "[";
}
.icon-arrowLeft2::before {
  content: "\2039";
}
.icon-arrowRight2::before {
  content: "\203A";
}
/*#############################  CSS DESKTOP BASES #############################*/
/********************** Body ***************************/
* {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  text-decoration: none;
}
body {
  background-color: #FFFFFF;
  font-family: OpenSans;
  font-size: 14px;
}
table {
  border-collapse: collapse;
}
hr {
  border-top-style: solid;
  border-top-width: 1px;
  width: 30%;
  margin: 10px auto;
  text-align: center;
}
/* ---------- Components style de base---------- */
.component {
  word-break: break-word;
}
.commons-height-pct {
  position: relative;
  width: 100%;
}
.commons-height-pct:before {
  content: "";
  display: block;
}
.commons-height-pct-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.shape-box {
  padding: 10px;
  margin: 10px;
}
.shape-header {
  padding: 10px;
  margin-bottom: 10px;
}
.commons-height-pct .shape-box {
  display: block;
  position: absolute;
  overflow: hidden;
  height: auto;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.commons-height-pct .shape-content {
  height: 100%;
}
.commons-height-pct .shape-cover {
  height: 100%;
}
.commons-height-pct .shape-cover-content {
  height: 100%;
}
.commons-height-pct .shape-component {
  height: 100%;
}
.commons-height-pct .shape-container {
  display: table;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.commons-height-pct .shape-container .shape-content {
  display: table-row;
  height: 100%;
}
.commons-height-pct .shape-container .shape-component {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.commons-height-pct .shape-container .shape-cover {
  display: table-cell;
  height: 100%;
  width: 100%;
}
.commons-height-pct .shape-container .shape-cover-content {
  position: relative;
}
.commons-height-pct .shape-container .shape-cover .shape-component {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.commons-height-pct-10:before {
  padding-top: 10%;
}
.commons-height-pct-20:before {
  padding-top: 20%;
}
.commons-height-pct-30:before {
  padding-top: 30%;
}
.commons-height-pct-40:before {
  padding-top: 40%;
}
.commons-height-pct-50:before {
  padding-top: 50%;
}
.commons-height-pct-60:before {
  padding-top: 60%;
}
.commons-height-pct-70:before {
  padding-top: 70%;
}
.commons-height-pct-80:before {
  padding-top: 80%;
}
.commons-height-pct-90:before {
  padding-top: 90%;
}
.commons-height-pct-100:before {
  padding-top: 100%;
}
.commons-height-pct-110:before {
  padding-top: 110%;
}
.commons-height-pct-120:before {
  padding-top: 120%;
}
.commons-height-pct-130:before {
  padding-top: 130%;
}
.commons-height-pct-140:before {
  padding-top: 140%;
}
.commons-height-pct-150:before {
  padding-top: 150%;
}
.commons-height-pct-160:before {
  padding-top: 160%;
}
.commons-height-pct-170:before {
  padding-top: 170%;
}
.commons-height-pct-180:before {
  padding-top: 180%;
}
.commons-height-pct-190:before {
  padding-top: 190%;
}
.commons-height-pct-200:before {
  padding-top: 200%;
}
.commons-height-pct-210:before {
  padding-top: 210%;
}
.commons-height-pct-220:before {
  padding-top: 220%;
}
.commons-height-pct-230:before {
  padding-top: 230%;
}
.commons-height-pct-240:before {
  padding-top: 240%;
}
.commons-height-pct-250:before {
  padding-top: 250%;
}
.commons-height-pct-260:before {
  padding-top: 260%;
}
.commons-height-pct-270:before {
  padding-top: 270%;
}
.commons-height-pct-280:before {
  padding-top: 280%;
}
.commons-height-pct-290:before {
  padding-top: 290%;
}
.commons-height-pct-300:before {
  padding-top: 300%;
}
.commons-height-pct-56:before {
  padding-top: 56%;
}
/** Cas particulier des vidéos youtube */
/*############################# FRAME #############################*/
/*------------Frame transactional ------------*/
.frame-transactional {
  display: block;
  overflow: hidden;
  width: 100%;
  background-color: #2B415B;
  /* height:@transactionalHeight;*/
  z-index: 3;
}
/*/////////////Frame Page/////////////////*/
.frame-page.page-box-true,
.frame-transactional.page-box-true .zone-transactional,
.frame-footer .zone-footer.page-box-true,
.frame-content.page-box-true,
.frame-footer .zone-sidebar.page-box-true {
  width: 1100px;
  margin: auto;
  overflow: hidden;
}
/*/////////////Frame Fixed/////////////////*/
.frame-transactional.fixed,
.frame-header.fixed {
  position: fixed;
  z-index: 1001;
}
/*------------Frame Header------------*/.frame-header {
  width: 100%;
  background-color: #2B415B;
  position: relative;
  z-index: 10;
  text-align: left;
}
/*--style column---*/.frame-header.shadowLighten {
  box-shadow: 0px 3px 5px 0px #d8d8d8;
  -moz-box-shadow: 0px 3px 5px 0px #d8d8d8;
  -webkit-box-shadow: 0px 3px 5px 0px #d8d8d8;
}
.frame-header.shadowDarken {
  box-shadow: 0px 3px 18px 0px #484545;
  -moz-box-shadow: 0px 3px 18px 0px #484545;
  -webkit-box-shadow: 0px 3px 18px 0px #484545;
}
.frame-header.borderBold {
  border-bottom: 5px transparent solid;
}
.frame-header.borderMedium {
  border-bottom: 3px transparent solid;
}
.frame-header.borderLight {
  border-bottom: 1px transparent solid;
}
/*------------Frame Header / Logo / Savages------------*/
.frame-header > .zone-logo {
  width: initial;
  float: none;
  display: inline-block;
}
/*------------Frame Header Menlogo------------*/
.frame-header-menlogo {
  display: table;
  width: 100%;
}
.frame-header-menlogo .zone-transactional {
  display: table-cell;
  vertical-align: middle;
  z-index: 4;
  width: initial;
}
.frame-header-menlogo .zone-transactional .commons-transactionalLink-component {
  display: inline-table;
}
.frame-header-menlogo .zone-logo {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.browser-ie .frame-header-menlogo .zone-transactional {
  width: 20%;
}
.zone-logo {
  padding: 10px 0px;
}
.zone-logo .component .shape-box {
  margin: 0px;
  padding: 0px 15px;
}
/*------------Frame Header Center ------------ */
.frame-header-center {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 3;
  text-align: left;
}
.frame-header-center .zone-logo {
  width: initial;
  float: none;
  display: inline-block;
}
.frame-header-center .zone-menu {
  width: initial;
}
.frame-header-center.logo-center {
  text-align: center;
}
.frame-header-center.logo-center .zone-logo {
  display: inline-block;
  margin-left: 350px;
}
.frame-logo-disposition-left .zone-logo .paragraph-no-size,
.frame-logo-disposition-left-mottoBefore .zone-logo .paragraph-no-size,
.frame-logo-disposition-left-mottoLeft .zone-logo .paragraph-no-size,
.frame-logo-disposition-right .zone-logo .paragraph-no-size,
.frame-logo-disposition-right-mottoBefore .zone-logo .paragraph-no-size,
.frame-logo-disposition-right-mottoRight .zone-logo .paragraph-no-size {
  display: table;
  margin: 0;
}
.frame-logo-disposition-left .zone-logo .paragraph-no-size .paragraph-column,
.frame-logo-disposition-left-mottoBefore .zone-logo .paragraph-no-size .paragraph-column,
.frame-logo-disposition-left-mottoLeft .zone-logo .paragraph-no-size .paragraph-column,
.frame-logo-disposition-right .zone-logo .paragraph-no-size .paragraph-column,
.frame-logo-disposition-right-mottoBefore .zone-logo .paragraph-no-size .paragraph-column,
.frame-logo-disposition-right-mottoRight .zone-logo .paragraph-no-size .paragraph-column {
  display: table-cell;
  vertical-align: middle;
  width: auto;
}
.frame-logo-disposition-top-mottoBefore .zone-logo .component-logo {
  display: block;
}
.frame-logo-disposition-top-mottoBefore .zone-logo .component-logo .shape-box {
  margin-bottom: 0;
}
.frame-logo-disposition-top-mottoBefore .zone-logo .component-motto {
  display: block;
}
.frame-logo-disposition-top-mottoBefore .zone-logo .component-motto .shape-box {
  margin-top: 0;
}
.frame-logo-disposition-left .zone-logo .paragraph-column-2,
.frame-logo-disposition-left-mottoBefore .zone-logo .paragraph-column-2 {
  text-align: left;
}
.frame-logo-disposition-right .zone-logo .paragraph-column-1,
.frame-logo-disposition-right-mottoBefore .zone-logo .paragraph-column-1 {
  text-align: right;
}
.frame-logo-disposition-left-mottoLeft .zone-logo .component-logo {
  display: block;
  text-align: center;
}
.frame-logo-disposition-left-mottoLeft .zone-logo .component-logo .shape-box {
  margin-bottom: 0;
  margin-left: 0;
}
.frame-logo-disposition-left-mottoLeft .zone-logo .component-motto {
  display: block;
  text-align: center;
}
.frame-logo-disposition-left-mottoLeft .zone-logo .component-motto .shape-box {
  margin-top: 0;
  margin-left: 0;
}
.frame-logo-disposition-left-mottoLeft .zone-logo .component-corporateName {
  display: inline-block;
}
.frame-logo-disposition-left-mottoLeft .zone-logo .component-corporateName .shape-box {
  margin-left: 20px;
}
.frame-logo-disposition-right-mottoRight .zone-logo .component-logo {
  display: block;
  text-align: center;
}
.frame-logo-disposition-right-mottoRight .zone-logo .component-logo .shape-box {
  margin-bottom: 0;
  margin-right: 0;
}
.frame-logo-disposition-right-mottoRight .zone-logo .component-motto {
  display: block;
  text-align: center;
}
.frame-logo-disposition-right-mottoRight .zone-logo .component-motto .shape-box {
  margin-top: 0;
  margin-right: 0;
}
.frame-logo-disposition-right-mottoRight .zone-logo .component-corporateName {
  display: inline-block;
}
.frame-logo-disposition-right-mottoRight .zone-logo .component-corporateName .shape-box {
  margin-right: 20px;
}
/*///////////Frame Content////////////*/.frame-content {
  display: table;
  width: 100%;
  table-layout: fixed;
}
/*-------------Frame Column---------*/.frame-left,
.frame-right {
  display: table-cell;
  vertical-align: top;
  width: 300px;
  margin: 0;
  z-index: 9;
}
.frame-left .zone-logo,
.frame-right .zone-logo {
  text-align: center;
}
.frame-left .zone-logo .component-logo .shape-box,
.frame-right .zone-logo .component-logo .shape-box {
  margin: 10px auto 0 auto;
}
.frame-left .zone-logo .component-corporateName,
.frame-right .zone-logo .component-corporateName {
  width: 100%;
  line-height: initial;
}
.frame-left .zone-logo .component-corporateName .shape-box,
.frame-right .zone-logo .component-corporateName .shape-box {
  margin: 0;
  padding: 0;
}
.frame-left .zone-logo .component-motto,
.frame-right .zone-logo .component-motto {
  display: block;
}
.frame-left .zone-transactional,
.frame-right .zone-transactional {
  width: 100%;
  text-align: right;
}
.frame-left .zone-sidebar,
.frame-right .zone-sidebar {
  background-color: #FFFFFF;
}
/*Style */
.frame-left.shadow {
  box-shadow: 5px 0px 5px 1px #d8d8d8;
  -moz-box-shadow: 5px 0px 5px 1px #d8d8d8;
  -webkit-box-shadow: 5px 0px 5px 1px #d8d8d8;
  position: relative;
  z-index: 9;
}
.frame-left.borderBold {
  border-right: 5px transparent solid;
}
.frame-left.borderMedium {
  border-right: 3px transparent solid;
}
.frame-left.borderLight {
  border-right: 1px transparent solid;
}
.frame-left.millDefault,
.frame-right.millDefault {
  background-color: #2B415B;
}
.frame-left.menuFullHeight,
.frame-right.menuFullHeight {
  background-color: #F4F4F4;
}
/*Style */
.frame-right.shadow {
  box-shadow: -5px 0px -5px -1px #d8d8d8;
  -moz-box-shadow: -5px 0px -5px -1px #d8d8d8;
  -webkit-box-shadow: -5px 0px -5px -1px #d8d8d8;
}
.frame-right.borderBold {
  border-left: 5px transparent solid;
}
.frame-right.borderMedium {
  border-left: 3px transparent solid;
}
.frame-right.borderLight {
  border-left: 1px transparent solid;
}
/*-------------Frame Center---------*/.frame-center {
  display: flex;
  flex-flow: column;
  vertical-align: top;
  background-color: #FFFFFF;
  z-index: 8;
}
.frame-center .paragraph-line {
  overflow: hidden;
}
.frame-center .paragraph-line .paragraph.paragraph-100 {
  flex-direction: column;
}
.frame-main {
  display: flex;
  width: 100%;
}
.frame-main .zone-main {
  display: flex;
  flex-flow: column;
  vertical-align: top;
}
.frame-main .zone-sidebar {
  background-color: #FFFFFF;
  display: flex;
  flex-flow: column;
  vertical-align: top;
  flex: 0 0 24%;
  min-width: 196px;
  max-width: 300px;
  text-align: left;
}
/*--------------Frame Footer----------*/
.frame-footer {
  background-color: #355070;
  height: auto;
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 10;
}
.frame-footer .zone-sidebar {
  background-color: #FFFFFF;
}
/*############################# ZONE ############################*/
/*------------Zone Transactional--------------*/
.zone-transactional {
  background-color: #2B415B;
  text-align: right;
  display: block;
  width: 100%;
  overflow: hidden;
  font-size: 0;
}
.zone-transactional .component {
  margin: 20px 10px 20px 0;
}
.zone-transactional .component:first-child {
  margin-left: 20px;
}
.zone-transactional .component:last-child {
  margin-right: 20px;
}
.transactional-vertical .zone-transactional .component {
  margin: 0 20px 10px 20px;
}
.transactional-vertical .zone-transactional .component:first-child {
  margin-top: 20px;
}
.transactional-vertical .zone-transactional .component:last-child {
  margin-bottom: 20px;
}
.transactional-vertical .zone-transactional .commons-transactionalLink-component {
  display: block;
}
.transactional-vertical .frame-header-center.logo-center .zone-logo {
  display: inline-block;
  margin-left: 250px;
}
/*------------Zone Sidebar--------------*/
.zone-sidebar .shape-header {
  background-color: #F4F4F4;
  border-radius: 0px;
}
.zone-sidebar .shape-header .commons-title1,
.zone-sidebar .shape-header .commons-title2 {
  color: #4C4C4C;
  font-weight: normal;
}
.zone-sidebar .shape-header .commons-title3,
.zone-sidebar .shape-header .commons-title4,
.zone-sidebar .shape-header .commons-title5,
.zone-sidebar .shape-header .commons-title6 {
  color: #4C4C4C;
}
.zone-sidebar .component .shape-box {
  margin: 0 10px 0px 10px;
  background-color: transparent;
  color: #666666;
  border-radius: 0px;
}
.zone-sidebar .component:first-child .shape-box {
  margin-top: 10px;
}
.zone-sidebar .component:last-child .shape-box {
  margin-bottom: 10px;
}
.zone-sidebar .commons-icon {
  color: #4C4C4C;
  font-size: 27px;
  height: 27px;
  line-height: 27px;
}
/*-----------Zone Top et Zone Main--------------*/
.zone-main,
.zone-top {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.zone-main .shape-header,
.zone-top .shape-header {
  background-color: #F4F4F4;
  border-radius: 0px;
}
.zone-main .shape-header .commons-title1,
.zone-top .shape-header .commons-title1,
.zone-main .shape-header .commons-title2,
.zone-top .shape-header .commons-title2 {
  color: #4C4C4C;
  font-weight: normal;
}
.zone-main .shape-header .commons-title3,
.zone-top .shape-header .commons-title3,
.zone-main .shape-header .commons-title4,
.zone-top .shape-header .commons-title4,
.zone-main .shape-header .commons-title5,
.zone-top .shape-header .commons-title5,
.zone-main .shape-header .commons-title6,
.zone-top .shape-header .commons-title6 {
  color: #4C4C4C;
}
.zone-main .component .shape-box,
.zone-top .component .shape-box {
  background-color: transparent;
  color: #666666;
  margin: 0 10px 0px 10px;
  border-radius: 0px;
}
.zone-main .component:first-child .shape-box,
.zone-top .component:first-child .shape-box {
  margin-top: 10px;
}
.zone-main .commons-icon,
.zone-top .commons-icon {
  color: #4C4C4C;
  font-size: 19px;
  height: 19px;
  line-height: 19px;
  margin: 0 10px;
}
/*-----------Zone Menu--------------*/
.zone-menu .component-menu .shape-box {
  background-color: #F4F4F4;
}
.zone-menu .paragraph-100 {
  width: 100%;
  display: block;
}
.zone-menu.menu-margin-top {
  margin-top: 0px;
}
/*-----------Zone Footer------------*/
.zone-footer .shape-header {
  background-color: transparent;
  border-radius: 0px;
}
.zone-footer .shape-header .commons-title1,
.zone-footer .shape-header .commons-title2 {
  color: #FFFFFF;
  font-weight: normal;
}
.zone-footer .shape-header .commons-title3,
.zone-footer .shape-header .commons-title4,
.zone-footer .shape-header .commons-title5,
.zone-footer .shape-header .commons-title6 {
  color: #FFFFFF;
}
.zone-footer .component .shape-box {
  margin: 0 0px 0px 0px;
  background-color: transparent;
  color: #D2D2D2;
  border-radius: 0px;
}
.zone-footer .component:first-child .shape-box {
  margin-top: 0px;
}
.zone-footer .component:last-child .shape-box {
  margin-bottom: 0px;
}
.zone-footer .commons-icon {
  color: #FFFFFF;
  font-size: 27px;
  height: 27px;
  line-height: 27px;
}
.zone-footer .component-menu ul li a {
  color: #D2D2D2;
}
.zone-footer .component-menu ul li a:hover {
  color: #D2D2D2;
  text-decoration: underline;
}
.zone-footer .paragraph.paragraph-100 {
  display: block;
}
/*############################# PARAGRAPH #############################*/
.paragraph {
  margin: 0 auto;
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
}
.paragraph-column {
  display: flex;
  flex-flow: column;
}
.paragraph-100 .component {
  display: flex;
  flex-flow: column;
}
.paragraph.paragraph-33-33-33 .paragraph-column {
  flex: 0 0 33.3333%;
}
.paragraph.paragraph-50-50 .paragraph-column {
  flex: 0 0 50%;
}
.paragraph.paragraph-75-25 .paragraph-column-1 {
  flex: 0 0 75%;
}
.paragraph.paragraph-75-25 .paragraph-column-2 {
  flex: 0 0 25%;
}
.paragraph.paragraph-25-75 .paragraph-column-1 {
  flex: 0 0 25%;
}
.paragraph.paragraph-25-75 .paragraph-column-2 {
  flex: 0 0 75%;
}
.paragraph.paragraph-33-66 .paragraph-column-1 {
  width: 33.3333%;
  float: left;
}
.paragraph.paragraph-33-66 .paragraph-column-2 {
  width: 66.6666%;
  float: left;
}
.paragraph.paragraph-66-33 .paragraph-column-1 {
  width: 66.6666%;
  float: left;
}
.paragraph.paragraph-66-33 .paragraph-column-2 {
  width: 33.3333%;
  float: left;
}
.paragraph.paragraph-25-25-50 .paragraph-column-1 {
  width: 25%;
  float: left;
}
.paragraph.paragraph-25-25-50 .paragraph-column-2 {
  width: 25%;
  float: left;
}
.paragraph.paragraph-25-25-50 .paragraph-column-3 {
  width: 50%;
  float: left;
}
.paragraph.paragraph-25-50-25 .paragraph-column-1 {
  width: 25%;
  float: left;
}
.paragraph.paragraph-25-50-25 .paragraph-column-2 {
  width: 50%;
  float: left;
}
.paragraph.paragraph-25-50-25 .paragraph-column-3 {
  width: 25%;
  float: left;
}
.paragraph.paragraph-50-25-25 .paragraph-column-1 {
  width: 50%;
  float: left;
}
.paragraph.paragraph-50-25-25 .paragraph-column-2 {
  width: 25%;
  float: left;
}
.paragraph.paragraph-50-25-25 .paragraph-column-3 {
  width: 25%;
  float: left;
}
.paragraph.paragraph-25-25-25-25 .paragraph-column {
  flex: 0 0 25%;
}
.paragraph.paragraph-33-33-33,
.paragraph.paragraph-50-50,
.paragraph.paragraph-75-25,
.paragraph.paragraph-25-75,
.paragraph.paragraph-33-66,
.paragraph.paragraph-66-33,
.paragraph.paragraph-25-25-50,
.paragraph.paragraph-25-50-25,
.paragraph.paragraph-50-25-25,
.paragraph.paragraph-25-25-25-25 {
  overflow: hidden;
}
.paragraph.paragraph-33-33-33 .paragraph-column,
.paragraph.paragraph-50-50 .paragraph-column,
.paragraph.paragraph-75-25 .paragraph-column,
.paragraph.paragraph-25-75 .paragraph-column,
.paragraph.paragraph-33-66 .paragraph-column,
.paragraph.paragraph-66-33 .paragraph-column,
.paragraph.paragraph-25-25-50 .paragraph-column,
.paragraph.paragraph-25-50-25 .paragraph-column,
.paragraph.paragraph-50-25-25 .paragraph-column,
.paragraph.paragraph-25-25-25-25 .paragraph-column {
  overflow: hidden;
}
.paragraph-fit-column-height .component-banner.component:last-child {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.paragraph-fit-column-height .component-banner.component:last-child .shape-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}
.paragraph-fit-column-height .component-banner.component:last-child .shape-box .shape-component {
  -webkit-flex: 1;
  flex: 1;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}
.paragraph-fit-column-height .component-banner.component:last-child .shape-box .shape-component .used-when-fit-height {
  margin: auto;
}
.paragraph-fit-column-height .component:last-child {
  flex-grow: 1;
  display: flex;
}
.paragraph-fit-column-height .component:last-child .shape-box {
  flex-grow: 1;
}
/*########################################################COMPONENTS########################################################################*/
/*#################SHAPE HEADER #################*/
/*Title*/
.commons-title1,
.commons-title2 {
  font-family: Roboto;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  position: relative;
  vertical-align: middle;
  display: inline;
}
.commons-icon {
  font-family: 'Glyphs-Regular';
  position: relative;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  text-transform: none;
}
/*Style Shape-header bordure haut et bas*/
.style-titleDoubleLine .shape-header {
  border-top-width: 1px ;
  border-top-style: solid ;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.style-titleDoubleLine .shape-header .commons-title1,
.style-titleDoubleLine .shape-header .commons-title2 {
  margin-bottom: 10px;
}
.style-titleDoubleLine .shape-header .commons-title3,
.style-titleDoubleLine .shape-header .commons-title4,
.style-titleDoubleLine .shape-header .commons-title5,
.style-titleDoubleLine .shape-header .commons-title6 {
  margin: 10px 0;
  font-weight: bolder;
}
/*Style Shape-header  bordure bas*/
.style-titleBorderBottom .shape-header {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top: border:0;
}
.style-titleBorderBottom .shape-header .commons-title1,
.style-titleBorderBottom .shape-header .commons-title2 {
  margin-bottom: 10px;
  text-align: left;
}
.style-titleBorderBottom .shape-header .commons-title3,
.style-titleBorderBottom .shape-header .commons-title4,
.style-titleBorderBottom .shape-header .commons-title5,
.style-titleBorderBottom .shape-header .commons-title6 {
  margin: 10px 0;
  font-weight: bolder;
}
/*Style Shape-header  bordure haut  */
.style-titleBorderTop .shape-header {
  border-top-width: 1px ;
  border-top-style: solid ;
  border-bottom: 0 none;
  padding-bottom: 20px;
}
.style-titleBorderTop .shape-header .commons-title1,
.style-titleBorderTop .shape-header .commons-title2 {
  margin-bottom: 10px;
  text-align: left;
}
.style-titleBorderTop .shape-header .commons-title3,
.style-titleBorderTop .shape-header .commons-title4,
.style-titleBorderTop .shape-header .commons-title5,
.style-titleBorderTop .shape-header .commons-title6 {
  margin: 10px 0;
  font-weight: bolder;
}
/*Style Shape-header  Icone droite  ( par défaut il se met a droite)*/
.style-titleBorderBIconRight .shape-header {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top: border:0;
}
.style-titleBorderBIconRight .shape-header .commons-title1,
.style-titleBorderBIconRight .shape-header .commons-title2 {
  margin-bottom: 20px;
  text-align: left;
}
.style-titleBorderBIconRight .shape-header .commons-title3,
.style-titleBorderBIconRight .shape-header .commons-title4,
.style-titleBorderBIconRight .shape-header .commons-title5,
.style-titleBorderBIconRight .shape-header .commons-title6 {
  margin: 10px 0;
  font-weight: bolder;
}
.style-titleBorderBIconRight .shape-header .commons-icon {
  float: right;
}
.style-titleBorderBIconRight .component.commons-button-component .commons-icon {
  float: right;
}
/*Style Shape-header Bordure Titre */
.style-titleBorder .shape-header {
  border-width: 1px ;
  border-style: solid ;
  padding: 10px;
}
/*################# COMPONENT #################*/
/*Style Component Flat*/
.style-componentFlat .component .shape-box {
  padding: 0;
}
.style-componentFlat .shape-component {
  padding: 10px;
}
/*Style Component Bordure */
.style-componentBorder {
  margin-top: 1px;
}
.style-componentBorder .component {
  border-width: 1px ;
  border-style: solid ;
  border-color: transparent;
}
/*Style Component Bordure haut Big*/
.zone-main.style-componentBigBorderTop .component,
.zone-top.style-componentBigBorderTop .component {
  border-top-width: 12px ;
  border-top-style: solid ;
  border-color: transparent;
}
.zone-main.style-componentBigBorderTop .component .shape-box,
.zone-top.style-componentBigBorderTop .component .shape-box {
  padding-top: 0;
}
.zone-main.style-componentBigBorderTop .shape-header,
.zone-top.style-componentBigBorderTop .shape-header {
  margin-left: -10px;
  padding: 10px;
  display: inline-block;
}
.zone-main.style-componentBigBorderTop .component.commons-button-component,
.zone-top.style-componentBigBorderTop .component.commons-button-component,
.zone-main.style-componentBigBorderTop .component.component-button,
.zone-top.style-componentBigBorderTop .component.component-button,
.zone-main.style-componentBigBorderTop .component.image-simple,
.zone-top.style-componentBigBorderTop .component.image-simple {
  border-top-width: 0;
}
.zone-main.style-componentBigBorderTop .component.commons-button-component .shape-box,
.zone-top.style-componentBigBorderTop .component.commons-button-component .shape-box,
.zone-main.style-componentBigBorderTop .component.component-button .shape-box,
.zone-top.style-componentBigBorderTop .component.component-button .shape-box,
.zone-main.style-componentBigBorderTop .component.image-simple .shape-box,
.zone-top.style-componentBigBorderTop .component.image-simple .shape-box {
  padding: 10px 0 ;
}
.zone-footer.style-componentBigBorderTop {
  border-top: 6px solid transparent;
}
/*Style Title Zone Main color*/
.zone-main .shape-header {
  background-color: #F4F4F4;
  border-color: transparent;
}
.zone-main .commons-title1,
.zone-main .commons-title2 {
  text-transform: none;
}
.zone-main .commons-title2.address {
  text-transform: initial;
}
/*Style Title Zone Sidebar color*/
.zone-sidebar .shape-header {
  background-color: #F4F4F4;
  border-color: transparent;
}
.zone-sidebar .commons-title1,
.zone-sidebar .commons-title2 {
  text-transform: none;
}
/*Style Title Zone Footer color*/
.zone-footer .shape-header {
  background-color: transparent;
  border-color: transparent;
}
.zone-footer .commons-title1,
.zone-footer .commons-title2 {
  text-transform: none;
}
/*#################CONTENT #################*/
.shape-content {
  font-family: OpenSans;
  font-size: 14px;
}
/************************************************************/
/*///////////////// COMMONS-COMPONENT \\\\\\\\\\\\\\*/
/************************************************************/
/****Editeur de texte***/
.commons-editor h2 {
  font-size: 20px;
  font-family: Roboto;
}
.commons-editor h3,
.commons-editor h4,
.commons-editor h5 {
  font-family: Roboto;
}
.commons-editor table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px;
  border-style: solid;
  font-family: OpenSans;
}
.commons-editor td {
  border-width: 1px;
  border-style: solid;
  vertical-align: middle;
}
.commons-editor ul,
.commons-editor ol {
  overflow: hidden;
  margin-left: 13px;
  padding-left: 20px;
  padding-top: 5px;
  font-family: OpenSans;
}
.commons-editor ol li {
  list-style-type: decimal;
}
.commons-editor ul li {
  list-style-type: disc;
}
.commons-editor ul li li {
  list-style-type: circle;
}
.commons-editor ul li li li {
  list-style-type: square;
}
.commons-editor a {
  color: #355070;
}
.commons-editor a:hover {
  text-decoration: underline;
  color: #4D75A3;
}
.commons-editor u {
  text-decoration: underline;
}
.commons-editor s {
  text-decoration: line-through;
}
/****Exception pour les tooltips ***/
.commons-editor.tooltip table {
  border-width: 0px;
}
.commons-editor.tooltip table td {
  border-width: 0px;
}
/****Editeur de texte color selon zone***/
.zone-main .commons-editor h2,
.zone-top .commons-editor h2 {
  color: #4C4C4C;
}
.zone-main .commons-editor h3,
.zone-top .commons-editor h3,
.zone-main .commons-editor h4,
.zone-top .commons-editor h4,
.zone-main .commons-editor h5,
.zone-top .commons-editor h5 {
  color: #4C4C4C;
}
.zone-sidebar .commons-editor h2 {
  color: #4C4C4C;
}
.zone-sidebar .commons-editor h3,
.zone-sidebar .commons-editor h4,
.zone-sidebar .commons-editor h5 {
  color: #4C4C4C;
}
.zone-sidebar .commons-editor a {
  color: #666666;
  opacity: 0.7;
}
.zone-sidebar .commons-editor a:hover {
  color: #666666;
  text-decoration: underline;
  opacity: 1;
}
.zone-footer .commons-editor h2 {
  color: #FFFFFF;
}
.zone-footer .commons-editor h3,
.zone-footer .commons-editor h4,
.zone-footer .commons-editor h5 {
  color: #FFFFFF;
}
/****Liens transactional ( disponible que dans la zone transactional )*****/
.commons-transactionalLink-component,
.frame-left .commons-transactionalLink-component,
.frame-right .commons-transactionalLink-component {
  display: inline-block;
  padding: 0;
}
.commons-transactionalLink-component a,
.frame-left .commons-transactionalLink-component a,
.frame-right .commons-transactionalLink-component a {
  background-color: transparent;
  color: #D2D2D2;
  border-radius: 0px;
  display: block;
  padding: 10px;
  transition: 0.5s;
}
.commons-transactionalLink-component a .commons-title2,
.frame-left .commons-transactionalLink-component a .commons-title2,
.frame-right .commons-transactionalLink-component a .commons-title2 {
  font-size: 14px;
  font-family: Roboto;
  display: inline-block;
  margin: 0;
  height: 14px;
  line-height: 14px;
  font-weight: normal;
}
.commons-transactionalLink-component a .commons-icon,
.frame-left .commons-transactionalLink-component a .commons-icon,
.frame-right .commons-transactionalLink-component a .commons-icon {
  color: #D2D2D2;
  font-size: 25px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  vertical-align: middle;
  transition: 0.5s;
}
.commons-transactionalLink-component a:hover,
.frame-left .commons-transactionalLink-component a:hover,
.frame-right .commons-transactionalLink-component a:hover {
  background-color: #24374D;
  color: #FFFFFF;
  transition: 0.5s;
}
.commons-transactionalLink-component a:hover .commons-icon,
.frame-left .commons-transactionalLink-component a:hover .commons-icon,
.frame-right .commons-transactionalLink-component a:hover .commons-icon {
  color: #FFFFFF;
  transition: 0.5s;
}
.frame-left .transactional-vertical .commons-transactionalLink-component,
.frame-right .transactional-vertical .commons-transactionalLink-component {
  display: block;
}
.frame-left .transactional-vertical .commons-transactionalLink-component .shape-box,
.frame-right .transactional-vertical .commons-transactionalLink-component .shape-box {
  margin: 20px 20px 10px 20px;
}
.frame-left .transactional-vertical .commons-transactionalLink-component:last-child .shape-box,
.frame-right .transactional-vertical .commons-transactionalLink-component:last-child .shape-box {
  margin-bottom: 20px;
}
/* Component PDF */
.component-brochure .shape-box {
  padding: 0px !important;
}
.component-brochure .shape-box a {
  padding: 20px;
  display: block;
}
/* Component Demande de devis */
.component-quotation .shape-box {
  padding: 0px !important;
}
.component-quotation .shape-box a {
  padding: 20px;
  display: block;
}
/*Component Liens Utiles*/
.component-usefulLinks li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 5px;
}
/*#################STYLE BUTTONS #################*/
/****Buttons Action ****/
.commons-buttons {
  background-color: #355070;
  color: #EBEBEB;
  padding: 0 10px;
  display: inline-block;
  vertical-align: middle;
  clear: both;
  margin: 5px 0;
  line-height: 30px ;
  transition: 1s;
  cursor: pointer;
}
.commons-buttons .commons-title2 {
  color: #EBEBEB;
}
.commons-buttons .commons-icon {
  color: #EBEBEB;
  float: right;
  padding: 2px 0 0px 5px;
  text-transform: initial;
  font-size: 20px;
  line-height: 20px;
  height: 20px;
  margin-top: 4px;
}
.commons-buttons:hover,
.commons-buttons.selected {
  background-color: #24374D;
  color: #FFFFFF;
  transition: 0.5s;
}
.commons-buttons:hover .commons-icon,
.commons-buttons.selected .commons-icon,
.commons-buttons:hover .commons-title2,
.commons-buttons.selected .commons-title2 {
  color: #FFFFFF;
}
/* Style bouton par défaut  */
.buttons-default .commons-buttons,
.buttons-default .commons-transactionalLink-component {
  text-transform: uppercase;
}
.buttons-default .commons-buttons .commons-icon,
.buttons-default .commons-transactionalLink-component .commons-icon {
  padding: 1px 5px 0  0px;
}
/* Style bouton avec bordure  */
.buttons-border .commons-buttons,
.buttons-border .commons-transactionalLink-component {
  border-width: 3px;
  border-style: solid;
  border-color: #EBEBEB;
}
.buttons-border .commons-buttons .commons-icon,
.buttons-border .commons-transactionalLink-component .commons-icon {
  text-transform: initial;
}
/* Style bouton avec bordure  haut et bas*/
.buttons-lineTB .commons-buttons,
.buttons-lineTB .commons-transactionalLink-component {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #EBEBEB;
}
/* Style bouton avec bordure gauche et droite*/
.buttons-lineLR .commons-buttons,
.buttons-lineLR .commons-transactionalLink-component {
  border-left-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-color: #EBEBEB;
}
/* Style bouton couleur de l'icon differentes du contenu */
.buttons-square .commons-buttons {
  text-transform: uppercase;
}
.buttons-square .commons-buttons .commons-icon {
  float: right;
  padding: 0 9px 0 8px;
  margin: 0 -10px 0 7px;
  background-color: #24374D;
  height: 30px;
  line-height: 30px ;
}
.buttons-square .commons-transactionalLink-component a {
  padding: 0;
  overflow: hidden;
}
.buttons-square .commons-transactionalLink-component .commons-icon {
  float: left;
  padding: 5px 9px 5px 8px;
  margin: 0;
  background-color: #24374D;
}
.buttons-square .commons-transactionalLink-component .commons-title2 {
  height: 25px;
  line-height: 25px;
  padding-top: 5px;
}
/* Style bouton avec une bordure left ou right */
.buttons-lineLeft .commons-buttons,
.buttons-lineLeft .commons-transactionalLink-component {
  border-left-width: 1px;
  margin-right: 0px;
}
.buttons-lineRight .commons-buttons,
.buttons-lineRight .commons-transactionalLink-component {
  border-right-width: 1px;
  margin-left: 0px;
}
.buttons-lineLeft .commons-transactionalLink-component {
  border-left-color: #D2D2D2;
}
.buttons-lineRight .commons-transactionalLink-component {
  border-right-color: #D2D2D2;
}
.buttons-lineRight .commons-buttons,
.buttons-lineLeft .commons-buttons,
.buttons-lineRight .commons-transactionalLink-component,
.buttons-lineLeft .commons-transactionalLink-component {
  border-style: solid;
  border-color: #EBEBEB;
}
.buttons-lineRight .commons-icon,
.buttons-lineLeft .commons-icon {
  padding: 8px 0 0px 5px;
  text-transform: initial;
}
.buttons-lineLeft .commons-buttons:hover,
.buttons-lineRight .commons-buttons:hover {
  color: #FFFFFF;
}
.buttons-lineLeft .commons-buttons:hover .commons-icon,
.buttons-lineRight .commons-buttons:hover .commons-icon {
  color: #FFFFFF;
}
.buttons-lineLeft .commons-transactionalLink-component:hover,
.buttons-lineRight .commons-transactionalLink-component:hover {
  color: #FFFFFF;
}
.buttons-lineLeft .commons-transactionalLink-component:hover .commons-icon,
.buttons-lineRight .commons-transactionalLink-component:hover .commons-icon {
  color: #FFFFFF;
}
/* button detail immo */
.buttons-lineLeft .btn_prev {
  border-right-width: 1px;
  border-left-width: 0px;
  margin-left: 0px;
}
.buttons-lineRight .btn_prev {
  border-left-width: 1px;
  border-right-width: 0px;
  margin-right: 0px;
}
/*Style bouton sans texte*/
.buttons-hideText .commons-buttons a .commons-title2,
.buttons-hideText .component-telephone a .commons-title2,
.buttons-hideText .component-address a .commons-title2,
.buttons-hideText .component-schedule a .commons-title2 {
  display: none;
}
.buttons-hideText .component-transactionalLink a {
  display: inherit;
}
.buttons-hideText .component-transactionalLink a .commons-title2 {
  display: inline;
}
.frame-left .buttons-hideText .commons-transactionalLink-component,
.frame-right .buttons-hideText .commons-transactionalLink-component {
  width: initial;
  text-align: center;
  display: inline-block;
  margin: 10px;
}
.frame-left .buttons-hideText .commons-transactionalLink-component a,
.frame-right .buttons-hideText .commons-transactionalLink-component a {
  padding: 10px 5px;
  border-radius: 0px;
  width: 100%;
  margin: 0 auto;
}
.frame-left .buttons-hideText .commons-transactionalLink-component a .commons-icon,
.frame-right .buttons-hideText .commons-transactionalLink-component a .commons-icon {
  font-size: 30px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
}
.frame-right .zone-transactional.buttons-hideText .component-transactionalLink.commons-transactionalLink-component,
.frame-left .zone-transactional.buttons-hideText .component-transactionalLink.commons-transactionalLink-component {
  display: block;
  clear: both;
  text-align: center;
  width: initial;
  margin: 0 20px 20px 20px;
}
.frame-right .zone-transactional.buttons-hideText .component-transactionalLink.commons-transactionalLink-component a,
.frame-left .zone-transactional.buttons-hideText .component-transactionalLink.commons-transactionalLink-component a {
  line-height: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 0px;
  width: initial;
  display: block;
  background-color: #297DE1;
}
.frame-right .zone-transactional.buttons-hideText .component-transactionalLink.commons-transactionalLink-component a .commons-title2,
.frame-left .zone-transactional.buttons-hideText .component-transactionalLink.commons-transactionalLink-component a .commons-title2 {
  font-size: Roboto;
  line-height: 30px;
  height: 30px;
  line-height: 30px;
}
/*Style bouton sans icon*/
.buttons-hideIcon .commons-buttons .commons-icon,
.buttons-hideIcon .commons-transactionalLink-component .commons-icon {
  display: none;
}
/*Style bouton shadow*/
.buttons-boxShadow .commons-buttons,
.buttons-boxShadow .commons-transactionalLink-component {
  box-shadow: 0px 1px 3px #666666;
}
/*Style bouton text-shadow*/
.buttons-textShadow .commons-buttons .commons-title2,
.buttons-textShadow .commons-transactionalLink-component .commons-title2 {
  text-shadow: 1px 1px 3px #666666;
}
.buttons-textShadow .commons-buttons .commons-icon,
.buttons-textShadow .commons-transactionalLink-component .commons-icon {
  text-shadow: 1px 1px 3px #666666;
}
/*Style composants bouton*/
.component.commons-button-component {
  clear: both;
  display: block;
  transition: 0.5s;
  cursor: pointer;
}
.component.commons-button-component .shape-box {
  padding: 20px;
  background-color: #355070;
}
.component.commons-button-component .commons-title2,
.component.commons-button-component .commons-icon {
  color: #EBEBEB;
  transition: 0.5s;
}
.component.commons-button-component:hover {
  transition: 0.5s;
}
.component.commons-button-component:hover .shape-box {
  background-color: #24374D;
}
.component.commons-button-component:hover .commons-title2,
.component.commons-button-component:hover .commons-icon {
  color: #FFFFFF;
  transition: 0.5s;
}
/****** Liens hypertextes *****/
.commons-link {
  color: #355070;
  transition: 0.5s;
}
.commons-link-color {
  color: #355070;
}
.commons-link:hover {
  text-decoration: underline;
  color: #4D75A3;
  transition: 0.5s;
}
.zone-sidebar .commons-link {
  color: #666666;
  opacity: 0.7;
}
.zone-sidebar .commons-link:hover {
  color: #666666;
  text-decoration: underline;
  opacity: 1;
}
/*****Formulaire base***/
select,
input,
option {
  border-width: 1px;
  border-style: solid;
  font-family: OpenSans;
  font-size: 14px;
}
.commons-row {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.commons-row select {
  width: 100%;
  margin-top: 2px;
}
.commons-row .commons-col select,
.commons-row .commons-col input {
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
}
.commons-row .commons-col select {
  width: 100%;
  height: 32px;
}
.commons-row .commons-input {
  padding: 0 12px 0 0px;
}
.commons-row .commons-input input,
.commons-row .commons-input textarea,
.commons-row .commons-input select {
  width: 100%;
  height: 30px;
  padding-left: 10px;
}
.commons-row .commons-col:first-child {
  float: left;
}
.commons-row .commons-col:first-child .commons-input {
  padding: 0 20px 0 0;
}
.commons-row .commons-col:last-child {
  float: right;
}
.commons-row .commons-col:last-child label {
  margin-left: 8px;
}
.commons-row .commons-col:last-child .commons-input {
  padding: 0 12px 0 8px;
}
.commons-row .commons-input textarea {
  height: 142px;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
}
form .commons-col {
  width: 50%;
}
form .required-field {
  padding: 0;
  float: right;
  color: transparent;
  margin-right: 0.3em;
  font-size: 12px;
}
form .recevoir_info {
  font-size: 12px;
}
form .loi {
  color: #666666;
  width: 100%;
  margin: 20px 0;
}
form .accept .idTag_RECEVOIR_INFO {
  width: 15px;
  margin: 4px 5px 0 0;
  float: left;
}
form .divcaptcha {
  background-color: #F4F4F4;
  overflow: hidden;
  margin: 10px 0 0 0;
  color: #4C4C4C;
  padding: 10px 0 10px 20px;
  border: 1px solid #000000;
}
form .divcaptcha .captcha {
  margin-top: 20px;
  float: left;
}
form .divcaptcha input.text {
  float: right;
  width: 220px;
  margin: 28px 10px 0 0;
  border: solid 1px #000000;
  color: #000;
  height: 30px;
  padding-left: 10px;
}
/****Affichage****/
.commons-display {
  border-top: 0 none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: transparent;
  color: transparent;
  padding: 0 10px;
}
.commons-display p {
  display: inline-block;
  color: #666666;
  font-weight: bolder;
  padding: 0;
  float: left;
  line-height: 32px;
}
.commons-display select {
  height: 30px;
}
.commons-display .commons-col {
  display: inline-block;
  float: left;
  width: initial;
}
.commons-display .commons-icon {
  font-size: 21px;
  color: #4C4C4C;
  margin: 0 14px 0 0 ;
  float: right;
  line-height: 32px;
}
.commons-display .commons-icon:hover {
  color: #666666;
  cursor: pointer;
}
.commons-display .commons-col.category {
  min-width: 320px;
}
.commons-display .commons-col.category select {
  width: 67%;
  margin: 0 10px;
}
.commons-display .commons-col.afficher {
  min-width: 148px;
}
.commons-display .commons-col.trier .typetrie {
  width: 160px;
  margin: 0 20px;
  border-color: #4C4C4C;
}
.commons-display .commons-col.trier p {
  margin-right: 10px;
}
.commons-display .commons-col.nbarticles {
  text-align: right;
  float: right;
}
.commons-display .commons-col.nbarticles select {
  width: 43px;
  float: right;
  margin: 0 0 0 10px;
}
.commons-display .commons-buttons {
  margin: 0;
}
/****Etiquette Nouveauté, Promotion..TODO.****/
.commons-etiquette {
  background-color: #355070;
  max-width: 120px;
  display: inline-block !important;
  vertical-align: middle;
  position: absolute;
  opacity: 0.9;
  padding: 4px 6px 2px 6px;
  color: #EBEBEB;
}
.commons-etiquette span {
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  border-left: 0px solid transparent;
  right: -9px;
}
.commons-etiquette .corner-top {
  top: 0px;
  border-bottom: 0px solid transparent;
  border-right: 8px solid transparent;
  border-top: 15px solid #355070;
}
.commons-etiquette .corner-bottom {
  bottom: 0px;
  border-bottom: 15px solid #355070;
  border-right: 8px solid transparent;
  border-top: 0px solid transparent;
}
.commons-etiquette.desc {
  left: 150px;
  top: -10px;
}
.commons-etiquette.vignette {
  left: 0;
  top: 6px;
}
/****Tooltip TODO****/
.ui-tooltip {
  background-color: #24374D;
  box-shadow: none;
  border: 0 none;
  border-radius: 0px;
  color: #FFFFFF;
  min-width: 100px;
  padding: 10px;
}
/****Tabs TODO****/
.commons-tabs {
  border-top: 0 none !important;
  padding: 0px 0 0 10px;
  background-color: transparent!important;
  margin: 0 0 20px 0;
}
.commons-tabs ul {
  overflow: hidden;
  padding: 10px 0 0 1px;
  width: 100%;
  border-bottom: 12px solid #355070;
  margin-left: -10px;
  margin-bottom: 0!important;
  padding-right: 10px;
  display: table;
}
.commons-tabs ul .ui-state-default {
  display: table-cell;
  vertical-align: middle;
  background-color: transparent;
  color: #4C4C4C;
  font-weight: 800;
  width: 33%;
}
.commons-tabs ul .ui-state-default a {
  display: block;
  padding: 5px 18px 5px 18px;
}
.commons-tabs ul .ui-state-default:focus {
  outline: initial;
}
.commons-tabs ul .ui-tabs-active {
  background-color: #355070;
}
.commons-tabs ul .ui-tabs-active a {
  color: #EBEBEB;
}
.commons-tabs .ui-tabs-panel {
  background-color: transparent;
  margin-left: -10px;
  padding: 10px;
}
/****************************************************/
/*/////////////////Schedule\\\\\\\\\\\\\*/
/****************************************************/
.component-schedule ul li {
  list-style: none;
}
.component-schedule ul li span {
  font-weight: bold;
}
/****************************************************/
/*/////////////////AccesMeans\\\\\\\\\\\\\*/
/****************************************************/
.component-accessMeans .accessMeansIcon {
  font-size: 30px;
  margin: 0px 3px 0 0;
  width: 30px;
  text-align: center;
}
/****************************************************/
/*///////////////// PROLIVE \\\\\\\\\\\\\\*/
/****************************************************/
.component-prolive .description {
  width: 40%;
  text-align: justify;
  margin: 0 auto;
}
.component-prolive .prolive-image {
  position: relative;
  float: left;
  margin-bottom: 27px;
}
.component-prolive .evenement {
  height: auto;
  padding: 15px 0 15px 0;
}
.component-prolive div.evenement:last-of-type {
  border-bottom: 0px solid transparent;
}
.component-prolive .evenement:after {
  content: "";
  display: table;
  clear: both;
}
.component-prolive .cover {
  max-width: 100%;
  height: auto;
  min-width: auto;
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: left;
}
.component-prolive .degrade {
  height: 70px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.component-prolive .separateur {
  border-top-style: solid;
  border-top-width: 1px;
  width: 15%;
  margin: 35px auto;
  text-align: center;
  color: transparent;
}
.component-prolive .prolive-media .prolive-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */

  padding-top: 25px;
  height: 0;
  margin-bottom: 20px;
}
.component-prolive .prolive-media .prolive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.component-prolive .prolive-media {
  width: 40%;
  margin: 0 auto;
}
.component-prolive .style-noMargin .commons-icon {
  display: none;
}
.zone-main .component-prolive h3.commons-title3 {
  /*color:@mainTextColor;
	font-size:@textSize;*/

  color: white;
  font-size: 18px;
  font-family: OpenSans;
  margin-left: 20px;
  position: absolute;
  bottom: 15px;
}
/* lorsque prolive est dans la zone sidebar */
.zone-sidebar .component-prolive h3.commons-title3 {
  color: white;
  font-size: 14px;
  font-family: OpenSans;
  margin-left: 20px;
  position: absolute;
  bottom: 15px;
}
/* lorsque prolive est dans la zone sidebar */
.zone-sidebar .component-prolive .description {
  width: 100%;
  text-align: justify;
  margin: 0 auto;
}
.zone-sidebar .prolive-media,
.paragraph-33-33-33 .paragraph-column .prolive-media,
.paragraph-25-25-25-25 .paragraph-column .prolive-media {
  width: 100%;
  float: none;
  margin-right: 0px;
}
.zone-sidebar h3.commons-title3 {
  color: #666666;
  font-size: 14px;
  font-family: OpenSans;
  margin-bottom: 15px;
}
.zone-main h3.commons-title3 {
  color: #666666;
  font-size: 14px;
  font-family: OpenSans;
  margin-bottom: 15px;
}
.component-prolive-menu .component-prolive-menu-inner p.title {
  font-size: 20px;
}
.component-prolive-menu .component-prolive-menu-inner p.desc {
  opacity: 0.8;
}
.component-prolive-menu .component-prolive-menu-inner .shape-sub-header p.commons-title1 {
  font-size: 20px;
}
.component-prolive-menu .component-prolive-menu-inner .shape-sub-header span.commons-icon {
  margin-right: 12px;
}
.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-theme .owl-controls .owl-nav .owl-next {
  color: #EBEBEB;
  background-color: #355070;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #355070;
  opacity: 0.5;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #4D75A3;
  opacity: 1;
}
/****************************************************/
/*///////////////// Avis et opinion \\\\\\\\\\\\\\*/
/****************************************************/
.component-opinion .commons-icon {
  margin: 0 8px 0 8px;
}
/****************************************************/
/*///////////////// Activity \\\\\\\\\\\\\\*/
/****************************************************/
.component-activity .commons-editor {
  margin-bottom: 10px;
}
.component-activity .content {
  overflow: auto;
}
.component-activity .img {
  float: left;
  width: 48%;
  margin: 0 2% 0 0;
  overflow: hidden;
}
.component-activity .img img {
  width: 100%;
  height: auto;
}
.component-activity ul {
  overflow: hidden;
  margin-left: 13px;
  padding-left: 10px;
  padding-top: 5px;
}
.component-activity li {
  list-style-type: none;
}
.component-activity li:before {
  content: "- ";
}
.component-activity .commons-title3 {
  font-weight: bold;
  margin-top: 15px;
}
/************************************************************//*///////////////// BlackBoardMenu \\\\\\\\\\\\\\*/
/************************************************************/.component.component-blackBoardMenu {
  text-align: center;
}
.component.component-blackBoardMenu .shape-box {
  background-color: #000000;
  color: #FFFFFF;
}
.component.component-blackBoardMenu hr {
  border-top: 1px solid  #FFFFFF ;
}
.component.component-blackBoardMenu .commons-title1 {
  color: #FFFFFF;
}
/************************************************************//*///////////////// Blocks (page libre templatée)   \\\\\\\\*/
/************************************************************/.component-blocks:not(.image-simple) .shape-component {
  overflow: auto;
}
.component-blocks:not(.image-simple) .commons-title1,
.component-blocks:not(.image-simple) .commons-title2 {
  display: block;
  padding: 10px 0px 10px 5px;
}
/************************************************************//*///////////////// BonPlan \\\\\\\\\\\\\*/
/************************************************************/.component.component-bonPlan .shape-box {
  padding-bottom: 20px;
}
.component.component-bonPlan .image {
  margin: 10px;
  width: 35%;
  float: left;
}
.component.component-bonPlan .image img {
  width: 100%;
}
.component.component-bonPlan .profite {
  margin: 10px;
  width: 55%;
  float: left;
}
.component.component-bonPlan hr {
  width: 100%;
}
.component.component-bonPlan .detail {
  width: 100%;
  clear: both;
}
.component.component-bonPlan .detail span {
  display: block;
  width: 100%;
  color: #4C4C4C;
  font-size: 15px;
  font-weight: bolder;
  border-bottom: 1px solid #e6e6e6;
  margin: 10px 0;
}
.component.component-bonPlan .retour {
  margin: 30px 0 0 -10px;
  color: #EBEBEB;
  background-color: #355070;
}
/************************************************************//*///////////////// BonPlan Liste \\\\\\\\\\\\\\*/
/************************************************************/.component.component-bonPlanListe li {
  margin-bottom: 10px;
  border-bottom: solid 1px #e6e6e6;
}
.component.component-bonPlanListe li h2 {
  color: #4C4C4C;
}
.component.component-bonPlanListe li .image {
  margin: 10px;
  width: 35%;
  float: left;
}
.component.component-bonPlanListe li .image img {
  width: 100%;
}
.component.component-bonPlanListe li .profite {
  margin: 10px;
  width: 55%;
  float: left;
}
.component.component-bonPlanListe li hr {
  width: 100%;
  color: #4C4C4C;
}
.component.component-bonPlanListe li:last-child {
  border: 0 none;
}
/**********************************************************/
/*//////////////// BookingHotel  TODO\\\\\\\\\\\\\\*/
/**********************************************************/
.component-bookingHotel {
  content: "";
  display: table;
  clear: both;
  width: 100%;
}
.component-bookingHotel label,
.component-bookingHotel .libelle {
  display: inline-block;
  margin: .6em 0 .8em 0;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
}
.component-bookingHotel .date {
  margin-bottom: 10px;
  position: relative;
}
.component-bookingHotel .date .hasDatepicker {
  float: left;
  width: 100%;
  padding-left: 10px;
  height: 33px;
  font-size: 14px;
  line-height: 34px;
  border: 0px none;
  background-color: rgba(0, 0, 0, 0.3);
  vertical-align: top;
}
.component-bookingHotel .date img {
  position: absolute;
  bottom: 0;
  right: -10px;
  width: 34px;
  color: #4C4C4C;
}
.component-bookingHotel .date:after {
  content: "";
  display: table;
  clear: both;
}
.component-bookingHotel .selectricWrapper .selectricHideSelect select.co_nbRooms {
  width: 100%;
  background-color: transparent;
}
.component-bookingHotel .room {
  margin-top: .5em;
  width: 100%;
  margin-top: .5em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding: 0 0 10px 0;
}
.component-bookingHotel .room .libelle {
  border-bottom: solid 1px transparent;
}
.component-bookingHotel .room label {
  width: 93px;
  text-align: left;
  margin-top: .8em;
}
.component-bookingHotel .room select {
  margin-right: 5px;
  width: 53px;
  background-color: rgba(0, 0, 0, 0.3);
}
.component-bookingHotel select {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 3px;
  width: 150px;
  text-align: center;
  border: none;
}
.component-bookingHotel select option {
  background-color: #ffffff;
  color: #161616;
}
.component-bookingHotel .adult,
.component-bookingHotel .child {
  margin-right: 2%;
}
.component-bookingHotel .adult:after,
.component-bookingHotel .child:after {
  content: "";
  display: table;
  clear: both;
}
.component-bookingHotel .age label {
  width: 100%;
}
.component-bookingHotel .age select {
  display: inline-block;
}
.component-bookingHotel .commons-buttons {
  background-color: rgba(0, 0, 0, 0.3);
  float: right;
  margin: 15px 0px 10px 0px;
}
.commons-popin .component-bookingHotel .reservation {
  width: 100%;
  height: 650px;
}
.commons-popin .component-bookingHotel .reservation iframe {
  width: 100%;
  height: 100%;
}
.commons-popin .component-bookingHotel .reservation .standard-button {
  -moz-transition: all 0.3s ease-in-out 0s;
  display: block;
  cursor: pointer;
  background: #000000;
  color: #FFFFFF;
  float: right;
  font-family: "Open Sans";
  font-weight: bold;
  padding: 5px 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-decoration: none;
  margin-bottom: 10px;
}
.zone-sidebar .component-bookingHotel input,
.zone-sidebar .component-bookingHotel select {
  color: #666666;
}
/*----JQUERY CALENDAR---*/
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-widget-header .ui-icon {
  background-image: url("https://www.coved-est.fr/v/images/ui-icons_222222_256x240.png");
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-datepicker {
  width: 17.1em;
  padding: .2em .2em 0;
  display: none;
  background-color: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-next {
  right: 22px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 21px;
}
.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 .ui-datepicker-title {
  margin: 6px 2.3em;
  text-align: center;
  color: #000000;
  font-weight: bold;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker .ui-datepicker-title span {
  display: inline;
}
.ui-datepicker .ui-state-active {
  background: #dedcc8;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  text-decoration: none;
  text-align: right;
  padding: .2em;
  display: block;
}
.ui-datepicker td a {
  background-color: ;
  color: #355070;
}
/********************************************************/
/*///////////////// BreadCrumb  A enlever\\\\\\\\\\\\\\*/
/********************************************************/
.component.component-breadCrumb .shape-box {
  padding: 2px 0 2px 0;
  margin: 10px 0 0 0;
  color: mainTitleColor;
  background-color: #F4F4F4;
  font-size: 11px;
}
.component.component-breadCrumb a {
  color: #355070;
}
.component.component-breadCrumb .commons-icon {
  font-size: 15px;
  margin: -2px 2px 0 2px;
}
/********************************************************/
/*///////////////// Banner \\\\\\\\\\\\\\*/
/********************************************************/
.component-banner .shape-box {
  text-align: center;
}
.component-banner .commons-buttons {
  margin: 0;
  padding: 0;
  font-family: Roboto;
}
.component-banner .widthAuto {
  padding: 0 10px;
}
.component-banner .small-font-size {
  font-size: 16px;
}
.component-banner .medium-font-size {
  font-size: 20px;
}
.component-banner .large-font-size {
  font-size: 24px;
}
.component-banner .align-left {
  float: left;
}
.component-banner .align-right {
  float: right;
}
.component-banner .hasPicto {
  display: table;
  margin: 0 auto;
}
.component-banner .hasPicto.table-row {
  display: table-row;
}
.component-banner .pictoLeft {
  display: table-cell;
  padding: 10px 5px 10px 10px;
  vertical-align: middle;
}
.component-banner .libellePictoLeft {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 10px 10px 0px;
  text-transform: none;
}
.component-banner .emptylibellePictoLeft {
  display: table-cell;
  vertical-align: middle;
  padding-right: 5px;
}
.component-banner .pictoRight {
  display: table-cell;
  padding: 10px 10px 10px 5px;
  vertical-align: middle;
}
.component-banner .libellePictoRight {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0px 10px 10px;
  text-transform: none;
}
.component-banner .emptylibellePictoRight {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}
.component-banner .withoutPicto {
  padding: 10px 10px 10px 10px;
  text-transform: none;
}
.component-banner .mainBannerSplash {
  display: table;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.component-banner .contentBanner {
  display: table-cell;
  text-align: center;
}
.component-banner .mainBanner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  flex-flow: column;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.component-banner .contentBannerCouleur {
  width: 100%;
  text-align: center;
  padding: 50px;
  overflow: hidden;
}
.component-banner .contentBannerIcone {
  padding: 10px;
}
.component-banner .buttonBannerIcone {
  padding-bottom: 10px;
}
.component-banner .buttonWrapper {
  margin: 10px;
}
.component-banner .shape-component {
  overflow: hidden;
}
/****************************Banner Mode Mobile********************************/
body.device-mobile .component-banner .contentBannerMobile {
  display: table;
  width: 100%;
  min-height: 350px;
  text-align: center;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
body.device-mobile .component-banner .contentBannerMobileBottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
}
body.device-mobile .component-banner .mainBannerMobile {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}
body.device-mobile .component-banner .mainBannerMobileContent {
  display: table-cell;
  vertical-align: middle;
  padding: 2%;
}
/********************************************************/
/*///////////////// Button \\\\\\\\\\\\\\*/
/********************************************************/
.component-button .shape-box {
  padding: 0;
  text-align: center;
}
.component-button .commons-buttons {
  margin: 0;
  padding: 0;
  font-family: Roboto;
}
.component-button .widthAuto {
  padding: 0 10px;
}
.component-button .small-font-size {
  font-size: 16px;
}
.component-button .medium-font-size {
  font-size: 20px;
}
.component-button .large-font-size {
  font-size: 24px;
}
.component-button .align-left {
  float: left;
}
.component-button .align-right {
  float: right;
}
.component-button .hasPicto {
  display: table;
  margin: 0 auto;
}
.component-button .hasPicto.table-row {
  display: table-row;
}
.component-button .pictoLeft {
  display: table-cell;
  padding: 10px 5px 10px 10px;
  vertical-align: middle;
}
.component-button .libellePictoLeft {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 10px 10px 0px;
  text-transform: none;
}
.component-button .emptylibellePictoLeft {
  display: table-cell;
  vertical-align: middle;
  padding-right: 5px;
}
.component-button .pictoRight {
  display: table-cell;
  padding: 10px 10px 10px 5px;
  vertical-align: middle;
}
.component-button .libellePictoRight {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0px 10px 10px;
  text-transform: none;
}
.component-button .emptylibellePictoRight {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}
.component-button .withoutPicto {
  padding: 10px 10px 10px 10px;
  text-transform: none;
}
/***********************************************************/
/*///////////////// Contact \\\\\\\\\\\\\\*/
/************************************************************/
.component-contact hr {
  border-top: 1px solid #e6e6e6;
}
.component-contact .content {
  padding-left: 10px;
}
.component-contact .informations {
  float: left;
  display: inline-block;
  padding-bottom: 30px;
}
.component-contact .transac {
  float: right;
  min-width: 100px;
}
.component-contact .infos {
  padding-left: 10px;
  padding-top: 10px;
}
.component-contact .specific {
  clear: both;
  padding: 0px 0 30px 16px;
}
.component-contact .specific .commons-title3 {
  border-top: 1px solid #4C4C4C;
  padding-top: 30px;
}
.component-contact .shape-content {
  height: auto;
}
.component-contact .shape-component:after {
  content: "";
  display: table;
  clear: both;
}
/****************************Mode Mobile********************************/
body.device-mobile .component-contact .informations,
body.device-mobile .component-contact .transac {
  clear: both;
  float: none;
}
body.device-mobile .component-contact .transac {
  margin-top: 20px;
}
/***********************************************************/
/*///////////////// CloseButton \\\\\\\\\\\\\\*/
/************************************************************/
.component-closeButton a .commons-icon {
  float: none;
}
/************************************************************/
/*///////////////// Form \\\\\\\\\\\\\\*/
/************************************************************/
.component-contactForm .commons-title5 {
  margin-bottom: 10px;
}
.component-contactForm .annuler {
  padding: 0 10px;
}
.component-contactForm .resalEstate {
  text-align: right;
  display: inline-block;
}
/*ContactForm medium  and  Popin Share*/
/**********************************************************/
.component-contactForm.view-medium .commons-col {
  width: 50%;
  margin-bottom: 10px;
}
.component-contactForm.view-medium .required-field {
  float: none;
  margin: -10px 0 10px 0;
}
.component-contactForm.view-medium .recevoir_info {
  font-size: 10px;
}
.component-contactForm.view-medium .divcaptcha {
  padding: 10px;
  margin: 5px 0 0 0;
  text-align: center;
}
.component-contactForm.view-medium .divcaptcha .captcha {
  float: none;
  margin-top: 20px;
  display: inline-block;
}
.component-contactForm.view-medium .divcaptcha input.text {
  float: none;
  margin: 14px 0 0 0;
  height: 25px;
}
.component-contactForm.view-medium p.loi {
  text-align: justify;
  margin: 5px 0 ;
  padding: 0;
}
.component-contactForm.view-medium button {
  float: right;
  clear: initial;
  margin-left: 10px;
}
/************************************************************//*///////////////// Cookies \\\\\\\\\\\\\\*/
/************************************************************/.bandeau-cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  background-color: #222;
  padding: 20px;
  color: #fff;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}
.bandeau-cookies .bandeau-cookies-group {
  display: inline-block;
  text-align: center;
}
.bandeau-cookies .bandeau-cookies-group a {
  cursor: pointer;
  margin-right: 10px;
}
.bandeau-cookies .bandeau-cookies-group:first-child {
  margin-bottom: 10px;
  display: block;
  float: left;
}
/************************************************************//*///////////////// CookiesAcceptance \\\\\\\\\\\\\\*/
/************************************************************/.component-cookiesAcceptance .shape-box {
  padding: 0px;
  margin: 0px;
}
/****************************************************/
/*///////////////// Copyright \\\\\\\\\\\\\\*/
/****************************************************/
.component-copyright {
  clear: both;
  color: #D2D2D2;
  border: 0 none;
  background-color: transparent;
}
.component-copyright .shape-box {
  padding: 0;
}
.component-copyright p,
.component-copyright a {
  display: inline;
}
.component-copyright .logo-pj {
  float: right;
  margin-right: 10px;
}
/************************************************************/
/*///////////////// CorporateName \\\\\\\\\\\\\\*/
/**********************************************************/
.component-corporateName .shape-box {
  background-color: transparent;
  color: #FFFFFF;
  font-family: Roboto;
  font-size: 25px;
  text-transform: none;
  font-weight: normal;
  text-align: left;
}
/****************************************************/
/*//////////////// EditorContent \\\\\\\\\\\\\*/
/****************************************************/
.component-editor-content {
  overflow: hidden;
}
/****************************************************/
/*//////////////// FacebookPage \\\\\\\\\\\\\*/
/****************************************************/
.component-facebookPage iframe {
  height: 63px;
}
/************************************************************//*///////////////// FixedPriceMenus \\\\\\\\\\\\\\*/
/************************************************************/.component.component-fixedPriceMenus hr {
  text-align: left;
  width: 100%;
  color: #CCCCCC;
}
/**********************************************************/
/*///////////////// Language \\\\\\\\\\\\\\*/
/**********************************************************/
.component.component-language {
  position: relative;
  z-index: 1;
  list-style: none;
  display: inline-block;
  margin: 20px 0px 20px 0px;
  padding: 0px;
  vertical-align: middle;
}
.component.component-language a {
  display: block;
  padding: 10px;
}
.component.component-language a .flag {
  border: 1px solid #DDDDDD;
  display: block;
  height: 12px;
  width: 20px;
  background-image: url(https://www.coved-est.fr/v/852877742/images/flags.png);
  background-repeat: no-repeat;
}
.component.component-language a.lang-fr .flag {
  background-position: -280px 0;
}
.component.component-language a.lang-en .flag {
  background-position: -180px 0;
}
.component.component-language ul.list {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 34px;
  min-width: 70px;
  border-radius: 0px;
  background-color: #24374D;
  z-index: 999;
  list-style: none;
}
.component.component-language ul.list li {
  margin: 0 8px 0 0;
  height: 12px;
  width: 20px;
  float: left;
}
.component.component-language ul.list li:last-child {
  margin-right: 0;
}
.component.component-language ul.list a {
  margin: 0;
}
/**********************************************************/
/*///////////////// Logo \\\\\\\\\\\\\\*/
/**********************************************************/
.component-logo {
  display: inline-block;
}
.component-logo .shape-box {
  background-color: transparent;
  text-align: center;
}
.component-logo a.logo {
  display: block;
  height: auto;
  max-height: 250px;
  /*Mantis 0048934 suppression de max-height:100%;*/

}
.component-logo a.logo img {
  max-height: 100%;
  margin: 0;
  display: inline;
}
.extra-small .component-logo a.logo {
  height: 45px;
  max-width: 100%;
}
.small .component-logo a.logo {
  height: 100px;
  max-width: 100%;
}
.medium .component-logo a.logo {
  height: 150px;
  max-width: 100%;
}
.large .component-logo a.logo {
  height: 200px;
  max-width: 100%;
}
.extra-large .component-logo a.logo {
  height: 250px;
  max-width: 100%;
}
.frame-left .component-logo,
.frame-right .component-logo {
  width: 100%;
}
.frame-left .component-logo .shape-box,
.frame-right .component-logo .shape-box {
  margin: 0;
  padding: 0;
}
.frame-left .component-logo a.logo,
.frame-right .component-logo a.logo {
  height: initial;
  display: inline-block;
}
.frame-left .component-logo a.logo img,
.frame-right .component-logo a.logo img {
  width: 100%;
  margin: 0;
  display: inline;
}
.frame-left .extra-small .component-logo a.logo,
.frame-right .extra-small .component-logo a.logo {
  width: 20%;
}
.frame-left .small .component-logo a.logo,
.frame-right .small .component-logo a.logo {
  width: 40%;
}
.frame-left .medium .component-logo a.logo,
.frame-right .medium .component-logo a.logo {
  width: 60%;
}
.frame-left .large .component-logo a.logo,
.frame-right .large .component-logo a.logo {
  width: 80%;
}
.frame-left .extra-large .component-logo a.logo,
.frame-right .extra-large .component-logo a.logo {
  width: 100%;
}
/**********************************************
Mantis 0048939 et evol à finaliser
/**********************************************/
.mobile .paragraph {
  display: block !important;
}
.tablet .paragraph {
  display: block !important;
}
.device-tablet .extra-small .component-logo {
  /*Mantis tablette*/

}
.device-tablet .extra-small .component-logo a.logo {
  height: 120px;
  max-width: 100%;
}
.device-tablet .small .component-logo {
  /*Mantis  tablette*/

}
.device-tablet .small .component-logo a.logo {
  height: 120px;
  max-width: 100%;
}
/****************************************************/
/*///////////////// Map \\\\\\\\\\\\\*/
/****************************************************/
.component-map {
  /* popup */

}
.component-map .descriptive {
  margin-bottom: 10px;
}
.component-map .planMappy {
  width: 100%;
  height: 100%;
}
.component-map .commons-title2 {
  font-size: 16px;
  margin: 10px;
}
.component-map .commons-tabs {
  overflow: hidden;
}
.component-map .commons-tabs p {
  padding: 10px 0;
}
.component-map .commons-tabs #itineraireForm {
  padding: 10px;
  color: #4C4C4C;
  background-color: #F4F4F4;
  overflow: hidden;
}
.component-map .commons-tabs #itineraireForm .choix label {
  padding: 0 10px;
  font-size: 15px;
}
.component-map .commons-tabs #itineraireForm .choix .idTag_ITINERAIRE.EN.PARTIR {
  margin-top: 10px;
}
.component-map .commons-tabs #itineraireForm .itiText {
  display: block;
  height: 30px;
  width: 400px;
  margin: 10px 0;
  padding: 0 10px;
}
.component-map .commons-tabs #itineraireForm .actions {
  width: 43%;
}
.component-map .commons-tabs .off .actions {
  overflow: hidden;
}
.component-map .commons-tabs .off .actions a {
  float: left;
  width: 20%;
  display: block;
  clear: initial;
  margin-right: 10px;
}
.component-map img {
  width: auto !important;
  border: 0 !important;
}
.component-map .popup {
  background-color: #FFFFFF;
  border: 2px solid #DDDDDD;
  border-radius: 5px 5px 5px 5px;
  padding: 10px;
  position: relative;
  white-space: nowrap;
}
.component-map .popup a {
  display: block;
  font-weight: bold;
  margin-top: 10px;
  text-align: right;
}
.component-map .leaflet-popup-content {
  color: #000000;
}
/****************************************************/
/*///////////////// MENU \\\\\\\\\\\\\\*/
/****************************************************/
/* Style par défaut : sans style*/
.component-menu {
  border-color: transparent;
}
.component-menu .shape-box {
  margin: 0;
  padding: 0px;
  margin-top: 0px;
  background-color: #F4F4F4;
  text-align: center;
}
.component-menu .nav {
  font-size: 0;
}
.component-menu .tab {
  margin-right: 0px;
  border-color: transparent;
  display: inline-block;
  clear: both;
  position: relative;
}
.component-menu .tab:last-child {
  margin-right: 0;
}
.component-menu a {
  color: #4C4C4C;
  background-color: #F4F4F4;
  font-family: Roboto;
  font-size: 20px;
  border-radius: 0px;
  border-color: transparent;
  text-transform: default;
  font-weight: normal;
  padding: 20px;
  display: inline-block;
  transition: 0.5s;
}
.component-menu a:hover,
.component-menu a.hover,
.component-menu a.active,
.component-menu .tab.active > a {
  background-color: #297DE1;
  color: #FFFFFF;
  border-color: #FFFFFF;
  transition: 0.5s;
}
.component-menu .sub-tab {
  background-color: #F4F4F4;
  color: #4C4C4C;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  text-align: left;
  list-style: none;
  -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.3);
}
.component-menu .sub-tab .tab {
  background-color: #F4F4F4;
  float: none;
  display: list-item;
  position: relative;
}
.component-menu .sub-tab .tab a {
  background-color: #F4F4F4;
  display: block;
  clear: both;
  color: #333;
  white-space: nowrap;
  color: #4C4C4C;
  padding: 20px;
}
.component-menu .sub-tab .tab a:hover,
.component-menu .sub-tab .tab a.hover,
.component-menu .sub-tab .tab a.active,
.component-menu .sub-tab .tab .tab.active > a {
  color: #FFFFFF;
  background-color: #297DE1;
}
.component-menu .sub-tab .sub-tab2 {
  left: 100%;
  top: 0;
  min-width: 160px;
}
.component-menu .sub-tab .expand {
  position: absolute;
  right: 0;
  top: 4px;
}
.component-menu .sub-tab .tab:first-child {
  margin-top: 0px;
}
.component-menu .sub-tab,
.component-menu .sub-tab2 {
  display: none;
  position: absolute;
  z-index: 6;
}
.component-menu .icon {
  font-family: 'Glyphs-Regular';
}
/* hack pour le menu vertical à gauche */
.frame-left .component-menu .shape-box {
  margin: 20px;
}
.frame-left .component-menu .nav .tab {
  margin-right: 0px;
  margin-bottom: 0px;
  display: block;
}
.frame-left .component-menu .nav .tab a {
  display: block;
}
.frame-left .component-menu .nav .tab .sub-tab,
.frame-left .component-menu .nav .tab .sub-tab2 {
  left: 100%;
  top: 0;
  min-width: 160px;
}
/* hack pour le menu vertical à droite */
.frame-right .component-menu .shape-box {
  margin: 20px;
}
.frame-right .component-menu .nav .tab {
  margin-right: 0px;
  margin-bottom: 0px;
  display: block;
}
.frame-right .component-menu .nav .tab a {
  display: block;
}
.frame-right .component-menu .nav .tab .sub-tab,
.frame-right .component-menu .nav .tab .sub-tab2 {
  right: 100%;
  left: initial;
  top: 0;
  min-width: 160px;
}
.frame-header-center .component-menu {
  width: initial!important;
}
/*///////////////// STYLE MENU \\\\\\\\\\\\\\*/
/*Style LineBottom */
.component-menu.lineBottom a:hover,
.component-menu.lineBottom a.active,
.component-menu.lineBottom .tab.active > a,
.component-menu.lineBottom .sub-tab .tab a {
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
}
.component-menu.lineBottom .sub-tab {
  bottom: 0px;
}
.component-menu.lineBottom .sub-tab a,
.sub-tab a:hover {
  color: #FFFFFF;
  border: none;
}
.frame-left .component-menu.lineBottom a {
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #2B415B;
}
.frame-left .component-menu.lineBottom a:hover,
.frame-left .component-menu.lineBottom a.active {
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
}
/*Style LineTop */
.component-menu.lineTop a {
  margin-top: -4px;
  border-top-style: solid;
  border-top-width: 4px;
}
/*Style LinerTop */
.component-menu.linerTop {
  border-top-style: solid;
  border-top-width: 5px;
}
.frame-left .component-menu.linerTop {
  text-align: left;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-width: 0;
}
.frame-right .component-menu.linerTop {
  text-align: right;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-width: 0;
}
/* Style LinerLightTop */
.component-menu.linerLightTop {
  border-top-style: solid;
  border-top-width: 1px;
}
.frame-right .component-menu.linerLightTop,
.frame-left .component-menu.linerLightTop {
  border-top-width: 0px;
}
.frame-right .component-menu.linerLightTop .tab,
.frame-left .component-menu.linerLightTop .tab {
  display: block;
  border-top-style: solid;
  border-top-width: 1px;
}
/*Style LinerBottom */
.component-menu.linerBottom {
  border-bottom-style: solid;
  border-bottom-width: 6px;
}
.frame-right .component-menu.linerBottom,
.frame-left .component-menu.linerBottom {
  text-align: left;
  border-bottom-width: 0;
  border-left-style: solid;
  border-left-width: 1px;
  border-bottom-width: 0;
}
/* Style LinerLightBottom */
.component-menu.linerLightBottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.frame-right .component-menu.linerLightBottom,
.frame-left .component-menu.linerLightBottom {
  border-bottom-width: 0px;
}
.frame-right .component-menu.linerLightBottom .tab,
.frame-left .component-menu.linerLightBottom .tab {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.frame-right .component-menu.linerLightBottom a:hover,
.frame-left .component-menu.linerLightBottom a:hover,
.frame-right .component-menu.linerLightBottom a.hover,
.frame-left .component-menu.linerLightBottom a.hover,
.frame-right .component-menu.linerLightBottom a.active,
.frame-left .component-menu.linerLightBottom a.active,
.frame-right .component-menu.linerLightBottom .tab.active > a,
.frame-left .component-menu.linerLightBottom .tab.active > a,
.frame-right .component-menu.linerLightBottom .tab:hover,
.frame-left .component-menu.linerLightBottom .tab:hover,
.frame-right .component-menu.linerLightBottom .tab.active,
.frame-left .component-menu.linerLightBottom .tab.active {
  border-color: #FFFFFF;
}
/*Style  InlineBlock */
.frame-left .component-menu.inlineBlock a,
.frame-right .component-menu.inlineBlock a {
  display: inline-block;
}
/*Style  Border */
.component-menu.border a {
  padding: 10px 15px;
  border-style: solid;
  border-width: 3px;
}
.component-menu.border .sub-tab a,
.component-menu.border .sub-tab2 a {
  margin-top: -3px;
}
/*Style  SimpleBorder */
.component-menu.simpleBorder {
  border-top: 1px solid transparent;
}
.component-menu.simpleBorder .tab {
  border-right-width: 1px;
  border-right-style: solid;
}
.component-menu.simpleBorder .tab:last-child,
.component-menu.simpleBorder .sub-tab .tab {
  border-right: 0 none;
}
.frame-right .component-menu.simpleBorder .nav,
.frame-left .component-menu.simpleBorder .nav {
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
}
.frame-right .component-menu.simpleBorder .tab,
.frame-left .component-menu.simpleBorder .tab {
  border-width: 0px;
  margin-right: 0;
}
/*Style DoubleLine */
.component-menu.doubleLine {
  border-style: double;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
/*Style  Onglet */
.component-menu.onglet {
  border-bottom-style: solid;
  border-bottom-width: 3px;
}
.component-menu.onglet .tab a {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.component-menu.onglet .sub-tab {
  background-color: #297DE1;
}
.component-menu.onglet .sub-tab a {
  color: #FFFFFF;
}
.page-box-true .component-menu.onglet {
  width: 1100px;
  margin: 0 auto;
}
.frame-left .component-menu.onglet {
  border-bottom-width: 0px;
}
.frame-left .component-menu.onglet .tab a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.frame-right .component-menu.onglet {
  border-bottom-width: 0px;
}
.frame-right .component-menu.onglet .tab a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.frame-header .component-menu.onglet {
  border: none;
}
.frame-header .component-menu.onglet .sub-tab a {
  color: #FFFFFF;
}
/*Style no Margin*/
.zone-main.style-noMargin .component .shape-box {
  margin: 0px 0px 30px 0px;
  padding: 10px;
}
.zone-sidebar.style-noMargin .component .shape-box {
  margin: 0px 0px 30px 0px;
  padding: 10px;
}
.style-noMargin .shape-header {
  text-align: center;
  margin-bottom: 0px;
}
.style-noMargin .shape-header .commons-icon {
  display: none;
}
.style-noMargin .shape-header .commons-title1 {
  position: relative;
}
.style-noMargin .shape-header .commons-title1:after {
  margin: 20px auto 20px auto;
  display: block;
  content: "";
  width: 60px;
  height: 2px;
  background-color: transparent;
}
.style-noMargin .shape-component {
  text-align: center;
}
.component-menu.noMarginMenu nav > .nav {
  margin: 20px;
}
.component-menu.noMarginMenu nav > .nav li a {
  padding: 20px 14px;
}
.component-menu.noMarginMenu .sub-tab .tab:first-child {
  margin-top: 0px;
  margin-bottom: 0px;
}
.component-menu.noMarginMenu .sub-tab .tab a {
  background-color: transparent;
  color: #4C4C4C;
  border: none;
}
.component-menu.noMarginMenu .sub-tab .tab a:hover {
  background-color: transparent;
  color: #4C4C4C;
  border: none;
}
/*Style Flat */
.zone-main.style-flat .shape-header,
.zone-sidebar.style-flat .shape-header,
.zone-footer.style-flat .shape-header {
  padding: 0px;
}
.zone-main.style-flat .shape-header .commons-icon,
.zone-sidebar.style-flat .shape-header .commons-icon,
.zone-footer.style-flat .shape-header .commons-icon {
  display: none;
}
.zone-main.style-flat .shape-sub-header .commons-icon,
.zone-sidebar.style-flat .shape-sub-header .commons-icon,
.zone-footer.style-flat .shape-sub-header .commons-icon {
  display: none;
}
.zone-footer.style-flat > .paragraph-line {
  margin-bottom: 0px;
  background-color: transparent;
  -webkit-box-shadow: inset 0 4px 0 0 transparent;
  box-shadow: inset 0 4px 0 0 transparent;
}
.zone-footer.style-flat .component-copyright .shape-box {
  background: none;
  padding: 15px;
}
.zone-transactional.buttons-flatButton li a {
  padding: 0px;
  -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
}
.zone-transactional.buttons-flatButton li a:hover {
  -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.4);
}
.zone-transactional.buttons-flatButton li a.bouton_reserver {
  padding: 10px;
}
.zone-transactional.buttons-flatButton li a .commons-icon {
  padding: 10px;
  background-color: #24374D;
}
.zone-transactional.buttons-flatButton li a .commons-title2 {
  margin: 0px 10px 0px 10px;
}
.zone-transactional.buttons-flatButton li a.lang-fr {
  padding: 10px;
}
.zone-transactional.buttons-flatButton li a.lang-en {
  padding: 10px;
}
.component-menu.flatMenu .nav > .tab > a:hover,
.component-menu.flatMenu .nav > .tab > a.hover,
.component-menu.flatMenu .nav > .tab.active > a {
  -webkit-box-shadow: inset 0 4px 0 0 transparent;
  box-shadow: inset 0 4px 0 0 transparent;
}
.zone-footer .component-share ul li a {
  border-radius: 0px;
}
/*Style  Gradient 1*/
/* déclaration de variables */
/* menu */
.component-menu.gradient1 {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.component-menu.gradient1 .shape-box {
  padding: 0px;
  margin: 0px;
}
.component-menu.gradient1 .shape-component nav > ul {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66ffffff', endColorstr='#1affffff', GradientType=0);
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.4);
  padding: 0px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
}
.component-menu.gradient1 .shape-component nav > ul > .tab > a {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid transparent;
}
.component-menu.gradient1 .shape-component nav > ul > .tab > a:hover,
.component-menu.gradient1 .shape-component nav > ul > .tab > a.active,
.component-menu.gradient1 .shape-component nav > ul > .tab.active > a {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.02) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.02) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.02) 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66ffffff', endColorstr='#1affffff', GradientType=0);
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 1px solid transparent;
}
.component-menu .sub-tab .tab:first-child,
.component-menu .sub-tab .tab {
  margin-top: 0px;
  margin-right: 0px;
  border-radius: 0px;
}
.component-menu .sub-tab .tab a {
  border-radius: 0px;
}
/* transactionnal */
ul.buttons-gradient1 {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66ffffff', endColorstr='#1affffff', GradientType=0);
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.1);
}
ul.buttons-gradient1 > li > a {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66ffffff', endColorstr='#1affffff', GradientType=0);
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.1);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
  border: 1px solid #000;
}
/* sidebar */
.style-titlegradient1 .component {
  -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.05);
}
.style-titlegradient1 .shape-header {
  background-color: #F4F4F4;
  border-color: transparent;
  border-width: 2px;
  border-style: solid;
  position: relative;
}
.style-titlegradient1 .shape-header:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66ffffff', endColorstr='#1affffff', GradientType=0);
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.4);
  border-radius: 0px;
  border-color: transparent;
  border-width: 2px;
  border-style: solid;
}
.style-titlegradient1 .shape-header .commons-icon {
  display: none;
}
.style-titlegradient1 .shape-sub-header .commons-icon {
  display: none;
}
.style-titlegradient1 .shape-header .commons-title1,
.style-titlegradient1 .shape-header .commons-title2 {
  height: auto;
  line-height: normal;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
/* declinaison pour les differentes dispositions */
.frame-header.gradient1 {
  -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1);
}
.frame-header.gradient1 .frame-header-menlogo {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66ffffff', endColorstr='#1affffff', GradientType=0);
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 2px 4px 0 rgba(255, 255, 255, 0.4);
  border-bottom: 2px solid transparent;
}
.frame-header.gradient1 .zone-menu {
  background: transparent;
}
.frame-header.gradient1 .component-menu.gradient1 {
  border-bottom: none;
  border-top: none;
}
.frame-header.gradient1 .component-menu.gradient1 .shape-component nav > ul {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.frame-header.gradient1 ul.buttons-gradient1 {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.frame-left.gradient1 .component-menu.gradient1,
.frame-right.gradient1 .component-menu.gradient1 {
  border: none;
}
.frame-left.gradient1 .component-menu.gradient1 .shape-box,
.frame-right.gradient1 .component-menu.gradient1 .shape-box {
  margin: 0px;
  border-radius: 0px;
}
.frame-left.gradient1 .component-menu.gradient1 .shape-component nav > ul,
.frame-right.gradient1 .component-menu.gradient1 .shape-component nav > ul {
  border-radius: 0px;
  padding: 20px;
  -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1);
  background: #F4F4F4;
}
.frame-left .component-menu.gradient1 .shape-component nav > ul > .tab > a:hover,
.frame-left .component-menu.gradient1 .shape-component nav > ul > .tab > a.active,
.frame-left .component-menu.gradient1 .shape-component nav > ul > .tab.active > a,
.frame-right .component-menu.gradient1 .shape-component nav > ul > .tab > a:hover,
.frame-right .component-menu.gradient1 .shape-component nav > ul > .tab > a.active,
.frame-right .component-menu.gradient1 .shape-component nav > ul > .tab.active > a {
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  background: #297DE1;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 1px #000000;
}
.frame-left.gradient1 .component-menu.gradient1 .sub-tab .tab a,
.frame-left.gradient1 .component-menu.gradient1 .sub-tab,
.frame-right.gradient1 .component-menu.gradient1 .sub-tab .tab a,
.frame-right.gradient1 .component-menu.gradient1 .sub-tab {
  background-color: #F4F4F4;
}
.frame-left.gradient1 .component-menu.gradient1 .sub-tab .tab a:hover,
.frame-right.gradient1 .component-menu.gradient1 .sub-tab .tab a:hover {
  color: #4C4C4C;
}
/*Style  Gradient 2*/
/* déclaration de variables */
/* menu */
.component-menu.gradient2 {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66ffffff', endColorstr='#1affffff', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}
.component-menu.gradient2 .shape-box {
  padding: 0px;
  margin: 0px;
}
.component-menu.gradient2 .shape-component nav > ul > .tab:last-child {
  border-right: 1px solid transparent;
}
.component-menu.gradient2 .shape-component nav > ul > .tab > a {
  text-shadow: 0 1px 1px #000000;
  color: #4C4C4C;
  border-left: 1px solid transparent;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.component-menu.gradient2 > .shape-component > nav > ul > .tab > a:hover,
.component-menu.gradient2 > .shape-component > nav > ul > .tab > a.active,
.component-menu.gradient2 > .shape-component > nav > ul > .tab > a.hover,
.component-menu.gradient2 > .shape-component > nav > ul > .tab.active > a {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.2) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.2) 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66ffffff', endColorstr='#1affffff', GradientType=0);
  -webkit-box-shadow: inset 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 3px 8px 0 rgba(0, 0, 0, 0.25);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.component-menu.gradient2 .sub-tab .tab {
  margin-top: 0px;
  margin-bottom: 0px;
}
.component-menu.gradient2 .sub-tab .tab a {
  background-color: #2B415B;
}
.component-menu.gradient2 .sub-tab .tab a:hover {
  background-color: #297DE1;
}
/* sidebar */
.style-titlegradient2 .shape-header {
  border: 1px solid transparent;
  text-shadow: 0 1px 1px #000000;
  position: relative;
}
.style-titlegradient2 .shape-header:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66ffffff', endColorstr='#1affffff', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}
/* declinaison pour les differentes dispositions */
.frame-header.gradient2 .frame-header-menlogo {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66ffffff', endColorstr='#1affffff', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  margin-top: 15px;
}
.frame-header.gradient2 .zone-menu {
  background: transparent;
}
.frame-header.gradient2 .component-menu.gradient2 {
  border-bottom: none;
  border-top: none;
  background: none;
  box-shadow: none;
}
.frame-header.gradient2 .zone-transactional > li > a {
  text-shadow: 0 1px 1px #000000;
}
.frame-left .component-menu.gradient2,
.frame-right .component-menu.gradient2 {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #F4F4F4;
}
.frame-left .component-menu.gradient2 .shape-box,
.frame-right .component-menu.gradient2 .shape-box {
  padding: 10px;
  margin: 0px;
  background: none;
}
.frame-left .component-menu.gradient2 .shape-component nav > ul > .tab,
.frame-right .component-menu.gradient2 .shape-component nav > ul > .tab {
  border: none;
  background: #F4F4F4;
}
.frame-left .component-menu.gradient2 .shape-component nav > ul > .tab > a,
.frame-right .component-menu.gradient2 .shape-component nav > ul > .tab > a {
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}
.frame-left .component-menu.gradient2 .shape-component nav > ul > .tab > a:hover,
.frame-left .component-menu.gradient2 .shape-component nav > ul > .tab > a.active,
.frame-left .component-menu.gradient2 .shape-component nav > ul > .tab.active > a,
.frame-right .component-menu.gradient2 .shape-component nav > ul > .tab > a:hover,
.frame-right .component-menu.gradient2 .shape-component nav > ul > .tab > a.active,
.frame-right .component-menu.gradient2 .shape-component nav > ul > .tab.active > a {
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66ffffff', endColorstr='#1affffff', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 1px #000000;
}
.frame-left .component-menu.gradient2 .shape-component nav > ul > .tab > a:active {
  -webkit-box-shadow: inset 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 3px 8px 0 rgba(0, 0, 0, 0.25);
}
/*Style Little Border */
/* menu */
.component-menu.LinerLittleBottom .shape-component nav > ul > .tab {
  padding: 10px;
}
.component-menu.LinerLittleBottom .shape-component nav > ul > .tab > a {
  position: relative;
  letter-spacing: 1px;
}
.component-menu.LinerLittleBottom .shape-component nav > ul > .tab > a:after,
.component-menu.LinerLittleBottom .shape-component nav > ul > .tab.active > a:after {
  position: absolute;
  bottom: -8px;
  content: "";
  width: 0;
  display: block;
  height: 3px;
  background-color: transparent;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
}
.component-menu.LinerLittleBottom .shape-component nav > ul > .tab.active > a:after {
  width: 100%;
}
.component-menu.LinerLittleBottom .shape-component nav > ul > .tab:hover :after {
  width: 100%;
}
.component-menu.LinerLittleBottom .sub-tab {
  padding: 15px;
  background-color: #2B415B;
}
.component-menu.LinerLittleBottom .sub-tab .tab:first-child,
.component-menu.LinerLittleBottom .sub-tab .tab {
  margin-top: 0px;
  margin-bottom: 0px;
}
.component-menu.LinerLittleBottom .sub-tab .tab a {
  padding: 10px;
  background-color: #2B415B;
}
/* titres */
.style-titleLittleBorder .component .shape-box {
  padding: 30px;
}
.style-titleLittleBorder .shape-header {
  position: relative;
  margin-bottom: 35px;
  padding: 0px;
}
.style-titleLittleBorder .shape-header:after {
  width: 60px;
  height: 3px;
  background-color: transparent;
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0px;
}
.frame-left > .zone-menu > .LinerLittleBottom {
  margin: 0px;
}
/* nouveau menu Liner */
.component-menu.Liner .shape-component nav > ul > .tab {
  padding: 10px;
}
.component-menu.Liner .shape-component nav > ul > .tab > a {
  position: relative;
  letter-spacing: 1px;
}
.component-menu.Liner .shape-component nav > ul > .tab > a:after,
.component-menu.Liner .shape-component nav > ul > .tab.active > a:after {
  position: absolute;
  bottom: 20px;
  content: "";
  width: 0;
  display: block;
  height: 1px;
  background-color: transparent;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  left: 0px;
}
.component-menu.Liner .shape-component nav > ul > .tab.active > a:after {
  width: 100%;
}
.component-menu.Liner .shape-component nav > ul > .tab:hover :after {
  width: 100%;
}
.component-menu.Liner .sub-tab {
  padding: 15px;
  background-color: #2B415B;
}
.component-menu.Liner .sub-tab .tab:first-child,
.component-menu.Liner .sub-tab .tab {
  margin-top: 0px;
  margin-bottom: 0px;
}
.component-menu.Liner .sub-tab .tab a {
  padding: 10px;
  background-color: #2B415B;
}
/* nouveau menu Iso */
.component-menu.Iso a:hover,
.component-menu.Iso a.active,
.component-menu.Iso .tab.active > a,
.component-menu.Iso .sub-tab .tab a {
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
}
.component-menu.Iso .sub-tab {
  bottom: 0px;
}
.component-menu.Iso .sub-tab a,
.sub-tab a:hover {
  color: #FFFFFF;
  border: none;
}
.frame-left .component-menu.Iso a {
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #2B415B;
}
.frame-left .component-menu.Iso a:hover,
.frame-left .component-menu.Iso a.active {
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
}
/* nouveau menu Becorporate  */
/* menu */
.component-menu.Becorporate .sub-tab {
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.component-menu.Becorporate .nav {
  text-align: right;
}
.zone-transactional .Becorporate {
  height: 0;
  line-height: 0;
  padding: 40px 30px;
}
/* zone transactionnal */
.zone-transactional.buttons-Becorporate li a {
  padding: 0;
}
.zone-transactional.buttons-Becorporate li a:hover {
  padding: 0;
}
.zone-transactional.buttons-Becorporate li a.bouton_reserver {
  padding: 25px 10px;
}
.zone-transactional.buttons-Becorporate li a .commons-icon {
  padding: 25px 15px;
  background-color: #24374D;
}
.zone-transactional.buttons-Becorporate li a .commons-title2 {
  margin: 0px 10px 0px 10px;
}
.zone-transactional.buttons-Becorporate li a.lang-fr {
  padding: 10px;
}
.zone-transactional.buttons-Becorporate li a.lang-en {
  padding: 10px;
}
.zone-transactional.buttons-Becorporate .component:last-child {
  margin-right: 0px;
}
.zone-transactional.buttons-Becorporate .component:first-child {
  margin-left: 0px;
}
.zone-transactional.buttons-Becorporate .component {
  margin: 0;
}
/*permet de coller le menu au bouton "nous contacter"*/
.frame-header .zone-transactional.buttons-Becorporate {
  width: 0.01px;
  white-space: nowrap;
}
/*MENU Stockholm */
.component-menu.Stockholm a {
  line-height: 42px;
  letter-spacing: 1.5px;
  font-weight: 700;
}
.component-menu .sub-tab {
  text-align: center;
}
/*enlever le texte des pictos dans le menu*/.buttons-Becorporate .component-telephone a .commons-title2,
.buttons-Becorporate .component-address a .commons-title2,
.buttons-Becorporate .component-schedule a .commons-title2 {
  display: none;
}
/* nouveau menu Dynamik  */
@media only screen and (min-width: 960px) and (max-width: 1281px) {
  .component-menu.Dynamik nav ul li a {
    padding: 12px!important;
    font-weight: 300!important;
    margin: 0 5px!important;
  }
}
@media only screen and (max-width: 959px) {
  .component-menu.Dynamik nav ul li a {
    padding: 12px!important;
    font-weight: 300!important;
    margin: 0!important;
  }
  .component-menu.Dynamik .shape-box {
    padding: 10px!important;
  }
}
.component-menu.Dynamik nav {
  width: 100%;
  margin: 0 auto;
  /*   background: #fff; */

  /*   padding: 50px 0;*/

  /*   box-shadow: 0px 5px 0px #dedede; */

}
.component-menu.Dynamik nav ul {
  list-style: none;
  text-align: center;
}
.component-menu.Dynamik nav ul li {
  display: inline-block;
}
.component-menu.Dynamik nav ul li a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #aaa;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 10px;
}
.component-menu.Dynamik nav ul li a,
.component-menu.Dynamik nav ul li a:after,
.component-menu.Dynamik nav ul li a:before {
  transition: all .5s;
}
.component-menu.Dynamik nav ul li a:hover {
  color: #555;
}
.component-menu.Dynamik nav ul li a {
  position: relative;
}
.component-menu.Dynamik nav ul li.tab.active > a {
  color: white;
  background: #4C4C4C;
  /*   z-index: 1; */

}
.component-menu.Dynamik nav ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #333;
  height: 1px;
}
.component-menu.Dynamik nav ul li a {
  transition: all 2s;
}
.component-menu.Dynamik nav ul li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
.component-menu.Dynamik nav ul li a:hover {
  color: #fff;
  z-index: 1;
}
.component-menu.Dynamik nav ul li a:hover:after {
  z-index: -10;
  animation: Dynamik 1s forwards;
  -webkit-animation: Dynamik 1s forwards;
  -moz-animation: Dynamik 1s forwards;
  opacity: 1;
}
/* Keyframes */
@-webkit-keyframes Dynamik {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #4C4C4C;
  }
}
/* nouveau menu Circle  */
.component-menu.Circle nav ul li a {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.component-menu.Circle nav ul li a:after {
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '.';
  color: transparent;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background: transparent;
}
.component-menu.Circle nav ul li a:hover:after {
  -webkit-animation: circle 1.5s ease-in forwards;
}
.component-menu.Circle nav ul li.tab.active > a {
  color: white;
  background: #4C4C4C;
}
.component-menu.Circle nav ul li a:hover {
  color: #fff;
  z-index: 1;
}
/* Keyframes */
@-webkit-keyframes circle {
  0% {
    width: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: #4C4C4C;
    border-radius: 100%;
  }
  100% {
    background: #4C4C4C;
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}
/* nouveau menu Shift  */
.component-menu.Shift nav ul li.tab.active > a {
  color: white;
  background: #4C4C4C;
}
.component-menu.Shift nav ul li a {
  position: relative;
  z-index: 1;
}
.component-menu.Shift nav ul li a:hover {
  color: white;
}
.component-menu.Shift nav ul li a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '.';
  color: transparent;
  background: #4C4C4C;
  visibility: none;
  opacity: 0;
  z-index: -1;
}
.component-menu.Shift nav ul li a:hover:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.component-menu.Shift nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
/* nouveau menu Blend  */
.component-menu.Blend nav ul li.tab.active > a {
  color: white;
  background: #4C4C4C;
}
.component-menu.Blend nav ul li a {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.component-menu.Blend nav ul li a:hover {
  color: #fff;
}
.component-menu.Blend nav ul li a:before,
.component-menu.Blend nav ul li a:after {
  position: absolute;
  width: 0px;
  height: 100%;
  top: 0;
  bottom: 0;
  background: #4C4C4C;
  transition: all .5s;
  margin: auto;
  content: '.';
  color: transparent;
  z-index: -1;
  opacity: 0.90;
}
.component-menu.Blend nav ul li a:before {
  left: 0;
}
.component-menu.Blend nav ul li a:after {
  right: 0;
}
.component-menu.Blend nav ul li a:hover:after,
.component-menu.Blend nav ul li a:hover:before {
  width: 100%;
}
.component-menu.Blend nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
/* nouveau menu Stroke  */
.component-menu.Stroke nav ul li a {
  position: relative;
}
.component-menu.Stroke nav ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #4C4C4C;
  height: 1px;
}
.component-menu.Stroke nav ul li a:hover:after {
  width: 100%;
}
/* nouveau menu Drown  */
.component-menu.Drown nav ul li a {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.component-menu.Drown nav ul li a:hover {
  color: #fff;
}
.component-menu.Drown nav ul li a:before {
  background: #fff;
  content: '.';
  color: transparent;
  position: absolute;
  width: 500%;
  top: 100px;
  right: 300px;
  height: 300px;
  z-index: -1;
}
.component-menu.Drown nav ul li a:hover:before {
  left: auto;
  bottom: auto;
  right: -50%;
  top: 0;
  background: #4C4C4C;
}
/*  FIN MENUS  */
/*MENU footer*/
.component-menu.content-footer {
  float: none;
  width: 100%;
  height: auto;
  position: static;
  border: 0 none;
  overflow: hidden;
}
.component-menu.content-footer .shape-box {
  padding: 10px;
  background-color: transparent;
}
.component-menu.content-footer nav ul.nav {
  float: left;
  width: 28%;
  border-left: 1px solid transparent;
  padding-left: 1%;
}
.component-menu.content-footer nav ul.nav li.tab {
  text-align: left;
  background-color: transparent;
  display: block;
}
.component-menu.content-footer nav ul.nav li.tab a {
  background-color: transparent;
  color: #D2D2D2;
  padding: 0;
  min-height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.component-menu.content-footer nav ul.nav li.tab a:hover {
  background-color: transparent;
}
/**********************************************************/
/*///////////////// Motto \\\\\\\\\\\\\\*/
/**********************************************************/.component-motto {
  display: inline-block;
}
.component-motto .shape-box {
  background-color: transparent;
  font-size: 14px;
  color: #D6DEE7;
  font-family: Roboto;
  text-transform: none;
  font-weight: normal;
}
/**********************************************************/
/*///////////////// Opinion \\\\\\\\\\\\\\*/
/**********************************************************/.component-opinion {
  text-align: center;
}
/**********************************************************/
/*///////////////// PackRef Auto \\\\\\\\\\\\\\*/
/**********************************************************/
.component-packRef ul {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0.8em;
  margin: 0;
}
.component-packRef ul li {
  float: left;
  width: 30%;
  margin: 1% 3% 0 0;
  list-style: none;
}
.component-packRef ul li a {
  display: block;
  width: 100%;
}
.component-packRef ul li a img {
  width: 99%;
}
/************************************************************//*///////////////// Panier\\\\\\\\\\\\\*/
/************************************************************/.component-panier a .nb-product,
.component-ajoutPanier a .nb-product {
  position: relative;
  color: #D2D2D2;
  font-size: 15px;
  margin-top: 0;
  top: 4px;
  text-align: right;
  display: inline-block;
}
.component-panier .recap,
.component-ajoutPanier .recap,
.component-panier .identification,
.component-ajoutPanier .identification,
.component-panier .payment,
.component-ajoutPanier .payment {
  width: 100%;
  overflow: hidden;
  margin: 20px 0 30px 0;
}
.component-panier .recap .commons-title1,
.component-ajoutPanier .recap .commons-title1,
.component-panier .identification .commons-title1,
.component-ajoutPanier .identification .commons-title1,
.component-panier .payment .commons-title1,
.component-ajoutPanier .payment .commons-title1 {
  display: block;
  border-top: 1px solid #CCCCCC;
  padding: 10px 0;
}
.component-panier .recap .commons-row.pays .commons-input,
.component-ajoutPanier .recap .commons-row.pays .commons-input,
.component-panier .identification .commons-row.pays .commons-input,
.component-ajoutPanier .identification .commons-row.pays .commons-input,
.component-panier .payment .commons-row.pays .commons-input,
.component-ajoutPanier .payment .commons-row.pays .commons-input {
  padding: 0 ;
}
.component-panier .recap .required-field,
.component-ajoutPanier .recap .required-field,
.component-panier .identification .required-field,
.component-ajoutPanier .identification .required-field,
.component-panier .payment .required-field,
.component-ajoutPanier .payment .required-field {
  float: left;
}
.component-panier .recap .addressFacturation,
.component-ajoutPanier .recap .addressFacturation,
.component-panier .identification .addressFacturation,
.component-ajoutPanier .identification .addressFacturation,
.component-panier .payment .addressFacturation,
.component-ajoutPanier .payment .addressFacturation {
  margin-bottom: 10px;
}
.component-panier table.cart,
.component-ajoutPanier table.cart {
  width: 97%;
  clear: both;
  margin-top: 20px;
}
.component-panier table.cart th,
.component-ajoutPanier table.cart th {
  border: 1px solid #CCCCCC;
  height: 30px;
  background-color: #F4F4F4;
}
.component-panier table.cart th:last-child,
.component-ajoutPanier table.cart th:last-child {
  border: none 0;
  background-color: transparent;
}
.component-panier table.cart tr.container-product,
.component-ajoutPanier table.cart tr.container-product {
  border: none 0;
}
.component-panier table.cart tr.container-product td,
.component-ajoutPanier table.cart tr.container-product td {
  border: 1px solid #CCCCCC;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  height: 90px;
}
.component-panier table.cart tr.container-product td.product .product-img,
.component-ajoutPanier table.cart tr.container-product td.product .product-img,
.component-panier table.cart tr.container-product td.product .product-desc,
.component-ajoutPanier table.cart tr.container-product td.product .product-desc {
  vertical-align: middle;
  display: inline-block;
}
.component-panier table.cart tr.container-product td.product a p,
.component-ajoutPanier table.cart tr.container-product td.product a p {
  text-align: left;
}
.component-panier table.cart tr.container-product td.qty div,
.component-ajoutPanier table.cart tr.container-product td.qty div {
  display: inline-block;
}
.component-panier table.cart tr.container-product td.qty div .minus,
.component-ajoutPanier table.cart tr.container-product td.qty div .minus,
.component-panier table.cart tr.container-product td.qty div .plus,
.component-ajoutPanier table.cart tr.container-product td.qty div .plus {
  font-family: 'Glyphs-Regular';
  font-size: 22px;
  color: #FFFFFF;
  cursor: pointer;
}
.component-panier table.cart tr.container-product td.qty div input,
.component-ajoutPanier table.cart tr.container-product td.qty div input {
  width: 10%;
  background-color: 3;
  text-align: center;
  margin-top: -4px;
  border: 1px solid #CCCCCC;
}
.component-panier table.cart tr.container-product .price,
.component-ajoutPanier table.cart tr.container-product .price {
  margin: 0 auto;
  color: #666666;
  font-weight: bolder;
}
.component-panier table.cart tr.container-product td.trash,
.component-ajoutPanier table.cart tr.container-product td.trash {
  width: 10px;
}
.component-panier table.cart tr.container-product td.trash .icon-trash,
.component-ajoutPanier table.cart tr.container-product td.trash .icon-trash {
  font-size: 22px;
  color: #CCCCCC;
  cursor: pointer;
}
.component-panier .buttons-line,
.component-ajoutPanier .buttons-line {
  width: 100%;
  overflow: hidden;
}
.component-panier .buttons-line .achats,
.component-ajoutPanier .buttons-line .achats,
.component-panier .buttons-line .voir,
.component-ajoutPanier .buttons-line .voir {
  float: left;
  clear: initial;
  margin-right: 20px;
}
.component-panier table.shipping,
.component-ajoutPanier table.shipping {
  float: right;
  margin-right: 8%;
}
.component-panier table.shipping td,
.component-ajoutPanier table.shipping td {
  border-bottom: 1px solid transparent;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
  font-weight: bolder;
}
.component-panier table.shipping td.shipping,
.component-ajoutPanier table.shipping td.shipping,
.component-panier table.shipping td.total,
.component-ajoutPanier table.shipping td.total,
.component-panier table.shipping td.tva,
.component-ajoutPanier table.shipping td.tva {
  text-align: right;
  color: #000000;
}
.component-panier table.shipping td.button,
.component-ajoutPanier table.shipping td.button {
  border: none 0;
  padding-right: 0;
}
.component-panier .meanspayment,
.component-ajoutPanier .meanspayment {
  display: inline-block;
  float: left;
  margin: 0 20px 0 0 ;
}
.component-panier .meanspayment .commons-row-radio,
.component-ajoutPanier .meanspayment .commons-row-radio {
  height: 3Opx;
  width: 100%;
}
.component-panier .meanspayment .commons-row-radio label,
.component-ajoutPanier .meanspayment .commons-row-radio label {
  display: inline-block;
}
.component-panier .meanspayment .commons-row-radio img,
.component-ajoutPanier .meanspayment .commons-row-radio img {
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
}
.component-panier p.condition,
.component-ajoutPanier p.condition {
  float: right;
  clear: both;
  font-size: 10px;
}
.component-panier button,
.component-ajoutPanier button {
  float: right;
}
.component-panier .icon-minus,
.component-ajoutPanier .icon-minus,
.component-panier .icon-plus,
.component-ajoutPanier .icon-plus {
  cursor: pointer;
  font-size: 25px;
}
/************************************************************//*///////////////// PhotoGallery \\\\\\\\\\\\\\*/
/************************************************************/.component-photoGallery img {
  width: 100%;
}
/************************************************/
/*///////////////// ProduitUne \\\\\\\\\\\\\\*/
/****************************************************/
.component-produitUne {
  text-align: center;
}
.component-produitUne .shape-box {
  margin-bottom: 1%;
}
.component-produitUne .commons-title1 {
  margin: 5px auto 0 auto;
}
.component-produitUne .commons-icon {
  position: relative;
  width: 19px;
  display: block;
  z-index: 2;
}
.component-produitUne .prev {
  top: 0;
  left: 1px;
  cursor: pointer;
}
.component-produitUne .next {
  top: -17px;
  right: -5px;
  float: right;
  cursor: pointer;
}
.component-produitUne .gallery {
  position: relative;
  min-height: 231px;
  height: 100%;
  overflow: hidden;
  max-height: 300px;
  margin: -50px 30px 0 30px;
}
.component-produitUne .gallery ul {
  padding: 20px 0 0 0 ;
  width: 100%;
  min-height: 197px;
  z-index: 1;
  text-align: left;
}
.component-produitUne .gallery ul li {
  width: 200px;
  height: 100%;
  display: inline-block;
  margin-right: 10px;
  min-height: 197px;
  vertical-align: top;
}
.component-produitUne .gallery ul li a {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
}
.component-produitUne .gallery ul li a img {
  overflow: hidden;
  position: relative;
  top: 0;
  display: block;
  margin: auto;
  miax-width: 100%;
  height: 150px;
}
.component-produitUne .gallery ul li a .detail {
  padding: 5px;
}
.component-produitUne .gallery ul li a .detail .commons-title2 {
  font-size: 14px;
  color: #666666;
  text-align: center;
  display: inline-block;
  word-break: break-word;
  height: initial;
}
.component-produitUne .gallery ul li a .detail p.price {
  font-size: 20px;
  color: #666666;
  font-weight: 800;
}
.component-produitUne .gallery ul li .commons-etiquette.une {
  position: absolute;
  z-index: 2;
  background-color: #355070;
}
.component-produitUne .gallery ul li .commons-etiquette.une .corner-top {
  border-top: 15px solid #355070;
}
.component-produitUne .gallery ul li .commons-etiquette.une .corner-bottom {
  border-bottom: 15px solid #355070;
}
.component-produitUne .gallery ul li .commons-etiquette.une p {
  font-weight: bolder;
  color: #EBEBEB;
}
/****************************************************/
/*///////////////// POPUP \\\\\\\\\\\\\\*/
/****************************************************/
.commons-popin {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 500000;
}
.commons-popin > .bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #000000;
  opacity: 0.5;
  cursor: pointer;
  z-index: -1;
}
.commons-popin > .inner {
  position: relative;
  margin: 100px auto 0 auto;
  padding: 15px;
  background-color: #ffffff;
  box-shadow: 0px 0px 7px #666666;
}
.commons-popin > .inner .commons-icon.icon-croix {
  float: right;
  cursor: pointer;
}
/************************************************************************************************************************/
/*////////////////////////////////////////////// Realty & eCommerce ( vertical) \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/************************************************************************************************************************/
/****************************************************/
/*/////////////////*Commons List Produits et Annonces*\\\\\\\\\\\\\\*/
/****************************************************/
.commons-desc {
  overflow: hidden;
  margin-bottom: 0!important;
}
.commons-desc li {
  display: table;
  position: relative;
  padding: 20px 0px;
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
}
.commons-desc li .commons-img,
.commons-desc li .infos,
.commons-desc li .price {
  display: table-cell;
  vertical-align: top;
}
.commons-desc li .commons-img {
  padding-right: 10px;
  width: 140px;
  text-align: center;
}
.commons-desc li .commons-img img {
  max-width: 140px;
}
.commons-desc li .infos {
  float: left;
  min-width: 280px;
}
.commons-desc li .price {
  width: 185px;
  padding-left: 10px;
}
.commons-desc li .price .stock {
  font-weight: bold;
}
/****List produit vignette****/
.commons-vignette {
  overflow: hidden;
  margin-bottom: 0!important;
  padding-top: 10px;
}
.commons-vignette li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0px 10px 10px 10px;
  width: 170px;
  min-height: 250px;
}
.commons-vignette li .commons-img {
  margin: 0px auto;
  max-width: 170px;
  max-height: 140px;
  text-align: center;
}
.commons-vignette li .commons-img a {
  width: 100%;
  display: block;
}
.commons-vignette li .commons-img a img {
  width: 100%;
  max-width: 140px;
  max-height: 130px;
  margin: 0;
}
.commons-vignette li .infos {
  text-align: center;
}
.commons-vignette li .infos .commons-title2.titre {
  display: inline-block;
  margin: 0;
  padding: 0;
  height: initial;
}
.commons-vignette .commons-title2 {
  padding: 0;
  margin: 10px 0 0 0;
}
.commons-vignette .commons-title2 a {
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
  text-align: center;
  word-break: break-word;
  margin-top: 0 !important;
}
.commons-vignette .price {
  text-align: center;
  font-weight: bolder;
  font-size: 18px;
  margin: 0 0 0 0;
}
.commons-vignette .price span.apd {
  color: #666666;
  font-size: 16px;
}
/**********************************************************/
/*///////////////// ButtonsRealty \\\\\\\\\\\\\\*/
/**********************************************************/
.zone-main .component-buttonsRealty {
  border-top-width: 0;
  overflow: hidden;
}
.zone-main .component-buttonsRealty .shape-box {
  background-color: transparent;
  margin: 0;
}
.zone-main .component-buttonsRealty .vente,
.zone-main .component-buttonsRealty .location {
  display: block;
  float: left;
  width: 50%;
  text-align: center;
}
.zone-main .component-buttonsRealty .vente .commons-buttons,
.zone-main .component-buttonsRealty .location .commons-buttons {
  display: block;
  padding: 15px 0;
  margin: 0 10px 0 0;
}
.zone-main .component-buttonsRealty .location {
  float: right;
}
.zone-main .component-buttonsRealty .location .commons-buttons {
  margin: 0 0 0 10px;
}
.zone-main .component-buttonsRealty .nbrs-biens {
  vertical-align: middle;
}
/********************************************************************/
/*///////////////// Search Location & Vente Realty \\\\\\\\\\\\\\*/
/********************************************************************/
.component-searchLocationRealty,
.component-searchVenteRealty {
  /*Filtre*/

  /*List Location and Vente*/

  /* Pagination*/

  /* Biens trouvés */

}
.component-searchLocationRealty .immo-filtre,
.component-searchVenteRealty .immo-filtre {
  margin: 20px 0 ;
  overflow: hidden;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
}
.component-searchLocationRealty .immo-filtre .commons-row .commons-col,
.component-searchVenteRealty .immo-filtre .commons-row .commons-col,
.component-searchLocationRealty .immo-filtre .commons-row .commons-col:last-child,
.component-searchVenteRealty .immo-filtre .commons-row .commons-col:last-child {
  float: left;
  margin-bottom: 10px;
  width: 200px;
}
.component-searchLocationRealty .immo-filtre .commons-row .commons-col .commons-input,
.component-searchVenteRealty .immo-filtre .commons-row .commons-col .commons-input,
.component-searchLocationRealty .immo-filtre .commons-row .commons-col:last-child .commons-input,
.component-searchVenteRealty .immo-filtre .commons-row .commons-col:last-child .commons-input {
  padding: 0 20px 0 0;
}
.component-searchLocationRealty .immo-filtre .commons-col,
.component-searchVenteRealty .immo-filtre .commons-col {
  text-align: left;
}
.component-searchLocationRealty .immo-filtre .commons-row:first-child .commons-input,
.component-searchVenteRealty .immo-filtre .commons-row:first-child .commons-input {
  padding: 0 9px 0 0;
}
.component-searchLocationRealty .immo-filtre .select2-container .select2-selection--single,
.component-searchVenteRealty .immo-filtre .select2-container .select2-selection--single,
.component-searchLocationRealty .immo-filtre .select2-container .select2-selection--multiple,
.component-searchVenteRealty .immo-filtre .select2-container .select2-selection--multiple {
  height: 32px;
  margin: 2px 0 0 0;
  width: 193px;
}
.component-searchLocationRealty .immo-filtre .select2-container--default,
.component-searchVenteRealty .immo-filtre .select2-container--default {
  width: initial;
}
.component-searchLocationRealty .immo-filtre .select2-container--default .select2-selection--multiple,
.component-searchVenteRealty .immo-filtre .select2-container--default .select2-selection--multiple,
.component-searchLocationRealty .immo-filtre .select2-container--default .select2-selection--single,
.component-searchVenteRealty .immo-filtre .select2-container--default .select2-selection--single {
  border-radius: 0;
  border-color: #4C4C4C;
}
.component-searchLocationRealty .immo-filtre .select2-container--default .select2-selection--single .select2-selection__rendered,
.component-searchVenteRealty .immo-filtre .select2-container--default .select2-selection--single .select2-selection__rendered,
.component-searchLocationRealty .immo-filtre .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.component-searchVenteRealty .immo-filtre .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin-top: 2px;
}
.component-searchLocationRealty .immo-filtre .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.component-searchVenteRealty .immo-filtre .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-left: 0;
}
.component-searchLocationRealty .immo-filtre .select2-container--default .select2-selection--single .select2-selection__rendered,
.component-searchVenteRealty .immo-filtre .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 10px;
}
.component-searchLocationRealty .immo-filtre .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field,
.component-searchVenteRealty .immo-filtre .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin: -2px 0 0 0;
}
.component-searchLocationRealty .immo-filtre .select2-container--default .select2-selection--single .select2-selection__arrow,
.component-searchVenteRealty .immo-filtre .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 6px;
}
.component-searchLocationRealty .immo-filtre .select2-container--default .select2-selection--multiple .select2-selection__choice,
.component-searchVenteRealty .immo-filtre .select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding-left: 10px;
}
.component-searchLocationRealty .immo-filtre .select2-container--default .select2-results__option.select2-results__option,
.component-searchVenteRealty .immo-filtre .select2-container--default .select2-results__option.select2-results__option {
  font-family: OpenSans;
  font-size: 14px;
}
.component-searchLocationRealty .immo-filtre .input.withPhotos,
.component-searchVenteRealty .immo-filtre .input.withPhotos {
  width: 15px;
  height: 15px;
  margin-top: 10px;
}
.component-searchLocationRealty .immo-filtre p.withPhoto,
.component-searchVenteRealty .immo-filtre p.withPhoto {
  display: block;
  margin: -24px 0 0 20px;
}
.component-searchLocationRealty .immo-filtre .immo-filtre-btn,
.component-searchVenteRealty .immo-filtre .immo-filtre-btn {
  display: inline-block;
  float: right;
}
.component-searchLocationRealty .immo-filtre .immo-filtre-btn .commons-buttons,
.component-searchVenteRealty .immo-filtre .immo-filtre-btn .commons-buttons {
  margin: 0;
}
.component-searchLocationRealty .simple-pagination,
.component-searchVenteRealty .simple-pagination {
  text-align: center;
  margin-top: 20px;
}
.component-searchLocationRealty .simple-pagination ul,
.component-searchVenteRealty .simple-pagination ul {
  display: inline-block;
}
.component-searchLocationRealty .bientrouves,
.component-searchVenteRealty .bientrouves {
  color: #4C4C4C;
  font-weight: bolder;
}
/*************Detail List produits & annonce Immo *****************/
.commons-socials {
  float: left;
  padding-right: 0px;
  margin-right: 10px;
  width: 92px;
  height: 25px;
}
.twitter {
  width: 59px;
}
.montant {
  display: block;
  font-size: 26px;
  font-weight: bold;
  padding: 0;
}
.plusproduits {
  display: block;
  float: right;
}
/********************************************************************/
/*///////////////// Detail Realty and Ecom \\\\\\\\\\\\\\*/
/********************************************************************/
.commons-buttons.retour-liste {
  margin-left: 20px;
}
.paragraph-100 .component.component-detailRealty,
.component.component-produit,
.component.component-detailAuto {
  display: block !important;
}
.component-detailRealty .slider,
.component-detailAuto .slider,
.component-produit .slider,
.component-detailRealty .detail,
.component-detailAuto .detail,
.component-produit .detail {
  display: block;
  float: left;
}
.component-detailRealty .socials,
.component-detailAuto .socials,
.component-produit .socials {
  overflow: hidden;
  width: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #666666;
}
.component-detailRealty .detail,
.component-detailAuto .detail,
.component-produit .detail {
  width: 40%;
}
.component-detailRealty .slider,
.component-detailAuto .slider,
.component-produit .slider {
  width: 60%;
}
.component-detailRealty .update,
.component-detailAuto .update,
.component-produit .update,
.component-detailRealty .stock,
.component-detailAuto .stock,
.component-produit .stock {
  float: right;
  font-size: 13px;
}
.component-detailRealty .stock,
.component-detailAuto .stock,
.component-produit .stock {
  color: #85C10B;
}
.component-detailRealty .reference,
.component-detailAuto .reference,
.component-produit .reference {
  font-size: 13px;
  float: left;
}
.component-detailRealty .commons-title3,
.component-detailAuto .commons-title3,
.component-produit .commons-title3 {
  font-size: 18px;
  margin: 5px 0;
}
.component-detailRealty .option,
.component-detailAuto .option,
.component-produit .option {
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  padding: 10px;
  margin: 10px 0;
}
.component-detailRealty .infos,
.component-detailAuto .infos,
.component-produit .infos,
.component-detailRealty .diagnostic,
.component-detailAuto .diagnostic,
.component-produit .diagnostic {
  overflow: hidden;
  width: 100%;
  padding: 20px 0;
}
.component-detailRealty .commons-title2,
.component-detailAuto .commons-title2,
.component-produit .commons-title2 {
  display: block;
  border-top-style: solid;
  border-top-width: 1px;
  border-color: #000000;
  padding: 10px 0;
  margin: 10px 0;
}
.component-detailRealty span,
.component-detailAuto span,
.component-produit span {
  color: #4C4C4C;
}
.component-detailRealty .buttons-action,
.component-detailAuto .buttons-action,
.component-produit .buttons-action {
  display: inline-block;
}
.component-detailRealty .buttons-action .boutonEnvoiMail,
.component-detailAuto .buttons-action .boutonEnvoiMail,
.component-produit .buttons-action .boutonEnvoiMail,
.component-detailRealty .buttons-action .boutonTel,
.component-detailAuto .buttons-action .boutonTel,
.component-produit .buttons-action .boutonTel {
  float: left;
  clear: none;
  margin-right: 4px;
}
.component-detailRealty .buttons-action span.afficheTel,
.component-detailAuto .buttons-action span.afficheTel,
.component-produit .buttons-action span.afficheTel {
  float: left;
  font-weight: bolder;
  line-height: 32px;
  height: 32px;
  margin: 5px 0;
}
.component-detailRealty .field.reqform header,
.component-detailAuto .field.reqform header,
.component-produit .field.reqform header {
  margin-top: 10px;
  border-top-style: solid;
  border-top-width: 1px;
  border-color: #4C4C4C;
  padding-top: 10px;
}
.component-detailRealty .diagnostic,
.component-detailAuto .diagnostic,
.component-produit .diagnostic {
  margin-top: 10px;
}
.component-detailRealty .diagnostic img,
.component-detailAuto .diagnostic img,
.component-produit .diagnostic img {
  width: 400px;
}
.component-detailRealty .diagnostic .energie,
.component-detailAuto .diagnostic .energie,
.component-produit .diagnostic .energie,
.component-detailRealty .diagnostic .impact,
.component-detailAuto .diagnostic .impact,
.component-produit .diagnostic .impact {
  width: 50%;
  float: left;
  min-width: 400px;
}
.component-detailRealty .diagnostic .diagnostic-energie,
.component-detailAuto .diagnostic .diagnostic-energie,
.component-produit .diagnostic .diagnostic-energie,
.component-detailRealty .diagnostic .diagnostic-impact,
.component-detailAuto .diagnostic .diagnostic-impact,
.component-produit .diagnostic .diagnostic-impact {
  position: absolute;
  margin-left: 356px;
  color: #FFFFFF;
  font-size: 18px;
}
.component-detailRealty .diagnostic .A,
.component-detailAuto .diagnostic .A,
.component-produit .diagnostic .A {
  margin-top: 75px;
}
.component-detailRealty .diagnostic .B,
.component-detailAuto .diagnostic .B,
.component-produit .diagnostic .B {
  margin-top: 109px;
}
.component-detailRealty .diagnostic .C,
.component-detailAuto .diagnostic .C,
.component-produit .diagnostic .C {
  margin-top: 144px;
}
.component-detailRealty .diagnostic .D,
.component-detailAuto .diagnostic .D,
.component-produit .diagnostic .D {
  margin-top: 180px;
}
.component-detailRealty .diagnostic .E,
.component-detailAuto .diagnostic .E,
.component-produit .diagnostic .E {
  margin-top: 214px;
}
.component-detailRealty .diagnostic .F,
.component-detailAuto .diagnostic .F,
.component-produit .diagnostic .F {
  margin-top: 249px;
}
.component-detailRealty .diagnostic .G,
.component-detailAuto .diagnostic .G,
.component-produit .diagnostic .G {
  margin-top: 284px;
}
.component-detailRealty .montant,
.component-detailAuto .montant,
.component-produit .montant,
.component-detailRealty .addpanier,
.component-detailAuto .addpanier,
.component-produit .addpanier {
  float: right;
}
.component-detailRealty .commons-row .commons-col:last-child,
.component-detailAuto .commons-row .commons-col:last-child,
.component-produit .commons-row .commons-col:last-child {
  text-align: right;
}
.component-detailRealty .commons-icon.icon-arrowLeft,
.component-detailAuto .commons-icon.icon-arrowLeft,
.component-produit .commons-icon.icon-arrowLeft {
  float: left;
  margin: 0 7px 0 -10px;
}
.component-detailRealty .commons-buttons.btn_next,
.component-detailAuto .commons-buttons.btn_next,
.component-produit .commons-buttons.btn_next {
  float: right;
}
.component-detailRealty .livraison,
.component-detailAuto .livraison,
.component-produit .livraison {
  margin-bottom: 20px;
}
.component-detailRealty .livraison ul,
.component-detailAuto .livraison ul,
.component-produit .livraison ul {
  margin: 30px 0 0 0;
  background-color: #F4F4F4;
  padding: 10px;
}
.component-detailRealty .livraison ul li,
.component-detailAuto .livraison ul li,
.component-produit .livraison ul li {
  text-align: left;
  border-bottom: 1px solid #CCCCCC;
  padding: 5px 0;
  color: #4C4C4C;
}
.component-detailRealty .livraison ul li span,
.component-detailAuto .livraison ul li span,
.component-produit .livraison ul li span {
  float: right;
}
.component-detailRealty form.declinaisonEcommerce label,
.component-detailAuto form.declinaisonEcommerce label,
.component-produit form.declinaisonEcommerce label {
  display: inline-block;
  vertical-align: middle;
}
.component-detailRealty form.declinaisonEcommerce .commons-input,
.component-detailAuto form.declinaisonEcommerce .commons-input,
.component-produit form.declinaisonEcommerce .commons-input {
  width: 50%;
  float: right;
  padding: 0;
}
.component-detailRealty .panier-disabled,
.component-detailAuto .panier-disabled,
.component-produit .panier-disabled {
  background-color: #24374D;
  cursor: no-drop;
}
/***************************************************************************************************************************/
/*//////////////////////////////////////////////////END REALTY///////////////////////////////////////////////////////*/
/****************************************************************************************************************************/
/****************************************************/
/*///////////////// Share\\\\\\\\\\\\\\*/
/****************************************************/
/*Share */
.component-share ul {
  overflow: hidden;
}
.component-share ul li {
  margin-right: 5px;
  float: left;
  text-align: center;
}
.component-share ul li a {
  background-color: #355070;
  width: 27px;
  height: 27px;
  padding: 5px;
  line-height: initial;
}
.component-share ul li a .commons-icon {
  color: #EBEBEB;
  float: none;
  font-size: 27px;
  display: inline-block;
  padding: 0 0 0 0 ;
}
.component-share ul li a:hover {
  background-color: #24374D;
}
.component-share ul li a:hover .commons-icon {
  color: #FFFFFF;
}
/************************************************************//*///////////////// Slider \\\\\\\\\\\\\\*/
/************************************************************//************************************************************//*///////////////// Telephon \\\\\\\\\\\\\\*/
/************************************************************//************************************************************//*////////////////// TransactionalLink \\\\\\\\\\\\\\*/
/************************************************************/.component-transactionalLink a {
  background-color: #297DE1;
  text-transform: none;
  color: #FFFFFF;
  height: 25px;
  line-height: 25px;
}
.component-transactionalLink a .commons-title2 {
  color: #FFFFFF;
}
.component-transactionalLink a:hover {
  background-color: #24374D;
  color: #FFFFFF;
}
.component-transactionalLink a:hover .commons-title2 {
  color: #FFFFFF;
}
/************************************************************//*///////////////// Video\\\\\\\\\\\\\*/
/************************************************************/.component.component-video .commons-height-pct {
  min-height: 150px;
}
.component.component-video iframe {
  width: 100%;
  height: 100% ;
}
.component.component-video li {
  display: table;
  margin-bottom: 10px;
}
.component.component-video li .videoPicture {
  display: table-cell;
  width: 30%;
}
.component.component-video li .videoDescription {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}
.component.component-video img {
  width: 100%;
}
.component.component-video .thumbnails {
  width: 100%;
  overflow: hidden;
}
.component.component-video .thumbnails img {
  display: block;
  height: 60px;
  width: 105px;
  float: left;
}
.component.component-video .videoContent {
  height: 100%;
}
/****************************************************/
/*///////////////// VideoYoutube \\\\\\\\\\\\\\*/
/****************************************************/
.component-videoYoutube iframe {
  width: 100%;
  height: 100%;
}
/************************************************************//*///////////////// Weather \\\\\\\\\\\\\\*/
/************************************************************/.component-weather .content-weather {
  overflow: hidden;
}
.component-weather .weather {
  margin-top: -28px;
  min-height: 1px;
  float: left;
  width: 50%;
  text-align: center;
}
.component-weather .temperate {
  display: inline-block;
  float: left;
  width: 50%;
  text-align: left;
}
.component-weather .icone {
  font-family: Weather;
  font-size: 85px;
}
/*#############################  CSS TABLET BASES #############################*/
body.device-tablet {
  /*########################## FRAME #############################*/

  /*########################## ZONE #############################*/

}
body.device-tablet .frame-left,
body.device-tablet .frame-right {
  width: 245px;
}
body.device-tablet .frame-header-menlogo .zone-transactional {
  width: 150px;
}
body.device-tablet .frame-header-center.logo-center .zone-logo {
  margin-left: 150px;
}
body.device-tablet .zone-sidebar {
  width: 245px;
}
/*#############################  CSS MOBILE BASES #############################*/
body.device-mobile {
  font-size: 13px;
  /*############################# ZONE #############################*/

  /*-----------Zone transactional--------------*/

  /*-----------Zone Logo--------------*/

  /*-----------Zone menu--------------*/

  /*############################# CONTENT #######################*/

  /****************Title**************/

  /**************** Form commons************/

}
body.device-mobile .shape-header {
  padding: 5px 5px 5px 10px;
}
body.device-mobile .component .shape-box {
  margin: 0;
}
body.device-mobile .zone-transactional {
  text-align: left;
  position: relative;
  z-index: 1300;
  top: 0;
  background-color: transparent;
  /*********** Forcer la taille des icones *********/

}
body.device-mobile .zone-transactional .component {
  margin: 0;
}
body.device-mobile .zone-transactional .component-menu.commons-transactionalLink-component {
  float: right;
}
body.device-mobile .zone-transactional .component-menu.commons-transactionalLink-component a {
  width: 100%;
}
body.device-mobile .zone-transactional .component-menu.commons-transactionalLink-component a .resp-mobile.commons-icon {
  text-transform: initial;
  /* pour ignorer le text-transform du menu et donc afficher la bonne icone*/
}
body.device-mobile .zone-transactional .commons-transactionalLink-component {
  width: 20%;
  text-align: center;
}
body.device-mobile .zone-transactional .commons-transactionalLink-component a {
  padding: 5px 0;
  border-radius: 0;
}
body.device-mobile .zone-transactional .commons-transactionalLink-component a .commons-icon {
  font-size: 30px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
}
body.device-mobile .zone-transactional .component-transactionalLink {
  width: 100%;
  text-align: center;
}
body.device-mobile .zone-transactional .component-transactionalLink a {
  line-height: 30px;
  height: 30px;
  line-height: 30px;
}
body.device-mobile .zone-transactional .component-transactionalLink a .commons-title2 {
  font-size: 20px;
  line-height: 30px;
  height: 30px;
  line-height: 30px;
}
body.device-mobile .zone-logo {
  display: block;
  padding: 5px;
  /*width: 100%;*/

  margin: 0 auto;
}
body.device-mobile .zone-logo .paragraph {
  width: 100%;
}
body.device-mobile .zone-logo .component .shape-box {
  margin: 0;
  padding: 10px 0;
}
body.device-mobile .zone-logo .component-corporateName {
  font-size: 20px;
}
body.device-mobile .zone-logo .component-motto {
  font-size: 15px;
}
body.device-mobile .frame-logo-disposition-left .zone-logo .paragraph-no-size .paragraph-column-1 {
  float: none;
}
body.device-mobile .frame-header-menlogo.frame-logo-disposition-left .paragraph-no-size .paragraph-column-2,
body.device-mobile .frame-header-menlogo.frame-logo-disposition-right .paragraph-no-size .paragraph-column-2 {
  height: initial;
}
body.device-mobile .component-logo a.logo {
  max-width: 100%;
  height: auto;
}
body.device-mobile .component-logo img {
  max-width: 100%;
  max-height: 50px;
}
body.device-mobile .commons-background .zone-menu {
  position: relative;
  top: 0;
  margin: 0 0 0 0;
  padding: 0;
  width: 100%;
  z-index: 1300;
  min-height: initial;
}
body.device-mobile .commons-background .zone-menu .component-menu {
  display: none;
  width: 100% !important;
}
body.device-mobile .commons-background .zone-menu .component-menu .shape-box {
  margin: 0;
  padding: 0;
}
body.device-mobile .commons-background .zone-menu .component-menu .nav {
  background-color: #F4F4F4;
  width: 100%;
  right: 0;
  left: 0;
  top: 38px;
  height: auto;
  z-index: 1001;
  padding: 10px 0;
}
body.device-mobile .commons-background .zone-menu .component-menu .nav .tab {
  display: block;
  text-align: left;
}
body.device-mobile .commons-background .zone-menu .component-menu .nav .tab a {
  color: #4C4C4C;
  background-color: none;
  font-size: 15px;
  padding: 5px 0;
  width: 100%;
  padding-left: 10px;
}
body.device-mobile .commons-background .zone-menu .component-menu .nav .tab a:hover,
body.device-mobile .commons-background .zone-menu .component-menu .nav .tab a:active {
  background-color: #297DE1;
  color: #FFFFFF;
}
body.device-mobile .commons-background .zone-menu .component-menu ul.sub-tab,
body.device-mobile .commons-background .zone-menu .component-menu ul.sub-tab2 {
  background-color: transparent;
  display: block;
  right: 0;
  top: 0;
  margin: 0;
  position: relative;
  width: 100%;
  padding: 0 0 0 10px;
}
body.device-mobile .commons-background .zone-menu .component-menu ul.sub-tab .tab a,
body.device-mobile .commons-background .zone-menu .component-menu ul.sub-tab2 .tab a {
  color: #4C4C4C;
  background-color: transparent;
}
body.device-mobile .commons-background .zone-menu .component-menu ul.sub-tab .tab a:hover,
body.device-mobile .commons-background .zone-menu .component-menu ul.sub-tab2 .tab a:hover,
body.device-mobile .commons-background .zone-menu .component-menu ul.sub-tab .tab a.hover,
body.device-mobile .commons-background .zone-menu .component-menu ul.sub-tab2 .tab a.hover,
body.device-mobile .commons-background .zone-menu .component-menu ul.sub-tab .tab a.active,
body.device-mobile .commons-background .zone-menu .component-menu ul.sub-tab2 .tab a.active {
  background-color: #297DE1;
  color: #FFFFFF;
}
body.device-mobile .commons-background .zone-menu .component-menu .tab.active > a,
body.device-mobile .commons-background .zone-menu .component-menu ul.sub-tab .tab.active > a,
body.device-mobile .commons-background .zone-menu .component-menu ul.sub-tab2 .tab.active > a {
  background-color: #297DE1;
  color: #FFFFFF;
}
body.device-mobile .component-menu .shape-box {
  padding: 0;
}
body.device-mobile .component-menu a,
body.device-mobile .component-menu .subtab {
  background-color: #F4F4F4;
  color: #4C4C4C;
}
body.device-mobile .component-menu a:hover,
body.device-mobile .component-menu a:active,
body.device-mobile .component-menu .subtab a:hover,
body.device-mobile .component-menu .subtab a:active {
  background-color: #297DE1;
  color: #FFFFFF;
}
@media screen and (max-width: 640px) {
  body.device-mobile {
    /*############################# PROLIVE MOBILE #######################*/
  
  }
  body.device-mobile table,
  body.device-mobile tbody,
  body.device-mobile tr,
  body.device-mobile td {
    display: block;
    width: auto!important;
  }
  body.device-mobile .component-prolive .prolive-media {
    width: 80%;
  }
  body.device-mobile .component-prolive .description {
    width: 80%;
  }
  body.device-mobile .separateur {
    width: 30%;
  }
  body.device-mobile .zone-main h3.commons-title3 {
    font-size: 16px;
  }
}
body.device-mobile .commons-title1,
body.device-mobile .commons-title2 {
  font-size: 20px;
  height: initial;
}
body.device-mobile form .commons-row .commons-col,
body.device-mobile .immo-filtre .commons-row .commons-col,
body.device-mobile .immo-filtre .commons-row .commons-col:last-child {
  width: 100%;
}
body.device-mobile form .commons-row .commons-col .commons-input,
body.device-mobile .immo-filtre .commons-row .commons-col .commons-input,
body.device-mobile .immo-filtre .commons-row .commons-col:last-child .commons-input {
  padding: 0px 12px 0 0;
}
body.device-mobile .immo-filtre .select2-container .select2-selection--multiple,
body.device-mobile .immo-filtre .select2-container .select2-selection--single {
  width: initial!important;
}
body.device-mobile .immo-filtre {
  margin: 20px 0 10px 0;
}
body.device-mobile .commons-display {
  padding: 0;
}
body.device-mobile .commons-display .commons-col.afficher {
  width: 25%;
  min-width: 50px;
}
body.device-mobile .commons-display .commons-col.afficher p {
  display: none;
}
body.device-mobile .commons-display .commons-col.trier {
  width: 75%;
}
body.device-mobile .commons-display .commons-col.trier p {
  display: none;
}
body.device-mobile .commons-display .commons-col.trier .typetrie {
  margin: 0;
  width: 100%;
}
body.device-mobile .commons-display .commons-col.alert {
  width: 42%;
  margin-top: 5px;
}
body.device-mobile .commons-display .commons-col.nbarticles {
  width: 58%;
  margin-top: 5px;
}
body.device-mobile .commons-desc li {
  display: block;
  width: 100%;
  padding: 10px 0 0 0;
}
body.device-mobile .commons-desc li .commons-img {
  width: 100%;
}
body.device-mobile .commons-desc li .commons-img img {
  width: 100%;
  max-width: initial;
}
body.device-mobile .commons-desc li .infos {
  padding-left: 10px;
  margin-top: -45px;
}
body.device-mobile .commons-desc li .marque,
body.device-mobile .commons-desc li .reference,
body.device-mobile .commons-desc li .marque span {
  color: #FFFFFF;
  position: relative;
}
body.device-mobile .commons-desc li .commons-title2 {
  display: block;
  margin-top: 13px;
}
body.device-mobile .commons-vignette .bientrouves {
  text-align: center;
  margin-bottom: 10px;
}
body.device-mobile .commons-vignette li {
  display: block;
  width: 100%;
  padding: 10px 0 0 0;
  margin: 0;
}
body.device-mobile .commons-vignette li .commons-img {
  width: 100%;
  max-width: initial;
  max-height: initial;
}
body.device-mobile .commons-vignette li .commons-img img {
  width: 100%;
  max-width: initial;
  max-height: initial;
}
body.device-mobile .commons-buttons.retour-liste {
  margin-left: 0;
  margin-top: 10px;
}
@media print {
  .commons-noprint,
  .commons-noprint * {
    display: none !important;
  }
}
.effilab-hidden {
  cursor: pointer;
}
/******************************* Realty et Ecom Mobile ********************************/
body.device-mobile {
  /** pagination**/

  /** detail-immo**/

  /*****************************Catalogue********************************/

}
body.device-mobile .component-buttonsRealty .shape-box {
  padding: 0;
}
body.device-mobile .component-buttonsRealty .vente,
body.device-mobile .component-buttonsRealty .location {
  width: 100%;
  margin-bottom: 5px;
}
body.device-mobile .component-buttonsRealty .vente .commons-buttons,
body.device-mobile .component-buttonsRealty .location .commons-buttons {
  margin: 0;
}
body.device-mobile .compact-theme a,
body.device-mobile .compact-theme span {
  padding: 0 3px;
}
body.device-mobile .component-detailRealty .slider,
body.device-mobile .component.detailAuto .slider,
body.device-mobile .component-produit .slider {
  width: 100%;
}
body.device-mobile .component-detailRealty .detail,
body.device-mobile .component.detailAuto .detail,
body.device-mobile .component-produit .detail {
  width: 100%;
}
body.device-mobile .component-detailRealty .diagnostic img,
body.device-mobile .component.detailAuto .diagnostic img,
body.device-mobile .component-produit .diagnostic img {
  width: 289px;
}
body.device-mobile .diagnostic .diagnostic-energie,
body.device-mobile .diagnostic .diagnostic-impact {
  margin-left: 247px;
}
body.device-mobile .diagnostic .A {
  margin-top: 51px;
}
body.device-mobile .diagnostic .B {
  margin-top: 76px;
}
body.device-mobile .diagnostic .C {
  margin-top: 101px;
}
body.device-mobile .diagnostic .D {
  margin-top: 126px;
}
body.device-mobile .diagnostic .E {
  margin-top: 152px;
}
body.device-mobile .diagnostic .F {
  margin-top: 177px;
}
body.device-mobile .diagnostic .G {
  margin-top: 202px;
}
body.device-mobile .component-catalogue .commons-display .commons-col p {
  display: none;
}
body.device-mobile .component-catalogue .commons-display .commons-col.category {
  width: 76%;
  float: left;
  min-width: initial;
}
body.device-mobile .component-catalogue .commons-display .commons-col.category select {
  width: 100%;
  margin: 0;
}
body.device-mobile .component-catalogue .commons-display .commons-col.afficher {
  width: 23%;
  min-width: 50px;
  float: right;
}
body.device-mobile .component-catalogue .commons-display .commons-col.afficher .commons-icon {
  margin: 0 10px 0 0;
}
body.device-mobile .component-catalogue .commons-display .commons-col.trier {
  width: 100%;
  margin-top: 10px;
}
body.device-mobile .component-catalogue .commons-display .commons-col.trier .commons-buttons {
  width: 49%;
  font-size: 11px;
  padding: 0;
  text-align: center;
}
body.device-mobile .component.component-video li {
  display: block;
}
body.device-mobile .component.component-video li .videoPicture {
  display: block;
  width: 100%;
}
body.device-mobile .component.component-video li .videoDescription {
  display: block;
}
/********************************************************************/
/*/////////////////      Search Auto               \\\\\\\\\\\\\\*/
/********************************************************************/
.component-searchAuto {
  /*Filtre*/

  /*List Auto*/

  /* Pagination*/

  /* Auto trouvées */

}
.component-searchAuto .auto-filtre {
  margin: 20px 0 ;
  overflow: hidden;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
}
.component-searchAuto .auto-filtre .commons-row .commons-col,
.component-searchAuto .auto-filtre .commons-row .commons-col:last-child {
  float: left;
  margin-bottom: 10px;
  width: 200px;
}
.component-searchAuto .auto-filtre .commons-row .commons-col .commons-input,
.component-searchAuto .auto-filtre .commons-row .commons-col:last-child .commons-input {
  padding: 0 20px 0 0;
}
.component-searchAuto .auto-filtre .commons-row:first-child .commons-input {
  padding: 0 9px 0 0;
}
.component-searchAuto .auto-filtre .select2-container .select2-selection--single,
.component-searchAuto .auto-filtre .select2-container .select2-selection--multiple {
  height: 32px;
  margin: 2px 0 0 0;
  width: 193px;
}
.component-searchAuto .auto-filtre .select2-container--default {
  width: initial;
}
.component-searchAuto .auto-filtre .select2-container--default .select2-selection--multiple,
.component-searchAuto .auto-filtre .select2-container--default .select2-selection--single {
  border-radius: 0;
  border-color: #4C4C4C;
}
.component-searchAuto .auto-filtre .select2-container--default .select2-selection--single .select2-selection__rendered,
.component-searchAuto .auto-filtre .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin-top: 2px;
}
.component-searchAuto .auto-filtre .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-left: 0;
}
.component-searchAuto .auto-filtre .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 10px;
}
.component-searchAuto .auto-filtre .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin: -2px 0 0 0;
}
.component-searchAuto .auto-filtre .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 6px;
}
.component-searchAuto .auto-filtre .select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding-left: 10px;
}
.component-searchAuto .auto-filtre .select2-container--default .select2-results__option.select2-results__option {
  font-family: OpenSans;
  font-size: 14px;
}
.component-searchAuto .auto-filtre .input.withPhotos {
  width: 15px;
  height: 15px;
  margin-top: 10px;
}
.component-searchAuto .auto-filtre p.withPhoto {
  display: block;
  margin: -24px 0 0 20px;
}
.component-searchAuto .auto-filtre .auto-filtre-btn {
  display: inline-block;
  float: right;
}
.component-searchAuto .auto-filtre .auto-filtre-btn .commons-buttons {
  margin: 0;
}
.component-searchAuto .simple-pagination {
  text-align: center;
  margin-top: 20px;
}
.component-searchAuto .simple-pagination ul {
  display: inline-block;
}
.component-searchAuto .autotrouvees {
  color: #4C4C4C;
  font-weight: bolder;
}
/*STL infosCookies 05/2018*/
/**************
Page InfosCookies Common
**************/
.pj-last-infos-cookies-choise-container {
  margin-bottom: 150px!important;
}
.bloc .pj-modal-choise-container {
  display: flex;
  flex-wrap: nowrap;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 10px;
  background-color: #c5c8cf;
  padding-left: 15px;
  color: #FFFFFF !important;
}
.bloc .pj-modal-choise-container input {
  float: right;
  min-height: 46px;
  line-height: 46px;
  vertical-align: middle;
  text-align: center;
  margin-right: 20px;
}
.bloc .pj-modal-choise-container input {
  height: 49px!important;
  display: table-cell;
  vertical-align: middle;
}
.pj-optin-btn-container {
  position: fixed;
  left: 0;
  height: 76px;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
  line-height: 76px;
  vertical-align: middle;
}
.pj-optin-btn-container input {
  height: 49px!important;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 15px 15px 15px;
  border-radius: 4px;
  text-align: center;
  border: none;
  font-family: OpenSans;
}
.pj-optin-btn-container button {
  height: 49px!important;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 15px 15px 15px;
  border-radius: 4px;
  font-family: OpenSans;
}
.pj-optin-btn-container input:hover,
.pj-optin-btn-container button:hover {
  cursor: pointer;
}
/**************
Page InfosCookies Responsive
**************/
@media screen and (max-width: 767px) {
  .pj-optin-modal {
    width: 80%;
    left: 5%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container {
    height: auto;
    width: 100%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-txt {
    width: 80%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-txt p {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 49px;
    vertical-align: middle;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-input {
    width: 20%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-input input {
    margin: auto!important;
  }
  .pj-optin-modal .pj-optin-btn-container {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    bottom: 60px;
  }
  .pj-optin-modal .pj-optin-btn-container input {
    width: 20%;
    background-color: #355070;
    color: #EBEBEB;
    font-size: 14px!important;
    font-family: OpenSans;
  }
  .pj-optin-modal .pj-optin-btn-container button {
    width: 20%;
    background-color: #355070;
    color: #EBEBEB;
    font-size: 14px!important;
    font-family: OpenSans;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .bloc .pj-modal-choise-container {
    height: auto;
    width: 90%;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-txt {
    width: 80%;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-txt p {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 49px;
    vertical-align: middle;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-input {
    width: 20%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-input input {
    margin: auto!important;
  }
  .pj-optin-btn-container {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    bottom: 60px;
  }
  .pj-optin-btn-container input {
    width: 20%;
    background-color: #355070;
    color: #EBEBEB;
    font-size: 14px!important;
    font-family: OpenSans;
  }
  .pj-optin-btn-container button {
    width: 20%;
    background-color: #355070;
    color: #EBEBEB;
    font-size: 14px!important;
    font-family: OpenSans;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .bloc .pj-modal-choise-container {
    height: auto;
    width: 90%;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-txt {
    width: 80%;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-txt p {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    padding-top: 0px;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-input {
    width: 20%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-input input {
    margin: auto!important;
  }
  .pj-optin-btn-container {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    bottom: 60px;
    font-family: OpenSans;
  }
  .pj-optin-btn-container input {
    width: 20%;
    background-color: #355070;
    color: #EBEBEB;
    font-size: 14px!important;
    font-family: OpenSans;
  }
  .pj-optin-btn-container button {
    width: 20%;
    background-color: #355070;
    color: #EBEBEB;
    font-size: 14px!important;
    font-family: OpenSans;
  }
}
@media screen and (min-width: 1200px) {
  .bloc .pj-modal-choise-container {
    height: auto;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-txt {
    width: 80%;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-txt p {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 49px;
    vertical-align: middle;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-input {
    width: 20%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .bloc .pj-modal-choise-container .modal-choise-container-input input {
    margin: auto!important;
  }
  .pj-optin-btn-container {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    bottom: 60px;
  }
  .pj-optin-btn-container input {
    background-color: #355070;
    color: #EBEBEB;
    font-size: 14px!important;
    width: 20%;
    font-family: OpenSans;
  }
  .pj-optin-btn-container button {
    width: 20%;
    background-color: #355070;
    color: #EBEBEB;
    font-size: 14px!important;
    font-family: OpenSans;
  }
}
/**************
Optin Modal Common
**************/
.pj-last-infos-cookies-choise-container {
  margin-bottom: 150px;
}
.pj-optin-modal {
  background-color: #FFFFFF;
  font-family: OpenSans;
  padding: 20px;
  height: 80vh;
  position: fixed;
  top: 10vh;
  z-index: 10000;
  outline: 999em solid rgba(0, 0, 0, 0.4);
  overflow: scroll;
  text-align: left!important;
}
.pj-optin-modal .bloc .pj-modal-choise-container {
  display: flex;
  flex-wrap: nowrap;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 10px;
  background-color: #666666;
  color: #FFFFFF !important;
  padding-left: 15px;
}
.pj-optin-modal .bloc .pj-modal-choise-container input {
  float: right;
  min-height: 46px;
  line-height: 46px;
  vertical-align: middle;
  text-align: center;
  margin-right: 20px;
  background-color: OpenSans !important;
  color: #FFFFFF !important;
}
.pj-optin-modal .bloc .pj-modal-choise-container input {
  height: 49px!important;
  display: table-cell;
  vertical-align: middle;
}
.pj-optin-modal .pj-optin-btn-container {
  position: fixed;
  left: 0;
  height: 76px;
  text-align: center;
  line-height: 76px;
  vertical-align: middle;
}
.pj-optin-modal .pj-optin-btn-container input {
  margin-left: auto;
  margin-right: auto;
  padding: 15px 15px 15px 15px;
  border-radius: 4px;
  border: none;
  text-align: center;
  font-size: 14px!important;
  font-family: OpenSans;
}
.pj-optin-modal .pj-optin-btn-container button,
.pj-optin-modal .pj-optin-btn-container input {
  background-color: #355070;
  color: #EBEBEB;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 15px 15px 15px;
  border-radius: 4px;
  text-align: center;
  font-size: 14px!important;
  font-family: inherit;
  font-family: OpenSans;
}
.pj-optin-modal .pj-optin-btn-container input:hover,
.pj-optin-modal .pj-optin-btn-container button:hover {
  cursor: pointer;
}
/**************
Optin Modal responsive
**************/
@media screen and (min-width: 320px) and (max-width: 767px) {
  .pj-optin-modal {
    background-color: #FFFFFF;
    font-family: OpenSans;
    width: 80%;
    left: 5%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container {
    height: auto;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    width: 95%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-txt {
    width: 80%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-txt p {
    margin: auto!important;
    word-wrap: break-word;
    word-break: break-all;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-input {
    width: 20%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-input input {
    margin: auto!important;
  }
  .pj-optin-modal .pj-optin-btn-container {
    bottom: 60px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .pj-optin-modal .pj-optin-btn-container input {
    width: 30%;
    background-color: #355070;
    color: #EBEBEB;
    font-size: 14px!important;
    font-family: OpenSans;
  }
  .pj-optin-modal .pj-optin-btn-container button {
    width: 30%;
    background-color: #355070;
    color: #EBEBEB;
    font-size: 14px!important;
    ont-family: OpenSans;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .pj-optin-modal {
    background-color: #FFFFFF;
    font-family: OpenSans;
    width: 91%;
    left: 1%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container {
    height: auto;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    width: 95%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-txt {
    width: 80%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-txt p {
    margin: auto!important;
    word-wrap: break-word;
    word-break: break-all;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-input {
    width: 20%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-input input {
    margin: auto!important;
  }
  .pj-optin-modal .pj-optin-btn-container {
    bottom: 60px;
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .pj-optin-modal .pj-optin-btn-container button,
  .pj-optin-modal .pj-optin-btn-container input {
    text-align: center;
    font-size: 14px!important;
    /*a modif*/
  
    background-color: #355070;
    color: #EBEBEB;
    font-family: OpenSans;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .pj-optin-modal {
    background-color: #FFFFFF;
    font-family: OpenSans;
    width: 60%;
    left: 18%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container {
    height: auto;
    width: 95%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-txt {
    width: 80%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-txt p {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 49px;
    vertical-align: middle;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-input {
    width: 20%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-input input {
    margin: auto!important;
  }
  .pj-optin-modal .pj-optin-btn-container {
    bottom: 60px;
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .pj-optin-modal .pj-optin-btn-container input,
  .pj-optin-modal .pj-optin-btn-container button {
    text-align: center;
    font-family: OpenSans;
    font-size: 14px!important;
    background-color: #355070;
    color: #EBEBEB;
  }
}
@media screen and (min-width: 1200px) {
  .pj-optin-modal {
    background-color: #FFFFFF;
    font-family: OpenSans;
    width: 40%;
    left: 29.5%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container {
    height: auto;
    width: 95%;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-txt {
    width: 80%;
    line-height: 46px;
    vertical-align: middle;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-txt p {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 49px;
    vertical-align: middle;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-input {
    width: 20%;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
  }
  .pj-optin-modal .bloc .pj-modal-choise-container .modal-choise-container-input input {
    margin: auto!important;
  }
  .pj-optin-modal .pj-optin-btn-container {
    bottom: 80px;
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .pj-optin-modal .pj-optin-btn-container input,
  .pj-optin-modal .pj-optin-btn-container button {
    text-align: center;
    font-family: OpenSans;
    font-size: 14px!important;
    background-color: #355070;
    color: #EBEBEB;
  }
}
.pj-modal-custom-bloc,
.bloc .pj-custom-margin {
  margin-bottom: 120px!important;
}
/*Modular send Btn :hover*/
.pj-send-btn-disabled:hover {
  cursor: not-allowed;
}



@charset "UTF-8";

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

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

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

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

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

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

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

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

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

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

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

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

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

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

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

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

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

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

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

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

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

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

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

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

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

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

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

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

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

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

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

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

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

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

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

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

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

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

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

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

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

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

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

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

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

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

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

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

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

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

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

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

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

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

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

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

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

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

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

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

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

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

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

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

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

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

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

@keyframes rollOut {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

.component-blocks .block {
	margin-bottom: 20px;
	display : block;
	float : left;
	width : 100%;
}
.component-blocks .image {
	display : block;
	float : left;
	width : 32%;
	margin-right : 20px;
	margin-bottom: 20px;
}



.component-blocks.services .image {
	width : 40%;
}


.component-blocks.whoweare .image {
	margin : 20px 0;
	width : 100%;
	float : none;
}


.component-blocks.pricing table {
	width: 62%;
}



.component-blocks.promotions .image {
	width : 40%;
}


.component-blocks.news .image {
	width : 40%;
}

.component-blocks.news .block-right .image {
	float : right;
}


.component-blocks.visitors-book .block-right .image {
	float : right;
}


.component-blocks.achievements .image {
	margin : 20px 0;
	width : 100%;
	float : none;
}


.component-blocks.partners .image-line {
	float: left;
	width : 100%;
}
.component-blocks.partners .image-row {
	width: 30%;
	float: left;
	margin: 5px;
}
.component-blocks.partners .image {
	width : 100%;
}

.component-blocks.image-simple .content {
	width: 100%;
	height: 100%;
}

.component-blocks.image-simple .commons-height-pct {
	overflow: hidden; 
}

.component-blocks.image-simple .image {
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	margin: 0;
}

.component-blocks.image-simple.cover .image {
	background-size: cover;
}


.component-blocks.team h2, .component-blocks.team .commons-title2 {
	margin-left: 4%;
	text-decoration:underline;
}
.component-blocks.team .subblock {
	float:left;
	width: 25%;
	text-align:center;
	margin: 0 4%;
}
.component-blocks.team .image{
	width:100%;
}
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.2.0
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/* Backward */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098D1;
  color: white;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: #2098d1;
  color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
  background: none;
}

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-ripple-in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 1em;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-left: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-back .picto {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-back:hover .picto  {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward .picto  {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover .picto  {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-down .picto  {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-down:hover .picto  {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-up {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-up .picto  {
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-up:hover .picto  {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-spin .picto {
  font-family: FontAwesome;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover .picto {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
	100% {
    opacity: 1;
  }
}
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
	100% {
    opacity: 1;
  }
}
/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-drop:before {
  content: "\f041";
  position: absolute;
  right: 1em;
  opacity: 1;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-fade:before {
  content: "\f00c";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}
.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
  color: #0F9E5E;
}

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-float-away:before, .hvr-icon-float-away:after {
  content: "\f055";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
}
.hvr-icon-float-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
  content: "\f056";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-sink-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
  -webkit-animation-name: hvr-icon-sink-away;
  animation-name: hvr-icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow .picto {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow:hover .picto {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-shrink .picto {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-shrink:hover .picto {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse .picto {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover .picto {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse-grow:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse-shrink:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-push:before {
  content: "\f006";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-pop .picto {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pop:hover .picto {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bounce:before {
  content: "\f087";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-rotate:before {
  content: "\f0c6";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow-rotate:before {
  content: "\f095";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-float:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-sink:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bob:before {
  content: "\f077";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-hang:before {
  content: "\f078";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
  content: "\f061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical:before {
  content: "\f062";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz .picto {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz:hover .picto {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz-out:before {
  content: "\f023";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
}
.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}

/*# sourceMappingURL=hover.css.map */
.component-editor-content table {
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 1px;
	border-style: solid;
}

.component-editor-content td {
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
}

.component-editor-content span {
	font-weight: inherit !important;
}

.component-editor-content img {
	display: inline;
}
/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	-ms-touch-action: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
	max-width: none !important;
	}
/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
	max-width: 15000px !important;
	}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-tile-pane    { z-index: 2; }
.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane  { z-index: 5; }
.leaflet-marker-pane  { z-index: 6; }
.leaflet-popup-pane   { z-index: 7; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(https://www.coved-est.fr/v/852877742/694123815/desktop/styles.css);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 7;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-clickable {
	cursor: pointer;
	}
.leaflet-container {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(https://www.coved-est.fr/v/852877742/694123815/desktop/images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(https://www.coved-est.fr/v/852877742/694123815/desktop/images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;

	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}
.leaflet-tooltip-container {
    z-index: 4
}
.leaflet-tooltip {
    z-index: 10;
    display: none;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .4);
    border-radius: 1px;
    border: 1px solid #bbb;
    background-color: #fff;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0;
    -webkit-transition: opacity 150ms linear;
    -moz-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}
.leaflet-tooltip p {
    margin: 0
}
.leaflet-tooltip.leaflet-tooltip-fade {
    opacity: 1
}
.mappy-control,
.mappy-tooltip {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    border: 1px solid #838383;
    border-radius: 3px
}
.leaflet-control-container>div {
    clear: both
}
.mappy-control {
    margin: 10px;
    background: #8C8C8C;
    background: rgba(102, 102, 102, .6)
}
.mappy-button {
    display: block;
    width: 38px;
    height: 36px;
    border-top: solid 1px #838383
}
.mappy-button:first-child {
    border-top-color: transparent
}
.mappy-button span {
    display: block;
    font-size: 0;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 6px 7px;
    color: #FFF;
    background-image: url(https://www.coved-est.fr/776033509/image/images/tools.png)
    
}
.geolocationMarker {
    width: 30px;
    height: 30px;
    background-image: url(https://www.coved-est.fr/776033509/image/images/marker_geolocation.png)
}
.mappy-button-traffic span {
    background-position: -24px 0
}
.mappy-button-transport span {
    background-position: 0 0
}
.mappy-button-aerial span {
    background-position: -48px 0
}
.mappy-button-zoom-in span {
    background-position: -72px 0
}
.mappy-button-zoom-out span {
    background-position: -96px 0
}
.mappy-button-geolocation span {
    background-position: -120px 0
}
.mappy-button-active.mappy-button-traffic span,
.no-touch .mappy-button-traffic:hover span {
    background-position: -24px -24px
}
.mappy-button-active.mappy-button-transport span,
.no-touch .mappy-button-transport:hover span {
    background-position: 0 -24px
}
.mappy-button-active.mappy-button-aerial span,
.no-touch .mappy-button-aerial:hover span {
    background-position: -48px -24px
}
.mappy-button-active.mappy-button-zoom-in span,
.no-touch .mappy-button-zoom-in:hover span {
    background-position: -72px -24px
}
.mappy-button-active.mappy-button-zoom-out span,
.no-touch .mappy-button-zoom-out:hover span {
    background-position: -96px -24px
}
.geolocation-error.mappy-button-geolocation:hover span,
.mappy-button-active.mappy-button-geolocation span,
.no-touch .mappy-button-geolocation:hover span {
    background-position: -120px -24px
}
.geolocation-error.mappy-button-geolocation span {
    background-position: -120px -48px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .mappy-button span {
        background-image: url(https://www.coved-est.fr/776033509/image/images/tools-2x.png);
        background-size: 144px 72px
    }
    .geolocationMarker {
        background-image: url(https://www.coved-est.fr/776033509/image/images/marker_geolocation_x2.png);
        background-size: 30px auto
    }
}
.mappy-button-active,
.no-touch .mappy-button:hover {
    text-decoration: none;
    background: #666
}
.mappy-button-active span,
.no-touch .mappy-button:hover span {
    color: #68d419
}
.mappy-button-zoom-in,
.mappy-button-zoom-out {
    height: 28px;
    padding: 4px 0;
    overflow: hidden
}
.mappy-button-zoom-in span,
.mappy-button-zoom-out span {
    display: block;
    width: 16px;
    height: 16px;
    margin: 6px 11px
}
.mappy-button-zoom-full {
    padding: 0
}
.mappy-button-zoom-full.mappy-button-zoom-out {
    border-top: none
}
.no-touch .mappy-button-zoom-in:hover,
.no-touch .mappy-button-zoom-out:hover {
    background: 0 0
}
@-webkit-keyframes geolocationSearching {
    0% {
        -webkit-transform: scale(1, 1)
    }
    25% {
        -webkit-transform: scale(1.2, 1.2)
    }
    75% {
        -webkit-transform: scale(0.8, .8)
    }
    100% {
        -webkit-transform: scale(1, 1)
    }
}
@keyframes geolocationSearching {
    0% {
        transform: scale(1, 1)
    }
    25% {
        transform: scale(1.2, 1.2)
    }
    75% {
        transform: scale(0.8, .8)
    }
    100% {
        transform: scale(1, 1)
    }
}
.mappy-button-geolocation.searching span {
    -webkit-animation: geolocationSearching 1.2s linear infinite;
    animation: geolocationSearching 1.2s linear infinite
}
.mappy-slider-wrap {
    margin: 0 auto;
    width: 6px;
    background-color: #666
}
.mappy-slider-body {
    border: 2px solid #AAA;
    cursor: pointer
}
.mappy-slider-knob {
    position: relative;
    margin-left: -3px;
    width: 9px;
    height: 9px;
    background-color: #FFF;
    border-radius: 10px;
    border-top: solid 1px #777;
    cursor: pointer
}
.mappy-tooltip {
    position: absolute;
    right: 50px;
    padding: 8px 12px;
    color: #FFF;
    background: #666;
    white-space: nowrap
}
.leaflet-left .mappy-tooltip {
    left: 50px;
    right: auto
}
.mappy-tooltip span {
    display: block
}
.mappy-tooltip input {
    margin-right: 5px
}
.mappy-tooltip:after,
.mappy-tooltip:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.leaflet-left .mappy-tooltip:after,
.leaflet-left .mappy-tooltip:before {
    right: 100%;
    left: auto
}
.mappy-tooltip:after {
    border-color: rgba(102, 102, 102, 0);
    border-left-color: #666;
    border-width: 6px;
    margin-top: -6px
}
.mappy-tooltip:before {
    border-color: rgba(131, 131, 131, 0);
    border-left-color: #838383;
    border-width: 7px;
    margin-top: -7px
}
.mappy-tooltip input,
.mappy-tooltip label {
    display: inline-block;
    cursor: pointer
}
.leaflet-left .mappy-tooltip:after {
    border-left-color: transparent;
    border-right-color: #666
}
.leaflet-left .mappy-tooltip:before {
    border-left-color: transparent;
    border-right-color: #838383
}
.mappy-traffic-legend {
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 5px 10px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
    font-size: 12px;
    color: #000
}
p.mappy-traffic-legend-title {
    font-size: 12px;
    font-weight: 700
}
.mappy-traffic-legend table {
    margin: 5px 0
}
.mappy-traffic-legend td {
    width: 40px;
    height: 7px
}
.mappy-traffic-legend .orange {
    background-color: orange
}
.mappy-traffic-legend .red {
    background-color: red
}
.mappy-traffic-legend .darkred {
    background-color: #b20000
}
.mappy-traffic-legend .black {
    background-color: #443434
}
.mappy-traffic-legend * {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0
}
.mappy-traffic-legend {
    clear: both
}
.mappy-traffic-legend p.left {
    float: left
}
.mappy-traffic-legend p.right {
    float: right
}
.leaflet-control.leaflet-control-attribution,
.leaflet-control.leaflet-control-scale {
    float: left;
    clear: none;
    padding: 5px;
    margin: -10px 0px 10px;
    height: 15px;
    background: #FFF;
    background: rgba(255, 255, 255, .5)
}
.leaflet-control.leaflet-control-scale {
    margin-right: 0
}
.leaflet-control.leaflet-control-scale+.leaflet-control-attribution {
    margin-left: 0;
    padding-right: 10px
}
.leaflet-control-scale-line {
    padding: 0 0 2px 2px;
    background: 0 0;
    border-width: 1px;
    border-color: #666
}
.leaflet-control-attribution a {
    font-size: 11px;
    color: #333
}
.mappy-tooltip-transport {
    padding: 5px
}
.mappy-tooltip-transport p {
    margin: 5px 0
}
.mappy-tooltip-transport span {
    display: inline-block;
    margin-bottom: 5px;
    color: #333;
    font-size: 16px;
    font-weight: 700
}
.mappy-tooltip-transport img {
    margin: 0 2px
}.component-map .content {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
}
.component-map .descriptive {
	display: table-row;
}
.component-map .mapContainer {
	display: table-row;
	height: 100%;
}
.component-map .address {
	display: table-row;
}

.component-map .mapContainer-height {
	min-height: 300px;
	max-height: 600px;
}
.component-map .planMappy {
	width: 100%;
	height: 100%;
}
.component-map .commons-height-pct .shape-box .planMappy {
	display: table-cell;
}


/* .component-map .popup-close { */
/* 	background-image: url(/web/20180729180739im_/https://www.coved-est.fr/776033509/image/img/tools/border_minimap.png); */
/* 	background-position: -46px -66px; */
/* 	position: absolute; */
/* 	right: 0; */
/* 	top: 0; */
/* 	width: 23px; */
/* 	height: 22px; */
/* 	cursor: pointer; */
/* 	z-index: 10000; */
/* } */

/****************************************************/
/*///////////////// PROLIVE MENU \\\\\\\\\\\\\\*/
/****************************************************/

.component-prolive-menu .component-prolive-menu-border {
	background-color:#1a2530;
	padding:5px;
}
.component-prolive-menu .component-prolive-menu-inner {
	background-color:#1a2530;
	border:3px solid #f0f4f8;
	position: relative;
	padding:25px 40px;
}
.component-prolive-menu .component-prolive-menu-inner:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	border:1px solid #b2b6b9;
}
.component-prolive-menu .component-prolive-menu-inner .prolive-media .image .cover {
	max-width: 100%;
	height: auto;
	min-width:auto;
	display:block;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:20px;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
.component-prolive-menu .component-prolive-menu-inner .shape-sub-header {
	text-align:center;
	padding:0px;
	margin:0px;
}
.component-prolive-menu .component-prolive-menu-inner .shape-sub-header .commons-icon {
	font-size:40px;
	color:#fff;
}
.component-prolive-menu .component-prolive-menu-inner p {
	color:#fff;
}
.component-prolive-menu .component-prolive-menu-inner p.date {
	text-align:center;
	margin:15px auto 20px auto;
	opacity:0.8;
}
.component-prolive-menu .component-prolive-menu-inner p.desc {
	text-align:center;
	padding:0px;
	margin:0px;
	line-height:25px;
}
.component-prolive-menu .component-prolive-menu-inner p.title {
	text-align:center;
	padding:0px;
	margin:15px 0 6px 0;
}
.component-prolive-menu .component-prolive-menu-inner hr.divider {
	background: url(https://www.coved-est.fr/272782963/image/proliveMenu/prolive-menu-divider.png) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	height:22px;
	width:100%;
	max-width:184px;
	border:none;
	margin:25px auto;
	display:block;
}
.component-prolive-menu .component-prolive-menu-inner div.menuFormules p{
	padding:0px;
	margin:0px;
	line-height:25px;
	font-weight:bold;
	text-align:center;
}
div.event-item {
    vertical-align: top;
    display: inline-block;
    text-align: center;
}

.caption {
    /* Make the caption a block so it occupies its own line. */
    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 {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.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-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .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 {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  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 - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  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("https://www.coved-est.fr/v/852877742/694123815/desktop/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: 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;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle;}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none;}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px;}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none;}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap;}.select2-container .select2-search--inline{float:left;}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none;}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051;}.select2-results{display:block;}.select2-results__options{list-style:none;margin:0;padding:0;}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none;}.select2-results__option[aria-selected]{cursor:pointer;}.select2-container--open .select2-dropdown{left:0;}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.select2-search--dropdown{display:block;padding:4px;}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box;}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none;}.select2-search--dropdown.select2-search--hide{display:none;}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0);}.select2-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px;}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px;}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999;}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px;}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto;}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default;}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none;}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px;}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%;}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left;}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder{float:right;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto;}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0;}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default;}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none;}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0;}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa;}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto;}.select2-container--default .select2-results__option[role=group]{padding:0;}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999;}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd;}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em;}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white;}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px;}.select2-container--classic .select2-selection--single{background-color:#f6f6f6;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:-o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb;}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px;}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px;}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999;}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto;}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:-o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb;}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none;}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto;}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0;}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;}.select2-container--classic .select2-dropdown{background-color:white;border:1px solid transparent;}.select2-container--classic .select2-dropdown--above{border-bottom:none;}.select2-container--classic .select2-dropdown--below{border-top:none;}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto;}.select2-container--classic .select2-results__option[role=group]{padding:0;}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey;}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:white;}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px;}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb;}/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
	text-align: center;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/

.compact-theme a, .compact-theme span {
	float: left;
	color: #333;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #AAA;
	border-left: none;
	min-width: 14px;
	padding: 0 7px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.compact-theme a:hover {
	text-decoration: none;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
	background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
}

.compact-theme li:first-child a, .compact-theme li:first-child span {
	border-left: 1px solid #AAA;
	border-radius: 3px 0 0 3px;
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
	border-radius: 0 3px 3px 0;
}

.compact-theme .current {
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
	cursor: default;
}

.compact-theme .ellipse {
	background: #EAEAEA;
	padding: 0 10px;
	cursor: default;
}

/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/

.light-theme a, .light-theme span {
	float: left;
	color: #666;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.light-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.light-theme .current {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

/*------------------------------------*\
	Dark Theme Styles
\*------------------------------------*/

.dark-theme a, .dark-theme span {
	float: left;
	color: #CCC;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #222;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #555; /* Old browsers */
	background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
	background: linear-gradient(top, #555 0%,#333 100%); /* W3C */
}

.dark-theme a:hover {
	text-decoration: none;
	background: #444;
}

.dark-theme .current {
	background: #222;
	color: #FFF;
	border-color: #000;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	cursor: default;
}

.dark-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle;}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none;}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px;}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none;}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap;}.select2-container .select2-search--inline{float:left;}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none;}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051;}.select2-results{display:block;}.select2-results__options{list-style:none;margin:0;padding:0;}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none;}.select2-results__option[aria-selected]{cursor:pointer;}.select2-container--open .select2-dropdown{left:0;}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.select2-search--dropdown{display:block;padding:4px;}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box;}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none;}.select2-search--dropdown.select2-search--hide{display:none;}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0);}.select2-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px;}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px;}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999;}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px;}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto;}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default;}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none;}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px;}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%;}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left;}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder{float:right;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto;}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0;}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default;}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none;}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0;}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa;}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto;}.select2-container--default .select2-results__option[role=group]{padding:0;}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999;}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd;}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em;}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white;}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px;}.select2-container--classic .select2-selection--single{background-color:#f6f6f6;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:-o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb;}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px;}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px;}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999;}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto;}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:-o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb;}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none;}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto;}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0;}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;}.select2-container--classic .select2-dropdown{background-color:white;border:1px solid transparent;}.select2-container--classic .select2-dropdown--above{border-bottom:none;}.select2-container--classic .select2-dropdown--below{border-top:none;}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto;}.select2-container--classic .select2-results__option[role=group]{padding:0;}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey;}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:white;}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px;}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb;}/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
	text-align: center;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/

.compact-theme a, .compact-theme span {
	float: left;
	color: #333;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #AAA;
	border-left: none;
	min-width: 14px;
	padding: 0 7px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.compact-theme a:hover {
	text-decoration: none;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
	background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
}

.compact-theme li:first-child a, .compact-theme li:first-child span {
	border-left: 1px solid #AAA;
	border-radius: 3px 0 0 3px;
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
	border-radius: 0 3px 3px 0;
}

.compact-theme .current {
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
	cursor: default;
}

.compact-theme .ellipse {
	background: #EAEAEA;
	padding: 0 10px;
	cursor: default;
}

/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/

.light-theme a, .light-theme span {
	float: left;
	color: #666;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.light-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.light-theme .current {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

/*------------------------------------*\
	Dark Theme Styles
\*------------------------------------*/

.dark-theme a, .dark-theme span {
	float: left;
	color: #CCC;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #222;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #555; /* Old browsers */
	background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
	background: linear-gradient(top, #555 0%,#333 100%); /* W3C */
}

.dark-theme a:hover {
	text-decoration: none;
	background: #444;
}

.dark-theme .current {
	background: #222;
	color: #FFF;
	border-color: #000;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	cursor: default;
}

.dark-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle;}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none;}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px;}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none;}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap;}.select2-container .select2-search--inline{float:left;}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none;}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051;}.select2-results{display:block;}.select2-results__options{list-style:none;margin:0;padding:0;}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none;}.select2-results__option[aria-selected]{cursor:pointer;}.select2-container--open .select2-dropdown{left:0;}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.select2-search--dropdown{display:block;padding:4px;}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box;}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none;}.select2-search--dropdown.select2-search--hide{display:none;}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0);}.select2-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px;}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px;}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999;}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px;}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto;}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default;}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none;}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px;}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%;}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left;}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder{float:right;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto;}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto;}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0;}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default;}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none;}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0;}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa;}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto;}.select2-container--default .select2-results__option[role=group]{padding:0;}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999;}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd;}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em;}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em;}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white;}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px;}.select2-container--classic .select2-selection--single{background-color:#f6f6f6;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:-o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);background-image:linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb;}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px;}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px;}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999;}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto;}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none;}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:-o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);background-image:linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:-o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);background-image:linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb;}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none;}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto;}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto;}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0;}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;}.select2-container--classic .select2-dropdown{background-color:white;border:1px solid transparent;}.select2-container--classic .select2-dropdown--above{border-bottom:none;}.select2-container--classic .select2-dropdown--below{border-top:none;}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto;}.select2-container--classic .select2-results__option[role=group]{padding:0;}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey;}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:white;}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px;}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb;}/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
	text-align: center;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/

.compact-theme a, .compact-theme span {
	float: left;
	color: #333;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #AAA;
	border-left: none;
	min-width: 14px;
	padding: 0 7px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.compact-theme a:hover {
	text-decoration: none;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
	background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
}

.compact-theme li:first-child a, .compact-theme li:first-child span {
	border-left: 1px solid #AAA;
	border-radius: 3px 0 0 3px;
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
	border-radius: 0 3px 3px 0;
}

.compact-theme .current {
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
	cursor: default;
}

.compact-theme .ellipse {
	background: #EAEAEA;
	padding: 0 10px;
	cursor: default;
}

/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/

.light-theme a, .light-theme span {
	float: left;
	color: #666;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.light-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.light-theme .current {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

/*------------------------------------*\
	Dark Theme Styles
\*------------------------------------*/

.dark-theme a, .dark-theme span {
	float: left;
	color: #CCC;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #222;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #555; /* Old browsers */
	background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
	background: linear-gradient(top, #555 0%,#333 100%); /* W3C */
}

.dark-theme a:hover {
	text-decoration: none;
	background: #444;
}

.dark-theme .current {
	background: #222;
	color: #FFF;
	border-color: #000;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	cursor: default;
}

.dark-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}
/*!
 * Fotorama 4.6.3 | 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(https://www.coved-est.fr/1208452137/image/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(https://www.coved-est.fr/1208452137/image/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;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left: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}/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 10px auto 30px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(https://www.coved-est.fr/90573676/image/controls.png) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(https://www.coved-est.fr/90573676/image/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(https://www.coved-est.fr/90573676/image/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(https://www.coved-est.fr/90573676/image/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(https://www.coved-est.fr/90573676/image/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*
     FILE ARCHIVED ON 18:07:39 Jul 29, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:51:01 Jan 13, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  exclusion.robots.policy: 0.175
  LoadShardBlock: 1512.734 (3)
  RedisCDXSource: 363.079
  CDXLines.iter: 14.958 (3)
  captures_list: 1894.96
  PetaboxLoader3.datanode: 2063.143 (4)
  PetaboxLoader3.resolve: 4010.533
  load_resource: 4568.975
  esindex: 0.019
  exclusion.robots: 0.187
*/