body {background:#030717;font-family: PT Sans, Arial, Sans-Serif;
}}
#rt-top-surround {
    background: #030717;
    color: #C7C7C7;
}

div#rt-mainbody-surround {
    background-color: #fff;
    color: #666;
}
.rt-container.full {
    width: 100%;
}
#rt-bottom {
    background: #030717;
    color: #B1B9C6;
}

#rt-fullslideshow {
    width:100%;
    height:100%;
    overflow: hidden;
  padding-top: 0px;
  background-color: #ff6600;
    .rt-container{
        position: fixed;
        top: 0px;
        left: 0px;
        width:100% 
        height: 100%;
        .rt-block{
            width:100%;
        margin:0;
         .module-surround{
        overflow: hidden;
        width:100%;
        }
        }
        .rt-grid-12{
            width:100% !important;
      float:none !important;
      margin:0 auto;
               }

    }
}

.grow { transition: all .8s ease-in-out; }
.grow:hover { transform: scale(1.1);}
.ofhidden {overflow: hidden;}


.mex { transition: all 1s ease-in-out !important; }
.mex:hover { transform: scale(1.1);-webkit-filter: grayscale(100%);}


.sidepan img {
  margin-left: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
}
 
.sidepan img:hover {
  margin-left: -200px;
}

a.ls-l {
    overflow: hidden !important;
}

.pp_nav {
    display: none !important;
}
.pp_gallery {display: none !important;
}

/* Hover effect images */
.tdest a {
    color: white;
}

.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color: rgba(0, 0, 0, 0.80);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #fff;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}

.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}

.view-tenth:focus img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.view-tenth:focus .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.view {
     float: left;
     overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff ;
}
.view .mask,.view .content {
    height: 100%;
  width: 100%;
     position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
	
.view a.info, .view div.info  {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #ff6600;
   color: #fff;
    font-weight: 600;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info:hover, .view a.info:focus {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view .tdest {font-size:32px;font-weight:600;margin-top:30%;line-height: 38px;}

.rt-dest1 {background: #0061BD url("/images/caribe-mexicano2.jpg") !important;border-radius: 0px;max-width:100%;width:auto;margin-bottom:0px;height:auto;background-size: 100% !important;}
.rt-dest2 {background: #0061BD url("/images/cuba2.jpg") !important;border-radius: 5px;max-width:100%;width:auto;margin-bottom:0px;height:auto;background-size: 100% !important;}
.rt-dest3 {background: #0061BD url("/images/republica-dominicana2.jpg") !important;border-radius: 5px;max-width:100%;width:auto;margin-bottom:0px;height:auto;background-size: 100% !important;}
.rt-dest4 {background: #0061BD url("/images/otros-caribe2.jpg") !important;border-radius: 5px;max-width:100%;width:auto;margin-bottom:0px;height:auto;background-size: 100% !important;}
.rt-dest5 {background: #0061BD url("/images/sudamerica2.jpg") !important;border-radius: 5px;max-width:100%;width:auto;margin-bottom:0px;height:auto;background-size: 100% !important;}
.rt-dest6 {background: #0061BD url("/images/nacional2.jpg") !important;border-radius: 5px;max-width:100%;width:auto;margin-bottom:0px;height:auto;background-size: 100% !important;}

.rt-dest1d {background: #0061BD url("/images/layerslider/deltour-nacional/norte.jpg") !important;border-radius: 0px;max-width:100%;width:auto;margin-bottom:0px;height:auto;background-size: 100% !important;}
.rt-dest2d {background: #0061BD url("/images/layerslider/deltour-nacional/centro.jpg") !important;border-radius: 5px;max-width:100%;width:auto;margin-bottom:0px;height:auto;background-size: 100% !important;}
.rt-dest3d {background: #0061BD url("/images/layerslider/deltour-nacional/sur.jpg") !important;border-radius: 5px;max-width:100%;width:auto;margin-bottom:0px;height:auto;background-size: 100% !important;}
.rt-dest4d {background: #0061BD url("/images/layerslider/deltour-nacional/isla-de-pascua.jpg") !important;border-radius: 5px;max-width:100%;width:auto;margin-bottom:0px;height:auto;background-size: 100% !important;}
.rt-dest5d {background: #0061BD url("/images/layerslider/deltour-nacional/cruceros-de-chile.jpg") !important;border-radius: 5px;max-width:100%;width:auto;margin-bottom:0px;height:auto;background-size: 100% !important;}
.rt-dest6d {background: #0061BD url("/images/layerslider/deltour-nacional/turismo-aventura.jpg") !important;border-radius: 5px;max-width:100%;width:auto;margin-bottom:0px;height:auto;background-size: 100% !important;}


.rt-blue:hover, .rt-green:hover, .rt-red:hover, .rt-grey:hover {background: #343c47;}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1);}

 .google-maps {
        position: relative;
        padding-bottom: 47%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

.info_content h3 {
    color: #ff6600 !important;
      text-shadow: 0px 0px 0px !important;
}

.imgcontainer {
  position: relative;
  height: 460px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.imgcontainer a {
  float: left;
  margin: 0px;
}


.imgbig {
  position: absolute;
  top: 160px;
  left: 0px;

  -webkit-transition: top 1s ease;
  -moz-transition: top 1s ease;
  -o-transition: top 1s ease;
  -ms-transition: top 1s ease;
  transition: top 1s ease;
}

.imgfeatured {
  top: 160px;
  left: 0px;
  z-index: -3;
}
a:hover .imgthumb {
  -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

a:hover .imgbig {
  top: 160px;
}


#imagesx {
  width: 100%;
  height: 390px;
  overflow: hidden;
  position: relative;
  
  margin-bottom: 10px;
}
#imagesx img {
  width: 100%;
  height: auto;
  
  position: absolute;
  top: 0;
  left: -400px;
  z-index: 1;
  opacity: 0;
  
  transition: all linear 500ms;
  -o-transition: all linear 500ms;
  -moz-transition: all linear 500ms;
  -webkit-transition: all linear 500ms;
}
#imagesx img:target {
  left: 0;
  z-index: 9;
  opacity: 1;
}
#imagesx img:first-child {
  left: 0;
  opacity: 1;
}
#sliderx a {
  text-decoration: none;
  background: #E3F1FA;
  border: 1px solid #C6E4F2;
  padding: 4px 6px;
  color: #222;
}
#sliderx a:hover {
  background: #C6E4F2;
}

:target {
  left: 0;
  z-index: 9;
  opacity: 1;
}

.testx  img {
  width: 100%;
  height: auto;
  
  position: absolute;
  top: 0;
  left: -400px;
  z-index: 1;
  opacity: 0;
  
  transition: all linear 1000ms;
  -o-transition: all linear 1000ms;
  -moz-transition: all linear 1000ms;
  -webkit-transition: all linear 1000ms;
}





.opaccontainer {
  position: relative;
  width: 100%;
}

.opacimage {
  display: block;
  width: 100%;
  height: auto;
}

.opacoverlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #000000;
  opacity:0.8;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.opaccontainer:hover .opacoverlay {
  bottom: 0;
  height: 100%;
}

.opactext {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  border:#fff solid 2px;
  padding:5px;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.opacdest  { 
   position: absolute; 
   top: 15%;
   left: 0; 
   width: 100%;
  font-weight:600;text-shadow:2px 2px rgba(0, 0, 0, 0.5);text-align:center;
  color:#fff;
}
#vermapa a {color: #fff !important; text-decoration: none;}