@import url("/libraries/cssreset/reset.css");
@import url("/libraries/cssreset/unreset.css");

:root {
    --color-a:#04b0a7;
    --color-b:#030303;
    --color-c:#f19016;
    --color-d:#7C5B7D;
    --color-e:#ffc554;
    --color-f:#275878;
    --color-g:#E5E5E5;
    --gutter:24px;
}

*, ::after, ::before {
    box-sizing: border-box;
}

.container {
    padding-left: var(--gutter) !important;
    padding-right: var(--gutter) !important;
    margin:0 auto;
    width:100%;
}
@media (min-width: 1200px) {.container {max-width: 1184px !important; padding:0;}}
/* @media (min-width: 992px) and (max-width: 1999px) {.container {max-width: 960px; padding: 0;}}
@media (min-width: 768px) and (max-width: 991px) {.container {max-width: 720px; padding: 0;}}
@media (min-width: 1600px) {.container.container-big {max-width: 1484px !important; padding:0;}} */

/**/
span.blue{color: var(--color-b);}

body{font-family: "Open Sans", sans-serif;background:#FFF;color:#333;font-size:16px;font-weight: 400;line-height: 1.45;}
@media (min-width: 576px) {
    html, body {
        font-size: 18px;
        line-height: 1.555;
    }
}


h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin:0 0 10px 0;padding:0;font-weight:700;}
.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:2.5rem
    }
}

.h2,h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:2rem
    }
}

.h3,h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:1.75rem
    }
}

.h4,h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h4,h4 {
        font-size:1.5rem
    }
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

a{transition: 200ms ease-out;}
a,a:link,a:visited{color:var(--color-a);text-decoration:none;}
a,a:hover{color:var(--color-a);text-decoration:underline;}

input,textarea,select,button{font-family: "Open Sans", sans-serif;font-size:16px}
input:-webkit-autofill {background:#FFF}

/* .dropdown-item.active, .dropdown-item:active{color: #000 !important ;background: #fff !important ;text-decoration: none !important ;} */
.dropdown-item:hover{background: transparent;text-decoration: underline;}
.dropdown-item.active, .dropdown-item:active{background: transparent !important;text-decoration: underline !important;}

a{transition: all .2s linear;}


div.debug,
.dvdebug,
.TDNGR_DEBUG,
.TBL_DEBUG,
[name="ctl01$txtServerTime"],
[name="ctl01$btnSession"]
{display: none !important;}

.btn:focus,.btn:active {outline: none;box-shadow: none;}
.navbar-toggler:focus{box-shadow: none;}
*:focus{outline: 0 none;}

.ftco-animate {
    opacity: 0;
    visibility: hidden;
}

.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.line-clamp.l4{-webkit-line-clamp:4 !important;}
.line-clamp.l3{-webkit-line-clamp:3 !important;}
.line-clamp.l2{-webkit-line-clamp:2 !important;}
.line-clamp.l1{-webkit-line-clamp:1 !important;}

.swiper-container{overflow: hidden;}
.swiper-button-next,
.swiper-button-prev{opacity: 0.5;} 

.red{color: var(--color-a);}
.blue{color: var(--color-b);}

.btn{display:inline-flex;flex:auto;align-items: center;justify-content: flex-start;color: #fff;gap: 15px;font-size:inherit;font-weight:500;
    text-transform: uppercase;padding: 10px;text-decoration: none;transition: all .2s linear;width:auto}
.btn:hover{border-top-left-radius: 15px;border-bottom-right-radius: 15px;}

.btn.center{justify-content:center;}
.btn-icon img{width: 40px;filter: invert();}

.btn-red{background: var(--color-a);color: #fff;}
.btn-red:hover{background: var(--color-a);color: #fff;}

.btn-blue{background: var(--color-b);color: #fff;}
.btn-blue:hover{background: var(--color-b);color: #fff;}


.btn-primary-outline{color:var(--color-a);border:1px solid var(--color-a)}

.img-fluid {
    max-width: 100%; 
    height: auto;   
}

p {
    padding: 0;
    margin: 0 0 10px 0;
}


.box-iccd{position:relative;background:var(--color-a);margin-top:20px;color:#FFF;line-height:18px;font-size:15px;color:#FFF;}
.box-iccd a{position:relative;color:#FFF;display:block;padding:15px;text-decoration:none;}
.box-iccd a svg{position:absolute;top:50%;margin-top:-15px;right:10px;width:30px;height:30px;fill:#FFF;}


.breaker {background:var(--color-a);margin-top:20px;color:#FFF;line-height:22px;font-size:20px;color:#FFF;display: block; padding: 15px; text-decoration: none;width:160px; text-align:center;}


/* 
======
HEADER
======
*/
header{position:relative;width:100%;z-index:999;box-shadow: 0px 7px 13px 5px rgba(0, 0, 0, .2);}

.navbar-global .logo{grid-area:headerLogo;}
.navbar-global .logo a{display:flex;text-decoration:none!important;color:var(--color-b)}
.navbar-global .logo{}

.navbar-global .logo{display: flex;align-items: flex-start;color:#FFF;text-decoration:none!important;
    font-size:30px;line-height:30px;letter-spacing:-0.5px;}
.navbar-global .logo:hover{color:#FFF!important}
.navbar-global .logo img{max-height:100px;margin-right:10px}
.navbar-global .logo .logo-text{margin-top:-3px;white-space:nowrap;display:block;font-weight:300;text-transform: uppercase;color:#030303;}
.navbar-global .logo .logo-text > span{display:block;flex-wrap:nowrap;}

.navbar-global .socials{grid-area:headerSocials}
.navbar-global .socials ul,.navbar-global .socials ul li{list-style-type:none;margin:0;padding:0;}
.navbar-global .socials ul{display:flex;justify-content:flex-end;gap:16px}
.navbar-global .socials ul li a{border-radius:50%;width:35px;height:35px;border:1px solid var(--color-a);display:flex;align-items:center;justify-content:center;}
.navbar-global .socials ul li svg{fill:var(--color-a);width:24px;height:24px;}

.navbar-global .site-search{grid-area:siteSearch;justify-self: flex-end;}
.navbar-global .site-search a {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    background: rgb(255, 255, 255);
    transition: 0.3s;
    border:1px solid var(--color-a);
}
.navbar-global .site-search a .icon {border-color: var(--color-a);}
.navbar-global .site-search a.rounded-icon svg {fill: var(--color-a);width: 24px;height: 24px;}

.navbar-global .site-search a:hover {background:var(--color-a);}
.navbar-global .site-search a.rounded-icon:hover svg {fill: #FFF;width: 24px;height: 24px;}


.navbar-global .navbar-collapse{grid-area:headerMenu;justify-self:flex-end;align-self:flex-end}
.navbar-global .navbar-nav{display:flex;justify-content:flex-end;list-style-type:none;margin:0;padding:0;}
.navbar-global .navbar-nav .nav-item{padding:0;}
.navbar-global .navbar-nav .nav-item a{display:block;color:#030303;font-weight:700;font-size:18.5px;line-height:18.5px;text-decoration:none;padding:0 10px}
.navbar-global .navbar-nav .nav-item:last-child a{padding-right:0}
.navbar-global .navbar-nav .nav-item a:hover,
.navbar-global .navbar-nav .nav-item a.active{text-decoration:underline}

.navbar-global{
    padding:24px 0;
    display: grid;
    grid-template-columns: auto 1fr 54px;
    grid-template-rows: auto;
    grid-template-areas: 
    "headerLogo headerSocials siteSearch"
    "headerLogo headerMenu headerMenu";
}

.navbar-global .navbar-toggler{background:transparent;display:none;}
.navbar-global .navbar-toggler{border:0 none!important;z-index:10;cursor:pointer;}

.navbar-global #site-search{font-size:37px;color: #000;font-weight: 700;letter-spacing: 0;}
#site-search {position:fixed;background:#FFF;top:0;left:0;right:0;bottom:0;z-index:9999;display:none}
.show-site-search{overflow:hidden}
.show-site-search #site-search{display:block;}
#site-search .container{position:relative}
#site-search .container .btn-back{grid-area:ssbtnback;border:0 none;width:48px;background:transparent;margin:5px 40px 0 10px;padding:0;align-items:center;cursor:pointer}
#site-search .container .btn-back svg{fill:var(--color-a);width:48px;height:48px;}
#site-search .container label{grid-area:sslabel;font-size:2.667em;color:#000;font-weight:700;letter-spacing:0;font-size:37px}
/* #site-search .container fieldset{grid-area:fieldset;position:relative;} */
#site-search .container input[type='text']{grid-area:fieldset;height:72px;padding:0 0 0 70px;width:100%;border:0 none;border-bottom:1px solid var(--color-a);font-size: 2.222rem;}
#site-search .container input[type='text']:focus{background:#FFF}
#site-search .container input[type='text'] svg{width:40px;height: 40px;position:absolute;top:16px;left:16px;fill:var(--color-a)}
#site-search .container button[type='submit']{grid-area:ssbtnsearch;cursor:pointer;font-size: 18px !important;padding:12px 24px;background:var(--color-e);text-transform:uppercase;border:0 none;border-radius:18px;}

#site-search .container{
    padding:40px 0;
    display:grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: 
    "ssbtnback sslabel sslabel"
    "fieldset fieldset ssbtnsearch";
}

#site-search .icon-search{position:absolute;bottom:55px;left:30px;width:40px;height:40px;fill:var(--color-a)}
#site-search .icon-search{fill:var(--color-a)}

#site-search select,
#site-search button[type="reset"]
{display:none!important}


@media only screen and (min-width:0) and (max-width:991px){
    .navbar-global{display:flex;padding:12px 0}
    .navbar-global .navbar-toggler{display:block;order:1;margin-right:10px;}
    .navbar-toggler .icon{width:22px;height:22px;}
    .navbar-toggler .icon-open{display:block;fill:var(--color-a)}
    .navbar-toggler .icon-close{display:none;fill:#FFF;background:var(--color-a)}
    .navbar-open .navbar-toggler .icon-open{display:none}
    .navbar-open .navbar-toggler .icon-close{display:block}
    .navbar-open .navbar-global .navbar-toggler{position:fixed;top:12px;right:12px;margin:0;}

    .navbar-global .logo{font-size:15px;line-height:14px;order:2}
    .navbar-global .logo img{max-height:50px;}
    .navbar-global .logo .logo-text{margin-top:0}

    .navbar-global .site-search{order:10;margin-left:auto;align-self:center;}

    .navbar-global .navbar-collapse,
    .navbar-global .socials
    {display:none!important}


    .navbar-open .navbar-global .navbar-collapse{background:#FFF;position:fixed;top:0;left:0;width:100%;height:100%;display:block!important;background:rgba(0,0,0,.4)}
    .navbar-open .navbar-global .navbar-collapse .navbar-nav{padding-top:24px;height:100%;width:calc(100% - 46px);background:#FFF;display:block;}
    .navbar-open .navbar-global .navbar-collapse .navbar-nav li a{font-size:18px;padding:13px 24px;line-height:28px;}
}

/* 
======
FOOTER
======
*/
footer{background:var(--color-a);font-weight:400;margin:30px 0 0 0;padding:48px 0;color:#000;font-size:14px}
footer .container{display:flex;flex-wrap:wrap;}
footer a,footer a:link,footer a:visited{color:#000;text-decoration:none;}
footer a:hover{color:#000;text-decoration:underline}

footer h4{font-size:19px;padding:16px 0 32px 0;font-weight:bold;}
footer section.logo {width:100%;}
footer section.prv{padding-top:20px;width:50%;}
footer section.prv a{font-weight:600}
footer section.powered-by{padding-top:20px;text-align:right;width:50%;}
footer section.powered-by a{font-weight:600}

footer section.info,
footer section.address,
footer section.contacts,
footer section.socials{
    width:calc(100% / 4);
}

footer section.info,
footer section.address,
footer section.contacts{padding-right:28px}

footer section.logo img{max-height:82px}


footer section.socials ul,footer section.socials ul li{list-style-type:none;margin:0;padding:0;}
footer section.socials ul{display:flex;}
footer section.socials svg{width:24px;height:24px;}

/* footer .row-1 .logo{display: flex;align-items: flex-start;color:#FFF;text-decoration:none!important;width:calc(340 / var(--footer-font-size) * 1em)}
footer .row-1 .logo:hover{color:#FFF!important}
footer .row-1 .logo .logo img{width: 100%;}
footer .row-1 .logo .logo-text{display: flex;flex-direction: column;font-weight: 400;text-transform: uppercase;padding-left:25px}
footer .row-1 .logo .logo-text > div{flex-wrap:nowrap;}
footer .row-1 .logo .logo-text .blue{font-weight: 700;} */
footer .row-1 a{color:var(--color-b);text-decoration:none}
footer .row-1 a:hover{color:var(--color-b);text-decoration:underline}

footer .row-2{border-top: 1px solid #fff;padding-top: 15px;}
footer .row-2 ul{list-style: none;display: flex;justify-content: center;}
footer .row-2 ul li{padding: 0px 20px;}
footer .row-2 ul li:first-child{padding-left: 0;}
footer .row-2 ul li:last-child{padding-right: 0;}
footer .row-2 ul li:not(:last-child){border-right: 1px solid var(--color-b);}
footer .row-2 ul li a{text-transform: uppercase;color: var(--color-b);text-decoration: none;}
footer .row-2 ul li a:hover{text-decoration:underline;}

@media only screen and (max-width: 991px){ 
    footer section.info,
footer section.address,
footer section.contacts,
footer section.socials{
    width:calc(100% / 2);
    padding:0;
}

footer section.info,
footer section.contacts{padding-right:28px}
}

@media only screen and (max-width: 768px){
   

}

@media only screen and (min-width: 0) and (max-width: 575px){
    footer section, footer section.powered-by{width:100%!important;padding:0 0 14px 0; text-align: center;}
}

/* 
======
BANNER
======
*/
.banner img{object-fit:cover;height:480px;width:100%}


.section.grey{background:#F9FAFC}





/*
=======
SECTION
=======
*/
/* .section{padding:30px 0 30px 0;}
.section .section-header{}
.section h2.section-title{font-size:32px;line-height:52px;color:#a8a3a0;text-transform:uppercase;font-weight:400;position:relative;margin:0 0 20px 0;padding:0;}
.section p{color:#070606;font-size:18px;line-height:21px;font-family:'Nunito Sans', sans-serif;font-style:italic;}
*/
section.section{padding:40px 0}
section.grey{background:#F9FAFC}
.section .section-title{line-height:36px}
.section .subhead{font-weight:500;font-size:18px;line-height:22px;color:var(--color-c)}

/*
======================
SECTION-PHOTO-ARCHIVES 
======================
*/
.section-photo-archives .container{display:flex;gap:20px}
.section-photo-archives .container .column-1{width:70%;}
.section-photo-archives .container .column-2{width:30%;}
.section-photo-archives .container .column-2 img{border-radius:4px;}
.section-photo-archives .container .description{padding-bottom:20px;}

/*
==============
SECTION-ROUTES
==============
*/
.section-routes{padding:60px 0;margin:0;position:static}
.section-routes h2{padding:0;margin:0 0 30px 0;text-align:center}
.section-routes .subhead{text-align:center;}
.section-routes .swiper-slide{box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);height:100%}
.section-routes .swiper-slide a{text-decoration:none;display:flex;flex-direction:row;background:#FFF;}
.section-routes .swiper-slide .image{width:30%}
.section-routes .swiper-slide .info{width:70%} 
.section-routes .swiper-slide img{height:300px;width:100%;object-fit: cover;}
.section-routes .swiper-slide .info{padding:24px;text-align:left;}
.section-routes .swiper-slide .info h3{font-size:24px;line-height:31px;color:var(--color-b);}
.section-routes .swiper-slide .info p{font-size:18px;line-height:27px;color:#5c6f82}
.section-routes .swiper-slide a:hover .info h3{color:var(--color-a);}

.section-routes .swiper-controls{display:flex;align-items:center;justify-content:center;padding-top:20px}
.section-routes .swiper-controls .swiper-pagination{position:static;padding:0;width:auto;}
.section-routes .swiper-controls .swiper-pagination .swiper-pagination-bullet{background:var(--color-a);vertical-align:middle;border:1px solid transparent;padding:3px;width:auto;height:auto;border-radius:4px;}
.section-routes .swiper-controls .swiper-pagination .swiper-pagination-bullet-active{border:1px solid var(--color-a)!important;opacity:1;}
.section-routes .swiper-controls .swiper-pagination .swiper-pagination-bullet:focus{border:1px solid var(--color-a)!important;box-shadow:none!important;}

.section-routes .swiper-controls .swiper-button-prev,
.section-routes .swiper-controls .swiper-button-next{position:static!important;margin:0;width:32px}
.section-routes .swiper-controls .swiper-button-prev:focus,
.section-routes .swiper-controls .swiper-button-next:focus{border:0 none!important;box-shadow:none!important;}
.section-routes .swiper-controls .swiper-button-prev:after,
.section-routes .swiper-controls .swiper-button-next:after{display:none!important}
.section-routes .swiper-controls .swiper-button-prev svg,
.section-routes .swiper-controls .swiper-button-next svg{width:32px;height:32px;fill:var(--color-a)}


/*
==================
SECTION-HIGHLIGHTS
==================
*/
.section-highlights{padding:60px 0;margin:0;position:static}
.section-highlights h2{padding:0;margin:0 0 30px 0;text-align:center}
.section-highlights .subhead{text-align:center;}

.section-highlights .description{padding: 0 0 20px 0;display: flex;
  flex-direction: column;
  align-items: center;}

/*
===========
SECTION-MAP
===========
*/
#l-map {height: 400px; margin: 20px 0;}

/*
==================
SECTION-PRC-DETAIL
==================
*/
.section-prc-detail{}
.section-prc-detail .card-body{padding:16px;background:#FFF;}
.section-prc-detail .detail-fields{display:grid;  grid-template-columns: 60% 1fr;gap:20px;
}
.section-prc-detail .detail-fields .column-1{}
.section-prc-detail .detail-fields .column-2{}

@media only screen and (max-width: 768px){
    .section-prc-detail .detail-fields{display:block}
}



/*
==========
LYT-LIST-A
==========
*/
.lyt-list{}
.lyt-list .nrw{margin-bottom: 20px;}

/*
==========
LYT-LIST-A
==========
*/
.lyt-list-a .list{display:grid;grid-template-columns:calc(100% / 4) calc(100% / 4) calc(100% / 4) calc(100% / 4);gap:2px;margin-bottom:40px}
.lyt-list-a .item{background:#F0F0F0;}
.lyt-list-a .item img{aspect-ratio:1 / 1;object-fit:cover;display:block;}

.lyt-list-a .item a{height:100%;}
.lyt-list-a .item a .tsk{text-transform:uppercase;font-size:12px;line-height:14px;padding-bottom:3px;font-weight:500;color:#000!important}
.lyt-list-a .item a{display:block;padding:25px;border:1px solid #F0F0F0;}
.lyt-list-a .item a:hover{text-decoration:none;}
.lyt-list-a .item .title{font-size:18px;line-height:20px;font-weight:600;padding:0 0 10px 0;color:var(--color-a);}
.lyt-list-a .item .made-in,
.lyt-list-a .item .place{color:#000;font-size:14px;line-height:16px;}
.lyt-list-a .item a:hover{border:1px solid #DDD;}
.lyt-list-a .item a:hover *{text-decoration:none!important}
.lyt-list-a .item .image{overflow: hidden;margin-bottom:5px}


/* Brightness-zoom Container */
.lyt-list-a .item img {
    transform-origin: 50% 50%;
    transition: transform .4s, visibility .25s ease-in;
}

/* The Transformation */
.lyt-list-a a:hover img {
    transform: scale(1.05);
}

/* LG */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .lyt-list-a{grid-template-columns:calc(100% / 3) calc(100% / 3) calc(100% / 3)}

}


/* MD */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-highlights .list{grid-template-columns:calc(100% / 2) calc(100% / 2)}
}

/* SM */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section-highlights .list{grid-template-columns:calc(100% / 2) calc(100% / 2)}
}


/* XS */
@media only screen and (min-width: 0) and (max-width: 575px) {
    .section-highlights .list{grid-template-columns:100%}
}

/*
==========
LYT-DETAIL
==========
*/
.lyt-detail{}
.lyt-detail .attachments{padding-bottom:10px;}
.lyt-detail .attachments ul,.lyt-detail .attachments ul li{list-style-type:none;margin:0;padding:0;}
.lyt-detail a.link-pdf-doc::before{float:left;font-family:FontAwesome;content: "\f1c1";margin-right:5px;text-decoration:none!important}
.lyt-detail a.link-Web::before{float:left;font-family:FontAwesome;content: "\f0c1";margin-right:5px;text-decoration:none!important}

.lyt-detail .videos{}
.lyt-detail .videos ul,.lyt-detail .videos ul li{list-style-type:none;margin:0;padding:0;;}

.lyt-detail .videos ul li a{color:#FFF;}
.lyt-detail .videos ul li a::before{font-family:FontAwesome;content: "\f01d";position:absolute;top:50%;left:50%;font-size:64px;line-height:64px;
    margin-left:-28px;margin-top:-31px;width:64px;height:64px;overflow:hidden}
.lyt-detail .videos .title{}
.lyt-detail .videos a{position:relative;display:block;overflow:hidden;}
.lyt-detail .videos a .title{background:rgba(0,0,0,.8);z-index:100;position:absolute;bottom:-600px;left:0;width:100%;height:auto;padding:10px;display:block;color:#FFF;font-size:18px;line-height:21px;float:left;text-align:center;text-transform:uppercase;transition:all 1s;}
.lyt-detail .videos a:hover .title{position:absolute;bottom:0;left:0;width:100%;}
.lyt-detail .videos a:hover .title{text-decoration:none;}

.lyt-detail .showcase{}
.lyt-detail .showcase .list-title{font-weight:bold;color:#000;padding-bottom:5px}
.lyt-detail .showcase ul,.lyt-detail .showcase ul li{list-style-type:none;margin:0 0 3px 0!important;padding:0 0 3px 0!important;display:block!important;width:auto!important}

.lyt-detail .section-search{padding:30px 0 0 0}
.lyt-detail .description{padding-bottom:20px;}

/*
==========
LYT-DETAIL
==========
*/
.lyt-detail-prc .section-prc-detail{padding:60px 0}
.lyt-detail-prc .banner-number{display:none!important}
.lyt-detail-prc .section-prc-detail h2{margin-bottom:20px;}
.lyt-detail-prc .section-prc-detail .card{border-radius:0;border:0 none!important;box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);}

.lyt-detail-prc .detail-fields .lbl{margin-top:10px;}
.lyt-detail-prc .detail-fields h5{font-weight:600;font-size:20px;}

.lyt-detail-prc .column-2 ul,
.lyt-detail-prc .column-2 ul li{list-style:none;margin:0;padding:0;}
.lyt-detail-prc .column-2 ul{display:flex;flex-wrap:wrap;}
.lyt-detail-prc .column-2 ul li{width:calc((100% - 80px) / 4);margin:0 20px 20px 0}
.lyt-detail-prc .column-2 ul li:first-child{width:100%;margin:0 0 20px 0;}
.lyt-detail-prc .column-2 img{width:100%}

/*
=======
GALLERY
=======
*/
.gallery .gallery-header{position:relative;}
.gallery .gallery-header .btn-hidden-gallery{position:absolute;top:0;right:0;}

.gallery .gallery-content{display:flex;width:100%;flex-wrap:wrap;width:100%;}
.gallery .gallery-content a{position:relative;height:100%;overflow:hidden;display:block;background:#FFF}
.gallery .gallery-content a .info{padding:15px}
.gallery .gallery-content a img{width:100%;}
.gallery .gallery-content a .title-f{background:rgba(0,0,0,.8);z-index:100;position:absolute;bottom:-600px;left:0;width:100%;height:auto;padding:10px;display:block;color:#FFF;font-size:18px;line-height:21px;float:left;text-align:center;text-transform:uppercase;transition:all 1s;}
.gallery .gallery-content a:hover .title-f{position:absolute;bottom:0;left:0;width:100%;}
.gallery .gallery-content a,.gallery .gallery-content a:hover{text-decoration:none;}

/* XL */
@media only screen and  (min-width: 1200px) {
    .gallery .gallery-content a{width:calc((100% - 60px) / 3);margin:0 0 30px 30px;}
    .gallery .gallery-content a:nth-child(3n + 1){margin-left:0;}
}

/* LG */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .gallery .gallery-content a{width:calc((100% - 60px) / 3);margin:0 0 30px 30px;}
    .gallery .gallery-content a:nth-child(3n + 1){margin-left:0;}
}


/* MD */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gallery .gallery-content a{width:calc((100% - 60px) / 3);margin:0 0 30px 30px;}
    .gallery .gallery-content a:nth-child(3n + 1){margin-left:0;}
}

/* SM */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .gallery .gallery-content a{width:calc((100% - 30px) / 2);margin:0 0 30px 30px;}
    .gallery .gallery-content a:nth-child(2n + 1){margin-left:0;}
}


/* XS */
@media only screen and (min-width: 0) and (max-width: 575px) {
    .gallery .gallery-content a{width:100%;margin:0 0 30px 0;}
}

/*
========
SEARCHES
========
*/
#searches{}
#searches section{margin:30px 0;padding:30px 0;border-bottom:1px solid var(--color-g)}
#searches section:nth-of-type(1){border-top:1px solid var(--color-g);}
#searches section:nth-of-type(2){padding-top:0;}
#searches section button[type='reset']{display:none!important}
#searches section button[type='submit']{cursor:pointer}

#searches .rpe-item input:focus{background:#FFF}

#searches {}
#searches h6{font-size:26px}
#searches .rpe-item{padding-bottom:10px;display:flex;align-items:center;}
#searches .rpe-item label{width:250px;font-weight:normal}
#searches .rpe-item input[type='text'],
#searches .rpe-item select{border:0 none;border-bottom: 1px solid #5b6f82;font-size:16px;padding:.375rem .5rem;box-sizing:border-box;width:390px;height:2.5rem;}

#searches .rpe-item.x2 label{width:250px;font-weight:normal}
#searches .rpe-item.x2 label:nth-of-type(2){width:30px;text-align:center;}
#searches .rpe-item.x2 input:nth-of-type(1),
#searches .rpe-item.x2 input:nth-of-type(2){width:80px}


#searches  .rpe-item select{}

#searches  input[type='reset'],
#searches  button[type='reset'],
#searches  input[type='submit'],
#searches  button[type='submit']
{padding:5px 10px;background:var(--color-a);color:#FFF;font-size:18px;border:0 none;}




/* XS */
@media only screen and (min-width: 0) and (max-width: 767px) {
	#searches  .rpe-item input[type='text'],
    #searches  .rpe-item select{font-size: 18px;padding:4px;box-sizing:border-box;width:100%;box-sizing:border-box}

}



/*
=====
PAGER
=====
*/
.pager{display:block;text-align:left;margin:20px 0;padding:0;}
.pager li{display:inline-block!important;vertical-align:top;border-radius:0;margin-right:2px}
.pager li.first,.pager li.previous,.pager li.next,.pager li.last{}
.pager li.page a,.pager li.page span,
.pager li.first a,.pager li.first span,
.pager li.previous a,.pager li.previous span,
.pager li.next a,.pager li.next span,
.pager li.last a,.pager li.last span
{font-size:13px;border:1px solid var(--color-g);min-width:30px;line-height:30px;display:inline-block;text-align:center;background:#FFF;color:#1c2024;font-weight:400;transition:all .2s linear;}

.pager li.disabled a,.pager li.disabled span,.pager li.disabled a:hover,.pager li.disabled span:hover{opacity:.8;}
.pager li.status span{font-size:14px;padding-left:20px}
.pager li a,.pager li span{border-radius:0}
.pager li.status{vertical-align:middle}
.pager li.status span{border:0 none;}
.pager li.page.active span{background:var(--color-a);color:#FFF;border:1px solid var(--color-a);}
.pager li.page a:hover,
.pager li.first a:hover,
.pager li.previous a:hover,
.pager li.next a:hover,
.pager li.last a:hover
{background:#FFF;color:#1c2024;text-decoration:underline;}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .pager .page{display:none!important;}
    .pager .page.active{display:inline-block!important;}
    .pager li span,.pager li a{padding-left:8px;padding-right:8px}

}
@media only screen and (min-width: 0) and (max-width: 575px) {
    .pager .page{display:none!important;}
    .pager .page.active{display:inline-block!important;}
}

/*
===
LYT
===
*/
.lyt {
    margin: 60px 0;
}


/*
==============
LYT-DETAIL-PST
==============
*/
.lyt-detail-pst .lbl:after {
    content: ": ";
}
.lyt-detail-pst .section-primary-fields{margin:30px 0}
.lyt-detail-pst .section-primary-fields .container{display:flex;flex-wrap:wrap;}
.lyt-detail-pst .section-primary-fields .container > *{width:100%}
.lyt-detail-pst .section-primary-fields .container .description{margin:20px 0;width:70%;padding-right:30px}
.lyt-detail-pst .section-primary-fields .container .col2{margin:20px 0;width:30%}



.lyt-detail-pst .section-other-fields{padding:0 var(--gutter)}
.lyt-detail-pst .section-other-fields .container{border:1px solid #eceff1;padding-top:var(--gutter);padding-bottom:var(--gutter);box-shadow:rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem;}
.lyt-detail-pst .section-other-fields h5.section-title{line-height:24px}
.lyt-detail-pst .section-other-fields .fld{display:flex;width:100%;padding:5px 0;border-top:1px solid var(--color-g);}
.lyt-detail-pst .section-other-fields .fld > .column-2{white-space:nowrap;width:250px;white-space:nowrap;text-overflow:ellipsis;padding-bottom:0}
.lyt-detail-pst .section-other-fields .fld > .column-2 .lbl{font-weight:600}
.lyt-detail-pst .section-other-fields .fld > .column-2 span:after{content:": ";padding-right:5px}
.lyt-detail-pst .section-other-fields .fld > .column-3{width:calc(100% - 280px);font-weight:400}
.lyt-detail-pst .fld.multiple .btn-reduce{display:none}
.lyt-detail-pst .fld.multiple > .column-3 > div{display:none}
.lyt-detail-pst .fld.multiple > .column-3 > div:nth-child(1){display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-top:0!important}
.lyt-detail-pst .fld.multiple.open > .column-3 > div{display:block!important;overflow:auto;white-space:normal;text-overflow:auto;padding:5px 0;border-bottom:1px dashed #8c8e8c;line-height:20px}
.lyt-detail-pst .fld.multiple.open .btn-reduce{display:inline-block;}
.lyt-detail-pst .fld.multiple.open .btn-expand{display:none}


.lyt-detail-pst .section-author{margin:var(--gutter) 0 40px 0}
.lyt-detail-pst .section-author .fld{display:flex;width:100%;padding:5px 0}
.lyt-detail-pst .section-author .fld > .column-2 span:after{margin-right:3px}

.lyt-detail-pst .detail-img {width: 100%;padding: 0 32px 48px 32px;}

.detail-img-wrapper {
	
	background: #FFF;
	position: relative;
}

.detail-img-wrapper:not(:last-of-type) { margin-bottom: 24px; }
.swiper-pst .swiper-button-prev,
.swiper-pst .swiper-button-next {height: calc(100% - 48px);top: 0;width: 32px;}
.swiper-pst .swiper-button-prev.swiper-button-disabled,
.swiper-pst .swiper-button-next.swiper-button-disabled { pointer-events: all; }
.swiper-pst .swiper-button-prev { left: 0; }
.swiper-pst .swiper-button-next { right: 0; }
.swiper-pst .swiper-button-prev:after { content: "\f053"; left: 0; }
.swiper-pst .swiper-button-next:after { content: "\f054"; right: 0; }
.swiper-pst .swiper-button-prev:after,
.swiper-pst .swiper-button-next:after {
    font-family: 'Font Awesome 5 Free';
    color: var(--color-a);
    font-weight: 700;
	filter: drop-shadow(4px 4px 4px #0004);
    font-size: 20px;
}
.swiper-pst .swiper-button-prev,
.swiper-pst .swiper-button-next{
margin-top:0;top:0;
}

.swiper-pst .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#1c7cc4}

/* MD */
@media only screen and (min-width: 768px) and (max-width: 991px) {}

/* SM */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .lyt-detail-pst .section-primary-fields .container .description{margin:20px 0;width:100%;padding:0}
    .lyt-detail-pst .section-primary-fields .container .image{margin:20px 0;width:100%}
}


/* XS */
@media only screen and (min-width: 0) and (max-width:767px) {
    .lyt-detail-pst  .fld{flex-wrap:wrap!important;}
    .lyt-detail-pst  .fld > .column-2{width:100%!important}
    .lyt-detail-pst  .fld > .column-3{width:100%!important}
    .lyt-detail-pst  .fld.multiple > .column-2{width:calc(100% - 27px)}
    .lyt-detail-pst  .fld.multiple > .column-3{width:100%;padding-left:25px}

    .lyt-detail-pst  .swiper-button-prev,
    .lyt-detail-pst  .swiper-button-next{display:none!important}
}

/* XS */
@media only screen and (min-width: 0) and (max-width: 575px) {
    .lyt-detail-pst .section-primary-fields .container .description{margin:20px 0;width:100%;padding:0}
    .lyt-detail-pst .section-primary-fields .container .image{margin:20px 0;width:100%}
}


/*
===============
LYT-DETAIL-FULL
===============
*/
.lyt-detail-pst-full .container .prgh{display: flex;flex-direction: column;}
.lyt-detail-pst-full .container .prgh-t{border-bottom: 1px solid #8c8e8c;margin-top: 40px;font-weight: 400;}
.lyt-detail-pst-full .container .prgh-ad{margin-top: 10px !important;}

.lyt-detail-pst-full .container .prgh .field, .lyt-detail-pst-full .container .prgh  .subfield{display: grid;grid-template-columns: 450px 1fr; column-gap: 10px; width: 100%;}
.lyt-detail-pst-full .container .prgh .subfield, .lyt-detail-pst-full .container .prgh .field[type='campo']{border-bottom: 1px solid #8c8e8c;}
/* .lyt-detail-pst-full .container .prgh .field-id{} */

.lyt-detail-pst-full .container .prgh .field[type='campo-t']{display:block ;width: 100%;}

/* .lyt-detail-pst-full .container .prgh .field .field-lbl, .lyt-detail-pst-full .container .prgh .field .subfield-lbl{width: 335px;} */
.lyt-detail-pst-full .container .prgh .field .field-t{font-style: italic;background: #757575;text-transform: uppercase; font-size: 14px;padding: 3px 0; color: #fff;}
.lyt-detail-pst-full .container .prgh .field .field-t,
.lyt-detail-pst-full .container .prgh .field .subfield-lbl,
.lyt-detail-pst-full .container .prgh .field .field-lbl,
.lyt-detail-pst-full .container .prgh-t{padding-left: 5px;}

.lyt-detail-pst-full .container .prgh .field .field-fta{position: relative;margin-bottom: 20px;}
.lyt-detail-pst-full .container .prgh .field .img-cont{padding: 10px 0;width: 400px;}
.lyt-detail-pst-full .container .prgh .field .img-cont img{width: 100%;}

.lyt-detail-pst-full .container .prgh .field.field-fur{margin-bottom: 40px !important;}

.field-lbl::first-letter,.field-val::first-letter, .subfield-val::first-letter,.subfield-lbl::first-letter{text-transform: uppercase;}

.lyt-detail-pst-full .container .prgh .field .field-lbl-id{width: 140px !important;padding: 0 !important;}
.lyt-detail-pst-full .container .prgh .field-id{border-bottom: 0 none !important;font-size: 24px;font-weight: 500;;display: flex; justify-content: center;font-size: 20px;order: -1;position: relative;padding: 10px 0;}

@media only screen and (min-width: 768px) {
    .lyt-detail-pst-full .container .prgh .field-id::before{content: "";width: 100px;margin: auto;border-top: 1px solid #8c8e8c;position: absolute;top: 0px;}
    .lyt-detail-pst-full .container .prgh .field-id::after{content: "";width: 180px;margin: auto;border-bottom: 1px solid #8c8e8c;position: absolute;bottom: 0px;}
}


/* XS  SM */
@media only screen and (min-width: 0) and (max-width: 767px) {
    .lyt-detail-pst-full .container .prgh-cd .field-id{column-gap: 10px!important;}
    .lyt-detail-pst-full .container .prgh-cd .field-lbl-id, .lyt-detail-pst-full .container .prgh-cd  .field-val-id{font-size: 15px;}
    .lyt-detail-pst-full .container .prgh .field, .lyt-detail-pst-full .container .prgh .subfield{font-size: 12px;grid-template-columns: 90px 1fr;column-gap: 150px; width: 100%;}
    .lyt-detail-pst-full .container .prgh .field .field-t{font-size: 11px;}
    .lyt-detail-pst-full .container .prgh .field .img-cont img{width: 165px;}
    .lyt-detail-pst-full .container .prgh-ad{margin-top: 15px !important;}
    .lyt-detail-pst-full .container .prgh .field.field-fta{position: relative;margin-bottom: 30px;}
    .lyt-detail-pst-full .container .prgh .field .img-cont img{max-width: 100%;}
    .lyt-detail-pst-full .container .prgh-ad{margin-top: 0 !important;}
    .lyt-detail-pst-full .container .prgh .field, .lyt-detail-pst-full .container .prgh .subfield{display: block !important;}
    .lyt-detail-pst-full .container .prgh .field .subfield-lbl,
    .lyt-detail-pst-full .container .prgh .field .subfield-val,
    .lyt-detail-pst-full .container .prgh .field .field-val,
    .lyt-detail-pst-full .container .prgh .field .field-lbl{display: inline;width: auto !important;}
    .lyt-detail-pst-full .container .prgh .field .subfield-lbl,
    .lyt-detail-pst-full .container .prgh .field .field-lbl{font-weight: 400;float: left;display: inline-block !important;}
    .lyt-detail-pst-full .container .prgh .field .subfield-lbl:after,
    .lyt-detail-pst-full .container .prgh .field .field-lbl:after{content:": ";margin-right: 6px;}
    .lyt-detail-pst-full .container .prgh .field .field-t,
    .lyt-detail-pst-full .container .prgh .field .subfield-lbl, 
    .lyt-detail-pst-full .container .prgh .field .field-lbl,
    .lyt-detail-pst-full .container .prgh-t{padding-left: 0 !important;}
}


/*
============
AUTOCOMPLETE
============
*/
.autocomplete-items > div{font-size:16px!important;padding:5px}
.autocomplete-items > div:hover{background:var(--color-a)!important;color:#FFF!important}
.autocomplete-items > div strong {font-weight:600!important}