@font-face {
    font-family: 'BwHelder';
    src: url('./../fonts/BwHelder-W2Thin.woff2') format('woff2'),
      url('./../fonts/BwHelder-W2Thin.woff') format('woff');
    font-style: Thin;
    font-weight: 100;
  }
  
  @font-face {
    font-family: 'BwHelder';
    src: url('../fonts/BwHelder-W2Light.woff2') format('woff2'),
      url('../fonts/BwHelder-W2Light.woff') format('woff');
    font-style: Light;
    font-weight: 300;
  }
  
  @font-face {
    font-family: 'BwHelder';
    src: url('./../fonts/laJoya/joya/BwHelder-W2Regular.woff2') format('woff2'),
      url('../fonts/laJoya/joya/BwHelder-W2Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
  }
  
  @font-face {
    font-family: 'BwHelder';
    src: url('../fonts/laJoya/joya/BwHelder-W2Medium.woff2') format('woff2'),
      url('../fonts/laJoya/joya/BwHelder-W2Medium.woff') format('woff');
    font-style: Medium;
    font-weight: 500;
  }
  
  @font-face {
    font-family: 'BwHelder';
    src: url('../fonts/laJoya/joya/BwHelder-W2Bold.woff') format('woff');
    font-style: Bold;
    font-weight: 700;
  }
  
  @font-face {
    font-family: 'BwHelder';
    src: url('../fonts/laJoya/joya/BwHelder-W2ExtraBold.woff') format('woff');
    font-style: Bolder;
    font-weight: 800;
  }

#loading
{
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #FFF url("../images/RosamateLoader_V1.gif") no-repeat center;
	z-index: 99999;
}

#loading2
{
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #FFF;
	z-index: 99999;
}

.inline-block {
   display: inline-block;
}


.header_telefono_container{

    border:none;

    display: flex;

    justify-content: center;

}

#header_telefono{

    font-family: 'BwHelder';

    font-size: 1.1em;

    position: relative;

}

#header_telefono::after{

    content:"";

}

#header_telefono i{

    margin-right:2px;

    font-size:1.5em;

    position:relative;

    bottom:-3px;

}

.nolink
{
	cursor: default;
}

.nolink:hover
{
	cursor: default;
}

.social-wrapper{

    border-left:1px solid #fff;

}

.header_language{
    color: #000 !important;
    font-size: 15px !important;
    line-height: 72px !important;
    text-decoration: none !important;
}

.social a{

    font-size:1.3em;

}



.nav-link-selected{

    border-bottom:1px solid #fff!important;

}

.nav-link-selected:hover{

    border-bottom-color: #ff4279!important;

}

.aboutArticle{

    display: flex;

    justify-content: space-around;

    color:#000000;

}

.aboutArticle img{

    width:165px;

}

.aboutArticle h2{

    font-family: 'BwHelder';

    font-size:25px;

}

.aboutArticle p{

    font-family: 'BwHelder';

    font-size:21px;

    color:#333;

}

.aboutArticle p strong{

    font-weight: bold;

}

.aboutArticleText{

    width:60%;
	text-align: justify;
    padding:1px;

}

.aboutText{

    font-family: 'BwHelderMd';
	text-align: justify;
    font-size:21px;
	color: #333;;
    line-height: 1.2;
    font-weight: bold;

}


.reservaYa{

    font-family: 'BwHelder';
    color:#ff4279;
    text-decoration: none;
    line-height:30px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width:180px;
    padding:15px;float: right;

}

.reservaYa:hover{

    background-color: #ffa975;
    color:white;

}

.descubrenos{

    font-family: 'BwHelder';

    color:white;

    text-decoration: none;

    line-height:30px;

    background-color: #ff4279;

    display: flex;

    justify-content: center;

    align-items: center;

    width:180px;

    margin-top:0px;

    padding:15px;

}

.descubrenos:hover{

    background-color: #ffa975;

    color:white;

}

.descubrenosbutton{
    margin-top: 0px; 
    position: absolute;
    right: 0;
}

.w-100{
    width: 100%;
}

#bannerspace{
    width: 89%;
    font-weight: bold;
    font-size: 28px;
}

#espacios{

    padding-top: 50px;

    padding-bottom: 50px;

    background-color: #FFEEE3;

    width:100%;

}








#nuestrosEspacios{

    display: flex;

    justify-content: center;

    /*margin-right:unset;*/

    /*padding-right:0;*/

    /*width:80%;

    margin-left:20%;*/

}

#nuestrosEspacios main{

    display: flex;

    flex-direction: column;

    justify-content: left;

    align-items: unset;

    width:50%;

}

#nuestrosEspacios main h2{

    font-family: 'BwHelder';

    font-size:35px;

}
#nuestrosEspacios main h2::after {

    background: #ff4279 none repeat scroll 0 0;

    content: "";

    display: block;

    height: 3px;

    margin-top: 15px;

    width: 80px;

}



#nuestrosEspacios main p{

    font-family: 'BwHelder';

    font-size:21px;

    color:#333;

    margin-bottom:20px;

}



#nuestrosEspacios main img{

    width:100%;

}

#nuestrosEspacios .perro{

    margin-top:50px;

    margin-left:10%;

    /*transform: rotateY(180deg);*/

    width:40%;
	right: 0;
	position: absolute;

}

#rentaEspacios{

    margin-top: 100px;

    width:100%;

    display: flex;

    align-items: center;

    color:#000000;

}

#rentaEspacios .jarron{

    max-width:23%;

}

#rentaEspacios .espaciosContent{

    display: flex;

    /* justify-content: center; */

    align-items: center;

    width:77%;

}

#rentaEspacios .terraza{

    width: 40%;

    margin-right: 1%;

}

#rentaEspacios main{

    margin:0 5%;

}

#rentaEspacios main img{

    width:50%;

    margin-bottom:50px;

    position:relative;

    right:60px;

}



#rentaEspacios main h3{

    font-family: 'BwHelder';

    font-size:25px;

    color:#333333;

    margin-top: 20px;

}

#rentaEspacios main h3::after {

    background: #ff4279 none repeat scroll 0 0;

    content: "";

    display: block;

    height: 3px;

    margin-top: 15px;

    width: 80px;

}

#rentaEspacios main p{

    margin-left:5%;

    font-family: 'BwHelder';
	line-height: 1.2;
    font-size:21px;

}



#rentaEspacios main .descubrenos{

    float: right;

}

#latest-news .title1{

    font-family: 'BwHelder';
	line-height: 1.2;
    font-size:35px;
	text-align: left;
    padding-bottom: 0px;
	margin-bottom: 10px;

}
#latest-news .title1:after{
	background: #ff4279 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    margin-top: 15px;
    width: 80px;
}

#best-places .title1{

    font-family: 'BwHelder';

    font-size:35px;

}

#best-places .title2{

    font-family: 'BwHelder';

    font-size:22px;

}

#best-places .txt2{

    font-family: 'BwHelder';

    font-size:30px;

}

#best-places .txt3{

    font-family: 'BwHelder';

    font-size:22px;

    text-transform: none;

}

#experiencias{
    background-size: cover;

    width:100%;

    background-image: url('../images/custom_images/experiencias/catedral.jpg');

    background-repeat: no-repeat;

    min-height: 600px;

    /*display: -webkit-flex;*/

    justify-content: end;

}

#banrecrear{

    width:100%;

    background-image:url('../images/img-hotels/hotel_4.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 745px;

    /*display: -webkit-flex;*/

    justify-content: end;

}

#experiencia{

    width:100%;

    /* background-image: url('../images/custom_images/experiencias/catedral.jpg'); */

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 900px;

    /*display: -webkit-flex;*/

    justify-content: end;

    /*height: 1335px;*/

}

#experiencias h2{

    font-family: 'BwHelder';

    font-size:35px;

    color:#B83D00;

}

#contacto{
    padding-top: 70px !important;
    padding-bottom: 50px !important;
}

#contact-us{
    font-family: 'BwHelderEB';
    font-size:35px !important;
    color:#000;
    /* border-bottom: 2px solid #e9a800; */
    margin-bottom: 0px !important ;
    letter-spacing: 1px;
    padding-bottom: 50px !important;
}

#visit-us{
    font-family: 'BwHelderEB';
    font-size:35px !important;
    color:#000;
    letter-spacing: 1px;
    padding-bottom: 50px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.visit-us-text{
    margin: 0px 0 0px 0 !important;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 0px !important;
}

#banrecrear h2{

    font-family: 'BwHelder';

    font-size:35px;

    color:#ff4279;

}


#experiencia h2{

    font-family: 'BwHelder';

    font-size:35px;

    color:#ff4279;

}

#experiencias p{
    width:80%;

}

#banrecrear p{
    width:80%;

}

#experiencia p{
    width:80%;

}


#experiencias p strong,b{

    font-weight: bold;

}

#banrecrear p strong,b{

    font-weight: bold;

}
#experiencia p strong,b{

    font-weight: bold;

}

.experienciasContent{

    width:30%;

    margin-left: 60%;
    padding-top: 120px;

}

#ubicacion{

    position: relative;

    width:100%;

    padding: 40px 0 20px 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    z-index:3

}

#ubicacion h2{

    font-family: 'BwHelder';
	line-height: 1.2;
    font-size:35px;

}

#ubicacion h2:after{

    background: #ff4279 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    margin-top: 15px;
    width: 325px;

}

    

#ubicacion p{

    font-family: 'BwHelder';

    font-size:22px;

    margin-bottom: 20px;

    text-align: center;

}

#ubicacion ul{

    font-family: 'BwHelder';

    font-size:20px;

}

#ubicacion .mainContent{

    width: 100%;

    position: relative;

    display: flex;

    flex-direction: row-reverse;

    justify-content: center;

    align-items: center;

}

#map1{
    overflow: hidden;
}

#map1 > * > * > * > *{
    position: static !important;
}

#ubicacion .mapa {

    border: 8px solid;

    border-image: url(../images/custom_images/ubicacion/marcoRosa.png) 3% round;

    position: relative;

    z-index: 1;
	
	 height: 600px;
  /* The height is 400 pixels */
  width: 50%;
  /* The width is the width of the web page */

}

#ubicacion .contacto {

    width: 20%;

    padding: 20px 1%;

    margin-left: -20%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    box-shadow: 0px 1px 4px 4px rgb(0 0 0 / 20%);

    background-color: white;

    position: relative;

    z-index:2;

    left:10%;

}

#ubicacion .contacto img{

    width:50%;

    margin-bottom:20px;

}

#ubicacion .contacto ul{

    width:100%;

    display: flex;

    flex-direction: column;

    justify-content: start;

    padding:0;

}

#main{
    height: 100%;
}

#ubicacion .contacto ul li{

    width:100%;

    display: flex;

    justify-content: space-between;

    list-style: none;

}

#footerPart1 .logo2 img{

    /*width:50%;*/

}

#gallery-container{
    margin-top: 20px;
}

/* *Buttons* */

.owl-prev,
.owl-next {
    background: transparent;
    background-color: #00000000 !important;
    border: none;
    color: #e4e4e4 !important;
    height: 40px !important;
    width: 40px;
    border-radius: 50% !important;
    top: 30%;
    right: -25px;
    font-size: 16px;
    line-height: 29px;
    stroke: #e74c3c;
	stroke-width: 2px;
	fill: transparent;	
	animation: down 2s infinite;
}

.owl-carousel .owl-nav{
    top: 47% !important;
}

.gray-body .owl-nav button,
.gray-body .back-top {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.owl-prev,
.owl-prev::before,
.owl-next,
.owl-next::before {
    /*-webkit-border-radius: 50%;
    border-radius: 50%;*/
    position: absolute;
}

.owl-prev::before,
.owl-next::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-background-size: 200% auto;
    background-size: 200% auto;
    content: none !important;
    /* background-image: -webkit-gradient(linear, left top, right top, from(#5192e1), color-stop(51%, #23ced5), to(#5192e1));
    background-image: -webkit-linear-gradient(left, #5192e1 0%, #23ced5 51%, #5192e1 100%);
    background-image: -moz-linear-gradient(left, #5192e1 0%, #23ced5 51%, #5192e1 100%);
    background-image: -o-linear-gradient(left, #5192e1 0%, #23ced5 51%, #5192e1 100%);
    background-image: linear-gradient(to right, #5192e1 0%, #23ced5 51%, #5192e1 100%); */
}

.owl-prev:hover,
.owl-next:hover {
    background-color: #00000000 !important;
}

.owl-prev:hover::before,
.owl-next:hover::before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.owl-prev {
    left: 33.33% !important;
}

#product-slider .owl-nav .owl-next {
    right: 0;
}

#product-slider .owl-nav .owl-prev {
    left: 2%;
}



@media (max-width: 575px){
    .owl-prev {
        left: 0% !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .owl-prev {
        left: 0% !important;
    }
    
}

@media (min-width: 576px) and (max-width: 767px) {
    .owl-prev {
        left: 0% !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .owl-prev {
        left: 50% !important;
    }
    
}

@media (min-width: 1200px){
    
}



@media screen and (min-width:2500px){

    #ubicacion .contacto {

        width: 15%;

        margin-left: -15%;

    }
	


}

@media screen and (max-width:1680px) {

    .experienciasContent{

        margin-left: 65%;
    	padding-top:120px;

    }

    #ubicacion .contacto {

        width: 25%;

        margin-left: -25%;

    }
	
	#nuestrosEspacios .perro
	{
		width: 45%;
	}


}


@media screen and (max-width:1500px) {

    #experiencias{

        background-size: 100%;

    }
    #experiencia{

        background-size: 100%;

    }

    #banrecrear{

        background-size: 100%;

    }



}

@media screen and (max-width:1370px) {

    #experiencias{

        background-size: cover;

        min-height: 500px;
		

    }


    #banrecrear{

        background-size: 100%;

        min-height: 500px;
		

    }


    #experiencia{

        background-size: 100%;

        min-height: 500px;
		

    }

    .experienciasContent{

        width:40%;

        margin-left: 60%;
		    padding-top: 80px;
    padding-bottom: 50px;

    }

    #ubicacion .mapa{

        width: 700px;

        height: 500px;

    }

    #ubicacion .contacto {

        width: 25%;

        margin-left: -25%;

    }

}

@media screen and (max-width:1300px){

    #ubicacion .contacto p{

        margin-bottom: 0;

        font-size: 15px;

    }

    #ubicacion .contacto p br{

        display: none;

    }

}



@media screen and (max-width:1025px){

	
	
	
    .jarron{

        display: none;

    }

    #rentaEspacios .espaciosContent {

        width: 100%;

        align-items: flex-start;

    }

    #rentaEspacios main img {

        right: 30px;

    }

    #experiencias {

        background-size: cover;

        background-position: right;

        min-height: auto;

    }

    #banrecrear {

        background-size: cover;

        background-position: right;

        min-height: auto;

    }

    #experiencias p{

        width:95%;

    }

    #banrecrear p{

        width:95%;

    }

    #experiencia p{

        width:95%;

    }

    .experienciasContent{

       width: 40%;
		margin-left: 58%;
		padding-top: 15px;
		padding-bottom: 50px;

    }

    #ubicacion .mapa {

        width: 600px;

        height: 500px;

    }

}

@media screen and (max-width:768px) {

	.descubrenosbutton{
            right: 15px;
    }

	.reservaYa{

    font-family: 'BwHelder';
    color:#ff4279;
    text-decoration: none;
    line-height:30px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width:180px;
    padding:15px;
		    float: unset;
    margin: auto;
    margin-top: 20px;
}
	
	
    .slider-item{

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .aboutArticle{

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .aboutArticleText{

        width:100%;

        padding:1px;

        text-align: justify;

    }

    .aboutText p{

        text-align: justify;

    }

    #nuestrosEspacios{

        display: flex;
 
        flex-direction: column;

        justify-content: center;

        align-items: flex-end;

        width:100%;

        margin:auto;

        padding:20px 20px;

    }

    #nuestrosEspacios main{

        width:100%;

    }

    #nuestrosEspacios .perro {

        position: relative;

        left: 5%;

        display: none;

    }

    #rentaEspacios{

        margin-top:80px;

        padding:0 20px;

    }

    #rentaEspacios .espaciosContent{

        flex-direction: column;

        align-items: center;

    }

    #rentaEspacios main {

        margin: 0;

        justify-content: center;

        flex-direction: column;

        display: flex;

        align-items: center;

        margin-bottom: 50px;

    }

    #rentaEspacios main p{

        text-align: justify;

    }

    #rentaEspacios main img {

        width: 80%;

        margin-bottom: 50px;

        position: relative;

        right: 0;

    }

    #rentaEspacios .terraza {

        width: 95%;

        margin-right: 0%;

    }

    #experiencias {

        background-size: cover;

        background-position: right;

        min-height: auto;

    }


    #banrecrear {

        background-size: cover;

        background-position: right;

        min-height: auto;

    }

    #experiencia {

        background-size: cover;

        background-position: right;

        min-height: auto;

        height: auto;

    }

    #experiencias p{

        width:100%;

    }

    #banrecrear p{

        width:100%;

    }



    #experiencia p{

        width:100%;

    }

    .experienciasContent{

     width: 50%;
    margin-left: 45%;
    padding-top: 15px;
    padding-bottom: 50px;

    }

    #ubicacion .mainContent{

        width: 100%;

        position: relative;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    #ubicacion .contacto {

        width: 100%;

        padding: 20px 1%;

        margin-left: 0%;

        box-shadow: 0 0 rgba(0,0,0,0);

        background-color: white;

        position: relative;

        z-index:1;

        left:0%;

    }

    #ubicacion .contacto p {

        margin-bottom: 20px;

        font-size: 22px;

    }

    #ubicacion .contacto ul {

        width: 70%;

    }

    

}

@media screen and (max-width:500px) {
    

    #bannerspace{
        width: 90%;
        line-height: normal;
    }

    #experiencias {

        padding: 0 20px 20px 20px;

    }

    #banrecrear {

        padding: 0 20px 20px 20px;

    }

    #experiencia {

        padding: 0 20px 20px 20px;

    }

    #experiencias p{

        text-align: justify;

    }

    #banrecrear p{

        text-align: justify;

    }
    #experiencia p{

        text-align: justify;

    }

    .experienciasContent{

       width: 100%;
    margin-left: 0%;
    padding-top: 15px;
    padding-bottom: 50px;

    }

 
    #ubicacion .mapa {

        width: 100%;

        height: 500px;

    }

}



@media screen and (max-width:500px) {

    #ubicacion .mapa {

        width: 100%;

        height: 300px;

    }



}