html,body{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    opacity: 0;
    animation: fadeIn 0.6s ease-in 0.5s forwards;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


@font-face {
    font-family: 'Raleway-Black';
    src: url('fonts/Raleway-Black.woff2') format('woff2'),
        url('fonts/Raleway-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway.woff2') format('woff2'),
        url('fonts/Raleway.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway-SemiBold';
    src: url('fonts/Raleway-SemiBold.woff2') format('woff2'),
        url('fonts/Raleway-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway-Bold';
    src: url('fonts/Raleway-Bold.woff2') format('woff2'),
        url('fonts/Raleway-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway-ExtraBold';
    src: url('fonts/Raleway-ExtraBold.woff2') format('woff2'),
        url('fonts/Raleway-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway-Medium';
    src: url('fonts/Raleway-Medium.woff2') format('woff2'),
        url('fonts/Raleway-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?5xlovt');
  src:  url('fonts/icomoon.eot?5xlovt#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?5xlovt') format('truetype'),
    url('fonts/icomoon.woff?5xlovt') format('woff'),
    url('fonts/icomoon.svg?5xlovt#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-clock:before {
  content: "\e900";
  color: #002e6d;
}
.icon-direccoes:before {
  content: "\e901";
  color: #002e6d;
}
.icon-downArrow:before {
  content: "\e902";
  color: #002e6d;
}
.icon-money:before {
  content: "\e903";
  color: #002e6d;
}
.icon-phone:before {
  content: "\e904";
  color: #002e6d;
}
.icon-pin:before {
  content: "\e905";
  color: #002e6d;
}
.icon-pins:before {
  content: "\e906";
  color: #002e6d;
}
.icon-reservaArrow:before {
  content: "\e907";
  color: #fff;
}
.icon-searchRota:before {
  content: "\e908";
  color: #002e6d;
}
.icon-seloPercentagem:before {
  content: "\e909";
  color: #002e6d;
}
.icon-slideLeft:before {
  content: "\e90a";
  color: #fff;
}
.icon-slideRight:before {
  content: "\e90b";
  color: #fff;
}
.icon-updown:before {
  content: "\e90c";
  color: #002e6d;
}
.icon-user:before {
  content: "\e90d";
  color: #002e6d;
}
.icon-warnning:before {
  content: "\e90e";
  color: #002e6d;
}

.icon-close:before {
  content: "\e90f";
  color: #fff;
}
.icon-line:before {
  content: "\e910";
  color: #002e6d;
}

.icon-arrowRcircle:before {
  content: "\e911";
  color: #002e6d;
}

.icon-arrowRcircle:before {
  content: "\e911";
  color: #002e6d;
}
.icon-rightArrow:before {
  content: "\e912";
  color: #002e6d;
}
.icon-bar:before {
  content: "\e913";
  color: #002e6d;
}
.icon-wifi:before {
  content: "\e914";
  color: #002e6d;
}
.icon-viatura:before {
  content: "\e915";
  color: #002e6d;
  font-size:24px
}
.icon-velocidade:before {
  content: "\e916";
  color: #002e6d;
}
.icon-rota:before {
  content: "\e917";
  color: #002e6d;
}
.icon-comprimento:before {
  content: "\e918";
  color: #002e6d;
}
.icon-ano:before {
  content: "\e919";
  color: #002e6d;
}
.icon-passageiro:before {
  content: "\e91a";
  color: #002e6d;
}
.icon-entertenimento:before {
  content: "\e91b";
  color: #002e6d;
}
.icon-acessibilidade:before {
  content: "\e91c";
  color: #002e6d;
}
.icon-lugares:before {
  content: "\e91d";
  color: #002e6d;
}
.icon-largura:before {
  content: "\e91e";
  color: #002e6d;
}
.icon-pais:before {
  content: "\e91f";
  color: #002e6d;
}

.icon-navio:before {
  content: "\e920";
  color: #002e6d;
}
.icon-administracao:before {
  content: "\e921";
  color: #002e6d;
  font-size:24px
}
.icon-diamante:before {
  content: "\e922";
  color: #002e6d;
  font-size:24px
}
.icon-organograma:before {
  content: "\e923";
  color: #002e6d;
  font-size:24px
}
.icon-historia:before {
  content: "\e924";
  color: #002e6d;
  font-size:24px
}
.icon-pdf:before {
  content: "\e925";
  color: #002e6d;
  font-size:24px
}

.icon-animal:before {
  content: "\e926";
  color: #002e6d;
  font-size:24px
}
.icon-bagagem:before {
  content: "\e927";
  color: #002e6d;
  font-size:24px
}
.icon-balanca:before {
  content: "\e928";
  color: #002e6d;
  font-size:24px
}
.icon-check:before {
  content: "\e929";
  color: #002e6d;
}
.icon-cross:before {
  content: "\e92a";
  color: #002e6d;
}


.icon-x:before {
  content: "\e92b";
  color: #6abf4b;
}
.icon-facebook:before {
  content: "\e92c";
  color: #6abf4b;
}
.icon-instagram:before {
  content: "\e92d";
  color: #6abf4b;
}
.icon-whatsapp:before {
  content: "\e92e";
  color: #6abf4b;
}

.icon-info:before {
  content: "\e92f";
  color: #002e6d;
}

.icon-viagens:before {
  content: "\e930";
}



.icon-yescar .path1:before {
  content: "\e931";
  color: rgb(0, 46, 109);
}
.icon-yescar .path2:before {
  content: "\e932";
  margin-left: -1.2041015625em;
  color: rgb(0, 46, 109);
}
.icon-yescar .path3:before {
  content: "\e933";
  margin-left: -1.2041015625em;
  color: rgb(0, 46, 109);
}
.icon-yescar .path4:before {
  content: "\e934";
  margin-left: -1.2041015625em;
  color: rgb(0, 46, 109);
}
.icon-yescar .path5:before {
  content: "\e935";
  margin-left: -1.2041015625em;
  color: rgb(0, 46, 109);
}
.icon-yescar .path6:before {
  content: "\e936";
  margin-left: -1.2041015625em;
  color: rgb(0, 46, 109);
}
.icon-yescar .path7:before {
  content: "\e937";
  margin-left: -1.2041015625em;
  color: rgb(128, 132, 63);
}
.icon-yescar .path8:before {
  content: "\e938";
  margin-left: -1.2041015625em;
  color: rgb(128, 132, 63);
}
.icon-nocar .path1:before {
  content: "\e939";
  color: rgb(0, 46, 109);
}
.icon-nocar .path2:before {
  content: "\e93a";
  margin-left: -1.2041015625em;
  color: rgb(0, 46, 109);
}
.icon-nocar .path3:before {
  content: "\e93b";
  margin-left: -1.2041015625em;
  color: rgb(0, 46, 109);
}
.icon-nocar .path4:before {
  content: "\e93c";
  margin-left: -1.2041015625em;
  color: rgb(0, 46, 109);
}
.icon-nocar .path5:before {
  content: "\e93d";
  margin-left: -1.2041015625em;
  color: rgb(0, 46, 109);
}
.icon-nocar .path6:before {
  content: "\e93e";
  margin-left: -1.2041015625em;
  color: rgb(0, 46, 109);
}
.icon-nocar .path7:before {
  content: "\e93f";
  margin-left: -1.2041015625em;
  color: rgb(255, 0, 0);
}
.icon-nocar .path8:before {
  content: "\e940";
  margin-left: -1.2041015625em;
  color: rgb(255, 0, 0);
}
.icon-nocar .path9:before {
  content: "\e941";
  margin-left: -1.2041015625em;
  color: rgb(255, 0, 0);
}

.icon-tarifa:before {
  content: "\e942";
  color: #002e6d;
}

/******************* BODY ********************/

body{
    font-family: 'Raleway';
    font-size: 16px;
    color:#002e6d;
}

a{text-decoration: none;}
/****************** TOP *********************/
header {
    position: absolute;
    z-index: 1;
    width: 100%;
    transition: all 0.2s ease-in-out;
    /*height: 144px;*/
}


.mainDiv{margin:0 !important;padding:0!important; bordeR:1px solid rgba(0,0,0,0)}




.fixedHeader{
  top:0;
    position: fixed;
        z-index: 99999;
    width: 100%;
    background: #fff;
}

.logo img{width:180px}

.topheader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:50px 120px;
}

.topNav {
    display: flex;
    gap: 24px;
    align-items: center;
}

.warnnings{
    color: #002e6d;
    background-color: #c38e03;
    padding: 10px 120px;
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: center;
    flex-direction: column;
}

.warnnings .wrap{
    display: flex;
    justify-content: space-between;
    gap: 22px;
    align-items: center;
    width: 100%;
}

body.page-id-10 > section.warnnings {
  padding-bottom: 24px;
} 

.marquee {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 30px;
    padding-top: 4px;
}

.marquee .item {
    position: absolute;
    left: 100%;
    white-space: nowrap;
    display: none;
     color:#002e6d;
}

.marquee .item.active {
    display: block;
}



@keyframes scroll {
    from { transform: translateX(0); }
     to   { transform: translateX(calc(-100% - 100vw)); }
}

    .menuBtn {
          display: none;
          margin-top:76px;
          gap:10px;
          margin-left: 20px;
          margin-right: 20px;
         justify-content: space-between;
      }

      .menuBtn div{display: flex; gap:10px}

     .menuBtn .btn.blueBorder.lblueBackground {
          width: 50px;
          height: 50px;
          border-radius: 50px;
          padding:0;
     }

     .menu__box h4 a{color:#fff; font-family: 'Raleway-Bold';}
     .menu__box a{color:#fff;}


#menu__toggle {
  opacity: 0;
}

#menu__toggle:checked + .menu__btn > span {
  transform: rotate(45deg);
}

#menu__toggle:checked + .menu__btn > span::before {
  top: 0;
  transform: rotate(0deg);
}

#menu__toggle:checked + .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}

#menu__toggle:checked ~ .menu__box {
  left: 0 !important;
}

.menu__btn{transition: all 0.2s ease-in-out;}
/*.menu__btn:hover{ transform: rotate(90deg); scale:0.5;} */


.menu__btn {
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 2;
  display: flex;
  align-items: center;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: #002e6d;
  transition-duration: .25s;
}

#menu__toggle:checked + .menu__btn > span,
#menu__toggle:checked + .menu__btn > span::before,
#menu__toggle:checked + .menu__btn > span::after {
  background-color: #fff; 
}

.menu__btn > span::before {
  content: '';
  top: -8px;
}

.menu__btn > span::after {
  content: '';
  top: 8px;
}


.logo-white {
  display: none;
}


.logo-default { display: inline-block; }
.logo-white   { display: none; }

body.menu-open .logo-default { display: none; }
body.menu-open .logo-white   { display: inline-block; }


.menuTitle {
    font-family: 'Raleway-ExtraBold';
    font-size: clamp(28px, 5vw, 64px);
    text-align: left;
}

.menu__box {
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 80px 0;
  list-style: none;
  background-color: #002e6d;
  transition-duration: .25s;
  z-index: -1;
}
/*
.menu__box .wrap{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr  1fr 1fr 1fr;
  color:#fff;
  padding: 150px 122px;
}
*/

.top-menu {
    display: flex;
    gap: 60px;
    align-items: flex-start;
    justify-content: space-between;
    margin:122px;
  
}


.menu-title-column {
    width: 200px;
    flex-shrink: 0;
    color: #fff;
      transition: all 0.2s ease-in-out;
}

.nav > .menu > li > a,
.nav .sub-menu a {
    text-align: left;
    display: block;
}


.social-icons {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

nav.nav {
    width: 100%;
}
.nav > .menu {
    display: flex;
    gap: 20px;
    list-style: none;  
    justify-content: space-between;    
    flex-wrap: wrap;
	transition: all 0.2s ease-in-out;
      
}


.nav > .menu > li {
    min-width: 180px;
    text-align: left;
}


.nav > .menu > li > a {
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 24px;
    color: #fff;
}

.nav .sub-menu a:hover, .nav > .menu > li > a:hover{ color: #6abf4b;scale:1.05}

/* Sub-menus */
.nav .sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav .sub-menu li {
    margin-bottom: 24px;
}

.nav .sub-menu a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    line-height: 1.6;
}

.mobile_social{display:none;margin:20px;justify-content: center;}

/****************** BUTTONS *********************/
.btn{
    padding: 16px 28px;
    border-radius: 32px;
    font-family: 'Raleway-Bold';
    transition: all 0.2s ease-in-out;
    text-align: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-content: center;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
}

.btn span::before{font-size: 24px;}
.styleBtn a{    
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-direction: row;
    transition: all 0.2s ease-in-out;
}

.centerBottom {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

a.w50.blueBorder.blueColor:hover{background:#002e6d;color:#fff}
.blueColor, .blueColor a:visited{color:#002e6d}

.blueBorder{border:1px solid #002e6d}
.greenBorder{border:1px solid #6abf4b; color:#6abf4b;}
.greenBorder:hover{border:1px solid #002e6d; color:#002e6d;}

.whiteBorder{border:1px solid #fff; color:#fff}

.blueBackground{background-color: #002e6d; color: #fff;}
.btn.blueBackground:hover{background-color: #fff; color: #002e6d; border-radius:4px;transform: scale(1.1);}
.btn.blueBackground:hover span::before {color: #002e6d;}




.whiteBackground{background-color: #fff; color: #002e6d !important;}
.btn.whiteBackground:hover{background-color: #00cfce; color: #002e6d; border-radius:4px;transform: scale(1.1);}
.btn.whiteBackground:hover  {color: #6abf4b  !important}
.btn.whiteBackground span::before  {color: #002e6d;}


.greenBackground{background-color: #6abf4b; color: #002e6d; bordeR:1px solid #6abf4b}
.greenBackground span::before{color: #002e6d;}

.btn.greenBackground:hover{background-color: #002e6d; color: #6abf4b; border-radius:4px;transform: scale(1.1);}
.btn.greenBackground:hover span::before {color: #6abf4b !important;}

.btnCliente {background-color: transparent; color: #002e6d; bordeR:1px solid #002e6d}
.btnCliente span::before{color: #002e6d;}

.btnCliente:hover{background-color: #002e6d; color: #fff; border-radius:4px;transform: scale(1.1);}
.btnCliente:hover span::before {color: #fff !important;}


/*.blueBackground:visited{color: #002e6d}*/

.lblueBackground{background-color: #fff;  border:1px solid #6abf4b; color: #002e6d}
.btn.lblueBackground:hover{background-color: #6abf4b; color: #fff; border:1px solid #6abf4b; border-radius:4px;transform: scale(1.1);}
.btn.lblueBackground:hover span::before {color: #fff;}

/*.lblueBackground:visited{color: #002e6d}*/

.w50{
    font-family: 'Raleway-Bold';    
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

/******************* PAGE LSITAGEM NAVIOS ********************/

.navImgList{position: relative; height: 574px; overflow: hidden;     display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 36px;
}
.navImgList img{width:100%; height: 100%; object-fit: cover;border-radius:10px; position: absolute; top:0; z-index: -1;}
.navImgList .title{color:#fff;z-index:1; padding:0 40px}



/******************* PAGE NAVIO ********************/


/*** HEADER **/


  .singleHeader{    
    width: 100%;
    height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    
}
.singleHeader .title{    
    font-family: 'Raleway-ExtraBold';
     font-size: clamp(25px, 5vw, 50px);
}

.singleHeader.hAuto{height: auto;    margin-top: 17vh;}
/*-.blueBar{width: 100%;height: 50%;background-color:#002e6d; position: absolute;bottom:0;z-index:-1;color:#fff} */

.blueBar{
    width: 100%;
    height: 50%;
    background-color: #002e6d;
    position: absolute;
    bottom: 0;
    z-index: -1;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.blueBar.posRelative{ position: relative;}

.singleHeader img {
    height: 50vh;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius:10px
}

.singleHeader .wrap{padding:122px; position: relative;}
.singleHeader .wrap .tagDesconto{right:122px;}


.sectionRotas{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-top: 138px !important;
    gap: 24px;
}


.rotasContent img{
  width:64px;
  height:64px;
  border-radius: 64px;
  object-fit: cover;
}

.rotasContent{
  border-radius:8px;
  background-color:#fff;
  color:#002e6d;
  padding:8px;
  display: flex;
  gap:16px;
  align-items: center;
}

.rotasContent strong{display: block; font-family: 'Raleway-Bold';   }


/*----------TARIFAS---------------*/
section.section.sectionSlogan.blueBackground.titleExtra {
    padding-top: 138px;
    text-align: center;
}

.tarifasWrap{
      border-radius: 8px;
    background-color: #fff;
    padding: 18px;
    margin-top: 10px;
    display: grid;
    grid-template-columns: 0.5fr 1fr 1fr;
    justify-content: space-between;
    position: relative;
    align-items: center;
}
.tarifasWrap .circle{width:65px; height: 65px; /*background-color:#c2c2c2;*/ border-radius:65px;    display: flex; align-items: center;  justify-content: center;}
/*.tarifasWrap img{object-fit: cover; width:32px}*/
.tarifasWrap img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
	

.tarifasWrap  .info {
    display: flex;
    gap: 12px;
    align-items: center;
    
}
.tarifasWrap .infoLine{width:1px; height: 100%;border-right: 1px solid red;}
.tarifasWrap .preco {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    align-items: center;
    clip-path: polygon(16% 0, 100% 0, 100% 100%, 0% 100%);
    right: 0;
    top: 0;
    height: 100%;
    width:45%;
    background-color: #9a9a9a;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.tarifasWrap .preco.white{background-color:#fff}
.tarifasWrap .preco .ccondutor{  
    display: flex;
    width:50%;
    justify-content: center;
        justify-content: center;
    padding-left: 16%;
    flex-direction: column;
}

.tarifasWrap .infoMiddle{font-family: 'Raleway-SemiBold'; font-size: 16px; color:#6abf4b; }

.tarifasWrap .preco .scondutor{
     clip-path: polygon(24% 0, 100% 0, 100% 100%, 0% 100%);
    background-color: #6abf4b;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    display: flex;
    align-items: center;
    width: 64%;
    color: #002e6d;
    height: 100%;
    justify-content: center;
    flex-direction: column;

}

.tarifasWrap .preco span{font-family: 'Raleway-Bold'; font-size: 12px; text-align: center;}
.tarifasWrap .preco div{font-family: 'Raleway-Bold'; font-size: clamp(20px, 3vw, 50px);}

.tarAccor.faqAccor .caption{background-color:#002e6d; color:#fff}
.tarAccor.faqAccor .caption span::before{color:#fff}
.tarAccor.faqAccor .faqContent{padding: 0px 0 14px 0;}


.tarifasViagens{
    font-family: 'Raleway-ExtraBold';
    font-size: clamp(25px, 5vw, 50px);
    color: #000;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: row;
    margin-bottom: 20px;
}

.tarifasViagens .icon-viagens {
    font-size: 32px;
}

.outrasTarifas{
  display:grid;
  gap:20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
 
}
.oTarifas{ background-color:#fff; border-bottom-right-radius: 8px; border-radius: 8px;}
.oTarifasImg{position: relative; height: 25vh;}
.oTarifasImg img{object-fit: cover; height:100%;width:100%;border-top-right-radius: 8px;border-top-left-radius: 8px;} 

.tagDesconto {
    position: absolute;
    bottom: 0;
    right:0;
    padding: 16px;
    background-color: #6abf4b;
    font-size: 24px;
    color:#002e6d;
    clip-path: polygon(40% 0, 100% 0, 100% 100%, 0% 100%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width:100%;
    max-width: 150px;
    font-size:16px

}

.tagDesconto span:nth-child(1){
  position: absolute;
}

.tagDesconto span:nth-child(2){
    font-size: clamp(26px, 5vw, 48px);
    margin-right: 20px;
    display: flex;
    flex-direction: row;
    font-family: 'Raleway-Medium'; 
}

.tagDesconto span:nth-child(2) span{
    font-size: 24px;
    position: absolute;
    right: 16px;
    bottom: 50px;
    font-family: 'Raleway-Bold'; 
 
}

.cardsContent{padding:22px 26px;color:#000000;}
.cardsContent h3{font-size:24px; font-family: 'Raleway-Bold'; color:#002e6d;}

.tarifasTags{border-radius:8px; background-color:#fff;padding:22px}

.tarifasTags .circle {
    width: 64px;
    height: 64px;
    background-color: #c2c2c2;
    border-radius: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tarifasTagsContent div:nth-child(1) {width: 64px; height: 64px;}

.tarifasTags .circle img {
    object-fit: cover;
    width: 32px;
    margin: 0;
}
.tarifasTagsContent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 22px;
}


.tarifasTags .titulo{ font-size:16px; font-family: 'Raleway-Bold';}
.tarifasTags .descricao{ font-size:14px; font-family: 'Raleway-SemiBold'; color:#6abf4b;}
.tarifasTags .nota{margin-top:22px;font-size:14px;}
.tarifasTags .nota b{ font-size:14px; font-family: 'Raleway-Bold'}

/*-------------------------*/
.notasHorarios{
  list-style: none;
  margin:0;
  padding:0;
  margin-left: 14px;
}
.notasHorarios img{width: 20px;}

.notasHorarios li{margin-bottom: 44px; display:flex;gap:30px;    align-items: center;}

.horarios.subTitleExtra strong{ color:#6abf4b}


.selectHorarios{
  padding: 28px 66px;
  border-radius:16px;
  background:#fff;
      filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.4));
} 



/* Tabs */
.selectHorarios .tabs {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 30px;
}

.selectHorarios .tab {
    background: none;
    border: none;
    
    padding-bottom: 10px;
    cursor: pointer;
    color: #999;
}

.selectHorarios .tab.active {
    color: #002f6c;
    border-bottom: 4px solid #002f6c;
}

/* Fields */
.selectHorarios .field-group {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.selectHorarios .field {
    display: flex;
    align-items: center;
    border: 1.5px solid #ccc;
    border-radius: 999px;
    padding: 2px 18px;
    gap: 10px;
    background: #fff;
}

.selectHorarios .field select,
.selectHorarios .field input, .selectHorarios .date {
    border: none;
    outline: none;
    flex: 1;
    background: transparent;
      -webkit-appearance: none;    
  -moz-appearance: none;
  cursor: pointer;
  font-family: 'Raleway';
  color:#002e6d;
  padding:12px;
}

#idaTxt, #voltaTxt{    
    font-family: 'Raleway-ExtraBold';
    font-size: clamp(25px, 5vw, 50px);
    color: #000;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex-direction: column;
    justify-content: center;
}

div#voltaTxt {
    margin-top: 46px;
}

#idaTxt .icon-viagens, #voltaTxt .icon-viagens {font-size:32px} 
#idaTxt .subTitle, #voltaTxt .subTitle{color:#002e6d;}


.container.range-plugin .calendar>.days-grid>.day.end, .container.range-plugin .calendar>.days-grid>.day.start,.calendar>.days-grid>.day:hover {background-color:#002e6d !important;}

.container.range-plugin .calendar>.days-grid>.day.start:after {border-left: 8px solid #002e6d;}
.container.range-plugin .calendar>.days-grid>.day.end:after{border-right: 8px solid #002e6d;}


.selectHorarios .swap {
    position: absolute;
    right: 64px;
    top: 22px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1.5px solid #999;
    background: #fff;
    font-size: 18px;
    cursor: pointer;
    color: #002f6c;
    display: flex;
    justify-content: center;
    align-items: center;
}



.selectHorarios .submit {
    margin: 30px auto 0;
    display: block;
    background: #00cfcf;
    color: #000;
    border: none;
    border-radius: 999px;
    padding: 16px 48px;
    font-size: 16px;
    cursor: pointer;
}


.horariosDiasTab, .horariosDiasVoltaTab{
  /*display: grid;*/
  display: none;
  grid-template-columns: 1fr 1fr 1fr;  
  margin-top:22px;

}

.horariosDiasTab div, .horariosDiasVoltaTab div{
  background-color:#888888;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding:18px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color:#fff;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.horariosDiasTab .diaSemana, .horariosDiasVoltaTab .diaSemana{ font-family: 'Raleway-SemiBold'; font-size:14px}
.horariosDiasTab .diaMes, .horariosDiasVoltaTab .diaMes{font-family: 'Raleway-Bold'; font-size:20px}

.horariosDiasTab .active, .horariosDiasVoltaTab .active{background-color:#002e6d;  pointer-events: none;}
.horariosDiasTab .active .diaSemana, .horariosDiasVoltaTab .active .diaSemana { color:#6abf4b}

.horariosDiasTab div:hover{color:#002e6d;scale: 1.04;}

.horariosWrap,.noHorarios{border-radius:8px; background-color:#fff; padding:18px; margin-top:10px}
.noHorarios {
   text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
}
.noHorarios span.icon-info {font-size: 28px;}
.horariosWrap .split{display: grid; grid-template-columns: 1fr 1fr;}

.horariosWrap .circle{
  height:50px;width: 50px; border-radius:50px; background-color:#b0b0b0;
  display: flex; align-items: center;  justify-content: center;font-size: 24px;
}


.horariosWrap .info {
    display: flex;
    gap: 48px;
    align-items: center;
    justify-content: flex-end;
}

.btnHorarios{
  background-color:#b0b0b0;
  padding: 16px 28px;
  border-radius: 50px;
  height: 50px;
  font-family: 'Raleway-Medium';
}

.btnHorarios b{
  font-family: 'Raleway-Bold'; 
}


.timer .hor{font-size:20px; font-family: 'Raleway-Bold'; }
.timer .inline {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.timer .ball{height:10px;width:10px; background-color:#002e6d; border-radius:10px;margin: 0 auto;}
.timer .line{
      background-color: #002e6d;
    height: 2px;
    width: 90%;
}

.timer .inline{  font-family: 'Raleway-Medium'; }
.timer .inline b{  font-family: 'Raleway-Bold'; }

/*------------*/
.contentRightWrap{
  position: sticky;
  top: 180px;
}
.naviosRight{
  margin-top:28px;
  display:flex;
  gap:10px;
  flex-direction: column;
  /*position: sticky;
  top: 180px;*/
}

.navioListagem {
    /*width: 100%;*/
    border-radius: 10px;
    border: 1px solid #a4a4a4;
    padding: 22px 30px;
    gap:32px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content:flex-start;
    font-size: 14px;
    font-family: 'Raleway-Bold';
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    color:#002e6d;
    align-items: center;
}

.navioListagem.active, .navioListagem:hover{
    background:#002e6d;
    border:1px solid #002e6d;
    color:#fff;
  }

  .navioListagem.active span::before, .navioListagem:hover span::before{color:#fff;}

  .topTableNavios{
    border-radius: 10px;
    background-color: #d8d8d8;
    display: flex;
    padding: 22px 58px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }


.pl0{padding-left:0 !important}
.m0{margin:0}
.mtop24{margin-top:24px}
.mtopPlus60{margin-top:60px}
.mtop60{margin-top:-60px}
.mtop150{margin-top:150px}

.alignInline {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    font-size: 16px;
    font-family: 'Raleway-Bold';
    text-align: center;
}

.alignInline div{
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-around;
    align-items: center;
}
.alignInline span{color:#6abf4b;}
.caracteristicasNavio {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    gap:8px;
    margin-top:10px;
    font-size: 16px;
    font-family: 'Raleway-Bold';
}
  
.caracteristicasNavio .circle{
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background-color: #b0b0b0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0;
}

.caracteristicasNavio .box{width:48px;height: 48px;padding:0}

.caracteristicasNavio .circle span::before{font-size: 24px;}


.lastCar {
  grid-column: 1 / span 2; 
}

.hLine {
    border: 0 !important;
    height: 40%;
    width: 1px;
    border-left: 1px solid #d8d8d8 !important;
    border-radius: 0 !important;
  }

.caracteristicasNavio div{
    padding: 22px;
    border-radius: 10px;
    border: 1px solid #d8d8d8;
    display: flex;
    flex-direction: row;
    gap: 22px;
    align-items: center;
    justify-content: space-between;
    
  }

  .caracteristicasNavio span{color:#6abf4b;}


  .galeria.grid3 img{height: 100%; object-fit: cover; transition: all 0.2s ease-in-out;opacity: 0.9;}
  .galeria img:hover{height: 100%; object-fit: cover; scale: 1.1; opacity: 1;}


/******************* HOMEPAGE ********************/

.homeSlide {
  position: relative;
  overflow: hidden;
  /*width: 100%;*/
  margin: -16px 0;
  
}

.homeSlide .glide__track {
  overflow: hidden;
}

.homeSlide .glide__slide {
  /*width: 100% !important;*/
   position: relative;
   /*margin-left:-40px;*/
}

.homeSlide .glide__slide img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  display: block;
}


#hslide {
  width: 100%;
  max-width: 100%;
  height: 97vh;
  margin: 0 auto;
}


.homeSlide .glide__slides {
  display: flex;
  align-items: center;
}

.homeSlide .glide__slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: rgba(0,0,0,0.4);  */
   background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.4) 100%);
  /*z-index: 1; */
}

.slideText {
  font-family: 'Raleway-Black';
  font-size: clamp(38px, 5vw, 72px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  padding: 0 10px;
  z-index: 0; 
  border-radius: 5px;
  text-transform: uppercase;
}


.homeResBtn {
    position: absolute;
    top: 72%;
    left: 50%;
    transform: translate(-50%, -72%);
}

.sectionSections .title{
      font-family: 'Raleway-Black';
    font-size: clamp(28px, 5vw, 60px);
    text-align: start;
}

.sectionSections .tworows .h100{height: 100%;}

/********************************   HOME EXPLORE MAPA ********************************/

.explore{position: relative;}
.exploreTitle{
    position: absolute;
    z-index: 2;
    margin-top: 76px;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    text-transform: uppercase;
}

#map{
    z-index:0;
    width: 100%; 
    height: 100vh
}
.exploreTitle .subTitle{font-family: 'Raleway-Bold';}
.exploreTitle .title{font-family: 'Raleway-Black'; font-size: clamp(28px, 5vw, 82px); text-align:center}

.homeTitle .subTitle{font-family: 'Raleway-Bold'; font-size: clamp(22px, 5vw, 32px); }
.homeTitle .title{font-family: 'Raleway-Black'; font-size: clamp(28px, 5vw, 60px); text-align:center}

.terminalCard{position: absolute; max-width: 450px; padding:24px 18px; background:#fff; border-radius: 16px;bottom:10%; left:122px; z-index: 2;transform: scale(0.2);  transition: all 0.2s ease-in-out;}
.terminalCard .title{font-size:24px;font-family: 'Raleway-Bold';}
.terminalCard .imgContent{position:relative}
.terminalCard img{border-radius: 16px; object-fit: cover; width: 100%;margin-bottom: 22px;}

.terminalCard .close{    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
   background-color: rgba(0,0,0,0.4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
  }

.cardContent {
    display: flex;
    flex-direction: column;
    gap:50px;
    margin-top: 50px;
}

.cardContent div{display: flex;
    gap: 24px;
    justify-content: flex-start;}
    
.cardContent div div{display: flex;gap:10px; flex-direction: column;}
.hideCard{  
   opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  pointer-events: none;
}
.showCard{ opacity: 1;
  transform: scale(1);
  pointer-events: auto;}

  

/********************************   HOME TARIFAS********************************/
.contentSlides{
    display: grid;
    grid-gap: 10px;
    grid-template-columns:  0.3fr 0.7fr;
    /*height: 590px;*/
    padding: 40px 0 40px 122px;
    position: relative;
}

.contentSlides .info .homeTitle .title{text-align: start;}
.contentSlides .info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    position: relative;

}

.contentSlides.oneRow{
   grid-template-columns:  1fr;
}
.contentSlides.oneRow .slides{gap:22px}

.sectionTarifas{ 
    min-height: 72vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.contentSlides_grid1{grid-template-columns: 1fr}
.reverseGrid{ grid-template-columns:   0.7fr 0.3fr;}

.reverseGrid .slides .glide__slide{height: 350px !important;width: 33.3%;}

.sectionTarifas .glide {
  position: static;
}

/********************************   HOME NOTICIAS/TARIFAS ********************************/
.contentSlides .slides {
  overflow: hidden;
  min-height: 480px;
/*min-height: 600px;;*/
}

.contentSlides .slides .glide__track {
  /*overflow: hidden;*/
}


.contentSlides .slides .glide__slide {
  height: auto;
  position: relative;   
}

.contentSlides .slides .glide__slide img {
  width: 100%;
  /*height: 100%;*/
  height: 574px;
  object-fit: cover;
  display: block;
  border-radius:10px;
  filter: brightness(80%);
}

#noticiasSlide {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 590px;
  margin: 0 auto;
}

.contentSlides .slides .glide__slides {
  display: flex;
  align-items: center;
}

.contentSlides .slides .glide__slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; 
  background:  rgba(0,0,0,0.2);
  border-radius:10px;
}

.contentSlides .slides .glide__slide::marker{background-color:#fff}
.glide__slides{list-style: none;}
.contentSlides .slides .content{
  position: absolute;
  width:100%;
  height: 574px;
  /*height:100%;*/
  z-index: 1;
}

.contentSlides .slides .content .title{
  color:#fff;
  font-family: 'Raleway-Bold';
  font-size:clamp(22px, 5vw, 32px);  
}

.contentSlides .slides .content .subtitle{
  color:#fff;
  font-family: 'Raleway-Bold';
  font-size:16px;  
  margin-top:40px
}

.contentSlides .slides .content .data{
  width:100%;
  color:#fff;
  font-size: 16px;
  font-family: 'Raleway-Bold';
}

.contentSlides .slides .content .wrap{
    padding: 22px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 100%;
        justify-content: space-evenly;

}

.bottomBtn{
    width: 100%;
    height: 108px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 34px;
}

.sectionNoticias .glide {
  position: static;
}

/********************************   PAGINA DICAS  ********************************/
.contentSlides .dicas .content{position: relative; height: 580px;}

.contentSlides .dicas .glide__slide img {height: 320px; border-radius:5px}

.p10{padding:10px;width: 100%;}
.contentSlides .dicas .glide__slide::before{background: none;}
.dicas .wrap_opinioes{padding: 22px 10px; font-family:'Raleway-Bold';}
.dicas .wrap_opinioes .title{padding:0}


.clima{position: relative;}
.clima .block {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.clicktxt{font-family:'Raleway-Bold';}


/********************************   PAGINA QUEM SOMOS  ********************************/
.histDate{display: flex;
    flex-direction: row;
    color: #6abf4b;
    font-family: 'Raleway-Bold';
    font-size: 25px;
    align-items: center;
    line-height: 25px;
    gap:4px
  }


.timeline {
  max-width: 99%;
  margin: 0 auto;
}



.itemTime {
  display: flex;
  align-items: flex-start; 
  gap: 20px;
  margin-bottom: 30px;
}


.itemTime h3 {
  color: #6abf4b;
  font-family: 'Raleway-Bold';
  font-size: 25px;
  margin: 0;
  font-weight: bold;
  min-width: 64px;
  line-height: 1.2;
  text-align: left;
  position: relative;  
}

.itemTime h3::before {
  content: "";
  width: 3px;
  height: 4px;
  background: #6abf4b;
  display: inline-block;
  position: absolute;
  left: -4px;
  top: 14px;
}


.itemTime p {
  flex: 1;
  margin:0;
}


.image-block {
  margin-top: 40px;
  text-align: center;
}


.image-block img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  margin:0 !important
}

.image-block span{
  font-style:italic ;
  display: flex;
  margin-bottom: 40px;
}


/********************************   PAGINA ACORES  ********************************/
.descImg{font-style:italic ;line-height: 24px;}
/********************************   MODEL BILHETEIRA  ********************************/
.modelHide {
    display: none !important;
}

.modelHorarios {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    background-color: #fff;
    z-index: 1000;
    padding: 22px;
    border-radius: 16px;
    width: 380px;
    color: #002e6d;
    box-shadow: 2px 4px 8px rgba(0,0,0,0.6);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
}


.modelHorarios.show {
    opacity: 1;
    transform: translate(-50%, -50%);
}



.modelHorarios .tworowsSF{justify-items: start;gap:0}
.modelHorarios .alignEnd{display:flex;}
.modelHorarios .alignEnd span{cursor: pointer;}
.modelHorarios .alignEnd span::before{font-size:24px;}
.warninng-msg {
  background-color:#d7a203;
  font-family: 'Raleway-Bold';
  color:#002e6d;
  font-size:14px;
  padding:16px 24px;
  border-radius:8px;
  display: flex;
  align-items: center;

}
.warninng-msg span::before{font-size: 24px;}

.btHorarios{cursor: pointer;}



.alerta{
  background-color:#d7a203;
  border-radius:8px;
  padding:28px;
  display: flex;
  flex-direction: row;
  gap: 54px;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Raleway-Bold';
  font-size: 14px;
  margin:46px 0;
}
.alerta .icon-info{ font-size:22px}
/*** FAQ **/
.faqAccor .caption span::before{font-size:24px}  

  .faqAccor .caption{  
    font-family: 'Raleway-Bold';
    border-radius: 10px;
    padding: 30px 26px;
    background-color: #6abf4b;
    color: #002e6d;
    display: flex;
    gap: 26px;
    align-content: center;
    align-items: center;
    flex-direction: row;
    margin:12px 0;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
  }
  .faqAccor .caption.red{ background-color:#fd6b7d }

  .faqAccor .caption img{width: 18px; margin:0;padding:0; transition: all 0.2s ease-in-out; }
  
  .faqAccor .caption:hover img{background-color:#6abf4b; padding:4px; border-radius:50%}  
  /*.faqAccor .caption:hover img{filter: hue-rotate(280deg);}  */

  .faqAccor .caption:hover{  
      transform: scale(1.01);
      background-color:#002e6d;
      color: #6abf4b;
  }

    .faqAccor .caption:hover span::before {  
      
      color: #6abf4b;
  }


  .faqAccor .caption div{display: flex; gap:26px;align-items: center;}  


  .faqAccor .faqContent{
    border-radius: 10px;
    padding: 16px 26px;
    background-color: #dedede;
    color: #002e6d;
    transition: max-height 0.4s ease;
  }

  .faqAlign.active .icon-rightArrow{transform: rotate(90deg);}

/********************************   HOME OPINIOES ********************************/

/*.sectionOpinioes{height: 50vh;} */
.userCircle{
    height: 78px; width:78px; 
    border-radius:50%; 
    background-color:#c2c2c2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    object-fit: cover;

}
.userCircle img{ border-radius:50% !important; height: 100% !important;}
.wrap_opinioes{
    padding: 22px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap:20px
}

.wrap_opinioes .title{
      border: 1px solid #002e6d;
    font-size: 14px !important;
    font-family: 'Raleway-Bold';
    width: 100%;
    border-radius: 5px;
    padding: 10px;
 }

 .info.opiniao{padding-left:22px;justify-content:space-around!important; gap:26px !important;position: relative; width: 74%;}
 .info.opiniao .subTitle{font-size: 16px !important; }

 .deixe_opiniao input[type="text"]{
    border-radius: 25px;
    border: 1px solid #979797;
    padding: 18px 22px;
    font-family: 'Raleway';
    color: #002e6d;
    font-size: 16px;
 }
 .deixe_opiniao textarea{
     border-radius: 25px;
    border: 1px solid #979797;
    padding: 18px 22px;
    font-family: 'Raleway';
    color: #002e6d;
    font-size: 16px;
 }
 
.deixe_opiniao .userCircle{width:48px;height: 48px;}
.deixe_opiniao .alignFoto {
    display: flex;
    align-items: center;
    gap: 8px;
}


 .deixe_opiniao .icon-close{cursor: pointer;}
 .deixe_opiniao .icon-close::before{color:#002e6d}

.flip-card {
    position: relative;
    perspective: 1200px;
    min-height: 380px;
    width: 100%;
}


.msg_opiniao,
.deixe_opiniao {
    position: absolute;
    inset: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: transform 0.6s ease;
    background-color: #dedede;
}

/* frente */
.msg_opiniao {
    transform: rotateY(0deg);
    z-index: 2;
    pointer-events: auto;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* verso */
.deixe_opiniao {
    transform: rotateY(180deg);
    z-index: 1;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-evenly;
    position: absolute;
    top: -33px;

}


.flip-card.is-flipped .msg_opiniao {
    transform: rotateY(-180deg);
    pointer-events: none;
}

.flip-card.is-flipped .deixe_opiniao {
    transform: rotateY(0deg);
    z-index: 3;
    pointer-events: auto;
}

.msg_opiniao,
.deixe_opiniao {
    user-select: none;
}
.flip-card.is-flipped .deixe_opiniao {
    user-select: auto;
}

.input-error {
    border-color: #d63638 !important;
}
.input-noerror {
    border: 1px solid #979797;
}

/* spinner */
.spinner {
    width: 18px;
    height: 18px;
    border: 2px solid transparent;
    border-top: 2px solid #6abf4b;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    display: none;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}


.form-loading .spinner {
    display: inline-block;
}

.form-loading .btn-text {
    display: none;
}


.form-feedback {
    margin-top: 16px;
    font-size: 14px;
}

.form-feedback.success {
    color: #6abf4b;
}

.form-feedback.error {
    color: #842029;
}

.form-sucesso > :not(.form-feedback) {
    display: none;
}

.form-feedback.success {

    font-family: 'Raleway-Black';
    font-size: clamp(28px, 5vw, 60px);
    text-align: center;
    
}

/******************* LAYOUT ********************/
/*
.glide__bullets{
  position: absolute;
  bottom:122px;
  left:122px;
  z-index:1;
   
    height: 4px;
    display: flex;
    
}

.glide__arrows {
    position: absolute;
    bottom: 122px;
    z-index: 1;
    background-color: red;
}
.glide__bullet{border:0px; background-color: #fff;}
.glide__bullet.glide__bullet--active{background:rgba(0,0,0,0);}

*/

.controls-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 20%;
  position:absolute;
  left:122px;
  bottom:122px;
}

.controls-row span{display: flex;}
.controls-row.blueControls{
      /*width: 80%;
    Left: 22px;
    bottom: auto;
    margin-top: 22px;*/

    width: 25%;
    Left: 120px !important;
    bottom: 50px;
    margin-top: 22px;


    
 }

 .controls-row.w25{
      /*width: 80%;
    Left: 22px;
    bottom: auto;
    margin-top: 22px;*/

    width: 25%;
    Left: 120px !important;
    bottom: 50px;
    margin-top: 22px;


    
 }

 .controls-row.rigth{
    left: auto !important;
    right: 120px !important;
    bottom: 38px;
    width: 21%;
    z-index: 5;
 }

 .controls-row.left {
    right: auto !important;
    left: 120px !important;
    bottom: 0;
    width: 21%;
    z-index: 5;
}



 .sectionConttrol{    
    width: 80%;    
    left: 0 !important;
    bottom: 0;
 }
.controls-row.blueControls .glide__arrow span::before{color:#002e6d;}

.controls-row.blueControls  .glide__progress-fill {background-color:#002e6d}

.glide__arrow {
  background: none;
  border: none;
  color: white;
  font-size: 28px;
  cursor: pointer;
}


.slidesOpiniao-fill{bordeR:1px solid red;}

.glide__progress {
  flex: 1;
  height: 4px;
  background: rgba(255,255,255,0.3); 
  position: relative;
  border-radius: 4px;
  overflow: hidden; 
}

.glide__progress-fill {
  height: 100%;
  width: 0%;
  background: white;  
  border-radius: 4px;
  transition: width 0.4s ease;
}


.flexVAlignCenter{ display:flex;   justify-content: center !important; flex-direction: column;}

.tworows{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: center;      
  justify-content: end;      
  width: 100%;
}

.grid3{
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 24px; 
      width: 100%;
}



.pagesGrid{
  display: grid;
  grid-template-columns: 0.7fr 0.3fr;
  gap: 126px;
}
.pagesGrid img{margin-bottom:22px; margin-top:54px; object-fit: cover; width: 100%;}
.noMargin{margin-bottom:0 !important; margin-top:0  !important;}
.tworowsSF{
    display: grid;
    grid-template-columns: 0.3fr 0.7fr;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    justify-items: end;

}

.threerows{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  align-items: center;      
  justify-content: end;      
  width: 100%;
}

.alignStart {
    align-content: flex-start;
}

.alignTopBottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.alignStart {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.alignCenter {
      display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 22px;
}
.greyBackground{background:#dedede;}
.whiteBackground{background:#fff;}

.wrap80 {
    display: flex;
    padding: 0 10%;
}

.mbottom156{
    margin-bottom: -156px;
}


.wrap80 .tworows{    align-items: start;}
.wrap80 .tworows .subTitleExtra{margin-top:-30px}


.colorBlue{color:#002e6d !important;}
.colorlBlue{color:#00cfce !important;}
.colorlWhite{color:#fff !important;}
.colorlGreen{color:#6abf4b !important;}

.space22{margin-bottom: 22px;}
.space80{margin-bottom: 80px;}
div.space80 p em strong { font-size: large;}
div.space80 p strong em { font-size: large;}
.space54{margin-bottom: 80px;}

.mtop16{margin-top:16vh}

.p122{padding-left: 122px;padding-right: 122px;}
.section{padding: 76px 122px;}

.bigTitle{font-family: 'Raleway-SemiBold'; font-size: clamp(30px, 5vw, 82px); }
.middleTitle{font-family: 'Raleway-Medium'; font-size: clamp(20px, 5vw, 40px); padding-bottom: 30px; }
.blackfontTitle{font-family: 'Raleway-Black'; font-size: clamp(24px, 5vw, 60px); }
.smallTitle{font-family: 'Raleway-Bold'; font-size: clamp(16px, 5vw,24px); }
.subTitle{font-family: 'Raleway-Bold'; font-size: 16px; }
.titleExtra{font-family: 'Raleway-ExtraBold';  font-size:clamp(25px, 5vw, 50px); } 
.subTitleExtra{font-family: 'Raleway-ExtraBold'; font-size: 25px; }
.title25Bold{font-family: 'Raleway-Bold'; font-size: 25px; padding-bottom: 30px; }

.uppercase{text-transform: uppercase;}
.title25{    
    font-family: 'Raleway-SemiBold';
     font-size: clamp(22px, 5vw, 25px);
    
}


.title40{    
    font-family: 'Raleway-Medium';
     font-size: clamp(24px, 5vw, 40px);    
}


.textoDestaque{    
    font-family: 'Raleway-Bold';
     font-size: clamp(24px, 5vw, 32px);    
}


.contentSlides .slides.whiteCard .glide__slide{ background-color:#fff; padding:24px;border-radius:10px; min-height:564px}
.contentSlides .slides.whiteCard .content .title{ font-size:24px; color:#002e6d !important}

.contentSlides .slides.whiteCard .glide__slide::before{    background: rgba(0, 0, 0, 0);}
.contentSlides .slides.whiteCard .content{position: relative;}
.contentSlides .slides.whiteCard img{height: 130px;}
.contentSlides .slides.whiteCard .content .wrap{padding:22px 0}
.contentSlides .slides.whiteCard .content .wrap{color:#002e6d;}
.contentSlides .slides.whiteCard .content .wrap .cardContent{margin:22px 0; width: 100%;height:100%;min-height: 250px;}
.contentSlides .slides.whiteCard  .content{height: 62%;}

.bar2, .bar2Topborder,.bar2NoBorder{
    display: flex;
    padding: 24px 0;
    border-top: 1px solid #a4a4a4;
    border-bottom: 1px solid #a4a4a4;
    margin: 44px 0;
    align-items: center;
    justify-content: space-between;
    font-family: 'Raleway-Bold';
}
.bar2 div, .bar2Topborder div,.bar2NoBorder div{
    display: flex;
    gap: 8px;
    align-items: center;
}

.bar2Topborder{border:0;border-top: 1px solid #a4a4a4;  margin:  0; }
.bar2Topborder:last-child{border-bottom: 1px solid #a4a4a4;}


.bar2NoBorder{ border-top:0; margin:0}

.l0{left:0 !important}
.mh146{min-height:146px}

/* .contentSlides .slides.whiteCard .glide__slide*/

/******************* BREADCRUMBS ********************/

.breadcrumbs{padding:22px 122px; font-size: 14px; display: flex; list-style: none;gap:10px}
.breadcrumbs a{text-decoration: none; color:#002e6d;}
.breadcrumbs li:after{content: "\e910"; font-family: 'icomoon';  font-size: 1px;  vertical-align: middle;margin-left: 10px;}
.breadcrumbs li:last-child:after{content: ""}

/******************* FORMULARIOS ********************/
.wpcf7-text,.wpcf7-textarea{
  border-radius:25px;
  border:1px solid #979797;
  padding:18px 22px;
  font-family: 'Raleway';
  color:#002e6d;
  font-size:16px;
}

.wpcf7-text::placeholder,.wpcf7-textarea::placeholder {
  font-weight: bold;
  opacity: 0.5;
  font-family: 'Raleway-Medium';
  font-size:16px;
}

.wpcf7-submit{
    padding: 16px 48px;
    border-radius: 32px;
    background-color: #6abf4b;
    color: #002e6d;
    bordeR: 1px solid #6abf4b;
    font-family: 'Raleway-Bold';
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    margin-top:56px;
}
.wpcf7-submit:hover{background-color: #002e6d; color: #6abf4b; border-radius:4px;transform: scale(1.1);}

.alignEnd{justify-content: flex-end;display: flex;}
.alignEnd p{    display: flex; flex-direction: row-reverse;}

.wpcf7-spinner{display: block !important;}









/******************* FOOTER ********************/
footer{background-color: #002e6d;color:#fff;}
footer h4{color:#fff; font-size:16px; font-family: 'Raleway-Bold';display: contents;}

footer .wrap{
    padding:48px 120px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 0.5fr 1fr 1fr 1fr;

}
footer .wrap .logo{width: 180px;}

footer.contactos {
    line-height: 22px;
}

.assinatura {
    padding: 20px;
    text-align: center;
    font-size: 10px;
}
.apoios{ padding:48px 120px;}
.apoios .barra2030{max-height: 38px; height: 100%;}
.tworows .aRight{justify-content: flex-end; display: flex;}

.aRight{
      display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.footer_social{display: flex; gap:12px}
.footer_social a{
    display: flex; width:50px;height: 50px; 
    border-radius:50%; border:1px solid #fff;   
    align-items: center;  justify-content: center; 
    transition: all 0.2s ease-in-out;
  }

.footer_social a:hover{background-color: #6abf4b;transform: scale(1.1);}

.footer_social img{height:24px}

footer .menu{list-style: none; padding:0;margin:0}
footer .menu a{color:#fff}
footer .menu li{margin-bottom: 10px;}



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

    .topTableNavios{flex-direction: column;  gap: 22px;}


    
}

@media only screen and (max-width: 920px) {
   .hide{display:none !important}
  .topheader, .section,.singleHeader .wrap{padding:20px}


  .topheader{margin:10px}
   .controls-row {
    display:none;
        width: 80%;    
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: 22px;
    }
    .clicktxt{display:none}
    .outrasTarifas {grid-template-columns:1fr 1fr;}
    footer .logo{display:none}
    footer {padding-top:64px}

    .tarifasWrap .preco .scondutor, .tarifasWrap .preco{clip-path: none;}
    .tarifasWrap .preco{gap:22px;border-radius: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px}
    .tarifasWrap .preco .scondutor{width: 100%; padding: 22px 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px}
    .tarifasWrap .preco .ccondutor{width: 100%;padding-left:0; align-items: center;    padding-top: 22px; }
    
    .oTarifasImg{height: 48vh;}
  .tagDesconto span:nth-child(2) span {font-size: 20px; bottom:44px}


    .singleHeader .wrap .tagDesconto {right: 22px;}
    .breadcrumbs{padding:22px}
    .pagesGrid{grid-template-columns: 1fr 1fr;gap: 56px;}
  .horariosWrap .info{flex-wrap: wrap; gap:12px}
  .grid3{    grid-template-columns: 1fr  1fr;}
  .tworowsSF{    grid-template-columns: 1fr;}
}


@media only screen and (max-width: 840px) {
    .hide{display:none !important}
    .topheader{margin:10px}
     .singleHeader.hAuto{margin-top: 30vh;}
    section.section.sectionRotas.blueBackground {
      display: flex;
      flex-direction: column;
    }
    .changeOrder{order:-1; margin-bottom: 80px;}
    .wrap80 .tworows .subTitleExtr{margin-top:0}
    .mbottom156{margin-bottom: 0;}
    .wrap80{display:block;padding:0}
    .selectHorarios {padding: 32px 10px;}
    #idaTxt .icon-viagens, #voltaTxt .icon-viagens {font-size: 16px;}
    .wpcf7-text, .wpcf7-textarea{width:100%}

.sectionRotas{padding-top:22px !important}

    .contentSlides .slides {    
        min-height: 420px;         
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .warnnings
    {  
        padding: 10px 20px;
        justify-content: center;
        gap: 22px;
        align-items: center;
    }
    
    .topheader, .section,.singleHeader .wrap{padding:20px}

    .singleHeader .wrap.flexPosition{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 22px;
    }
     .singleHeader .wrap.flexPosition .tagDesconto {
              position: relative;
        align-self: end;
        right: 0;
        margin-right: -22px;
        margin-bottom: -22px;
     }

    /*.tagDesconto{ position: initial;  align-self: end;margin-right: -22px;  margin-bottom: -22px;}*/
    .tagDesconto span:nth-child(2){margin-right: 30px; }
    .tagDesconto span:nth-child(1) {bottom:46px}
    .tagDesconto span:nth-child(2) span {bottom: 30px; font-size: 18px;right: 26px;}



    .menu__box .wrap{padding:76px 20px;grid-template-columns:1fr;}
    .pagesGrid{grid-template-columns:1fr;gap:0}
    footer .wrap, .tworows,.contentSlides,.tworowsSF,.threerows,.grid3,.outrasTarifas {grid-template-columns:1fr;}
    .threerows{gap:80px}
    .contentSlides,footer .wrap {padding:20px}
    .apoios {padding:20px}
    .contentSlides,.sectionOpinioes{height: 100%;}
    .homeResBtn{width:250px}
    .contentSlides .info{align-items: center;gap: 40px; width:100%}
  .msg_opiniao{align-items: center;}

    .homeTitle { width: 100%; text-align: center;}
    .homeTitle .subTitle{padding:20px 0}
    .contentSlides .info .homeTitle .title {
    width: 100%;
    display: flex;
    justify-content: center;}

    .homeResBtn {  
      top: 88%;
      transform: translate(-50%, -88%);
    }
section.section.sectionSlogan.blueBackground.titleExtra{padding:20px}
  .tarifasWrap{grid-template-columns: 1fr;gap:22px}
  .tarifasWrap .preco{position: relative; flex-direction: column;width: 100%; }

    /*.singleHeader{height: 70vh;}*/
    .singleHeader{height: auto; min-height: 86vh;}
    .terminalCard{left:22px;right:22px}

    .contentRight{margin-top:54px}
    .caracteristicasNavio{display: flex; flex-direction: column;}

    .exploreTitle{margin-top:84px}
    .menuBtn{display: flex;}
    .mobile_social{display:flex;}

    .breadcrumbs{  padding: 22px;}
    
    footer .wrap {justify-items: center;gap:62px}
    footer{text-align: center;}
    footer .footer_social{justify-content: center;}


    .horariosWrap .info {
        gap: 22px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .horariosWrap .split{    grid-template-columns: 1fr;}

.contentSlides .slides.whiteCard .glide__slide{height: auto; min-height: 74vh; padding-bottom: 22px;}
.contentSlides .slides.whiteCard .content .wrap .cardContent{height: auto; min-height:auto}


.contentSlides .slides .glide__slide img{height: 30vh;}


.sectionTarifas  .contentSlides .slides .glide__slide img, .sectionNoticias  .contentSlides .slides .glide__slide img {height: 50vh; }


.horariosDiasTab, .horariosDiasVoltaTab {height: 84px;}

#map{height: 80vh}

}



@media (max-width: 920px) {

    
    .top-menu {
        flex-direction: column;
        gap: 20px;
        margin:22px;
    }


    .nav > .menu {
        flex-direction: column;
        gap: 0;
        padding:0
    }

  
    .nav > .menu > li > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
        border-bottom: 1px solid rgba(255,255,255,0.2);
        cursor: pointer;
        text-align: left;
        width: 100%;
    }

   
    .nav .sub-menu {
        display: none;
        padding: 0 0 15px 0;
        list-style: none;
    }

  
    .nav .sub-menu.open {
        display: block;
    }


    .nav > .menu > li > a::after {
        content: "";
    }

    .nav > .menu > li.menu-item-has-children > a::after {
        content: "+";
        font-size: 18px;
        font-weight: bold;
    }

    .nav > .menu > li.menu-item-has-children.open > a::after {
        content: "–";
    }
}



@media (max-width: 782px) {

}

@media (max-width: 520px) {
.itemTime {
    flex-direction: column;
    gap: 8px;
  }
}/*

.itemTime h3 {
min-width: 0;
}


.itemTime h3::before {
left: 0;
top: 6px;
}
}*/


/* LZA Changes */

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.text-center {
  text-align: center;
}

.blog-container {
  max-width: 1400px;
  margin-inline: auto;
  margin-bottom: 50px;
}

.grid {
  display: grid;
  gap: 40px;
}

.blog-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.sectionNoticias {
  padding: 100px 30px;
  text-align: center;
}

.noticias-container {
  max-width: 1400px;
  margin-inline: auto;
  margin-bottom: 30px;
}

.noticias-header {
  margin-bottom: 30px;
}

.noticias-header .noticias-title {
  font-size: clamp(28px, 5vw, 60px);
  font-family: "Raleway-black";
}

.blog-item img {
  margin-inline: auto;
}

.blog-item .article-date {
  font-size: 15px;
  color: #999999;
  margin-bottom: 10px;
}

.blog-item .read-more {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #6ABF4B;
  border-radius: 999px;
  font-size: 13px;
  text-transform: uppercase;
  color: #6ABF4B;
  transition: 0.2s ease-in-out;
}

.blog-item .read-more:hover {
  background: #6ABF4B;
  color: white;
}

.btn-centered {
  display: inline-block;
  margin-inline: auto;
}

.p-inline-30 {
  padding-inline: 30px;
}

@media (max-width: 960px) {
  .blog-grid-3 {
    grid-template-columns: repeat(1, 1fr);
  }


  .blog-container {
    text-align: center;
    max-width: 440px;
    margin-inline: auto;
  }
}

.alertas-archive h1 {
  text-transform: uppercase;
  font-size: clamp(28px, 5vw, 60px);
  font-family: "Raleway-black";
}

.alerts-container {
	max-width: 768px;
	margin-inline: auto;
	margin-bottom: 50px;
}

.alerts-container .alert-item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
	background: #f7f7f7;
	border: 1px solid #dfdfdf;
	padding: 10px 20px;
	border-radius: 4px;
	margin-bottom: 10px;
	transition: background 0.2s ease-in-out;
	position: relative;
	
}

.alerts-container .alert-item a {
	color: #002F6E;
	font-weight: 700;
}

.alerts-container .alert-item a:after {
	content: '';
	position: absolute;
	inset: 0;
}

.alerts-container .alert-item .date {
	font-size: 0.875rem;
	color: #666666;
	flex-shrink: 0;
}

.alerts-container .alert-item:hover {
	background: #efefef;
}


/* Fix select arrows on tariffs */

.selectHorarios .field {
	position: relative;
}

.selectHorarios .field select {
        padding-right: 40px;
}

.selectHorarios .icon-downArrow {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}

.selectHorarios .swap {
	z-index: 1000;
}

.regulamentacaoTarifa {
	margin-top: 50px !important;
}