/*
Theme Name: Template Julien Hardy Ebeniste
Theme URI: https://www.julienhardyebeniste.fr/
Description: Theme Julien Hardy Ebeniste
Version: 2.0
Author: Elodie B.
Author URI: https://www.elodieberger.com/
Text Domain: Julien Hardy Ebeniste
*/


@font-face {font-family: 'American-Typewriter-Regular';src: url(fonts/American-Typewriter-Regular.woff2) format('woff2');font-style: normal;font-display: swap;}

/* GENERAL */

html, body {height: 100%;}

html {font-size: 16px;}
body {font-size: 16px;line-height: 1.4; color: #000; background-color: #fff; font-family: 'American-Typewriter-Regular', Courrier New, sans-serif; letter-spacing: .05em;}

p, ul, table {font-size: 1em;margin-bottom:1em;}
a {color: #000;text-decoration: none;}

b, strong {font-weight:bold;}
h1 {color: #000;letter-spacing: .1em;}

body.home h1,
body.page-template-page-contact h1 {position: absolute; left: -999em;}


h2 {color: #000; font-size: 1.3em; margin-bottom: 1.2em;letter-spacing: .1em;}
h3 {color: #000; font-size: 1.1em; margin-bottom: 1em;letter-spacing: .1em;}
@media (min-width: 768px) {
	h2 {font-size: 1.4em;}
	h3 {font-size: 1.15em;}
}
@media (min-width: 1200px) {
	h2 {font-size: 1.5em;}
	h3 {font-size: 1.2em;}
}

.main-title {text-align: center;padding: 170px 0 60px 0;}
@media (min-width: 768px) {
	.main-title {text-align: left; padding: 0 0 0 130px; height: 300px;}
}


.m-text ul {padding-left: 0; list-style: none;}
.m-text li {position: relative; padding-left: 1em;margin-bottom: .3em;}
.m-text li:before {position: absolute;content: ""; width: 7px; height: 7px; border-radius: 50%;left: 1px; top: 7px;background-color: #000;}
.m-text .list-unstyled li {padding-left: 0;}
.m-text .list-unstyled li:before {content: none;}

hr {border: 0;border-top: 1px solid rgba(0, 0, 0, 0.3);margin-top: 1em; margin-bottom: 1.6em;}

.btn, #submit {padding: 10px 2px; font-size: 16px; text-align: center; background-color: transparent; color: #000; margin-bottom: 0; text-decoration: none !important;}
.btn:hover, #submit:hover {text-decoration: none; font-weight: bold;}


/* ******************************* HEADER */

.page-header {background: #fff; z-index: 999;}

.header-logo {position: absolute; left: 50%; margin-left: -26px; top: 40px;}
.header-logo a:hover, .header-logo a:focus {text-decoration: none;}
@media (min-width: 768px) {
	.header-logo {margin-left: -338px;top: 100px;}
	body.home .header-logo {top: 200px;}
}
@media (min-width: 992px) {
	.header-logo {margin-left: -458px;}
}
@media (min-width: 1200px) {
	.header-logo {margin-left: -548px;}
}
@media (min-width: 1500px) {
	.header-logo {margin-left: -688px;}
}

/* ******************************* NAV */

#page {height: 100%;}

.top-content {height: 100%;}
.top-content .container {height: 100%;}
.top-content-wrap {padding: 170px 0 78px; height: 100%;}
.top-content-wrap a {display: inline-block; max-width: 100%; max-height: 100%;}
.top-content-wrap button {display: inline-block; max-width: 100%; max-height: 100%;background-color: transparent; border: 0;color: #000;}
.top-content-wrap img {max-width: 100%; max-height: 100%; width: auto; height: auto;}
.top-content-wrap img:hover {cursor: pointer;opacity: .85;}
@media (min-width: 768px) {
	.top-content-wrap {padding: 8px 0 78px 130px;}
}

/* ******************************* FOOTER */

.front-footer {position: fixed; left: 0; right: 0; bottom: 0; padding: 15px 0; background-color: rgba(255, 255, 255, .6);}
a.footer-title {letter-spacing: .1em;}
a.footer-title:hover {opacity: .85}

.post-edit-link {position: fixed; top: 50%; left: 0;font-size: 0;z-index: 9999; text-decoration: none !important;}
.post-edit-link:before {display:block; font-size: 20px; border: 1px solid #fff; width: 35px; height: 35px; background-color: #000; color: #fff; text-align: center; line-height: 35px; content: "✎";}
.post-edit-link:hover:before {background-color: red;}

/* ******************************* */

.nocomments {display: none;}
.alignleft {float:left; margin:0 15px 8px 0;}
.alignright {float:right; margin:0 0 8px 15px;}
img.aligncenter,
.m-text picture.aligncenter > * {display: block; margin: 0 auto;}

.m-text img {max-width: 100%; height: auto;}
.m-text iframe, .m-text object {max-width: 100%;}
.img-fluid img, .img-fluid source {max-width: 100%; height: auto;}

.bloc {position: relative;}
.bloc-right {justify-content: end;text-align: right;}
.bloc-center {text-align: center;}
.bloc a {display: inline-block;}
.bloc button {display: inline-block; background-color: transparent; border: 0;color: #000;}
.bloc-title {letter-spacing: .1em;}
.bloc-center .bloc-title {display: block;}
.bloc-title:hover {cursor: pointer;opacity: .6;}
.bloc img:hover {cursor: pointer;opacity: .85;}
@media (min-width: 992px) {
	.bloc-right {text-align: left;}
	.bloc a {width: 50%;}
	.bloc button {width: 50%;}
	.bloc-center a {width: 100%;}
	.bloc-center button {width: 100%;}
	.bloc-title {position: absolute;top: 49%;}
	.bloc-left .bloc-title {left: 50%;}
	.bloc-right .bloc-title {right: 50%;}
	.bloc-center .bloc-title {position: relative;top: auto; left: auto; right: auto;}
}



.contactline {padding-top: 170px; margin-bottom: 50px;}
.contactline .title {letter-spacing: .1em;}
@media (min-width: 768px) {
	.contactline {padding-top: 240px;}
}
@media (min-width: 992px) {
	body.page-template-page-contact {background-position: right top; background-repeat: no-repeat;}
}


.m-tabs {position: relative;}
.m-tabs-nav {margin: 0;position: relative;z-index: 2;}
.m-tabs-link {cursor: pointer;margin-bottom: 5px;color: #999; white-space: nowrap; margin-bottom: 1em; font-size: 1.05em;}
.m-tabs-link:hover {color: #000;}
.m-tabs-link.active {color: #000;}
.m-tabs-panel {font-size: .9375em;background-color: #fff; padding: 40px; color: #999;position: relative;z-index: 1;display: none; box-shadow: 0 0 10px rgba(0, 0, 0, .5);}
.m-tabs-panel.active {display:block;}
.m-tabs-panel h2 {font-size: 1.2em;}
@media (min-width: 768px) {
	.m-tabs-panel h2 {font-size: 1.25em;}
}
@media (min-width: 1200px) {
	.m-tabs-panel h2 {font-size: 1.3em;}
}


.contactmentions {padding-top: 3em; font-size: .85em;color: #999;}
.contactmentions a {color: #999;}
.contactmentions a:hover {color: #000;}

/* 404 */
svg.error-icon {width: 50px;margin: 20px auto 40px;}
svg.error-icon path {fill: #000;}


/* SOCIALS */

.socials li {margin-right: 20px;}
.socials > li:last-child {margin-right: 0;}
.socials a {width: 32px; height: 32px; border: none; border-radius: 50%; padding: 0; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle;}
.socials a svg {display: block;}
.socials li.insta a {background-color: rgba(0, 0, 0, .5);}
.socials li.insta a svg {height: 22px; width: auto; margin: 5px auto;}
.socials li.insta a svg path {fill:#fff;}
.socials li.insta a:hover {background-color: rgba(0, 0, 0, .9);}
.socials li.info g {stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero;}
.socials li.info path {stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgba(0, 0, 0, .5); fill-rule: nonzero; opacity: 1;}
.socials li.info a:hover path {fill: rgba(0, 0, 0, .9);}


/* FORMS */

.form-group {margin-bottom: 1em;}
.form-group .label {display: inline-block; margin-bottom: 5px;}
.form-control {font-size: 15px;padding: 0.4em 0; border-radius: 0; background-color: transparent; border: 0; border-bottom: 1px solid #ccc;}
textarea {max-width: 100%;}
.form-control:focus {border-color: #000;}
.form-control::-moz-placeholder,
.form-control::placeholder {color:#aaa;letter-spacing: .03em;}
.form-select {font-size: 18px;color:#ccc;padding:  0.4em 0; border-radius: 0; background-color: transparent; border: 0; border-bottom: 1px solid rgba(255, 255, 255, .3);background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");background-position: right 0.75rem center;background-size: 16px 12px;}
.form-select:focus {border-color: #000; color: #000;}
.form-check {min-height: 14px; font-size: 12px;font-family: Arial; letter-spacing: .05em;}
.form-check input {width: 14px;height: 14px;border: 1px solid #aaa;background-size: contain;}
.form-check input:checked {background-color: #000;border-color: #000;}
.form-check input:checked[type=checkbox] {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>");}
.form-check input:checked[type=radio] {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='%23ffffff'/></svg>");}
.form-switch input[type=checkbox] {width: 2.2em;background-position: left center;border-radius: 2em;transition: background-position 0.15s ease-in-out;background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23fff'/></svg>"); }
.form-switch input[type=checkbox]:focus {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23fff'/></svg>");}
.form-switch input[type=checkbox]:checked {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%2300698C'/></svg>");}
.form-control::-webkit-file-upload-button {color: #fff; background-color: #000;}
.form-control::file-selector-button {color: #fff; background-color: #000;}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {background-color: #ccc;}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {background-color: #ccc;}

.wpcf7-acceptance {font-size: .9em;}



span.wpcf7-form-control-wrap,
span.wpcf7-form-control-wrap > span {display: block; width: 100%;}
span.wpcf7-list-item {display: block; margin: 0 0 1em 0;}
span.wpcf7-list-item.last {margin-bottom: 0;}
.form-check--inline span.wpcf7-list-item {display: inline-block; margin: 0 0 0 1em;}
.form-check--inline span.wpcf7-list-item.first {margin-left: 0;}

/* WPCF7 */
.wpcf7 .screen-reader-response {position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; }
.wpcf7 form .wpcf7-response-output {margin: 1.5em 0; padding: 0.8em 1em; border:0; border-radius: 2px;}
.wpcf7 form.init .wpcf7-response-output {display: none;}
.wpcf7 form.sent .wpcf7-response-output {background-color: #629c17;color:#fff; /* Green */}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {background-color: #c03b17;color:#fff; /* Red */}
.wpcf7-form-control-wrap {position: relative;}
.wpcf7-not-valid-tip {color: red; font-size: .9em; font-weight: normal; display: block;padding-top: 4px;}
.wpcf7-not-valid.form-control {border-color: red;}
div.wpcf7 .ajax-loader {visibility: hidden; position: relative; display: inline-block; width: 20px; height: 20px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle;}
div.wpcf7 .ajax-loader:after {background-color: #000;width: 20px;height: 20px;content: ""; opacity: .8; position: absolute; top: 0; left: 0;display: inline-block;-webkit-animation: rotate-loading 1.2s infinite ease-in-out; animation: rotate-loading 1.2s infinite ease-in-out;}
div.wpcf7 .placeheld {color: #888;}
div.wpcf7 .ajax-loader.is-active {visibility: visible;} div.wpcf7 div.ajax-error {display: none;} div.wpcf7 input[type="file"] {cursor: pointer;} div.wpcf7 input[type="file"]:disabled {cursor: default;} div.wpcf7 .wpcf7-submit:disabled {cursor: not-allowed;} .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {direction: ltr;}
span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after {content: " ";}
span.wpcf7-list-item input {margin-right: 5px;}



/* LightGallery */

.gallery-title {position: fixed; bottom: 10px; text-shadow: 0 0 3px rgba(0, 0, 0, 1.0); width: 100%; text-align: center; font-family: 'American-Typewriter-Regular', Courrier New, sans-serif; letter-spacing: .05em; color: #fff; z-index: 9999; pointer-events: none; }

.lg-next,
.lg-prev {border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: block; margin-top: -20px;  position: absolute; top: 50%; z-index: 1080; outline: none; border: none; }
.lg-next.disabled,
.lg-prev.disabled {pointer-events: none; opacity: 0.5; }
.lg-next {right: 20px; background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path fill='%23ffffff' d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'/></svg>") no-repeat center center;}
.lg-prev {left: 20px; background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'><path fill='%23ffffff' d='M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z'/></svg>") no-repeat center center;}
.lg-next:hover,
.lg-prev:hover {background-color: rgba(0, 0, 0, 0.5);}

@-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: 1082; left: 0; position: absolute; top: 0; width: 100%;}
.lg-media-overlap .lg-toolbar {background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); }
.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; will-change: color; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; background: none; border: none; box-shadow: none; }
.lg-toolbar .lg-icon.lg-icon-18 {font-size: 18px; }
.lg-toolbar .lg-icon:hover {color: #fff; }

.lg-toolbar .lg-close {background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='%23ffffff' d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/></svg>") no-repeat center center; background-size: 20px auto;}
.lg-toolbar .lg-close:hover {background-color: rgba(0, 0, 0, 0.5);}

.lg-toolbar .lg-maximize,
.lg-toolbar .lg-download,
.lg-counter {display: none;}

.lg-error-msg {font-size: 14px; color: #999; }

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

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {opacity: 0; will-change: opacity; -webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {opacity: 1; }

.lg-outer .lg-thumb-outer {display: inline-block; width: 100%; max-height: 350px; }
.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-outer.lg-rebuilding-thumbnails .lg-thumb {-webkit-transition-duration: 0s !important; transition-duration: 0s !important; }
.lg-outer .lg-thumb-outer.lg-thumb-align-middle {text-align: center; }
.lg-outer .lg-thumb-outer.lg-thumb-align-left {text-align: left; }
.lg-outer .lg-thumb-outer.lg-thumb-align-right {text-align: right; }
.lg-outer .lg-thumb {padding: 5px 0; height: 100%; margin-bottom: -5px; display: inline-block; vertical-align: middle; }
@media (min-width: 768px) {
  .lg-outer .lg-thumb {padding: 10px 0; }
}

.lg-outer .lg-thumb-item {cursor: pointer; float: left; overflow: hidden; height: 100%; opacity: .8; margin-bottom: 5px; will-change: border-color; }
@media (min-width: 768px) {
  .lg-outer .lg-thumb-item {border: 2px solid transparent; box-shadow: 0 0 3px rgba(0, 0, 0, 1.0); -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: #fff; opacity: 1;}
.lg-outer .lg-thumb-item img {width: 100%; height: 100%; object-fit: cover; display: block; }
.lg-outer.lg-can-toggle .lg-item {padding-bottom: 0; }
.lg-outer .lg-toggle-thumb:after {content: '\e1ff';}

.lg-outer.lg-animate-thumb .lg-thumb {-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

@keyframes lg-play-stroke { 0% {stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% {stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% {stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } }

@keyframes lg-play-rotate {100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); }}

.lg-progress-bar {background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; will-change: opacity; -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: 0ms !important; transition-duration: 0ms !important; }


.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {will-change: transform; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; }
.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {will-change: transform; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {-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,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); will-change: opacity, transform; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 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-icon.lg-zoom-in {display: none;}
.lg-icon.lg-actual-size {font-size: 20px;}
.lg-icon.lg-actual-size:after {content: '\e033';}
.lg-icon.lg-zoom-out {opacity: 0.5; pointer-events: none; }
.lg-icon.lg-zoom-out:after {content: '\e312';}
.lg-zoomed .lg-icon.lg-zoom-out {opacity: 1; pointer-events: auto; }

.lg-outer .lg-pager-outer {text-align: center; z-index: 1080; height: 10px; margin-bottom: 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; will-change: transform, opacity; -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";}

.lg-rotate-left:after {content: '\e900';}
.lg-rotate-right:after {content: '\e901';}
.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {font-size: 26px;}
.lg-flip-ver:after {content: '\e903';}
.lg-flip-hor:after {content: '\e902';}

.lg-group:after {content: ''; display: table; clear: both; }

.lg-container {display: none; }

.lg-container.lg-show {display: block; }

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {opacity: 0; will-change: transform, opacity; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {opacity: 1; }

.lg-show-in.lg-hide-sub-html .lg-sub-html {opacity: 1; }
.lg-show-in .lg-hide-items .lg-prev {opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
.lg-show-in .lg-hide-items .lg-next {opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
.lg-show-in .lg-hide-items .lg-toolbar {opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }

.lg-outer {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0.001; outline: none; will-change: opacity; -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-zoom-from-image {opacity: 1; }
.lg-outer.lg-visible {opacity: 1; }
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).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%; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transition: none; -o-transition: none; transition: none; white-space: nowrap; }
.lg-outer .lg-item {will-change: transform, opacity; 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%; padding: 0 54px 50px;}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.lg-outer .lg-img-wrap {position: absolute; left: 0; right: 0; top: 0; bottom: 0; white-space: nowrap; font-size: 0; }
.lg-outer .lg-item.lg-complete {background-image: none; }
.lg-outer .lg-item.lg-current {z-index: 1060; }
.lg-outer .lg-object {display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; position: relative; }
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play-button {opacity: 0; will-change: opacity; -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-zoom-from-image .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-video-play-button {opacity: 1; }
.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-button {opacity: 1; }
.lg-outer .lg-empty-html {display: none; }
.lg-outer .lg-first-slide .lg-dummy-img {position: absolute; top: 50%; left: 50%; }
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {-webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); opacity: 1; }
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {opacity: 1; transition: opacity 0.2s ease-out 0.15s; }

.lg-backdrop {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: rgba(0, 0, 0, .8); opacity: 0; will-change: opacity; -webkit-transition: opacity 333ms ease-in 0s; -o-transition: opacity 333ms ease-in 0s; transition: opacity 333ms ease-in 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-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-use-css3 .lg-item.lg-start-progress {-webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; }
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 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-container {display: none; }
.lg-container.lg-show {display: block; }
.lg-container.lg-dragging-vertical .lg-backdrop {-webkit-transition-duration: 0s !important; transition-duration: 0s !important; }
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {-webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; }

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {position: absolute; }
.lg-inline .lg-backdrop {z-index: 1; }
.lg-inline .lg-outer {z-index: 2; }
.lg-inline .lg-maximize:after {content: '\e909'; }

.lg-components {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); will-change: transform; -webkit-transition: -webkit-transform 0.35s ease-out 0s; -moz-transition: -moz-transform 0.35s ease-out 0s; -o-transition: -o-transform 0.35s ease-out 0s; transition: transform 0.35s ease-out 0s; z-index: 1080; position: absolute; bottom: 0; right: 0; left: 0; }



