/*
Theme Name: DeViPro
Description: Tema para WordPress.
Author: PeruTrails
Author URI: http://incatrailguides.com
version: 4.0
Tags: Travel Agency, Trekking
*/
*{margin:0; padding:0;}
:root {
	--c_1: #045c83;
	--c_2: #49791f;
	--c_3: #777820;
	--c_4: #222;
	--c_5: #FFF;
	--c_6: #000;
	--c_7: #fffe85;
	--c_8: #494949;
	--c_9: #777820;
}
body{font: 17px 'Poppins', sans-serif;color: var(--c_8);-webkit-font-smoothing: antialiased;}

html::-webkit-scrollbar {width: 10px;height: 10px;}
html::-webkit-scrollbar-thumb {background: var(--c_3);border-radius: 10px;}
html::-webkit-scrollbar-track {background: rgb(0 0 0 / 20%);}
::selection {background-color: var(--c_3);color: #FFF;}

img{max-width:100%;height:auto;box-sizing: border-box;}

.alignleft{float:left;margin:0 10px 10px 0;}
.alignright{float:right;margin:0 0 10px 10px;}
.aligncenter{display:block; margin:0 auto 10px;}

/* links */
a{color: var(--c_1); text-decoration:none;transition:0.3s;}
a:hover{color: var(--c_3); text-decoration: underline;}

li{list-style: none;}
picture{margin: 0;}

/* container */
.container {max-width:1220px;margin: 0 auto;padding:0 10px;box-sizing: border-box;}

/* top */
header {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    left: 0;
    z-index: 100;
    width: 100%;
    padding: 40px 4% 80px;
    box-sizing: border-box;
}
header.sticky{
    position: fixed;
    background: #FFF;
    padding: 10px 4%;
    box-shadow: 0 0 6px -3px var(--c_4);
}

header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
}
.logo{transition: 0.3s;}
.sticky .logo img{width: 70px;height: 70px;}
.sticky #menu ul li a {color: var(--c_4);}
.sticky #menu ul li a:hover {color: var(--c_3);}
.sticky .planning a {box-shadow: none;}
#menu ul li{display: inline-block;padding: 5px 15px; position:relative}
#menu ul li a{color: var(--c_5);}
#menu ul li a:hover{text-decoration: none; color: var(--c_7);}
#menu ul li ul{opacity:0;visibility:hidden;padding:20px;background-color: var(--c_5);text-align:left;position:absolute;top:55px;left:50%;margin-left: -140px;width: 280px;transition:all .3s .1s;box-sizing: border-box;}
#menu ul li:hover ul{opacity:1;top:100%;visibility:visible;}
#menu ul li ul:before{content:"";display:block;border-color: transparent transparent var(--c_5) transparent;border-style:solid;border-width:10px;position:absolute;top:-20px;left:50%;margin-left:-10px}
#menu ul ul li{position:relative;padding: 0;display: block;}
#menu ul ul li a{color:#323232;font-size:13px;padding: 10px 15px;display:block;}
#menu ul ul li a:hover, .sticky #menu ul ul li a:hover{background-color:var(--c_1);color:var(--c_5);}

.btnplanning a {
    display: table;
    min-width: 170px;
    background-color: var(--c_3);
    color: var(--c_5);
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 1px 2px 5px -1px #000
}

.btnplanning i {
    font-size: 18px;
    margin-right: 5px
}

.btnplanning a:hover {
    text-decoration: none;
    background-color: var(--c_2)
}

#slide {
    position: relative;
    line-height: 0;
    overflow: hidden;
    background-color: var(--c_6);
}
#slide img{opacity: 0.8;animation: zoomeffect 30s infinite;object-fit: cover;width: 100%;height: 100vh;}
#slide img.slidetrip {
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 10;
    left: 70px;
    bottom: 70px;
    opacity: 1;
}
.boxslide {
	font-family: "Crimson Text", serif;
	color: var(--c_5);
	line-height: initial;
	position: absolute;
	right: 10%;
	top: 50%;
	max-width: 440px;
	transform: translateY(-50%);
	text-shadow: 1px 0 12px var(--c_4);
	border-left: 2px solid var(--c_5);
	padding-left: 30px;
}
.boxslide p {
    padding: 5px 0;
    font-size: 24px;
}

.boxslide p strong {
    display: block;
    font-size: 42px;
}

.boxslide p em {
    display: block;
    font-size: 30px;
}
@keyframes zoomeffect{
		0%{
		  transform:scale(1);
		}
		50%{
		  transform:scale(1.1);
		}
		100%{
		  transform:scale(1);
		}
}
/* content */
.content{padding: 100px 10px 80px;}
.content.cat{display: flex;flex-wrap: wrap;}
.content.planning{padding: 80px 10px;}
.content h1{font: 700 40px/46px "Crimson Text", serif;color: var(--c_4);padding-bottom: 20px;}
.content h1 strong {font-weight: 600;color: var(--c_1);}
.content h2{font: 700 34px/42px "Crimson Text", serif;color: var(--c_1);padding-bottom: 20px;}
.content h3{font: 700 30px/36px "Crimson Text", serif;color: var(--c_2);padding-bottom: 20px;}
.content h4{font: 700 27px/33px "Crimson Text", serif;color: var(--c_9);padding-bottom: 20px;}
.content p{padding-bottom: 20px;color: var(--c_8);line-height: 31px;}
.content p strong, .content li strong{font-weight: 500;}
.content ul, .content ol{margin-left: 30px; padding-bottom: 20px;}
.content li{list-style-type: disc;color: var(--c_8);line-height: 31px;}
.content ol li{list-style: decimal;}
.content table {border-collapse: collapse;margin-bottom: 25px;width: 100%;}
.content th {line-height: 28px;padding: 20px;text-align: left;}
.content thead tr:nth-child(1){background-color: var(--c_1);color: var(--c_5);}
.content tr:nth-child(odd) {background-color: #f2f2f2;}
.content tr {background-color: color: var(--c_5);border-bottom: 1px solid #DDD;}
.content td {line-height: 28px;padding: 20px;}
.content.single th{text-align: left;padding: 20px;line-height: 28px;}
.content.single td{width: auto;}

.content.home{text-align: center;max-width: 1100px;}
.content.home p{text-align: center;}

#trekking {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 100px;
}

#trekking h2 {
    font: 700 40px / 46px "Crimson Text", serif;
    color: var(--c_4);
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
}
#trekking h2 strong{color: var(--c_1);}
#trekking article, .content.cat  article{
    width: 33.3333%;
    padding: 10px;
    box-sizing: border-box;
}
#trekking article img, .content.cat article img{transition: 0.3s;}
#trekking article:hover img, .content.cat article:hover img{opacity: 0.5;}

#trekking article span, .content.cat  span{
    display: block;
    color: var(--c_5);
    background-color: var(--c_3);
    position: absolute;
    padding: 2px 10px;
    line-height: initial;
    text-decoration: none;
    margin: 20px;
    z-index: 10;
}
.conbox {
    padding: 15px;
}

#trekking article picture, .content.cat picture{
	display: block;
    position: relative;
    line-height: 0;
    background-color: var(--c_6);
}
#trekking article picture a::after, .content.cat picture a::after{
    content: "";
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 90%) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
}

.conbox h3 {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 15px;
}

.conbox h3 a {
    color: var(--c_4);
}

.conbox h3 a strong {
    display: block;
    font-size: 18px;
    padding-bottom: 5px;
}
.content .conbox p.desblog{font-size: 15px;line-height: 26px;font-weight: 400;padding-bottom: 18px;margin-top: -15px;}
.conbox a:hover{text-decoration: none;color: var(--c_1);}

p.details a {
    display: table;
    background-color: var(--c_3);
    color: var(--c_5);
    padding: 8px 15px;
}
p.details a:hover{background-color: var(--c_1);color: var(--c_5);}
.boxcontent {
    padding: 100px 10px;
    display: flex;
}
#alternative.boxcontent {flex-wrap: wrap;}
.boxcontent h2 {
    font: 700 40px / 46px "Crimson Text", serif;
    color: var(--c_4);
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
}
.boxcontent h2 strong{color: var(--c_3);}
.boxcontent .item{position: relative;width: 33.3333%;padding: 10px;box-sizing: border-box;}
.boxcontent .item:nth-child(-n+3) {
    width: 50%;
}

.boxcontent article img {
    object-fit: cover;
    height: 500px;
    transition: 0.3s;
}
.boxcontent article:hover img{opacity: 0.5;}
.boxcontent article picture {
    position: relative;
    line-height: 0;
    background-color: var(--c_6);
}
.boxcontent article picture a{display: block;}
.boxcontent article picture a::before, .boxcontent article picture a::after {
    content: "";
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 60%) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
}
.boxcontent article picture a::after{top: inherit;bottom: 0;background: linear-gradient(0deg, rgb(0 0 0 / 60%) 0%, rgba(255, 255, 255, 0) 100%);}
.boxcontent article span {
    display: block;
    color: var(--c_5);
    border: 1px solid var(--c_5);
    position: absolute;
    padding: 2px 10px;
    line-height: initial;
    text-decoration: none;
    margin: 20px;
    z-index: 10;
}

.boxcontent .conbox {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    padding: 15px 25px 25px;
    box-sizing: border-box;
}

.boxcontent .conbox p {
    color: var(--c_5);
}

.boxcontent .conbox h3 {
    padding: 0;
}

.boxcontent .conbox h3 a {
    color: var(--c_5);
}

.boxcontent .conbox h3 a:hover {
    text-decoration: none;
    color: var(--c_7);
}
#whytravel {
    position: relative;
}
#whytravel picture{line-height: 0;display: block;}
.boxwhytravel {
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 100px 10px 0;
    box-sizing: border-box;
    z-index: 1;
}

.boxwhytravel h2 {
    font: 700 40px / 46px "Crimson Text", serif;
    color: var(--c_2);
    padding-bottom: 20px;
}
.boxwhytravel p{
    max-width: 1100px;
    margin: auto;
    line-height: 34px;
    color: var(--c_4);
    text-shadow: 1px 1px 4px var(--c_5);
}

#whytravel img {
    object-fit: cover;
    width: 100%;
    height: 1000px;
}
#contacthome {
    padding: 90px 6% 140px;
    background: url(https://incatrailguides.com/wp-content/uploads/stains.png) #707104;
    position: relative;
}

#contacthome ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#contacthome li {
    color: var(--c_5);
    font-size: 23px;
    font-weight: 300;
    padding: 10px;
    min-width: 240px;
    text-align: center;
}

#contacthome li a {
    color: var(--c_5);
}

#contacthome li:last-child a {
    display: table;
    border: 2px solid var(--c_5);
    padding: 10px 20px;
}

#contacthome li a:hover {
    text-decoration: none;
    color: var(--c_7);
}

#contacthome li:last-child a:hover {
    background-color: var(--c_5);
}
#contacthome li:last-child a:hover {
    color: var(--c_6);
}
#blog {
    background: url(https://incatrailguides.com/wp-content/uploads/stains.png);
    padding: 100px 0;
}
#blog h2 {
    font: 700 40px / 46px "Crimson Text", serif;
    color: var(--c_4);
    padding-bottom: 12px;
    width: 100%;
    text-align: center;
}
#blog h2 strong{color: var(--c_9);}
#blog .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#blog .item{width: 48%;padding: 10px 0;}
#blog h3 {
    font: 700 28px / 34px "Crimson Text", serif;
    padding: 20px 0 20px 37px;
    position: relative;
}

#blog picture {
    display: block;
    line-height: 0;
    background-color: var(--c_6);
}

#blog picture img {
    transition: 0.3s;
}

#blog .item:hover picture img {
    opacity: 0.5;
}

#blog h3 i {
    position: absolute;
    left: 0;
    top: 23px;
}
#blog p{padding-bottom: 25px;}
#blog .readmore {
    display: table;
    border: 2px solid var(--c_1);
    padding: 10px 20px;
}

#blog .item:hover .readmore {
    text-decoration: none;
    color: var(--c_5);
    background-color: var(--c_1);
    border-color: var(--c_1);
}
#membership {
    padding: 100px 6% 80px;
    text-align: center;
    border-top: 1px solid #DDD;);
}
#membership p {
    font: 600 30px / 36px "Crimson Text", serif;
    color: var(--c_1);
    padding-bottom: 20px;
}
#membership ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#membership li {
    padding: 10px 2%;
}

#membership li img {
    max-width: 134px;
    filter: hue-rotate(0deg) saturate(0) brightness(100%);
    opacity: 0.7;
    transition: 0.3s;
}

#membership li img:hover {
    opacity: 1;
	filter: none;
}
#boxtop {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.imgfeatured {
    line-height: 0;
    position: relative;
    overflow: hidden;
    background-color: var(--c_6);
}
.imgfeatured img{
    object-fit: cover;
    width: 100%;
    height: 100vh;
    opacity: 0.4;
}
.boxfeatured {
    line-height: initial;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    color: var(--c_5);
    text-shadow: 1px 1px 3px var(--c_6);
}
.boxfeatured h1{padding-bottom: 10px;font-weight: 500;font-size: 28px;color: var(--c_9);}
.boxfeatured h1 strong, .boxfeatured.featuredcat h1{font: 700 60px/68px "Crimson Text", serif;display: block;color: var(--c_5);}
.boxfeatured p{font-size: 20px;padding-bottom: 10px;}
.boxfeatured p strong{font-size: 34px;color: var(--c_9);display: inline-block;vertical-align: middle;}
.boxfeatured.featuredcat p{}
.boxfeatured h2{
    font-size: 24px;
    font-weight: 500;
}

#boxtop nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    border: 1px solid #CCC;
    width: max-content;
    padding: 3px 10px;
    font-size: 16px;
}

#boxtop nav {
    padding: 10px;
}

/* footer */
footer{
    background-color: var(--c_6);
    position: relative;
    font-size: 16px;
    }
footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;color:var(--c_5);padding: 190px 10px 60px;}
.fdates{width: 35%;}
.fdates img{margin-bottom: 20px;}
.mfooter, .fcontact{width: 30%;box-sizing: border-box;}
.fdates p{padding-bottom:20px}
.fdates ul{display:flex;border-top:1px solid #353535;padding-top:20px}
.fdates ul li{font-size:20px;padding-right:16px;line-height:0}
.fdates ul li a{color: var(--c_3);}
.fdates ul li a:hover{color:var(--c_3);}
.mfooter{padding: 0 50px;width: 35%;}
.mfooter p:first-of-type, .fcontact p:first-of-type{font: 600 22px / 28px "Crimson Text", serif;padding-bottom: 20px;}
.mfooter li{position:relative;padding: 7px 0 7px 20px;}
.mfooter li a{color: var(--c_5);}
.mfooter li a:hover{text-decoration:none;color: var(--c_7);}
.mfooter li::before{content:"";width:0;height:0;border-top:5px solid transparent;border-left:8px solid var(--c_5);border-bottom:5px solid transparent;position:absolute;left:0;top: 15px;}
.fcontact ul{padding-bottom: 20px;}
.fcontact li{padding-bottom: 12px;font-weight: 500;}
.fcontact i{font-size:22px;margin-right:5px;vertical-align:text-bottom}
.fcontact img{border-radius:5px}
.social {
    text-align: center;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 60px;
    width: 100%;
}
.social::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: var(--c_5);
}
.social ul {display: flex;justify-content: center;border: 1px solid var(--c_5);padding: 0 20px;border-radius: 50px;background-color: var(--c_4);position: relative;z-index: 1;}

.social li {padding: 10px 10px;line-height: 0;}

.social li i {
    color: var(--c_5);
    font-size: 25px;
    transition: .3s
}

.social li i:hover {
    color: var(--c_2);
}
#copy {
    background-color: var(--c_2);
    color: var(--c_5);
    text-align: center;
    padding: 20px 10px;
    font-size: 13px;
    position: relative
}

#step1, #step2{padding-top: 20px;}
        #travelForm .section {
            margin-bottom: 25px;
        }
#travelForm h2 {
    font: 40px / 46px "Crimson Text", serif;
    padding-bottom: 10px;
}

#travelForm p {
    line-height: 28px;
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 5px;
}
#travelForm p.step{color: var(--c_5);font-size: 17px;font-weight: 500;background-color: var(--c_2);display: table;margin: 0;padding: 10px 15px;line-height: 20px;margin-bottom: 20px;}
#travelForm p strong{color: var(--c_3);font-weight: 400;}
#travelForm p strong:nth-of-type(2){color: var(--c_2);}
#travelForm p.sectionTitle {
    font-size: 17px;
    color: var(--c_9);
    text-transform: uppercase;
    padding-bottom: 0;
    font-weight: 500;
}
#travelForm .numbert p.sectionTitle, #travelForm .tripl p.sectionTitle{padding-bottom: 5px;}
        #travelForm .options {
            display: flex;
            gap: 10px;
            justify-content: center;
        }
        #travelForm .option, #travelForm .specify {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 5px;
            border: 1px solid #c0c0c0;
            cursor: pointer;
            text-align: center;
            width: 100%;
            transition: 0.3s;
            box-shadow: 0 1px 1px -1px #000;
        }
#travelForm .hotelsq .option{display: block;padding: 15px;}
#travelForm .numbert .option{font-size: 20px;}
#travelForm .hotelsq .option span{
    display: block;
    color: var(--c_9);
}
#travelForm .hotelsq .option.selected span{color: var(--c_5);}
#travelForm .specify {
    font-size: 13px;
    display: block;
    max-width: 80px;
    min-width: 80px;
}
        #travelForm .option:hover {
            border-color: var(--c_4);
            background-color: var(--c_4);
			color: var(--c_5);
        }
        #travelForm .option.selected {
            background-color: var(--c_9);
            color: var(--c_5);
            border-color: var(--c_9);
        }
        #travelForm input[type="date"], #travelForm input[type="text"], #travelForm input[type="email"], #travelForm textarea {
            width: 100%;
            font: 13px Roboto, sans-serif;
            padding: 10px;
            border: 1px solid #ddd;
            background-color: #f2f2f2;
            margin-top: 5px;
            box-sizing: border-box;
        }
#travelForm .specify input{text-align: center;padding: 6px;margin: 0;}
#travelForm .tentative input{
    max-width: 350px;
}
        #travelForm textarea {
            resize: none;
            height: 80px;
        }
        #travelForm .button-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        #travelForm button {
            padding: 10px 20px;
            border: none;
            border-radius: 30px;
            cursor: pointer;
            font-size: 16px;
            transition: 0.3s;
        }
        #travelForm .btn-next {
            background-color: var(--c_3);
            color: var(--c_5);
            padding: 15px 40px;
        }
        #travelForm .btn-next:hover {
            background-color: var(--c_1);
        }
        #travelForm .btn-previous {
            background-color: #ddd;
            color: #333;
        }
        #travelForm .btn-previous:hover {
            background-color: #ccc;
        }
        #travelForm .hidden, #boxTravelForm {
            display: none;
        }
        #travelForm .step-indicator {
            font-size: 14px;
            color: var(--c_9);
            text-align: right;
        }
#boxTravelForm {
    background-color: var(--c_2);
    color: var(--c_5);
    padding: 30px 0;
    height: 100vh;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}

#boxTravelForm .container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.conTravelForm {
    max-width: 500px;
    padding-right: 10%;
}

.conTravelForm p {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 20px;
}

.conTravelForm p span {
    display: block;
    font-size: 50px;
    line-height: 60px;
    font-weight: 500;
    padding-top: 20px;
}

.conTravelForm p strong {font-weight: 500;color: var(--c_7);}
.conTravelForm a {font-weight: 500;color: var(--c_5);background-color: var(--c_3);display: inline-block;padding: 2px 15px;border-radius: 30px;}
.conTravelForm a:hover {text-decoration: none;background-color: #222;}

.boxdesciption {
    padding-top: 90px;
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.description {
    width: 64%;
}
.boxcontact {
    width: 36%;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #CCC;
    border-radius: 5px;
    position: sticky;
    top: 110px;
    box-sizing: border-box;
}
.description h2{
    font-size: 28px;
    color: var(--c_9);
    padding-bottom: 20px;
}
.description p {
    padding-bottom: 20px;
    color: var(--c_8);
    line-height: 31px;
}
.description p:last-of-type{font-size: 15px;}
.description p:last-of-type strong{
    color: #25d366;
    font-size: 22px;
    margin-right: 10px;
}
.description p:last-of-type  a{background-color: #25d366;display: inline-block;margin: 10px 0 10px 10px;padding: 4px 14px;border-radius: 5px;color: var(--c_5);font-size: 20px;line-height: 37px;}
.description p:last-of-type  a:hover{text-decoration: none;background-color: #15b450;}
.description p:last-of-type i{
    font-size: 25px;
    vertical-align: text-top;
    margin-right: 2px;
}
.boxcontact .fa-user-shield {
    position: absolute;
    right: -15px;
    top: -15px;
    background-color: var(--c_9);
    padding: 20px;
    border-radius: 50%;
    color: var(--c_5);
    font-size: 24px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.boxcontact .fa-comment-dots {
    transform: scaleX(-1);
    font-size: 22px;
    vertical-align: super;
}
#contactForm input, #contactForm textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-radius: 5px;
}

#contactForm button {
    width: 100%;
    padding: 15px;
    border: none;
    background-color: var(--c_1);
    color: var(--c_5);
    font-size: 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}
#contactForm button:hover{background-color: var(--c_9);}
.boxcontact p {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 15px;
}

.responsive-tabs {
            max-width: 100%;
            margin: 0;
            border: 1px solid #ddd;
            padding: 10px;
            border-radius: 5px;
            background: var(--c_5);
}
.tabs-nav button::before {display: table;margin: auto auto 10px;font-family: "Font Awesome 5 Free";font-weight: 900;color: var(--c_8);font-size: 25px;}
.tabs-content .tab-content button::before{margin-right: 10px;font-family: "Font Awesome 5 Free";font-weight: 900;color: var(--c_8);}
.tabs-nav button:nth-child(1)::before, .tabs-content .tab-content:nth-child(1) button::before {content: "\f5a0";}
.tabs-nav button:nth-child(2)::before, .tabs-content .tab-content:nth-child(2) button::before {content: "\f044";}
.tabs-nav button:nth-child(3)::before, .tabs-content .tab-content:nth-child(3) button::before {content: "\f4d7";}
.tabs-nav button:nth-child(4)::before, .tabs-content .tab-content:nth-child(4) button::before {content: "\f03a";}
.tabs-nav button:nth-child(5)::before, .tabs-content .tab-content:nth-child(5) button::before {content: "\f0cb";}
.tabs-nav button:nth-child(6)::before, .tabs-content .tab-content:nth-child(6) button::before {content: "\f05a";}

.content.page.planning .container {
    display: flex;
    flex-wrap: wrap;
}

.travelleft {
    width: 45%;
    padding-right: 20px;
    box-sizing: border-box;
}

.travelright {
    width: 55%;
}

.content .designers {
    padding: 40px 0;
}

.content .travelleft .designers p {
    padding-bottom: 5px;
    font-size: 15px;
    line-height: 20px;
}
.content .travelleft .designers p strong{
    display: block;
    font-size: 23px;
    line-height: 30px;
}
.travelleft img {border-radius: 50%;}
.content .designers img {
    border: 1px dashed var(--c_5);
    padding: 10px;
}

.content .travelleft p {
    font-size: 20px;
    text-align: center;
}
.imgfeatured::after, #slide::after, #whytravel::before, #contacthome::after, footer::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 88px;
    background: url(https://incatrailguides.com/wp-content/uploads/line.png);
}
#whytravel::before, footer::before{top: 0;bottom: inherit;transform: rotate(180deg);}
@media(max-width:1366px){
}
@media (min-width: 769px) {
            .tabs-nav {
                display: flex;
                border-bottom: 2px solid #ddd;
                overflow-x: auto;
                padding-bottom: 5px;
            }
            .tab-button {
                font-size: 16px;
                font-weight: 600;
                color: var(--c_4);
                flex: 1;
                padding: 12px;
                background: #f8f8f8;
                border: none;
                cursor: pointer;
                transition: background 0.3s, transform 0.3s;
                border-radius: 3px 3px 0 0;
            }
            .tab-button.active {
                background: #ddd;
                transform: translateY(-2px);
            }
            /* Ocultar el botón acordeón en desktop */
            .accordion-button {
                display: none;
            }
            /* Animación suave para el contenido */
            .tabs-content .tab-content {
                display: none;
                padding: 40px 30px 10px;
                border-top: 1px solid #ddd;
                opacity: 0;
                transform: scale(0.98);
                transition: opacity 0.3s ease, transform 0.3s ease;
            }
            .tabs-content .tab-content.active {
                display: block;
                opacity: 1;
                transform: scale(1);
            }
        }
@media(max-width:768px){
    .alignleft, .alignright{display: block; margin: auto auto 10px;float: none;}
.logo{max-width: 150px;}
body.mob-menu-overlay,body.mob-menu-slideout,body.mob-menu-slideout-over,body.mob-menu-slideout-top{padding-top:0!important}
.mob-menu-header-holder{background:#FFF!important;height:35px!important;left: 15px!important;top: 13px!important;width:42px!important;border-radius:10px;box-shadow:0 0 5px -1px #373737}
.mobmenul-container{top:2px!important;margin:0!important;height:initial!important}
.mob-menu-logo-holder{display:none!important}
.mobmenul-container i{color:var(--c_4) !important}
header .container {
    justify-content: center;
}

#slide img.slidetrip {
    width: 100px;
    height: 100px;
    left: 30px;
    bottom: 30px;
}

#trekking article, .content.cat article {
    width: 50%;
}

#contacthome ul {
    justify-content: center;
    flex-wrap: wrap;
}
.fdates {
    width: 100%;
    text-align: center;
}

.boxdesciption {
    display: block;
}

.description, .boxcontact {
    width: 100%;
}
.description p:last-of-type a {
    margin-left: 0;
}
.boxcontact .fa-user-shield {
    right: 15px;
}

.mfooter, .fcontact {
    width: 50%;
    padding: 10px;
    text-align: center;
}

.mfooter li {
    padding: 0 0 12px;
}

.mfooter li::before {
    display: none;
}
#travelForm .options {
    flex-wrap: wrap;
    gap: 0;
}

#travelForm .hotelsq .option {width: 48%;margin: 1%;box-sizing: border-box;}

#travelForm .numbert .option, #travelForm .tripl .option, #travelForm .interested .option {
    width: 31.3333%;
    margin: 1%;
    box-sizing: border-box;
}

#travelForm .specify {
    margin: 1%;
    max-width: 100%;
}
#boxTravelForm .container {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding-top: 20px;
}

.conTravelForm p span {
    font-size: 35px;
    line-height: 42px;
    padding-top: 15px;
}

.conTravelForm p {
    font-size: 17px;
    line-height: 25px;
    padding-bottom: 15px;
}

.conTravelForm {
    width: 100%;
    max-width: initial;
    padding: 0;
    text-align: center;
}
.btnplanning {
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 20px;
        width: 100%;
        background-color: rgb(255 255 255 / 80%);
        box-sizing: border-box;
    }

            .tabs-nav {
                display: none;
            }
            .accordion-button {
                display: block;
                width: 100%;
                text-align: left;
                background: #eee;
                padding: 12px;
                border: 1px solid #ccc;
                cursor: pointer;
                font-size: 16px;
                font-weight: bold;
                border-radius: 5px;
                margin-bottom: 5px;
                transition: background 0.3s;
            }
            .accordion-button:hover {
                background: #e8e8e8;
            }
            .tab-content {
                display: block !important;
                padding: 0;
                border: none;
                opacity: 1;
                transform: none;
            }
            .tab-inner-content {
                max-height: 0;
                opacity: 0;
                overflow: hidden;
                transition: max-height 0.3s ease, opacity 0.3s ease;
                border: 1px solid #ddd;
                padding: 0 10px;
                border-radius: 5px;
                background: #f9f9f9;
            }
            .tab-content.open .tab-inner-content {
                max-height: 4000px;
                opacity: 1;
                padding: 10px;
                margin-bottom: 8px;
            }
.travelleft, .travelright {
    width: 100%;
    padding: 0;
}

.content .travelleft p {font-size: 17px;}

.content .designers {
    padding: 20px 0;
}
}
@media(max-width:480px){
.boxslide {
    border: navajowhite;
    text-align: center;
}

#slide img.slidetrip {
    left: 50%;
    margin-left: -50px;
}

#trekking article, .content.cat article, .boxcontent .item, .boxcontent .item:nth-child(-n+3), #blog .item, .mfooter, .fcontact {
    width: 100%;
}
.boxcontent {
    display: block;
}
}