/*
 * Theme Name: Ferries del Caribe
 * Description: FC
 * Author: Arroba PR
 * Author URI: https://www.arrobapr.com
 */

body {color: #5b5b5b!important; overflow-x: hidden;background:#fff!important;padding-bottom: 0!important;}
html {overflow-x: hidden}
h1 {font-weight: 700!important;color: #2b2b2b;font-size: 32px!important;  }
p {line-height: 150%; font-size: 17px;}
img {max-width: 100%; height: auto;}
a {text-decoration: none!important}

section {padding: 20px 0;}
.head-bar {position: relative; background: #fff}
.navbar-nav {float: none!important;width:100%!important; text-align:center!important; display: inline-block!important;transition: 0.6s; }
.navbar-nav > li {float: none; display: inline-block;padding:0!important}
#mob_menu{display: none!important;}
.fondo {max-width:100%;height:auto ;border-bottom: 10px solid ;background: #09004a;
  border-image:   linear-gradient(to right, #1e2e7c 25%, #1e2e7c 30%, #2ca9b4 50%,#9f954b 65%, #a5855f 85%, #ce7e18 90%) 5;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {background: transparent!important;}
.navbar button {display: none}
.navbar {box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16);margin-bottom: 0;
    border-radius: 0 !important;
    padding:32px 0!important;
    text-align: center;
    position: relative!important;
    width: 100%!important;margin: auto;
    z-index: 1;text-align: center!important;transition: 0.6s; background: transparent; height:auto; margin-top: 0px;background:#fff}
#logo_top {display: inline-block; margin-bottom: 0!important;width: auto; position: absolute; margin-top:0px;margin-left: 2.4%}
#logo_top img {max-width: 180px;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {border-color: transparent}
.navbar-brand {
    transition: 0.5s all ease-in-out;
    background: transparent;position: absolute; left: 2%

}

.navbar-nav > li > a {;color: #110472!important;;font-size: 17px;;margin:0 5px!important; transition: 0.3s all ease-in-out; 
  text-decoration: none; position: relative; z-index: 1;text-transform: uppercase;font-weight:700}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {background: none; color:#fdad55!important;transition: 0.3s all ease-in-out ; text-decoration: none}
.navbar-nav > li > .dropdown-toggle  {margin: 0px; padding: 0px}
.navbar-nav .active {color: #fdad55; }
.navbar-wrapper {margin-top: 0!important;}
.dropdown-menu {font-size: 18px!important;}
.dropdown-menu a {color: #110472!important;text-transform: uppercase; font-weight: bold!important;}
.navbar-nav .dropdown-menu {position: absolute!important;top: 90%!important;left: 35%}
/* Carousel */
.carousel .carousel-inner img {margin: auto; display: block}

.rslides_tabs .rslides1_s1 a:after{ font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f053';margin-top: -200px;position: absolute;z-index: 20;color: #1a336c!important;
  display: block;!important;;font-size: 40px}
.rslides_tabs .rslides1_s2 a:after{font-family: "Font Awesome 5 Free"; font-weight: 900;content:'\f054';margin-top: -200px;position: absolute;z-index: 20;display: block;
  color: #1a336c!important;right: 0;font-size: 40px}
}
.carousel {height: auto!important; margin-bottom:20px!important}
.carousel-control-next, .carousel-control-prev{color: #000!important;}
/* .hm {text-align: center; background: #09004a;text-align: center;z-index: 10000; position: relative} */
.hm {text-align: center; background: #fff;text-align: center;z-index: 10000; position: relative}
.hm strong {position: absolute; left: 50%; transform: translateX(-50%); padding: 50px ; border: 5px solid #fff; font-size: 20px; top: 50%}
.hm .col-sm-4 {; margin:15px auto; text-align:right}
.img-b {height: 300px}
.carousel_container {height: auto!important;position: relative!important; float: none!important;text-align:center; display:block!important; margin: auto!important}
#slider1 {margin: 20px auto!important; max-width: 100%!important;margin-bottom: 15px;position: relative!important;display: block!important;text-align: center}
#slider1 img {border-radius: 40px}
.btn-reserva {display: block; text-align: center; background: #eceff1;margin: 0px 0; padding: 20px 10px; }
.btn-reserva h1 {color: #1a336c; margin-bottom: 20px}
.btn-blue {background: #fdad55; display: inline-block; padding: 10px 50px; font-size: 20px; text-transform: uppercase; font-weight: bold; color: #1a336c; border: 3px solid transparent;transition: 0.3s all ease-in-out}
.btn-blue:hover {background: #1a336c; display: inline-block; text-transform: uppercase; font-weight: bold; color: #fdad55; border: 3px solid #fff;transition: 0.3s all ease-in-out}
#main_container {margin-bottom: 20px}
.marketing {margin-bottom: 20px}
.agentes_row img {display: block; margin:auto}
.offers_big img {display: block; margin:auto}
.centered_row img {display: block; margin:auto}
/*Footer*/
.rslides_tabs {bottom: 5%!important;; background:transparent; height: 0!important;z-index: 10!important;}
.rslides_tabs .rslides_here a {background: transparent!important;}

footer{max-width: 100%; background-color: #ffffff; text-align:center;padding: 10px 0; color: #090049; padding-top: 30px; border-top: 8px solid #09004a}
/* footer{max-width: 100%; background-color: #ffffff; text-align:center;padding: 10px 0; color: #090049; padding-top: 30px} */
footer strong {font-size: 26px; display: block; text-align:left}
footer b {font-size: 17px; display: block; text-align:left}
footer .col-sm-3 p {display: block; text-align: left; margin:0}
footer a{
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #090049;margin: 5px 0; font-size: 17px; text-decoration: none;}
.arroba a {font-size: 15px}
.arroba p {font-size: 15px}
footer .col-sm-3 a {display: table}
footer .social_box a {display: inline-block}
footer .social_box {margin-top: 10px}
footer a:hover {text-decoration:none;color: #f68f1e;
 }

/* Error 404 */
.not-found {text-align: center; margin: 100px 0; font-size: 24px;}
.row-mov {display: none!important;}
.nav-link {cursor: pointer}
/*Responsive */


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

}
@media screen and (max-width:2001px){

}
@media screen and (max-width:1440px){


}
@media screen and (max-width:1400px){
  .hm .col-sm-4 {; margin:15px auto; text-align:center}
/*   .rslides_tabs {top: 22%; background:transparent; height: 0!important;z-index: 10!important;} */
.img-b {height: 290px}
 .nav > li > a {
  position: relative;
  display: block;
  padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

  .navbar-nav > li > a {
  font-size: 16px;
    margin: 0 5px !important;}
}


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


}
@media screen and (max-width:1199px){
  .rslides_tabs .rslides1_s1 a:after{ font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f053';margin-top: -160px;position: absolute;z-index: 20;color: #1a336c!important;
  display: block;!important;;font-size: 35px}
.rslides_tabs .rslides1_s2 a:after{font-family: "Font Awesome 5 Free"; font-weight: 900;content:'\f054';margin-top: -120px;
  position: absolute;z-index: 20;display: block;color: #1a336c!important;top: 0;right: 0;font-size: 35px
}
   .hm .col-sm-4 {margin:15px auto; text-align:center}
/*   .rslides_tabs {top: 20%; background:transparent; height: 0!important;z-index: 10!important;} */
.img-b {height: 240px}
  footer a {font-size: 16px}
   footer .col-sm-3 p {
  display: block;
  text-align: left;
  margin: 0;font-size: 16px
}
  footer strong {font-size: 22px}
}
@media  screen and (max-width:1160px){
 #logo_top img {
  max-width: 120px;
}
   .navbar-nav > li > a {
    font-size: 14px;
    margin: 0 3px !important;
  }
}
@media  screen and (max-width:991px){
    .rslides_tabs .rslides1_s1 a:after{ font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f053';margin-top: -140px;position: absolute;z-index: 20;color: #1a336c!important;
  display: block;!important;;font-size: 30px}
.rslides_tabs .rslides1_s2 a:after{font-family: "Font Awesome 5 Free"; font-weight: 900;content:'\f054';margin-top: -95px;
  position: absolute;z-index: 20;display: block;color: #1a336c!important;top: 0;right: 0;font-size: 30px
}
     .hm .col-sm-4 {margin:15px auto; text-align:center}
/*   .rslides_tabs {top: 20%; background:transparent; height: 0!important;z-index: 10!important;} */
.img-b {height: 180px}
     #logo_top img {
  max-width: 120px;
}
  .navbar {height: 50px}
/* .navbar-nav > li > a {
  font-size: 15px;
    margin: 0 3px !important;} */
  .navbar-nav {margin-left: 70px}
}

@media screen and (max-width:768px){
#logo_top {
  display: inline-block;
  margin-bottom: 0 !important;
  width: auto;
  position: absolute;
  margin-top: 0px;
  margin-left: 1%;
}
  .navbar-nav {margin-left: 60px}
}
@media screen and (max-width:767px){
      .rslides_tabs .rslides1_s1 a:after{ font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f053';margin-top: -90px;position: absolute;z-index: 20;color: #1a336c!important;
  display: block;!important;;font-size: 26px}
.rslides_tabs .rslides1_s2 a:after{font-family: "Font Awesome 5 Free"; font-weight: 900;content:'\f054';margin-top: -55px;
  position: absolute;z-index: 20;display: block;color: #1a336c!important;top: 0;right: 0;font-size: 26px
}
  .btn-reserva h1 {color: #1a336c; margin-bottom: 20px; font-size: 24px!important;}
  .btn-blue {font-size: 18px; padding: 10px 40px}
  .agentes_row img {display: block; margin:auto; margin-top: 10px}
  footer {text-align: center; justify-content: center; justify-items: center}
  footer a {text-align: center; display: block}
  footer .col-sm-3 a {
  display: block;
}
  footer .col-sm-3 p {
  display: block;
  text-align: center;
  margin: 0;
  font-size: 16px;
}
  footer .social_box a {display: inline-block}
  footer strong, footer b {text-align: center}
  footer p {text-align: center}
  #logo_top img {max-width: 180px;}
  .navbar {height: 86px;z-index:10000; margin-top: 0; }
  .navbar button {display: block;}
  .navbar-header {margin-left:auto;height:auto; margin-top: -10px}
    .navbar-nav {display:  flex!important;margin-left: 0}
  #logo_top {left: 5%;margin-top: 0px;}
  .navbar-nav {padding: 0;z-index:10000; position:relative}
  .navbar-nav li a {margin: 0px 0px; font-size: 20px; padding: 0px 0; }
  .navbar-nav > li > a {text-shadow: none; }
  .navbar-nav .dropdown-menu {
  position: relative !important;
  top: 0% !important;
}
  .navbar-toggler-icon {height: auto; font-size: 28px;color: #180c71;height: auto!important }
  .navbar-nav li { margin:10px 0px; display: table; text-align:center; justify-content:center;  width:100%}
  .dropdown-menu a {padding-left: 0!important;}

  .hm {z-index: 15}
  .navbar-toggler { line-height: 0!important;padding: 5px!important;}
  .navbar-collapse {background:#fff;position: relative;z-index:10000;}
  .navbar-toggler:focus {border: 0!important;box-shadow: none!important;; background: none!important;}
  .navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none!important;}
       .hm .col-sm-4 {margin:15px auto; text-align:center}
     .hm .col-sm-6 {margin:15px auto; text-align:center; width: 47%; display: inline-block!important;}
  .rslides_tabs {bottom: 10%!important;; background:transparent; height: 0!important;z-index: 10!important;}
  .rslides_tabs a {font-size: 25px!important;padding: 5px!important;}
.img-b {height: auto}
  #slider1 {margin-bottom: 10px!important;}
  .navbar-nav .dropdown-menu  {left: 0}
  .navbar-wrapper{position: relative!important;}
  .rslides_tabs {
  display: block!important;
}
}
@media screen and (max-width:430px){
     .rslides_tabs .rslides1_s1 a:after{ font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f053';margin-top: -75px;position: absolute;z-index: 20;color: #1a336c!important;
  display: block;!important;;font-size: 24px}
.rslides_tabs .rslides1_s2 a:after{font-family: "Font Awesome 5 Free"; font-weight: 900;content:'\f054';margin-top: -40px;
  position: absolute;z-index: 20;display: block;color: #1a336c!important;top: 0;right: 0;font-size: 24px
}
}
@media screen and (max-width:385px){
/*   .rslides_tabs {top: 10%; background:transparent; height: 0!important;z-index: 10!important;} */

}