yelda-webchat 1.1.7 → 1.1.11

package/dist/css/yeldaWebchatInjector.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://YeldaChat/./src/css/yeldaWebchatInjector.css","webpack://YeldaChat/./node_modules/lightgallery.js/dist/css/lightgallery.css"],"names":[],"mappings":";AAGA,qBACE,YACA,eAGF;AAAA,6BACE,uCACA,kBACA,YACA,eACA,iBACA,YACA,WACA,kBACA,mBACA,6DAGA,iHAAyF,CAG3F;AAAA,4BACE,YACA,WAGF;AAAA,gCACE,gBACA,eAGF;AAAA,+BACE,0BAGF;AAAA,2BACE,qBACA,yBACA,UAEF;AAAA,qCACE,YACA,WACA,iBACA,0BAGF;AAAA,uBACE,6BACA,UACA,SAGF;AAAA,iBACE,KAAM,eACN,GAAI,gBAGN;AAAA,gBACE,uBACA,sBAGF;AAAA,6BACE,eACA,WACA,YACA,mBAGF;AAAA,wBACE,YACA,2BACA,iBACA,uBACA,sBACA,gBACA,UAGF;AAAA,2CACE,uCACA,kBAGF;AAAA,iCACE,qBACA,8BAGF;AAAA,aACE,+BAGF;AAAA,UACE,+BASF;AAAA,yCAEE,6BACE,eACA,WACA,YACA,mBAGF,oCACE,eACA,OACA,MACA,QACA,SACA,WACA,YACA,gBACA,gBACA,oBACA,UACA,uBAGF,8BACE,WACA,uCACA,kBACA,uBACA,sBACA,iBAIJ;AAAA,6BACE,kBACA,mBACA,kBACA,kCACA,YACA,yBACA,kBACA,uCACA,uBACA,eACA,mDAGF;AAAA,oCACE,aAIF;AAAA,yEAEE,WACA,kBACA,iCACA,oCACA,QACA,UAIF;AAAA,qCACE,4BACA,gBACA,gBAIF;AAAA,oCACE,6BACA,gBACA,UAIF;AAAA,mCACE,GACE,2CACA,UAEF,KACE,8CACA,W;AChMJ,WACE,iBACA,kCACA,wMACA,mBACA,kBAGF,SACE,iBACA,WACA,kBACA,mBACA,oBACA,oBACA,cAEA,mCACA,kCAGF,0CACE,kCACA,kBACA,WACA,eACA,cACA,eACA,iBACA,qBACA,kBACA,QACA,aACA,aACA,YACA,6BAGF,4DACE,oBACA,WAGF,sDACE,WAGF,qBACE,WAGF,4BACE,eAAS,CAGX,qBACE,UAGF,2BACE,eAAS,CAGX,wBAqCE,GACE,OAEF,IACE,WAEF,KACE,QAIJ,uBAqCE,GACE,OAEF,IACE,UAEF,KACE,QAIJ,kCAGE,2BACA,kBAGF,iCAGE,0BACA,kBAGF,YACE,aACA,OACA,kBACA,MACA,WACA,kCAGF,qBACE,WACA,eACA,YACA,eACA,YACA,iBACA,eACA,kBACA,WACA,gCACA,oBACA,gBACA,YACA,gBACA,2BAEA,CAGF,2BACE,WAGF,4BACE,eAAS,CAGX,+BACE,eAAS,CAGX,aACE,kCACA,SACA,WACA,eACA,OACA,kBACA,eACA,QACA,kBACA,aAGF,gBACE,SACA,eACA,iBAGF,eACE,eACA,eAGF,YACE,WACA,qBACA,eACA,kBACA,iBACA,sBAGF,8BACE,UACA,mHAG0E,CAG5E,wBACE,UACA,kCACW,CAGb,wBACE,UACA,iCACW,CAGb,2BACE,UACA,kCACW,CAGb,2DAEE,8BACA,UACA,6GAIA,wBAGA,CAGF,gFAEE,2BACA,UAGF,0BACE,yBACA,SACA,kBACA,WACA,aACA,iBACA,kCAEA,uDAG4B,CAG9B,iDAGE,eACA,gBACA,YAGF,qDACE,YACA,mBAGA,oBACA,gBAGF,gDAEE,kCAGF,wCAEE,+BAAW,CAGb,oBACE,eACA,YACA,mBAGF,yBACE,kBACA,eACA,WACA,gBACA,YACA,sBACA,kBACA,kBAGF,0BACE,yBAGE,mCAIJ,+DACE,qBAGF,6BACE,WACA,YACA,qCAGF,gCACE,qBAGF,iCACE,iBAGF,0CAGE,4BAGF,wDACE,aAGF,2BACE,yBACA,0BACA,WACA,eACA,eACA,YACA,iBACA,cACA,kBACA,WACA,kBACA,UACA,WACA,oBACA,YAGF,iCACE,eAAS,CAGX,iCACE,WAGF,yBACE,qBACA,sBACA,iBACA,gBACA,WACA,cAGF,oBACE,WACA,SACA,sBACA,gBACA,kBAGF,+BACE,qBACA,kBACA,MACA,OACA,sBACA,uBAGF,mCACE,WACA,YACA,kBACA,SACA,QACA,kBACA,iBACA,aACA,eAGF,uCACE,yEAAgB,CAGlB,6CACE,6EAAgB,CAGlB,uCACE,0EACA,YACA,kBACA,iBACA,WACA,WAGF,6CACE,UAGF,yCACE,yEAAgB,CAGlB,+CACE,6EAAgB,CAGlB,2BACE,sBACA,uBACA,kBACA,MACA,OAGF,yCACE,kBAGF,4GACE,aAGF,0DACE,mBAGF,iBACE,sBACA,WACA,OACA,kBACA,MACA,WACA,aACA,UACA,+BAGA,CAGF,8BACE,yBACA,WACA,QAGF,uCACE,WAGF,mCACE,UAGF,0BACE,eAAS,CAGX,4CACE,eAAS,CAGX,+JAEE,uBAGF,mFAIE,sDAA2B,CAG7B,6EAIE,uFAA+D,CAGjE,wDAEE,+BACA,mCACA,0BACA,CAGF,qDAEE,2BACA,+EAIA,qBAIA,mCACA,0BACA,CAGF,kBACE,eAAS,CAGX,gBACE,eAGF,sBACE,eAAS,CAGX,aACE,WACA,oBAGF,mBACE,eAAS,CAGX,wBACE,UACA,oBAGF,0BACE,YACA,OACA,kBACA,QACA,kBACA,aACA,YAGF,wDACE,iBAGF,yBACE,eACA,qBACA,gBACA,kBACA,mBACA,aAGF,oDACE,UACA,8BACW,CAGb,mDACE,iCAGF,+BACE,sBACA,WACA,YACA,YACA,OACA,mBACA,kBACA,UACA,YACA,kBACA,YACA,kBACA,uDAIA,gCACW,CAGb,mCACE,WACA,YAGF,oBACE,uCACA,kBACA,iDACA,cACA,YACA,kCAGA,WAGF,oDACE,iCAGF,oBACE,mCACA,oCACA,uBACA,aACA,qBACA,SACA,SACA,iBACA,kBACA,sBACA,QAGF,qBACE,eAAS,CAGX,uCACE,eAAS,CAGX,+BACE,kCACA,SACA,eACA,OACA,eACA,QACA,MACA,aACA,UACA,kBACA,2DAEA,CAGF,4FAEE,oBACA,+BAKA,UACA,mBAGF,uCACE,WAGF,uBACE,sBACA,kBACA,eACA,qBACA,SACA,eACA,kBACA,QACA,gBACA,SACA,UACA,kBACA,iCAKA,mFAGA,CAGF,6BACE,WACA,cACA,SACA,QACA,kBACA,6BACA,yBACA,WACA,UAGF,qCACE,kBAGF,2EACE,WAGF,yBACE,WACA,cACA,gBACA,iBACA,oEACA,eAGF,+BACE,kCAGF,yCACE,qBACA,cACA,gBACA,sBAGF,gCACE,WACA,qBACA,WACA,eACA,YACA,cACA,iBACA,UACA,sBACA,WAGF,oBACE,kBAGF,0BACE,eAAS,CAGX,sCACE,cAGF,4CACE,eAAS,CAGX,qCACE,cAGF,2CACE,eAAS,CAGX,wCACE,cAGF,8CACE,eAAS,CAGX,uCACE,cAGF,6CACE,eAAS,CAGX,cACE,CAGF,2BACE,cACA,WACA,cAGF,aACE,WAGF,UACE,WACA,YACA,eACA,MACA,OACA,aACA,UACA,+BAEA,CAGF,YAGE,sBAGF,qBACE,UAGF,wHAEE,uCACA,6CACA,CAGF,4JAEE,kCACA,UAGF,gCAGE,eACA,gBACA,YAGF,oCACE,YACA,mBAGA,oBACA,gBAGF,cACE,YACA,WACA,kBACA,gBACA,iBACA,kBACA,eACA,gBAGF,oBACE,WACA,YACA,kBACA,OACA,MACA,mBAGF,mBACE,qFACA,wBAGF,gGACE,gCAGF,6BACE,gCAGF,0CACE,qBACA,kBACA,kBACA,WACA,YAGF,wDACE,WACA,qBACA,WACA,UACA,kBAGF,uBACE,kBACA,cACA,OACA,QACA,MACA,SAGF,+BACE,sBAGF,8BACE,aAGF,oBACE,qBACA,sBACA,eACA,gBACA,sBACA,uBAGF,sGACE,UACA,+BAEA,CAGF,8HACE,UAGF,yBACE,aAGF,wCACE,aAGF,aACE,eACA,MACA,OACA,QACA,SACA,aACA,sBACA,UACA,+BAEA,CAGF,gBACE,UAGF,yGAIE,sCAGF,8BACE,mCACA,0BACA,CAGF,8BACE,mCACA,0BACA,CAGF,0BACE,UAGF,qCACE,UAGF,qHAIE,+BAGF,uCACE,UAGF,qDAEE,kCAAW,CAGb,qDAEE,iCAAW,CAGb,kDAEE,+BACA,UAGF,4JAIE,yEAAyB,CAG3B,uCACE,UACA,kBACA,OAGF,qDACE,WAGF,qDACE,UAGF,kDACE,OACA,UAGF,4JAIE,oEAAoB,qriD","file":"css/yeldaWebchatInjector.min.css","sourcesContent":["@import url(https://use.fontawesome.com/releases/v5.3.1/css/all.css);.yelda_assistant_img{opacity:.93;cursor:pointer}.yelda_assistant_img.default{box-shadow:0 5px 10px rgba(0,0,0,0.16);text-align:center;color:white;font-size:32px;line-height:64px;height:60px;width:60px;border-radius:50%;background:#17a3d8;background:-moz-linear-gradient(-45deg, #17a3d8 0%, #1f60f2 100%);background:-webkit-linear-gradient(-45deg, #17a3d8 0%, #1f60f2 100%);background:linear-gradient(135deg, #17a3d8 0%, #1f60f2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#17a3d8', endColorstr='#1f60f2', GradientType=1)}.yelda_assistant_img.custom{height:auto;width:auto}.yelda_assistant_img.custom img{max-height:100%;max-width:100%}.yelda_assistant_img.default i{font-size:32px !important}.yelda_assistant_img:hover{animation-name:fonta;animation-duration:300ms;opacity:1}.yelda_assistant_img.default:hover i{height:60px;width:60px;line-height:65px;font-size:35px !important}.yelda_container.inner{position:absolute !important;left:45px;top:80px}@keyframes fonta{from{font-size:32px}to{font-size:35px}}#web_chat_frame{height:100% !important;width:100% !important}.yelda_container:not(.inner){position:fixed;right:20px;bottom:20px;z-index:2147483647}.yelda_iframe_container{width:430px;height:calc(100vh - 170px);max-height:600px;transition-duration:1s;margin:0px 20px 0 0px;overflow:hidden;opacity:0}.yelda_iframe_container:not(.voiceFirstUI){box-shadow:0 5px 32px rgba(0,0,0,0.16);border-radius:6px}.yelda_iframe_container.y_active{opacity:1 !important;margin-bottom:20px !important}.lg-backdrop{z-index:10000000000 !important}.lg-outer{z-index:10000000001 !important}@media only screen and (max-width:768px){.yelda_container:not(.inner){position:fixed;right:20px;bottom:20px;z-index:2147483647}.yelda_iframe_container:not(.inner){position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:auto;max-height:none;border-radius:0;margin:0 !important;padding:0;transition-duration:0s}.yelda_iframe_container.inner{width:100%;box-shadow:0 5px 32px rgba(0,0,0,0.16);border-radius:6px;transition-duration:1s;margin:0px 20px 0 0px;overflow:hidden}}#yelda_assistant_bubble_text{position:absolute;white-space:nowrap;text-align:center;transform:translate(-104%, -140%);padding:5px;border:1px solid #000000;border-radius:3px;box-shadow:5px 5px 5px rgba(0,0,0,0.5);background-color:white;cursor:pointer;animation:1s ease-out 0s 1 fadeAndSlideInFromRight}#yelda_assistant_bubble_text.hidden{display:none}#yelda_assistant_bubble_text::before,#yelda_assistant_bubble_text::after{content:\"\";position:absolute;border-top:5px solid transparent;border-bottom:5px solid transparent;top:50%;left:100%}#yelda_assistant_bubble_text::before{border-left:10px solid #000;margin-top:-5px;margin-left:1px}#yelda_assistant_bubble_text::after{border-left:10px solid white;margin-top:-5px;z-index:1}@keyframes fadeAndSlideInFromRight{0%{transform:translateX(0%) translateY(-140%);opacity:0}100%{transform:translateX(-104%) translateY(-140%);opacity:1}}","@font-face {\n  font-family: 'lg';\n  src: url(\"../fonts/lg.eot?n1z373\");\n  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\");\n  font-weight: normal;\n  font-style: normal;\n}\n\n.lg-icon {\n  font-family: 'lg';\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.lg-actions .lg-next, .lg-actions .lg-prev {\n  background-color: rgba(0, 0, 0, 0.45);\n  border-radius: 2px;\n  color: #999;\n  cursor: pointer;\n  display: block;\n  font-size: 22px;\n  margin-top: -10px;\n  padding: 8px 10px 9px;\n  position: absolute;\n  top: 50%;\n  z-index: 1080;\n  outline: none;\n  border: none;\n  background-color: transparent;\n}\n\n.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {\n  color: #FFF;\n}\n\n.lg-actions .lg-next {\n  right: 20px;\n}\n\n.lg-actions .lg-next:before {\n  content: \"\\e095\";\n}\n\n.lg-actions .lg-prev {\n  left: 20px;\n}\n\n.lg-actions .lg-prev:after {\n  content: \"\\e094\";\n}\n\n@-webkit-keyframes lg-right-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: -30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@-moz-keyframes lg-right-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: -30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@-ms-keyframes lg-right-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: -30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@keyframes lg-right-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: -30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@-webkit-keyframes lg-left-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: 30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@-moz-keyframes lg-left-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: 30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@-ms-keyframes lg-left-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: 30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@keyframes lg-left-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: 30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n.lg-outer.lg-right-end .lg-object {\n  -webkit-animation: lg-right-end 0.3s;\n  -o-animation: lg-right-end 0.3s;\n  animation: lg-right-end 0.3s;\n  position: relative;\n}\n\n.lg-outer.lg-left-end .lg-object {\n  -webkit-animation: lg-left-end 0.3s;\n  -o-animation: lg-left-end 0.3s;\n  animation: lg-left-end 0.3s;\n  position: relative;\n}\n\n.lg-toolbar {\n  z-index: 1082;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n}\n\n.lg-toolbar .lg-icon {\n  color: #999;\n  cursor: pointer;\n  float: right;\n  font-size: 24px;\n  height: 47px;\n  line-height: 27px;\n  padding: 10px 0;\n  text-align: center;\n  width: 50px;\n  text-decoration: none !important;\n  outline: medium none;\n  background: none;\n  border: none;\n  box-shadow: none;\n  -webkit-transition: color 0.2s linear;\n  -o-transition: color 0.2s linear;\n  transition: color 0.2s linear;\n}\n\n.lg-toolbar .lg-icon:hover {\n  color: #FFF;\n}\n\n.lg-toolbar .lg-close:after {\n  content: \"\\e070\";\n}\n\n.lg-toolbar .lg-download:after {\n  content: \"\\e0f2\";\n}\n\n.lg-sub-html {\n  background-color: rgba(0, 0, 0, 0.45);\n  bottom: 0;\n  color: #EEE;\n  font-size: 16px;\n  left: 0;\n  padding: 10px 40px;\n  position: fixed;\n  right: 0;\n  text-align: center;\n  z-index: 1080;\n}\n\n.lg-sub-html h4 {\n  margin: 0;\n  font-size: 13px;\n  font-weight: bold;\n}\n\n.lg-sub-html p {\n  font-size: 12px;\n  margin: 5px 0 0;\n}\n\n#lg-counter {\n  color: #999;\n  display: inline-block;\n  font-size: 16px;\n  padding-left: 20px;\n  padding-top: 12px;\n  vertical-align: middle;\n}\n\n.lg-toolbar, .lg-prev, .lg-next {\n  opacity: 1;\n  -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;\n  -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;\n  -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;\n  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;\n}\n\n.lg-hide-items .lg-prev {\n  opacity: 0;\n  -webkit-transform: translate3d(-10px, 0, 0);\n  transform: translate3d(-10px, 0, 0);\n}\n\n.lg-hide-items .lg-next {\n  opacity: 0;\n  -webkit-transform: translate3d(10px, 0, 0);\n  transform: translate3d(10px, 0, 0);\n}\n\n.lg-hide-items .lg-toolbar {\n  opacity: 0;\n  -webkit-transform: translate3d(0, -10px, 0);\n  transform: translate3d(0, -10px, 0);\n}\n\nbody:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {\n  -webkit-transform: scale3d(0.5, 0.5, 0.5);\n  transform: scale3d(0.5, 0.5, 0.5);\n  opacity: 0;\n  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n  -webkit-transform-origin: 50% 50%;\n  -moz-transform-origin: 50% 50%;\n  -ms-transform-origin: 50% 50%;\n  transform-origin: 50% 50%;\n}\n\nbody:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {\n  -webkit-transform: scale3d(1, 1, 1);\n  transform: scale3d(1, 1, 1);\n  opacity: 1;\n}\n\n.lg-outer .lg-thumb-outer {\n  background-color: #0D0A0A;\n  bottom: 0;\n  position: absolute;\n  width: 100%;\n  z-index: 1080;\n  max-height: 350px;\n  -webkit-transform: translate3d(0, 100%, 0);\n  transform: translate3d(0, 100%, 0);\n  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n}\n\n.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {\n  cursor: -webkit-grab;\n  cursor: -moz-grab;\n  cursor: -o-grab;\n  cursor: -ms-grab;\n  cursor: grab;\n}\n\n.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {\n  cursor: move;\n  cursor: -webkit-grabbing;\n  cursor: -moz-grabbing;\n  cursor: -o-grabbing;\n  cursor: -ms-grabbing;\n  cursor: grabbing;\n}\n\n.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {\n  -webkit-transition-duration: 0s !important;\n  transition-duration: 0s !important;\n}\n\n.lg-outer.lg-thumb-open .lg-thumb-outer {\n  -webkit-transform: translate3d(0, 0%, 0);\n  transform: translate3d(0, 0%, 0);\n}\n\n.lg-outer .lg-thumb {\n  padding: 10px 0;\n  height: 100%;\n  margin-bottom: -5px;\n}\n\n.lg-outer .lg-thumb-item {\n  border-radius: 5px;\n  cursor: pointer;\n  float: left;\n  overflow: hidden;\n  height: 100%;\n  border: 2px solid #FFF;\n  border-radius: 4px;\n  margin-bottom: 5px;\n}\n\n@media (min-width: 1025px) {\n  .lg-outer .lg-thumb-item {\n    -webkit-transition: border-color 0.25s ease;\n    -o-transition: border-color 0.25s ease;\n    transition: border-color 0.25s ease;\n  }\n}\n\n.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {\n  border-color: #a90707;\n}\n\n.lg-outer .lg-thumb-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.lg-outer.lg-has-thumb .lg-item {\n  padding-bottom: 120px;\n}\n\n.lg-outer.lg-can-toggle .lg-item {\n  padding-bottom: 0;\n}\n\n.lg-outer.lg-pull-caption-up .lg-sub-html {\n  -webkit-transition: bottom 0.25s ease;\n  -o-transition: bottom 0.25s ease;\n  transition: bottom 0.25s ease;\n}\n\n.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {\n  bottom: 100px;\n}\n\n.lg-outer .lg-toggle-thumb {\n  background-color: #0D0A0A;\n  border-radius: 2px 2px 0 0;\n  color: #999;\n  cursor: pointer;\n  font-size: 24px;\n  height: 39px;\n  line-height: 27px;\n  padding: 5px 0;\n  position: absolute;\n  right: 20px;\n  text-align: center;\n  top: -39px;\n  width: 50px;\n  outline: medium none;\n  border: none;\n}\n\n.lg-outer .lg-toggle-thumb:after {\n  content: \"\\e1ff\";\n}\n\n.lg-outer .lg-toggle-thumb:hover {\n  color: #FFF;\n}\n\n.lg-outer .lg-video-cont {\n  display: inline-block;\n  vertical-align: middle;\n  max-width: 1140px;\n  max-height: 100%;\n  width: 100%;\n  padding: 0 5px;\n}\n\n.lg-outer .lg-video {\n  width: 100%;\n  height: 0;\n  padding-bottom: 56.25%;\n  overflow: hidden;\n  position: relative;\n}\n\n.lg-outer .lg-video .lg-object {\n  display: inline-block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.lg-outer .lg-video .lg-video-play {\n  width: 84px;\n  height: 59px;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  margin-left: -42px;\n  margin-top: -30px;\n  z-index: 1080;\n  cursor: pointer;\n}\n\n.lg-outer .lg-has-vimeo .lg-video-play {\n  background: url(\"../img/vimeo-play.png\") no-repeat scroll 0 0 transparent;\n}\n\n.lg-outer .lg-has-vimeo:hover .lg-video-play {\n  background: url(\"../img/vimeo-play.png\") no-repeat scroll 0 -58px transparent;\n}\n\n.lg-outer .lg-has-html5 .lg-video-play {\n  background: transparent url(\"../img/video-play.png\") no-repeat scroll 0 0;\n  height: 64px;\n  margin-left: -32px;\n  margin-top: -32px;\n  width: 64px;\n  opacity: 0.8;\n}\n\n.lg-outer .lg-has-html5:hover .lg-video-play {\n  opacity: 1;\n}\n\n.lg-outer .lg-has-youtube .lg-video-play {\n  background: url(\"../img/youtube-play.png\") no-repeat scroll 0 0 transparent;\n}\n\n.lg-outer .lg-has-youtube:hover .lg-video-play {\n  background: url(\"../img/youtube-play.png\") no-repeat scroll 0 -60px transparent;\n}\n\n.lg-outer .lg-video-object {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.lg-outer .lg-has-video .lg-video-object {\n  visibility: hidden;\n}\n\n.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {\n  display: none;\n}\n\n.lg-outer .lg-has-video.lg-video-playing .lg-video-object {\n  visibility: visible;\n}\n\n.lg-progress-bar {\n  background-color: #333;\n  height: 5px;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1083;\n  opacity: 0;\n  -webkit-transition: opacity 0.08s ease 0s;\n  -moz-transition: opacity 0.08s ease 0s;\n  -o-transition: opacity 0.08s ease 0s;\n  transition: opacity 0.08s ease 0s;\n}\n\n.lg-progress-bar .lg-progress {\n  background-color: #a90707;\n  height: 5px;\n  width: 0;\n}\n\n.lg-progress-bar.lg-start .lg-progress {\n  width: 100%;\n}\n\n.lg-show-autoplay .lg-progress-bar {\n  opacity: 1;\n}\n\n.lg-autoplay-button:after {\n  content: \"\\e01d\";\n}\n\n.lg-show-autoplay .lg-autoplay-button:after {\n  content: \"\\e01a\";\n}\n\n.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 {\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n}\n\n.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\n  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n}\n\n.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\n  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n}\n\n.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n  -webkit-backface-visibility: hidden;\n  -moz-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {\n  -webkit-transform: scale3d(1, 1, 1);\n  transform: scale3d(1, 1, 1);\n  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n  -webkit-transform-origin: 0 0;\n  -moz-transform-origin: 0 0;\n  -ms-transform-origin: 0 0;\n  transform-origin: 0 0;\n  -webkit-backface-visibility: hidden;\n  -moz-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n#lg-zoom-in:after {\n  content: \"\\e311\";\n}\n\n#lg-actual-size {\n  font-size: 20px;\n}\n\n#lg-actual-size:after {\n  content: \"\\e033\";\n}\n\n#lg-zoom-out {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n#lg-zoom-out:after {\n  content: \"\\e312\";\n}\n\n.lg-zoomed #lg-zoom-out {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.lg-outer .lg-pager-outer {\n  bottom: 60px;\n  left: 0;\n  position: absolute;\n  right: 0;\n  text-align: center;\n  z-index: 1080;\n  height: 10px;\n}\n\n.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {\n  overflow: visible;\n}\n\n.lg-outer .lg-pager-cont {\n  cursor: pointer;\n  display: inline-block;\n  overflow: hidden;\n  position: relative;\n  vertical-align: top;\n  margin: 0 5px;\n}\n\n.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {\n  opacity: 1;\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n}\n\n.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {\n  box-shadow: 0 0 0 2px white inset;\n}\n\n.lg-outer .lg-pager-thumb-cont {\n  background-color: #fff;\n  color: #FFF;\n  bottom: 100%;\n  height: 83px;\n  left: 0;\n  margin-bottom: 20px;\n  margin-left: -60px;\n  opacity: 0;\n  padding: 5px;\n  position: absolute;\n  width: 120px;\n  border-radius: 3px;\n  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;\n  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;\n  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;\n  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;\n  -webkit-transform: translate3d(0, 5px, 0);\n  transform: translate3d(0, 5px, 0);\n}\n\n.lg-outer .lg-pager-thumb-cont img {\n  width: 100%;\n  height: 100%;\n}\n\n.lg-outer .lg-pager {\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 50%;\n  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;\n  display: block;\n  height: 12px;\n  -webkit-transition: box-shadow 0.3s ease 0s;\n  -o-transition: box-shadow 0.3s ease 0s;\n  transition: box-shadow 0.3s ease 0s;\n  width: 12px;\n}\n\n.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {\n  box-shadow: 0 0 0 8px white inset;\n}\n\n.lg-outer .lg-caret {\n  border-left: 10px solid transparent;\n  border-right: 10px solid transparent;\n  border-top: 10px dashed;\n  bottom: -10px;\n  display: inline-block;\n  height: 0;\n  left: 50%;\n  margin-left: -5px;\n  position: absolute;\n  vertical-align: middle;\n  width: 0;\n}\n\n.lg-fullscreen:after {\n  content: \"\\e20c\";\n}\n\n.lg-fullscreen-on .lg-fullscreen:after {\n  content: \"\\e20d\";\n}\n\n.lg-outer #lg-dropdown-overlay {\n  background-color: rgba(0, 0, 0, 0.25);\n  bottom: 0;\n  cursor: default;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 1081;\n  opacity: 0;\n  visibility: hidden;\n  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\n  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\n  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\n}\n\n.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -moz-transform: translate3d(0, 0px, 0);\n  -o-transform: translate3d(0, 0px, 0);\n  -ms-transform: translate3d(0, 0px, 0);\n  -webkit-transform: translate3d(0, 0px, 0);\n  transform: translate3d(0, 0px, 0);\n  opacity: 1;\n  visibility: visible;\n}\n\n.lg-outer.lg-dropdown-active #lg-share {\n  color: #FFF;\n}\n\n.lg-outer .lg-dropdown {\n  background-color: #fff;\n  border-radius: 2px;\n  font-size: 14px;\n  list-style-type: none;\n  margin: 0;\n  padding: 10px 0;\n  position: absolute;\n  right: 0;\n  text-align: left;\n  top: 50px;\n  opacity: 0;\n  visibility: hidden;\n  -moz-transform: translate3d(0, 5px, 0);\n  -o-transform: translate3d(0, 5px, 0);\n  -ms-transform: translate3d(0, 5px, 0);\n  -webkit-transform: translate3d(0, 5px, 0);\n  transform: translate3d(0, 5px, 0);\n  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n}\n\n.lg-outer .lg-dropdown:after {\n  content: \"\";\n  display: block;\n  height: 0;\n  width: 0;\n  position: absolute;\n  border: 8px solid transparent;\n  border-bottom-color: #FFF;\n  right: 16px;\n  top: -16px;\n}\n\n.lg-outer .lg-dropdown > li:last-child {\n  margin-bottom: 0px;\n}\n\n.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {\n  color: #333;\n}\n\n.lg-outer .lg-dropdown a {\n  color: #333;\n  display: block;\n  white-space: pre;\n  padding: 4px 12px;\n  font-family: \"Open Sans\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;\n  font-size: 12px;\n}\n\n.lg-outer .lg-dropdown a:hover {\n  background-color: rgba(0, 0, 0, 0.07);\n}\n\n.lg-outer .lg-dropdown .lg-dropdown-text {\n  display: inline-block;\n  line-height: 1;\n  margin-top: -3px;\n  vertical-align: middle;\n}\n\n.lg-outer .lg-dropdown .lg-icon {\n  color: #333;\n  display: inline-block;\n  float: none;\n  font-size: 20px;\n  height: auto;\n  line-height: 1;\n  margin-right: 8px;\n  padding: 0;\n  vertical-align: middle;\n  width: auto;\n}\n\n.lg-outer #lg-share {\n  position: relative;\n}\n\n.lg-outer #lg-share:after {\n  content: \"\\e80d\";\n}\n\n.lg-outer #lg-share-facebook .lg-icon {\n  color: #3b5998;\n}\n\n.lg-outer #lg-share-facebook .lg-icon:after {\n  content: \"\\e901\";\n}\n\n.lg-outer #lg-share-twitter .lg-icon {\n  color: #00aced;\n}\n\n.lg-outer #lg-share-twitter .lg-icon:after {\n  content: \"\\e904\";\n}\n\n.lg-outer #lg-share-googleplus .lg-icon {\n  color: #dd4b39;\n}\n\n.lg-outer #lg-share-googleplus .lg-icon:after {\n  content: \"\\e902\";\n}\n\n.lg-outer #lg-share-pinterest .lg-icon {\n  color: #cb2027;\n}\n\n.lg-outer #lg-share-pinterest .lg-icon:after {\n  content: \"\\e903\";\n}\n\n.group {\n  *zoom: 1;\n}\n\n.group:before, .group:after {\n  display: table;\n  content: \"\";\n  line-height: 0;\n}\n\n.group:after {\n  clear: both;\n}\n\n.lg-outer {\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1050;\n  opacity: 0;\n  -webkit-transition: opacity 0.15s ease 0s;\n  -o-transition: opacity 0.15s ease 0s;\n  transition: opacity 0.15s ease 0s;\n}\n\n.lg-outer * {\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.lg-outer.lg-visible {\n  opacity: 1;\n}\n\n.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 {\n  -webkit-transition-duration: inherit !important;\n  transition-duration: inherit !important;\n  -webkit-transition-timing-function: inherit !important;\n  transition-timing-function: inherit !important;\n}\n\n.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 {\n  -webkit-transition-duration: 0s !important;\n  transition-duration: 0s !important;\n  opacity: 1;\n}\n\n.lg-outer.lg-grab img.lg-object {\n  cursor: -webkit-grab;\n  cursor: -moz-grab;\n  cursor: -o-grab;\n  cursor: -ms-grab;\n  cursor: grab;\n}\n\n.lg-outer.lg-grabbing img.lg-object {\n  cursor: move;\n  cursor: -webkit-grabbing;\n  cursor: -moz-grabbing;\n  cursor: -o-grabbing;\n  cursor: -ms-grabbing;\n  cursor: grabbing;\n}\n\n.lg-outer .lg {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.lg-outer .lg-inner {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  white-space: nowrap;\n}\n\n.lg-outer .lg-item {\n  background: url(\"../img/loading.gif\") no-repeat scroll center center transparent;\n  display: none !important;\n}\n\n.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {\n  display: inline-block !important;\n}\n\n.lg-outer.lg-css .lg-current {\n  display: inline-block !important;\n}\n\n.lg-outer .lg-item, .lg-outer .lg-img-wrap {\n  display: inline-block;\n  text-align: center;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {\n  content: \"\";\n  display: inline-block;\n  height: 50%;\n  width: 1px;\n  margin-right: -1px;\n}\n\n.lg-outer .lg-img-wrap {\n  position: absolute;\n  padding: 0 5px;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n}\n\n.lg-outer .lg-item.lg-complete {\n  background-image: none;\n}\n\n.lg-outer .lg-item.lg-current {\n  z-index: 1060;\n}\n\n.lg-outer .lg-image {\n  display: inline-block;\n  vertical-align: middle;\n  max-width: 100%;\n  max-height: 100%;\n  width: auto !important;\n  height: auto !important;\n}\n\n.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {\n  opacity: 0;\n  -webkit-transition: opacity 0.15s ease 0s;\n  -o-transition: opacity 0.15s ease 0s;\n  transition: opacity 0.15s ease 0s;\n}\n\n.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 {\n  opacity: 1;\n}\n\n.lg-outer .lg-empty-html {\n  display: none;\n}\n\n.lg-outer.lg-hide-download #lg-download {\n  display: none;\n}\n\n.lg-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1040;\n  background-color: #000;\n  opacity: 0;\n  -webkit-transition: opacity 0.15s ease 0s;\n  -o-transition: opacity 0.15s ease 0s;\n  transition: opacity 0.15s ease 0s;\n}\n\n.lg-backdrop.in {\n  opacity: 1;\n}\n\n.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {\n  -webkit-transition: none 0s ease 0s !important;\n  -moz-transition: none 0s ease 0s !important;\n  -o-transition: none 0s ease 0s !important;\n  transition: none 0s ease 0s !important;\n}\n\n.lg-css3.lg-use-css3 .lg-item {\n  -webkit-backface-visibility: hidden;\n  -moz-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n.lg-css3.lg-use-left .lg-item {\n  -webkit-backface-visibility: hidden;\n  -moz-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n.lg-css3.lg-fade .lg-item {\n  opacity: 0;\n}\n\n.lg-css3.lg-fade .lg-item.lg-current {\n  opacity: 1;\n}\n\n.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 {\n  -webkit-transition: opacity 0.1s ease 0s;\n  -moz-transition: opacity 0.1s ease 0s;\n  -o-transition: opacity 0.1s ease 0s;\n  transition: opacity 0.1s ease 0s;\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item {\n  opacity: 0;\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {\n  -webkit-transform: translate3d(-100%, 0, 0);\n  transform: translate3d(-100%, 0, 0);\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {\n  -webkit-transform: translate3d(100%, 0, 0);\n  transform: translate3d(100%, 0, 0);\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n}\n\n.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 {\n  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item {\n  opacity: 0;\n  position: absolute;\n  left: 0;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {\n  left: -100%;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {\n  left: 100%;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {\n  left: 0;\n  opacity: 1;\n}\n\n.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 {\n  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://YeldaChat/./src/css/yeldaWebchatInjector.css","webpack://YeldaChat/./node_modules/lightgallery.js/dist/css/lightgallery.css"],"names":[],"mappings":";AAGA,qBACE,eACA,YACA,+DACA,sBACA,uBACA,mBACA,uDACA,4BACA,yBACA,UACA,gBAGF;AAAA,+CACE,WACA,oBACA,mBACA,uDACA,eAGF;AAAA,+BACE,6DAGF;AAAA,6BACE,uCACA,kBACA,YACA,eACA,iBACA,YACA,WACA,kBACA,mBACA,6DAGA,iHAAyF,CAG3F;AAAA,4BACE,YACA,WAGF;AAAA,gCACE,gBACA,eAGF;AAAA,+BACE,YACA,WACA,iBACA,0BAMF;AAAA,iBACE,wJAEA,mBACA,iCACA,gEACA,wCAGF;AAAA,uBACE,6BACA,UACA,SAGF;AAAA,gBACE,uBACA,sBAGF;AAAA,6BACE,eACA,WACA,YACA,mBAGF;AAAA,wBACE,QACA,SACA,iBACA,SACA,gBACA,yGACA,UACA,0BAAW,CAGb;AAAA,2CACE,uCACA,kBAGF;AAAA,kCACE,YACA,2BACA,uGACA,qBACA,uBAAW,CAGb;AAAA,aACE,+BAGF;AAAA,UACE,+BASF;AAAA,yCAEE,6BACE,eACA,WACA,YACA,mBAGF,kCACE,sBAGF,oCACE,eACA,OACA,MACA,QACA,SACA,QACA,YACA,gBACA,gBACA,oBACA,UAKF,8BACE,WACA,uCACA,kBACA,sBACA,iBAIJ;AAAA,6BACE,uCACA,sBACA,mBACA,uDACA,4BACA,yBACA,qBACA,kBACA,iCACA,uBACA,eACA,QACA,YACA,gBACA,gBACA,eACA,mBACA,qBACA,mBAEF;AAAA,4CACE,mBAGF;AAAA,oCACE,aAGF;AAAA,uCACE,aAIF;AAAA,mBACE,kBACA,YACA,gBACA,kBACA,UACA,eACA,WACA,YACA,iBACA,kBACA,YACA,UACA,gCACA,4BACA,oBACA,UAGF;AAAA,0BACE,YACA,mBAIF;AAAA,sDACE,UACA,kBAAW,CAIb;AAAA,yCACE,mBACE,UACA,gBAKJ;AAAA,mCACE,GACE,0BACA,UAEF,KACE,yBACA,WAKJ;AAAA,kBACE,KACE,oBACA,UAEF,GACE,mBACA,W;ACpQJ,WACE,iBACA,kCACA,wMACA,mBACA,kBAGF,SACE,iBACA,WACA,kBACA,mBACA,oBACA,oBACA,cAEA,mCACA,kCAGF,0CACE,kCACA,kBACA,WACA,eACA,cACA,eACA,iBACA,qBACA,kBACA,QACA,aACA,aACA,YACA,6BAGF,4DACE,oBACA,WAGF,sDACE,WAGF,qBACE,WAGF,4BACE,eAAS,CAGX,qBACE,UAGF,2BACE,eAAS,CAGX,wBAqCE,GACE,OAEF,IACE,WAEF,KACE,QAIJ,uBAqCE,GACE,OAEF,IACE,UAEF,KACE,QAIJ,kCAGE,2BACA,kBAGF,iCAGE,0BACA,kBAGF,YACE,aACA,OACA,kBACA,MACA,WACA,kCAGF,qBACE,WACA,eACA,YACA,eACA,YACA,iBACA,eACA,kBACA,WACA,gCACA,oBACA,gBACA,YACA,gBACA,2BAEA,CAGF,2BACE,WAGF,4BACE,eAAS,CAGX,+BACE,eAAS,CAGX,aACE,kCACA,SACA,WACA,eACA,OACA,kBACA,eACA,QACA,kBACA,aAGF,gBACE,SACA,eACA,iBAGF,eACE,eACA,eAGF,YACE,WACA,qBACA,eACA,kBACA,iBACA,sBAGF,8BACE,UACA,mHAG0E,CAG5E,wBACE,UACA,kCACW,CAGb,wBACE,UACA,iCACW,CAGb,2BACE,UACA,kCACW,CAGb,2DAEE,8BACA,UACA,6GAIA,wBAGA,CAGF,gFAEE,2BACA,UAGF,0BACE,yBACA,SACA,kBACA,WACA,aACA,iBACA,kCAEA,uDAG4B,CAG9B,iDAGE,eACA,gBACA,YAGF,qDACE,YACA,mBAGA,oBACA,gBAGF,gDAEE,kCAGF,wCAEE,+BAAW,CAGb,oBACE,eACA,YACA,mBAGF,yBACE,kBACA,eACA,WACA,gBACA,YACA,sBACA,kBACA,kBAGF,0BACE,yBAGE,mCAIJ,+DACE,qBAGF,6BACE,WACA,YACA,qCAGF,gCACE,qBAGF,iCACE,iBAGF,0CAGE,4BAGF,wDACE,aAGF,2BACE,yBACA,0BACA,WACA,eACA,eACA,YACA,iBACA,cACA,kBACA,WACA,kBACA,UACA,WACA,oBACA,YAGF,iCACE,eAAS,CAGX,iCACE,WAGF,yBACE,qBACA,sBACA,iBACA,gBACA,WACA,cAGF,oBACE,WACA,SACA,sBACA,gBACA,kBAGF,+BACE,qBACA,kBACA,MACA,OACA,sBACA,uBAGF,mCACE,WACA,YACA,kBACA,SACA,QACA,kBACA,iBACA,aACA,eAGF,uCACE,yEAAgB,CAGlB,6CACE,6EAAgB,CAGlB,uCACE,0EACA,YACA,kBACA,iBACA,WACA,WAGF,6CACE,UAGF,yCACE,yEAAgB,CAGlB,+CACE,6EAAgB,CAGlB,2BACE,sBACA,uBACA,kBACA,MACA,OAGF,yCACE,kBAGF,4GACE,aAGF,0DACE,mBAGF,iBACE,sBACA,WACA,OACA,kBACA,MACA,WACA,aACA,UACA,+BAGA,CAGF,8BACE,yBACA,WACA,QAGF,uCACE,WAGF,mCACE,UAGF,0BACE,eAAS,CAGX,4CACE,eAAS,CAGX,+JAEE,uBAGF,mFAIE,sDAA2B,CAG7B,6EAIE,uFAA+D,CAGjE,wDAEE,+BACA,mCACA,0BACA,CAGF,qDAEE,2BACA,+EAIA,qBAIA,mCACA,0BACA,CAGF,kBACE,eAAS,CAGX,gBACE,eAGF,sBACE,eAAS,CAGX,aACE,WACA,oBAGF,mBACE,eAAS,CAGX,wBACE,UACA,oBAGF,0BACE,YACA,OACA,kBACA,QACA,kBACA,aACA,YAGF,wDACE,iBAGF,yBACE,eACA,qBACA,gBACA,kBACA,mBACA,aAGF,oDACE,UACA,8BACW,CAGb,mDACE,iCAGF,+BACE,sBACA,WACA,YACA,YACA,OACA,mBACA,kBACA,UACA,YACA,kBACA,YACA,kBACA,uDAIA,gCACW,CAGb,mCACE,WACA,YAGF,oBACE,uCACA,kBACA,iDACA,cACA,YACA,kCAGA,WAGF,oDACE,iCAGF,oBACE,mCACA,oCACA,uBACA,aACA,qBACA,SACA,SACA,iBACA,kBACA,sBACA,QAGF,qBACE,eAAS,CAGX,uCACE,eAAS,CAGX,+BACE,kCACA,SACA,eACA,OACA,eACA,QACA,MACA,aACA,UACA,kBACA,2DAEA,CAGF,4FAEE,oBACA,+BAKA,UACA,mBAGF,uCACE,WAGF,uBACE,sBACA,kBACA,eACA,qBACA,SACA,eACA,kBACA,QACA,gBACA,SACA,UACA,kBACA,iCAKA,mFAGA,CAGF,6BACE,WACA,cACA,SACA,QACA,kBACA,6BACA,yBACA,WACA,UAGF,qCACE,kBAGF,2EACE,WAGF,yBACE,WACA,cACA,gBACA,iBACA,oEACA,eAGF,+BACE,kCAGF,yCACE,qBACA,cACA,gBACA,sBAGF,gCACE,WACA,qBACA,WACA,eACA,YACA,cACA,iBACA,UACA,sBACA,WAGF,oBACE,kBAGF,0BACE,eAAS,CAGX,sCACE,cAGF,4CACE,eAAS,CAGX,qCACE,cAGF,2CACE,eAAS,CAGX,wCACE,cAGF,8CACE,eAAS,CAGX,uCACE,cAGF,6CACE,eAAS,CAGX,cACE,CAGF,2BACE,cACA,WACA,cAGF,aACE,WAGF,UACE,WACA,YACA,eACA,MACA,OACA,aACA,UACA,+BAEA,CAGF,YAGE,sBAGF,qBACE,UAGF,wHAEE,uCACA,6CACA,CAGF,4JAEE,kCACA,UAGF,gCAGE,eACA,gBACA,YAGF,oCACE,YACA,mBAGA,oBACA,gBAGF,cACE,YACA,WACA,kBACA,gBACA,iBACA,kBACA,eACA,gBAGF,oBACE,WACA,YACA,kBACA,OACA,MACA,mBAGF,mBACE,qFACA,wBAGF,gGACE,gCAGF,6BACE,gCAGF,0CACE,qBACA,kBACA,kBACA,WACA,YAGF,wDACE,WACA,qBACA,WACA,UACA,kBAGF,uBACE,kBACA,cACA,OACA,QACA,MACA,SAGF,+BACE,sBAGF,8BACE,aAGF,oBACE,qBACA,sBACA,eACA,gBACA,sBACA,uBAGF,sGACE,UACA,+BAEA,CAGF,8HACE,UAGF,yBACE,aAGF,wCACE,aAGF,aACE,eACA,MACA,OACA,QACA,SACA,aACA,sBACA,UACA,+BAEA,CAGF,gBACE,UAGF,yGAIE,sCAGF,8BACE,mCACA,0BACA,CAGF,8BACE,mCACA,0BACA,CAGF,0BACE,UAGF,qCACE,UAGF,qHAIE,+BAGF,uCACE,UAGF,qDAEE,kCAAW,CAGb,qDAEE,iCAAW,CAGb,kDAEE,+BACA,UAGF,4JAIE,yEAAyB,CAG3B,uCACE,UACA,kBACA,OAGF,qDACE,WAGF,qDACE,UAGF,kDACE,OACA,UAGF,4JAIE,oEAAoB,qriD","file":"css/yeldaWebchatInjector.min.css","sourcesContent":["@import url(https://use.fontawesome.com/releases/v5.3.1/css/all.css);.yelda_assistant_img{cursor:pointer;height:auto;transition:opacity .6s ease-in-out 1.2s,height 1ms linear 1.2s;animation-name:appear;animation-duration:.8s;animation-delay:1s;animation-timing-function:cubic-bezier(.23, 1, .32, 1);animation-iteration-count:1;animation-fill-mode:both;opacity:0;overflow:hidden}.yelda_container.y_active .yelda_assistant_img{opacity:0 ;height:0 !important;width:0 !important;transition:opacity 1ms linear 0s, height 1ms linear 0s;animation:none}.yelda_assistant_img.activated{transition:opacity .6s ease-in-out .6s,height 1ms linear .6s}.yelda_assistant_img.default{box-shadow:0 5px 10px rgba(0,0,0,0.16);text-align:center;color:white;font-size:32px;line-height:64px;height:60px;width:60px;border-radius:50%;background:#17a3d8;background:-moz-linear-gradient(-45deg, #17a3d8 0%, #1f60f2 100%);background:-webkit-linear-gradient(-45deg, #17a3d8 0%, #1f60f2 100%);background:linear-gradient(135deg, #17a3d8 0%, #1f60f2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#17a3d8', endColorstr='#1f60f2', GradientType=1)}.yelda_assistant_img.custom{height:auto;width:auto}.yelda_assistant_img.custom img{max-height:100%;max-width:100%}.yelda_assistant_img.default i{height:60px;width:60px;line-height:65px;font-size:35px !important}.yelda_container{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';font-weight:normal;display:flex;flex-direction:column-reverse;align-items:flex-end}.yelda_container.inner{position:absolute !important;left:45px;top:80px}#web_chat_frame{height:100% !important;width:100% !important}.yelda_container:not(.inner){position:fixed;right:20px;bottom:20px;z-index:2147483647}.yelda_iframe_container{width:0;height:0;max-height:600px;margin:0;overflow:hidden;transition:opacity .6s linear 0s,transform .6s ease-in-out 0s,height 1ms linear .6s,width 1ms linear .6s;opacity:0;transform:translateY(20px)}.yelda_iframe_container:not(.voiceFirstUI){box-shadow:0 5px 32px rgba(0,0,0,0.16);border-radius:6px}.y_active .yelda_iframe_container{width:430px;height:calc(100vh - 170px);transition:opacity .6s linear 0s,transform .6s ease-in-out 0s,height 1ms linear 0s,width 1ms linear 0s;opacity:1 !important;transform:translateY(0)}.lg-backdrop{z-index:10000000000 !important}.lg-outer{z-index:10000000001 !important}@media only screen and (max-width:768px){.yelda_container:not(.inner){position:fixed;right:20px;bottom:20px;z-index:2147483647}.y_active .yelda_iframe_container{width:100% !important}.yelda_iframe_container:not(.inner){position:fixed;left:0;top:0;right:0;bottom:0;width:0;height:auto;max-height:none;border-radius:0;margin:0 !important;padding:0}.yelda_iframe_container.inner{width:100%;box-shadow:0 5px 32px rgba(0,0,0,0.16);border-radius:6px;margin:0px 20px 0 0px;overflow:hidden}}#yelda_assistant_bubble_text{animation-name:fadeAndSlideInFromRight;animation-duration:1s;animation-delay:2s;animation-timing-function:cubic-bezier(.23, 1, .32, 1);animation-iteration-count:1;animation-fill-mode:both;padding:7px 10px 6px;border-radius:8px;box-shadow:#00000030 0 2px 8px 0;background-color:white;cursor:pointer;right:0;bottom:76px;max-width:300px;text-align:left;font-size:14px;font-weight:normal;display:inline-block;margin-bottom:10px}#yelda_assistant_bubble_text.y_notification{animation-delay:0s}#yelda_assistant_bubble_text.hidden{display:none}.y_active #yelda_assistant_bubble_text{display:none}.bubbleCloseButton{position:absolute;color:white;background:grey;border-radius:68%;padding:0;font-size:20px;width:27px;height:27px;line-height:22px;text-align:center;right:-14px;top:-17px;text-decoration:none !important;transition:all .15s ease-in;transform:scale(.7);opacity:0}a.bubbleCloseButton:hover{color:white;background:#5a5a5a}#yelda_assistant_bubble_text:hover .bubbleCloseButton{opacity:1;transform:scale(1)}@media only screen and (max-width:768px){.bubbleCloseButton{opacity:1;transform:none}}@keyframes fadeAndSlideInFromRight{0%{transform:translateY(10%);opacity:0}100%{transform:translateY(0%);opacity:1}}@keyframes appear{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}","@font-face {\n  font-family: 'lg';\n  src: url(\"../fonts/lg.eot?n1z373\");\n  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\");\n  font-weight: normal;\n  font-style: normal;\n}\n\n.lg-icon {\n  font-family: 'lg';\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.lg-actions .lg-next, .lg-actions .lg-prev {\n  background-color: rgba(0, 0, 0, 0.45);\n  border-radius: 2px;\n  color: #999;\n  cursor: pointer;\n  display: block;\n  font-size: 22px;\n  margin-top: -10px;\n  padding: 8px 10px 9px;\n  position: absolute;\n  top: 50%;\n  z-index: 1080;\n  outline: none;\n  border: none;\n  background-color: transparent;\n}\n\n.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {\n  color: #FFF;\n}\n\n.lg-actions .lg-next {\n  right: 20px;\n}\n\n.lg-actions .lg-next:before {\n  content: \"\\e095\";\n}\n\n.lg-actions .lg-prev {\n  left: 20px;\n}\n\n.lg-actions .lg-prev:after {\n  content: \"\\e094\";\n}\n\n@-webkit-keyframes lg-right-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: -30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@-moz-keyframes lg-right-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: -30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@-ms-keyframes lg-right-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: -30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@keyframes lg-right-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: -30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@-webkit-keyframes lg-left-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: 30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@-moz-keyframes lg-left-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: 30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@-ms-keyframes lg-left-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: 30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n@keyframes lg-left-end {\n  0% {\n    left: 0;\n  }\n  50% {\n    left: 30px;\n  }\n  100% {\n    left: 0;\n  }\n}\n\n.lg-outer.lg-right-end .lg-object {\n  -webkit-animation: lg-right-end 0.3s;\n  -o-animation: lg-right-end 0.3s;\n  animation: lg-right-end 0.3s;\n  position: relative;\n}\n\n.lg-outer.lg-left-end .lg-object {\n  -webkit-animation: lg-left-end 0.3s;\n  -o-animation: lg-left-end 0.3s;\n  animation: lg-left-end 0.3s;\n  position: relative;\n}\n\n.lg-toolbar {\n  z-index: 1082;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n}\n\n.lg-toolbar .lg-icon {\n  color: #999;\n  cursor: pointer;\n  float: right;\n  font-size: 24px;\n  height: 47px;\n  line-height: 27px;\n  padding: 10px 0;\n  text-align: center;\n  width: 50px;\n  text-decoration: none !important;\n  outline: medium none;\n  background: none;\n  border: none;\n  box-shadow: none;\n  -webkit-transition: color 0.2s linear;\n  -o-transition: color 0.2s linear;\n  transition: color 0.2s linear;\n}\n\n.lg-toolbar .lg-icon:hover {\n  color: #FFF;\n}\n\n.lg-toolbar .lg-close:after {\n  content: \"\\e070\";\n}\n\n.lg-toolbar .lg-download:after {\n  content: \"\\e0f2\";\n}\n\n.lg-sub-html {\n  background-color: rgba(0, 0, 0, 0.45);\n  bottom: 0;\n  color: #EEE;\n  font-size: 16px;\n  left: 0;\n  padding: 10px 40px;\n  position: fixed;\n  right: 0;\n  text-align: center;\n  z-index: 1080;\n}\n\n.lg-sub-html h4 {\n  margin: 0;\n  font-size: 13px;\n  font-weight: bold;\n}\n\n.lg-sub-html p {\n  font-size: 12px;\n  margin: 5px 0 0;\n}\n\n#lg-counter {\n  color: #999;\n  display: inline-block;\n  font-size: 16px;\n  padding-left: 20px;\n  padding-top: 12px;\n  vertical-align: middle;\n}\n\n.lg-toolbar, .lg-prev, .lg-next {\n  opacity: 1;\n  -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;\n  -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;\n  -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;\n  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;\n}\n\n.lg-hide-items .lg-prev {\n  opacity: 0;\n  -webkit-transform: translate3d(-10px, 0, 0);\n  transform: translate3d(-10px, 0, 0);\n}\n\n.lg-hide-items .lg-next {\n  opacity: 0;\n  -webkit-transform: translate3d(10px, 0, 0);\n  transform: translate3d(10px, 0, 0);\n}\n\n.lg-hide-items .lg-toolbar {\n  opacity: 0;\n  -webkit-transform: translate3d(0, -10px, 0);\n  transform: translate3d(0, -10px, 0);\n}\n\nbody:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {\n  -webkit-transform: scale3d(0.5, 0.5, 0.5);\n  transform: scale3d(0.5, 0.5, 0.5);\n  opacity: 0;\n  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\n  -webkit-transform-origin: 50% 50%;\n  -moz-transform-origin: 50% 50%;\n  -ms-transform-origin: 50% 50%;\n  transform-origin: 50% 50%;\n}\n\nbody:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {\n  -webkit-transform: scale3d(1, 1, 1);\n  transform: scale3d(1, 1, 1);\n  opacity: 1;\n}\n\n.lg-outer .lg-thumb-outer {\n  background-color: #0D0A0A;\n  bottom: 0;\n  position: absolute;\n  width: 100%;\n  z-index: 1080;\n  max-height: 350px;\n  -webkit-transform: translate3d(0, 100%, 0);\n  transform: translate3d(0, 100%, 0);\n  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\n}\n\n.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {\n  cursor: -webkit-grab;\n  cursor: -moz-grab;\n  cursor: -o-grab;\n  cursor: -ms-grab;\n  cursor: grab;\n}\n\n.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {\n  cursor: move;\n  cursor: -webkit-grabbing;\n  cursor: -moz-grabbing;\n  cursor: -o-grabbing;\n  cursor: -ms-grabbing;\n  cursor: grabbing;\n}\n\n.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {\n  -webkit-transition-duration: 0s !important;\n  transition-duration: 0s !important;\n}\n\n.lg-outer.lg-thumb-open .lg-thumb-outer {\n  -webkit-transform: translate3d(0, 0%, 0);\n  transform: translate3d(0, 0%, 0);\n}\n\n.lg-outer .lg-thumb {\n  padding: 10px 0;\n  height: 100%;\n  margin-bottom: -5px;\n}\n\n.lg-outer .lg-thumb-item {\n  border-radius: 5px;\n  cursor: pointer;\n  float: left;\n  overflow: hidden;\n  height: 100%;\n  border: 2px solid #FFF;\n  border-radius: 4px;\n  margin-bottom: 5px;\n}\n\n@media (min-width: 1025px) {\n  .lg-outer .lg-thumb-item {\n    -webkit-transition: border-color 0.25s ease;\n    -o-transition: border-color 0.25s ease;\n    transition: border-color 0.25s ease;\n  }\n}\n\n.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {\n  border-color: #a90707;\n}\n\n.lg-outer .lg-thumb-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.lg-outer.lg-has-thumb .lg-item {\n  padding-bottom: 120px;\n}\n\n.lg-outer.lg-can-toggle .lg-item {\n  padding-bottom: 0;\n}\n\n.lg-outer.lg-pull-caption-up .lg-sub-html {\n  -webkit-transition: bottom 0.25s ease;\n  -o-transition: bottom 0.25s ease;\n  transition: bottom 0.25s ease;\n}\n\n.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {\n  bottom: 100px;\n}\n\n.lg-outer .lg-toggle-thumb {\n  background-color: #0D0A0A;\n  border-radius: 2px 2px 0 0;\n  color: #999;\n  cursor: pointer;\n  font-size: 24px;\n  height: 39px;\n  line-height: 27px;\n  padding: 5px 0;\n  position: absolute;\n  right: 20px;\n  text-align: center;\n  top: -39px;\n  width: 50px;\n  outline: medium none;\n  border: none;\n}\n\n.lg-outer .lg-toggle-thumb:after {\n  content: \"\\e1ff\";\n}\n\n.lg-outer .lg-toggle-thumb:hover {\n  color: #FFF;\n}\n\n.lg-outer .lg-video-cont {\n  display: inline-block;\n  vertical-align: middle;\n  max-width: 1140px;\n  max-height: 100%;\n  width: 100%;\n  padding: 0 5px;\n}\n\n.lg-outer .lg-video {\n  width: 100%;\n  height: 0;\n  padding-bottom: 56.25%;\n  overflow: hidden;\n  position: relative;\n}\n\n.lg-outer .lg-video .lg-object {\n  display: inline-block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.lg-outer .lg-video .lg-video-play {\n  width: 84px;\n  height: 59px;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  margin-left: -42px;\n  margin-top: -30px;\n  z-index: 1080;\n  cursor: pointer;\n}\n\n.lg-outer .lg-has-vimeo .lg-video-play {\n  background: url(\"../img/vimeo-play.png\") no-repeat scroll 0 0 transparent;\n}\n\n.lg-outer .lg-has-vimeo:hover .lg-video-play {\n  background: url(\"../img/vimeo-play.png\") no-repeat scroll 0 -58px transparent;\n}\n\n.lg-outer .lg-has-html5 .lg-video-play {\n  background: transparent url(\"../img/video-play.png\") no-repeat scroll 0 0;\n  height: 64px;\n  margin-left: -32px;\n  margin-top: -32px;\n  width: 64px;\n  opacity: 0.8;\n}\n\n.lg-outer .lg-has-html5:hover .lg-video-play {\n  opacity: 1;\n}\n\n.lg-outer .lg-has-youtube .lg-video-play {\n  background: url(\"../img/youtube-play.png\") no-repeat scroll 0 0 transparent;\n}\n\n.lg-outer .lg-has-youtube:hover .lg-video-play {\n  background: url(\"../img/youtube-play.png\") no-repeat scroll 0 -60px transparent;\n}\n\n.lg-outer .lg-video-object {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.lg-outer .lg-has-video .lg-video-object {\n  visibility: hidden;\n}\n\n.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {\n  display: none;\n}\n\n.lg-outer .lg-has-video.lg-video-playing .lg-video-object {\n  visibility: visible;\n}\n\n.lg-progress-bar {\n  background-color: #333;\n  height: 5px;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1083;\n  opacity: 0;\n  -webkit-transition: opacity 0.08s ease 0s;\n  -moz-transition: opacity 0.08s ease 0s;\n  -o-transition: opacity 0.08s ease 0s;\n  transition: opacity 0.08s ease 0s;\n}\n\n.lg-progress-bar .lg-progress {\n  background-color: #a90707;\n  height: 5px;\n  width: 0;\n}\n\n.lg-progress-bar.lg-start .lg-progress {\n  width: 100%;\n}\n\n.lg-show-autoplay .lg-progress-bar {\n  opacity: 1;\n}\n\n.lg-autoplay-button:after {\n  content: \"\\e01d\";\n}\n\n.lg-show-autoplay .lg-autoplay-button:after {\n  content: \"\\e01a\";\n}\n\n.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 {\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n}\n\n.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\n  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n}\n\n.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\n  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\n}\n\n.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n  -webkit-backface-visibility: hidden;\n  -moz-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {\n  -webkit-transform: scale3d(1, 1, 1);\n  transform: scale3d(1, 1, 1);\n  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\n  -webkit-transform-origin: 0 0;\n  -moz-transform-origin: 0 0;\n  -ms-transform-origin: 0 0;\n  transform-origin: 0 0;\n  -webkit-backface-visibility: hidden;\n  -moz-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n#lg-zoom-in:after {\n  content: \"\\e311\";\n}\n\n#lg-actual-size {\n  font-size: 20px;\n}\n\n#lg-actual-size:after {\n  content: \"\\e033\";\n}\n\n#lg-zoom-out {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n#lg-zoom-out:after {\n  content: \"\\e312\";\n}\n\n.lg-zoomed #lg-zoom-out {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.lg-outer .lg-pager-outer {\n  bottom: 60px;\n  left: 0;\n  position: absolute;\n  right: 0;\n  text-align: center;\n  z-index: 1080;\n  height: 10px;\n}\n\n.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {\n  overflow: visible;\n}\n\n.lg-outer .lg-pager-cont {\n  cursor: pointer;\n  display: inline-block;\n  overflow: hidden;\n  position: relative;\n  vertical-align: top;\n  margin: 0 5px;\n}\n\n.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {\n  opacity: 1;\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n}\n\n.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {\n  box-shadow: 0 0 0 2px white inset;\n}\n\n.lg-outer .lg-pager-thumb-cont {\n  background-color: #fff;\n  color: #FFF;\n  bottom: 100%;\n  height: 83px;\n  left: 0;\n  margin-bottom: 20px;\n  margin-left: -60px;\n  opacity: 0;\n  padding: 5px;\n  position: absolute;\n  width: 120px;\n  border-radius: 3px;\n  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;\n  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;\n  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;\n  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;\n  -webkit-transform: translate3d(0, 5px, 0);\n  transform: translate3d(0, 5px, 0);\n}\n\n.lg-outer .lg-pager-thumb-cont img {\n  width: 100%;\n  height: 100%;\n}\n\n.lg-outer .lg-pager {\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 50%;\n  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;\n  display: block;\n  height: 12px;\n  -webkit-transition: box-shadow 0.3s ease 0s;\n  -o-transition: box-shadow 0.3s ease 0s;\n  transition: box-shadow 0.3s ease 0s;\n  width: 12px;\n}\n\n.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {\n  box-shadow: 0 0 0 8px white inset;\n}\n\n.lg-outer .lg-caret {\n  border-left: 10px solid transparent;\n  border-right: 10px solid transparent;\n  border-top: 10px dashed;\n  bottom: -10px;\n  display: inline-block;\n  height: 0;\n  left: 50%;\n  margin-left: -5px;\n  position: absolute;\n  vertical-align: middle;\n  width: 0;\n}\n\n.lg-fullscreen:after {\n  content: \"\\e20c\";\n}\n\n.lg-fullscreen-on .lg-fullscreen:after {\n  content: \"\\e20d\";\n}\n\n.lg-outer #lg-dropdown-overlay {\n  background-color: rgba(0, 0, 0, 0.25);\n  bottom: 0;\n  cursor: default;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 1081;\n  opacity: 0;\n  visibility: hidden;\n  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\n  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\n  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\n}\n\n.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -moz-transform: translate3d(0, 0px, 0);\n  -o-transform: translate3d(0, 0px, 0);\n  -ms-transform: translate3d(0, 0px, 0);\n  -webkit-transform: translate3d(0, 0px, 0);\n  transform: translate3d(0, 0px, 0);\n  opacity: 1;\n  visibility: visible;\n}\n\n.lg-outer.lg-dropdown-active #lg-share {\n  color: #FFF;\n}\n\n.lg-outer .lg-dropdown {\n  background-color: #fff;\n  border-radius: 2px;\n  font-size: 14px;\n  list-style-type: none;\n  margin: 0;\n  padding: 10px 0;\n  position: absolute;\n  right: 0;\n  text-align: left;\n  top: 50px;\n  opacity: 0;\n  visibility: hidden;\n  -moz-transform: translate3d(0, 5px, 0);\n  -o-transform: translate3d(0, 5px, 0);\n  -ms-transform: translate3d(0, 5px, 0);\n  -webkit-transform: translate3d(0, 5px, 0);\n  transform: translate3d(0, 5px, 0);\n  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\n}\n\n.lg-outer .lg-dropdown:after {\n  content: \"\";\n  display: block;\n  height: 0;\n  width: 0;\n  position: absolute;\n  border: 8px solid transparent;\n  border-bottom-color: #FFF;\n  right: 16px;\n  top: -16px;\n}\n\n.lg-outer .lg-dropdown > li:last-child {\n  margin-bottom: 0px;\n}\n\n.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {\n  color: #333;\n}\n\n.lg-outer .lg-dropdown a {\n  color: #333;\n  display: block;\n  white-space: pre;\n  padding: 4px 12px;\n  font-family: \"Open Sans\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;\n  font-size: 12px;\n}\n\n.lg-outer .lg-dropdown a:hover {\n  background-color: rgba(0, 0, 0, 0.07);\n}\n\n.lg-outer .lg-dropdown .lg-dropdown-text {\n  display: inline-block;\n  line-height: 1;\n  margin-top: -3px;\n  vertical-align: middle;\n}\n\n.lg-outer .lg-dropdown .lg-icon {\n  color: #333;\n  display: inline-block;\n  float: none;\n  font-size: 20px;\n  height: auto;\n  line-height: 1;\n  margin-right: 8px;\n  padding: 0;\n  vertical-align: middle;\n  width: auto;\n}\n\n.lg-outer #lg-share {\n  position: relative;\n}\n\n.lg-outer #lg-share:after {\n  content: \"\\e80d\";\n}\n\n.lg-outer #lg-share-facebook .lg-icon {\n  color: #3b5998;\n}\n\n.lg-outer #lg-share-facebook .lg-icon:after {\n  content: \"\\e901\";\n}\n\n.lg-outer #lg-share-twitter .lg-icon {\n  color: #00aced;\n}\n\n.lg-outer #lg-share-twitter .lg-icon:after {\n  content: \"\\e904\";\n}\n\n.lg-outer #lg-share-googleplus .lg-icon {\n  color: #dd4b39;\n}\n\n.lg-outer #lg-share-googleplus .lg-icon:after {\n  content: \"\\e902\";\n}\n\n.lg-outer #lg-share-pinterest .lg-icon {\n  color: #cb2027;\n}\n\n.lg-outer #lg-share-pinterest .lg-icon:after {\n  content: \"\\e903\";\n}\n\n.group {\n  *zoom: 1;\n}\n\n.group:before, .group:after {\n  display: table;\n  content: \"\";\n  line-height: 0;\n}\n\n.group:after {\n  clear: both;\n}\n\n.lg-outer {\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1050;\n  opacity: 0;\n  -webkit-transition: opacity 0.15s ease 0s;\n  -o-transition: opacity 0.15s ease 0s;\n  transition: opacity 0.15s ease 0s;\n}\n\n.lg-outer * {\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.lg-outer.lg-visible {\n  opacity: 1;\n}\n\n.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 {\n  -webkit-transition-duration: inherit !important;\n  transition-duration: inherit !important;\n  -webkit-transition-timing-function: inherit !important;\n  transition-timing-function: inherit !important;\n}\n\n.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 {\n  -webkit-transition-duration: 0s !important;\n  transition-duration: 0s !important;\n  opacity: 1;\n}\n\n.lg-outer.lg-grab img.lg-object {\n  cursor: -webkit-grab;\n  cursor: -moz-grab;\n  cursor: -o-grab;\n  cursor: -ms-grab;\n  cursor: grab;\n}\n\n.lg-outer.lg-grabbing img.lg-object {\n  cursor: move;\n  cursor: -webkit-grabbing;\n  cursor: -moz-grabbing;\n  cursor: -o-grabbing;\n  cursor: -ms-grabbing;\n  cursor: grabbing;\n}\n\n.lg-outer .lg {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.lg-outer .lg-inner {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  white-space: nowrap;\n}\n\n.lg-outer .lg-item {\n  background: url(\"../img/loading.gif\") no-repeat scroll center center transparent;\n  display: none !important;\n}\n\n.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {\n  display: inline-block !important;\n}\n\n.lg-outer.lg-css .lg-current {\n  display: inline-block !important;\n}\n\n.lg-outer .lg-item, .lg-outer .lg-img-wrap {\n  display: inline-block;\n  text-align: center;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {\n  content: \"\";\n  display: inline-block;\n  height: 50%;\n  width: 1px;\n  margin-right: -1px;\n}\n\n.lg-outer .lg-img-wrap {\n  position: absolute;\n  padding: 0 5px;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n}\n\n.lg-outer .lg-item.lg-complete {\n  background-image: none;\n}\n\n.lg-outer .lg-item.lg-current {\n  z-index: 1060;\n}\n\n.lg-outer .lg-image {\n  display: inline-block;\n  vertical-align: middle;\n  max-width: 100%;\n  max-height: 100%;\n  width: auto !important;\n  height: auto !important;\n}\n\n.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {\n  opacity: 0;\n  -webkit-transition: opacity 0.15s ease 0s;\n  -o-transition: opacity 0.15s ease 0s;\n  transition: opacity 0.15s ease 0s;\n}\n\n.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 {\n  opacity: 1;\n}\n\n.lg-outer .lg-empty-html {\n  display: none;\n}\n\n.lg-outer.lg-hide-download #lg-download {\n  display: none;\n}\n\n.lg-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1040;\n  background-color: #000;\n  opacity: 0;\n  -webkit-transition: opacity 0.15s ease 0s;\n  -o-transition: opacity 0.15s ease 0s;\n  transition: opacity 0.15s ease 0s;\n}\n\n.lg-backdrop.in {\n  opacity: 1;\n}\n\n.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {\n  -webkit-transition: none 0s ease 0s !important;\n  -moz-transition: none 0s ease 0s !important;\n  -o-transition: none 0s ease 0s !important;\n  transition: none 0s ease 0s !important;\n}\n\n.lg-css3.lg-use-css3 .lg-item {\n  -webkit-backface-visibility: hidden;\n  -moz-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n.lg-css3.lg-use-left .lg-item {\n  -webkit-backface-visibility: hidden;\n  -moz-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n.lg-css3.lg-fade .lg-item {\n  opacity: 0;\n}\n\n.lg-css3.lg-fade .lg-item.lg-current {\n  opacity: 1;\n}\n\n.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 {\n  -webkit-transition: opacity 0.1s ease 0s;\n  -moz-transition: opacity 0.1s ease 0s;\n  -o-transition: opacity 0.1s ease 0s;\n  transition: opacity 0.1s ease 0s;\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item {\n  opacity: 0;\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {\n  -webkit-transform: translate3d(-100%, 0, 0);\n  transform: translate3d(-100%, 0, 0);\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {\n  -webkit-transform: translate3d(100%, 0, 0);\n  transform: translate3d(100%, 0, 0);\n}\n\n.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {\n  -webkit-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n}\n\n.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 {\n  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item {\n  opacity: 0;\n  position: absolute;\n  left: 0;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {\n  left: -100%;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {\n  left: 100%;\n}\n\n.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {\n  left: 0;\n  opacity: 1;\n}\n\n.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 {\n  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\n}\n"],"sourceRoot":""}

package/dist/js/yeldaWebchatInjector.js

@@ -824,12 +824,14 @@ var YeldaChat = function () {
     /**
      * Create an assistantBubbleText component and add it to webChatContainer element
      * @param {String} text - default null
+     * @param {String} cssClass - default ''
      */
 
   }, {
     key: 'addAssistantBubbleText',
     value: function addAssistantBubbleText() {
       var text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      var cssClass = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
 
       text = text || this.webchatSettings && this.webchatSettings.bubbleText;
       if (!this.webChatContainer || !text) {
@@ -841,7 +843,9 @@ var YeldaChat = function () {
       // create assistantBubbleText element and set the text
       this.assistantBubbleText = document.createElement('span');
       this.assistantBubbleText.setAttribute('id', 'yelda_assistant_bubble_text');
-      this.assistantBubbleText.innerText = text || this.webchatSettings.bubbleText;
+      this.assistantBubbleText.setAttribute('class', cssClass);
+      this.assistantBubbleText.innerText = text;
+      this.addCloseButtonForBubbleText();
 
       // Add click event to assistant text
       this.assistantBubbleText.addEventListener('click', this.openChat.bind(this));
@@ -850,6 +854,37 @@ var YeldaChat = function () {
       this.webChatContainer.appendChild(this.assistantBubbleText);
     }
 
+    /**
+     * Add close button for bubble text
+     */
+
+  }, {
+    key: 'addCloseButtonForBubbleText',
+    value: function addCloseButtonForBubbleText() {
+      // Create close button and add it to the bubble text container
+      var closeButton = document.createElement('a');
+      closeButton.setAttribute('class', 'bubbleCloseButton');
+      closeButton.setAttribute('id', 'yelda_assistant_bubble_text_close');
+      closeButton.setAttribute('href', '#');
+      closeButton.innerHTML = '×';
+      closeButton.onclick = this.closeBubbleText.bind(this);
+      this.assistantBubbleText.prepend(closeButton);
+    }
+
+    /**
+     * Callback function for bubble text close button
+     * @param {Event} event
+     */
+
+  }, {
+    key: 'closeBubbleText',
+    value: function closeBubbleText(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      this.removeElement('yelda_assistant_bubble_text');
+      this.assistantBubbleText = null;
+    }
+
     /**
      * Create assistantImage element and add it to webChatContainer element
      */
@@ -1005,6 +1040,46 @@ var YeldaChat = function () {
       return url;
     }
 
+    /**
+     * Add 'y_active' class to the webChatContainer if required
+     *
+     * To control the opacity of the iframe container (.yelda_iframe_container) and the assistant image (.yelda_assistant_img),
+      * We add and remove the "y_active" CSS class to the webChatContainer (.yelda_container) which is always visible
+      * By default
+      * - yelda_iframe_container is hidden (opacity: 0;)
+      * - assistant image is visible (opacity: 1 for yelda_assistant_img)
+      *
+      * When we add the class "y_active" to  (webChatContainer)
+      * - yelda_iframe_container is now visible (.y_active .yelda_iframe_container => opacity: 1)
+      * - the assistant image is hidden (.yelda_container.y_active .yelda_assistant_img => opacity: 0
+      *
+      * @param {Boolean} data.shouldBeOpened
+      * @param {Boolean} data.isStartBtn
+      * @param {Boolean} data.canBeClosed
+      */
+
+  }, {
+    key: 'initWebChatContainerYActiveClass',
+    value: function initWebChatContainerYActiveClass(data) {
+      // should be opened on load OR has a start button
+      var shoulBeOpened = data.shouldBeOpened || data.isStartBtn;
+
+      // cannot be closed (canBeClosed explicitly set to false)
+      var cantBeClosed = data.hasOwnProperty('canBeClosed') && !data.canBeClosed;
+
+      /**
+       * If we are sure that the webchat should be opened from the creation and displayed all the time
+       * we add the y_active class to webChatContainer at the creation
+       *
+       * Otherwise yelda_assistant_img click event management will take care of showing and hiding the webchat
+       * - closeChat() remove "y_active" from the yelda container
+       * - openChat() add y_active" to the yelda container
+       */
+      if (shoulBeOpened && cantBeClosed) {
+        this.webChatContainer.classList.add('y_active');
+      }
+    }
+
     /**
      * Create iframeContainer and it's child webchat iframe, and add it to webChatContainer
      * @param {String} url webchat url
@@ -1034,24 +1109,7 @@ var YeldaChat = function () {
           classList += ' inner';
         }
 
-        /**
-         * add CSS class which controls the opacity of the frame container if the iframe:
-         * - should be opened on load OR has a start button
-         * - cannot be closed (canBeClosed explicitly set to false)
-         *
-         * If we are sure that the webchat should be opened and displayed all the time, we can add the y_active class right away
-         * Otherwise,
-         */
-        if ((data.shouldBeOpened || data.isStartBtn) && data.hasOwnProperty('canBeClosed') && !data.canBeClosed) {
-          classList += ' y_active';
-        } else {
-          /**
-           * If the iframe can be closed, hide it by default
-           * yelda_assistant_img click event management will take care of showing and hiding the webchat
-           * And if it should be opened, the webchat will trigger the 'openChat' event on its own
-           */
-          this.iframeContainer.style.cssText = 'display: none;';
-        }
+        this.initWebChatContainerYActiveClass(data);
 
         this.iframeContainer.setAttribute('class', classList);
         this.webChatContainer.appendChild(this.iframeContainer);
@@ -1208,7 +1266,9 @@ var YeldaChat = function () {
           }
           break;
         case _config__WEBPACK_IMPORTED_MODULE_14___default.a.FRAME_EVENT_TYPES.RECEIVED.ADD_MINIMAL_NOTIFICATION_TEXT:
-          this.addAssistantBubbleText(eventData.text);
+          if (!this.configurationData.hasOwnProperty('canBeClosed') || this.configurationData.canBeClosed) {
+            this.addAssistantBubbleText(eventData.text, 'y_notification');
+          }
           break;
       }
     }
@@ -1273,15 +1333,11 @@ var YeldaChat = function () {
   }, {
     key: 'closeChat',
     value: function closeChat() {
-      var assistantImgElement = document.getElementById('yelda_assistant_img');
-      if (assistantImgElement !== null) {
-        assistantImgElement.style.display = 'inline-block';
-      }
-
-      var yeldaIframeContainerElement = document.getElementById('yelda_iframe_container');
-      if (yeldaIframeContainerElement !== null) {
-        yeldaIframeContainerElement.classList.remove('y_active');
-        yeldaIframeContainerElement.style.display = 'none';
+      // Closing the webchat = remove the y_active class on #yelda_container
+      // Hiding the iframe + showing back the bubble + animation  => All is done in CSS
+      var yeldaContainerElement = document.getElementById('yelda_container');
+      if (yeldaContainerElement !== null) {
+        yeldaContainerElement.classList.remove('y_active');
       }
     }
 
@@ -1292,18 +1348,21 @@ var YeldaChat = function () {
   }, {
     key: 'openChat',
     value: function openChat() {
+      // Adding the class "activated" allows the CSS to change the transition/animation after the first opening
       var assistantImgElement = document.getElementById('yelda_assistant_img');
       if (assistantImgElement !== null) {
-        assistantImgElement.style.display = 'none';
+        assistantImgElement.classList.add('activated');
       }
 
-      var yeldaIframeContainerElement = document.getElementById('yelda_iframe_container');
-      if (yeldaIframeContainerElement !== null) {
-        yeldaIframeContainerElement.style.display = 'block';
-        yeldaIframeContainerElement.classList.add('y_active');
+      // Opening the webchat = adding the y_active class on #yelda_container
+      // Showing the iframe + hiding bubble + hiding minimal notification + animation => All is done in CSS
+      var yeldaContainerElement = document.getElementById('yelda_container');
+      if (yeldaContainerElement !== null) {
+        yeldaContainerElement.classList.add('y_active');
       }
 
-      // hide the assistant bubble text while opening the webchat window
+      // Hide the assistant bubble text while opening the webchat window
+      // Note :  bubble text container is also hidden in CSS
       if (this.assistantBubbleText) {
         this.assistantBubbleText = null;
       }
@@ -1409,7 +1468,7 @@ var YeldaChat = function () {
           }, _callee, _this2);
         }));
 
-        return function (_x5) {
+        return function (_x6) {
           return _ref.apply(this, arguments);
         };
       }());
@@ -1687,7 +1746,7 @@ var YeldaChat = function () {
           }, _callee2, _this4, [[12, 19]]);
         }));
 
-        return function (_x6) {
+        return function (_x7) {
           return _ref2.apply(this, arguments);
         };
       }());
@@ -1930,7 +1989,7 @@ var YeldaChat = function () {
           }, _callee4, _this5);
         }));
 
-        return function (_x7) {
+        return function (_x8) {
           return _ref4.apply(this, arguments);
         };
       }());
@@ -2172,8 +2231,8 @@ if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
 var require;var require;/**!
  * lg-video.js | 1.2.0 | May 20th 2020
  * http://sachinchoolur.github.io/lg-video.js
- * Copyright (c) 2016 Sachin N;
- * @license GPLv3
+ * Copyright (c) 2016 Sachin N; 
+ * @license GPLv3 
  */(function(f){if(true){module.exports=f()}else { var g; }})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return require(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
 (function (global, factory) {
     if (typeof define === "function" && define.amd) {
@@ -2441,11 +2500,12 @@ var require;var require;/**!
             videoTitle = this.core.s.dynamicEl[index].title;
         } else {
             videoTitle = this.core.items[index].getAttribute('title');
-            var firstImage = this.core.items[index].querySelector('img');
+        }
 
-            if (firstImage) {
-                videoTitle = videoTitle || firstImage.getAttribute('alt');
-            }
+        var firstImage = this.core.items[index].querySelector('img');
+
+        if (firstImage) {
+            videoTitle = videoTitle || firstImage.getAttribute('alt');
         }
 
         videoTitle = videoTitle ? 'title="' + videoTitle + '"' : '';