.mfp-zoom-in .mfp-with-anim{opacity:0;transform:scale(.8);transition:all .2s ease-in-out}.mfp-zoom-in.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-in.mfp-removing .mfp-with-anim{opacity:0;transform:scale(.8)}.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp-fade.mfp-bg{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.mfp-bg{background:#0b0b0b;filter:alpha(opacity=80);opacity:.8;overflow:hidden;z-index:2100}.mfp-bg,.mfp-wrap{height:100%;left:0;position:fixed;top:0;width:100%}.mfp-wrap{-webkit-backface-visibility:hidden;outline:none!important;z-index:2200}.mfp-container{box-sizing:border-box;height:100%;left:0;padding:0 8px;position:absolute;text-align:center;top:0;width:100%}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{display:inline-block;margin:0 auto;position:relative;text-align:left;vertical-align:middle;z-index:2400}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{cursor:auto;width:100%}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;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;left:8px;margin-top:-.8em;position:absolute;right:8px;text-align:center;top:50%;width:auto;z-index:2300}.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{-webkit-appearance:none;background:transparent;border:0;box-shadow:none;cursor:pointer;display:block;outline:none;overflow:visible;padding:0;touch-action:manipulation;z-index:2400}button::-moz-focus-inner{border:0;padding:0}.mfp-close{color:#fff;font-family:Arial,Baskerville,monospace;font-size:28px;font-style:normal;height:44px;line-height:44px;opacity:.65;padding:0 0 18px 10px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:44px}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;padding-right:6px;right:-6px;text-align:right;width:100%}.mfp-counter{color:#ccc;font-size:12px;line-height:18px;position:absolute;right:0;top:0;white-space:nowrap}.mfp-arrow{-webkit-tap-highlight-color:rgba(0,0,0,0);height:110px;margin:-55px 0 0;opacity:.65;padding:0;position:absolute;top:50%;width:90px}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{border:inset transparent;content:"";display:block;height:0;left:0;margin-left:35px;margin-top:35px;position:absolute;top:0;width:0}.mfp-arrow:after{border-bottom-width:13px;border-top-width:13px;top:8px}.mfp-arrow:before{border-bottom-width:21px;border-top-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{border-right:27px solid #3f3f3f;margin-left:25px}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-bottom:40px;padding-top:40px}.mfp-iframe-holder .mfp-content{line-height:0;max-width:900px;width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{height:0;overflow:hidden;padding-top:56.25%;width:100%}.mfp-iframe-scaler iframe{background:#000;box-shadow:0 0 8px rgba(0,0,0,.6);display:block;height:100%;left:0;position:absolute;top:0;width:100%}img.mfp-img{box-sizing:border-box;display:block;height:auto;margin:0 auto;max-width:100%;padding:40px 0;width:auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{background:#444;bottom:40px;box-shadow:0 0 8px rgba(0,0,0,.6);content:"";display:block;height:auto;left:0;position:absolute;right:0;top:40px;width:auto;z-index:-1}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{cursor:auto;left:0;margin-top:-36px;position:absolute;top:100%;width:100%}.mfp-title{word-wrap:break-word;color:#f3f3f3;line-height:18px;padding-right:36px;text-align:left}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px)and (orientation:landscape){.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{bottom:0;top: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;box-sizing:border-box;margin:0;padding:3px 5px;position:fixed;top:auto}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{background:rgba(0,0,0,.6);height:35px;line-height:35px;padding:0;position:fixed;right:0;text-align:center;top:0;width:35px}}@media (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}div.ccm-lightbox-popup-white{background-color:#fff;border-radius:10px;margin:0 auto;max-width:600px;padding:20px 60px 20px 20px;position:relative}.ccm-block-gallery a{position:relative}.ccm-block-gallery .ccm-block-gallery-image-overlay,.ccm-block-gallery .ccm-block-gallery-image-overlay-color,.ccm-block-gallery .ccm-block-gallery-image-overlay-text{height:100%;left:0;position:absolute;top:0;width:100%}.ccm-block-gallery .ccm-block-gallery-image-overlay{opacity:0;transition:opacity .3s}.ccm-block-gallery .ccm-block-gallery-image-overlay-color{background-color:rgba(13,110,253,.8)}.ccm-block-gallery .ccm-block-gallery-image-overlay-text{align-items:center;color:#fff;display:flex;flex-direction:column;font-weight:700;justify-content:center}.ccm-block-gallery .ccm-block-gallery-image{cursor:pointer;overflow:hidden;padding-top:calc(3.125rem + 22.5vw);position:relative;width:100%}@media(min-width:1200px){.ccm-block-gallery .ccm-block-gallery-image{padding-top:20rem}}.ccm-block-gallery img{bottom:-9999px;height:100%;left:-9999px;margin:auto;-o-object-fit:cover;object-fit:cover;position:absolute;right:-9999px;top:-9999px;width:100%}.ccm-block-gallery a:hover .ccm-block-gallery-image-overlay{opacity:1}/*! http://responsiveslides.com v1.55 by @viljamis */.rslides{list-style:none;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.rslides>li{backface-visibility:hidden;display:none;left:0;margin-bottom:0!important;position:absolute;top:0;width:100%}.rslides>li:first-child{display:block;float:left;position:relative}.rslides img{border:0;display:block;float:left;height:auto;width:100%}.rslides_nav{-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent url("data:image/gif;base64,R0lGODlhTAA9AMQAABAQEDAwMO/v78/Pz7+/v39/f6+vr1BQUCAgIGBgYJ+fn0BAQN/f33BwcI+Pj////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAABMAD0AAAXkICSOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Fog4NsiAYTHY8ALPwiAImAgFi90gfY4PVTIyTuzWDEsyAUIPAACcgVBCXIPbz1xcgk/AYRthj8Nf1yCkmIGQnZtAnQ6eg8MoT9rcgQ7jW2YQqxirjeDcg5Efp+mNweJj0G8cgc9uGICsjyRhT+eYqU+qG2cp2zRPsxzQbSTPJafga+aD984CImLQ4itOuVtvkULBgTCOwcGBvNZ+fr7/P3+/wADChxIsKDBgwgTKlzIsKFDKSEAADs=") no-repeat 0 0;height:61px;left:0;margin-top:-45px;opacity:.7;overflow:hidden;position:absolute;text-decoration:none;top:50%;width:38px;z-index:99}.rslides_tabs{padding-bottom:10px;padding-left:0;padding-top:0}.rslides_tabs li{display:inline-block;list-style-type:none;margin-right:5px}.rslides_tabs li.rslides_here a{background:#333}.rslides_tabs li a{background:#ccccc9;border-radius:30px;display:inline-block;height:15px;margin-right:10px;overflow:hidden;text-indent:-9999px;width:15px}.rslides_nav.next{background-position:100% 0;left:auto;right:0}/*! http://responsiveslides.com v1.54 by @viljamis */.ccm-image-slider{position:relative}.ccm-image-slider-text{clear:both;padding-top:1rem}.ccm-image-slider-title{margin-bottom:1rem}.rslides{margin:0 auto}a.mega-link-overlay{height:100%;left:0;position:absolute;width:100%;z-index:20}div.ccm-block-hero-image{min-height:50vh;position:relative}div.ccm-block-hero-image div.ccm-block-hero-image-cover,div.ccm-block-hero-image div.ccm-block-hero-image-text{height:50vh;left:0;position:absolute;top:0;width:100%}div.ccm-block-hero-image div.ccm-block-hero-image-text{align-items:center;display:flex;flex-direction:column;justify-content:center}div.ccm-block-hero-image div.ccm-block-hero-image-cover{z-index:2}div.ccm-block-hero-image div.ccm-block-hero-image-text{z-index:3}div.ccm-block-hero-image div.ccm-block-hero-image-image{background-position:50%;background-size:cover;height:50vh;z-index:1}


div.ccm-block-feature-item p{margin-left:30px}div.ccm-block-feature-item i{margin-right:10px}div.ccm-block-feature-item{margin-bottom:40px}


.ab-nav-menu a.no-go { cursor: default; }

.ab-nav-menu ul { list-style: none; }

.ab-nav-menu ul.children {
    display: none;
    position: absolute;
    transition: all 0.5s ease;
    background-color: rgba(222,230,251,0.9);
    padding: 20px 10px 5px;
    margin: 0;
}

.ab-nav-menu ul.children li {
    min-width: 100px;
}

/* *** LINKS *** */
.ab-nav-menu-links { display: block; }

.ab-nav-menu-links ul {
    display: block;
    float: none;
    padding: 0;
    margin-top: 10px;
    width: auto;
}

.ab-nav-menu-links ul li {
    display: block;
    position: relative;
    padding: 0 0 5px;
}

.ab-nav-menu-links ul li.active a { 
    color: #fe6b61 !important;
    font-weight: 700;
}

.ab-nav-menu-links ul li:hover ul.children {
    display: inline;
    margin-left: 20px;
    z-index: 1;
}

/* *** BREADCRUMBS *** */
.ab-nav-menu-breadcrumbs { display: block; }

.ab-nav-menu-breadcrumbs ol li {
    position: relative; 
    padding: 0 0 5px;
}

.ab-nav-menu-breadcrumbs ol li.active a { 
    color: #003399 !important;
    font-weight: 700;
}

.ab-nav-menu-breadcrumbs ol li:hover ul.children {
    display: block;
    left: 0;
    margin: 0;
    z-index: 1;
}

/* *** TABS *** */
.ab-nav-menu-tabs { display: block; }

.ab-nav-menu-tabs ul li {
    display: block;
    position: relative;
    padding: 0 0 5px;
}

.ab-nav-menu-tabs ul li a { 
    background-color: #5c85ec;
    color: #ffffff !important;
    text-decoration: none !important;
    outline: none !important;
    transition: all .2s linear 0s;
}
    
.ab-nav-menu-tabs ul li a:hover {
    color: #696969 !important;
    background-color: #f2d552;
}

.ab-nav-menu-tabs ul li.active a { 
    background-color: #fe6b61;
    font-weight: 700;
    transition: all .2s linear 0s;
}
    
.ab-nav-menu-tabs ul li.active a:hover { 
    color: #696969 !important;
    background-color: #f2d552;
    font-weight: 700;
}
    
.ab-nav-menu-tabs ul li:hover ul.children {
    display: block;
    padding-top: 2px;
    background-color: transparent;
    left: 0;
    margin: 0;
    z-index: 1;
}

.ab-nav-menu-tabs ul.children li {
    margin-bottom: 2px;
    padding: 0;
}

.ab-nav-menu-tabs ul.children li a {
    display: block;
    background-color: #5c85ec;
    color: #ffffff;
    text-decoration: none !important;
    outline: none !important;
    padding: 10px 15px;
    border-radius: 5px;
    transition: all .2s linear 0s;
}

.ab-nav-menu-tabs ul.children li a:hover {
    color: #696969;
    background-color: #f2d552;
}

.ab-nav-menu-tabs ul.children li.active a {
    background-color: #fe6b61;
    font-weight: 700;
    transition: all .2s linear 0s;
}

.ab-nav-menu-tabs ul.children li.active a:hover {
    color: #696969 !important;
    background-color: #f2d552;
    font-weight: 700;
    cursor: default;
}

/* *** PILLS *** */
.ab-nav-menu-pills { display: block; }

.ab-nav-menu-pills ul li {
    display: block;
    position: relative;
    padding: 0 0 3px;
}

.ab-nav-menu-pills ul li a { 
    background-color: #5c85ec;
    color: #ffffff !important;
    text-decoration: none !important;
    outline: none !important;
    transition: all .2s linear 0s;
}
    
.ab-nav-menu-pills ul li a:hover {
    color: #0066FF !important;
    background-color: #f2d552;
}

.ab-nav-menu-pills ul li.active a { 
    background-color: #fe6b61;
    font-weight: 700;
    transition: all .2s linear 0s;
}
    
.ab-nav-menu-pills ul li.active a:hover { 
    color: #696969 !important;
    background-color: #f2d552;
    font-weight: 700;
    cursor: default;
}
    
.ab-nav-menu-pills ul li:hover ul.children {
    display: block;
    padding-top: 2px;
    background-color: transparent;
    left: 0;
    margin: 0;
    z-index: 1;
}

.ab-nav-menu-pills ul.children li {
    margin-bottom: 2px;
    padding: 0;
}

.ab-nav-menu-pills ul.children li a {
    display: block;
    background-color: #5c85ec;
    color: #ffffff;
    text-decoration: none !important;
    outline: none !important;
    padding: 8px 10px;
    border-radius: 5px;
    transition: all .2s linear 0s;
}

.ab-nav-menu-pills ul.children li a:hover {
    color: #696969;
    background-color: #f2d552;
}

.ab-nav-menu-pills ul.children li.active a {
    background-color: #fe6b61;
    font-weight: 700;
    transition: all .2s linear 0s;
}

.ab-nav-menu-pills ul.children li.active a:hover {
    color: #696969 !important;
    background-color: #f2d552;
    font-weight: 700;
    cursor: default;
}

/* *** STACKED *** */
.ab-nav-menu-stacked { display: block; }

.ab-nav-menu-stacked ul li {
    display: block;
    position: relative;
}

.ab-nav-menu-stacked ul li a { 
    background-color: #5c85ec;
    color: #ffffff !important;
    text-decoration: none !important;
    outline: none !important;
    transition: all .2s linear 0s;
}
    
.ab-nav-menu-stacked ul li a:hover {
    color: #696969 !important;
    background-color: #f2d552;
}

.ab-nav-menu-stacked ul li.active a { 
    background-color: #fe6b61;
    font-weight: 700;
    transition: all .2s linear 0s;
}
    
.ab-nav-menu-stacked ul li.active a:hover { 
    color: #696969 !important;
    background-color: #f2d552;
    font-weight: 700;
    cursor: default;
}
    
.ab-nav-menu-stacked ul li:hover ul.children {
    display: block;
    background-color: transparent;
    margin-left: 100%;
    top: 0;
    z-index: 1;
    padding: 0 0 0 1px;
}

.ab-nav-menu-stacked ul.children li {
    margin-bottom: 2px;
    padding: 0;
}

.ab-nav-menu-stacked ul.children li a {
    display: block;
    background-color: #5c85ec;
    color: #ffffff;
    text-decoration: none !important;
    outline: none !important;
    padding: 10px 15px;
    border-radius: 5px;
    transition: all .2s linear 0s;
}

.ab-nav-menu-stacked ul.children li a:hover {
    color: #696969;
    background-color: #f2d552;
}

.ab-nav-menu-stacked ul.children li.active a {
    background-color: #fe6b61;
    font-weight: 700;
    transition: all .2s linear 0s;
}

.ab-nav-menu-stacked ul.children li.active a:hover {
    color: #696969 !important;
    background-color: #f2d552;
    font-weight: 700;
    cursor: default;
}

/* *** SIDEBAR *** */
.ab-nav-menu-sidebar { display: block; }

.ab-nav-menu-sidebar ul {
    display: block;
    list-style: none;
    float: none;
    padding: 0;
    margin-top: 10px;
    width: 100%;
}

.ab-nav-menu-sidebar ul li {
    margin: 3px 0;
    position: relative;
}

.ab-nav-menu-sidebar ul li a { 
    display: block;
    padding: 5px 5px 5px 20px;
    background-color: #5c85ec;
    color: #ffffff !important;
    border-radius: 0;
    text-decoration: none !important;
    outline: none !important;
    transition: all .2s linear 0s;
}
    
.ab-nav-menu-sidebar ul li a:hover {
    box-shadow: 2px 2px 2px #333333;
    color: #696969 !important;
    background-color: #f2d552;
}

.ab-nav-menu-sidebar ul li.active a { 
    background-color: #fe6b61;
    font-weight: 700;
}
    
.ab-nav-menu-sidebar ul li.active a:hover { 
    color: #696969 !important;
    background-color: #f2d552;
}
    
.ab-nav-menu-sidebar ul li:hover ul.children {  
    display: block;
    background-color: transparent;
    top: 0;
    right: 100%;
    z-index: 1;
    padding: 0;
    margin: 0;
}

.ab-nav-menu-sidebar ul.children li {
    padding: 0 5px 0 0;
    margin: 0;
}

.ab-nav-menu-sidebar ul.children li a {
    margin: 0 0 2px;
}

@media (min-width: 1200px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media all and (max-width: 767px) {
    .ab-nav-menu-links { width: 100%; }
    
    .ab-nav-menu ul.children {
        min-width: 100px;
        overflow: auto;
    }
    
    .ab-nav-menu ul.children li { min-width: 100%; }
    
    .ab-nav-menu-links ul li:hover ul.children {
        display: block;
        left: 0;
        margin: 0;
    }
    
    .ab-nav-menu-sidebar ul li, .ab-nav-menu-stacked ul li {display: block; width: 100%;}
    
    .ab-nav-menu-sidebar ul li:hover ul.children, .ab-nav-menu-stacked ul li:hover ul.children {
        display: block;
        top: 100%;
        left: 0;
        margin: 0;
        background-color: rgba(255,255,255,0.9);
        padding: 2px 5px 5px 0;
        width: 0;
        min-width: 100px;
    }
}


/*----------------------------
	Thumbnails
-----------------------------*/

.touchgallery-thumbs {
    /*width: 95%;*/
    width: 100%;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    position: relative;
    padding: 0;
    margin: 60px auto 35px;
    text-align: center;
}

.touchgallery-thumbs.tg-fluid {
    visibility: hidden;
}

.touchgallery-thumbs a {
    display: inline-block;
    border: 7px solid #303030;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-decoration: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    background-position: center center;
    background-repeat: no-repeat;
}

.touchgallery-thumbs.tg-fluid a {
    position: absolute !important;
}

.tg-with-caption a:after {
    content: attr(title);
    background-color: #303030;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    padding: 6px 5px;
    position: relative;
    text-align: center;
    left: 0;
    top: 100%;
    margin-top: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}


/*----------------------------
	Media Queries
-----------------------------*/

@media screen and (max-width: 960px) {
    .touchgallery-thumbs {
        width: auto;
    }
}


/*----------------------------
	Namespaced clearfix to not clash with yours
-----------------------------*/

.tg-clearfix {
    /* Supports IE6 & 7
	 if using box-sizing: border-box this is not needed
	*/
    *zoom: 1;
}

.tg-clearfix:before,
.tg-clearfix:after {
    display: table;
    content: "";
}

.tg-clearfix:after {
    clear: both;
}


/*----------------------------
	The gallery overlay
-----------------------------*/

.tg-galleryOverlay {
    width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 100000;
    background-color: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    display: none;
    -webkit-transition: opacity 1000ms ease!important;
    transition: opacity 1000ms ease!important;
}


/* This class will trigger the animation */

.tg-galleryOverlay.visible {
    opacity: 1;
    width: 100%;
}

.tg-gallerySlider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    /* background-repeat: no-repeat!important;
    background-position: -9999px -9999px!important; */
}

.tg-gallerySlider .tg-placeholder {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    /* margin-left: -50%; */
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: none;
    transition: none;
}


/* .tg-gallerySlider .tg-placeholder { */

.tg-gallerySlider {
    -webkit-transition: -webkit-transform 500ms ease, left 500ms ease;
    -webkit-transition: left 500ms ease, -webkit-transform 500ms ease;
    transition: left 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, left 500ms ease;
    transition: transform 500ms ease, left 500ms ease, -webkit-transform 500ms ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


/* The before element moves the
 * image halfway from the top */

.tg-gallerySlider .tg-placeholder:before,
.tg-gallerySlider .tg-placeholder:after {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}

.tg-gallerySlider .tg-placeholder img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    opacity: 1;
    -webkit-transition: opacity 350ms ease-in!important;
    transition: opacity 350ms ease-in!important;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.9);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.9);
}

.tg-gallerySlider .tg-placeholder img.loading {
    opacity: 0;
}

.tg-galleryOverlay div.tg-placeholderdesc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.65);
    opacity: 1;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    display: block;
    width: 100%;
    height: auto;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
    box-sizing: border-box;
    -webkit-transition: bottom 0.7s ease, opacity 1s ease, height 0.5s ease;
    transition: bottom 0.7s ease, opacity 1s ease, height 0.5s ease;
}

.tg-gallerySlider.rightSpring {
    -moz-animation: rightSpring 0.5s;
    -webkit-animation: rightSpring 0.5s;
}

.tg-gallerySlider.leftSpring {
    -moz-animation: leftSpring 0.5s;
    -webkit-animation: leftSpring 0.5s;
}


/* Firefox Keyframe Animations */


/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: -60px;
    }
    100% {
        margin-left: 0px;
    }
}

@-webkit-keyframes leftSpring {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 60px;
    }
    100% {
        margin-left: 0px;
    }
}

@keyframes rightSpring {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: -60px;
    }
    100% {
        margin-left: 0px;
    }
}

@keyframes leftSpring {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 60px;
    }
    100% {
        margin-left: 0px;
    }
}


/* Icons */

.tg-has-icons {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    text-decoration: none;
    /* opacity: 0.5; */
    opacity: 1;
    cursor: pointer;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0.1s;
    transition: all 0.3s ease-out 0.1s;
    width: 36px;
    height: 36px;
}

.tg-has-icons:hover {
    background-color: #2A2A2A;
    -webkit-box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.3);
}

.tg-has-icons:hover,
.tg-has-icons:active,
.tg-has-icons:focus {
    /* opacity: 1; */
    outline: none;
}

.tg-no-focus:focus,
.tg-no-focus:active {
    outline: none;
}

.tg-placeholderclose,
.tg-placeholdercontrols {
    border-bottom-left-radius: 3px;
}

.tg-placeholderclose {
    top: 0;
    right: 0;
    background-position: -95px 50%;
    background-size: auto 95%;
}

.tg-placeholdercontrols {
    background-position: -140px 50%;
    background-size: auto 95%;
}

.tg-arrow {
    top: 50%;
    margin-top: -30px;
    height: 60px;
}

.tg-arrow.prevArrow {
    /* background-position: left top; */
    background-position: -10px 50%;
    /* left: 40px; */
    left: 0;
    border-radius: 0 3px 3px 0;
}

.tg-arrow.nextArrow {
    /* background-position: right top; */
    background-position: -60px 50%;
    /* right: 40px; */
    right: 0;
    border-radius: 3px 0 0 3px;
}

@media only screen and (min-width: 1020px) {
    .tg-has-icons {
        width: 52px;
        height: 52px;
    }
    .tg-arrow {
        height: 100px;
        margin-top: -50px;
    }
    .tg-arrow.prevArrow {
        background-position: -4px 50%;
    }
    .tg-arrow.nextArrow {
        background-position: -50px 50%;
    }
    .tg-placeholderclose {
        background-position: -106px 50%;
        background-size: auto;
    }
    .tg-placeholdercontrols {
        background-position: -160px 50%;
        background-size: auto;
    }
}


/* Serve SVG sprite if browser supports it otherwise use png */

.tg--svg .tg-light-icons.tg-thinner-icons .tg-has-icons {
    background-image: url('../../../../packages/touch_gallery/css/images/sprites-light-thinner.svg');
}

.tg--no-svg .tg-light-icons.tg-thinner-icons .tg-has-icons {
    background-image: url('../../../../packages/touch_gallery/css/images/sprites-light-thinner.png');
}

.tg--svg .tg-light-icons.tg-thin-icons .tg-has-icons {
    background-image: url('../../../../packages/touch_gallery/css/images/sprites-light-thin.svg');
}

.tg--no-svg .tg-light-icons.tg-thin-icons .tg-has-icons {
    background-image: url('../../../../packages/touch_gallery/css/images/sprites-light-thin.png');
}

.tg--svg .tg-light-icons.tg-thick-icons .tg-has-icons {
    background-image: url('../../../../packages/touch_gallery/css/images/sprites-light-thick.svg');
}

.tg--no-svg .tg-light-icons.tg-thick-icons .tg-has-icons {
    background-image: url('../../../../packages/touch_gallery/css/images/sprites-light-thick.png');
}

.tg--svg .tg-dark-icons.tg-thinner-icons .tg-has-icons {
    background-image: url('../../../../packages/touch_gallery/css/images/sprites-dark-thinner.svg');
}

.tg--no-svg .tg-dark-icons.tg-thinner-icons .tg-has-icons {
    background-image: url('../../../../packages/touch_gallery/css/images/sprites-dark-thinner.png');
}

.tg--svg .tg-dark-icons.tg-thin-icons .tg-has-icons {
    background-image: url('../../../../packages/touch_gallery/css/images/sprites-dark-thin.svg');
}

.tg--no-svg .tg-dark-icons.tg-thin-icons .tg-has-icons {
    background-image: url('../../../../packages/touch_gallery/css/images/sprites-dark-thin.png');
}

.tg--svg .tg-dark-icons.tg-thick-icons .tg-has-icons {
    background-image: url('../../../../packages/touch_gallery/css/images/sprites-dark-thick.svg');
}

.tg--no-svg .tg-dark-icons.tg-thick-icons .tg-has-icons {
    background-image: url('../../../../packages/touch_gallery/css/images/sprites-dark-thick.png');
}


/* pure CSS spinner */

.tg-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}

.tg-spinner-bar {
    display: inline-block;
    width: 4px;
    height: 18px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.55);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.55);
    background-color: #fff;
    margin-right: 3px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.tg-animated .tg-spinner-bar {
    -webkit-animation: spinner 1s ease-in-out infinite;
    animation: spinner 1s ease-in-out infinite;
}

.tg-spinner-bar:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.tg-spinner-bar:nth-child(2) {
    -webkit-animation-delay: 0.09s;
    animation-delay: 0.09s;
}

.tg-spinner-bar:nth-child(3) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s;
}

.tg-spinner-bar:nth-child(4) {
    -webkit-animation-delay: .27s;
    animation-delay: .27s;
}

.tg-spinner.color .tg-spinner-bar:nth-child(1) {
    background-color: #3498db;
}

.tg-spinner.color .tg-spinner-bar:nth-child(2) {
    background-color: #c0392b;
}

.tg-spinner.color .tg-spinner-bar:nth-child(3) {
    background-color: #f1c40f;
}

.tg-spinner.color .tg-spinner-bar:nth-child(4) {
    background-color: #27ae60;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    20% {
        -webkit-transform: scale(1, 2.2);
        transform: scale(1, 2.2);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    20% {
        -webkit-transform: scale(1, 2.2);
        transform: scale(1, 2.2);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}