/* Estilo para el pop-up */
#popup {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      z-index: 9999; /* Aumenta el valor de z-index */
    }
    #popup-content {
      position: absolute;
      top: 10%;
      left: 20%;
      right: 20%;
      transform: translate(-50%, -50%);
      background-color: #fff;
      padding: 20px;
      border-radius: 5px;
      opacity: 0;
      transition: transform 0.5s, opacity 0.5s;
      z-index: 10000; /* Aumenta el valor de z-index */
    }
    #close-button {
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
    }
/*Form Wizard*/
p {
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 0 1rem 1rem;
}


.bs-wizard {
    margin-top: 40px;
    margin-bottom: 40px;
}

.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 13px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

.bs-wizard .col-xs-2 {
    width: 20%;
}
.pasos-icono{
    font-size: 24px;
}
/*END Form Wizard*/


/*Cart*/
.cart-foto{
	width:25%;
	float:left;
	padding:5px;
}
.cart-foto img{
	max-width:100%;
}
.cart-contenido{
	width:45%;
	float:left;
	padding:5px;
}
.cart-precio{
	width:20%;
	float:left;
	padding:5px;
}
.cart-borrar{
	width:10%;
	float:left;
	padding:5px;
}
.cart-borrar a:hover{
	text-decoration:none;
	font-weight:800;
}
.text-muted, .cart-contenido small {
    line-height: normal !important;
    float: left;
}
.list-group-item {
    padding: 15px;
}
/*Fin Cart*/


/*Extras*/
.cart-extras .col-6{
position: relative;
    padding-bottom: 30px;
    margin: 0 0 20px !important;
}
.cart-extras small.add{
	position:absolute;
	bottom:15px;
	left:15px;
	right:15px;
	width:100%;
}
/*Fin Extras*/

/*override*/
.datepicker-inline .datepicker {
    width: 100%;
}


/*footer*/
body {
    font-family: Domine;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    font-style: normal;
}
a {
    color: #5d6337;
    text-decoration: underline;
    background-color: transparent;
}
a:hover {
	   color: #382E2A ;
    text-decoration: underline;
    background-color: transparent;
	
}
.tg-site-footer {	margin-top:0em;}
.tg-site-header-bottom {
   padding-top: 0.5em;
    padding-bottom: 0.5em;
}
@media (max-width: 1200px){
.tg-container {
    max-width: 1160px !important;
}}
@media (max-width: 992px){
.tg-container {
    max-width: 940px !important;
}}
@media (max-width: 768px){
.tg-container {
    max-width: 720px !important;
}}
.tg-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.tg-site-footer .tg-footer-widget-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 60px 15px 25px 15px;

}
.tg-site-footer .tg-footer-widget-container.tg-footer-widget-col--four .tg-footer-widget-area {
    width: calc(100%) !important;
    margin: 0 auto;
    text-align: center !important;
}
.tg-site-footer-widgets .widget {
    margin: .5rem auto !important;
}
.widget {
    font-family: Domine;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    font-style: normal;
}
.social-links-container {
    margin: 1.8rem auto;
}
.widget ul {
    margin: 0;
    list-style-type: none;
}
.social-links {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 0;
    padding: 0;
    position: relative;
}

.tg-site-footer .tg-site-footer-widgets ul li {
    border-bottom-width: 0px;
}

.widget ul li {
    border-bottom: 1px solid #e9ecef;
}
.social-links>li {
    display: block;
    margin: 0 14px 0 0;
    transition: opacity .2s;
    text-align: center;
}
@media (min-width: 768px){
.social-links>li {
    font-size: 28px;
}}


.tg-site-footer .tg-site-footer-widgets a {
    color: #382e2a;
}
.widget ul li a {
    padding: 0.5rem 0;
    display: block;
}

.tg-site-footer .tg-site-footer-widgets ul li a {
    display: block;
}


@media (min-width: 768px){
.social-links>li>a {
    height: 43px !important;
    line-height: 32px !important;
    width: 43px !important;
}}
@media (max-width: 768px){
.social-links>li>a {
    background-color: #5d6337 !important;
    border-radius: 50% !important;
    color: #fff !important;
    display: block !important;
    height: 30px !important;
    line-height: 17px !important;
	width:30px !important;
}}

.social-links>li>a {
    background-color: #5d6337;
    border-radius: 50%;
    color: #fff !important;
    display: inline-block;
    text-decoration: none;
	/*height: 30px;
    line-height: 30px;
    width: 30px;*/
}
.icon-container {
    position: relative;
    height: 50px;
    /*line-height: 32px !important;*/
    text-decoration: none;
    width: 50px;
}
.fa.fa-facebook, .fa.fa-twitter {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}
.fa, .fas {
    font-weight: 900;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa.fa-facebook:before {
    content: "\f39e";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-pinterest:before {
    content: "\f0d2";
}
.fa-tripadvisor:before {
    content: "\f262";
}


.tg-site-footer .tg-site-footer-widgets, .tg-site-footer .tg-site-footer-widgets p {
    color: #5d6337;
}
.tg-site-footer .tg-site-footer-widgets {
    border-top: 1px solid #e9ecef;
}
.tg-site-footer-widgets {
    background-color: rgba(207,209,195,0.15);
    background-image: ;
    background-repeat: repeat;
    background-position: center center;
    background-size: contain;
    background-attachment: scroll;
}

@media (min-width: 992px){
.footer-address-container {
    font-size: 20px;
}}
@media (min-width: 769px){
.flexfootlinks {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 0;
    position: relative;
}
}
@media (max-width: 768px){
.flexfootlinks {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}}
.flexfootlinks a {
    color: #5d6337!important;
    display: block;
    margin-right: 5px;
    margin-left: 5px;
}

.tg-site-footer .tg-site-footer-bar {
    background-color: rgba(207,209,195,0.15);
    background-image: ;
    background-repeat: repeat;
    background-position: center center;
    background-size: contain;
    background-attachment: scroll;
}
.tg-site-footer .tg-site-footer-bar {
    color: #382e2a;
}
.tg-site-footer .tg-site-footer-bar {
    padding-top: 1em;
    padding-bottom: 1em;
    border-top: 0 solid #e9ecef;
}

.tg-site-footer .tg-site-footer-bar.tg-site-footer-bar--center .tg-site-footer-section-1{
    text-align: center;
}

.tg-site-footer .tg-site-footer-bar .tg-site-footer-section-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 15px;
}
.tg-site-footer .tg-site-footer-bar a {
    color: #382e2a;
}

/*header*/
.site-branding img {width:90px;}
.tg-site-header, .tg-container--separate .tg-site-header {
    background-color: rgba(239,238,232,0.65);
    background-image: ;
    background-repeat: repeat;
    background-position: center center;
    background-size: contain;
    background-attachment: scroll;
}

/*tripa reserva*/

.cos {
    background-image: url(https://www.cabanesalsarbres.com/wp-content/uploads/2020/02/mos-1.jpg);
    background-repeat: repeat;
    background-size: auto;
	border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: rgba(93, 99, 55, 0.13);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 50px 0px 50px 0px;
	position: relative;
    width: 100%;
}

.costit { margin-top: 15px;
    margin-bottom: 0px;
    padding: 30px 0px 0px 0px;}
.costit  {
    background-image: url(http://www.cabanesalsarbres.com/reserva/css/hoja.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16% auto;
}
.column-wrap{
    padding: 0px;
}
.widget-wrap{display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	position: relative;
    width: 100%;
	flex-direction: column;

    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-content: center;
    -ms-flex-line-pack:center;
    align-content: center;
}
	
.widget-wrap h2 {font-weight: 100;
    text-transform: uppercase; font-size: 15px; padding: 0;
    margin: 0;
    line-height: 1;font-family: Quicksand;
    font-style: normal;
	text-align:center; margin-bottom: 0px;}
	
	.widget-wrap h1 {font-weight: 100;
    text-transform: none; padding: 0;
    margin: 0;
    line-height: 1;font-family: "Domine", Sans-serif;
    font-size: 27px;
	text-align:center; font-weight: 500;
    font-style: normal;margin-bottom: 7px;
    margin-top: 8px;
    padding: 0px 0px 5px 0px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-radius: 0px 0px 0px 0px;}
	
.col-md-6 .img-fluid {margin-bottom:2em;}

.cos h3 {
	font-family: Quicksand;
    font-size: 2.25rem;
    line-height: 1.3;
    font-weight: 500;
    font-style: normal;
}
.titles {font-family: Quicksand;
    font-size: 1.25rem;
    line-height: 2.3;
    font-weight: 500;
    font-style: normal; margin-top:8px;}

h4.text  {font-family: Quicksand;
       font-style: normal; text-align:right !important; margin-top:11px;}
	   
.list-group {
    width: 100%;
}
.preu {font-size:17px; font-family: Quicksand;}

.cancelar{background-color:#382E2A !important; border-color:#382E2A !important; border-radius:0px !important; color:#f8f8f8 !important}
.cancelar:hover {background-color:#5d483f !important; border-color: #5d483f !important; }
.continuar{background-color:#5d6337 !important; border-color:#5d6337 !important; border-radius:0px !important;}
.continuar:hover{background-color:#838e3f !important; border-color:#838e3f !important; border-radius:0px !important;}
.retroceder {background-color:#f2f3f2 !important; border-color:#838e3f !important; border-radius:0px !important; color:#5d6337 !important}
.retroceder:hover {background-color:#fdfdf3 !important; border-color:#ffffff !important; border-radius:0px !important; color:#5d6337 !important}
.text-success {
    color: #5d6337 !important;
}


@media (max-width:768px){
	
	.cancelar, .cancelar:hover, .continuar, .continuar:hover, .retroceder, .retroceder:hover {font-size:12px !important; margin: 0px auto; width:100%;}

	
	.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    color: #595959;
    font-size: 16px;
    margin-bottom: 5px;
    visibility: hidden;
}
.badge-secondary {
    color: #fff;
    background-color: #6c757d;
    visibility: visible;
}
.badge {
    display: block;
    padding: 5px;
    width: 20px;
    margin: 0px auto;
    height: 20px;
    font-size: 75%;
    font-weight: 700;
    line-height: 11px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 25px !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.progress {margin-top:-12px !important;}
}
@media (min-width:1024px){

#colfija{position:static;
    	right:0;
    width:100%;
    z-index:1000;height:auto; }
/*
.force-overflow
{
	min-height: 10px;
}
.scrollbar
{
	
	float: right;
	height: 350px;
	width: 80%;
	background: transparent;
	overflow-y: scroll;
	margin-bottom: 25px;
}

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
*/

}