html, body {
font-size: 1em;
font-family: "myriad-pro", "liberation-sansregular", "Helvetica-Neue", Arial, sans-serif;
height: 100%;
/* z-index:6; */
background-color: white;
}
/*body {
overflow-x: hidden;
}*/
/* Fernando */
/*h1.index {
margin: 0 32%;
text-align: center;
}*/
/*Comienzo de cambios en la estrucutra para que funcione el header*/
header {
z-index: 100;
padding-top: 10px;
padding-bottom: 6px;
/* background:white; */
margin-top: 0;
}
.sellos {
background-color: #FFFFFF;
}
.ba-insurance {
z-index: 1;
}
/*.ad {
margin-bottom: 0;
}*/
.content-specialists {
z-index: 5;
position: relative;
}
.content-specialists {
margin-bottom: 0;
}
.b-phrase {
z-index: 1;
}
.content-info {
z-index: 1;
}
.content-styles {
margin-bottom: 0;
z-index: 1;
}
.info-reviews, .content-packages {
margin-bottom: 0;
}
.content-blog {
background: white;
z-index: 1;
}
/*.deco-ray {
height: 9px;
z-index: 1;
}*/
.form-bottom .form-control {
border: 1px solid #fff;
}
.form-bottom input::-webkit-input-placeholder, .form-bottom textarea::-webkit-input-placeholder {
color: white;
}
/*FIN*/
.img-rounded {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.img-comment {
font-size: 14.994px;
line-height: 1.231;
font-style: italic;
margin: 24px 0;
}
.bg-white {
background-color: #ffffff;
}
.bg-black {
background-color: #000000;
}
.bg-turquoise {
background-color: #1abc9c;
}
.bg-green-sea {
background-color: #16a085;
}
.bg-emerland {
background-color: #2ecc71;
}
.bg-nephritis {
background-color: #27ae60;
}
.bg-peter-river {
background-color: #3498db;
}
.bg-belize-hole {
background-color: #2980b9;
}
.bg-amethyst {
background-color: #9b59b6;
}
.bg-wisteria {
background-color: #8e44ad;
}
.bg-wet-asphalt {
background-color: #34495e;
}
.bg-midnight-blue {
background-color: #2c3e50;
}
.bg-sun-flower {
background-color: #f1c40f;
}
.bg-orange {
background-color: #e67e22;
}
.bg-carrot {
background-color: #e67e22;
}
.bg-pumpkin {
background-color: #d35400;
}
.bg-alizarin {
background-color: #e74c3c;
}
.bg-pomegranate {
background-color: #c0392b;
}
.bg-clouds {
background-color: #ecf0f1;
}
.bg-silver {
background-color: #bdc3c7;
}
.bg-concrete {
background-color: #95a5a6;
}
.bg-asbestos {
background-color: #7f8c8d;
}
.bg-base {
background-color: #34495e;
}
.bg-firm {
background-color: #1abc9c;
}
.bg-success {
background-color: #2ecc71;
}
.bg-danger {
background-color: #e74c3c;
}
.bg-warning {
background-color: #f1c40f;
}
.bg-info {
/*background-color: #3498db;*/
background-color: #E4E0E0;
}
.btn {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition: color 0.25s, background 0.25s;
-moz-transition: color 0.25s, background 0.25s;
-o-transition: color 0.25s, background 0.25s;
transition: color 0.25s, background 0.25s;
font-family: Arial, Helvetica, sans-serif;
}
.btn > [class^="fui-"] {
margin-left: 4px;
margin-right: 4px;
line-height: inherit;
display: inline-block;
vertical-align: top;
}
.input-group-btn .btn {
background: #E67E22;
line-height: 9px 12px 10px;
border: 0;
margin: 0;
color: #fff;
margin-left: 0 !important;
padding-left: 10px;
padding-right: 12px;
}
.input-group-btn .btn:hover {
background: #cacfd2;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
outline: none;
font-weight: normal;
color: #7f8c8d;
}
.form-group {
margin-bottom: 10px;
}
.form-group .h4, .form-group .h5{
margin-top: 5px;
}
.form-group .h5 {
letter-spacing: 1px;
text-align: center;
}
.box-shadow{
/* text-shadow: #757575 1px 1px 10px; */
-webkit-text-shadow: #111 1px 1px 10px;
-moz-text-shadow: #111 1px 1px 10px;
-o-text-shadow: #111 1px 1px 10px;
}
h4, h5, h6 {
margin-top: 10px;
margin-bottom: 10px;
}
.wrapper {
z-index: 2;
background: #fff;
overflow: hidden;
min-height: 100%;
}
[class^="fui-"] {
display: inline-block;
vertical-align: middle;
}
body > section, header, footer {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img {
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
img {
-webkit-backface-visibility: hidden;
}
a:hover, button:hover, a:focus, button:focus, a:active, button:active {
outline: none;
}
@media (max-width: 768px) {
body > section, footer {
padding-right: 5px;
padding-left: 5px;
}
}
@media (max-width: 568px) {
.intro .anchor {
height: 0px
}
}
/** header **/
.brand {
display: inline-block;
position: relative;
}
.brand-icon {
position: relative;
display: none;
}
.phone {
margin-bottom: 5px;
}
.phone .h4 {
line-height: 0px;
}
.phone a {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #000;
}
.brand-phone {
color: #848484;
margin-right: 10px;
display: none;
font-family: arial;
font-size: .9em;
}
.fixed {
position: fixed;
top: 0px;
z-index: 100;
border-bottom: 1px solid rgb(234, 234, 234);
-webkit-box-shadow: 1px 1px 45px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 45px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 45px rgba(0, 0, 0, 0.15);
padding-top: 10px;
padding-bottom: 10px;
background-color: #fff;
}
.barra-s {
z-index: 9;
position: relative;
text-align: center;
background-color: white;
}
/** top featured **/
.top-featured-staff {
background: 50% 50% no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: #fff;
z-index: 1;
}
.top-staff-lima {
background-image: url("../img/top/t-staff-lima.jpg");
}
.main-video {
background: rgba(0, 0, 0, 0.40);
padding: 10px 10px 0px 10px;
}
.main-video .video-overview .wistia_embed {
margin-bottom: 0px;
}
.test-main-video {
background: rgba(0, 0, 0, 0.40);
padding: 10px 10px 0px 10px;
position: absolute;
left: 50%;
margin-left: 105px;
bottom: 50%;
margin-bottom: -130px;
}
.test-main-video .test-video-overview .wistia_embed {
margin-bottom: 0px;
}
/*testeo top img */
@media (max-width: 1136px) {
.test-main-video {
margin-bottom: -119px;
margin-left: 115px;
}
.test-video-overview {
max-width: 380px;
}
}
@media (max-width: 1080px) {
.test-main-video {
display: none;
}
}
@media (max-width: 990px) {
.header .brand-phone {
font-size: 0.929em;
}
}
@media (max-width: 768px) {
.content-packages {
padding-top: 0px !important;
}
}
/** top featured perfiles **/
.specialist-list {
position: absolute;
left: 50%;
top: 50%;
margin-top: -140px;
margin-left: 175px;
}
.specialist-list strong {
font-size: .8em;
}
.thumbnail-kim, .thumbnail-alonso, .thumbnail-gonzalo, .thumbnail-javier {
width: auto;
/*height: auto;*/
float: left;
border: 1px solid #bdc3c7;
margin-right: 10px;
background: url("../img/face-thumbnail@1x.jpg") no-repeat;
display: block;
height: 51px;
width: 51px;
}
.thumbnail-kim {
background-position: 0 -0px;
}
.thumbnail-alonso {
background-position: 0 -49px;
}
.thumbnail-gonzalo {
background-position: 0 -98px;
}
.thumbnail-javier {
background-position: 0 -147px;
}
.specialists1, .specialists {
background: rgba(0, 0, 0, 0.50);
width: 350px;
color: white;
padding: 10px 15px;
height: 70px;
line-height: 18px;
font-weight: 100;/*font-size: .95em;*/
}
.specialists1 {
background: rgba(0, 0, 0, 0.40);
}
.container-specialist {
position: absolute;
top: 45%;/*margin-top:-45px;*/
}
.s-title {
font-size: 1.7em;
color: #fff;
background: rgba(0, 0, 0, 0.50);
padding: 0px 15px 2px 15px;
display: block;
}
.s-subtitle {
font-size: 1.3em;
font-weight: 100;
color: white;
background: rgba(0, 0, 0, 0.50);
padding: 0px 15px 7px 15px;
font-style: italic;
display: inline-block;
}
.s-button {
font-style: italic;
margin-top: 20px;
}
.thumb-specialist {
background: #fff;
position: relative;
padding-top: 10px;
padding-bottom: 14px;
}
.sp-title {
color: #e67e22;
font-size: 1.3em;
line-height: 1.1em;
}
.box-specialist {
color: #666;
line-height: 1.2em;
font-size: 0.8em;
}
.sp-face {
/*width: 27%;*/
margin-right: 5px;
}
.sp-text {
font-size: 0.9em;
}
/*.thumb-specialist img {
padding-right: 15px;
}
.thumb-specialist p {
line-height: 0.95em;
color: #666;
}
.thumb-specialist span {
font-size: 0.8em
}*/
/*.pan-top img {
max-width: 100%;
}*/
@media (max-width: 1200px) {
/*.pan-top {
width:1200px;
overflow: hidden;
}*/
img.pan-top {
max-width: 1200px;
width: auto;
}
}
@media (max-width: 1140px) {
.specialist-list {
margin-top: -110px;
}
.thumbnail-kim, .thumbnail-alonso, .thumbnail-gonzalo, .thumbnail-javier {
display: none;
}
.specialists1, .specialists {
width: 300px;
height: 55px;
}
.s-text {
display: none;
}
}
@media (max-width: 980px) {
/*.pan-top {
width:1000px;
overflow: hidden;
}*/
img.pan-top {
max-width: 1000px;
width: auto;
}
.specialist-list {
top: 0;
margin-top: 0;
right: 0;
}
.specialists1, .specialists {
width: auto;
height: 64px;
}
.s-title {
font-size: 1.8em;
}
}
@media (max-width: 880px) {
.sp-face {
display: none;
}
.sp-title {
font-size: 1.1em;
}
}
@media (max-width: 800px) {
.specialists1, .specialists {
font-size: .8em;
}
}
@media (max-width: 750px) {
/*.pan-top {
width:800px;
overflow: hidden;
}*/
img.pan-top {
max-width: 800px;
width: auto;
}
.specialist-list {
margin: 110px 2% 0;
width: 96%;
left: 0;
padding: 0;
}
.specialists1, .specialists {
padding: 1%;
/*height: auto;
display:inline-block;
vertical-align:top;*/
width: 24%;
display: table-cell;
font-size: .75em;
}
/*.s-names {
font-size:.75em;
}*/
.s-title {
font-size: 1.5em;
/*padding:3px 10px;*/
margin-left: -30px;
display: inline-block;
}
.s-subtitle {
display: none;
}
.s-button {
display: none;
}
.container-specialist {
/*margin:-58px 0 0 0 0;*/
width: 100%;
text-align: center;
}
}
@media (max-width: 720px) {
.thumb-specialist {
display: none;
}
}
@media (max-width: 540px) {
.container-specialist, .specialist-list {
display: none;
}
img.pan-top {
width: 540px;
}
}
/** fuente general h1, h2 **/
@media (max-width: 768px) {
.main-container h1 {
font-size: 2.8em;
line-height: 1em;
}
.main-container h2, .content-hotels h2 {
font-size: 2.2em;
}
}
/** Content packages + pestanas **/
.top-firma {
margin-top: -10px;
font-size: 1.5em;
font-weight: 600;
}
.content-packages {
/*position: relative;
margin-bottom: 60px;*/
padding-bottom: 40px;
-webkit-backface-visibility: hidden;
background: white;
z-index: 5;
}
/*.content-packages img{
width:100%
}*/
.home h1 {
/*margin-top: 10px;*/
margin-top: 20px;
}
.intro {
/*margin-bottom: 20px;*/
position: relative;
background-color: #fff;
overflow: hidden;
}
}
.info-video-standar .video-overview {
margin-top: 45px;
}
.info-video-standar .test-video-overview {
margin-top: 45px;
}
.features {
margin-right: -15px;
margin-left: -15px;
}
.features-tabs .features-header {
*zoom: 1;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-radius: 6px;
}
.features-tabs .features-header:after {
clear: both;
}
.features-tabs .features-header:before, .features-tabs .features-header:after {
display: table;
content: "";
line-height: 0;
}
.features-tabs .features-header .box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 5px;
float: left;
text-align: center;
font-size: 1.35em;
color: #333;
border-left: 2px solid #ecf0f1;
cursor: pointer;
font-weight: 600;
}
.box-x5 {
width: 20%;
}
.box-x4 {
width: 25% !important;
}
.box-x3 {
width: 33.33333333333333%;
}
.features-tabs .features-header .box:first-child {
border-left: 0;
}
.features-tabs .features-header .box:first-child.active {
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-topleft-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottomleft-radius: 6px;
}
.features-tabs .features-header .box:last-child.active {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-topright-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottomright-radius: 6px;
}
.features-tabs .features-header .box.active {
color: white;
background: #428BCA url("../img/i-fle.png") bottom center no-repeat;
}
.features-tabs .features-bodies {
position: relative;
overflow: hidden;
}
.content-packages .features-body {
margin-right: -15px;
margin-left: -15px;
}
.info-primary {
/*margin-bottom: 0px;
margin-bottom: 40px;*/
}
.content-packages .box-info, .content-packages .box-info2, .content-packages .box-info4 {
background-color: #faf8f2;
margin-bottom: 30px;
padding-bottom: 5px;
/*max-width: 390px;*/
width: 100%;
}
.content-packages .box-info {
min-height: 420px;
}
.packages {
padding: 20px 0px 40px 0px;
}
.packages h2 {
color: #333;
margin-top: 0px;
flex: 1 100%;
justify-content: center;
font-weight: normal;
}
.packages h2::before, .packages h2::after {
color: rgb(221, 221, 221);
font-weight: lighter;
content: " — ";
}
.content-packages .box-info p, .content-packages .box-info2 p, .content-packages .box-info3 p, .content-packages .box-info4 p, .box-info h3, .box-info2 h3, .box-info3 h3, .box-info4 h3 {
padding-left: 20px;
padding-right: 20px;
}
.content-packages sup {
padding-left: 5px;
font-weight: normal;
font-size: 0.563em;
}
.content-packages .text-primary {
font-size: 1.750em;
font-weight: bold;
font-family: Arial, sans-serif, "liberation-sansregular", "Helvetica-Neue", Helvetica;
}
.content-packages h3 {
font-weight: 600;
}
.content-packages h3 a {
color: #4b3228;
/*color: #5e7516;*/
}
.content-packages h3 a:hover {
color: #670;
}
.content-packages img {
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
margin-bottom: 10px;/* padding: 5px; *//* border: 1px solid #E0D3CD; */
}
.content-packages a:hover img {
opacity: 0.7;
}
.features-tabs .features-body {
position: absolute;
left: 0;
right: 0;
top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 35px 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.6s opacity;
-moz-transition: 0.6s opacity;
-o-transition: 0.6s opacity;
transition: 0.6s opacity;
-webkit-backface-visibility: hidden;
}
.features-tabs .features-body.active {
opacity: 100;
filter: alpha(opacity=10000);
opacity: 1;
filter: alpha(opacity=100);
z-index: 1;
}
/*.content-packages .container .col-sm-6 p {
padding-bottom: 10px;
padding-top: 10px;
border-top: none;
margin-top: 0;
}*/
.features-tabs .features-body.active {
position: relative;
}
.features-tabs .calculated .features-body.active {
position: absolute;
z-index: 3;
}
.info-destinations {
background: #F8F8F8 url("../img/f-noise.png") repeat;
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 70px;
}
.info-destinations img {
margin-bottom: 30px;
}
.bg-noise-pri {
background: #ECECEC url("../img/f-noise.png") repeat;
}
.bg-noise-sec {
background: #F8F8F8 url("../img/f-noise.png") repeat;
}
.bg-noise-ter {
background: #F1EFE6 url("../img/f-noise.png") repeat;
}
.bg-noise-cuar {
background: #FBF9F4 url("../img/f-noise.png") repeat;
}
.content-packages .col-sm-7 ol, .content-packages .col-sm-7 ul {
padding-left: 22px;
}
@media (max-width: 1080px) {
.content-packages .box-info {
min-height: 455px;
}
.content-packages h1 {
text-align: center;
}
}
@media (max-width: 970px) {
.content-packages .box-info {
min-height: 470px;
}
}
@media (max-width: 768px) {
.features-tabs .col-sm-6 {
width: 100%;
}
.features-tabs .features-header .box {
font-size: 1.2em;
font-weight: bold;
padding: 12px 0px;
}
.features-tabs .features-body {
padding-top: 30px;
}
/*.content-packages .box-info, .content-packages .box-info2, .content-packages .box-info3 .test-box, .content-packages .box-info4 {
min-height: inherit;
display: table;
width: 100%;
padding-bottom: 0px;
}*/
.content-packages .box-info3 {
margin-bottom: 0px;
}
.content-packages .col-sm-4 {
width: 100%;
}
/*.content-packages h1 {
font-size: 2.313em;
}*/
.content-packages h2 {
padding-top: 5px;
}
/*.content-packages .box-info p, .content-packages .box-info2 p, .content-packages .box-info4 p {
line-height: 1.2;
}*/
/*.content-packages .box-info3 .test-box img, .content-packages .box-info2 img, .content-packages .box-info4 img, .content-packages .box-info img {
width: 230px;
float: left;
margin-right: 15px;
margin-bottom: 0px;
}*/
.content-packages .col-sm-5 img {
margin-right: 15px;
margin-bottom: 0px;
}
.content-packages .day img {
width: 100%;
}
.features-tabs .features-body {
padding-bottom: 20px;
}
}
@media (max-width: 720px) {
.content-packages .col-sm-5 img {
width: 50%;
}
/*.content-packages .box-info, .content-packages .box-info2, .content-packages .box-info4 {
margin: auto;
}*/
}
@media (max-width: 680px) {
.content-packages .box {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-radius: 6px;
margin-bottom: 100px;
}
.features-tabs .features-header .box {
float: none;
width: 100%;
font-size: 1em;
font-weight: normal;
padding: 15px 0px;
border-left: 0;
}
}
@media (max-width: 480px) {
.features-tabs .features-header .box {
padding: 10px 0px;
}
.features-tabs .features-body {
padding-top: 30px;
}
.content-packages .features-body .col-sm-6 {
padding-right: 15px;
padding-left: 15px;
}
.content-packages .box-info br {
display: none;
}
.content-packages ol {
padding-left: 25px;
}
.content-packages .col-sm-5 img {
width: 100%;
margin-bottom: 20px;
}
.content-packages .btn {
width: 100%;
}
.content-packages .tab3 td {
font-size: 0.9em;
}
.fb-like, .plusone {
display: none !important;
}
.box-packages {
width: 100%;
}
}
@media (max-width: 420px) {
.packages h2::before, .packages h2::after {
content: " ";
}
}
/* box packages */
.item-precio {
display: block;
/*background-color: #56464c;
background-color: #394169; */
background-color: #463f3f;
padding: 2px 15px;
font-size: 1em;
/*color: #D8D4D4;*/
color: #888083;
}
.item-precio span {
color: #fff;
font-weight: 500;
font-size: 1.4em;
}
.item-precio .ray {
margin: 0px 18px;
/*border-color: #8C777F;*/
border-color: #736d6f;
}
@media (max-width: 1024px) {
.item-precio {
padding: 4px 10px;
}
.item-precio .ray {
margin: 0px 10px;
}
}
/* box destinations */
/*
.content-destinations {
margin-bottom: 0px;
}
.content-destinations img {
}
.content-destinations .h4 {
margin-top: -5px;
margin-bottom: 24px;
line-height: 1.36em;
font-weight: 300 !important;
}
.box-destinations {
padding: 15px 15px 0px 15px;
color:#616E6D;
margin-top:20px;
border:1px solid #dcedeb;
border-radius:3px;
margin-bottom:40px;
background-color:#f0f6f5;
position:relative;
min-height: 210px;
}
.flecha-top {
position:absolute;
background:#fff url("../img/i-fle4.png") no-repeat;
height:16px;
width:28px;
top:-16px;
right:45%
}
@media (max-width: 800px) {
}
@media (max-width: 768px) {
.box-destinations {
min-height: 210px;
}
}
@media (max-width: 736px) {
}
@media (max-width: 480px) {
.main-destinations {
width: 100%;
}
.content-destinations {
margin-top: 20px;
}
.box-destinations {
min-height: inherit;
}
}*/
/* content destinations */
.content-destinations h2{
font-weight: normal;
}
.main-regions {
position: relative;
margin-bottom: 30px;
}
.main-regions hr {
margin-bottom: 48px;
margin-top: 48px;
}
.main-regions .col-sm-7 p:last-child {
margin-bottom: 0px;
}
.box-regions {
position: absolute;
background-color: rgba(0,0,0,0.60);
color: #fff;
padding: 5px 20px;
text-align: center;
bottom: 0;
left: 0;
}
.box-regions a {
color: #f1f2f4;
}
.box-regions h3 a {
font-size: 1.3em;
font-weight: 200;
color: #f1f2f4;
text-transform: uppercase;
}
.main-regions img {
width: 100%;
height: 510px;
}
.content-info .box-regions p {
font-weight: 200;
color: #DFE0DB;
padding-top: 0px !important;
}
@media (max-width: 1024px) {
.main-regions img {
height: 500px;
}
.box-regions h3 a {
font-size: 1.1em;
color: #fff;
font-weight: 400;
}
.content-info .box-regions p {
color: #fff;
/*font-weight: 300;*/
}
.box-regions {
background-color: rgba(0,0,0,0.75);
}
}
@media (max-width: 568px) {
.main-regions {
margin-bottom: 40px
}
.content-destinations .col-xs-12:last-child .main-regions {
margin-bottom: 0px
}
}
/** Content seccion specialist **/
.content-specialists {
padding-top: 50px;
padding-bottom: 70px;
position: relative;
background-color: #fff;
}
.content-specialists ul {
padding-left: 30px;
}
.profile-specialists {
margin-top: 10px;
}
@media (max-width: 480px) {
}
.profile-specialists ul p {
margin-bottom: 0px;
}
}
/** Content seccion videos **/
.info-video-standar {
background: #f8f8f8 url("../img/f-noise.png") repeat;
margin-top: 20px;
}
.info-video-standar h2 {
margin-top: 35px;
}
.info-reviews {
position: relative;
background-color: white;
/*margin-top: 60px;*/
margin-bottom: 20px;
padding-bottom: 60px;
}
/*.info-reviews h2 {
margin-top: 0px !important;
}*/
.info-reviews .h4 {
margin-top: -20px;
margin-bottom: 30px;
line-height: 1.35em;
font-weight: 300 !important;
}
.info-reviews .cap-wistia {
max-width: 360px;
}
.info-reviews .video-overview {
margin-bottom: 20px;
}
.box-reviews {
position: relative;
padding: 15px 15px 0px 60px;
border: 1px solid #f5f5f5;
border-radius: 3px;
background: #fff url('../img/quote-up@2x.png') 18px 20px no-repeat;
background-size: 25px, 20px, auto;
margin-bottom: 10px;
color: #5A6162;
}
.info-reviews .row:last-child {
margin-bottom: 0px;
}
.reviews-destino {
/*border-left: 3px solid #88AA2D;
padding-left: 10px;*/
color: #abaeaf;
font-weight: 500;
}
.reviews-nombre {
color: #0c1829;
font-weight: bold;
margin-right: 10px;
}
.box-reviews-flech {
position: absolute;
bottom: -16px;
right: 50px;
border-right: 18px solid transparent;
border-top: 0px solid transparent;
border-left: 10px solid #fff;
border-bottom: 30px solid #fff;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.box-reviews-iconface {
width: 40px;
height: 40px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
margin-right: 6px;
-webkit-filter: sepia(0.5);
filter: sepia(0.5);
}
/*.content-info h3 {
margin-top: -10px;
margin-bottom: 20px;
}*/
/*.peruwiki .content-info h3 {
margin-top: 0px !important;
}*/
.content-info .col-sm-7 h3, .content-info .col-md-7 h3 {
margin-top: 0px;
color: #24477a;
}
.content-info p {
font-weight: normal;
}
.content-info .row {
margin-bottom: 30px;
}
.content-info .col-sm-12 p:first-child {
margin-bottom: 0px;
}
.video-standar {
margin-top: 40px;
margin-bottom: 25px;
font-weight: normal;
}
.video-standar h2 {
color: #232323;
margin: 0 0 20px;
font-weight: 700;
}
.wistia_embed {
position: relative;
overflow: hidden;
float: left;
}
.cap-wistia {
max-width: 555px;
}
/*.content-info .text-center {
margin-top: 20px;
padding-top: 10px;
}*/
.box-import {
background-color: #e28120;
color: #F8DCBF;
padding: 15px;
}
.ray1 {
background: url("../img/f-ray1.png") center repeat-x;
height: 20px;
margin-top: 20px;
}
.ray2 {
background: url("../img/f-ray2.png") center repeat-x;
height: 20px;
margin-bottom: 10px;
}
@media (max-width: 1024px) {
.box-reviews {
padding: 20px 15px 0px 20px;
background-image: none;
}
}
@media (max-width: 925px) {
.wistia_embed {
float: none;
}
.cap-wistia {
width: 100%;
}
}
@media (max-width: 768px) {
.box-reviews {
margin-bottom: 25px;
}
.info-reviews .col-sm-6 {
width: 100%;
}
.box-reviews-flech {
display: none;
}
}
@media (max-width: 767px) {
.box-import {
width: 374px;
}
}
@media (max-width: 520px) {
.info-video-standar .btn-hg {
font-size: 1em;
padding: 14px 20px;
}
.box-reviews {
margin-bottom: 0px;
}
.info-reviews {
margin-bottom: 10px;
padding-bottom: 50px !important;
padding-top: 20px !important;
}
}
@media (max-width: 480px) {
.video-standar {
margin-top: 40px;
}
.content-info h2 {
font-size: 2.313em;
}
.content-info .btn {
width: 100%;
}
/*.info-reviews .video-overview {
margin-bottom: 0px;
}*/
}
@media (max-width: 405px) {
.box-import {
width: initial;
}
}
/** Content seccion hotels **/
.content-hotels {
padding-bottom: 200px;
/*background: none;*/
position: relative;
background-color: #fff;
padding-top: 20px;
}
.content-hotels .h4 {
margin-top: -5px;
margin-bottom: 24px;
line-height: 1.36em;
font-weight: 300 !important;
color:#656463;
}
.content-hotels h2 {
color: #987A5E;
letter-spacing: .5px;
font-weight: 500;
}
.content-hotels h2:before, .content-hotels h2:after {
color: #ddd;
font-weight: lighter;
content: "—";
}
.content-hotels img {
margin-bottom: 18px;
-webkit-filter: sepia(0.2);
filter: sepia(0.2);
}
@media (max-width: 480px) {
.content-hotels img {
min-height: 140px;
}
.content-hotels .btn {
width: 100%;
}
.content-hotels h2:before, .content-hotels h2:after {
content: none;
}
.content-hotels {
padding-bottom: 50px;
}
.content-hotels .h4 {
font-size: 1.1em;
line-height: 1.5em;
}
}
/** Content Contact Experts **/
.content-experts {
text-align: center;
padding-bottom: 90px;
}
.content-experts .col-sm-12 {
border: 1px solid #e5e5e5;
padding: 40px 80px;
}
.content-experts h2 {
margin: -66px 0 20px 30%;
color: #232323;
font-weight: 700;
background-color: #ffffff;
width: 40%;
}
.content-experts p {
margin: 0 auto;
margin-bottom: 30px;
}
.content-experts span {
padding: 0px 30px;
}
@media (max-width: 1024px) {
.content-experts h2 {
margin: -66px 0 20px 27%;
width: 50%;
}
}
@media (max-width: 820px) {
.content-experts span {
display: block;
padding: 10px 0px;
}
.content-experts h2 {
margin: -66px 0 20px 18%;
width: 65%;
}
.content-experts .col-sm-12 {
padding: 40px 50px;
}
}
@media (max-width: 640px) {
.content-experts h2 {
margin: -66px 0 20px 10%;
width: 80%;
}
}
@media (max-width: 480px) {
.content-experts h2 {
font-size: 2.313em;
margin: 0px 0px 20px 0px;
width: 100%;
}
.content-experts .btn {
width: 90%;
}
}
/** Styles y Blog **/
.content-styles {
padding-top: 60px;
position: relative;
padding-bottom: 50px
}
.content-styles h2 {
margin-top: 0px;
}
.content-styles h2, .content-blog h2 {
color: #232323;
text-align: center;
}
.content-styles .nav .active a {
background: #5a6ead url("../img/i-fle3.png") right no-repeat;
}
.content-styles img, .content-blog img {
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
width: 100%;
}
.content-styles a:hover img, .content-blog a:hover img {
opacity: 0.7;
}
.content-blog {
padding-bottom: 200px;
background: white;
position: relative;
}
.content-blog article {
margin-bottom: 20px;
}
.content-blog img {
margin-bottom: 15px;
}
.content-blog h2 {
margin-top: 0px;
padding-top: 60px;
}
.section-destination {
padding-top: 50px;
}
.section-last{
padding-bottom: 200px;
}
@media (max-width: 768px) {
.content-styles li a {
text-align: center;
}
.content-styles img {
margin-bottom: 20px;
}
.content-styles .col-sm-12 p {
text-align: left;
}
.content-blog .col-sm-6 {
width: 100%;
}
.content-blog article {
display: table;
}
.content-blog img {
float: left;
margin-right: 15px;
margin-bottom: 5px;
width: 50%;
}
}
@media (max-width: 640px) {
.content-styles .btn {
margin-top: 10px;
}
}
@media (max-width: 480px) {
.content-styles h2, .content-blog h2 {
font-size: 2.313em;
}
.content-styles article {
width: 100%;
}
.content-blog .btn {
width: 100%;
}
.content-blog article {
display: table;
margin-bottom: 0px;
}
.content-blog img {
float: none;
width: 100%;
margin-right: 0px;
}
.content-blog p:nth-last-child(1) {
margin-bottom: 30px;
}
}
@media (max-width: 360px) {
.content-styles .btn {
padding-left: 10px;
padding-right: 10px;
font-size: 1.2em;
}
}
/** Content About Us **/
.content-forless {
position: relative;
padding-top: 0px;
padding-bottom: 70px;
}
.content-forless h2 {
font-weight: normal;
color: #d15904;
}
.staff {
-webkit-filter: sepia(0.2);
filter: sepia(0.2);
margin-bottom: 0px;
margin-top: 5px;
}
.box-staff-lema {
margin-left:50px;
margin-bottom:30px;
}
.box-staff-lema .h5 {
font-weight:400;
color:#333 !important;
}
.box-staff-lema .icon {
float:left;
margin-left:-50px;
width:35px;
height:39px;
margin-top:-5px;
}
.content-forless .btn {
margin-top: -35px;
}
/** Content how to book **/
.content-how-to-book {
margin-top:35px;
padding: 35px 30px 3px 30px;
font-size: 0.95em;
color: #828282;
background: url('../img/i-pin.png') center 12px no-repeat,
#fafafa url('../img/f-noise.png') ;
}
.content-how-to-book .h3 {
color: #5A5856 !important;
margin-bottom: 18px;
text-transform: uppercase;
font-size: 1.5em;
letter-spacing: .8px;
}
.content-how-to-book .h6 {
color: #51453D !important;
font-weight: 400;
background-color: #EAE8E6;
font-size: 1.2em;
}
.content-how-to-book .i-step {
padding: 4px 9px;
margin-right: 6px;
background-color: #BFB9B3;
color: #fff;
text-align: center;
display: inline-table;
text-transform: initial;
font-weight: 400;
font-size: 0.9em;
}
.content-how-to-book p {
font-weight: 300;
}
@media (max-width: 1024px) {
/*.content-forless img {
margin: 25px 0px;
}
.content-forless {
margin-bottom: 0px;
}*/
.content-how-to-book {
padding-right: 22px;
padding-left: 22px;
}
}
@media (max-width: 768px) {
.content-how-to-book {
text-align: left;
padding-right: 60px;
padding-left: 60px;
padding-top: 20px;
padding-bottom: 20px;
background: #fafafa url('../img/f-noise.png');
font-size: inherit;
}
.content-how-to-book .h3 {
/*text-align: center;*/
font-size: 2em;
text-transform: initial;
letter-spacing: inherit;
}
.content-how-to-book .i-step {
padding: 10px 15px;
}
.content-how-to-book p {
font-weight: inherit;
}
.content-forless {
padding-bottom: 0px;
}
.content-forless h2 {
text-align: center;
}
}
@media (max-width: 568px) {
}
@media (max-width: 480px) {
.content-moreforless .staff {
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.content-moreforless .btn {
width: 100%;
}
.content-moreforless h2 {
font-size: 2.313em;
}
.content-forless .staff {
margin-top: 0px;
margin-bottom: 10px;
}
.box-staff-lema {
margin-bottom: 30px;
}
.content-how-to-book {
padding-right: 25px;
padding-left: 25px;
padding-top: 10px;
}
}
@media (max-width: 414px) {
.content-forless {
text-align: center;
}
.box-staff-lema {
margin-left: 0px;
text-align: center;
}
.box-staff-lema .icon {
float: none;
margin-left: 0px;
}
}
/** footer **/
.footer {
position: relative;
background-color: #353434;
color: #989594;
margin-bottom: 48px;
/*font-size: 0.875em;*/
}
.footer .container {
padding-top: 45px;
padding-bottom: 35px;
}
.footer .container:first-child {
border-bottom: 1px solid #545454;
}
.footer a {
color: rgb(232, 229, 229);
/*font-weight: normal;*/
}
.footer img {
width: 14px;
}
.footer .fui-mail {
font-size: 0.8em;
padding-right: 4px;
}
.footer a:hover, .footer a:focus, .footer a.active {
color: #fff;
}
.footer h3 {
margin-top: 0px;
margin-bottom: 0px;
}
.footer h3 a {
font-weight: 500;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
}
.footer h6 {
margin: 0 0 15px;
font-weight: 400;
color: #fff;
/*border-bottom: 1px solid rgba(255, 255, 255, 0.09);*/
}
.footer h6 a {
color: #fff;
}
.footer p {
font-weight: 300;
color: #CCCBCB;
}
.footer-rights {
background-color: #F8F8F8;
background-color: #fff;
padding: 20px 15px 0px 15px;
text-align: center;
color: #333;
margin-right: -5px;
margin-left: -5px;
line-height: 1.72222;
margin-bottom: 70px
}
.footer-rights a {
color: #333;
padding-right: 10px;
}
.footer .form-control {
border-color: #fff;
}
.footer .btn {
line-height: 28px;
}
.navmenu-footer ul {
list-style: none;
margin: 0;
padding: 0;
font-weight: normal;
color: inherit;
}
.navmenu-footer ul li {
margin-bottom: 8px;
}
.footer li a {
color: #AAA9A9;
}
.footer .navmenu-footer a:hover, .footer .navmenu-footer a:focus, .footer .navmenu-footer a.active {
color: #fff;
}
.foo-social-btns {
white-space: nowrap;
margin-top: 25px;
}
.foo-social-btns > * {
display: inline-block;
vertical-align: top;
margin-left: 10px;
font-size: 1.500em;
font-weight: normal;
width: 22px;
height: 27px;
text-align: center;
}
.foo-social-btns > *:first-child {
margin-left: 0;
}
.foo-social-btns a, .foo-social-btns span {
color: #CCCBCB;
}
.foo-social-btns a:hover {
color: #fff;
}
.sellos, .sellos-footer2 {
background-color: #fff;
line-height: 2.72222;
position: relative;
z-index: 5;
padding-left: 30px;
}
.sellos span, .sellos-footer2 span, .sellos-footer .truste span {
display: none;
}
.sellos a, .sellos-footer2 a {
background: url("../img/sprite-main@1x.png") no-repeat;
opacity: 0.9;
/*-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;*/
display: inline-block;
vertical-align: middle;
}
.sellos-footer2 {
padding: 40px 0px;
text-align: center;
background-color: #f8f8f8;
}
.sellos-footer2 a {
margin: 0 10px;
}
/*.sellos a:first-child {
margin-left: 0px;
}
.sellos a:last-child {
margin-right: 0px;
margin-left: 0px;
}
.sellos a:nth-last-child(2) {
margin-right: 0px;
}*/
.sellos a:hover, .sellos-footer2 a:hover {
opacity: 1;
}
.sellos-footer2 .bbb {
background-position: 0 -0px;
height: 33px;
width: 82px;
}
.sellos-footer2 .asta {
background-position: 0 -33px;
height: 35px;
width: 65px;
}
.sellos-footer2 .usatoday {
background-position: 0 -68px;
height: 28px;
width: 54px;
}
.sellos-footer2 .newyork {
background-position: 0 -96px;
height: 25px;
width: 170px;
}
.sellos-footer2 .cnn {
background-position: 0 -154px;
height: 26px;
width: 54px;
}
.sellos .footprint {
background-position: 0 -121px;
height: 33px;
width: 77px;
}
.sellos .tripad {
background-position: 0 -180px;
height: 45px;
width: 251px;
}
.sellos-footer2 .truste {
background-position: 0 -346px;
height: 35px;
width: 102px;
}
.sellos-footer2 .norton {
background-position: 0 -382px;
height: 35px;
width: 90px;
}
.sellos .face-likes {
background-position: 0 -235px;
height: 50px;
width: 155px;
}
.sellos .watch-video {
background-position: 0 -290px;
height: 55px;
width: 262px;
}
.sellos-footer {
padding-top: 25px;
padding-bottom: 25px;
background-color: #fff;
text-align: center;
border-top: 1px solid #f8f8f8;
position: relative;
}
.sellos-footer a {
background: url("../img/sprite-main@1x.png") no-repeat;
margin: 0 20px;
opacity: 0.6;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
display: inline-block;
vertical-align: middle;
}
.sellos-footer .truste {
background-position: 0 -345px;
height: 50px;
width: 153px;
}
.sellos-footer a:hover {
opacity: 1;
}
@media (max-width: 1200px) {
.footer h2 {
}
}
@media (max-width: 1024px) {
.footer .col-sm-4 h2 {
font-size: 2em;
}
}
/*@media (max-width: 800px) {
.sellos .bbb, .sellos .asta, .sellos .usatoday, .sellos .newyork, .sellos .footprint, .sellos .cnn {
display: none;
}
.sellos .tripad {
margin-left: 0px;
}
.sellos .watch-video {
margin-right: 0px;
}
}*/
@media (max-width: 768px) {
.footer .col-sm-2, .footer .col-sm-4, .footer .col-sm-3 {
float: none;
margin-top: 30px;
text-align: center;
width: 100%;
}
.footer .col-sm-2:first-child, .footer .col-sm-4:first-child {
margin-top: 0px;
}
.footer .col-sm-2 h6 {
background-color: #312b21;
padding: 15px 0px;
}
.footer .col-sm-4 h2 {
font-size: 2.643em;
}
.footer form {
width: 85%;
margin: 0 auto;
}
.rights-links {
display: block;
padding-left: 20px;
}
}
@media (max-width: 480px) {
.sellos .watch-video {
display: none;
}
.footer form {
width: 100%;
}
.footer .col-sm-4 h2 {
font-size: 2em;
}
}
/** Menu pfl **/
.navmenu {
float: right;
}
.navmenu .btn {
margin-left: 10px;
}
.navmenu .btn a {
padding: 10px 25px;
color: #fff;
font-size: 0.929em;
font-weight: normal;
font-family: Arial, Verdana, sans-serif;
}
.tel-menu {
font-size: 1.3em;
margin-right: 5px;
font-weight: bold;
display: none;
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;
}
header .navmenu.container {
padding-right: 0px;
padding-left: 0px;
height: 62px;
}
.pfl-menu {
margin: 0 25px 0 0;
padding: 0 0 0 0;
position: relative;
float: left;
list-style: none;
background: rgba(255,255,255, .1);
}
.pfl-menu li {
display: inline-block;
margin: 0;
padding: 0;
float: left;
line-height: 20px;
position: relative;
}
.pfl-menu > li > a {
padding: 8px 17px;
color: #A23C07;
text-decoration: none;
display: block;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
background: rgba(255,255,255, 0.5);
font-size:1.05em;
}
.pfl-menu li:hover > a, .pfl-menu li.active > a {
/*background: #fff;*/
color: #E67E22;
}
.pfl-menu .btn-primary a {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.pfl-menu .btn-primary:hover > a {
background: #f39c12;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/*a la derecha*/
.pfl-menu li.right {
float: right;
}
/*submenu*/
.pfl-menu ul, .pfl-menu ul li ul {
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
z-index: 99999;
width: 224px;
background: #333333;
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
.pfl-menu ul {
top: 40px;
left: 0;
}
.pfl-menu ul li ul {
top: 0;
left: 100%;
font-size: 1em
}
.pfl-menu ul li {
clear: both;
width: 100%;
border: none;
}
.pfl-menu ul li a {
padding: 10px 20px;
width: 100%;
color: #dedede;
text-decoration: none;
display: inline-block;
float: left;
clear: both;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
/* icon + `para submenu*/
.pfl-menu > li .indicator {
position: absolute;
color: #dddddd;
top: 11px;
right: 5px;
font-size: .8em;
}
.pfl-menu ul > li .indicator {
top: 10px;
right: 8px;
}
/*Colapsando menu*/
.pfl-menu > li.showhide {
display: none;
width: 100%;
height: 50px;
cursor: pointer;
color: #dedede;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
background: #535352;
}
.pfl-menu > li.showhide span.title {
margin: 16px 0 0 25px;
float: left;
}
.pfl-menu > li.showhide span.icon {
margin: 17px 20px;
float: right;
}
.pfl-menu > li.showhide .icon em {
margin-bottom: 3px;
display: block;
width: 20px;
height: 2px;
background: #ccc;
}
@media only screen and (max-width: 1199px) {
.header .navmenu.container {
width: 100%;
}
}
@media only screen and (max-width: 1136px) {
.tel-menu {
display: none !important;
}
}
@media only screen and (max-width: 1080px) {
.pfl-menu {
padding-right: 0px;
}
.pfl-menu > li .indicator {
right: 4px;
}
.pfl-menu > li > a {
padding: 10px 15px;
}
}
@media only screen and (max-width: 1024px) {
.indicator {
display: none;
}
.pfl-menu > li > a {
padding: 10px 11px;
}
}
@media only screen and (max-width: 960px) {
header {
margin-top: 0px;
margin-bottom: 0px;
}
.logo, .phone, .navmenu {
display: none;
}
}
/** Paginas internas **/
/*.link {
margin-bottom: 150px;
}*/
/*.link h2 {
padding-left: 0px;
font-weight: 600;
}*/
.info-price-day {
/*background-color: #f9f8f3;
border-left: 1px solid #ecf0f1;
padding: 5px 20px;
margin-bottom: 15px;*/
margin-top: -15px;
}
.info-price-day .text-primary {
/*font-size: 2.243em;*/
font-size: 2em;
color: #C41354;
}
.ray {
border-left: 1px solid #bdc3c7;
margin: 0px 8px;
height: 18px;
display: inline-block;
}
.info-price-day .ray {
border-left: 1px solid #bdc3c7;
margin: 0px 8px;
height: 18px;
display: inline-block;
}
.link .features-header .box {
padding: 0px 0px;
width: 20%;
text-align: center;
font-size: 1.35em;
font-weight: 400;
}
.link .nav-pills > li > a {
background-color: transparent;
}
.link .nav-pills > li.active > a, .link .nav-pills > li.active > a:hover, .link .nav-pills > li.active > a:focus {
background-color: transparent;
}
.link .nav-stacked > li + li {
margin-top: 0px;
}
.link .nav > li > a {
/*padding: 10px 5px;*/
padding: 6px 15px;
}
/*.link .h4 {
margin-top: 0px;
}*/
.route-map {
padding: 15px 0px 5px 0px;
}
.route-map .fui-location {
font-size: 0.8em;
margin-right: 4px;
}
.link blockquote {
margin: 30px 0 35px;
}
.why-us {
}
.why-us > li {
padding: 10px 10px;
display: inline-block;
background-color: #ecf0f1;
margin: 0px 2% 20px 0px;
height: 85px;
vertical-align: middle;
text-align: center;
width: 23.1%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.why-us li:last-child {
margin-right: 0px;
}
.b-contactus {
margin-top: 30px;
}
/* .ad {
position: relative;
background: 50% 50% no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
line-height: 4.4em;
} */
.fui-star-2 {
font-size: 0.8em;
margin: 0px 20px;
}
.star-hotels .fui-star-2 {
font-size: 1.2em;
margin: -30px 1px 0px 1px;
-ms-transform: rotate(-16deg); /* IE 9 */
-webkit-transform: rotate(-16deg); /* Chrome, Safari, Opera */
transform: rotate(-16deg);
color: #E67E22;
}
.category-hotel {
margin-left: 10px;
vertical-align: text-bottom;
font-style: italic;
}
/*.ba-insurance {
background-image: url("../img/f-trekking-1.jpg");
position: relative;
}*/
/*.ba-new {
background-image: url("../img/f-lima-5.jpg");
position: relative;
}*/
.btn-gallery {
border-bottom: 1px solid #edeff1;
margin-bottom: 30px;
margin-top: -10px;
padding-bottom: 10px;
}
.video-overview .wistia_embed {
float: none;
margin-bottom: 20px;
}
.test-video-overview {
width: 420px;
}
.test-video-overview .wistia_embed {
float: none;
margin-bottom: 20px;
}
.nav-list {
margin-bottom: 30px;
background-color: #f8f8f8;
padding: 20px;
}
.nav-list > li.divider {
height: 2px;
margin: 13px 0px 17px 0;
background-color: #edeff1;
}
.nav-list > li > a {
padding: 0px 13px 0px;
border-radius: 6px;
color: #3a505e;
}
.btn-wide, .btn-wide2 {
display: block;
padding-top: 50px;
padding-bottom: 60px;
text-align: center;
font-size: 2.7em;
color: #fff;
background: rgba(55, 159, 183, 0.93);
font-weight: 400;
-webkit-transition: 0.25s color, 0.25s background-color;
-moz-transition: 0.25s color, 0.25s background-color;
-o-transition: 0.25s color, 0.25s background-color;
transition: 0.25s color, 0.25s background-color;
}
.btn-wide2 {
background: rgba(156, 47, 151, 0.9);
}
.btn-wide:hover, .btn-wide:focus, .btn-wide.active, .btn-wide2:hover, .btn-wide2:focus, .btn-wide2.active {
color: #fff;
/*background: #e67e22;*/
background: rgba(103, 44, 107, 0.8);
opacity: 1;
}
.ad {
position: relative;
/*margin-bottom: 70px;*/
background: 50% 50% no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*opacity: 0.9;*/
}
.ba-insurance {
background-image: url("../img/f-trekking-1.jpg");
position: relative;
line-height: 3em;
}
/*.ba-new {
background-image: url("../img/f-lima-5.jpg");
position: relative;
}*/
.ba-insurance-link {
display: block;
background-color: #fff;
/*margin-bottom: 30px;*/
padding: 15px;
text-align: center;
color: #6361a4;
border-top: #d6d5fb 1px solid;
border-bottom: #d6d5fb 1px solid;
/*-webkit-transition: 0.25s color, 0.25s background-color;
-moz-transition: 0.25s color, 0.25s background-color;
-o-transition: 0.25s color, 0.25s background-color;
transition: 0.25s color, 0.25s background-color;*/
/*font-family: "myriad-pro", "liberation-sansregular", "Helvetica-Neue", Arial, sans-serif;*/
/*line-height: 3em;*/
line-height: 1.4em;
font-size: 1.7em;
}
.icon-wifi {
margin-right: 2px;
height: 28px;
}
.content-off-scrollspy .btn-wide {
font-size: 2.2125em;
padding-top: 33px;
padding-bottom: 43px;
line-height: 1.2em;
}
.scrollspy .nav > li {
/*text-transform: uppercase;*/
letter-spacing: 0.3px;
/*font-weight: 600;*/
}
.menubar .active a{
color: #000
}
.ba-customizable {
/*background: #7F8C8D;*/
background: #F9F9F5;
border-top: 1px solid #F2F3EE;
border-bottom: 1px solid #F2F3EE;
padding-top: 18px;
padding-bottom: 15px;
}
.ba-customizable img {
padding-right: 10px;
}
.ba-insurance-link:hover,
.ba-insurance-link:focus,
.ba-insurance-link.active {
color: #ffffff;
background: #6361a4;
}
/*.link .btn-hg {
margin-top: 5px;
}*/
.features-body .day img {
padding-left: 15px;
}
.nav-packages {
background-color: #F9F8F3;
padding: 15px;
margin-bottom: 30px;
border-top: 1px solid #EBECE8;
}
.nav-packages a {
padding: 0px 10px;
color: #5597CF;
font-size: 1.2em;
}
.tab3 .h4, .tab4 .h4 {
padding: 10px 20px;
color: #fff;
display: inline-block;
margin-bottom: 30px;
}
.tab3 .btn-lg {
margin-bottom: 60px;
}
.h-services:before {
font-family: Flat-UI-Pro-Icons;
content: "\e60a";
padding-right: 3px;
font-size: 0.7em;
}
.h-services {
display: inline-block;
padding: 3px 10px 3px 8px;
border: 1px solid #ebece8;
margin-bottom: 3px;
background-color: #F3F2EE;
color: #95948E;
border-radius: 3px;
font-size: 0.9em;
}
.esp-bottom {
margin-bottom: 100px;
}
.gallery {
margin: 20px 0px;
}
#map-canvas {
width: 100%;
height: 400px;
}
@media (max-width: 1080px) {
.link .subtitulo {
width: 100%;
text-align: center;
}
.info-price-day {
width: 100%;
text-align: center;
}
}
@media (max-width: 1024px) {
.ba-insurance .fui-star-2 {
display: none;
}
.link .features-header .box {
font-size: 1.2em;
font-weight: 600;
}
.ba {
font-size: 0.9em;
margin-bottom: 20px;
}
}
@media (max-width: 960px) {
.why-us li {
width: 47.7%;
}
.why-us li {
width: 47.7%;
}
}
@media (max-width: 800px) {
.img-overview {
display: none;
}
.tab1 .nav-list {
margin-top: 0px;
}
.breadcrumb {
display: none;
}
.info-price-day {
margin-bottom: 40px;
}
.features-tabs .features-header .box {
float: none;
width: 100% !important;
font-weight: normal;
border-left: 0px;
border-bottom: 1px solid #ecf0f1;
}
.why-us li {
width: 47%;
margin-bottom: 20px;
}
p.gallery {
display: none;
}
.link blockquote {
margin-bottom: 0px;
}
}
@media (max-width: 768px) {
/*.btn-wide {
font-size: 2.75em;
}*/
.tab1 .map {
width: 100%;
margin-bottom: 20px;
}
.tab2 .day ul {
margin-bottom: 0px;
}
.tab3 img {
display: block;
}
}
@media (max-width: 720px) {
.btn-wide2 img {
display: block;
margin: auto;
}
.ba-customizable {
padding-top: 20px;
padding-bottom: 20px;
line-height: 1.4em;
}
.ba-customizable img {
padding-right: 0px;
display: block;
margin: auto;
margin-bottom: 8px;
}
}
@media (max-width: 480px) {
.tab2 .day img, .tab3 article img {
width: 100%;
margin-bottom: 20px;
padding-left: 0px;
}
.info-price-day {
padding-right: 15px;
padding-left: 15px;
}
.info-price-day .text-primary {
font-size: 1.75em;
}
.why-us li {
width: 97%;
}
.content-packages ul {
padding-left: 30px;
}
.link .nav-pills {
padding-left: 0px;
}
.ba-insurance .btn-wide, .ba-new .btn-wide2 {
padding-top: 30px;
padding-bottom: 30px;
font-size: 1.8em;
line-height: 1.2em;
}
}
/** Contact Us **/
.info-contact {
background: #F6F5F0 url("../img/f-noise.png") repeat;
padding: 25px 30px 35px 30px;
margin-bottom: 30px;
}
/** Mobil **/
.active-btn {
cursor: pointer;
}
ul#navi3 {
width: 100%;
margin: 0;
padding: 0;
display: none;
background-color: #333;
}
.movil-header {
width: 100%;
background: white;
z-index: 20;
position: fixed;
display: none;
top:0;
}
.movil-header1 {
width: 100%;
background: white;
z-index: 20;
position: fixed;
display: none;
top:0;
}
.movil-h {
border-bottom: 1px solid rgb(234, 234, 234);
-webkit-box-shadow: 1px 1px 45px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 45px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 45px rgba(0, 0, 0, 0.15);
padding: 1px 0px 0px 0px;
}
.contact-group img {
width: 28px;
}
.loader {
position: absolute;
margin-left: 15px;
background: #fff url("../img/bx_loader.gif") no-repeat;
height: 32px;
width: 32px;
display: inline-block;
top: 23px;
display: none;
}
@media only screen and (max-width: 960px) {
.active-btn {
display: inline;
}
.fui-list {
font-size: 1.7em;
}
.movil-h .fui-mail {
font-size: 1.5em;
color: #333;
padding-left: 12px;
}
#navi3 li:last-child a {
color: #fff;
}
#navi3 li a {
color: #a7a9ac;
text-decoration: none;
width: 100%;
display: inline-block;
padding: 10px 15px;
border-bottom: 1px solid #404040;
}
#navi3 li a:hover {
color: #fff;
background: #e67e22;
}
.movil-header {
display: inline;
}
.logo-movil {
display: inline;
margin-top: -3px;
}
.logo-movil img {
margin-top: 6px;
}
.logo-movil a {
margin-top: 6px;
font-size: 1.7em;
}
.contact-group {
display: inline;
margin-top: 2px;
}
.phone-btn {
border-right: 1px solid #eaeaea;
padding-right: 12px;
}
.top-featured-img {
margin-top: 48px;
}
.top-featured-staff {
margin-top: 65px;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 414px) {
.logo-movil {
margin-top: 4px;
}
.logo-movil a {
font-size: 1.21em;
line-height: 2.3em;
}
.movil-h .fui-mail {
padding-left: 7px;
}
.phone-btn {
padding-right: 7px;
}
}
/** Form casual modal **/
#casual-form input, #casual-form textarea {
width: 100%;
}
#casual-form button {
margin-top: 15px;
}
#casual-form p {
background: #dedede;
margin: -5px -20px 15px -20px;
padding: 10px 15px;
border-radius: 6px 6px 0 0;
}
#sent-message {
text-align: center;
}
.modalDialog {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
opacity: 0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
display: none;
}
.modalDialog:target {
opacity: 1;
pointer-events: auto;
display: inline;
}
.modalDialog > div {
width: 480px;
position: relative;
margin: 5% auto;
padding: 5px 20px 13px 20px;
background: #fff;
border-radius: 6px;
}
.modalDialog .fui-cross-circle {
position: absolute;
cursor: pointer;
margin: 5px 15px 5px 15px;
right: 0;
top: 0;
font-size: 1.4em;
color: #333333;
}
.modalDialog p {
line-height: 1.52222;
}
@media (max-width: 960px) {
#signupForm .form-group input[type="text"], #signupForm .form-group input[type="email"], #signupForm .form-group input[type="tel"] {
/*width: 80%;*/
}
#signupForm .form-group textarea {
/*width: 80%;*/
}
}
@media (max-width: 768px) {
#signupForm .form-group input[type="text"], #signupForm .form-group input[type="email"], #signupForm .form-group input[type="tel"] {
width: 100%;
}
#signupForm .form-group textarea {
width: 100%;
}
#signupForm button {
/*margin-bottom: 40px;*/
}
}
@media (max-width: 640px) {
#signupForm .form-group input[type="text"], #signupForm .form-group input[type="email"], #signupForm .form-group input[type="tel"] {
width: 100%;
}
}
@media (max-width: 540px) {
#casual-form button {
width: 100%;
}
.modalDialog > div {
width: 93%;
}
#casual-form label {
display: none;
}
#casual-form .col-xs-9 {
width: 100%;
}
}
/** About Us **/
.bio {
margin-top: 40px;
margin-bottom: 120px;
}
.profile {
margin-bottom: 40px;
}
.profile .fui-mail, .profile .fui-user {
color: #a9a5a5;
}
.profile .col-xs-9 {
border-top: 1px solid #eee;
}
.profile h3 {
/*font-family: "Open Sans", sans-serif;*/
font-weight: 600;
font-size: 1.6em;
}
.profile img {
border: 1px solid #F8ECD4;
border-bottom: 0px;
}
.profile a {
color: #008CC5;
}
.content-aboutus p:nth-child(2) {
color: #D15904;
}
a.btn_video {
background: rgba(219,114,8,0.90) url("../img/play-video.png") no-repeat 93%;
padding: 10px 58px 10px 20px;
color: white;
font-size: 0.9em;
display: block;
position: relative;
}
.content-moreforless {
background-position: center 65px;
margin-bottom: 70px;
padding-top: 30px;
}
.content-aboutus {
background: #fff url("../img/f-trama1.png") 0 18px repeat-x;
z-index: 1;
}
.content-moreforless {
background: #fff url("../img/f-trama1.png") 0 60px repeat-x;
z-index: 1;
}
.content-aboutus h2, .content-moreforless h2 {
background-color: #fff;
width: 325px;
margin-left: auto;
margin-right: auto;
}
ul.list-check {
padding-left: 20px;
}
.list-check li {
list-style: none;
background: url("../img/i-check.png") left 2px no-repeat;
padding-left: 35px;
}
@media (max-width: 720px) {
a.btn_video {
font-size: 0.8em;
padding-right: 53px
}
}
@media (max-width: 640px) {
.profile {
border-bottom: 1px solid #eee;
margin-bottom: 30px;
padding-bottom: 10PX;
}
.profile .col-xs-9 {
width: 100%;
border-top: 0px;
}
.profile .col-xs-3 {
width: 100%;
}
a.btn_video {
width: 264px;
font-size: 0.9em;
}
}
@media (max-width: 400px) {
.list-check li {
list-style: circle;
background: none;
padding-left: 0px;
}
}
/*caja flex tempo*/
.row-flex, .row-flex > div[class*='col-'] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
/*flex:1 1 auto;*/
}
.row-flex-wrap {
align-content: flex-start;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
flex:0;
}
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
margin:-.2px; /* hack adjust for wrapping */
}
.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
width:100%;
}
.flex-col {
display: flex;
display: -webkit-flex;
flex: 1 100%;
-webkit-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.flex-grow {
display: flex;
display: -webkit-flex;
-webkit-flex: 2;
flex: 2;
}
/*top retro*/
.top-back {
top: -62px
}
.anchor {
display: block;
margin-top: -62px; /*same height as header*/
height: 62px; /*same height as header*/
visibility: hidden;
}
.anchor-top {
display: block;
margin-top: -0px;
height: 62px;
visibility: hidden;
}
@media (max-width: 960px) {
.anchor {
margin-top: -48px;
height: 48px;
}
}
/*form inferior*/
.form-bottom {
color: #fff;
padding-top: 20px;
padding-bottom: 0px;
/*position: relative;
width: 100%;*/
background: 50% 50% no-repeat;
background-image: url("https://www.peruforless.com/img/f-form-bottom.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 1;
font-weight: 200;
position: relative;
}
.form-bottom #signupFormCasual {
width: 55%;
}
.form-bottom .form-control {
border: 1px solid #C7C7C7;
background: rgba(43,22,18,0.12);
width: 100%;
}
.form-bottom input:-moz-placeholder, .form-bottom textarea:-moz-placeholder {
color: #D6CECF;
font-weight: 200;
}
.form-bottom input::-moz-placeholder, .form-bottom textarea::-moz-placeholder {
color: #D6CECF;
font-weight: 200;
}
.form-bottom input:-ms-input-placeholder, .form-bottom textarea:-ms-input-placeholder {
color: #B9B1B2;
font-weight: 200;
}
.form-bottom input::-webkit-input-placeholder, .form-bottom textarea::-webkit-input-placeholder {
color: #fff;
font-weight: 400;
font-size:14px;
}
.form-bottom input:focus, .form-bottom textarea:focus {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .03), 0 0 6px #fff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .03), 0 0 6px #fff;
}
.form-bottom textarea, .form-bottom input[type="text"], .form-bottom input[type="email"], .form-bottom input[type="tel"] {
outline: none;
font-weight: normal;
color: #fff;
width: 100%
}
.deco-ray {
/*background: #fff url("/img/f-form-bottom.png") repeat-x;*/
height: 14px;
position: relative;
}
.form-bottom .small {
color: #fff;
line-height: 1.5em;
}
.form-bottom .btn-hg {
margin-bottom: 7px;
}
@media (max-width: 1100px) {
.form-bottom #signupFormCasual {
width: 60%;
}
.form-bottom .btn-hg {
padding: 10px 30px;
}
}
@media (max-width: 900px) {
.form-bottom #signupFormCasual {
width: 75%;
}
.form-bottom .btn-hg {
padding: 10px 30px;
}
}
@media (max-width: 891px) {
.form-bottom .col-xs-12 {
text-align: center;
}
}
@media (max-width: 720px) {
.form-bottom .col-xs-6 {
width: 100%;
text-align: center;
}
}
@media (max-width: 640px) {
.form-bottom #signupFormCasual {
width: 80%;
}
}
@media (max-width: 540px) {
.form-bottom label {
display: none;
}
.form-bottom .col-xs-9 {
width: 100%
}
.form-bottom .col-xs-offset-3 {
margin-left: 0px;
}
}
@media (max-width: 400px) {
.form-bottom #signupFormCasual {
width: 100%;
}
}
/* Cambios top y specialists */
/*.content-packages .box-info2{
min-height:430px;
}*/
.top-featured-img {
position: relative;
z-index: 0;
min-height: 650px;
}
.top-featured-img img {
position: fixed;
width: 100%;
top: -30px;
}
.top-featured-img .btn-start img {
width: auto;
position: absolute;
right: 50%;
margin-right: -136px;
top: 540px;
z-index: 10;
}
.bg-1 {
height: 460px;
}
.bg-2 {
height: 500px;
}
.bg-h2, .bg-h3, .bg-1, .bg-2 {
display: none;
}
.b-phrase {
position: relative;
}
.b-phrase img {
width: 100%;
}
/* Barra Specialists*/
.espacio-vertical{
/*padding-top:5px;*/
background:white;
}
.b-specialist {
background: white;
position: relative;
font-size: .9em;
z-index: 10;
}
a:hover .b-specialist {
background: #ededed;
}
/*.sp-box, .sp-title {
display: inline-block;
vertical-align: middle;
}*/
.sp-box img, .sp-text {
display: inline-block;
vertical-align: top;
}
.sp-name {
text-transform: none;
font-size: 1.1em;
font-weight: normal;
}
.sp-title {
color: #e67e22;
font-size: 1.3em;
line-height: 1.1em;
}
.box-specialist {
color: #666;
line-height: 1.2em;
font-size: 0.8em;
}
/*.sp-box {
padding: 10px 0;
width: 21.5%;
height: 100%;
color: #333;
cursor: pointer;
}
.sp-box img {
padding-right: 4%;
padding-left: 4%;
opacity: .75;
}*/
.sp-text {
width: 65%;
line-height: 16px;
text-transform: uppercase;
font-size: .9em;
font-weight: bold;
}
.spaced {
letter-spacing: .5px;
}
.big {
text-transform: uppercase;
font-weight: bold;
}
.form-phrase {
color: #428bca;
padding: 10px 10px 50px 10px;
font-size: 1.3em;
background: #fff;
z-index: 9;
position: relative;
text-align: center;
font-weight: normal;
}
.logo {
margin-top: 5px;
}
.margin-negative {
margin-top: -35px;
}
.margin-negative {
margin-top: -30px;
}
.btn-start1 a {
position: absolute;
z-index: 10;
right: 32%;
top: 71%;
padding: 4px 12px;
font-size: 1.2em;
border: 1px solid #fff;
border-radius: 6px;
color: white;
}
.btn-start1 a:hover {
border: 1px solid #ddd;
color: #ddd;
}
.content-specialists h2 {
/*margin-bottom: 0;
padding-top: 0;*/
font-weight: normal;
/*margin-top: 0;*/
color: #d15904;
}
/*.content-specialists p {
margin-bottom: 10px;
line-height: 1.2em;
margin-top: 5px;
}
.content-specialists ul {
padding: 10px 10px 10px 30px;
margin-bottom: 20px;
border: 1px solid #ccc;
font-size: 15px;
border-top: none;
}
.content-specialists h3 {
margin-bottom: 0;
padding: 10px;
text-align: center;
color: #000000;
font-size: 16px;
font-weight: bold;
margin-top: 15px;
border: 1px solid #A5A5A5;
}
.b-specialists{
background: url("../img/fondo-piedras.jpg") no-repeat center;
width:100%;
height:140px;
text-align:center;
padding-top:50px;
}*/
.form-center{
width:70%;
margin:auto;
}
.left{
float:left;
}
.display-scroll{
display:none !important;
}
.general{
position:relative;
background:white;
}
/*.row{
margin-right:0;
margin-left:0;
}*/
/** Content seccion specialist **/
.content-specialists {
/*padding-top: 15px;
padding-bottom: 30px;*/
margin-bottom: 20px;
}
.content-specialists h3 {
padding-bottom: 23px;
}
.specialist-info {
padding-bottom: 10px;
background-color: #fff;
margin-bottom: 35px;
width: 100%;
min-height: 580px;
}
.specialist-info h3 {
background: #fff url('../img/f-ray3.png') 0px 38px repeat-x;
font-weight: 600;
}
.profile-specialists ul {
padding:5px 15px 0px 35px;
}
.profile-specialists li {
list-style-type: circle;
margin-bottom: 8px;
line-height: 1.4em;
font-size: 0.95em;
}
@media (max-width: 1024px) {
.specialist-info {
padding-bottom: 0px;
min-height: 565px;
}
}
@media (max-width: 880px) {
.profile-specialists{
text-align:center;
}
.content-specialists ul {
text-align:left;
}
.profile-specialists img{
width:100%;
max-width: 360px;
}
}
@media (max-width: 768px) {
.specialist-info {
min-height: 630px;
}
}
@media (max-width: 568px) {
.content-specialists {
padding-top: 0px;
}
/*.specialist-info {
min-height: 540px;
}*/
}
@media (max-width: 480px) {
.specialist-info {
padding-bottom: 5px;
}
.profile-specialists {
width: 100%;
}
.content-specialists .btn {
width: 100%;
}
}
.book{
font-size: 1.4em;
padding: 15px 0;
line-height:1.5em;
color: #292929;
border-radius: 8px;
border: 1px solid #DADADA;
margin-bottom: 50px;
}
.comilla1 {
background: #fff url("../img/quote-up-mb.png") center no-repeat;
margin: 10px 0px 10px 0px;
height: 21px;
}
.t-phrase{
max-width:960px;
text-align:center;
padding:0 10px;
margin:-12px auto 15px auto;
}
.m-top{
margin-top:40px;
}
.sellos-footerx{
background: url("../img/sprite-main@1x.png") no-repeat;
margin: 0 15px;
opacity: 0.6;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
display: inline-block;
vertical-align: middle;
display:inline !important;
}
.box-reviews1 {
background-color: #F8F8F8;
padding: 20px 20px 0 20px;
margin-top:5px;
min-height: 170px;
color:#747474;
font-size: .9em;
}
.title-orange{
/*color: #d15904;
font-size: 3em;
margin-bottom:20px;*/
color: #d15904;
/*font-size: 2.8em;*/
margin-bottom: 25px;
font-weight: normal;
}
.btn-extra-hg {
padding: 12px 42px;
font-size: 24px;
line-height: 1.227;
border-radius: 6px;
}
.col-9{
width: 9%;
}
.col-13{
width:13%;
}
.col-9{
width:9%;
}
.col-14{
width:14%;
}
.col-15{
width:15%;
}
.col-16{
width:16%;
}
.col-18{
width:18%;
}
.col-20{
width:20%;
}
.col-23{
width:23%;
}
.top-header{
height:100vh;
width:100vw;
/*top:0;
left:0;*/
overflow:hidden;
}
.top-header .top-img{
width:100vw;
max-height:100vh;
}
.top-header .top-img img, .top-img img{
width:100%;
}
/* logo con sombra blanca */
.logo-main{
position:absolute;
z-index:10;
top:20px;
left: 20px;
}
.logo-main img{
min-width:220px;
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12,
Color='#999')";
filter: url(#drop-shadow);
-webkit-filter: drop-shadow(1px 1px 6px rgba(255,255,255,1));
filter: drop-shadow(1px 1px 6px rgba(255,255,255,1));
}
/* logo sin sombra */
.logo-main1{
position:absolute;
z-index:10;
top:20px;
left: 20px;
}
.logo-main1 img{
min-width:220px;
}
.top-margin-banner{
margin-top:-100px;
}
.quote{
font-size:1.1em;
}
/*Prueba nav1*/
.c-nav1{
top:0;
position:fixed;
}
.c-nav{
bottom:0;
position:absolute;
}
.nav-icon1{
z-index:35;
width:100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background:white;
overflow:hidden;
border-bottom:1px solid #dedede;
font-family: Arial;
}
.nav-icon1.nav-black{
background: rgba(0,0,0,.5);
}
.nav-icon1.nav-black a{
color:#999;
}
.nav-icon1.nav-black .nav-effect{
border-right:1px solid #444;
}
.nav-icon1.nav-black a:hover{
background:rgba(50,50,50,.5);
}
.nav-icon1.nav-black .bg-orange {
opacity:.6
}
.nav-icon1 a{
display:inline-block;
margin:0 -2px;
vertical-align:middle;
padding:0;
color:#333;
letter-spacing:1.2px;
text-align:center;
height:100%;
padding-top: 14px;
}
.nav-effect{
border-right:1px solid #dedede;
font-size:1.2em;
}
.size1{
height:60px;
min-height: 40px;
}
.size2{
height:60px;
min-height: 40px;
}
.nav-effect1{
border-right:1px solid #dedede;
font-size:1.1em;
padding-top:14px !important;
}
.nav-icon1 img{
margin:0 auto;
padding:15px 0;
width:65%;
max-width: 100px;
display:block;
}
.nav-icon1 a:hover{
background:#ededed;
}
.min-quote{
padding-top:1.3em !important;
font-size:.9em !important;
}
.nav-icon1 a.free-quote{
background:#e67e22;
color:white;
font-size:1.4em;
text-transform:uppercase;
line-height:1.5em;
padding-top: 28px;
}
.nav-icon1 a:hover.free-quote{
background:#EF8A31;
}
.menu-padding{
padding: 0 95px;
}
.brand-icon-1 {
display: none;
position: fixed;
left: 25px;
top:10px;
z-index:40;
}
/*menu movil*/
.altura{
margin-top: 5px;
}
.altura1{
height: 47px;
}
.phone-icon{
float: right;
padding: 0 8px 0 0;
margin-bottom: 6px;
margin-top: 5px;
margin-right: 50px;
border-right: 1px solid #dedede;
width: 38px;
line-height: 2em;
}
.mobile{
display: none;
}
.mobile-nav .logo-movil{
margin-top: 3px;
}
.mobile-nav{
text-align: center;
/*margin-left: 70px;*/
}
.mobile-email{
float: left;
font-size: 1.2em;
line-height: 2.3em;
left: 0;
}
/*menu ipad*/
.ipad-menu{
width: 100%;
margin: 0;
padding: 0 60px 0 0;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-bottom: 1px solid #ededed;
font-size: .9em;
position: fixed;
z-index: 10;
background: white;
}
.ipad-menu a{
display: none;
color:#333;
text-align: center;
margin: 0 -2px;
padding: 10px 0;
}
.ipad-menu a:hover{
background: #dedede;
}
.ipad-menu a.bg-orange{
background:#e67e22;
color:white;
}
.ipad-menu a:hover.bg-orange{
background:#EF8A31;
}
.ipad-menu a.bird-ipad{
position: absolute;
left:15px;
margin-top: -3px;
}
.ipad-menu img{
width: 25px;
margin: 0 auto;
}
.ipad-menu a.logo-movil{
color:#428bca;
font-size: 1.2em;
}
.ipad-menu .i-phone-top{
top: 23px
}
.info-reviews h2.title-orange{
padding-top: 0;
}
.box-reviews1 {
padding: 10px 15px 5px 15px;
/*font-size: .85em;*/
min-height: auto;
}
.box-reviews1 p{
margin-bottom: 5px;
}
/*top sticker izq*/
.title-header, .title-header1{
z-index:20;
top: 100vh;
position: absolute;
color: white;
background: rgba(0,0,0,.5);
padding: 10px 15px 15px 15px;
line-height: 1.3em;
font-weight: 200;
text-transform: uppercase;
}
.title-header{
margin-top: -220px;
font-size: 1.95em;
letter-spacing: 1px;
}
.title-header1{
margin-top: -165px;
font-size: 3.1em;
letter-spacing: 2px;
font-weight: 500;
}
.top-flecha{
z-index:20;
top: 100vh;
position: absolute;
right:50%;
margin-right: -25px;
margin-top: -60px;
}
/*nuevo BOX-info*/
.content-packages .box-info4 {
background-color:#faf8f2;
margin-bottom: 30px;
padding-bottom: 5px;
}
.content-packages .box-info4 {
min-height: 500px;
}
.content-packages .box-info4 p, .box-info4 h3 {
padding-left: 20px;
padding-right: 20px;
}
.content-packages .box-info4 p{
line-height: 1.6;
}
/*fin*/
.total-height img{
height: 100%;
}
.bg {
position: relative;
top:0;
left: -50%;
width: 200%;
height: 200vh;
}
.bg img {
position: absolute;
top: -50%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}
.prueba-bg{
height: 100vh;
width:100vw;
overflow: hidden;
}
/*toggle-text-menu-desplegable*/
.botones-index{
position:fixed;
top:0;
background:white;
right:0;
z-index: 25;
margin: 0;
padding: 0 95px 0 0;
border-bottom: 1px solid #eee;
}
.botones-index a{
color:#333;
margin:0;
padding:12px 12px;
display: inline-block;
vertical-align: middle;
}
.botones-index a:hover{
background:#ededed;
}
.botones-index a.free-quote{
color:white;
background:#e67e22;
}
.botones-index a:hover.free-quote{
background:#e78e33;
}
.botones-index a.logo-x{
display: none;
}
.nav-icon1 a.free-quote .inquire-now {
border-radius: 6px;
border: 1px solid white;
padding: 8px 15px 6px 15px;
max-width: 160px;
margin: 0 auto;
font-size: 1.2em;
text-transform: uppercase;
}
.toggle-text {
text-transform: uppercase;
letter-spacing: 2.7px;
font-size: .8em;
margin-top: 2px;
position: absolute;
right: 0;
}
a .toggle-text{
color:black;
}
a .toggle-text.blanco{
color:white !important;
}
.sb-close {
margin-top: 13px;
font-size: 1.8em;
-webkit-transition: all 0.2s; /* Safari */
transition: all 0.2s;
}
.sb-close:hover {
color:#000;
transform:scale(1.3,1.3);
-webkit-transition: all 0.2s;
transition: all 0.2s;
/*-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;*/
}
/*.shadow-menu {
background-color: rgba(0, 0, 0, 0.15);
z-index: -1;
position: absolute;
width: 64px;
top: 1px;
left: -10px;
height: 62px;
}*/
.shadow-menu {
background: url("../img/shadow-menu.png") no-repeat;
z-index: -1;
position: absolute;
width: 135px;
top: -19px;
left: -65px;
height: 96px;
display: block;
}
@media (max-width: 1024px) {
.shadow-menu {
display: none !important;
}
}
/*aviso inferior y lateral*/
.inferior-inquire{
position:fixed;
bottom:0;
z-index:55;
text-align:center;
width:100%;
padding:10px;
background:rgba(240,240,240,.95);
font-size:1.2em;
color:#444;
display: none;
transition: bottom 200ms cubic-bezier(0.24, 0.44, 0.38, 0.21);
}
.fui-cross-circle {
font-size: 1.8em;
color: #bababa;
font-weight: 600;
line-height: 1.1em;
}
/*.dark{
background:rgba(230,230,230,1);
padding:15px 16px 16px 16px;
}*/
a.inquire-button{
border-radius: 6px;
border:1px solid #e67e22;
color: white;
font-size: .9em;
padding: 7px 15px;
margin-left: 12px;
text-transform: uppercase;
background:#e67e22;
}
a:hover.inquire-button{
color: #e67e22;
background:none;
}
a.lateral-inquire {
position: fixed;
background: rgba(230, 126, 34, .9);
border-radius: 0 6px 6px 0;
color: white;
left: -80px;
width: 80px;
top: 50%;
margin-top: -60px;
z-index: 100;
padding: 8px;
line-height: 20px;
box-sizing:border-box;
transition: left 200ms cubic-bezier(0.24, 0.40, 0.30, 0.20);
}
#minimize-inquire{
position: fixed;
cursor:pointer;
bottom:-10px;
left:-100%;
}
#minimize-inquire + label {
position: fixed;
width:30px;
right:20px;
cursor:pointer;
z-index: 56;
bottom:5px;
display: none;
}
#minimize-inquire:checked ~ a.lateral-inquire {
left: 0;
}
#minimize-inquire:checked ~ .inferior-inquire, #minimize-inquire:checked + label, .no-inquire {
bottom: -100px !important;
}
a.top-inquire{
text-transform: uppercase;
font-size: 1.15em;
padding:3px 10px;
border-radius: 4px;
border: 1px solid #e67e22;
color:white;
position: absolute;
z-index: 40;
top: 8px;
right:100px;
background:#e67e22;
}
a:hover.top-inquire{
background:none;
color: black;
border: 1px solid black;
}
.banner-hotel{
background: url("../img/top/banner-hotels.jpg") no-repeat;
min-height:600px;
width:100%;
background-size:100% 100%;
}
.mailto a{
color: white;
}
.inquire{
border-radius:4px;
border:1px solid white;
padding: 4px 14px;
/* font-weight: bold; */
font-size: 1.1em;
}
a .inquire{
color:white;
}
.small-text1{
font-size:.95em;
}
.text-cabecera {
overflow: hidden;
z-index: 10;
position: absolute;
top: 50vh;
margin-top: -40px;
text-align: center;
width: 500px;
right: 50%;
margin-right: -315px;
}
.text-cabecera h2{
color: #d2d2d2;
font-size: 1.55em;
line-height: normal;
}
.text-cabecera img{
text-align:center;
margin-left:200px;
width:90px;
}
.text-cabecera a:hover img{
opacity:.7;
}
.fui-play {
text-align: center;
margin-left: 200px;
font-size: 3em;
background: rgba(5, 5, 5, 0.3);
border-radius: 4px;
color: rgba(240, 236, 236, 0.8);
padding: 0px 25px 0px 35px;
}
.fui-play:hover {
background: rgba(5, 5, 5, 0.5);
color: rgba(240, 236, 236, 0.9);
}
.text-carousel {
overflow: hidden;
z-index:10;
position:absolute;
top:50vh;
margin-top: 10px;
text-align: center;
width: 100%;
}
.text-carousel ul.carousel-inner li h2 {
margin-top: 0;
color: white;
font-family: arial;
font-size: 44px;
}
.text-carousel ul.carousel-inner:before, .text-carousel ul.carousel-inner:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.text-carousel ul.carousel-inner:after {
clear: both;
}
.cf:before,
.cf:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.title-header2 {
z-index: 20;
top: 50%;
margin-top: -45px;
position: absolute;
padding: 0;
line-height: 1em;
font-weight: bold;
left: 50%;
margin-left: -470px;
background: none;
text-align: center;
font-size: 4em;
letter-spacing: 0;
width: 940px;
color:white;
text-transform: uppercase;
}
/*.content-packages h1{
font-size: 2.5em;
line-height: 1.2em;
}*/
.info-header-package .subtitulo {
margin-top: 0px
}
.info-price-day, .info-price-day2 {
/*padding: 25px 15px;
margin: 10px auto 0 auto;
text-align: center;
line-height: 1.5em;
width: 100%;
border: 1px solid #e1e1e1;
border-radius: 6px;*/
}
.info-price-day2 {
display: none;
}
.info-price-day .btn, .info-price-day2 .btn{
max-width: 300px;
}
.info-price-day p, .info-price-day2 p {
line-height: 1.4em;
color: #999;
margin-top: .9em;
margin-bottom: 1em;
padding: 0 10px;
}
.info-price-day .text-primary, .info-price-day2 .text-primary {
font-size: 2.2em;
color: #C41354;
font-weight: 600;
font-family: Arial, sans-serif;
}
.info-price-day .text-primary1, .info-price-day2 .text-primary1 {
font-size: 1.5em;
color: #333;
}
.content-packages .text-primary1, .content-packages2 .text-primary1 {
font-weight: bold;
font-family: Arial, sans-serif, "liberation-sansregular", "Helvetica-Neue", Helvetica;
}
.info-price-day sup {
font-size: 0.563em;
font-weight: normal;
}
.info-price-day .btn-primary {
background-color: #3498db;
}
.why-us1 {
padding: 0;
margin-bottom: 20px;
}
.why-us1 h3{
padding-left:10px;
}
.why-us1 ul{
}
.why-us1 li {
padding: 10px;
font-size: 1.1em;
display: inline-block;
width: 33%;
}
.why-us1 li a{
color:#666;
background: #eee;
}
.why-us1 li a:hover{
color:#999;
background:#E4F3FF;
}
.why-us1 img {
height: 30px;
color: white;
width: auto;
}
.why-us1 li:last-child {
border-bottom:none;
}
.box-package {}
.for-me{
border: 1px dashed #666;
padding: 20px;
margin: 20px 0;
width: 100%;
color: #D15904;
}
.gallery {
margin: 0;
}
.day img {}
.row1 {
margin-bottom: 40px;
padding-bottom: 40px;
position: relative;
}
.row1:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.aside {
float: right;
width: 450px;
font-size: .9em;
}
.aside img{
margin:0;
padding: 0;
}
.stickit {
margin-left: 689px;
position: fixed;
top: 70px;
}
.stickit-end {
bottom: 70px;
position: absolute;
right: 0;
}
.height-1{
height:20px;
}
.height-2{
height:40px;
}
.content-packages img {
margin-bottom: 0;
}
/*figure.snip1206 {
float: right;
min-width: 220px;
max-width: 300px;
margin: 60px 0 10px 20px;
width: 100%;
}
figure.snip1205 {
position: relative;
float: right;
overflow: hidden;
min-width: 220px;
max-width: 300px;
margin: 60px 0 10px 20px;
width: 100%;
background: #000000;
text-align: center;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1205 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
figure.snip1205 img {
max-width: 100%;
min-width: 300px;
vertical-align: top;
}
figure.snip1205 i {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
font-size: 34px;
color: #000000;
width: 60px;
height: 60px;
line-height: 60px;
background: #ffffff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
figure.snip1205 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
figure.snip1205:hover img{
opacity: 0.3;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
figure.snip1205:hover i, figure.snip1205:hover .view-gallery{
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
figure .view-gallery {
color: white;
position: absolute;
top: 50px;
margin-top: 104px;
font-size: .8em;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}*/
/* color: #6361A4;
background: white;
border-top: #D6D5FB 1px solid;
border-bottom: #D6D5FB 1px solid;
-webkit-transition: 0.25s color, 0.25s background-color;
-moz-transition: 0.25s color, 0.25s background-color;
-o-transition: 0.25s color, 0.25s background-color;
transition: 0.25s color, 0.25s background-color;
font-family: "myriad-pro", "liberation-sansregular", "Helvetica-Neue", Arial, sans-serif;
}
.ba-insurance-link:hover, .ba-insurance-link:focus, .ba-insurance-link.active {
color: #ffffff;
background: #6361A4;
}*/
.overview-route {
padding: 25px 25px 25px 30px;
margin-left: 0px;
margin-right: 0px;
background-color: rgba(249, 249, 249, 0.88);
border: 1px solid #f5f5f5;
}
.route-map {
font-size: 0.9em;
color: #666;
/*line-height: 2em;*/
/* display: flex; */
/* width: 100%; */
/* justify-content: center; */
position: relative;
/* margin: 0px 0 30px 0; */
/* border: 1px solid #dedede; */
padding-top: 0px;
}
.map {
border: 5px solid #fff;
}
.route-map .text-success {
color: #e67e22;
}
.day-itinerary {
display: block;
}
/*.route-map div{
margin: 0;
padding: 0;
}*/
.route-map h3.h4 {
margin-top: 0;
}
.route-map .col-md-9{
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
-o-column-count: 2;
column-gap: 1.5em;
-webkit-column-gap: 1.5em;
-moz-column-gap: 1.5em;
-o-column-gap: 1.5em;
border-left:1px solid #dedede;
padding: 15px 0 15px 60px;
}
.route-map .col-md-3{
background: #efefef;
}
.day-color{
font-weight: bold;
}
a.view-gallery-1 {
position: absolute;
right: 0;
margin: 280px 20px 0 0;
font-size: .8em;
}
/*.content-packages h2{
line-height: 1.2;
}*/
.blog img{
width: 100%;
}
.franja{
position:absolute;
z-index:8;
height:100vh;
/* background-image: url("https://www.peruforless.com/images/img/bg-square.png");*/
background-color:rgba(255,255,255,.82);
width:270px;
padding:120px 0 0 0;
box-sizing: border-box;
}
.franja1{
position: absolute;
z-index: 8;
/* height: 70vh; */
/* max-height: 460px; */
background-color: rgba(0, 0, 0, 0.6);
width: 248px;
padding: 25px 0 5px 0px;
box-sizing: border-box;
color: #e8e8e8;
margin: 15vh 0;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.franja-bg{
width:270px;
height:100vh;
}
.franja-body p{
line-height:1.3em;
}
.franja-title{
text-align: center;
/* padding: 15px 0; */
/* border-top: 1px solid #aaa; */
/* border-bottom: 1px solid #aaa; */
font-size: 1.35em;
letter-spacing: .5px;
line-height: 1.4em;
/* font-weight: bold; */
font-weight: 600;
}
.franja1 .franja-title{
margin: 0 20px 20px 20px;
/* border-top: none; */
border-bottom: 1px solid #6D6B6B;
padding-bottom: 17px;
}
.franja-body{
padding: 5px 20px 20px 20px;
/* margin-top: 20px; */
font-size: 1.01em;
}
.franja-body ol{
padding-left:20px;
}
.franja-body li{
line-height:1.4em;
margin-bottom:10px;
}
.franja-subtitle{
font-size: 1.2em;
text-align: center;
padding: 10px 15px;
line-height: 1.4em;
font-style: italic;
}
.franja-highlight{
color: #D46F15;
font-weight: bold;
font-size: 1.1em;
}
.ipad{
display: none;
}
.banner-video-movil{
width: 100%;
}
.banner-video-movil img{
width: 100%;
margin-top:18px;
}
.banner-video-movil a:hover{
opacity:.8;
}
.anchor-top1{
display: block;
margin-top: -62px;
height: 62px;
visibility: hidden;
}
.anchor-top2{
display: block;
margin-top: -50px;
height: 50px;
visibility: hidden;
}
.background-video{
/* background-image: url("https://www.peruforless.com/images/img/bg-square.png"); */
width: 100vw;
height: 100vh;
position: absolute;
opacity: .0;
background-color: black;
z-index:1;
}
. /* video video, .video1 video {
min-width: 100%;
min-height: 100%;
}
.video1{
top:0;
padding: 0;
margin: 0 0 0 0;
width: 100%;
height: 100%;
overflow: hidden;
}*/
.video1 {
position: relative;
top:0;
left: -50%;
width: 200%;
height: 200vh;
overflow: hidden;
}
.video1 video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 100%;
min-height: 100%;
}
.video-pop-up{
z-index:15;
position:absolute;
top:50%;
right:50%;
text-align:center;
font-size:1.4em;
font-weight:bold;
width:420px;
margin-right:-210px;
margin-top:-30px;
line-height: 1.3em;
}
.video-pop-up a{
color:white;
text-shadow:2px 2px 20px #333;
}
.video-pop-up img{
max-width:75px;
padding-bottom:10px;
}
/* NEW FORM PROOF */
.form-flex{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.stars img{
height: 60px;
border-radius:4px;
border:1px solid #ccc;
margin-top: 10px;
cursor: pointer;
background: #EFEFEF;
-moz-transition-duration: .1s;
-webkit-transition-duration: .1s;
transition-duration: .1s;
}
.stars:hover img{
border:2px solid #4782C0;
}
#stars-2, #stars-3, #stars-4, #stars-5,#t-1, #t-2, #t-3, #t-4, #t-5, #t-6, #undecided, #d-1, #d-2, #d-3, #d-4, #d-5, #undecided1{
opacity: 0;
position: absolute;
}
#t-1 + label img, #t-2 + label img, #t-3 + label img, #t-4 + label img, #t-5 + label img, #t-6 + label img, #d-1 + label img, #d-2 + label img, #d-3 + label img, #d-4 + label img, #d-5 + label img, #undecided + label img, #undecided1 + label img{
border-radius:4px;
border:1px solid #ccc;
margin-top: 10px;
cursor: pointer;
background: #fff;
-moz-transition-duration: .1s;
-webkit-transition-duration: .1s;
transition-duration: .1s;
height: 55px;
box-sizing: border-box;
padding-right: 7px;
padding-left: 7px;
}
#t-1 + label img, #d-1 + label img, #stars-5 + .stars img{
margin-left:0;
}
#undecided:hover + label img, #undecided1:hover + label img{
background: white;
border:2px solid #4782C0;
}
#t-1:hover + label img , #t-2:hover + label img, #t-3:hover + label img, #t-4:hover + label img, #t-5:hover + label img , #t-6:hover + label img, #d-1:hover + label img , #d-2:hover + label img, #d-3:hover + label img, #d-4:hover + label img, #d-5:hover + label img{
border:2px solid #4782C0;
}
label #stars-2:checked + .stars img, label #stars-3:checked + .stars img, label #stars-4:checked + .stars img, label #stars-5:checked + .stars img, #t-1:checked + label img , #t-2:checked + label img, #t-3:checked + label img, #t-4:checked + label img, #t-5:checked + label img , #t-6:checked + label img, #d-1:checked + label img , #d-2:checked + label img, #d-3:checked + label img, #d-4:checked + label img, #d-5:checked + label img , #undecided:checked + label img, #undecided1:checked + label img{
border: 3px solid #4782C0;
background: white url("../img/i-check.svg") right top no-repeat;
}
.form-bottom1 {
color: #656565;
/* padding-top: 50px; */
padding-bottom: 0px;
background: 50% 50% no-repeat;
background-image: url("../img/f-form-bottom.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 1;
font-weight: 200;
position: relative;
clear: both;
}
#casual_firstname-error, #casual_email-error{
color:#c95555;
font-size:.9em;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
transition-duration: .2s;
letter-spacing:.2px;
background: url("../img/i-required.svg") no-repeat;
padding-left:21px;
}
.form-bottom1 .h3 {
margin-top: 22px;
margin-bottom: 4px;
}
.form-bottom1 #signupFormCasual {
width: 700px;
}
.form-bottom1 .form-control {
margin-top: 15px;
height: 55px;
}
textarea.form-control {
height: 150px !important;
}
.form-control:-moz-placeholder {
color: #aaa;
}
.form-control::-moz-placeholder {
color: #aaa;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #aaa;
}
.form-control::-webkit-input-placeholder {
color: #aaa;
}
.form-bottom1 .c-name{
font-size: .9em;
text-transform: uppercase;
letter-spacing: 2px;
/*margin-top: 6px;*/
text-align:center;
margin-left: -25px;
font-weight: bold;
}
.form-bottom1 .c-name span{
font-size: .93em;
text-transform:none;
font-style: italic;
letter-spacing: 1.5px;
font-weight: lighter;
}
.bg-other{
background: rgba(255, 255, 255, 0.85);
width: 100%;
height: 100%;
padding-top: 25px;
padding-bottom: 18px;
}
.btn-blue{
background: #4782C0;
color:white;
/*margin-bottom: 20px;*/
}
.btn-blue:hover{
background:#47a2c9;
}
a.btn-skip{
background: transparent;
border: 1px solid #999;
color: #4782C0;
box-shadow: none;
}
.btn-skip:hover{
border-color:#47a2c9;
color:#47a2c9;
}
.n-contact-general{
position:relative;
padding-left:55px;
}
.icon-general{
position: absolute;
left: -25px;
border-radius: 6px;
width: 38px;
border: 1px solid #CCCCCC;
background-color: #EFEFEF;
}
.i-hotel{
top: 58px;
height: 60px;
width: 65px;
padding-top: 8px;
text-align: center;
}
.i-length{
top: 34px;
height: 55px;
width: 65px;
padding-top: 6px;
text-align: center;
}
.i-passengers{
top: 34px;
height: 55px;
width: 65px;
padding-top: 8px;
text-align: center;
}
.i-departure, .i-phone, .i-name, .i-email{
top: 15px;
height: 55px;
width: 65px;
padding-top: 6px;
text-align: center;
}
.red{
color: #B96666;
}
.step-2{
display: none;
}
.steps {
/* font-size: 1.5em;
border-left: 1px solid #4782C0; */
padding-left: 5px;
margin-left: 5px;
letter-spacing: 2px;
color: #4782C0;
vertical-align: middle;
font-weight: 500;
}
.c-email{
margin-top:5px;
font-weight: 400;
}
/* END NEW FORM */
@media (max-height: 780px) {
.size1 {
height: 60px;
max-height: inherit;
min-height:auto;
}
.nav-icon1 img {
padding: 14px 0 10px;
max-width: 90px;
}
.size2 {
height: 60px;
min-height: 40px;
}
.nav-icon1 a.free-quote{
padding-top: 20px;
}
}
@media (max-height: 700px) {
.size1 {
height: 60px;
max-height: inherit;
min-height:auto;
}
.size2 {
height: 60px;
min-height: 40px;
}
.nav-icon1 img {
padding: 12px 0 10px;
max-width: 80px;
}
.nav-icon1 a.free-quote {
font-size: 1.2em;
padding-top: 12px;
}
}
/* top baner 2 */
/* Clases con fondo blanco para proteger el top fixed*/
.crumb, .main-container {
background:white;
position:relative;
width:100%;
}
.crumb {
height: 65px;
}
/* Clases cabecera - quiebres de 3 img */
.top-featured-img {
min-height: 650px;
}
.top-featured-img img {
position: fixed;
top: -30px;
}
.bg-h2, .bg-h3 {
display: none;
}
@media (max-width: 1740px) {
.top-featured-img {
min-height: 600px;
}
.top-featured-img img {
top: -20px;
}
.top-featured-img .btn-start img {
width: 260px;
top: 500px;
margin-right: -130px;
}
}
@media (max-width: 1650px) {
.top-featured-img {
min-height: 550px;
}
.top-featured-img img {
top: -10px;
}
.top-featured-img .btn-start img {
width: 240px;
top: 470px;
margin-right: -122px;
}
/*.content-packages .box-info2{
min-height: 420px;
}*/
.content-packages .box-info4{
min-height: 500px;
}
.banner-hotel{
min-height:500px;
}
}
@media (max-width: 1465px) {
.top-featured-img {
min-height: 520px;
}
.top-featured-img img {
top: 0;
}
.top-featured-img .btn-start img {
width: 210px;
top: 430px;
margin-right: -107px;
}
}
@media (max-width: 1340px) {
.top-featured-img {
min-height: 450px;
}
.top-featured-img .btn-start img {
top: 380px;
margin-right: -105px;
}
.banner-hotel{
min-height:400px;
}
.small-text1{
font-size:.88em;
}
.text-carousel {
margin-top:-5px;
}
}
@media (max-width: 1280px) {
.min-quote{
padding-top:1.4em !important;
font-size:.8em !important;
}
.size2{
height:55px;
}
.nav-effect1{
font-size:1em;
}
.nav-icon1 a{
letter-spacing:1px;
}
.menu-toggle-grippy {
margin-top: 15px;
}
.c-nav {
bottom: 0;
}
.small-text1{
font-size:.8em !important;
}
.text-carousel {
margin-top:-25px;
}
}
@media (max-width: 1240px) {
.top-featured-img {
min-height: 400px;
}
.top-featured-img .btn-start img {
top: 335px;
}
.nav-icon1 a.free-quote .inquire-now{
font-size: 1.05em;
width: 140px;
margin-top: -2px;
}
}
@media (max-width: 1180px) {
.min-quote{
padding-top:1.9em !important;
font-size:.7em !important;
}
.size2{
height:55px;
}
.nav-effect1{
font-size:0.95em;
}
.nav-icon1 a{
letter-spacing:0;
}
.box-reviews1 {
min-height: auto;
padding: 10px 15px 1px 15px;
font-size: .85em;
}
.box-reviews1 p{
margin-bottom: 5px;
}
.text-carousel {
margin-top:-50px;
}
.aside {
width: 400px;
}
}
@media (max-width: 1120px) {
.top-featured-img {
min-height: 580px;
}
.top-featured-img img {
position: absolute;
top: -105px;
}
.bg-h1 {
display: none;
}
.bg-h2 {
display: inherit;
}
.bg-h2 img{
width: 100%;
}
.sp-title {
font-size: 1.3em;
}
.b-specialist {
font-size: .8em;
}
.sp-box img {
width: 30%;
}
.top-featured-img .btn-start img {
width: 200px;
top: 490px;
margin-right: -115px;
}
/*.content-packages .box-info2{
min-height: 450px;
}*/
.small-text{
font-size: 0.9em;
padding-top: 18px;
}
.content-specialists ul {
padding: 5px 10px 5px 30px;
margin-bottom: 15px;
/*font-size: 14px;*/
}
.text-carousel {
margin-top:-10px;
}
}
@media (max-width: 1060px) {
.top-featured-img {
min-height: 520px;
}
.top-featured-img .btn-start img {
top: 450px;
}
.banner-hotel{
min-height:350px;
}
.small-text1{
font-size:.77em !important;
}
.route-map .col-md-3{
display:none;
}
.route-map .col-md-9 {
padding: 15px 0 15px 20px;
width: 100%;
}
}
@media (max-width: 1024px) {
.c-nav {
bottom: 0;
}
.route-map, .route-map .col-md-9 {
border: 0px;
margin-top: 0px;
padding-top: 0px
}
.route-map {
font-size: inherit;
}
.nav-icon1 a.free-quote .inquire-now{
margin-top: 8px;
}
.text-carousel {
margin-top:-10px;
}
.no-ipad{
display: none;
}
.ipad{
display: inherit;
}
.text-cabecera {
margin-top: 65px;
}
.title-header, .top-flecha, .toggle-text, .nav-icon1, a.top-inquire, .brand-icon-1 a img, .box-package .col-md-3, .aside, .title-header2{
display: none;
}
.title-header1 {
margin-top: -150px;
font-size: 3.5em;
}
.ipad-menu a{
display: inline-block;
}
.top-header, .top-header .top-img{
height:auto !important;
max-height: auto !important;
min-height: auto !important;
}
.top-header .top-img{
margin-top: 20px;
}
.nav-icon1.size1{
display: none !important;
}
.bg {
position: inherit;
top:0;
left: 0;
width:100vw;
height:auto;
max-height: auto;
min-height: auto;
margin-top: 0;
}
.bg img {
position: inherit;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
min-width: auto;
min-height: auto;
width:100%;
}
.logo-main1{
display: none;
}
#stars-2:hover + label img, #stars-3:hover + label img, #stars-4:hover + label img, #stars-5:hover + label img{
border:1px solid #ccc;
background: #EAE4E4;
}
}
@media (max-width: 1020px) {
.logo-main{
display: none;
}
.box-reviews1 {
min-height: auto;
}
.box-package .col-md-7{
width:100%;
}
/*h1.index{
margin: 0;
text-align: none;
}*/
.bg-1 {
display: inherit;
}
.bg-1 img{
width: 100%;
}
.botones-index {
width: 100%;
text-align: right;
font-size:.9em;
padding: 0 65px 0 0;
}
.botones-index a{
padding: 10px;
}
.botones-index a.logo-x{
display: inherit;
float: left;
color:#428bca;
font-size: 1.2em;
}
.inquire{
padding: 5px 12px;
text-transform: uppercase;
}
}
@media (max-width: 960px) {
.top-featured-img {
min-height: 460px;
top: 20px;
}
.top-featured-img .btn-start img {
top: 390px;
}
/*.content-packages .box-info2{
min-height: 470px
}*/
.title-header{
bottom: 50px;
font-size: 1.8em;
padding: 5px 10px;
}
.text-carousel {
margin-top:-30px;
}
.franja, .franja1{
display: none;
}
}
@media (max-width: 880px) {
.top-featured-img {
min-height: 410px;
top:40px;
}
.top-featured-img .btn-start img {
top: 300px;
}
.sp-box {
width: 20%;
}
.border-box {
width: 16%;
}
.sp-text {
/*padding-left: 5%;*/
width: 90%;
}
.sp-box img {
display: none;
}
/*.content-packages .box-info2{
min-height: 420px
}*/
.ipad-menu{
font-size: .85em;
}
.banner-hotel{
min-height:300px;
}
.text-carousel {
margin-top:-60px;
}
.why-us1 li {
width: 49%;
}
.title-header2{
display: none;
}
.route-map {
display: inline;
border: 0;
}
.route-map h3.h4 {
position: inherit;
}
.route-map .col-md-9 {
padding: 0px 0px 0px 20px;
column-count: 1;
-webkit-column-count: 1;
-moz-column-count: 1;
-o-column-count: 1;
/*border-left: none;*/
}
/*.info-price-day{
display: none;
}*/
.info-price-day2 {
display: inline-block;
}
.text-cabecera{
display: none;
}
}
@media (max-width: 768px) {
.top-featured-img {
min-height: 370px;
}
.top-featured-img .btn-start img {
top: 280px;
width: 180px;
margin-right: -100px;
}
.box-reviews1 {
min-height: auto !important;
}
.no-tablet{
display:none;
}
.title-header1 {
display:none;
}
.crumb {
display: none;
}
/*.content-packages .box-info2, .content-packages .box-info4{
min-height: inherit;
}*/
.content-packages .box-info4 {
min-height: 0;
display: table;
width: 100%;
padding-bottom: 0px;
}
.content-packages .box-info4 img{
width: 100%;
/*float: left;
margin-right: 15px;*/
margin-bottom: 15px;
}
.inquire{
padding:6px;
}
.inferior-inquire{
bottom:0;
}
#minimize-inquire + label {
bottom: 0;
}
.text-carousel {
margin-top:-100px;
display:none;
}
}
@media (max-width: 736px) {
.bg {
display: none;
}
.top-header, .top-header .top-img {
margin-top: 25px;
}
.content-packages .box-info4 img{
width: 240px;
}
}
@media (max-width: 720px) {
.top-featured-img {
min-height: 550px;
}
.top-featured-img img {
top: -90px;
}
.top-featured-img .btn-start img {
top: 420px;
}
.b-specialist {
display: none;
}
.bg-h3, .bg-2 {
display: inherit;
}
.sp-title {
display: block;
width: 100%;
text-align: center;
font-size: 1.6em;
border-left: none;
border-right: none;
border-bottom: 1px solid #dedede;
padding: 10px 0;
}
.sp-box {
width: 24%;
}
}
@media (max-width: 680px) {
.movil-header1 {
display: inline;
}
.mobile{
display: inline;
}
.no-mobile{
display: none;
}
.ipad-menu a, .botones-index, .inferior-inquire, #minimize-inquire + label{
display: none;
}
.banner-hotel{
min-height:250px;
}
/*.content-packages h1, h1, .content-packages h2 {
font-size: 2.2em;
line-height: 1.2;
}*/
.top-firma {
font-size: 1.2em;
padding-top: 10px;
line-height: 1.3em;
}
.content-specialists h2 {
line-height: 1.2em;
/*font-size: 2.4em;*/
margin-top: 60px;
}
.b-phrase p.h5{
margin: 10px 10px 0 10px;
font-size:1.2em;
}
.info-reviews h2.title-orange {
padding-top: 25px;
line-height: 1.2em;
}
.content-aboutus, .content-moreforless {
background: none;
}
.content-moreforless {
padding-top: 50px;
margin-bottom: 90px;
}
.content-moreforless p {
margin-bottom: 0;
}
.form-horizontal .form-group {
margin-top: 15px;
}
.form-group .h3{
margin-top:0;
padding: 0 5px;
}
.form-bottom .btn-hg {
width: 100%;
}
.form-phrase {
padding: 10px 10px 30px 10px;
font-size: 1.1em;
line-height: 1.4em;
}
/*.anchor {
height: 1px;
}*/
.top-header, .top-header .top-img {
margin-top: 25px;
}
.content-info {
padding: 0px 0px 20px 0px;
}
.btn-extra-hg {
font-size: 20px;
}
/*.altura {
margin-top: 3px;
}*/
/*.anchor {
height: 0px;
}*/
.footer .col-sm-4 h2 {
font-size: 2em;
}
.form-center{
width: 80%;
margin:auto;
}
.form-group .h4 {
margin-top: 0;
text-transform: uppercase;
font-size: 1.2em;
margin-bottom: 0;
}
.box-package {
margin-bottom: 40px;
margin-top: 60px !important;
}
.box-package h2{
margin-bottom:0;
}
.form-bottom textarea{
height:140px !important;
}
.box-package h2.h5{
margin-bottom:20px;
font-size:1.2em;
}
.route-map {
padding: 0;
}
.features-tabs .features-body.active {
padding-top: 0;
}
.content-packages .box-info4 img {
width: 100%;
margin-bottom: 15px;
}
.anchor-top {
height: 20px;
}
.form-bottom1 #signupFormCasual {
width: auto;
}
a.inquire-button{
font-size: .8em;
padding: 5px 12px;
margin-left: 0;
}
#minimize-inquire:checked ~ a.lateral-inquire {
left: -80px;
}
#minimize-inquire + label {
bottom: 5px;
}
.tab3 .h4, .tab4 .h4 {
margin-top: 40px;
margin-bottom: 50px;
}
.mailto{
font-size: 1.4em;
font-weight: bold;
}
.form-bottom .small {
text-align: center;
}
.bg-other{
padding-top: 0px;
}
.form-bottom1 {
margin-top: 60px;
}
}
@media (max-width: 630px) {
.top-featured-img {
min-height: 480px;
}
.top-featured-img .btn-start img {
top: 360px;
}
.book-kim{
display: none;
}
.why-us1 li {
width: 98%;
}
.form-center{
width: 90%;
}
}
@media (max-width: 550px) {
.top-featured-img {
min-height: 420px;
}
.top-featured-img .btn-start img {
top: 300px;
}
.n-contact-general{
padding-left:0;
}
.icon-general{
display:none;
}
.form-bottom1 .c-name {
margin-left:0;
}
}
@media (max-width: 470px) {
.top-featured-img {
min-height: 360px;
}
.top-featured-img .btn-start img {
top: 240px;
}
.title-header{
bottom: 80px;
font-size: 1.6em;
width:100%;
text-align:center;
}
.banner-hotel{
min-height:200px;
}
}
@media (max-width: 415px) {
.top-featured-img {
min-height: 290px;
}
.b-specialist {
font-size: .7em;
}
.top-featured-img .btn-start img {
width: 170px;
top: 200px;
margin-right: -92px;
}
.btn-hg {
/* padding: 10px 30px;*/
font-size: 18px;
}
}
@media (max-width: 375px) {
.form-group .h3{
font-size: 1.7em;
}
}
.form-control[readonly]{
background-color: #fff;
border-color: #bdc3c7;
color: #7f8c8d;
cursor: default;
opacity: 1;
filter: alpha(opacity=100);
}
.form-footer {
margin-right: -18px;
margin-left: -37px;
}
/* sidebars.css */
/* -----------------------------------
* Slidebars CSS Index
*
* 001 - Box Model, Html & Body
* 002 - Site
* 003 - Slidebars
* 004 - Animation
* 005 - Helper Classes
*
* ----------------------------
* 001 - Box Model, Html & Body
*/
html, body, #sb-site, .sb-site-container, .sb-slidebar {
/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
width: 100%;
overflow-x: hidden; /* Stops horizontal scrolling. */
}
html {
height: 100%; /* Site is as tall as device. */
}
body {
min-height: 100%;
height: auto;
/* position: relative; Required for static Slidebars to function properly. */
}
/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
overflow: hidden;
}
/* ----------
* 002 - Site
*/
#sb-site, .sb-site-container {
/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
width: 100%;
min-height: 100vh;
position: fixed;
z-index: 1; /* Site sits above Slidebars */
z-index:40;
background: rgba(255,255,255,0);
/*background-color: #ffffff; Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}
/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
content: ' ';
display: table;
}
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
clear: both;
}
/* ---------------
* 003 - Slidebars
*/
.sb-slidebar {
height: 100%;
overflow-y: auto;/* Enable vertical scrolling on Slidebars when needed. */
position: fixed;
top: 0;
z-index: 0;/* Slidebars sit behind sb-site. */
display: none;/* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
/* background-color: #fff; *//* Default Slidebars background colour, overwrite this with your own css. */
/* border-left:1px solid #dedede; */
color: #000;
}
.contenedor-lateral{
width:300px;
float:right;
background:white;
min-height: 100%;
position: relative;
-webkit-box-shadow: 0px 0px 40px rgba(108, 121, 121, 0.9);
-moz-box-shadow: 0px 0px 40px rgba(108, 121, 121, 0.9);
box-shadow: 0px 0px 40px rgba(108, 121, 121, 0.9);
border-left: 1px solid #989898;
}
.sb-slidebar, .sb-slidebar * {
-webkit-transform: translateZ( 0px ); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}
.sb-left {
left: 0; /* Set Slidebar to the left. */
}
.sb-right {
right: 0; /* Set Slidebar to the right. */
}
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}
.sb-slidebar.sb-active {
display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}
.sb-style-overlay {
z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}
.sb-momentum-scrolling {
-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}
/* Slidebar widths for browsers/devices that don't support media queries. */
.sb-slidebar {
width: 500px;
}
.sb-width-thin {
width: 15%;
}
.sb-width-wide {
width: 45%;
}
@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
.sb-slidebar {
width: 100%;
}
.sb-width-thin {
width: 55%;
}
.sb-width-wide {
width: 85%;
}
}
@media (min-width: 481px) { /* Slidebar widths on small screens. */
.sb-slidebar {
width: 60%;
}
.sb-width-thin {
width: 40%;
}
.sb-width-wide {
width: 70%;
}
}
@media (max-width: 768px) {
ul.sub-destination, ul.sub-travel-style, ul.sub-tours, ul.sub-peruguide{
display: none !important;
}
}
@media (min-width: 768px) { /* Slidebar widths on medium screens. */
.sb-slidebar {
width: 500px;
}
.sb-width-thin {
width: 25%;
}
.sb-width-wide {
width: 55%;
}
.sub-destination, .sub-travel-style, .sub-tours, .sub-peruguide{
font-size: .7em;
line-height: 1.8;
padding: 0 35px 0 0;
color: #666;
display: none;
margin-bottom: 0;
position: absolute;
top: 0;
background: white;
left: 0;
margin-left: -220px;
text-align: right;
width: 220px;
letter-spacing: 1.2px;
font-weight: 500;
}
.sub-destination li:last-child, .sub-travel-style li:last-child, .sub-tours li:last-child, .sub-peruguide li:last-child, {
line-height:0;
margin-top:15px;
}
.sub-destination li:first-child, .sub-travel-style li:first-child, .sub-tours li:first-child, .sub-peruguide li:first-child{
padding-top:5px;
}
}
@media (min-width: 1025px) { /* Slidebar widths on large screens. */
.sb-slidebar {
width: 500px;
}
.sb-width-thin {
width: 15%;
}
.sb-width-wide {
width: 45%;
}
.sub-destination, .sub-travel-style, .sub-tours, .sub-peruguide{
font-size: .65em;
/*! line-height: 20px; */
padding: 5px 35px 5px 0;
color: #666;
display: none;
margin-bottom: 0;
position: absolute;
top: 0;
background: white;
/*! left: 0; */
/*! margin-right: 160px; */
text-align: right;
/*! width: 180px; */
letter-spacing: 1.5px;
}
.sub-destination li:last-child, .sub-travel-style li:last-child, .sub-tours li:last-child, .sub-peruguide li:last-child, {
line-height:0;
margin-top:15px;
}
.sub-destination li:first-child, .sub-travel-style li:first-child, .sub-tours li:first-child, .sub-peruguide li:first-child{
padding-top:5px;
}
}
@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
.sb-slidebar {
width: 500px;
}
.sb-width-thin {
width: 5%;
}
.sb-width-wide {
width: 35%;
}
}
/* ---------------
* 004 - Animation
*/
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
-webkit-transform: translate( 0px );
-moz-transform: translate( 0px );
-o-transform: translate( 0px );
transform: translate( 0px );
-webkit-transition: -webkit-transform 200ms ease;
-moz-transition: -moz-transform 200ms ease;
-o-transition: -o-transform 200ms ease;
transition: transform 200ms ease;
-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}
/* --------------------
* 005 - Helper Classes
*/
.sb-hide {
display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}
.menu-toggle {
cursor: pointer;
position: fixed;
right: 25px;
font-size: 1em;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
z-index: 50;
}
.menu-toggle.open {
opacity: 0.5;
-webkit-opacity: 0.5;
-ms-opacity: 0.5;
-moz-opacity: 0.5;
-o-opacity: 0.5;
}
.menu-toggle-grippy {
border-bottom: 4px solid #000;
border-top: 4px solid #000;
float: left;
line-height: 0;
padding: 4px 0;
text-indent: -999em;
width: 45px;
margin-top: 10px;
}
.menu-toggle-grippy:after {
background: #000;
content: '';
display: block;
height: 4px;
}
.sb-slidebar a{
color:#333;
margin-bottom: 5px;
}
.sb-slidebar a:hover{
color:#ccc;
}
.sb-slidebar li{
list-style:none;
font-size:1.1em;
}
.sb-slidebar{
z-index:60;
}
ul.main-button{
margin-bottom: 20px;
margin-top: 83px;
font-size: 1.25em;
letter-spacing: .5px;
padding-left: 30px;
display: inline-block;
font-weight: 600;
line-height: 1.6em;
}
ul.main-button li{
margin-bottom: 6px;
position: relative;
}
ul.no-main-button{
margin-bottom: 25px;
font-size: 1.1em;
letter-spacing: .5px;
padding-left: 30px;
font-weight: lighter;
line-height: 1.3em;
}
ul.no-main-button li{
margin-bottom: 8px;
}
ul.no-main-button li a{
color:#888;
}
.sb-slidebar p{
margin-right:30px;
margin-left: 30px;
font-size: .9em;
}
.sb-slidebar hr{
margin:15px 30px;
}
.sidebar-logo a {
background:url("../img/logo-icon-pfl.svg") no-repeat;
height: 34px;
width: 67px;
margin-top: 20px;
margin-left: 30px;
position: fixed;
background-size: 45px;
}
.sidebar-logo a:hover{
opacity: .3;
}
.menu-toggle-grippy.blanco{
border-color: white !important;
}
.menu-toggle-grippy.blanco::after{
background: white !important;
}
.menu-toggle-grippy.black-color{
border-color: black !important;
}
.menu-toggle-grippy.black-color::after{
background: black !important;
}
/*.blanco.menu-toggle-grippy:after{
background: #000 !important;
}*/
/*.blanco.menu-toggle-grippy:after.black-color1{
background: #000 !important;
}*/
@media (max-width: 1024px) { /* Slidebar widths on extra large screens. */
.menu-toggle-grippy {
border-bottom: 4px solid #000;
border-top: 4px solid #000;
padding: 4px 0;
width: 32px;
z-index: 90;
margin-top: 22px;
margin-right: 14px;
}
.menu-toggle-grippy.ipadx{
margin-top: 14px !important;
margin-right: 0px !important;
}
.menu-toggle-grippy:after {
height: 4px;
}
.menu-toggle {
right:16px;
}
.menu-toggle-grippy.blanco{
border-color: black !important;
}
.menu-toggle-grippy.blanco::after{
background: black !important;
}
.menu-toggle-grippy.black-color{
border-color: black !important;
}
.menu-toggle-grippy.black-color::after{
background: black !important;
}
}
@media (max-width: 1020px) {
.menu-toggle-grippy {
margin-top: 14px;
margin-right: 0;
}
}
@media (max-width: 720px) {
.menu-toggle-grippy {
width: 30px;
margin-top: 12px;
}
.menu-toggle {
right:20px;
}
}
/*bar derecha*/
.space-bottom {
position: relative;
}
.affix {
/*top: 62px;*/
top: 75px;
position: fixed;
padding-right: 15px;
}
.affix-top {
position: relative;
margin-top: 75px;
}
.affix-bottom {
position: absolute;
padding-right: 15px;
}
.menubar {
border-left: solid 1px #C98250;
}
.menubar a {
color: #2a6496;
}
.menubar .nav {
display: none;
}
.menubar .active {
font-weight: bold;
background-color: #f6f7f7;
border-left: 3px solid #D96011;
}
.menubar .active .nav {
display: block;
margin-left: 15px;
font-weight: normal;
}
.menubar .nav li {
border-left: 0px;
}
.menubar .nav .active {
background-color: #EDEDED;
}
.menubar .nav .active a {
color: #333;
}
/*.affix-bottom {
position: absolute;
}
.affix, .affix-bottom {
width: 263px;
}*/
@media (min-width: 1200px) {
.affix, .affix-bottom {
width: 263px;
padding-right: 0px;
}
}
@media (max-width: 1024px) {
.content-off-scrollspy {
width: 100%;
}
.scrollspy {
display: none;
}
}
/*test box paquestes*/
figure.snip0016 {
color: #fff;
position: relative;
/*float: left;*/
overflow: hidden;
margin: 0px 0px;
/* min-width: 220px; */
/* max-width: 310px; */
/* max-height: 220px; */
width: 100%;
background: rgb(12, 21, 56);
text-align: left;
font-size: .95em;
}
figure.snip0016 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
figure.snip0016 img {
max-width: 100%;
opacity: 1;
width: 100%;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.snip0016 figcaption {
position: absolute;
bottom: 0;
left: 0;
padding: 15px 5px;
width: 100%;
height: 100%;
/* line-height: .5em; */
}
figure.snip0016 h3,
figure.snip0016 p {
/* margin: 0 0 5px; */
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.30s,-webkit-transform 0.35s,-moz-transform 0.30s,-o-transform 0.35s,transform 0.30s;
}
figure.snip0016 h3 {
/* word-spacing: -0.15em; */
/* font-weight: 100; */
/* text-transform: uppercase; */
-webkit-transform: translate3d(30%, 0%, 0);
transform: translate3d(30%, 0%, 0);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
/* padding-top: 10px; */
color: #fff;
padding-top: 5px;
}
figure.snip0016 h3 span {
font-weight: 400;
/* font-size: 1em; */
}
figure.snip0016 p {
font-weight: 200;
-webkit-transform: translate3d(0%, 30%, 0);
transform: translate3d(0%, 30%, 0);
-webkit-transition-delay: 0s;
transition-delay: 0s;
font-weight: lighter !important;
line-height: 1.5em;
}
figure.snip0016 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
color: #ffffff;
}
figure.snip0016:hover img {
opacity: 0.3;
}
figure.snip0016:hover figcaption h3 {
opacity: 1;
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.snip0016:hover figcaption p {
opacity: 0.8;
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
@media (max-width: 1024px) {
figure.snip0016 {
background: inherit;
/*overflow: inherit;*/
}
figure.snip0016 figcaption {
display: none;
}
}
/*test box paquestes view gallery*/
figure.snip1205 {
position: relative;
float: right;
overflow: hidden;
min-width: 220px;
max-width: 300px;
margin: 60px 0 10px 20px;
width: 100%;
background: #000000;
text-align: center;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1205 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
figure.snip1205 img {
max-width: 100%;
min-width: 300px;
vertical-align: top;
}
figure.snip1205 i {
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
font-size: 34px;
color: #000000;
width: 60px;
height: 60px;
line-height: 60px;
background: #ffffff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
figure.snip1205 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
figure.snip1205:hover img{
opacity: 0.3;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
figure.snip1205:hover i, figure.snip1205:hover .view-gallery{
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
figure .view-gallery {
color: white;
position: absolute;
top: 50px;
margin-top: 104px;
font-size: .8em;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
@media (max-width: 768px) {
figure.snip1205 {
/*margin: 0px;*/
min-width: inherit;
max-width: none;
/*float: none;*/
margin-top: 10px;
}
.fui-photo, .view-gallery, figure.snip1205 a {
display: none;
}
figure.snip1205:hover img {
opacity: initial;
-webkit-filter: initial;
}
}
@media (max-width: 720px) {
.snip1205.gallery{
display: inline;
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 20px 0 10px 0;
}
}
/* Fonts redefine */
h1 {
line-height: 1.1em;
}
h2 {
line-height: 1.1em;
font-weight: 600;
}
@media (max-width: 414px) {
h1 {
font-size: 2.4em;
}
h2 {
font-size: 2em;
}
}
.content-info {
/*padding: 0px 0px 43px 0px; pass
position: relative;
width: 100%;*/
padding: 35px 0px 30px 0px;
position: relative;
width: 100%;
}
/*.snip4839.gallery {
display: inline;
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 20px 0 10px 0;
}*/
/*
* Recaptcha
*/
.msj-recaptcha {
font-size: 0.9em;
width: 225px;
position: absolute;
/*left: 250px;*/
right: 0px;
top: 25px;
}
@media (max-width: 568px) {
.box-validation {
padding-top: 20px;
}
.msj-recaptcha {
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
}
}