        @import url(https://fonts.googleapis.com/css?family=Quicksand:400,300);
      body{
          font-family: 'Quicksand', sans-serif;
      }
.gal-container{
  padding: 12px;
}
.gal-item{
  overflow: hidden;
  margin-bottom: 15px;
  /*padding: 3px;*/
}
.gal-item .box{
  height: auto;
  overflow: hidden;
  position: relative;
}

.box img{
  min-height: 543px;
  max-height: 543px;
  width: 100%;
  object-fit:cover;
  -o-object-fit:cover;
}
.gal-item a:focus{
  outline: none;
}

.gal-item .box:hover:after{
  opacity: 1;
}
.gal-item .box:after{
  content:" ";
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.40);
  position: absolute;
  right: 0px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  padding: 0px;
  text-align: center;
    line-height: 350px;
    font-size: 30px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.gallery .gal-item .hover {display:none;}
.gallery .gal-item .box:hover .hover{
  opacity: 1;
  position:  absolute;
  left: 0px;
  top: 0px;
  display: block;
  padding: 220px 12px 0px 12px;
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 30px;
  color: #fff;
  z-index: 9999;
}




/*.modal-open .gal-container .modal{
  background-color: rgba(0,0,0,0.4);
}
.modal-open .gal-item .modal-body{
  padding: 0px;
}
.modal-open .gal-item button.close{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    z-index: 999;
    right: -12px;
    top: -12px;
    border-radius: 50%;
    font-size: 15px;
    border: 2px solid #fff;
    line-height: 25px;
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
  box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
}*/
/*.modal-open .gal-item button.close:focus{
  outline: none;
}
.modal-open .gal-item button.close span{
  position: relative;
  top: -3px;
  font-weight: lighter;
  text-shadow:none;
}*/
/*.gal-container .modal-dialogue{
  width: 80%;
}*/
/*.gal-container .description{
  position: relative;
  height: 40px;
  top: -40px;
  padding: 10px 25px;
  margin-bottom: -40px;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  text-align: left;
}*/
/*.gal-container .description h4{
  margin:0px;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
}*/
/*.gal-container .modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 20%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}*/

/*.gal-container .modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    opacity: 1;
}*/
a.linkBack {
    display:  block;
    float:  right;
    display: inline-block;
    font-size: 32px;
    margin: 0 15px;
    color: #ffd942;
    text-decoration: none;
    font-weight: 200;
    line-height: 55px;
    height: 51px;
}

.myNav {
    padding:  0;
    margin: 15px 0px 0px 0px;
    width: 100%;
    padding: 0 20px;
    overflow: hidden;
}


@media (min-width: 768px) {
.gal-container .modal-dialog {
    width: 55%;
    margin: 50 auto;
}
}
@media (max-width: 768px) {
    .gal-container .modal-content{
        height:250px;
    }
}
/* Footer Style */
i.red{
    color:#BC0213;
}
.gal-container{
    /*padding-top :75px;*/
    /*padding-bottom:75px;*/
}

html {
    overflow-y: hidden !important;
}
.gal-container{
    width: 100%;
    height: 600px;
    overflow:  hidden;
    overflow-y:  scroll;
}

.row{margin-right:-15px;margin-left:-15px;max-width: 1170px;margin: 0 auto;}

footer{
    font-family: 'Quicksand', sans-serif;
}
footer a,footer a:hover{
    color: #88C425;
}

@media (max-width: 480px) {
    video {display: none !important;}
    html {overflow-y: initial !important;}
    .gal-container{width:100%; height:auto;}
}

@media (max-width: 320px) {
    video {display: none !important;}
    html {overflow-y: initial !important;}
    .gal-container{width:100%; height:auto;}
}

      /* CSS Ligthbox */
.mfp-bg {top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:.8; filter:alpha(opacity=80);}
.mfp-wrap {top:0; left:0; width:100%; height:100%; z-index:99999999; position:fixed; outline:0!important; -webkit-backface-visibility:hidden;}
.mfp-container {text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.mfp-container:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.mfp-align-top .mfp-container:before {display:none;}
.mfp-content {position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:1045;}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {width:100%; cursor:auto;}
.mfp-ajax-cur {cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:pointer;}
.mfp-zoom {cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in;}
.mfp-auto-cursor .mfp-content {cursor:auto;}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {-webkit-user-select:none; -moz-user-select:none; user-select:none;}
.mfp-loading.mfp-figure {display:none;}
.mfp-hide {display:none!important;}
.mfp-preloader {color:#CCC; position:absolute; top:50%; width:auto; text-align:center; margin-top:-.8em; left:8px; right:8px; z-index:1044;}
.mfp-preloader a {color:#CCC;}
.mfp-preloader a:hover {color:#FFF;}
.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader {display:none;}
button.mfp-arrow,button.mfp-close {overflow:visible; cursor:pointer; background:0 0; border:0; -webkit-appearance:none; display:block; outline:0; padding:0; z-index:1046; -webkit-box-shadow:none; box-shadow:none;}
button::-moz-focus-inner {padding:0; border:0;}
.mfp-close {width:44px; height:44px; position:absolute; right:0; top:0; filter:alpha(opacity=65); padding:0 0 18px 10px; color:#FFF; font-style:normal; font-size:28px; font-family:Arial,Baskerville,monospace;}
.mfp-close:focus,.mfp-close:hover {background:url(../img/close.png) center no-repeat !important;}
.mfp-close:active {top:1px;}
.mfp-close-btn-in .mfp-close {}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {font-size:0px; width:39px; height:38px;/* background:url(../img/close.png) center no-repeat;*/ position:absolute; top:48px; right:8px;}
.mfp-counter {display:none; position:absolute; top:7px; right:0; color:#CCC; line-height:18px; white-space:nowrap; font-weight:300; font-size:24px;}
.mfp-arrow {position:absolute;opacity:.65;filter:alpha(opacity=65);margin: -55px 0 0;top:50%;padding:0;width: 76px;height: 100px;-webkit-tap-highlight-color:transparent;}
.mfp-arrow:active {margin-top:-54px;}
.mfp-arrow:focus,.mfp-arrow:hover {opacity:1; filter:alpha(opacity=100);}
.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before {display:block;width:0;height:0;position:absolute;left: 0px;top: 7px;margin-top: 31px;margin-left: 35px;border:inset transparent;}
.mfp-arrow .mfp-a,.mfp-arrow:after {border-top-width: 7px; border-bottom-width: 10px; top: 15px;}
.mfp-arrow .mfp-b,.mfp-arrow:before {border-top-width: 0px;border-bottom-width: 0px;opacity:.7;}
.mfp-arrow-left {left:0; background: url(http://www.laluli.net/wp-content/themes/LuliTheme/img/arrow-left.png) center center no-repeat !important;}
.mfp-arrow-left .mfp-a,.mfp-arrow-left:after {border-right:17px solid #ffffff; margin-left:31px;}
.mfp-arrow-left .mfp-b,.mfp-arrow-left:before {margin-left:25px; border-right:27px solid #ffffff;}
.mfp-arrow-right {right:0; background: url(http://www.laluli.net/wp-content/themes/LuliTheme/img/arrow-right.png) center center no-repeat !important;}
.mfp-arrow-right .mfp-a,.mfp-arrow-right:after {border-left:14px solid #ffffff; margin-left:38px;}
.mfp-arrow-right .mfp-b,.mfp-arrow-right:before {border-left: 23px solid #ffffff;}
.mfp-iframe-holder {padding-top:40px; padding-bottom:40px;}
.mfp-iframe-holder .mfp-content {line-height:0; width:100%; max-width:900px;}
.mfp-iframe-holder .mfp-close {top:-40px;}
.mfp-iframe-scaler {width:100%; height:0; overflow:hidden; padding-top:56.25%;}
.mfp-iframe-scaler iframe {position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0,0,0,.6); background:#000;}
img.mfp-img {width:auto; max-width:100%; height:auto; display:block; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0 auto; /*border:8px solid #fff;*/}
.mfp-figure {line-height:0;}
.mfp-figure:after {content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0,0,0,.6); background:#444;}
.mfp-figure small {color:#BDBDBD; display:block; font-size:12px; line-height:14px;}
.mfp-figure figure {margin:0; /*padding:40px 0px;*/ }
.mfp-bottom-bar {margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto;}
.mfp-title {text-align:center;color:#F3F3F3;word-wrap:break-word;font-weight:300;font-size: 14px;line-height: 26px;font-family: 'Apple Gothic';height: 30px;}
.mfp-image-holder .mfp-content {max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor:pointer;}
.mfp-content .mfp-figure .label {position:absolute; transition:0.5s; bottom:62px; left:0px; width:75px; height:40px; background:url(/images/site/flag.png) center no-repeat; text-align:center; color:#0d202e; font-family:'BreeSerif'; font-size:36px; line-height:34px;}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {.mfp-img-mobile .mfp-image-holder {padding-left:0; padding-right:0;}
.mfp-img-mobile img.mfp-img {padding:0;}
.mfp-img-mobile .mfp-figure:after {top:0; bottom:0;}
.mfp-img-mobile .mfp-figure small {display:inline; margin-left:5px;}
.mfp-img-mobile .mfp-bottom-bar {background:rgba(0,0,0,.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty {padding:0;}
.mfp-img-mobile .mfp-counter {right:5px; top:3px;}
.mfp-img-mobile .mfp-close {top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0,0,0,.6); position:fixed; text-align:center; padding:0;}
}
@media all and (max-width:900px) {.mfp-arrow {-webkit-transform:scale(.75); transform:scale(.75);}
.mfp-arrow-left {-webkit-transform-origin:0; transform-origin:0;}
.mfp-arrow-right {-webkit-transform-origin:100%; transform-origin:100%;}
.mfp-container {padding-left:6px; padding-right:6px;}
}
.mfp-ie7 .mfp-img {padding:0;}
.mfp-ie7 .mfp-bottom-bar {width:600px; left:50%; margin-left:-300px; margin-top:5px; padding-bottom:5px;}
.mfp-ie7 .mfp-container {padding:0;}
.mfp-ie7 .mfp-content {padding-top:44px;}
.mfp-ie7 .mfp-close {top:0; right:0; padding-top:0;}
/* END:Css Ligthbox */

/*.mfp-bottom-bar {margin-top: -25px !important;position:absolute;top:100%;left:0;width:100%;cursor:auto;background: rgba(0, 0, 0, 0.40); height:25px; line-height:25px;}*/
