@charset "utf-8";
/* CSS Document */




@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* header *{
	margin:auto;
	padding:0px;
} */

/*.home-contactanos *{
	margin:auto;
	padding:0px;
}*/

html, body {
    min-height:100%;
    height:100%;
      -webkit-animation: fadein .7s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .7s; /* Firefox < 16 */
        -ms-animation: fadein .7s; /* Internet Explorer */
         -o-animation: fadein .7s; /* Opera < 12.1 */
            animation: fadein .7s;
}




body {
	font-family: 'Poppins', sans-serif;
	color:#66729A;
	font-size:16px;
  font-weight: 500;
	background-color:#FFF;

}



h1{

	font-family: 'Poppins', sans-serif;
	color: #F48020;	

}

h2{

	font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #21B8D5;
  font-size: 1.0625rem;
  

}

p{
  font-size: 0.9375rem;
}

h3{

  font-family: 'Poppins', sans-serif;
  font-size: .875rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .1rem;
  color: #FE4913;

}

h1 span{
font-family: 'Poppins', sans-serif;

}

a:hover{
	text-decoration: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #C9B2DE;
    margin: 1em 0;
    padding: 0; 
    opacity: .2;
}




/*------ MENU ------*/ 

/*  BURGER
========================================== */

.burger {
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0px;
  right: 15px;
  border-radius: 4em;
  z-index: 10;

}

.burger-home {
  font-family: 'Poppins', sans-serif;
  position: absolute;
  top: 20px;
  right: 35px;
  border-radius: 4em;
  font-size: 0.875rem;
  padding: 1rem 1.5rem;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 79, 158, 0.2), 0 10px 50px 0 rgba(0, 79, 158, 0.20);
}


.burger span {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
}

.burger-home span.home-btn-cerrar{
  display: none;

}

.burger span, .burger span::before, .burger span::after {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #fff;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}



.burger span::before, .burger span::after {
  position: absolute;
  content: "";
}

.burger span::before { top: -9px; }

.burger span::after { top: 9px; }

.burger.clicked span { background-color: transparent; }

.burger-home.clicked span.home-btn-prod { display: none; }

.burger-home.clicked span.home-btn-cerrar{
  display: inherit ;

}

.burger.clicked span::before {
  -webkit-transform: translateY(9px) rotate(45deg);
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}

.burger.clicked span::after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -moz-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

.burger.clicked span:before, .burger.clicked span:after { background-color: #D8D8D8; }

.burger:hover, .burger-home:hover { cursor: pointer; }

/*  NAV
========================================== */

nav {
  background-color: #fff;
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 630px;
  width: 100%;
  padding: 100px 0px 60px 0px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

nav .cont-nav{
  padding-left: 4rem; padding-right: 4rem;
}

nav h2{
  font-size: 1.875rem;
}

nav h3{
  color: #00BB66;
  border-bottom: 2px #00BB66 solid;
  padding-bottom: .3rem;
  font-size: 1rem;
}

nav.show {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

nav.show ul.main li {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}

nav.show ul.main li:nth-child(1) { transition-delay: 0.15s; }

nav.show ul.main li:nth-child(2) { transition-delay: 0.3s; }

nav.show ul.main li:nth-child(3) { transition-delay: 0.45s; }

nav.show ul.main li:nth-child(4) { transition-delay: 0.6s; }

nav.show ul.main li:nth-child(5) { transition-delay: 0.75s; }

nav.show ul.main li:nth-child(6) { transition-delay: 0.9s; }

nav.show ul.main li:nth-child(7) { transition-delay: 1.05s; }

nav.show ul.main li:nth-child(8) { transition-delay: 1.2s; }

nav.show ul.main li:nth-child(9) { transition-delay: 1.35s; }

nav.show .about, nav.show .social, nav.show ul.sub {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: .85s;
}
@media (min-width: 667px) {

nav { padding: 120px 0px 70px 0px; }
}

nav ul.main, nav ul.main ul  { list-style-type: none; padding: 0; }

nav ul.main ul  { list-style-type: none; padding-left: .5em; }

nav ul.main ul li a { opacity: .5; font-size: 0.875em; font-family: 'Poppins', sans-serif;}

nav ul.main li {
  margin-bottom: 0;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

nav ul.main li:last-of-type { margin-bottom: 0px; }

nav ul.main li a {
  color: #3B4394;
  font-family: 'Poppins', sans-serif;
  text-decoration: none;
  font-size: 1.125rem;
  display: block;
  font-weight: 700;
  padding: 7px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


nav ul.main li a span { color: #4A99C7; }

nav ul.main li a:hover { color: #FE4913; }

nav .about {
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

nav .about p {
  color: #335E77;
  font-family: 'Poppins', sans-serif;
  font-size: 1.05rem;
  letter-spacing: 0.5px;
  line-height: 170%;
}



nav .social a i, .datos-contacto .social a i{

  color: #3B4394;
  opacity: .5;
  font-size: 1.3em;
    -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;

}

nav .social a i:hover, .datos-contacto .social a i:hover{


  opacity: 1;


}


.redes-fixed .social a i{
  font-size: 1.5rem;
  color: #fff;
  opacity: .7;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-right: 1rem;

}

.redes-fixed .social a i:hover{
  opacity: 1;
}

.datos-contacto .social a i{

  margin-right: .9rem;

}



nav .social a:hover { color: #4A99C7; }

nav .social a:last-of-type { margin-right: 0px; }

nav .social a:hover svg path, nav .social a:hover svg circle { fill: #b7ac7f; }

nav .social a svg {
  width: 100%;
  height: 100%;
}

nav .social a svg path, nav .social a svg circle {
  fill: #335E77;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

nav ul.sub {
  list-style-type: none;
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

nav ul.sub li { margin-bottom: 10px; }

nav ul.sub li:last-of-type { margin-bottom: 0px; }

nav .sub{
  margin-top: 2em;
}




nav .sub a {
  color: #1F208A;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  opacity: .5;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


nav .sub a:hover { opacity: 1}

nav ul.sub .idioma{
  font-family: 'Quicksand', sans-serif;
  font-size: 1rem;
}

ul.header-nav{
padding: 0;
list-style: none;
}

.header-nav li a{
padding-left: 4rem;

}


nav .tel-nav{
  font-size: 1.3125rem;
  font-weight: 700;
}



.header-nav .reservas{
  font-family: 'Poppins', sans-serif;
  font-size: .75rem;
  padding-top: 1.05rem; padding-bottom: 1.05rem;
 background-color: #EBEBEB;
 color:#9A9A9A;
 display: inline-block;
 width: 100%;
}


/*  OVERLAY
========================================== */

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #000000;
  opacity: 0;
  visibility: hidden;
}

.overlay.show {
  opacity: 0.75;
  visibility: visible;
}


/*----- CIERRE MENU ---*/


/*---------------- SLIDE --------------- */

.home-slide-wrap .item{
  position: relative;
  height: 100vh;
  padding-left: 3rem;
}

.home-slide-wrap .item h3{
  font-size: 2.3125rem;
  font-weight: 700;
  margin-bottom: 1.3rem;
  letter-spacing: -0.1rem;
  color: #fff;
}

.home-slide-wrap .item h4{
  font-size: 1.5625rem;
  font-weight: 700;
  margin-bottom: 1.3rem;
  color: #fff;
}

.home-slide-wrap .item ul{
  list-style: none;
  padding: 0;
}


.cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.owl-carousel .owl-slide {
  position: relative;
  height: 100vh;
  background-color: lightgray;
}


.owl-carousel .owl-slide-animated {
  transform: translateX(20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.05s;
}

.owl-carousel .owl-slide-animated.is-transitioned {
  transform: none;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s;
}


.owl-carousel .owl-slide-title.is-transitioned {
  transition-delay: 0.2s;
}

.owl-carousel .owl-slide-subtitle.is-transitioned {
  transition-delay: 0.35s;
}

.owl-carousel .owl-slide-cta.is-transitioned {
  transition-delay: 0.5s;
}

.owl-carousel .owl-dots,
.owl-carousel .owl-nav {
  position: absolute;
}

.owl-carousel .owl-dots .owl-dot,
.owl-carousel .owl-nav [class*="owl-"]:focus {
  outline: none;
}

.owl-carousel .owl-dots .owl-dot span {
  background: transparent;
  border: 1px solid var(--main-black-color);
  transition: all 0.2s ease;
}

.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span {
  background: var(--main-black-color);
}

.owl-carousel .owl-nav {
  display: none;
  right: 1%;
  top: 50%;
  transform: translateX(-50%);
  margin: 0;
}

.owl-carousel .owl-nav svg {
  opacity: 0.3;
  transition: opacity 0.3s;
}

.owl-carousel .owl-nav button:hover svg {
  opacity: 1;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
  background: transparent;
}



@media screen and (max-width: 575px) {
  .owl-carousel .owl-nav {
    top: 40%;
  }
  
  .owl-carousel .owl-nav svg {
    width: 24px;
    height: 24px;
  }
}

.slide-tours{
  background-image: url(../img/banner-3-xs.jpg);
}

.slide-alquiler{
  background-image: url(../img/banner-2-xs.jpg);
}

.slide-eventos{
  background-image: url(../img/banner-1-xs.jpg);
}


/*---- custom ---*/

.owl-theme .owl-nav [class*=owl-] {

    display: block;

}

.owl-slide-title{
 font-family: 'Poppins', sans-serif;
 font-weight: 700;
  font-size:  2.7rem;
  margin-bottom: .1rem;
  letter-spacing: 0.05rem
  line-height: .8rem;
  color: #fff;

}

.owl-slide-title span{
  display: none;
}


.owl-slide-subtitle{
font-family: 'Poppins', sans-serif;
font-size:  1em;
line-height: 1.1em;
  color: #fff;
  letter-spacing: 0.05em;
  margin-top: 1rem;
  margin-bottom: 1rem;

}

.owl-slide-text{
  margin-left: 0em;
  position: relative;
  min-height: 100vh;
}

.slide-text{
  position: absolute;
  top: 35%;
  left: .5rem;
  width: 19rem;
}

.owl-slide-section{
 font-family: 'Poppins', sans-serif;
font-size:  .625em;
  color: #fff;
  letter-spacing: .23em;
  margin-bottom: 4em;
  top: 5em;
  position: absolute;

}


.owl-slide-section:before {
    background-color: #fff;
    content: "";
    margin-right: 1.5em;
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 2.2rem;
}

.owl-next img, .owl-prev img {
 -webkit-transition: all .25s ;
    -moz-transition: all .25s;
     -ms-transition: all .25s ;
      -o-transition: all .25s ;
         transition: all .25s ;
}

.owl-next img:hover, .owl-prev img:hover{
  opacity: .5;
}

.owl-slide p{
color: #fff;
font-size: 1rem;
opacity: .9;
margin-top: 1rem;
margin-bottom: 2rem;
}






.btn-group-vertical {
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
    z-index: 1000;
    position: fixed;
    top: 45%;
    left: 30px;
    padding: 0;
    margin: -40px 0 0 0;
}

.btn-group-vertical a{
    margin-bottom: 1em;
    cursor: pointer;
}

.dest-banner{
  font-family: 'Poppins', sans-serif;
  font-size: 4.25rem;
  color: #164AAB;
  line-height: .9em;
}




.brand{
width: 142px;
position: relative;
top:.5rem;
left: .7rem;
}


.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.btn {
	font-family: 'Poppins', sans-serif;
    padding: .7rem 1.5rem;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0;
}


.btn-primary {
    color: #fff;
    background-color: #FE4913;
    border-color: #FE4913;
}


.btn-primary:hover {
    color: #fff;
    background-color: #DC741D;
    border-color: #DC741D;
}


.btn-white {
	font-family: 'Poppins', sans-serif;
    font-size: .9375rem;
    line-height: 1.5;
    transition: all .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    opacity: .7

}


.btn-white:hover {
  color: #fff;
    opacity: 1;
}

.btn-green {
  font-family: 'Quicksand', sans-serif;
    padding: .65rem 2rem;
    font-size: .9rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    background-color: #B3D233;
    border-color: #B3D233;
}


.btn-green:hover {
    color: #fff;
    background-color:#464749;
    border-color: #464749;
    text-decoration: none;
}

.btn-out-white {
  font-family: 'Poppins', sans-serif;
    padding: .65rem 2rem;
    font-size: .9rem;
    line-height: 1.7;
    border-radius: 0rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    

}


.btn-out-white:hover {
    color: #FE4913;
    background-color: #fff;
    border-color:#fff;
    text-decoration: none;
}

.btn-out-green {
  font-family: 'Poppins', sans-serif;
    padding: .65rem 2rem;
    font-size: .9rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #B3D233;
    background-color: transparent;
    border-color: #B3D233;
    width: 100%;
}


.btn-out-green:hover {
    color: #fff;
    background-color: #B3D233;
    border-color:#B3D233;
    text-decoration: none;
}

header{
	z-index: 100;
	position: relative;
  padding-top: 1em; 

  /*background: rgba(51, 94, 119, 0.7); */
}

header.fixed-top{
  position: absolute;
} 

.home{
	z-index: 1;
  position: relative;
  background-color: #335E77;
}

.home-nosotros{
  min-height: 46.5rem;
  padding-top: 10rem;
  background-image: url(../img/fnd-nosotros.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background: cover;
}

.home-nosotros p{
  font-size: 1rem;
}

.text-destacado{
  font-weight: 700;
  font-size: 1.9rem;
  line-height: 2.2rem;
}

.text-destacado-sm{
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 2.2rem;
}



.white{color: #fff} .blue{color: #313296} .orange{color:#FE4913 } .grey{color: #979797}

.home-servicios{
  margin-top: -13.5rem;
}
.card{
  border: 0;
  border-radius: 0;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.home-servicios .card:hover{
  -webkit-transform: scale(1.06);
     -moz-transform: scale(1.06);
      -ms-transform: scale(1.06);
       -o-transform: scale(1.06);
          transform: scale(1.06);
}


.card a:hover{
color: inherit;
}

.card-img {
   border-radius: 0;
}

.home-servicios .card-img-overlay .card-content{
  position: absolute;
  bottom: 0;
}


.home-servicios .card-title{
  font-weight: 600;
  font-size: 1.3125rem;
}


.otros-servicios{
  padding-top: 7rem;
  padding-bottom: 10.875rem;
}

.item-os-cont{
margin-top: 7.5rem;
}

.item-os-cont h2{
  color: #3A3A3A;
}

.item-os-cont a{
  color: #FE4913;
  font-weight: 600;
}

.item-os-cont a:hover{
  color: #313296;

}

.card-almacenaje .card-body{
background-color: #F6F6F8;
padding: 3rem 2rem 3.5rem 2rem;

color: #3A3A3A;
}


.card-almacenaje .card-body p{
font-size: 0.875rem;
}

.card-almacenaje .card-body h5{
font-size: 1.125rem;
font-weight: 700;
}


.list-lineal li{
  border-top: 1px solid #D5D5D5;
  padding: 1rem 0;
 
  font-size: 0.875rem;
  color: #666666;
}

.list-lineal li:last-child{
  border-bottom: 1px solid #D5D5D5;
}

.list-pack li .item-pack{
  font-size: 0.875rem;
  padding: 1.8rem 1.5rem 1.5rem 1.5rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  min-height: 11.7rem;
  background-image: url(../img/bg-pack.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background: cover;
  margin-bottom: 1.5rem;
}

.list-pack li .item-pack hr {
    border: none;
    height: 2px;
    /* Set the hr color */
    color: #fff; /* old IE */
    background-color: #fff; /* Modern Browsers */
    opacity: 1;
    width: 1.8rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
}


.list-ind li .item-ind{
  font-size: 0.875rem;
  padding: 1.8rem 1.5rem 1.5rem 1.5rem;
  color: #fff;
  font-weight: 600;
  min-height: 15.6rem; 
  background-repeat: no-repeat;
  background-position: center;
  background: cover;
  margin-bottom: 1.8rem;
}

.list-ind li .item-ind h4{
  margin-top: 1rem;
  font-size: 1rem;
}



.operador{
  color: #fff;
  padding-top: 10rem;
  padding-bottom: 9rem;
  background-image: url(../img/fnd-operador.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background: cover;
}

.operador h2{
font-size: 2.25rem;
font-weight: 700;
color: #fff;
}

.marcas{
  background-color: #F6F6F8;
  padding-top: 5rem;
  padding-bottom: 5rem;
}


.banner-sec{
  min-height: 24.6rem;
  padding-top: 12rem;
  background-image: url(../img/fnd-nosotros.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background: cover;
}

.banner-sec h2{
  color: #fff;
  font-size: 2.25rem;
}

.section-content{
  padding-top: 7rem;
  padding-bottom: 15rem;
}

.section-content h3{
  margin-bottom: 2.5rem;
}


.section-content-2{
  padding-top: 7rem;
  padding-bottom: 8rem;
}

.section-content-2 h3{
  margin-bottom: 2.5rem;
}

.section-content-2 p{
  color: #979797;
  line-height: 1.7rem;
}

.mt-6{
  margin-top: 5rem;
}


.card-gris h3{
  margin-bottom: 2rem;
}

.card-gris{
  background-color: #F6F6F8;
  padding: 4rem 4rem 4rem 4rem;
  min-height: 23.75rem;
  color: #979797;
  line-height: 1.7rem;
  margin-bottom: 2rem;
}

.mb-10{
  margin-bottom: 8rem;
}

.banner-logistica{
  background-image: url(../img/header-log-int.jpg);
}

footer{
  padding-top: 6rem;
  background-color: #1F208A;
}

footer li a{
color: #fff;
opacity: .6;
font-size: .875rem;

}

footer li a:hover{
  color: #fff;
opacity: .8;

}


ul{
  list-style: none;
  padding: 0;
}

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #6D6EC8; /* old IE */
    background-color: #6D6EC8; /* Modern Browsers */
    opacity: 1;
    margin-top: 2.5em;
}



/*---------------------- SECTION ---------------------*/ 


#Grid{
  text-align: justify;
}

#Grid:after{
  content: '';
  display: inline-block;
  width: 100%;
}

#Grid .mix{
  display: none;
  opacity: 0;
  vertical-align: top;
  text-align: center;
}

#Grid .gap{
  display: inline-block;
}

#Grid img{
  margin: 0 auto;
  }

 .controls .btn{
       margin-top: .95rem;

 } 

.controls ul{
padding-left:0rem;

}


.controls ul li{
padding: 0;

}

.controls a{
  font-size: 0.9375rem;
opacity: .7;
   transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;

}

.controls a:hover{
opacity: 1;

}

#Grid{
  margin-top: 1.5rem;
}

#Grid .item-list{
  padding-top: 2rem;
margin-bottom: 1.5rem;
transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  height: 13.5rem;
  padding-right: 1rem; padding-left: 1rem;
}

#Grid .item-list img{
width: 6.25rem;
}

#Grid .item-list:hover{
background-color: #fff;
border-radius: 1rem;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 10px 50px 0 rgba(0, 0, 0, 0.10);
}



.btn-rounded{
  font-family: 'Quicksand', sans-serif;
    padding: 1.2rem 1.5rem 1rem 1.5rem;
    font-size: .875rem;    
    display: inline-block;
    line-height: 1;
    border-radius: 1.5rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 10px 50px 0 rgba(0, 0, 0, 0.20);
    color: #fff;
    background-color: #164AAB;
   background-image: -moz-linear-gradient(top, #4AD474, #164AAB);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4AD474), to(#164AAB));
  background-image: -webkit-linear-gradient(top, #4AD474, #164AAB);
  background-image: -o-linear-gradient(top, #4AD474, #164AAB);
  background-image: linear-gradient(to right, #4AD474, #164AAB);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4AD474', endColorstr='#f164AAB', GradientType=0);
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: -170px 0px;
  -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
       -o-transition: all 0.2s linear;
          transition: all 0.2s linear;
}

.btn-rounded.w100{
width: 100%;
}

.btn-rounded:hover{

background-position: 0px 0;
color: #fff;


}

.btn-rounded-white {
  font-family: 'Quicksand', sans-serif;
    padding: 1.2rem 1.5rem 1rem 1.5rem;
    font-size: .875rem;
    display: inline-block;
    line-height: 1;
    border-radius: 1.5rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 10px 50px 0 rgba(0, 0, 0, 0.10);
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #164AAB;
    background-color: #fff;
    border-color: #fff;
    border: none;
       transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.btn-rounded-white i{
  color: #164AAB;
  font-size: 1.1em;
  margin-right: .3em;
}

.btn-rounded-white:hover{
   background-color: #00BB66;
   color: #fff;
}

.btn-rounded-white:hover, .btn-rounded-white:active, .btn-rounded-white:focus{
  font-family: 'Quicksand', sans-serif;
  opacity: 1;
  outline: transparent;
  border: none; 

}

.slide-1{
  background-image: url(../img/slide-1.jpg);
  background-size: cover;
}

.slide-2{
  background-image: url(../img/slide-2.jpg);
  background-size: cover;
}

.slide-3{
  background-image: url(../img/slide-3.jpg);
  background-size: cover;
}






/*--------------- PRODUCTOS -------------------*/



.line-grey {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #B9C4C9; /* old IE */
    background-color: #B9C4C9; /* Modern Browsers */
    opacity: 1;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
}


/*---------------------- CONTACTO---------------------*/ 

.contacto .panel-section{
  padding: 3.5em 1em;
}

.contacto h2{
  font-family: 'Poppins', sans-serif;
  margin-bottom: 0em;
}

.contacto .resaltado{
   font-family: 'Poppins', sans-serif;
   font-size: 1.125em;
}

form .form-control{
  font-family: 'Poppins', sans-serif;
  color: #B2B2B2;
  font-size: 0.875rem;
  padding: 1rem;
  font-weight: 600;
  border: none;
  border-radius: 0;
  padding-left: 0;
  margin-bottom: 0;
    background-color: #F6F6F8;
}

form .form-group {
    margin-bottom: 1rem;
}


form .form-control-file{
  font-size: .9em;
}

form .form-control:focus {
  border:none;
  box-shadow: none;
background-color: #F6F6F8;
}

form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B2B2B2;
    opacity: 1; /* Firefox */
}

form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #B2B2B2;
}

form .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #B2B2B2;
}

.location-field{
  display:none;
  }


.datos-contacto{
  color: #335E77;
}

.datos-contact{
  font-size: 1.375rem;
  font-weight: 700;
}

.panel-section.datos-contacto .resaltado{
  color: #335E77;
  font-size: 1.5em;
  line-height: 1em;
}

.btn-ubicacion{
  color: #FE4913;
  font-size: 0.875rem;
  font-weight: 600;
       transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;

}

.btn-ubicacion:hover{
  color: #1F208A;
}

.mail, .tel{
  font-family: 'Quicksand', sans-serif;
  color: #464749;
  font-size: 1.1em;
       transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;

}

.mail:hover{
  color: #B3D233;
}

.contacto .btn-rounded{
  padding-left: 2em; padding-right: 2em;
}


.contacto-tel ul{
  padding-left: 0;
  list-style: none;
  font-size: 1.1rem;
}

.contacto-tel ul li{
  font-family: 'Quicksand', sans-serif;
  color: #464749;
}



.redes-fixed {
  position: fixed;
  left: 2.5rem;
  bottom: 2rem;
  opacity: .6;
  z-index: 5000;
   transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.redes-fixed:hover{
  opacity: 1;
}

.klou {
    opacity: .6;
  z-index: 5000;
   transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.klou:hover{
  opacity: 1;
}

.klou-nav {
  position: fixed;
  left: 2.5rem;
  bottom: 2rem;
  opacity: .3;
  z-index: 5000;
   transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.klou-nav:hover{
  opacity: 1;
}

.price-bar h3{
 font-family: 'Quicksand', sans-serif;
 font-size: .9rem;
 color: #464749;
opacity: 1;

}

.price-bar .price{
font-family: 'Quicksand', sans-serif;
 font-size: 1.9rem;
 color: #464749;
 margin-top: .3rem;
 margin-bottom: .3rem;
}

.price-bar .total-price{
 font-family: 'Quicksand', sans-serif;
 font-size: 1rem;
  color: #B3D233;
}

.publicidad .destacado, .datos-contacto .destacado{
  color: #464749;
}

.publicidad .card{
  padding-left: 2rem; padding-right: 2rem;
  margin-bottom: 1.8rem;
  color: #464749;
  border-color: #464749;
}

.dest-green{
  color: #B3D233;
  font-family: 'Quicksand', sans-serif;

}


.faq .destacado, .contacto-datos .destacado, .tour .destacado{
  color: #464749;
  font-family: 'Quicksand', sans-serif;

}

ul.list-reservas{
  padding: 0;
  margin-top: 2rem;
}

ul.list-reservas li{
  margin-bottom: .5rem;
}

ul.list-reservas .precio{
  color: #464749;
  font-family: 'Quicksand', sans-serif;
}


.check-out h3{
color: #464749;
opacity: 1;
  font-family: 'Quicksand', sans-serif;
  font-size: 1rem;
}

.check-out h3.tit-reservas{
  font-size: 1.125rem;
  color: #9A9A9A;
}

.check-out .mail{
  font-size: .8rem;
}

.check-out .destacado{
font-family: 'Quicksand', sans-serif;
}

.check-out .total-panel{
  background-color: #fff;
  border-radius: .2rem;
  padding: 1.6rem 1rem 1rem 1rem;
  margin-bottom: 2rem;
}

.total-panel .precio-reserva{
  font-family: 'Quicksand', sans-serif;
  font-size: 1.25rem;
  color:#B3D233 ;
}

.total-panel .precio-reserva span{
 font-family: 'Quicksand', sans-serif;
  font-size: 1rem;
  color:#464749 ;
}

/* This is the checked state */
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: #B3D233;  /* green */
    /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E); 
    border-radius: 50%;
}

.burger-grey-xs span, .burger-grey-xs span::before, .burger-grey-xs span::after {
  background-color: #9A9A9A;
}


.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0rem;
    outline: 0;
    padding: 2rem;
}

.modal-header .close {
    padding: 1rem;
    margin: -2rem -2rem -2rem auto;
}

.modal-title{
  color: #FE4913;
  font-family: 'Quicksand', sans-serif;
  font-size: 1.1rem;
}

.modal-body p, .modal-body li{
  color: #979797;
}

.demo-gallery {
  width: 100%;
}

.p-descripcion{
  padding: 4.5rem 3rem;
}

.p-contacto{
  width: 100%;
  padding: 4.5rem;
}

#map{
  height:100%;
  }



/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

  .cont-slider{
  width: 560px;
}

.cont-slider.slide-1 h2{
  font-size: 4rem;
}

.cont-slider.nosotros .dest-banner{
  font-size: 2.725rem;
}

.cont-slider.nosotros p{
  font-size: .975rem;
}

.cont-slider.nosotros h3{
font-size: 1rem;
}

.controls ul{
padding-left:1rem;

}


.cont-slider.tecnologia .dest-banner{
  font-size: 4.25rem;
}

form .form-control{
  margin-bottom: 2.5em;
  padding-left: 1rem;
}

form .form-group {
    margin-bottom: 1rem;
}

.card-deck .card {
  display: block;
  flex-basis:40%; /* change this value for each breakpoint*/
}


}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

  .brand{
width: 198px;
    position: relative;
    left: 3rem;
    top:2rem;
}

.btn-out-green {
    width: auto;
}

.btn-out-grey {
    width: auto;
}

.demo-gallery {
  width: inherit;
}

.owl-slide-title{
  font-size:  3.75rem;
}

.text-destacado{
  font-weight: 700;
  font-size: 2.3rem;
  line-height: 2.5rem;
}


.owl-carousel .owl-nav {
  display: inherit;
  right: 1%;
  top: 50%;
  transform: translateX(-50%);
  margin: 0;
}


.card-deck .card {
  display: block;
  flex-basis:40%; /* change this value for each breakpoint*/
}

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 

  .cont-slider{
  width: 780px;
}

.burger-grey span, .burger-grey span::before, .burger-grey span::after {
  background-color: #9A9A9A;
}



.burger {
  position: absolute;
  top: 20px;
  right: 50px;

}

header.fixed-top{
  position: absolute;
}


.card-deck .card {
  display: block;
  flex-basis:20%; /* change this value for each breakpoint*/
}


.list-ind li .item-ind{
  min-height: 25.6rem; 
}

.list-ind li .item-ind h4{
  font-size: 1.25rem;
}

.text-destacado-xl{
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 3.7rem;
}

}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

nav {
  max-width: 30%;
  padding: 120px 0px 70px 0px;
}




}


/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1400px) {

  nav {
    max-width: 25%;
  padding: 120px 0px 70px 0px;
}




}