1/*! lightgallery - v1.3.9 - 2017-02-05 2* http://sachinchoolur.github.io/lightGallery/ 3* Copyright (c) 2017 Sachin N; Licensed GPLv3 */ 4@font-face { 5 font-family: 'lg'; 6 src: url("../fonts/lg.eot?n1z373"); 7 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"); 8 font-weight: normal; 9 font-style: normal; 10} 11.lg-icon { 12 font-family: 'lg'; 13 speak: none; 14 font-style: normal; 15 font-weight: normal; 16 font-variant: normal; 17 text-transform: none; 18 line-height: 1; 19 /* Better Font Rendering =========== */ 20 -webkit-font-smoothing: antialiased; 21 -moz-osx-font-smoothing: grayscale; 22} 23 24.lg-actions .lg-next, .lg-actions .lg-prev { 25 background-color: rgba(0, 0, 0, 0.45); 26 border-radius: 2px; 27 color: #999; 28 cursor: pointer; 29 display: block; 30 font-size: 22px; 31 margin-top: -10px; 32 padding: 8px 10px 9px; 33 position: absolute; 34 top: 50%; 35 z-index: 1080; 36} 37.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { 38 pointer-events: none; 39 opacity: 0.5; 40} 41.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { 42 color: #FFF; 43} 44.lg-actions .lg-next { 45 right: 20px; 46} 47.lg-actions .lg-next:before { 48 content: "\e095"; 49} 50.lg-actions .lg-prev { 51 left: 20px; 52} 53.lg-actions .lg-prev:after { 54 content: "\e094"; 55} 56 57@-webkit-keyframes lg-right-end { 58 0% { 59 left: 0; 60 } 61 50% { 62 left: -30px; 63 } 64 100% { 65 left: 0; 66 } 67} 68@-moz-keyframes lg-right-end { 69 0% { 70 left: 0; 71 } 72 50% { 73 left: -30px; 74 } 75 100% { 76 left: 0; 77 } 78} 79@-ms-keyframes lg-right-end { 80 0% { 81 left: 0; 82 } 83 50% { 84 left: -30px; 85 } 86 100% { 87 left: 0; 88 } 89} 90@keyframes lg-right-end { 91 0% { 92 left: 0; 93 } 94 50% { 95 left: -30px; 96 } 97 100% { 98 left: 0; 99 } 100} 101@-webkit-keyframes lg-left-end { 102 0% { 103 left: 0; 104 } 105 50% { 106 left: 30px; 107 } 108 100% { 109 left: 0; 110 } 111} 112@-moz-keyframes lg-left-end { 113 0% { 114 left: 0; 115 } 116 50% { 117 left: 30px; 118 } 119 100% { 120 left: 0; 121 } 122} 123@-ms-keyframes lg-left-end { 124 0% { 125 left: 0; 126 } 127 50% { 128 left: 30px; 129 } 130 100% { 131 left: 0; 132 } 133} 134@keyframes lg-left-end { 135 0% { 136 left: 0; 137 } 138 50% { 139 left: 30px; 140 } 141 100% { 142 left: 0; 143 } 144} 145.lg-outer.lg-right-end .lg-object { 146 -webkit-animation: lg-right-end 0.3s; 147 -o-animation: lg-right-end 0.3s; 148 animation: lg-right-end 0.3s; 149 position: relative; 150} 151.lg-outer.lg-left-end .lg-object { 152 -webkit-animation: lg-left-end 0.3s; 153 -o-animation: lg-left-end 0.3s; 154 animation: lg-left-end 0.3s; 155 position: relative; 156} 157 158.lg-toolbar { 159 z-index: 1082; 160 left: 0; 161 position: absolute; 162 top: 0; 163 width: 100%; 164 background-color: rgba(0, 0, 0, 0.45); 165} 166.lg-toolbar .lg-icon { 167 color: #999; 168 cursor: pointer; 169 float: right; 170 font-size: 24px; 171 height: 47px; 172 line-height: 27px; 173 padding: 10px 0; 174 text-align: center; 175 width: 50px; 176 text-decoration: none !important; 177 outline: medium none; 178 -webkit-transition: color 0.2s linear; 179 -o-transition: color 0.2s linear; 180 transition: color 0.2s linear; 181} 182.lg-toolbar .lg-icon:hover { 183 color: #FFF; 184} 185.lg-toolbar .lg-close:after { 186 content: "\e070"; 187} 188.lg-toolbar .lg-download:after { 189 content: "\e0f2"; 190} 191 192.lg-sub-html { 193 background-color: rgba(0, 0, 0, 0.45); 194 bottom: 0; 195 color: #EEE; 196 font-size: 16px; 197 left: 0; 198 padding: 10px 40px; 199 position: fixed; 200 right: 0; 201 text-align: center; 202 z-index: 1080; 203} 204.lg-sub-html h4 { 205 margin: 0; 206 font-size: 13px; 207 font-weight: bold; 208} 209.lg-sub-html p { 210 font-size: 12px; 211 margin: 5px 0 0; 212} 213 214#lg-counter { 215 color: #999; 216 display: inline-block; 217 font-size: 16px; 218 padding-left: 20px; 219 padding-top: 12px; 220 vertical-align: middle; 221} 222 223.lg-toolbar, .lg-prev, .lg-next { 224 opacity: 1; 225 -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; 226 -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; 227 -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; 228 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; 229} 230 231.lg-hide-items .lg-prev { 232 opacity: 0; 233 -webkit-transform: translate3d(-10px, 0, 0); 234 transform: translate3d(-10px, 0, 0); 235} 236.lg-hide-items .lg-next { 237 opacity: 0; 238 -webkit-transform: translate3d(10px, 0, 0); 239 transform: translate3d(10px, 0, 0); 240} 241.lg-hide-items .lg-toolbar { 242 opacity: 0; 243 -webkit-transform: translate3d(0, -10px, 0); 244 transform: translate3d(0, -10px, 0); 245} 246 247body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { 248 -webkit-transform: scale3d(0.5, 0.5, 0.5); 249 transform: scale3d(0.5, 0.5, 0.5); 250 opacity: 0; 251 -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; 252 -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; 253 -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; 254 transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; 255 -webkit-transform-origin: 50% 50%; 256 -moz-transform-origin: 50% 50%; 257 -ms-transform-origin: 50% 50%; 258 transform-origin: 50% 50%; 259} 260body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { 261 -webkit-transform: scale3d(1, 1, 1); 262 transform: scale3d(1, 1, 1); 263 opacity: 1; 264} 265 266.lg-outer .lg-thumb-outer { 267 background-color: #0D0A0A; 268 bottom: 0; 269 position: absolute; 270 width: 100%; 271 z-index: 1080; 272 max-height: 350px; 273 -webkit-transform: translate3d(0, 100%, 0); 274 transform: translate3d(0, 100%, 0); 275 -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; 276 -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; 277 -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; 278 transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; 279} 280.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { 281 cursor: -webkit-grab; 282 cursor: -moz-grab; 283 cursor: -o-grab; 284 cursor: -ms-grab; 285 cursor: grab; 286} 287.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { 288 cursor: move; 289 cursor: -webkit-grabbing; 290 cursor: -moz-grabbing; 291 cursor: -o-grabbing; 292 cursor: -ms-grabbing; 293 cursor: grabbing; 294} 295.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { 296 -webkit-transition-duration: 0s !important; 297 transition-duration: 0s !important; 298} 299.lg-outer.lg-thumb-open .lg-thumb-outer { 300 -webkit-transform: translate3d(0, 0%, 0); 301 transform: translate3d(0, 0%, 0); 302} 303.lg-outer .lg-thumb { 304 padding: 10px 0; 305 height: 100%; 306 margin-bottom: -5px; 307} 308.lg-outer .lg-thumb-item { 309 border-radius: 5px; 310 cursor: pointer; 311 float: left; 312 overflow: hidden; 313 height: 100%; 314 border: 2px solid #FFF; 315 border-radius: 4px; 316 margin-bottom: 5px; 317} 318@media (min-width: 1025px) { 319 .lg-outer .lg-thumb-item { 320 -webkit-transition: border-color 0.25s ease; 321 -o-transition: border-color 0.25s ease; 322 transition: border-color 0.25s ease; 323 } 324} 325.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { 326 border-color: #a90707; 327} 328.lg-outer .lg-thumb-item img { 329 width: 100%; 330 height: 100%; 331 object-fit: cover; 332} 333.lg-outer.lg-has-thumb .lg-item { 334 padding-bottom: 120px; 335} 336.lg-outer.lg-can-toggle .lg-item { 337 padding-bottom: 0; 338} 339.lg-outer.lg-pull-caption-up .lg-sub-html { 340 -webkit-transition: bottom 0.25s ease; 341 -o-transition: bottom 0.25s ease; 342 transition: bottom 0.25s ease; 343} 344.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { 345 bottom: 100px; 346} 347.lg-outer .lg-toogle-thumb { 348 background-color: #0D0A0A; 349 border-radius: 2px 2px 0 0; 350 color: #999; 351 cursor: pointer; 352 font-size: 24px; 353 height: 39px; 354 line-height: 27px; 355 padding: 5px 0; 356 position: absolute; 357 right: 20px; 358 text-align: center; 359 top: -39px; 360 width: 50px; 361} 362.lg-outer .lg-toogle-thumb:after { 363 content: "\e1ff"; 364} 365.lg-outer .lg-toogle-thumb:hover { 366 color: #FFF; 367} 368 369.lg-outer .lg-video-cont { 370 display: inline-block; 371 vertical-align: middle; 372 max-width: 1140px; 373 max-height: 100%; 374 width: 100%; 375 padding: 0 5px; 376} 377.lg-outer .lg-video { 378 width: 100%; 379 height: 0; 380 padding-bottom: 56.25%; 381 overflow: hidden; 382 position: relative; 383} 384.lg-outer .lg-video .lg-object { 385 display: inline-block; 386 position: absolute; 387 top: 0; 388 left: 0; 389 width: 100% !important; 390 height: 100% !important; 391} 392.lg-outer .lg-video .lg-video-play { 393 width: 84px; 394 height: 59px; 395 position: absolute; 396 left: 50%; 397 top: 50%; 398 margin-left: -42px; 399 margin-top: -30px; 400 z-index: 1080; 401 cursor: pointer; 402} 403.lg-outer .lg-has-vimeo .lg-video-play { 404 background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent; 405} 406.lg-outer .lg-has-vimeo:hover .lg-video-play { 407 background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; 408} 409.lg-outer .lg-has-html5 .lg-video-play { 410 background: transparent url("../img/video-play.png") no-repeat scroll 0 0; 411 height: 64px; 412 margin-left: -32px; 413 margin-top: -32px; 414 width: 64px; 415 opacity: 0.8; 416} 417.lg-outer .lg-has-html5:hover .lg-video-play { 418 opacity: 1; 419} 420.lg-outer .lg-has-youtube .lg-video-play { 421 background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent; 422} 423.lg-outer .lg-has-youtube:hover .lg-video-play { 424 background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent; 425} 426.lg-outer .lg-video-object { 427 width: 100% !important; 428 height: 100% !important; 429 position: absolute; 430 top: 0; 431 left: 0; 432} 433.lg-outer .lg-has-video .lg-video-object { 434 visibility: hidden; 435} 436.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { 437 display: none; 438} 439.lg-outer .lg-has-video.lg-video-playing .lg-video-object { 440 visibility: visible; 441} 442 443.lg-progress-bar { 444 background-color: #333; 445 height: 5px; 446 left: 0; 447 position: absolute; 448 top: 0; 449 width: 100%; 450 z-index: 1083; 451 opacity: 0; 452 -webkit-transition: opacity 0.08s ease 0s; 453 -moz-transition: opacity 0.08s ease 0s; 454 -o-transition: opacity 0.08s ease 0s; 455 transition: opacity 0.08s ease 0s; 456} 457.lg-progress-bar .lg-progress { 458 background-color: #a90707; 459 height: 5px; 460 width: 0; 461} 462.lg-progress-bar.lg-start .lg-progress { 463 width: 100%; 464} 465.lg-show-autoplay .lg-progress-bar { 466 opacity: 1; 467} 468 469.lg-autoplay-button:after { 470 content: "\e01d"; 471} 472.lg-show-autoplay .lg-autoplay-button:after { 473 content: "\e01a"; 474} 475 476.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 { 477 -webkit-transition-duration: 0s; 478 transition-duration: 0s; 479} 480.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { 481 -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; 482 -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; 483 -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; 484 transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; 485} 486.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { 487 -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; 488 -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; 489 -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; 490 transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; 491} 492.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { 493 -webkit-transform: translate3d(0, 0, 0); 494 transform: translate3d(0, 0, 0); 495 -webkit-backface-visibility: hidden; 496 -moz-backface-visibility: hidden; 497 backface-visibility: hidden; 498} 499.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { 500 -webkit-transform: scale3d(1, 1, 1); 501 transform: scale3d(1, 1, 1); 502 -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; 503 -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; 504 -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; 505 transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; 506 -webkit-transform-origin: 0 0; 507 -moz-transform-origin: 0 0; 508 -ms-transform-origin: 0 0; 509 transform-origin: 0 0; 510 -webkit-backface-visibility: hidden; 511 -moz-backface-visibility: hidden; 512 backface-visibility: hidden; 513} 514 515#lg-zoom-in:after { 516 content: "\e311"; 517} 518 519#lg-actual-size { 520 font-size: 20px; 521} 522#lg-actual-size:after { 523 content: "\e033"; 524} 525 526#lg-zoom-out { 527 opacity: 0.5; 528 pointer-events: none; 529} 530#lg-zoom-out:after { 531 content: "\e312"; 532} 533.lg-zoomed #lg-zoom-out { 534 opacity: 1; 535 pointer-events: auto; 536} 537 538.lg-outer .lg-pager-outer { 539 bottom: 60px; 540 left: 0; 541 position: absolute; 542 right: 0; 543 text-align: center; 544 z-index: 1080; 545 height: 10px; 546} 547.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { 548 overflow: visible; 549} 550.lg-outer .lg-pager-cont { 551 cursor: pointer; 552 display: inline-block; 553 overflow: hidden; 554 position: relative; 555 vertical-align: top; 556 margin: 0 5px; 557} 558.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { 559 opacity: 1; 560 -webkit-transform: translate3d(0, 0, 0); 561 transform: translate3d(0, 0, 0); 562} 563.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { 564 box-shadow: 0 0 0 2px white inset; 565} 566.lg-outer .lg-pager-thumb-cont { 567 background-color: #fff; 568 color: #FFF; 569 bottom: 100%; 570 height: 83px; 571 left: 0; 572 margin-bottom: 20px; 573 margin-left: -60px; 574 opacity: 0; 575 padding: 5px; 576 position: absolute; 577 width: 120px; 578 border-radius: 3px; 579 -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; 580 -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; 581 -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; 582 transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; 583 -webkit-transform: translate3d(0, 5px, 0); 584 transform: translate3d(0, 5px, 0); 585} 586.lg-outer .lg-pager-thumb-cont img { 587 width: 100%; 588 height: 100%; 589} 590.lg-outer .lg-pager { 591 background-color: rgba(255, 255, 255, 0.5); 592 border-radius: 50%; 593 box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; 594 display: block; 595 height: 12px; 596 -webkit-transition: box-shadow 0.3s ease 0s; 597 -o-transition: box-shadow 0.3s ease 0s; 598 transition: box-shadow 0.3s ease 0s; 599 width: 12px; 600} 601.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { 602 box-shadow: 0 0 0 8px white inset; 603} 604.lg-outer .lg-caret { 605 border-left: 10px solid transparent; 606 border-right: 10px solid transparent; 607 border-top: 10px dashed; 608 bottom: -10px; 609 display: inline-block; 610 height: 0; 611 left: 50%; 612 margin-left: -5px; 613 position: absolute; 614 vertical-align: middle; 615 width: 0; 616} 617 618.lg-fullscreen:after { 619 content: "\e20c"; 620} 621.lg-fullscreen-on .lg-fullscreen:after { 622 content: "\e20d"; 623} 624 625.lg-outer #lg-dropdown-overlay { 626 background-color: rgba(0, 0, 0, 0.25); 627 bottom: 0; 628 cursor: default; 629 left: 0; 630 position: fixed; 631 right: 0; 632 top: 0; 633 z-index: 1081; 634 opacity: 0; 635 visibility: hidden; 636 -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; 637 -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; 638 transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; 639} 640.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { 641 -webkit-transition-delay: 0s; 642 transition-delay: 0s; 643 -moz-transform: translate3d(0, 0px, 0); 644 -o-transform: translate3d(0, 0px, 0); 645 -ms-transform: translate3d(0, 0px, 0); 646 -webkit-transform: translate3d(0, 0px, 0); 647 transform: translate3d(0, 0px, 0); 648 opacity: 1; 649 visibility: visible; 650} 651.lg-outer.lg-dropdown-active #lg-share { 652 color: #FFF; 653} 654.lg-outer .lg-dropdown { 655 background-color: #fff; 656 border-radius: 2px; 657 font-size: 14px; 658 list-style-type: none; 659 margin: 0; 660 padding: 10px 0; 661 position: absolute; 662 right: 0; 663 text-align: left; 664 top: 50px; 665 opacity: 0; 666 visibility: hidden; 667 -moz-transform: translate3d(0, 5px, 0); 668 -o-transform: translate3d(0, 5px, 0); 669 -ms-transform: translate3d(0, 5px, 0); 670 -webkit-transform: translate3d(0, 5px, 0); 671 transform: translate3d(0, 5px, 0); 672 -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; 673 -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; 674 -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; 675 transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; 676} 677.lg-outer .lg-dropdown:after { 678 content: ""; 679 display: block; 680 height: 0; 681 width: 0; 682 position: absolute; 683 border: 8px solid transparent; 684 border-bottom-color: #FFF; 685 right: 16px; 686 top: -16px; 687} 688.lg-outer .lg-dropdown > li:last-child { 689 margin-bottom: 0px; 690} 691.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { 692 color: #333; 693} 694.lg-outer .lg-dropdown a { 695 color: #333; 696 display: block; 697 white-space: pre; 698 padding: 4px 12px; 699 font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; 700 font-size: 12px; 701} 702.lg-outer .lg-dropdown a:hover { 703 background-color: rgba(0, 0, 0, 0.07); 704} 705.lg-outer .lg-dropdown .lg-dropdown-text { 706 display: inline-block; 707 line-height: 1; 708 margin-top: -3px; 709 vertical-align: middle; 710} 711.lg-outer .lg-dropdown .lg-icon { 712 color: #333; 713 display: inline-block; 714 float: none; 715 font-size: 20px; 716 height: auto; 717 line-height: 1; 718 margin-right: 8px; 719 padding: 0; 720 vertical-align: middle; 721 width: auto; 722} 723.lg-outer #lg-share { 724 position: relative; 725} 726.lg-outer #lg-share:after { 727 content: "\e80d"; 728} 729.lg-outer #lg-share-facebook .lg-icon { 730 color: #3b5998; 731} 732.lg-outer #lg-share-facebook .lg-icon:after { 733 content: "\e901"; 734} 735.lg-outer #lg-share-twitter .lg-icon { 736 color: #00aced; 737} 738.lg-outer #lg-share-twitter .lg-icon:after { 739 content: "\e904"; 740} 741.lg-outer #lg-share-googleplus .lg-icon { 742 color: #dd4b39; 743} 744.lg-outer #lg-share-googleplus .lg-icon:after { 745 content: "\e902"; 746} 747.lg-outer #lg-share-pinterest .lg-icon { 748 color: #cb2027; 749} 750.lg-outer #lg-share-pinterest .lg-icon:after { 751 content: "\e903"; 752} 753 754.lg-group:after { 755 content: ""; 756 display: table; 757 clear: both; 758} 759 760.lg-outer { 761 width: 100%; 762 height: 100%; 763 position: fixed; 764 top: 0; 765 left: 0; 766 z-index: 1050; 767 opacity: 0; 768 -webkit-transition: opacity 0.15s ease 0s; 769 -o-transition: opacity 0.15s ease 0s; 770 transition: opacity 0.15s ease 0s; 771} 772.lg-outer * { 773 -webkit-box-sizing: border-box; 774 -moz-box-sizing: border-box; 775 box-sizing: border-box; 776} 777.lg-outer.lg-visible { 778 opacity: 1; 779} 780.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 { 781 -webkit-transition-duration: inherit !important; 782 transition-duration: inherit !important; 783 -webkit-transition-timing-function: inherit !important; 784 transition-timing-function: inherit !important; 785} 786.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 { 787 -webkit-transition-duration: 0s !important; 788 transition-duration: 0s !important; 789 opacity: 1; 790} 791.lg-outer.lg-grab img.lg-object { 792 cursor: -webkit-grab; 793 cursor: -moz-grab; 794 cursor: -o-grab; 795 cursor: -ms-grab; 796 cursor: grab; 797} 798.lg-outer.lg-grabbing img.lg-object { 799 cursor: move; 800 cursor: -webkit-grabbing; 801 cursor: -moz-grabbing; 802 cursor: -o-grabbing; 803 cursor: -ms-grabbing; 804 cursor: grabbing; 805} 806.lg-outer .lg { 807 height: 100%; 808 width: 100%; 809 position: relative; 810 overflow: hidden; 811 margin-left: auto; 812 margin-right: auto; 813 max-width: 100%; 814 max-height: 100%; 815} 816.lg-outer .lg-inner { 817 width: 100%; 818 height: 100%; 819 position: absolute; 820 left: 0; 821 top: 0; 822 white-space: nowrap; 823} 824.lg-outer .lg-item { 825 background: url("../img/loading.gif") no-repeat scroll center center transparent; 826 display: none !important; 827} 828.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { 829 display: inline-block !important; 830} 831.lg-outer.lg-css .lg-current { 832 display: inline-block !important; 833} 834.lg-outer .lg-item, .lg-outer .lg-img-wrap { 835 display: inline-block; 836 text-align: center; 837 position: absolute; 838 width: 100%; 839 height: 100%; 840} 841.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { 842 content: ""; 843 display: inline-block; 844 height: 50%; 845 width: 1px; 846 margin-right: -1px; 847} 848.lg-outer .lg-img-wrap { 849 position: absolute; 850 padding: 0 5px; 851 left: 0; 852 right: 0; 853 top: 0; 854 bottom: 0; 855} 856.lg-outer .lg-item.lg-complete { 857 background-image: none; 858} 859.lg-outer .lg-item.lg-current { 860 z-index: 1060; 861} 862.lg-outer .lg-image { 863 display: inline-block; 864 vertical-align: middle; 865 max-width: 100%; 866 max-height: 100%; 867 width: auto !important; 868 height: auto !important; 869} 870.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { 871 opacity: 0; 872 -webkit-transition: opacity 0.15s ease 0s; 873 -o-transition: opacity 0.15s ease 0s; 874 transition: opacity 0.15s ease 0s; 875} 876.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 { 877 opacity: 1; 878} 879.lg-outer .lg-empty-html { 880 display: none; 881} 882.lg-outer.lg-hide-download #lg-download { 883 display: none; 884} 885 886.lg-backdrop { 887 position: fixed; 888 top: 0; 889 left: 0; 890 right: 0; 891 bottom: 0; 892 z-index: 1040; 893 background-color: #000; 894 opacity: 0; 895 -webkit-transition: opacity 0.15s ease 0s; 896 -o-transition: opacity 0.15s ease 0s; 897 transition: opacity 0.15s ease 0s; 898} 899.lg-backdrop.in { 900 opacity: 1; 901} 902 903.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { 904 -webkit-transition: none 0s ease 0s !important; 905 -moz-transition: none 0s ease 0s !important; 906 -o-transition: none 0s ease 0s !important; 907 transition: none 0s ease 0s !important; 908} 909.lg-css3.lg-use-css3 .lg-item { 910 -webkit-backface-visibility: hidden; 911 -moz-backface-visibility: hidden; 912 backface-visibility: hidden; 913} 914.lg-css3.lg-use-left .lg-item { 915 -webkit-backface-visibility: hidden; 916 -moz-backface-visibility: hidden; 917 backface-visibility: hidden; 918} 919.lg-css3.lg-fade .lg-item { 920 opacity: 0; 921} 922.lg-css3.lg-fade .lg-item.lg-current { 923 opacity: 1; 924} 925.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 { 926 -webkit-transition: opacity 0.1s ease 0s; 927 -moz-transition: opacity 0.1s ease 0s; 928 -o-transition: opacity 0.1s ease 0s; 929 transition: opacity 0.1s ease 0s; 930} 931.lg-css3.lg-slide.lg-use-css3 .lg-item { 932 opacity: 0; 933} 934.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { 935 -webkit-transform: translate3d(-100%, 0, 0); 936 transform: translate3d(-100%, 0, 0); 937} 938.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { 939 -webkit-transform: translate3d(100%, 0, 0); 940 transform: translate3d(100%, 0, 0); 941} 942.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { 943 -webkit-transform: translate3d(0, 0, 0); 944 transform: translate3d(0, 0, 0); 945 opacity: 1; 946} 947.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 { 948 -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; 949 -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; 950 -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; 951 transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; 952} 953.lg-css3.lg-slide.lg-use-left .lg-item { 954 opacity: 0; 955 position: absolute; 956 left: 0; 957} 958.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { 959 left: -100%; 960} 961.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { 962 left: 100%; 963} 964.lg-css3.lg-slide.lg-use-left .lg-item.lg-current { 965 left: 0; 966 opacity: 1; 967} 968.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 { 969 -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; 970 -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; 971 -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; 972 transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; 973} 974