/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.mdlgallery-desc-body ul { line-height: 30px; }
.mdl-gallery-catarea{text-transform:uppercase;padding:40px 0;width:55%;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between}
.mdl-gallery-cat a{ border-bottom: 2px solid #fff; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-decoration: none; color:#000;font-size:14px;line-height:18px;font-weight:600;letter-spacing:1.66px;cursor:pointer}
.mdl-gallery-cat a.mdl-glryc-lkactive{ border-bottom: 2px solid #ddd; }
.mdlgallery-icatdesc h4{color:#424242;font-size:18px;line-height:28px;text-align:center; margin: 0px;}
.mdlgallery-descarea { padding-top: 20px; width: 60%; margin: 0 auto; text-align: left; font-size: 16px; font-weight: 200; letter-spacing: -.2px; }
.mdlgallery-img-wrapper{max-width:260px;width: 225px;height:260px;position:relative;display:flex;justify-content:center;overflow:hidden;margin-left:2%;margin-bottom:2%}
.mdlgallery-imglink:hover img{transform:scale(1.1)}
.mdlgallery-cat-imglist{display:flex;flex-wrap:wrap;flex-direction:row;max-width:1140px;margin-left:auto;margin-right:auto}
.mdlgallery-imglink{max-width:260px;width:100%;height:100%;transition:all 200ms ease-out;cursor:pointer}
.mdlgallery-imgarea{width:100%;height:100%;overflow:hidden}
.mdlgallery-img-title{position:absolute;height:100%;width:100%;margin:0 auto;bottom:0;background:linear-gradient(transparent 0%,rgba(0,0,0,.95))}
.mdlgallery-img-title p{padding:5%;position:absolute;bottom:0px;color:#fff;font-size:16px;line-height:19px;letter-spacing:.5px;}
.mdlgallery-imgarea img{width:100%;height:100%;transition:all 400ms ease-out;object-fit:cover}
.mdlgallery-img-wrapper.dark-show:after{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.7);top:0;left:0;z-index:99999;cursor:default}
.mdlgallery-popup{position:fixed;top:50%;left:50%;width:100%;height:100%;z-index:200000;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateX(-50%) translateY(-50%);}
.mdlgallery-popup.open{visibility:visible;background-color:#f5f5f5}
.modal-inner-container{width:100%;height:100%;transform:scale(.4);opacity:0;transition:all .5s;position:relative}
.mdlgallery-popup.open .modal-inner-container{transform:scale(1);opacity:1;overflow-y:auto;overflow-x:hidden}
.mdlgallery-overlay-color{position:absolute;width:100%;height:31%;background-color:#1a364e;z-index:-1}
.mdlgallery-close-btn{cursor:pointer;position:absolute;left:2%;top:2%;width:30px;height:30px;opacity:.8;transition:all 500ms ease-out}
.mdlgallery-close-btn:before,.mdlgallery-close-btn:after{content:'';position:absolute;left:18px;height:30px;width:2px;background-color:#fff}
.mdlgallery-close-btn:before{transform:rotate(45deg)}
.mdlgallery-close-btn:after{transform:rotate(-45deg)}
.mdlgallery-popup-content{width:100%;height:100%;padding-top:6%}
.mdlgallery-popup-innercontent{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-evenly;max-width:1440px;margin:0 auto}
.mdlgallery-popup-larrow,.mdlgallery-popup-rarrow{width:0;height:0;z-index:250;position:relative;display:inline-block;margin:20px;padding:20px;box-shadow:3px -3px 0 0 #fff;cursor:pointer}
.mdlgallery-popup-larrow{-webkit-transform:rotate(225deg);transform:rotate(225deg);left:25px}
.mdlgallery-popup-rarrow{-webkit-transform:rotate(45deg);transform:rotate(45deg);right:25px}
.mdlgallery-popup-wrapper{width:95%;height:100%}
.mdlgallery-content-header{margin-left:44%;padding-left:2%}
.mdlgallery-popup-ctitle{color:#fff;font-family:"Montserrat",sans-serif;font-size:18px;line-height:28px;text-transform:uppercase;font-weight:800}
.mdlgallery-popup-title{color:#c4a374;font-family:"Playfair Display",serif;font-size:35px;line-height:67px}
.mdlgallery-popup-stitle{color:#fff;font-family:"Montserrat",sans-serif;font-size:18px;line-height:28px;padding-bottom:20px}
.mdlgallery-content-body{background-color:#f5f5f5;width:100%;height:100%;display:flex;flex-direction:row;position:relative}
.mdlgallery-content-body:before{position:absolute;content:'';width:100%;height:100%;transform:translateX(100%);background-color:#f5f5f5}
.mdlgallery-content-body:after{position:absolute;content:'';width:100%;height:100%;transform:translateX(-100%);background-color:#f5f5f5}
.mdlgallery-img-body{z-index:100;width:43%;max-width:510px}
.mdlgallery-img-body img{width:100%;height:auto;}
.mdlgallery-desc-body{z-index:100;width:70%;padding:2% 5% 2% 2%}
.mdlnivoslider-dis-none{ display: none !important; }
.mdlgallery-img-body .nivoSlider{ overflow: initial;  }
.mdlgallery-img-body {
    margin-top: -155px;
}

.mdlgallery-img-body .nivoSlider img
{
  width: 500px !important;
  height: 500px !important;
  object-fit: cover !important;
}

.mdlgallerycat-imgmain-inner {
    display: flex;
    flex-wrap: wrap;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    justify-content: center;
}


.mdlgallery-img-body .nivo-directionNav a {
    display: block;
    width: 30px;
    height: 30px;
    background: url(arrows.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    opacity: 1;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.mdlgallery-img-body a.nivo-prevNav {
    left: 15px;
}


.mdlgallery-img-body a.nivo-nextNav {
    background-position: -30px 0;
    right: 15px;
}

.mdlgallery-descarea p{ text-align: center; }



@media only screen and (max-width: 1200px) {
  .mdlgallery-desc-body { width: 65%; }
  .mdlgallery-content-header { margin-left: 35%; }
}

@media only screen and (max-width: 1050px){

    .mdlgallery-img-body {
        z-index: 100;
        width: 34%;
        max-width: 360px;
    }

   .mdlgallery-img-body .nivoSlider img
    {
        width: 100% !important;
        height: 350px !important;
        object-fit: cover !important;
    }

}


@media only screen and (max-width: 768px) {
    .mdl-gallery-cat a{font-size: 12px;}
  .mdlgallery-popup-title { font-size: 24px; line-height: 36px; margin-top: 10px; margin-bottom: 10px; }
  .mdlgallery-img-body img { transform: translateY(0%); }
  .mdlgallery-img-body { width: 100%; max-width: 100%; margin-top: 35px; margin-bottom: 20px; }
  .mdlgallery-content-header { margin-left: 0; padding-left: 0; text-align: center; }
  .mdlgallery-popup{ overflow-y: auto; max-width: 100%; overflow-x: hidden; }
  .mdlgallery-popup-larrow { left: 5px; }
  .mdlgallery-popup-rarrow { right: 5px; }
  .mdlgallery-popup-larrow, .mdlgallery-popup-rarrow { padding: 10px; }
  .mdlgallery-content-body { flex-wrap: wrap; }
  .mdlgallery-desc-body { width: 100%; }
  .mdl-gallery-catarea {width: 70%; }
  .mdlgallery-img-title p{margin-bottom: 0px;background-color: rgb(0 0 0 / 30%);}
}

@media only screen and (max-width: 620px) 
{
.mdl-gallery-catarea { width: 90%; }
.mdlgallery-imglink { max-width: 100%; width: 100%; }
.mdlgallery-cat-imglist {width: 100%; }
.mdlgallery-descarea { padding-top: 0px; margin-bottom: 15px; width: 100%; text-align: center; }
}
@media only screen and (max-width: 480px) 
{
.mdl-gallery-catarea {
    width: 100%;
    flex-direction: column;
}
.mdl-gallery-cat{
    margin-bottom: 20px;
}
.mdlgallery-img-wrapper { margin-left: 0;}

}