/* cmsms stylesheet: TemplateA modified: vendredi 28 février 2025 11:10:07 */
 /* jaune */
 /* bleu */
 /* bleuclair */
 /* grisbleu */



* {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { position: relative }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
.video { margin:1rem 0; height:450px }

html { height:100% }
body { 
	display:grid; 
	grid-template-rows:1fr auto; 
	margin: 0; 
        font-family: 'Nunito', sans-serif;
	font-size: 1rem; 
	line-height: auto; 
	height:100% 
}
body, button, input, select, textarea, nav li a { 
	color: #4d4c4c; 
}

body {
	background: #fff;
	color: #555;
}


header {
	position: fixed;
        display:grid;
	width: 100%;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 41%, rgba(241,241,245,1) 100%);
        grid-template-columns:1fr 1fr;
        grid-auto-flow:dense;
	left:0;
	right:0;
	top:0;
	height: 10rem;
	margin: 0;
	padding: 1rem;
	z-index:2000;
}

.basket-jetcode { position:relative; z-index:500; top:-50px; right:0 }

.accueil header { background-color:#fff }

#logo {
        display:grid;
        justify-content:center;
        align-content:center;
	position: relative;
	width: auto;
	max-width: 330px;
	height:125px;
	max-height:125px;
	margin:0;
	padding:0;
	z-index: 1500;
}

#logo img {
	width: 100%;
	height: auto;
}





#menu { 
	position:relative; 
        display:grid;
        justify-content:end;
        align-content:center;
	width:100%; 
	z-index: 1020;
	transition-delay: 0s;
	transition-duration: 0.8s;
	transition-property: all;
	transition-timing-function: ease;
}

/*
#slogan { position: absolute; right:0; top: 50%; display: table; height:50% }
#slogan div { display: table-cell; vertical-align: top; font-size: 1rem; text-align: right }
*/

.parallax { position: absolute }

#main { 
   background-color: #fff;
   margin:15rem auto 3rem auto; 
   padding: 0;
   width: 100%;
   max-width: 1200px;
   z-index:100
}

.accueil #main { margin:5rem auto 0 auto;  }


/* image en fond */
/*
#imgTitre { position:absolute; width:100%; height:600px; min-height:600px; z-index: 40; background-size: cover }
#imgTitre img { position:relative; display:block; z-index:50; }
#imgTitre .degrade { position:absolute; z-index:100; background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 40%); height:100%; width:100%; } 
*/


footer {
   width: 100%;
   height: auto;
   margin: 0 auto;
   padding: 1rem;
   color:#fff;
   text-align: center;
   background: #1f29bc url(../../uploads/design/trame-footer.jpg) top right no-repeat;
}

footer a { font-size:0.9rem; color:#ffdd3d }
footer a:hover, footer p { color:#fff }


/* Grille */

div[class^='grille'] { margin: 1rem 0 }

.grille4c-25pc {
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow:dense
}

.grille3c-33pc {
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow:dense
}

.grille2c-50pc {
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow:dense
}

.grille2c-1t2t {
  display:grid;
  grid-template-columns: 1fr 2fr;
  grid-column-start:1;
  grid-column-end:-1;
  margin-bottom: 2em
}

.grille2c-2t1t {
  display:grid;
  grid-template-columns: 2fr 1fr;
  grid-column-start:1;
  grid-column-end:-1;
  margin-bottom: 2em
}

.grille {
  display:grid;
}


.goutt1 { grid-gap:1rem }
.goutt2 { grid-gap:2rem }

.verti { width:auto; height:100% }


.centre { margin:0 auto; max-width: 1200px; width: 100% }
.centree { margin:0 auto }
.demi { width:50% }


.margeInt1 { padding:1rem }
.margeInt2 { padding:2rem }
.margeInt3 { padding:3rem }

.centreLH { display: flex; justify-content: center; align-items:center; width:100%; height:100% }
.centreV { display:grid; align-content: center; }






/* Typos */

h1 { 
   font-family: "Damion", cursive;
   font-weight: 400;
   font-style: normal;
   color:#b5becc;
   font-size:3.4rem;
   line-height:90%;
   margin:0 0 2rem 0 
}

h2 { color:#6393df; font-family: 'Bebas Neue', sans-serif; font-weight:normal; font-size:2rem; margin:0 0 1rem 0 }

h2.chapeau { color:#6393df; padding: 2rem 0; font-family: inherit; font-weight:normal; font-size:1.4rem; margin:0 }

h3 { color:#1f29bc; font-weight:normal; font-size:1.7rem; margin:0 0 1rem 0 }

p { color:#555; font-size:1.2rem; margin:0 0 0.5rem 0 }

.petit { font-size: 0.9rem }

/* h1, h2, h3, p, li { text-wrap: balance } */





/* iframe */

iframe { width: 100% }


/* Formulaire */

.cms_form legend, .formulaire legend { display: none }
.cms_form input:not([type="submit"]), .cms_form textarea, .formulaire input:not([type="submit"]), .formulaire textarea, .formulaire select { border:0; background-color: #eee; margin-bottom:1rem; font-size:0.95em }
/* .cms_form label, .cms_form input, .formulaire label, .formulaire input { float: left } */
.cms_form div, .formulaire div { clear: both }
.cms_form label, .cms_form textarea, .cms_form input, .formulaire label, .formulaire textarea, .formulaire input, .formulaire select { width: 100% }
.cms_form .cms_submit, .formulaire .cms_submit, .formulaire input[type="submit"] { float:none; border:0; margin:0; color:#fff; margin-bottom:0; background-color: }
.formulaire select { background-color:#fff; border:1px solid #eee }
.formulaire option:checked { background-color:#eeeeee; }
.error { color: red }


/* Liens */
a { 
	color:#1f29bc; 
	text-decoration: none;
	transition-delay: 0s;
	transition-duration: 0.8s;
	transition-property: all;
	transition-timing-function: ease;
}

a:hover { color:; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }

.btnsuite { margin:0; padding:0; align-self: end; }

.btnsuite a { 
   position:relative; 
   display:inline-block;
   background-color: #6393df;
   color:#fff; 
   width:100%; 
   padding:0.6rem; 
   text-align:center;
}

.btnsuite a:hover {
   background-color: #b5becc;
}

#actus .btnsuite a { background: transparent }


/* Couleurs */

.blanc { color:#fff }
.fdblanc { background-color:#fff }
.fdblanc80 { background-color:rgba(255,255,255,0.8) }

.noir { color:#000 }
.fdnoir { background-color:#000 }

.bleu { color:#1f29bc }
.fdbleu { background-color:#1f29bc }
.fdbleu80 { background-color:rgba(31,41,188,0.8) }

.jaune { color:#ffdd3d }
.fdjaune { background-color:#ffdd3d }

.bleuclair { color:#6393df }
.fdbleuclair { background-color:#6393df }

.grisbleu { color:#b5becc }

.fdjauneclair { background-color:#f9e898 }



/* Listes */
ul, ol { margin: 1rem 0; padding: 0 0 0 1rem; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
li { margin: 0 0 0.5em 0 }
#main li { font-size:1.2rem; line-height: 135%; list-style-type:square }
#main li::marker { color:#1f29bc }

figure { margin: 0; }


/* Formulaires */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; line-height:100% }

legend { border: 0; *margin-left: -7px; padding: 0; }

button, input, select, textarea { font-size: 100%; margin: 0; padding: 0.5em; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; border-radius: 0; border:0 }

.formulaire input[type="checkbox"], .formulaire input[type="radio"] { position:relative; box-sizing: border-box; height:1rem; width:auto; margin-right: 0.5em }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Remove inner padding and border in FF3/4: h5bp.com/l */

textarea { overflow: auto; vertical-align: top; resize: vertical; }


/* Boutons */

.bouton, .formulaire .bouton, .cms_form .bouton { 
   display: inline-block;
   font-size:1rem;
   padding:1rem; 
   transition-delay: 0s;
   transition-duration: 0.4s;
   transition-property: all;
   transition-timing-function: ease;
   margin-bottom:0
}

.bouton:hover {
   background-color:#1f29bc;
}

.fdbleu .bouton:hover {
   background-color:;
}

.fdjaune.bouton:hover, .fdbleu.bouton:hover {
   background-color:#6393df;
   color:#fff
}


.bouton a { color: #fff }


.large { width:100% }



/* Tables */
table { width:100%; border-collapse: collapse; border-spacing: 0; border:0; margin: 1rem 0 }
td input { margin-bottom:0 }
table td { border:0; padding:0.4em }
table td p { padding:0 }
tr:nth-child(even) { background-color: #eee }


img {
   display:block;
   width: 100%;
   height: auto
}

.largeur_defaut { width: auto; height:auto }

.icone { display:inline-block; max-width: 150px; transition:0.3s }
.icone:hover { scale:1.05 }

.cover, p:has(> .cover) { object-fit:cover; width:100%; height:100% }


p:has(>img) { margin:0; padding:0; width:100%; height:100% }


/* Rollover FX zoom, fondu et symbole + */

.hovereffect {
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
	cursor:default;
}

.hovereffect .overlay {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	opacity:0;
	background-color:rgba(0,0,0,0.5);
	-webkit-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out
}

.hovereffect img {
	display:block;
	position:relative;
	-webkit-transition:all .4s linear;
	transition:all .4s linear;
}

.hovereffect p {
	display:inline;
	width: auto;
	color:#fff;
	text-align:center;
	position:relative;
	font-size:0.5em;
	line-height:1.5em;
	background:rgba(245,156,0,0.9);
	-webkit-transform:translatey(-100px);
	-ms-transform:translatey(-100px);
	transform:translatey(-100px);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	padding:10px;
}

.hovereffect a.info {
	text-decoration:none;
	display:table;
	width:100%;
	height:100%;
	color:#fff;
	background-color:transparent;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	margin:0;
	padding:0;
}

.hovereffect a.info span {
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	font-size:2em;
   }

.hovereffect a.info:hover {
   /*box-shadow:0 0 5px #fff;*/
}

.hovereffect:hover img {
	-ms-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}

.hovereffect:hover .overlay {
	opacity:1;
	filter:alpha(opacity=100);
}

.hovereffect:hover p,.hovereffect:hover a.info {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-transform:translatey(0);
	-webkit-transform:translatey(0);
	transform:translatey(0);
}

.hovereffect:hover a.info {
	-webkit-transition-delay:.2s;
	transition-delay:.2s;
}

.hovereffect::after {
	content: " "; 
	display: table; 
	clear:both
}


/* Slider */

#pager {
  position:relative;
  top:-2rem;
  font-size:1.5rem;
}


#pager span {
   color:#6393df;
   cursor:pointer
}

#pager span.cycle-pager-active { 
   color:#ffdd3d
}



#slider { 
   position: relative;
   height:50vh;
   width: 100%;
   margin-top: 10rem;
   overflow: hidden;
   background-color:#fff;
   z-index: 900
}


.cycle-slideshow { width: 100%; height:100%; overflow: hidden; margin: 0 auto }
.cycle-slideshow > div { width:100%; height:100% }

.NewsSummaryMorelink { font-weight: bold }

#slider .sommaire {
   position: relative;
   /*width: 100%;*/
   height:100%;
   min-height:100%;
   background-size:cover;
   background-position:center;
   font-size:1.2em;
   padding: 0
}

#slider .sommaire img.cover { position:absolute }

/* #slider a {
  position: absolute;
  display:block;
  width:100%;
  height: 100%;
  left:0;
  right:0;
  z-index:1000
} */

#slider .sommaire .cont {
   display: grid;
   height:100%;
   width:100%;

}

#slider .sommaire .TxtHGauche .cont2 {
   display:grid;
   height:auto;
   width:auto;
   padding:1rem 8rem;
   clip-path: polygon(0 0%, 100% 0%, 90% 100%, 0% 100%);
}

#slider .sommaire .TxtHDroite .cont2 {
   display:grid;
   height:auto;
   width:auto;
   padding:1rem 8rem;
   clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
}


#slider .sommaire .TxtHCentre .cont2 {
   display:grid;
   height:auto;
   width:auto;
   padding:1rem 8rem;
   clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
}


#slider .sommaire .cont2 p {
   display:table-cell;
   vertical-align:middle;
   padding:0.5rem 0;
   font-size:1.4rem
}

#slider .sommaire .cont2 * { margin:0; padding:0 }

.TxtVHaut { align-content: top }
.TxtVCentre { align-content: center }
.TxtVBas { align-content: bottom }
.TxtHGauche { justify-content: start }
.TxtHCentre { align-content: center }
.TxtHDroite { justify-content: end }




/* pour template 3photos - gouttiere 10px */
#slider .ligne {
   display:flex; 
   height:100%; 
   padding:0;
   justify-content:space-between;
}
#slider .ligne .flex33 {
  flex-basis: 33.33%;  width: 33.33%; max-width: 33.33%
}
#slider .flex66 {
  flex-basis: calc(66.66% - 10px);  width: calc(66.66% - 10px); max-width: calc(66.66% - 10px)
}

#slider .zone1, #slider .zone2, #slider .zone3 { display: block; background-size: cover; background-repeat: no-repeat; background-position:center; width:100%; height:100% }

#slider span { width:100% }
#slider .ligne .flex33 span { width:100%; height:49% }
#slider .ligne .flex33 span span { width:100%; height:100% }


/*** Partenaires ***/
#partenaires { margin:5rem 0 }
#partenaires h3 { text-align:center; font-size:2rem }
#partenaires img { display: inline-block; width: auto; height:auto; margin:0 1rem; max-height: 140px }
#partenaires .large60pc { width:12% }


/*** liensBas ***/
#liensBas { color:#b5becc; background-color: #f1f1f5; padding:5rem }
#liensBas h3 { font-family: 'Bebas Neue', sans-serif; color:#b5becc; font-size:2.5rem }

/*** grandsLiens ***/
#grandsliens { background-color: #1f29bc; color:#fff }
#grandsliens .col { padding:1rem }
#grandsliens .blocTitre { display:grid; grid-template-columns:1fr 1fr; align-items:center; justify-items:center }
#grandsliens .blocTitre img { max-width:7rem }
#grandsliens h3 { font-family: 'Bebas Neue', sans-serif; font-size:3rem; margin:0; padding:0 }


/*** Actus ***/

/* #main .lienVign, #main article .txt { min-height:20vh } */

article { display: grid }
/* .grille3c-33pc article { grid-template-rows: auto } */
article a { display: block; position:relative; align-self: start; }
article .trame { opacity:0; transition: all 0.5s ease-out }
article:hover .trame { opacity:0.3 }

article:nth-child(1) .trame { position:absolute; top:0; left:0; z-index:2; inset:0; background-color:rgb(0, 61, 162) }
article:nth-child(2) .trame { position:absolute; top:0; left:0; z-index:2; inset:0; background-color:rgb(0, 81, 213) } 
article:nth-child(3) .trame { position:absolute; top:0; left:0; z-index:2; inset:0; background-color:rgb(255, 228, 0) } 
article:nth-child(4) .trame { position:absolute; top:0; left:0; z-index:2; inset:0; background-color:rgb(255, 228, 0) }


#actus, .fdBleuDeg { background: #1f29bc; background:linear-gradient(180deg, rgba(4,60,167,1) 0%, rgba(4,75,202,1) 89%, rgba(4,79,213,1) 100%); }
#actus article { position:relative; display:grid; padding:2rem } 
#actus article .imageFd { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; filter: grayscale(80%); z-index:1 }
#actus article:nth-child(1) .trame { position:absolute; top:0; left:0; z-index:2; inset:0; background-color:rgb(0, 61, 162) }
#actus article:nth-child(2) .trame { position:absolute; top:0; left:0; z-index:2; inset:0; background-color:rgb(0, 81, 213) } 
#actus article:nth-child(3) .trame { position:absolute; top:0; left:0; z-index:2; inset:0; background-color:rgb(255, 228, 0) } 
#actus article:nth-child(4) .trame { position:absolute; top:0; left:0; z-index:2; inset:0; background-color:rgb(255, 228, 0) }
#actus article:nth-child(3) .btnsuite a, 
#actus article:nth-child(4) .btnsuite a { color: #1f29bc } 
#actus article .trame { opacity:0.95; transition: all 0.5s ease-out }
#actus article:hover .trame { opacity:0.85 }

 
#actus article .txt { position:relative; z-index:3; text-align:center }
#actus article h2, #actus article h3, #actus article p { color:#fff }
#actus article h2.bleu, #actus article h3.bleu, #actus article .bleu a, #actus article p.bleu { color:#1f29bc }
#actus article h3 { font-family: 'Bebas Neue', sans-serif; line-height:130%; font-size:1.5rem }
#actus article a { color:#fff }
/* #actus article a:hover { color:#ffdd3d } */
#actus .btnsuite a { position:relative; display:inline-block; z-index:3; border:1px solid #fff; width:100%; padding:0.6rem; text-align:center; transition: all .5s ease-in-out; }
#actus .centre article:nth-child(3) .btnsuite a, #actus .centre article:nth-child(4) .btnsuite a { border:1px solid #1f29bc }
#actus .centre article:nth-child(3) .btnsuite a, #actus .centre article:nth-child(4) .btnsuite a { color:#1f29bc }
#actus .centre article:nth-child(3) .btnsuite a:hover, #actus .centre article:nth-child(4) .btnsuite a:hover { color:#fff }

#actus .btnsuite a:hover { background-color: rgba(0,0,0,0.25) }

.txt { margin-top:1rem }

/* Mobiles */

@media only screen and (max-width: 567px) {
  header { height: auto; grid-template-columns:3fr 1fr; background:#fff; padding:0 }
  #logo { position: absolute; width:90%; max-width:200px; height: auto }
  .cont2 h2 { font-size:1.3rem }
  .grille4c-25pc { grid-template-columns:1fr 1fr }
  #main { margin-top:6rem; padding: 1rem 2rem }
  .accueil #main { margin:0 }
  #main .lienVign, #main article .txt { height:auto }
  #liensBas { padding:1rem }
  #liensBas .grille4c-25pc  { grid-template-columns:1fr }
  #partenaires { margin-top:0 }
  #partenaires img { width:45%; max-height:none }
  #slider { margin-top:96px; height:40vh }
  #slider .sommaire .cont2 { padding:1rem 3rem }
  .icone { max-width: 70px }
  #actus article { padding:0.5rem }
  #liensBas h3 { font-size:1.3rem }
  #partenaires .large60pc { width:30% }
  .basket-jetcode { top:-10rem }
 
  h1 { font-size: 2rem }
  h2 { font-size: 1.7rem }
  p { font-size: 1rem }

  h2.chapeau { font-size: 1rem }

  .resp1col { grid-template-columns:1fr }
  .resp2col { grid-template-columns:1fr 1fr }
  .resp3col { grid-template-columns:1fr 1fr 1fr }

  .posXmobright { object-position: right }
  .posXmobleft { object-position: left }
  .posXmobcenter { object-position: center }

}





/* Editeur */
.mce-content-body * { opacity:1 }
.mce-content-body .cell,
.mce-content-body .demi,
.mce-content-body .tiers,
.mce-content-body .col,
.mce-content-body .quart { border:2px dotted #ddd }
.mce-content-body div[class^='grille'] { border:3px dotted #ff0000 }
.mce-content-body div[class^='grille'] div { border:3px dotted #ff712c }
.mce-content-body .animated { opacity:1 }
.mce-content-body .taille_nat { width:auto; height: auto; max-height: 140px }
.mce-content-body a, .mce-content-body img { border:1px dotted blue }
.mce-content-body a { width:auto; height:auto }
.mce-content-body img { display: inline-block }
.mce-content-body .blanc { color:#ddd }
/* cmsms stylesheet: lightgallery modified: lundi 17 juin 2024 16:35:32 */
/*! lightgallery - v1.2.22
* http://sachinchoolur.github.io/lightGallery/
*/

.lightgallery {
    z-index:5000
}

.lightgallery .col {
  flex-basis:25%;
  margin:0;
  padding:0 15px 30px 15px;
}


@font-face {
  font-family: 'lg';
  src: url("../../fonts/lg.eot?n1z373");
  src: url("../../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../../fonts/lg.woff?n1z373") format("woff"), url("../../fonts/lg.ttf?n1z373") format("truetype"), url("../../fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {
  font-family: 'lg';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 2080;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 2082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 2080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 2080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 2080;
  cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../../lib/jquery/js/lightgallery/img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../../lib/jquery/js/lightgallery/img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../../lib/jquery/js/lightgallery/img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../../lib/jquery/js/lightgallery/img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../../lib/jquery/js/lightgallery/img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 2080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.group {
  *zoom: 1;
}

.group:before, .group:after {
  display: table;
  content: "";
  line-height: 0;
}

.group:after {
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url("../../lib/jquery/js/lightgallery/img/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 2060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}