/***** Top content *****/

@font-face {
	font-family: 'Century Gothic';
	src: url('./fonts/century-gothic/CenturyGothic-Italic.eot');
	src: local('Century Gothic Italic'), local('CenturyGothic-Italic'),
		url('CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
		url('CenturyGothic-Italic.woff') format('woff'),
		url('CenturyGothic-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('./fonts/century-gothic/CenturyGothic.eot');
	src: local('Century Gothic'), local('CenturyGothic'),
		url('CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('CenturyGothic.woff') format('woff'),
		url('CenturyGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('./fonts/century-gothic/CenturyGothic-Bold.eot');
	src: local('Century Gothic Bold'), local('CenturyGothic-Bold'),
		url('CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('CenturyGothic-Bold.woff') format('woff'),
		url('CenturyGothic-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('./fonts/century-gothic/CenturyGothic-BoldItalic.eot');
	src: local('Century Gothic Bold Italic'), local('CenturyGothic-BoldItalic'),
		url('CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('CenturyGothic-BoldItalic.woff') format('woff'),
		url('CenturyGothic-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

.iti__flag {background-image: url("../img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("../img/flags@2x.png");}
}


.top-content { padding: 40px 0 170px 0; }

.top-content .text { color: #fff; }
.top-content .text h1 { color: #fff; }
.top-content .description { margin: 20px 0 10px 0; }
.top-content .description p { opacity: 0.8; }
.top-content .description a { color: #fff; }
.top-content .description a:hover, 
.top-content .description a:focus { border-bottom: 1px dotted #fff; }

.form-box { padding-top: 0px; }

.f1 {
	 background: #fff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    padding: 50px 30px 20px 40px;
}
.f-info{
    padding: 30px 30px 30px 30px;
}
.f-text-tour{
    font-size: 18px;
    font-weight: 600;
}.f-text-description{
    font-size: 15px;
}.f-text-sitios{
    font-size: 14px;
}

.f1 h3 { margin-top: 0; margin-bottom: 5px; text-transform: uppercase; }

.f1-steps { overflow: hidden; position: relative; margin-top: -25px; margin-bottom: 20px;}

.f1-progress { position: absolute; top: 24px; left: 0; width: 100%; height: 1px; background: #ddd; }
.f1-progress-line { position: absolute; top: 0; left: 0; height: 1px; background: #00797C; }

.f1-step { position: relative; float: left; width: 25%; padding: 0 5px; }
.f1-step.active .f1-step-icon i {   margin-top: 10px;  margin-left: 13px; }
.f1-step-icon i {  margin-top: 10px;   margin-left: 11px; }

.f1-step-icon {
	display: inline-block; width: 40px; height: 40px; margin-top: 4px; background: #ddd;
	font-size: 16px; color: #fff; line-height: 40px;
	-moz-border-radius: 10%; -webkit-border-radius: 10%; border-radius: 10%;
}
.f1-step.activated .f1-step-icon {
	background: #fff; border: 1px solid #00797C; color: #00797C; line-height: 38px;
}
.f1-step.active .f1-step-icon {
	width: 48px; height: 48px; margin-top: 0; background: #00797C; font-size: 22px; line-height: 48px;
}

.f1-step p { color: #ccc; font-weight: bold;}
.f1-step.activated p { color: #00797C; }
.f1-step.active p { color: #00797C; }

.f1 fieldset { display: none; text-align: left; }

.f1-buttons { text-align: right; }

.f1 .input-error { border-color: #00797C; }

.text-primary-decription{
    color: #00797C;
    font-weight: 600;
}

.tour-breadcrumb{
    margin-top: 65px;
}

.btn-breadcrumb{
    margin-bottom: 20px;
}

.btn-breadcrumb>.btn.disabled {
    opacity: 1 !important;
    color: #999;
}

.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
    margin-left: 0px !important;
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-home {
  background-color: #DC3647;
    border: none;
}
.btn-breadcrumb .btn.btn-home:hover {
  background-color: #F06037;
  border: none;
}
.btn-breadcrumb .btn.btn-first-breadscrumb {
  background-color: #283854;
    border: none;
}
.btn-breadcrumb .btn.btn-first-breadscrumb:hover {
  background-color: #4C8CA7;
}
.btn-breadcrumb .btn.btn-home:not(:last-child):after {
  border-left: 10px solid #DC3647;
}
.btn-breadcrumb .btn.btn-home:not(:last-child):before {
  border-left: 10px solid #E8543C;
}
.btn-breadcrumb .btn.btn-home:hover:not(:last-child):after {
  border-left: 10px solid #F06037;
}
.btn-breadcrumb .btn.btn-home:hover:not(:last-child):before {
  border-left: 10px solid #F16136;
}

/** Success button **/
.btn-breadcrumb .btn.btn-first-breadscrumb:not(:last-child):after {
  border-left: 10px solid #283854;
}
.btn-breadcrumb .btn.btn-first-breadscrumb:not(:last-child):before {
  border-left: 10px solid #39627E;
}
.btn-breadcrumb .btn.btn-first-breadscrumb:hover:not(:last-child):after {
  border-left: 10px solid #4C8CA7;
}
.btn-breadcrumb .btn.btn-first-breadscrumb:hover:not(:last-child):before {
  border-left: 10px solid #5CB0C8;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #269abc;
}

.itinerary-content p{
    margin-bottom: 15px;
    font-weight: 400;
}
.sub-title{
    font-size: 20px;
    font-weight: 500;
}

#container-tarjad {
    grid-area: main;
    align-self: center;
    justify-self: center;
}
#container-tarjad {
    width: 30rem;
    height: 13.625rem;
}
.tarjad-link {
    position: relative;
    display: block;
    color: inherit;
    text-decoration: none;
}
.block-tarjad {
    display: flex;
    flex-direction: row;
    background: #fff;
    box-shadow: 0 0.1875rem 1.5rem rgba(0, 0, 0, 0.2);
    border-radius: 0.375rem;
    overflow: hidden;
}
.block-tarjad {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
}

.paraf-content{
    font-size: 17px;
    font-weight: 500;
}
.paraf-content.paraf-about{
    margin-top: 30px
}
.about-img{
    padding: 20px;
}
.tim-title.about-title {
    margin-top: 30px
}
.tim-title.about-title h1{
    font-size: 32px ;
}
.tim-title.about-title h2{
    font-size: 28px ;
}
.contact-list.about-items>li{
    color: #000;
}
.card-register.about-card{
        margin: 41px 38px 70px;
        max-width: 450px;
        padding: 27px;
}
#loader{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('//upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Phi_fenomeni.gif/50px-Phi_fenomeni.gif') 
              50% 50% no-repeat rgb(249,249,249);
}

.formu-text .form-group.row textarea {
            margin-left: 0px;
            margin-bottom: 8px;
            border: 1px solid #000;
            line-height: 20px;
            padding: 8px 8px;
        }
        .form-control {
            color: #000;
        }
        button.btn.btn-next{
            background: #388CE7;
        }
        button.btn.btn-next:hover:focus:active{
            background:  #0672e7;
        }
        ul li{
            font-weight: 400;
        }
        .btn.btn-whatsapp{
            background: #25d366;
            border-color: #22c25e;
            font-size: 16px;
        }
        .btn.btn-whatsapp:hover{
            background:  #22c25e;
        }
        .btn.btn-whatsapp:hover:focus:active{
            background:  #22c25e;
        }
        
        .btn.btn-pdf{
            background: #F06A08;
            border-color: #F06A08;
            font-size: 16px;
        }
        .btn.btn-pdf:hover{
            background:  #F05708;
        }
        .btn.btn-pdf:hover:focus:active{
            background:  #F05708;
        }
        .fecha-salida{
            text-align: center;
        }
        .fecha-salida span{
            background-color: #1400bb;
            padding: 6px 20px;
            font-weight: 600;
            color: #fff;
            border-radius: 25px;
        }
        .entry-disponibilidad-machu {
            min-height: 320px;
        }
        .pre-pay{
            color: blue;
            font-size: 14px;
            margin-top: 15px;
            font-weight: 500;
        }
        .btn-more-info{
            border-radius: 50px;
            text-align: center;
            border: 0px solid;
            padding: 0px;
        }
        .btn-more-info:focus{
            border: 0px solid !important;
             background:#fff;
            padding: 0px;
        }.btn-more-info:visited{
            border: 0px solid !important;
        }.btn-more-info:hover{
            border: 0px solid !important;
        }
        .btn-more-info .fa-circle{
            color: #0672E7;
        }.btn-more-info .fa-info{
            color: #fff;
        }
        .tooltip-inner {
    min-width: 300px; /* the minimum width */
}
.f1-step p {
    font-weight: 500;
}
        @media (max-width: 767px){
            .fecha-salida{
                margin-top: 15px;
            }
            .trip-cabecera{
                width: 100% !important;
            }
            #CDSWIDSSP{
                width: 100% !important;
            }
        }
        h5{
            font-weight: 500;
        }
        .trip-principal{
    width: 100%;
    overflow: hidden;
    display: block;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    min-width: 150px;
    min-height: 100%;
    transition: .2s;
}
.trip-cuerpo{
    display: grid;
    grid-template-columns: minmax(0px, 1fr);
}
.trip-cuerpo h3{
    text-align: center;
    margin-bottom: 32px;
}
.trip-cabecera{
        width: 50%;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 18px 24px 24px;
    background-color: rgba(17, 17, 17, 0.05);
    margin: auto ;
    margin-bottom: 15px;
}
.trip-rating{
    color: rgb(17, 17, 17);
    font-size: 20px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
    width: 100%;
    font-weight: 500;
}
.trip-imagen-cabecera{
    flex: 0 1 0%;
    width: auto;
    height: 40px;
    margin-right: 8px;
}
.trip-imagen-cabecera>div{
    width: inherit;
    height: inherit;
}
.trip-imagen-cabecera>div>svg{
    display: block;
    width: inherit;
    height: inherit;
}
.trip-cabecera-rating{
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}
.trip-starts{
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.trip-number-reviews{
    overflow: hidden;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.8;
    color: rgba(17, 17, 17, 1);
}
.trip-number-starts{
    margin-right: 13px;
    font-weight: 700;
    line-height: normal;
    font-size: 20px;
    color: rgb(17, 17, 17);
}
.trip-rating-starts{
    margin-right: 12px;
    display: inline-flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
}
.trip-rating-start-solo{
    margin-right: 0px;
    position: relative;
    width: 20px;
    height: 20px;
}
.trip-start-solo{
    position: absolute;
    inset: 0px;
    margin: auto;
    line-height: 0;
}
.trip-start-solo>svg{
    position: static !important;
    width: 100% !important;
    height: 100% !important;
}
.trip-start-solo>svg>path{
    fill: rgba(17, 17, 17, 0.2) !important;
}
.trip-start-solo-2{
    position: absolute;
    inset: 0px;
    margin: auto;
    line-height: 0;
    clip-path: inset(0px 0% 0px 0px);
}
.trip-start-solo-2>svg{
    position: static !important;
    width: 100% !important;
    height: 100% !important;
}
.trip-start-solo-2>svg>path{
    fill: rgb(252, 191, 2) !important;
}
.trip-start-solo-2.start-medio{
     clip-path: inset(0px 50% 0px 0px);
}
.trip-boton-escribir-review{
    display: inline-flex;
    position: relative;
    margin-top: 8px;
}
.trip-boton-escribir-review>a{
    position: relative;
    min-width: fit-content;
    max-width: 100%;
    padding: 0px;
    line-height: 1.32;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    box-sizing: border-box;
    background: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    border-style: solid;
    border-width: 2px;
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: inherit;
    background-color: rgb(25, 123, 255);
    text-decoration: none;
}
.trip-boton-escribir-review>a>span{
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: inherit;
    box-sizing: border-box;
    min-width: 100%;
        padding: 8px 20px;
    background-color: rgba(0, 0, 0, 0);
}
.divcalen{
    display: flex;
    align-items: center;
    justify-content: center;
}
#calen {
    border: 1px solid #FDC928;
}
.anio-select{
    border: 1px solid #ff2;
}
.fecha-salida-final p{
        background-color: #00797C;
    padding: 6px 20px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
}

.divcalen select {
  /* Reset Select */
      appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    flex: 1;
    padding: 0 1em;
    color: #009688;
    font-weight: 600;
    font-size: 16px;
    background-color: #fdfdfd;
    background-image: none;
    cursor: pointer;
    border: 2px solid #009688 !important;
    border-radius: 15px !important;
}
/* Remove IE arrow */
.divcalen select::-ms-expand {
  display: none;
}
/* Custom Select wrapper */
.select {
  position: relative;
  display: flex;
  width: 10em;
  height: 2em;
  border-radius: .25em;
  overflow: hidden;
}
.select.s-anio{
    width: 6em;
}
/* Arrow */
.select::after {
  content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.4em 0.6em;
    background-color: #00797C;
    transition: .25s all ease;
    pointer-events: none;
    border-left: 0px solid #09f;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    color: #fff;
    font-size: 14px;
}
/* Transition */
.select:hover::after {
  color: #f39c12;
}

select option {
  margin: 110px;
  background: #00797C;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.formu-text2 .form-group.row input{
    height: 32px;
}
.formu-text .form-group.row select{
    height: 32px;
}
.formu-text .form-group.row label{
    display: flex;
    align-items: center;
}
.iti--allow-dropdown input[type=tel]{
        padding-right: 0px;
    height: 32px;
        padding-left: 80px;
    }
    .iti{
        display: block;
    }
.input-group{
    justify-content: space-around;
}
.form-group.row.mealsdetails  textarea{
        margin-left: -25px !important;
    }
#click {
  width: 30px;
    height: 30px;
    position: absolute;
    top: 1px;
    left: 35px;
    background: #fff;
    z-index: 2;
}
.btn.refresh_cal_1{
    background-color: #fff;
    border-color: #00797C;
    color: #00797C;
    border-radius:  25px;
}
.btn.refresh_cal_1:hover,.btn.refresh_cal_1:active {
    background-color: #00797C;
    border-color: #fff;
    color: #fff;
}
.btn.refresh_cal_1 i{
    color: #00797C;
}

.btn.refresh_cal_1:hover i{
    color: #fff;
}
/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {
    .btn-breadcrumb {
        margin-top: 5px;
    }
    .btn-group.btn-breadcrumb .btn {
        font-size: 9px;
    }
    ul li{
        font-size: 15px;
    }
    .color-lista li{
        font-size: 15px;
    }
    .f1 {
        padding: 10px;
    }
    .f1-step p {
        font-size: 12px;
    }
    .f1-step {
        text-align: center;
    }
    .f1-step .f1-step-icon i, .f1-step.active .f1-step-icon i {
        margin-top: 9px;
        margin-left: 0px;
    }
    .message-error-span {
    text-align: left;
    }
    .iti__selected-flag{
        margin-left: 0px;
    }
    .formu-text .form-group.row.mealsdetails  textarea{
        margin-left: 0px !important;
    }
    .formu-text label{
        padding-left: 16px;
    }
    .formu-text .form-group.row input{
        height: 32px;
    }
    .iti--allow-dropdown input[type=tel]{
        padding-right: 0px;
        
    }
    .iti{
        display: block;
        margin-bottom: 5px;
    }
    .fecha-salida-final p {
        padding: 6px 6px;
        font-size: 12px;
    }
    #click{
        left: 48px;
    }
    .section{
        top: -25px;
    }
}
@media (max-width: 415px) {
	
	
	.f1 { padding: 10px 10px 10px 10px; }
	.f1-buttons button { margin-bottom: 5px; }
    

}


/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	
}