@charset 'UTF-8';



body {



    line-height: 1.7;



    color: #474866;



     font-family: 'Open Sans', sans-serif;





    background-color: #fff;



}



br {



    content: "A" !important;



    display: block !important;



    margin-bottom: 0.5em !important;



}







p {



    font-size: 16px;



    margin: 0!important



}







.h1 {



    color: #0e306f !important;



    font-size: 22px !important;



    padding: 0;



    text-align: left;



    padding-left: 0px;



}

.full-image-link {
    width: 100%;
}

.full-image {
    height: 450px;
}

.thumb-cover {
    width: 100%;
    padding: 0px 5px;
    border-radius: 5px;
}

.thumb-cover img {
    height: 150px;
    border-radius: 3px;
}

button.no-of-photos.fire-event {
    position: absolute;
    bottom: 10px;
    right: 30px;
    border: 1px solid #cc0b07;
    padding: 8px 12px;
    border-radius: 3px;
    background-color: #cc0b07;
}

.no-padding-thumb-first {
    padding: 10px 0px;
}

.mt-40{
	margin-top:40px;
}







.property-name {



    text-align: left;



    font-size: 15px;



    font-weight: 500;



    text-transform: uppercase;



}







.property-name a {



    color: #474866!important;



    font-weight: 600



}



.overlay {

    width: 100%;

    height: 100%;

    top: 0;

    position: relative;

    z-index: 999999;

    background-color: #00000057;

    padding: 100px 0px;

    left: 0px;

}







.property-name a:hover {



    text-decoration: none



}







.property-short-info {



    text-align: left



}







h2.no-margin {



    margin-top: 0



}



.pricing-span{



	float:right;



}







.rating {



    width: 40%;



    display: inline-block



}




.review-btn{
	background-color: #cc0b07;
    padding: 15px 33px;
    border-radius: 2px;
    font-size: 15px;
    color: #fff;
    display: block;
    text-decoration: none !important;
	border: 1px solid #cc0b07;
}


.rating>i {



    color: #cc0b07;



    font-size: 20px



}







.dates {



    margin-top: 10px



}







.person {



    font-weight: 600



}



img.gallery {



    height: 200px;



    width: 100%;



}







.container-fluid {



    padding-right: 0!important;



    padding-left: 0!important



}







.row {



    margin-right: 0;



    margin-left: 0



}







.shadow-navbar {



    left: 0;



    top: 0;



    z-index: 999;



    background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0, #000000eb 100%);



    width: 100%;



    transition: all .5s ease;



    -moz-transition: all .5s ease;



    -webkit-transition: all .5s ease;



    -ms-transition: all .5s ease;



    -o-transition: all .5s ease;



	padding-top:25px;



	position:absolute;



}



.cover-section h3{

	margin-top:0px;

}

ul.general-infos {



    margin: 0px;



    padding: 0px;



    list-style-type: none;



}



.shadow-navbar li a {



    color: #fff;



}







.navbar {



    padding-bottom: 0px;



    border: 0;



    border-radius: 0;



    margin-bottom: 0;



    font-size: 12px;



    letter-spacing: 5px



}



.take-a-tour p{

	font-size:20px;

}



.container-custom{

	padding:0px 4%;

}







.navbar-default {



   background-color: #fff0;

    padding: 10px 0px;

}







.navbar-default .navbar-nav>li>a {



    color: #ffffff !important;



    font-weight: 500;



    letter-spacing: 2px



}



.manage-padding {



    padding: 0px 4px 7px;



}











.shadow-navbar .navbar-brand {



    color: #fff!important



}







.inner-menu .navbar-brand {



    color: #008cba



}







.center-btn{

	position: absolute;

  	left: 30%;

	background-color: #cc0b07;

	padding: 15px 33px;

	border-radius: 2px;

	font-size: 15px;

	color: #fff;

	display: block;

	text-decoration: none !important;

}



.center-btn:hover {

    color: #fff;

    background-color: #df0c08;

}



.h-title{

	color:#df0c08;

	color: #df0c08;

    font-weight: 600;

    text-align: center;

    padding-bottom: 10px;

	font-size:55px;

}



.before-title-g{

	font-size: 42px;

    font-weight: 400;

}



.title-pull-left{

	text-align:left !important;

}







h2.property-welcome{



	font-size: 30px;



    font-weight: 500;



    letter-spacing: -.5px;



    text-align: left;

	margin-top:0px;



}







.navbar-default .navbar-brand {



    color: #008cba



}







.navbar-brand {



    float: left;



    height: 50px;



    padding: 0 15px



}







.nav>li>a:focus,



.nav>li>a:hover {



    background-color: inherit!important



}







.carousel-caption {



  left:0px !important;



  position: absolute;



  top: 55%;
  
  text-shadow:0 1px 2px rgb(0 0 0);



}



.carousel-caption h2{

	margin:0px;

	padding:0px;

	font-size:70px;

	font-weight:700;

	text-align:left;

}



.carousel-caption h3{



	margin:0px;



	padding:0px;



	font-size:25px;



	font-weight:700;



	text-align:left;

	text-shadow:0 1px 2px rgb(0 0 0);



}



.testimonials{



	background-color: #000000c9;



    opacity: 0.9;



    margin: 0px !important;



    padding: 40px 0px;



	



}



.testimonial {

    width: 100%;

    height: 273px;

    top: -20px;

    position: relative;

    z-index: 999999;

    background-color: #000000c4;

    padding: 40px 0px;

}







.testimonials p{



	font-weight:400;



	color:#fff;

	font-size:20px;



}





.cover-ami-title {

    padding: 17px 5px;

    border: 1px solid #df0c085c;

    margin-bottom: 5px;

    /* margin: 0px; */

    border-radius: 2px;

	cursor:pointer;

}





.cover-ami-title h2 {

    padding: 4px;

    margin: 0px;

}





.cover-amenity-img img {

    height: 328px;

    object-fit: cover;

}





a.attraction-btn {

    float: left;

    padding: 9px 30px;

    border: 1px solid #fff;

    border-radius: 2px;

    color: #fff;

    width: 214px;

    font-size: 20px;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}





h3.property-specification {

    text-align: left;

    color: #fff;

    font-size: 27px;

}



h2.attraction-title {

    margin: 0px;

    text-align: left;

    font-weight: 600;

    color: #df0c08;

    margin-bottom: 10px;

    font-size: 55px;

}











.testimonials small{



    color: #fff;



    font-weight: 600;



    font-size: 15px;



}



.bredcurm{



	padding: 4% 0px;



    background-image: url(https://www.villabitterlin.com.mx/assets/frontend/img/banner/bredcum.JPEG);



    margin-bottom: 20px;



	background-position: bottom center;



	background-repeat:no-repeat;



	background-size: cover;



}







.bredcurm h1{



	font-size: 43px !important;



    line-height: 186px;



    font-weight: 600;



    color: #fff;



	text-shadow: 0 1px 2px rgba(0,0,0,.6);



}



.contact-us-cover{



    padding: 16px 0px;



    border-radius: 2px;



}







.carousel-control {



    text-shadow: none!important



}







.text-shadow {



    font-size: 18px;



    padding: 0 10px



}







.carousel-control span {



    top: 40%;



    position: absolute;



    color: #fff;



    width: 50px;



    height: 50px



}







.carousel-control span.angle-right {



    border-right: 3px solid #fff;



    border-bottom: 3px solid #fff;



    transform: rotate(-45deg)



}







.carousel-control span.angle-left {



    border-left: 3px solid #fff;



    border-bottom: 3px solid #fff;



    transform: rotate(45deg)



}







.navbar-nav>li>a {



    font-size: 18px;



    text-transform: inherit!important



}







.navbar-default .navbar-nav>li>a:focus,



.navbar-default .navbar-nav>li>a:hover {



    font-size: 18px;



    text-decoration: underline



}







.navbar-brand img {



    width: 250px;



	margin-top:7px;



}











footer {

    background-color: #6c7177fa;

    height: 253px;

    overflow: hidden;

}







h4.footer-head {



    color: #fff;



    text-align: left;



    font-weight: 600;



    font-size: 25px;



}







.background-color{



	background-color:rgb(188, 172, 134);



}







.footer-lists {



    list-style-type: none;



	padding:0px;



}







.footer-lists li {



    text-align: left;



    padding: 4px 0px;



    color: #ffffff;



    font-size: 16px;



    font-weight: 400;



}







.follow-us{



	text-align:left;



	color:#d4cbcb;



}







.footer-lists li a {



    text-align: left;



    color: #ffffff;



    font-size: 17px;



    font-weight: 400;



}



.design-and-develop a {



    color: #fff;



    font-weight: 400;



}



#emailSubscribe{



	z-index:999999;



}







#emailSubscribe .modal-content{



	background-color:#fff;



}



.subscribe-message-title{



	font-size:20px;



}











.social-link{



	text-align:left;



	list-style-type:none;



	padding:0px;



	color:#d4cbcb;



}



.social-link li{



	float:left;



	margin-right:5px;



	color:#d4cbcb;



}







.social-link li a.facebook{



	background-color:#3b5998;



}



.social-link li a.twitter{



	background-color:#00aced;



}







.social-link li a.instagram{



	background-color:#007bb6;



}







.social-link li a.tumblr{



	background-color:#00aced;



}







.social-link li a.pinterest{



	background-color:#cb2027;



}







.social-link li a{



	padding: 0;



    display: inline-block;



    font-size: 24px;



    color: #fff;



    border-radius: 100px;



    width: 50px;



    height: 50px;



    line-height: 50px;



    text-align: center;



    transition: all ease-in 200ms;



}



	







.padding-0 {



    padding-right: 0;



    padding-left: 0



}















#quote-carousel {



    padding-bottom: 30px;



}







#quote-carousel .carousel-control {



    background: none;



    color: #CACACA;



    font-size: 2.3em;



    text-shadow: none;



}







.readmore{



	background-color: #6c7177;



    padding: 15px 33px;



    border-radius: 44px;



    font-size: 15px;



    color: #fff;



    display: block;



    text-decoration: none !important;



}







h2.our-amenities {



    color: #fff;



    font-size: 30px;



    font-weight: 400;



}









.cover-amenity span{



	color:#fff;



	font-size:18px;



}



.cover-amenity>div>div {



    margin-top: 15px;



	padding:0px;



}







.readmore:hover{



	background:#23527c;



	color:#fff;



}



.welcome-content {



    padding-top: 0px;



}



.welcome-content p{



	text-align:left;



	margin-bottom:20px !important;



	color:#474866;



	font-weight:400;

	font-size:20px;



}



.review-sub-title{

	font-size:55px;

	color: #fff;

}



.pt-60{

	padding-top:60px;

}











h2.testimonials-title {

    text-shadow: 0 1px 2px rgb(255 255 255 / 60%);

    font-size: 42px;

    font-weight: 500;

    color: #df0c08;

    border-bottom: 1px solid #df0c081c;

    padding-bottom: 10px;



}







#quote-carousel .carousel-indicators {



    position: relative;



    right: 50%;



    top: auto;



    bottom: 0px;



    margin-top: 20px;



    margin-right: -19px;



}



#quote-carousel .carousel-indicators li {



    width: 15px;



    height: 15px;



    cursor: pointer;



    border: 1px solid #fff;



    border-radius: 50%;



    overflow: hidden;



    transition: all .4s ease-in;



    vertical-align: middle;



}



#quote-carousel .carousel-indicators .active {



    width: 15px;



    height: 15px;



    opacity: 1;



    transition: all .2s;



	background-color:#fff;



}



.item blockquote {



    border-left: none;



    margin: 0;



}











.property-specification p {



    margin-bottom: 20px !important;



    text-align: left;



	font-weight: 400;



}





.cover-ami-title:hover{

	background-color:#df0c08;

	color:#fff;

}



















.h1 {



    font-size: 80px;



    font-weight: 300



}







.h2 {



    font-size: 70px;



    font-weight: 300



}







.h3 {



    font-size: 60px;



    font-weight: 300



}







.bottom-padding {



    height: 20px



}







h1,



h2,



h3,



h4 {



    font-weight: 300



}







p {



    font-weight: 300



}







span {



    color: #000



}







.btn-info {



    background-color: teal;



    border-color: teal



}







.btn-info:hover {



    background-color: teal;



    border-color: teal



}







.inner-menu {



    background-color: #fff!important;



    -webkit-box-shadow: 0 0 2px rgba(1, 2, 0, .3);



    box-shadow: 0 0 2px rgba(1, 2, 0, .3);



	padding-top:5px;



	padding-bottom:5px;



}







.action {



    float: right



}







.action a {



    cursor: pointer;



    color: #242427;



    background-color: #fff;



    border: 1px solid #cc0b07;



    padding: 6px 15px;



    font-size: 17px;



     border-radius: 4px;



    margin-top: 3px;



    -webkit-user-select: none;



    -moz-user-select: none;



    -ms-user-select: none;



    -o-user-select: none;



    user-select: none;



    position: inherit;



}











.ui-datepicker-inline {



    width: 100%!important



}







.ui-state-disabled>span {



    text-decoration: line-through!important



}







.inner-menu li a {



    color: #0e306f !important;



    font-weight: 500;



    letter-spacing: 2px



}







input[type=text],



select {



    width: 100%;



    padding: 9px;



    margin: 5px 0 10px 0;



    display: inline-block;



    border: 1px solid #999;



    border-radius: 5px;



    font-size: 18px;



    font-weight: 300



}







input[type=submit] {



    background-color: #008cba;



    color: #fff;



    padding: 12px 20px;



    border: none;



    border-radius: 4px;



    cursor: pointer



}







input[type=submit]:hover {



    background-color: #45a049



}







.section-break {



   /* background-color: #f7f4f4;*/



    padding: 10px 20px;



    width: 100%;



    margin-bottom: 10px;



}


.mobile-inquiry {
    background-color: #efefef;
    margin-top: 40px;
    padding: 20px 10px;
}




.amenity-list {



    list-style-type: none;



    column-count: 3;



    column-gap: 30px;



}







.amenity-check{
    color: #cc0b07;
	margin-right:10px;

}







p.amenity-head {



    font-size: 25px;



    font-weight: 600;



    margin-bottom: 20px !important;



}







.amenity-list li {



    list-style-type: none;



	margin-bottom:20px;



}







.margin-10 {



    margin-bottom: 10px



}







.section-break {



    transition: all .3s cubic-bezier(.25, .8, .25, 1);



    border-radius: 2px



}







.no-padding-right {



    padding-right: 0



}











.inquiry {



    height:212px;



    padding: 0px 10px;



   /* background-color: #f7f4f4;*/



    transition: all .3s cubic-bezier(.25, .8, .25, 1);



    border-radius: 2px;



	margin-bottom:10px;



}










.slider {



    background-color: #fff;



	margin-bottom:10px;



}







.inquiry input[type=text],



.inquiry select {



    width: 100%;



    padding: 4px 7px;



    margin: 0 0 10px 0;



    display: inline-block;



    border: 1px solid #999;



    border-radius: 2px;



    font-size: 18px;



    font-weight: 300



}







.map-sidebar {



    background-color: #fff;



    padding: 10px



}







input.half,



select.half {



    width: 49%!important



}







.inquiry select {



    height: 39px



}







.inquiry textarea {



    height: 145px;



    padding: 7px



}







.inquiry h3 {



    padding-top: 10px;



    padding-bottom: 10px;



    margin: 0



}







.section-break h1,



.section-break h2 {



    margin-top: 0;



	font-weight: 500;



}







.inquiry .btn-submit {



    background-color: #c1b086;



    width: 100%;



    border-radius: 0px;



    padding: 5px 10px;



    color: #fff;



    font-size: 20px



}







#reviews-form input{



	padding: 4px 10px;



    margin: 5px 0 7px 0;



    display: inline-block;



    border: 1px solid #999;



    border-radius: 2px;



    font-size: 18px;



    font-weight: 300;



}







.general-info {



    margin-top: 20px



}







.general-info ul {



    list-style-type: none;



    padding: 0;



    font-size: 15px;



	text-align:center;



}







.comment-title .title {



    font-weight: 600



}



table.rate-findhomeaway{



	border:1px solid #ccc;



}



table.rate-findhomeaway tr th{



	background-color: #c1b08694;



}



table.rate-findhomeaway tr td,table.rate-findhomeaway tr th{



	padding: 10px;



	text-align: center



}







h1,



h2 {



    font-size: 24px



}







.no-margin-h {



    margin: 0



}







.propertyname {



    margin-top: 10px;



    padding: 0 10px 10px 5px;



    border-radius: 2px



}







.breadcrumb {



    background-color: inherit!important;



    padding-top: 10px;



    padding-left: 0;



    margin-bottom: 0



}







.breadcrumb>li {



    padding: 0;



    font-size: 18px



}







.breadcrumb>li+li:before {



    content: none!important



}







.sticky{



	position: sticky;



    top: 5px;



}



.about-location{



	padding-bottom:30px;



}







.bg-3 hr {



    border-top: 1px solid #dcd7d7;



    margin-top: 0;



    margin-bottom: 5px



}







.bg-full{	



    background-color: #008cba;



    margin-top: 20px;



    padding: 20px 0;



}



.bg-full h1,.bg-full h4,.bg-full p,.bg-full i{



	color:#fff;



	



}











img.property-type {



    width: 100%;



    height: 206px;



    object-fit: cover



}











.list-description {



    line-height: 1.4;



    color: #008cba;



    font-weight: 600;



    padding-top: 5px;



	padding-left:0px;



}











.pagination {



    margin: 0;



    margin-bottom: 1%



}







.no-record-found {



    padding: 10% 0



}







img.list-img {



    display: block;



    width: 100%;



    height: 161px;



    object-fit: cover



}







img.list-img-detail {



    display: block;



    width: 100%;



    object-fit: cover



}







.custom-btn {



    color: #ffffff;



    background-color: #c1b086;



    border: 1px solid #c1b086;



    padding: 6px 15px;



    font-size: 17px;



    border-radius: 4px;



    margin-top: 3px



}







.custom-btn:hover {



    background-color: #c1b086;



    color: #fff



}







.custom-button:hover {



    color: #008cba;



    text-decoration: underline



}







.custom-btn:focus,



.custom-button:focus {



    outline: 0



}















.gm-style .map-img img {



    width: 100%!important;



    object-fit: cover;



    height: 120px



}











.gm-style .gm-style-iw .map {



    width: 200px!important



}







.map-property-name {



    text-align: center;



    font-size: 16px



}







.padding-right {



    padding-right: 0



}







.filter {



    margin-top: 10px



}







.filter input,



.filter select {



    border-radius: 3px;



    height: 50px;



    width: 100%!important



}







.blinking{



	animation:blinkingText 2.8s infinite;



}



.deals{



	position:relative;



	padding-top: 22px;



}



span.deal {



   position: absolute;



    top: -11px;



    left: -20px;



    background-color: #c1b086;



    padding: 5px 15px;



    color: #fff;



    text-transform: capitalize;



    display: block;



    border-bottom-right-radius: 12px;



}











@keyframes blinkingText{



	0%{		color: #000;	}	



	100%{	color: #008cba;	}



}







.containers {



    height: 50vh;



    width: 50vw;



    font-family: Helvetica



}







.loader {



    height: 20px;



    width: 250px;



    position: absolute;



    top: 0;



    bottom: 0;



    left: 0;



    right: 0;



    margin: auto



}







.loader--dot {



    animation-name: loader;



    animation-timing-function: ease-in-out;



    animation-duration: 3s;



    animation-iteration-count: infinite;



    height: 20px;



    width: 20px;



    border-radius: 100%;



    background-color: #000;



    position: absolute;



    border: 2px solid #fff



}







.loader--dot:first-child {



    background-color: #8cc759;



    animation-delay: .5s



}







.loader--dot:nth-child(2) {



    background-color: #8c6daf;



    animation-delay: .4s



}







.loader--dot:nth-child(3) {



    background-color: #ef5d74;



    animation-delay: .3s



}







.loader--dot:nth-child(4) {



    background-color: #f9a74b;



    animation-delay: .2s



}







.loader--dot:nth-child(5) {



    background-color: #60beeb;



    animation-delay: .1s



}







.loader--dot:nth-child(6) {



    background-color: #fbef5a;



    animation-delay: 0s



}







.loader--text {



    position: absolute;



    top: 200%;



    left: 0;



    right: 0;



    width: 4rem;



    margin: auto



}



.cover-gallery img {



    height: 228px;



    object-fit: cover;



    width: 100%;



	transition: transform .7s;



}



.gallery-caption {



    background-color: #f7f7f7;



    padding: 9px;



    text-align: center;



    font-weight: 600;



}



.cover-gallery {



    height: 300px;



}



.cover-gallery-img{



	overflow:hidden;



}



.cover-gallery :hover img{



	-ms-transform: scale(1.2); /* IE 9 */



    -webkit-transform: scale(1.2); /* Safari 3-8 */



    transform: scale(1.2); 

	



}



.general-info ul li {



    font-size: 25px;



    font-weight: 700;



    display: inline;



    padding-right: 20px;



}







.loader--text:after {



    content: "Loading";



    font-weight: 700;



    animation-name: loading-text;



    animation-duration: 3s;



    animation-iteration-count: infinite



}







@keyframes loader {



    15% {



        transform: translateX(0)



    }



    45% {



        transform: translateX(230px)



    }



    65% {



        transform: translateX(230px)



    }



    95% {



        transform: translateX(0)



    }



}







@keyframes loading-text {



    0% {



        content: "Loading"



    }



    25% {



        content: "Loading."



    }



    50% {



        content: "Loading.."



    }



    75% {



        content: "Loading..."



    }



}







.last-page {



    display: none



}







.padding-top {

    margin-top: 5px;

    padding-top: 30px;

    padding-bottom: 30px;

    border-radius: 1px;

}



.padding-left{



    padding-left:5px;



}







.no-background-padding-top {



    margin-top: 10px



}







.list-name {



    font-size: 20px;



    font-weight: 500;



    margin: 0!important;



    padding: 0;



	line-height:1.2;







}







.write-review-div input.half-1{



	width:49.7%;



	



}



.write-review-div .comment{



	padding:10px;



}



.write-rating{



	padding: 10px 0px;



}



.write-rating i {



    color: #c1b086;



    font-size: 25px;



	cursor:pointer;



}







#map_listing {



    height: 495px



}







.map-cover {



    height: 514px;



    padding: 10px;



    background-color: #fff;



    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);



    transition: all .3s cubic-bezier(.25, .8, .25, 1)



}







.property-list {



    position: relative



}



.listing-specification div{



	padding-top:5px;



}



.listing-specification span {



    color: #333232;



    font-size: 16px;



    margin-right: 10px



}







.listing-specification i {



    font-size: 20px



}







.listing-specification .rating {



    text-align: right;



    width: 100%



}







.listing-price {



    font-weight: 500;



    text-align: right;



	padding:0px;



}







.breadcrumb li {



    padding-right: 10px



}







#map {



    height: 400px;



    width: 100%



}







.gm-style-iw,



.gm-style-iw-d {



    max-width: 768px!important;



    max-height: 250px!important;



    position: relative



}







.map_de {



    width: 250px;



    padding: 10px;



    font-size: 16px;



    line-height: 20px



}







.gm-ui-hover-effect {



    top: 17px!important;



    right: 20px!important;



    opacity: 1;



    background-color: #fff!important;



    border-radius: 100%!important



}







.gm-style .gm-style-iw-c {



    border-radius: 5px!important;



    padding: 15px 0 15px 15px!important



}















.description{



	text-align: justify;



}


.text-control {
    color: white;
    cursor: pointer;
    text-align: center;
    display: block;
    width: 200px;
    margin: auto;
    background-color: #cc0b07;
    padding: 13px 12px;
    border-radius: 3px;
}






h2.text-center.amenity-info {



    font-size: 50px;



    font-weight: 600;



}







.description-control:hover {



    text-decoration: underline



}







#filter-form input,



#filter-form select {



    height: 45px;



    padding: 9px;



    display: block;



    border: 1px solid #999



}







.ratenotes {



    margin-top: 30px



}







.stiky-menu-bar {



    background-color: #f7f4f4;



    margin: 10px 0px;



}



.stiky-menu-only-mobile{



    display:none;



}







.stiky-menu-bar ul {



    list-style-type: none;



    background-color: #f7f4f4;



    transition: all .3s cubic-bezier(.25, .8, .25, 1);



    border-radius: 1px;



}







.stiky-menu-bar ul li {



    padding: 0 2%;



    display: inline-block;



    font-size: 16px



}







.stiky-detail-menu {



    position: fixed;



    z-index: 999999;



    top: 0;



    padding: 5px!important;



    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);



    transition: all .3s cubic-bezier(.25, .8, .25, 1);    



}















.no-padding-left {



    padding-left: 0;



    margin-top: 4px



}







.display-none {



    display: none



}







.custom-button {



    color: #007bff;



    background-color: transparent;



    background-image: none;



    border-color: #007bff



}







.more-city{



    color: #008cba;



    background-color: #f0f0f0;



    border: 1px solid #008cba;



    padding: 12px 15px;



    font-size: 17px;



    border-radius: 4px;



	text-align:right;



}



.cities{



	display:none;



}







ul.more-city-list {



    list-style-type: none;



    margin: 0px;



    padding: 0px;



    float: left;



    display: grid;



    grid-template-columns: auto auto auto auto auto;



    width: 100%;



}







span.write-review {



    font-size: 18px;



    background-color: #c1b086;



    padding: 10px 10px;



    color: #fff;



    /* border-radius: 3px; */



    cursor: pointer;



}



button.btn.btn-submit {

    background-color: #cc0b07;

    color: #fff;

    display: block;

    width: 100%;

    padding: 7px 0px;

    font-size: 18px;

}



ul.general-infos {

    padding: 9px;

    list-style-type: none;

    border: 1px solid #ccc;

    margin-bottom: 45px;

}





.no-padding-sticky{

	padding:0px;

}

ul.stickys{

	list-style-type: none;

    padding: 0px;

    margin: 0px;

    background-color: #6c7177;

    width: 100%;

    padding: 5px;

    font-size: 18px;

    margin-bottom: 5px;

}

ul.stickys li {

    display: inherit;

    display: inline-block;

}



ul.stickys li a{

	padding:10px 25px;

	color:#fff;

}



ul.sticky-fixed{

	position: fixed;

    z-index: 999999;

    top: 0px;

}











.our-mission{



    background-image:url(https://www.villabitterlin.com.mx/assets/frontend/img/background-jpeg.jpg);



    background-repeat: no-repeat;



    background-size: cover



}







.login .container {



    padding: 6% 0;



}



.main-ul,.child-ul{



    list-style-type: none;



    padding: 0px;



}



.main-li{



    display:inline-block;font-size: 20px;font-weight: 700;



}



.child-li{



    font-weight: 500;



    font-size: 18px;



}







.register .container {



    padding: 3% 0



}







.our-mission .container {



    margin-top: 2%;



	background-color: #fff;



    margin-bottom: 20px;



}















.login h1,



.register h1 {



    font-size: 36px



}







.login form,



.register form {



    background-color: #fff;



    margin-bottom: 5%;



    padding: 10px 10px 30px 10px;



    border-radius: 5px



}







.our-mission form {



    background-color: #fff;



    margin-bottom: 5%;



    padding: 10px 10px 30px 10px;



    border-radius: 0;



    opacity: .9



}







label {



    display: none



}







input[type=password],



input[type=text],



select {



    width: 100%;



    padding: 9px;



    margin: 5px 0 10px 0;



    display: inline-block;



    border: 1px solid #c1b086;



    border-radius: 2px;



    font-size: 18px;



    font-weight: 300



}







select {



    height: 52px



}







textarea {



    width: 100%



}







input[type=password]:focus,



input[type=text]:focus {



    outline: 0



}







hr {



    margin-bottom: 10px



}







.registerbtn {



    background-color: #008cba;



    color: #fff;



    padding: 3px 0;



    margin: 8px 0;



    border: none;



    cursor: pointer;



    width: 100%;



    font-size: 23px;



    border-radius: 5px



}







.error-message {



    margin: 0!important;



    padding: 5px;



    background-color: #efefef;



    opacity: 1;



    color: red;



    border-radius: 2px;



    font-weight: 500



}







.registerbtn:hover {



    opacity: 1



}







.error-message {



    display: none



}







a {



    color: #008cba



}







a.hover {



    color: #008cba



}







.signin {



    background-color: #f1f1f1;



    text-align: center



}















.cS-hidden {



    height: 1px;



    opacity: 0;



    overflow: hidden



}











.jumbotron{



	background-color:#fff;



}







.pricing-container {



    padding-top: 20px;



    padding-bottom: 40px



}



.line-throughs{



	border-bottom: 1.2px solid #66666691;



    float: right;



    width: 83%;



    margin-top: 14px;



}







.line-through{



	text-decoration:line-through;



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



    color: #ef1515;



}







.h1-pricing {



    font-size: 35px;



    padding-bottom: 25px



}







.price {

    list-style-type: none;

    margin: 0;

    padding: 0;

    -webkit-transition: .3s;

    transition: .3s;

}



.font{



	font-size:12px;



}



.owner-h3{



	margin-top: 0px;



    margin-bottom: 3px;



}







.price .header {



    background-color: #008cba;



    color: #fff;



    font-size: 35px;    



}







.abt-price{



    display: block;



    font-size: 13px;



    color: #fff;



    font-weight: 500;



}



.footer-package{



	padding-bottom:10px !important;



}







.price li {



    border-bottom: 1px solid #eee;



    padding: 10px;



    text-align: center;



}







.price .grey {



    background-color: #eee;



    font-size: 30px;



    padding:0px;    



}







.pricing-btn {



    padding: 10px 30px;



    font-size: 18px;



}















.cal-action {



    width: 45px;



    height: 36px;



    display: inline-block;



    text-align: center;



    color: #008cba;



    line-height: 36px



}







.cal-booked {



    background-color: #cc0b07;



    text-decoration: line-through;



	color:#fff;



}







.cal-checkin {



    width: 0;



    height: 0;



    border-bottom: 38px solid #cc0b07;



    border-left: 47px solid transparent;



    display: block;



    float: right;



}



.cal-checkout {



    width: 0;



	height: 0;



	border-top: 38px solid #cc0b07;



	border-right: 47px solid transparent;



	display: block;float:left;




}

.config-calendar {
    background-color: #efefef;
    padding: 10px;
    border-radius: 2px;
    text-align: center;
}







.cal-release {



    background-color: #fff;



    border: 1px solid #ccc;



	color:#474866;



}







table.js-calendar caption {



    text-align: center;



    font-size: 20px;



}







table.js-calendar {



    width: 330px;



}







.day{



	text-align: center;



    display: inline-block;



    padding: 10px;



    border-radius: 5px;



    border: 1px solid #ccc;



    margin: 1px;



}







.day.disabled {



    background-color: #6c7177;



    color: #fff;



	text-decoration:line-through;



}



table tr td{



	position:relative;



	



}



.month-tr-heading {



    line-height: 40px;



}







table {



	width:100%;



}







span.name {



    position: absolute;



    top: 24px;



    right: 16px;



    font-size: 13px;



    color: #969090;



}







table tr td div{

	width: 60px;

    height: 44px !important;

    text-align: center;

    position: relative;

    border: 1px solid #999;

    margin: 1px;

	border-radius:4px;

}





td.selectable div{



	cursor:pointer;



}



span.date {

    position: absolute;

    top: 0px;

}



span.price{

	position: absolute;

    top: 30px;

}





span.date {



   position: absolute;



    font-weight: 500;



    font-size: 18px;



    display: block;



    width: 100%;



    text-align: center;



}







.cover-calendar{



	margin-bottom:20px;



}











span.price {

    position: absolute;

    top: 75%;

    left: 50%;

    transform: translate(-50%, -50%);

    color: #a09b9b;

	font-size: 13px;

	font-weight:600;

}











td.applying div{



	background-color:#337ab7;



	color:#fff;



}



td.applying span.price{

	color:#fff;

}







td.booked div,td.first-last,td.first-last span,td.booked span{

	color:#fff;

	text-decoration: line-through;

}







td.first span.price{

	color:#fff;

	right:50px;

}











.contact-main{



	background-color:#fff;



	  margin: 20px 0px;



    padding: 20px;



	display:inline-block;



}



.contact-cover{



	padding:0%;



}



.contact-cover img{



	width:300px;



}



.contact-cover ul{



	list-style-type:none;



	padding:0px;



	text-align:left;



	



}



.contact-cover ul li a {
    display: block;
    margin-bottom: 2px;
    padding: 13px 5px;
    color: #222222;
    font-size: 20px;
    border-bottom: 1px solid #cc0b0730;
}


p.p-config {
    font-weight: 500;
    font-size: 20px;
}

button.btn-btn-mobile-only.contact-to-owner {



    display:none;



    position: fixed;



    bottom: 0;



    width: 100%;



    color: #fff;



    background-color: #008cba;



    border: 5px solid #ffffff59;



    padding: 3px;



    font-size: 20px;



    z-index:1;



}















@media (min-width:1600px) {



    .container {



        width: 1300px



    }



    .sidenav {



        height: 515px;



        position: fixed;



        z-index: 1;



        width: 410px;



        top: 5px;



        overflow: hidden



    }



    .stiky-detail-menu {



        width: 845px!important



    }



    .inquiry-sidenav {



        height: 550px;



        position: fixed;



        width: 395px;



        z-index: 1;



        top: 0;



        padding: 10px!important



    }



}







@media (min-width:1200px) {



    .stiky-detail-menu {



        width: 760px



    }



	



}











@media only screen and (min-device-width: 480px) 



                   and (max-device-width: 640px) 



                   and (orientation: landscape) {







	.carousel-inner{



		height:475px;



	}



	.write-review-div input.half-1{



		width:100%;



		



	}



	.navbar-brand img {



		margin-top:0px;



	}



	.navbar-toggle {



   	 margin-top: 0px;



	}



	.carousel-control span {



		position: reltive;



		display:none;



	}



	.carousel-inner img{



		height:100%;



	}



	.carousel-caption h2{



		font-size:70px;



		margin:0px !important;



	}



	.carousel-caption h3{



		font-size:30px;



		margin:0px  !important;

		



	}



	.contact-main{



		display:inherit;



	}



	.search-banner {



		top: 300px;



		width: 100%;



		height: 325px;



		border-radius:0px;



	}



	ul.more-city-list {



		grid-template-columns: auto auto auto;



		width: 100%;



	}



	



	



	



	.findhomeaway-calendar{



		padding:0px;



	}



	table.js-calendar {



		width: 360px;



	}



	



	table.js-calendar tr td div{



		width: 45px;



		height: 40px !important;	



    }



    .listing-specification .rating {



        text-align: left;       



    }



    .general-info li{



        padding:0;



    }



    .general-info ul {       



        column-count: 1;        



    }



    .amenity-list {      



        column-count: 2;



    }



        



}







@media (max-width:480px) {



    .view-more {



        display: block;



        width: 100%;



        margin-top: 0



    }



	.write-review-div input.half-1{



		width:100%;



		



	}



	



	.contact-main{



		display:inherit;



	}



	.contact-cover {



		padding: 4%;



		border-top: 1px solid #ccc;



		margin: 8px 0px;



	}



	.contact-cover img{



		width:100%;



	}



	.contact-cover ul li a {



		font-size: 16px;



	}



	.navbar-toggle {



   	 margin-top: 0px;



	 border: 1px solid #fff;



	}



	



	.navbar-default .navbar-toggle .icon-bar{



		background-color:#ffffff;



	}



	background-color: #fff;



	



	.carousel-control span {



		position: reltive;



		display:none;



	}



	



	.carousel-caption h2{



		font-size:25px;



	}



	.carousel-caption h3{



		font-size:20px;



	}



	.search-banner {



		top: 200px;



		width: 100%;



		height: 325px;



		border-radius:0px;



	}



	



	#filter-form .no-padding{



		padding-right: 15px;



    	padding-left: 15px;



	}



	



	.row-img-column{



		height: 50px;



	}







	img.demo.cursor {



		height: 50px;



	}



	ul.more-city-list {



		grid-template-columns: auto auto;



		width: 100%;



	}



	



	.navbar-brand img {



		margin-top:0px;



	}



	.findhomeaway-calendar{



		padding:0px;



	}



	table.js-calendar {



		width: 280px;



	}



	table.js-calendar tr td div{



		width: 37px;



		height: 38px !important;



    }



    .listing-specification .rating {



        text-align: left;       



    }



    .stiky-menu-only-mobile{



        display:block;



        text-align: center;



    }



    .stiky-menu-only-mobile li{



        padding:0 1% !important;



    }



    .stiky-menu-only-mobile li a{



        font-size:14px;



        font-weight:600;



    }



    button.btn-btn-mobile-only.contact-to-owner{



        display:block;



    }



    .mobile-inquiry{



        padding:0px;



    }



    .general-info ul {       



        column-count: 1;        



    }



    .general-info li{



        padding:0;



    }



    .amenity-list {      



        column-count: 2;



    }
	
	
	.full-image{
		height:250px;
	}



}