/* Banner square image*/
.front-squares-cntnr {
    display: inline-block;
    width: 95%;
    vertical-align: top;
    margin: 0.5% 0 1.5% 2.5%;
}
.front-squares-half-cntnr {
    display: inline-block;
    width: 46.25%;
    vertical-align: top;
    margin: 0.5% 0 1.5% 2.5%;
}

.front-squares ol, 
.front-squares ul {
    list-style: none;
    margin: 0;
}

.front-squares  {
    padding: 0 0;
}
.front-squares > ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  grid-gap: 5.0%;
}
.front-squares-2-1-1 > ul {
  grid-template-columns: minmax(280px, 2fr) minmax(140px, 1fr) minmax(140px, 1fr);
}
.front-squares-2-2 > ul {
  grid-template-columns: 2fr 2fr ;
}
.front-squares-1-1 > ul {
  grid-template-columns: 1fr;
}
.front-squares-2-1 > ul {
  grid-template-columns: 1fr 1fr;
}
.front-squares-2-1 > ul > li > ul {
    display: grid;
    grid-template-columns: 1fr;
}
.front-squares-cntnr > .front-squares > ul {
  grid-gap: 2.5%;
}
.front-squares > ul > li > figure {
    height: 100%;
  max-height: 420px;
  overflow: hidden;
  position: relative;
}
.front-squares > ul > li > figure > div.bnnr-sqr-lnk-hddn #art-lnk,
.front-squares > ul > li > figure > div.bnnr-sqr-lnk-hddn a.art-lnk {
    position: absolute;
    border: none;
    background: none;
}
.front-squares > ul > li {
    border-radius: 0.5em;
    overflow: hidden;
}
.front-squares > ul > li > figure > img {
  width: 100%;
}

/* Nyxair to HEL*/

li.wdgt-sqr-nyxair-hel-cntnr {
    border: 1px solid rgba(112,34,131,1.00);
}
figure.wdgt-sqr-nyxair-hel > img {
    width: 100%;
}
figure.wdgt-sqr-nyxair-hel > figcaption {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 3fr;
    font-family: 'Libre Franklin', sans-serif!important;
    color: rgba(244,244,244,1.00);
    text-align: center;
}
figure.wdgt-sqr-nyxair-hel > figcaption > h2,
figure.wdgt-sqr-nyxair-hel > figcaption > #prc-i,
figure.wdgt-sqr-nyxair-hel > figcaption > #prc {
    text-transform: uppercase;
    text-shadow: 3px 3px 0px rgba(112, 32, 130, 1);
    font-weight: 700;
}
figure.wdgt-sqr-nyxair-hel > figcaption > h2,
figure.wdgt-sqr-nyxair-hel > figcaption > h2 > #art-lnk,
figure.wdgt-sqr-nyxair-hel > figcaption > h2 > a.art-lnk {
    font-size: clamp(0.9rem, 0.4800rem + 2.1000vw, 3rem)!important;
    text-shadow: 3px 3px 0px rgba(112, 32, 130, 1);
    margin: 5% 0 0 0;
    padding: 0;
    font-family: 'Libre Franklin', sans-serif!important;
}
figure.wdgt-sqr-nyxair-hel > figcaption > h2 > #art-lnk,
figure.wdgt-sqr-nyxair-hel > figcaption > h2 > a.art-lnk {
    color: rgba(244,244,244,1.00);
    background: none;
    border: none;
    font-family: 'Libre Franklin', sans-serif;
    line-height: 1.3125em;
}
figure.wdgt-sqr-nyxair-hel > figcaption > #prc-i{
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    display: inline-block;
    width: auto;
    font-size: clamp(0.7rem, 0.5400rem + 0.8000vw, 1.5rem)!important;
}
figure.wdgt-sqr-nyxair-hel > figcaption > #prc{
    position: absolute;
    top: 55%;
    right: 0;
    left: 0;
    display: inline-block;
    width: auto;
    font-size: clamp(2rem, 0.0000rem + 4.1667vw, 5rem)!important;
    line-height: 1.0em;
}

figure.wdgt-sqr-nyxair-hel > .wdgt-sqr-nyxair-hel-ftr {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,1.00);
    text-align: center;
}
figure.wdgt-sqr-nyxair-hel > .wdgt-sqr-nyxair-hel-ftr img {
    margin: 4% 0;
    width: 50%;
}

/* Amapola common*/

li.wdgt-sqr-amapola-stckhlm-cntnr {
    border: 3px solid rgba(10,75,150,1.00);
}
figure.wdgt-sqr-amapola-stckhlm > img {
    width: 100%;
}
figure.wdgt-sqr-amapola-stckhlm > figcaption {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    font-family: 'Libre Franklin', sans-serif;
    color: rgba(10,75,150,1.00);
    text-align: center;
}
figure.wdgt-sqr-amapola-stckhlm > figcaption > h2,
figure.wdgt-sqr-amapola-stckhlm > figcaption > #prc-i,
figure.wdgt-sqr-amapola-stckhlm > figcaption > #prc,
figure.wdgt-sqr-amapola-stckhlm > figcaption > h2 > #art-lnk,
figure.wdgt-sqr-amapola-stckhlm > figcaption > h2 > a.art-lnk {
    display: inline-block;
    width: auto;
    text-transform:none;
    font-weight: 500;
    padding: 1.5% 3%;
    background: rgba(255,255,255,0.85);
}
figure.wdgt-sqr-amapola-stckhlm > figcaption > h2,
figure.wdgt-sqr-amapola-stckhlm > figcaption > h2 > #art-lnk ,
figure.wdgt-sqr-amapola-stckhlm > figcaption > h2 > a.art-lnk {
    font-size: clamp(0.95rem, 0.4216rem + 1.1486vw, 1.8rem)!important;
    margin: 5% 0 0 0;
    font-family: 'Libre Franklin', sans-serif;
}
figure.wdgt-sqr-amapola-stckhlm > figcaption > h2 {
    text-transform: uppercase;
}
figure.wdgt-sqr-amapola-stckhlm > figcaption > h2 > #art-lnk,
figure.wdgt-sqr-amapola-stckhlm > figcaption > h2 > a.art-lnk {
    color: rgba(10,75,150,1.00);
    background: none;
    border: none;
    font-family: 'Libre Franklin', sans-serif;
    line-height: 1.3125em;
}
figure.wdgt-sqr-amapola-stckhlm > figcaption > #prc-i{
    margin-top: 5%;
    font-size: clamp(0.7rem, 0.5400rem + 0.8000vw, 1.5rem)!important;
    border-radius: 0.5rem;
}
figure.wdgt-sqr-amapola-stckhlm > figcaption > #prc{
    position: absolute;
    bottom: 23%;
    right: 0;
    left: 0;
    display: inline-block;
    width: auto;
    font-size: clamp(0.95rem, 0.4216rem + 1.1486vw, 1.8rem)!important;
    line-height: 1.0em;
}

figure.wdgt-sqr-amapola-stckhlm > .wdgt-sqr-amapola-stckhlm-ftr {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    border-radius: 100% 0 0 0;
    background: rgba(255,255,255,1.00);
    text-align: center;
}
figure.wdgt-sqr-amapola-stckhlm > .wdgt-sqr-amapola-stckhlm-ftr img {
    margin: 4% 0;
    width: 70%;
}

/* Fly to banner A & B*/

li.wdgt-sqr-bnnrfly2-a-cntnr {
    border: 1px solid rgba(81,156,91,1.00);
    width: 100%;
}
figure.wdgt-sqr-bnnrfly2-a > img{
    /*
    max-width: 102%;
    max-height: 102%;
    width: 102%!important;*/
}
figure.wdgt-sqr-bnnrfly2-a > div {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
figure.wdgt-sqr-bnnrfly2-a > figcaption {
    position: absolute;
    top: 30%;
    width: 96%;
    margin: 0 2%;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 4% 2% ; 
}
figure.wdgt-sqr-bnnrfly2-a > figcaption > div {
    text-align: center;
    vertical-align: middle;
    background:rgba(21,74,119,0.75);
    border-radius: 0.6rem;
}
figure.wdgt-sqr-bnnrfly2-a > div > h2,
figure.wdgt-sqr-bnnrfly2-a > figcaption > div > #art-lnk,
figure.wdgt-sqr-bnnrfly2-a > figcaption > div > a.art-lnk {
    display: inline-block;
    margin: 8% 0 !important;
    padding: 0;
    background: none;
    color: rgba(255,255,255,1.00);
    font-family: 'Sansita', sans-serif;
    font-size: clamp(0.6rem, 0.1027rem + 1.0811vw, 1.4rem);
    font-weight: bold;
    font-style: italic;
    border: none;
    white-space: nowrap;
}
figure.wdgt-sqr-bnnrfly2-a > div > h2 {
    font-size: clamp(1.6rem, -0.1405rem + 3.7838vw, 4.4rem)!important;
    margin: 4% 0 !important;
    text-shadow: 3px 3px 0 rgba(21,74,119,1.00), 3px -3px 0 rgba(21,74,119,1.00), -3px 3px 0 rgba(21,74,119,1.00), -3px -3px 0 rgba(21,74,119,1.00), 3px 0px 0 rgba(21,74,119,1.00), 0px 3px 0 rgba(21,74,119,1.00), -3px 0px 0 rgba(21,74,119,1.00), 0px -3px 0 rgba(21,74,119,1.00);
    font-kerning: none;
}

/* Banner Welcome to */


li.wdgt-sqr-welcome-tourism-cntnr {
    border: 1px solid rgba(81,156,91,1.00);
    width: 100%;
}
figure.wdgt-sqr-welcome-tourism > figcaption {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 2fr;
    text-align: center;
}
figure.wdgt-sqr-welcome-tourism > figcaption > h2,
figure.wdgt-sqr-welcome-tourism > figcaption > #art-lnk,
figure.wdgt-sqr-welcome-tourism > figcaption > a.art-lnk {
    position: absolute;
    left: 5%;
    right: 5%;
    display: inline-block;
    text-align: center;
    margin: 0;
}
figure.wdgt-sqr-welcome-tourism > figcaption > h2 {
    top: 10%;
    padding: 0;
    font-family: 'Sansita', sans-serif;
    font-size: clamp(1.2rem, -0.4162rem + 3.5135vw, 3.8rem)!important;
    font-weight: bold;
    font-style: italic;
    color: rgba(21,74,119,1.00);
    text-transform: none;
    text-shadow: -0.04em -0.04em 0 #fff, 0.04em -0.054em 0 #fff, -0.04em 0.04em 0 #fff, 0.04em 0.04em 0 #fff;
}
figure.wdgt-sqr-welcome-tourism > figcaption > #art-lnk,
figure.wdgt-sqr-welcome-tourism > figcaption > a.art-lnk {
    bottom: 5%;
    margin: 3% 3% 0 0;
    padding: 1.4% 2% 1.4% 2%;
    background-color: rgba(21,74,119,1.00);
    color: rgba(255,255,255,1.00);
    font-size: clamp(0.7rem, 0.2649rem + 0.9459vw, 1.4rem);
    border-radius: 0.5em;
}

/* News banner*/

li.wdgt-sqr-bnnr-news-cntnr {
    border: 1px solid rgba(21,74,119,1.00);
    width: 100%;
}
figure.wdgt-sqr-bnnr-news{
    width: 100%;
    height: 100%;
}
figure.wdgt-sqr-bnnr-news > div.wdgt-sqr-bnnr-news-hdr,
figure.wdgt-sqr-bnnr-news > div.wdgt-sqr-bnnr-news-link {
    position: absolute;
    width: 100%;
    height: 15%;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(21,74,119,1.00);
}
figure.wdgt-sqr-bnnr-news > div.wdgt-sqr-bnnr-news-hdr {
    top: 0;
    height: auto;
    padding: 2% 0;
}
figure.wdgt-sqr-bnnr-news > div.wdgt-sqr-bnnr-news-link {
    bottom: 0;
    height: auto;
    padding: 2% 0;
}
figure.wdgt-sqr-bnnr-news > div.wdgt-sqr-bnnr-news-hdr > h2 {
    margin: 0;
    padding: 0;
    font-family: 'Sansita', sans-serif;
    font-size: clamp(0.95rem, 0.6400rem + 1.5500vw, 2.5rem)!important;
    font-weight: bold;
    font-style: italic;
    color: rgba(255,255,255,1.00);
    text-transform: none;
    display: inline-block;
    width: 100%;
}
figure.wdgt-sqr-bnnr-news > figcaption {
    position: absolute;
    top: 18%;
    width: 100%;
    padding: 0;
    background-color: rgba(255,255,255,1.00);
}
figure.wdgt-sqr-bnnr-news > div.wdgt-sqr-bnnr-news-link #art-lnk,
figure.wdgt-sqr-bnnr-news > div.wdgt-sqr-bnnr-news-link a.art-lnk {
    border: none;
    background: none;
    color: rgba(255,255,255,1.00);
    display: inline-block;
    padding: 0;
    margin: 0;
    border-radius: 0;
    font-size: clamp(0.6rem, 0.1338rem + 1.0135vw, 1.35rem)!important;
}

figure.wdgt-sqr-bnnr-news > figcaption > span, figure.wdgt-sqr-bnnr-news > figcaption > a {
    display: block;
    font-family: 'carnaslight';
    width: 100%;
    text-align: center;
}
figure.wdgt-sqr-bnnr-news > figcaption > span {
    font-size: clamp(0.45rem, 0.0149rem + 0.9459vw, 1.15rem);
}
figure.wdgt-sqr-bnnr-news > figcaption > a {
    font-size: clamp(0.6rem, 0.1338rem + 1.0135vw, 1.35rem)!important;
    border-bottom: 1px dotted rgba(21,74,119,1.00);
    margin-bottom: .3rem;
}


/* Banner Departing Common */


li.wdgt-sqr-arriv-cmmn-cntnr,
li.wdgt-sqr-depa-cmmn-cntnr,
li.wdgt-sqr-kok-cmmn-cntnr {
    border: 1px solid rgba(38,112,173,0.95);
    width: 100%;
}
figure.wdgt-sqr-depa-cmmn > img{
}
figure.wdgt-sqr-arriv-cmmn > figcaption,
figure.wdgt-sqr-depa-cmmn > figcaption,
figure.wdgt-sqr-kok-cmmn > figcaption {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 2fr;
    text-align: center;
}
figure.wdgt-sqr-arriv-cmmn > figcaption > h2,
figure.wdgt-sqr-depa-cmmn > figcaption > h2,
figure.wdgt-sqr-kok-cmmn > figcaption > h2,
figure.wdgt-sqr-arriv-cmmn > figcaption > #art-lnk,
figure.wdgt-sqr-depa-cmmn > figcaption > #art-lnk,
figure.wdgt-sqr-kok-cmmn > figcaption > #art-lnk ,
figure.wdgt-sqr-arriv-cmmn > figcaption > a.art-lnk,
figure.wdgt-sqr-depa-cmmn > figcaption > a.art-lnk,
figure.wdgt-sqr-kok-cmmn > figcaption > a.art-lnk {
    position: absolute;
    left: 5%;
    right: 5%;
    display: inline-block;
    text-align: center;
    margin: 0;
}
figure.wdgt-sqr-arriv-cmmn > figcaption > h2,
figure.wdgt-sqr-depa-cmmn > figcaption > h2,
figure.wdgt-sqr-kok-cmmn > figcaption > h2 {
    top: 10%;
    padding: 0;
    font-family: 'Sansita', sans-serif;
    font-size: clamp(1.25rem, 0.4730rem + 1.6892vw, 2.5rem)!important;
    font-weight: bold;
    font-style: italic;
    color: rgba(21,74,119,1.00);
    text-transform: none;
    text-shadow: -0.04em -0.04em 0 #fff, 0.04em -0.054em 0 #fff, -0.04em 0.04em 0 #fff, 0.04em 0.04em 0 #fff;
}
figure.wdgt-sqr-arriv-cmmn > figcaption > #art-lnk,
figure.wdgt-sqr-depa-cmmn > figcaption > #art-lnk,
figure.wdgt-sqr-kok-cmmn > figcaption > #art-lnk,
figure.wdgt-sqr-arriv-cmmn > figcaption > div > #art-lnk,
figure.wdgt-sqr-depa-cmmn > figcaption > div > #art-lnk,
figure.wdgt-sqr-kok-cmmn > figcaption > div > #art-lnk,
figure.wdgt-sqr-arriv-cmmn > figcaption > a.art-lnk,
figure.wdgt-sqr-depa-cmmn > figcaption > a.art-lnk,
figure.wdgt-sqr-kok-cmmn > figcaption > a.art-lnk,
figure.wdgt-sqr-arriv-cmmn > figcaption > div > a.art-lnk,
figure.wdgt-sqr-depa-cmmn > figcaption > div > a.art-lnk,
figure.wdgt-sqr-kok-cmmn > figcaption > div > a.art-lnk{
    display: inline-block;
    bottom: 5%;
    margin: 3% 3% 0 0;
    padding: 1.4% 2% 1.4% 2%;
    background-color: rgba(21,74,119,1.00);
    color: rgba(255,255,255,1.00);
    font-size: clamp(0.6rem, 0.4560rem + 0.7200vw, 1.32rem)!important;
    border-radius: 0.5em;
}
figure.wdgt-sqr-arriv-cmmn > figcaption > div, 
figure.wdgt-sqr-depa-cmmn > figcaption > div,
figure.wdgt-sqr-kok-cmmn > figcaption > div {
    position: absolute;
    bottom: 35%;
    left: 0%;
    margin: 0;
    width: 100%;
    display: inline-block;
    text-align: center;
}
figure.wdgt-sqr-arriv-cmmn > figcaption > div  > img,
figure.wdgt-sqr-depa-cmmn > figcaption > div  > img,
figure.wdgt-sqr-kok-cmmn > figcaption > div  > img {
    width: 32%;
    display: inline-block;
    background-color: rgba(255,255,255,1.00);
}
figure.wdgt-sqr-arriv-cmmn > figcaption > div  > img:first-child,
figure.wdgt-sqr-depa-cmmn > figcaption > div  > img:first-child,
figure.wdgt-sqr-kok-cmmn > figcaption > div  > img:first-child {
    margin-right: 3%;
}
.banner-sqr-chart-oper > figure > figcaption > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    width: 80%;
    margin: 0 10%;
}
.banner-sqr-chart-oper > figure > figcaption > div > img {
    display: inline-block;
    width: auto;
    margin: 0!important;
}

/* Timetable banner*/

li.wdgt-sqr-time-tbl-cntnr {
    border: 1px solid rgba(81,156,91,1.00);
    width: 100%;
}
li.time-tbl-depa {
    border: 1px solid rgba(21,74,119,1.00);
}
figure.wdgt-sqr-time-tbl {
    width: 100%;
    height: 100%;
}
figure.wdgt-sqr-time-tbl > div.wdgt-sqr-time-tbl-hdr,
figure.wdgt-sqr-time-tbl > div.wdgt-sqr-time-tbl-link {
    position: absolute;
    width: 100%;
    height: 15%;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(81,156,91,1.00);
}
.time-tbl-depa figure.wdgt-sqr-time-tbl > div.wdgt-sqr-time-tbl-hdr,
.time-tbl-depa figure.wdgt-sqr-time-tbl > div.wdgt-sqr-time-tbl-link {
    background-color: rgba(38,112,173,0.95);
}
figure.wdgt-sqr-time-tbl > div.wdgt-sqr-time-tbl-hdr {
    top: 0;
}
figure.wdgt-sqr-time-tbl > div.wdgt-sqr-time-tbl-link {
    bottom: 0;
    height: 10%;
}
figure.wdgt-sqr-time-tbl > div.wdgt-sqr-time-tbl-hdr > h2 {
    margin: 0;
    padding: 0;
    font-family: 'Sansita', sans-serif;
    font-size: clamp(1.05rem, 0.7600rem + 1.4500vw, 2.5rem)!important;
    font-weight: bold;
    font-style: italic;
    color: rgba(255,255,255,1.00);
    text-transform: none;
    display: inline-block;
    width: 100%;
}
figure.wdgt-sqr-time-tbl > figcaption {
    position: absolute;
    top: 15%;
    width: 100%;
    padding: 0;
    background-color: rgba(255,255,255,1.00);
}
figure.wdgt-sqr-time-tbl > div.wdgt-sqr-time-tbl-link #art-lnk,
figure.wdgt-sqr-time-tbl > div.wdgt-sqr-time-tbl-link a.art-lnk {
    border: none;
    background: none;
    color: rgba(255,255,255,1.00);
    display: inline-block;
    padding: 0;
    margin: 0;
    border-radius: 0;
}

@media (min-width:1152px) and (max-width:1489px) {  
    


}
@media (min-width:1490px) and (max-width:1689px){



}
@media (min-width:1690px) and (max-width:1919px){ 
    

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

    
}
@media (min-width:481px) and (max-width:539px) {
.front-squares-half-cntnr {
    width: 95%;
}
.front-squares-2-2 > ul,
.front-squares-2-1 > ul {
  grid-template-columns: 1fr ;
}
    
}
@media (min-width:540px) and (max-width:639px) {
.front-squares-half-cntnr {
    width: 95%;
}
.front-squares-2-2 > ul,
.front-squares-2-1 > ul {
  grid-template-columns: 1fr ;
}
    
}
@media (min-width:640px) and (max-width:767px) {
.front-squares-half-cntnr {
    width: 95%;
} 

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


}
@media (min-width:980px) and (max-width:1151px) {  
    

    
}
@media (max-width:480px) {
    

.front-squares-half-cntnr {
    width: 95%;
}
    
.front-squares-cntnr {
    margin: 0.5% 0 4.5% 2.5%;
}

.front-squares-2-2 > ul,
.front-squares-2-1 > ul {
  grid-template-columns: 1fr ;
}

}