/*
--------------------------------------------------------------------------------------------- 
#single-maestros
---------------------------------------------------------------------------------------------
*/
#single-maestros{
	width: 100%;
	height: calc(100vh - 101px);
	position: relative;
	overflow: hidden;
}
#single-maestros .main{
	width: calc(100% - 475px);
	height: 100%;
	float: left;
	background-color: #000;
	position: relative;
	z-index: 1;
}
#single-maestros .main .bg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../img/sample/sample-programa.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#single-maestros .main .bg:after{
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 140px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.65)));
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
#single-maestros .main .back{
    position: absolute;
    width: 100%;
    padding: 5px 15px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    display: none;
}
#single-maestros .main .content{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
	background-color: transparent;
}
#single-maestros .main .content{
	padding: 0px 30px 60px 30px;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
#single-maestros .main .content .label{
    display: block;
    text-align: left;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    padding: 0px;
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
#single-maestros .main .content .title{
	color: #fff;
	margin-bottom: 15px;
	line-height: 1.3;
}

#single-maestros .main .content .description{
	max-width: 50%;
}
#single-maestros .sidebar{
	width: 475px;
	height: 100%;
	float: left;
	z-index: 3;
	position: relative;
	background-color: #fff;
}
#single-maestros .sidebar .description{
	max-height: calc(100% - 162px);
	overflow-y: scroll;
}
#single-maestros .sidebar .description .title{
	line-height: 1.3;
}
#single-maestros .sidebar .description .title .flag-icon{
	width: 25px;
	margin-left: 10px;
	vertical-align: middle;
}
#single-maestros .sidebar .description .info{
	border-left: 2px solid #333;
	padding-left: 20px;

}
#single-maestros .sidebar .description .info .specialism{
	margin-bottom: 10px;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
}
#single-maestros .sidebar .description .info .date{
	font-size: 12px;
	font-size: 1.2rem;
}
#single-maestros .sidebar .description{
    background-color: #fff;
    padding: 60px 60px 30px;
    height: calc(100% - 80px);
    overflow-y: scroll;
}
#single-maestros .sidebar .description .toggles-container{
    padding: 0px;
    border-top: 0px;
    margin-bottom: 15px;
}
#single-maestros .sidebar .description .toggles-container .toggle .toggle-title{
	padding: 10px 0px;
}
#single-maestros .sidebar .description .toggles-container .toggle .toggle-title .fa{
	top: 0px;
}
@media all and (min-width: 768px){
	#single-maestros .sidebar .description .toggles-container .toggle .toggle-content{
	    display: block;
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    width: 100vw;
	    background-color: #fff;
	    overflow-y: scroll;
	    -webkit-transform: translateX(100%);
	            transform: translateX(100%);
	    height: calc(100% - 72px);
	    padding: 60px;
	    -webkit-transition: all 400ms;
	    transition: all 400ms;
	}	 
	#single-maestros .sidebar .description .toggles-container .toggle .toggle-content .closer{
		display: block !important;
		margin-bottom: 60px;
	}
	#single-maestros .sidebar .description .toggles-container .toggle .toggle-content.open{
	    -webkit-transform: translateX(0%);
	            transform: translateX(0%);
	    display: block !important;
	}   
}
#single-maestros .sidebar .other{
	position: absolute;
	bottom: 0px;
	width: 100%;
}
#single-maestros .sidebar .other .navigation{
	padding: 30px 60px;	
}
#single-maestros .sidebar .other .navigation .title{
	display: inline-block;
	margin-bottom: 0px;
}
#single-maestros .sidebar .other .navigation .prev{
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    color: #666;
    padding-right: 2px;
    border: 1px solid #666;
}
#single-maestros .sidebar .other .navigation .next{
    width: 32px;
    height: 32px;
    cursor: pointer;
	border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    padding-left: 2px;
	color: #666;
    border: 1px solid #666;
}
#single-maestros .sidebar .other .navigation .prev:hover,
#single-maestros .sidebar .other .navigation .next:hover{
	color: #333;
	border: 1px solid #333;
} 
#single-maestros .sidebar .other .slider{
}
#single-maestros .sidebar .other .slider .slide{
	
}
#single-maestros .sidebar .other .slider .slide img{
	width: 100%;
	height: auto;
	vertical-align: middle;
}

#single-maestros .sidebar .other .navigation .slick-disabled{
	opacity: 0.3;
	cursor: default;
}
/*#single-maestros .register{
    height: auto;
    z-index: 2;
    padding: 60px;
    background-color: #fff;
    left: -100px;
    height: 100%;
    width: 460px;
    position: absolute;
    transition: 200ms ease-in-out;
}
#single-maestros .register.open{
    left: 360px;
}
#single-maestros .closer{
	position: absolute;
	top: 30px;
	right: 30px;
}*/

@media (max-width: 1200px) {
	#single-maestros .main{
		min-width: 60%;
	}
	#single-maestros .sidebar{
		max-width: 40%;
		right: 0px;
	}
	
	#single-maestros .sidebar .description{
		padding: 30px;
	}
	#single-maestros .sidebar .other .navigation{
		padding: 30px 30px;
	}
	#single-maestros .sidebar .description-container .description .toggles-container .toggle .toggle-content .closer{
		margin-bottom: 30px;
	}

}	

@media (max-width: 767px){
	#single-maestros{
		height: auto !important;
	}
	#single-maestros .main{
	    width: 100%;
	    float: none;
	    padding-bottom: 62.5%;
	}
	#single-maestros .main .back{
		display: block;
	}
	#single-maestros .main .content{
		padding: 15px;
	}
	#single-maestros .main .bg:after{
		opacity: 0.8;
	}
	#single-maestros .sidebar{
		width: 100%;
		float: none;
		max-width: none;
	}	
	#single-maestros .sidebar .other{
		position: relative;
		padding: 15px 30px;
	}
	#single-maestros .sidebar .other .navigation{
		padding: 0px;
	}
}

/*
--------------------------------------------------------------------------------------------- 
#single-suites
---------------------------------------------------------------------------------------------
*/
#single-suites{
	width: 100%;
	overflow: hidden;
	height: calc(100vh - 101px);
	position: relative
}
#single-suites .main{
	width: calc(100% - 475px);
	height: 100%;
	float: left;
	background-color: #000;
	position: relative;
	z-index: 1;
}
#single-suites .main .bg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#single-suites .main .bg:after{
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 140px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.65)));
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
#single-suites .main .back{
    position: absolute;
    width: 100%;
    padding: 5px 15px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    display: none;
}
#single-suites .main .content{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
	background-color: transparent;
}
#single-suites .main .content{
	padding: 0px 30px 60px 30px;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
#single-suites .main .content .label{
    display: block;
    text-align: left;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    padding: 0px;
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
#single-suites .main .content .title{
	color: #fff;
	margin-bottom: 15px;
	line-height: 1.3;
}
#single-suites .main .content .description{
	max-width: 50%;
}
#single-suites .main .slider{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#single-suites .main .slider .slick-list{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#single-suites .main .slider .slick-list .slick-track{
	top: 0px;
	left: 0px;
	height: 100%;
}
#single-suites .main .slider .slick-list .slick-track .slick-slide{
	position: relative;
}
#single-suites .main .arrows{
	position: absolute;
	top: 20px;
	right: 20px;
}
#single-suites .main .arrows .prev{
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 30px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    cursor: pointer;
    color: #fff;
    padding-right: 2px;
    border: 1px solid #fff;
}
#single-suites .main .arrows .next{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 30px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    cursor: pointer;
    color: #fff;
    padding-left: 2px;
    border: 1px solid #fff;
}
#single-suites .main .arrows .prev:hover,
#single-suites .main .arrows .next:hover{
	opacity: 0.5;
} 

#single-suites .sidebar{
	width: 475px;
	height: 100%;
	float: left;
	z-index: 3;
	position: relative;
	background-color: #fff;
}
#single-suites .sidebar .description-container{
    background-color: #fff;
    height: calc(100% - 70px);
    overflow-y: scroll;
}
#single-suites .sidebar .description-container .gallery{
	background-color: #f2f2f2;
}
#single-suites .sidebar .description-container .gallery .image{
	width: 33.33%;
	float: left;
	opacity: 0.5;
	cursor: pointer;
}
#single-suites .sidebar .description-container .gallery .image:hover{
	opacity: 1;
}
#single-suites .sidebar .description-container .gallery .image.active{
	opacity: 1;
	cursor: default;
}
#single-suites .sidebar .description-container .gallery .image img{
	width: 100%;
	height: auto;
	vertical-align: middle;
}

#single-suites .sidebar .description-container .gallery .navigation .slick-disabled{
	opacity: 0.3;
	cursor: default;
}
#single-suites .sidebar .description-container .description{
    padding: 30px 60px;
}
#single-suites .sidebar .description-container .description .title{
	line-height: 1.3;
}
#single-suites .sidebar .description-container .description .title .size{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	font-family: "HK Grotesk", Helvetica, Arial, Verdana, sans-serif;
	margin-left: 10px;
}
#single-suites .sidebar .description-container .description .title .size sup{
	font-size: 10px;
	font-size: 1rem;
}
#single-suites .sidebar .description-container .description .title .flag-icon{
	width: 25px;
	margin-left: 10px;
	vertical-align: middle;
}
#single-suites .sidebar .description-container .description .info{
	border-left: 2px solid #333;
	padding-left: 20px;

}
#single-suites .sidebar .description-container .description .info .specialism{
	margin-bottom: 10px;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
}
#single-suites .sidebar .description-container .description .info .date{
	font-size: 12px;
	font-size: 1.2rem;
}

#single-suites .sidebar .description-container .description .toggles-container{
    padding: 0px;
    border-top: 0px;
    margin-bottom: 0px;
}
#single-suites .sidebar .description-container .description .toggles-container .toggle .toggle-title{
	padding: 10px 0px;
}
#single-suites .sidebar .description-container .description .toggles-container .toggle .toggle-title .fa{
	top: 0px;
}
@media all and (min-width: 768px){
	#single-suites .sidebar .description-container .description .toggles-container .toggle .toggle-content{
	    display: block;
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    width: 100vw;
	    background-color: #fff;
	    -webkit-transform: translateX(100%);
	            transform: translateX(100%);
	    overflow-y: scroll;
		height: calc(100% - 72px);
	    padding: 60px;
	    -webkit-transition: all 400ms;
	    transition: all 400ms;
	}	 
	#single-suites .sidebar .description-container .description .toggles-container .toggle .toggle-content .closer{
		display: block !important;
		margin-bottom: 60px;
	}
	#single-suites .sidebar .description-container .description .toggles-container .toggle .toggle-content .content-editor{
		-webkit-column-count: 3; /* Chrome, Safari, Opera */ /* Firefox */
	    column-count: 3;
	}
	#single-suites .sidebar .description-container .description .toggles-container .toggle .toggle-content.open{
	    -webkit-transform: translateX(0%);
	            transform: translateX(0%);
	    display: block !important;
	}   
}
@media all and (min-width: 1200px){
	#single-suites .sidebar .description-container .description .toggles-container .toggle .toggle-content{
		padding: 120px;
	}
}
#single-suites .sidebar .description-container .navigation{
	padding: 0px 60px;
	margin-bottom: 30px;
}
#single-suites .sidebar .reservation{
	padding: 15px 60px;
	height: auto;
	background-color: #F2F2F2;
	position: absolute;
	bottom: 0px;
	width: 100%;
}
#single-suites .sidebar .reservation .content{
	position: relative;
}
#single-suites .sidebar .reservation .content .price{
	font-weight: 400;
	color: #555555;
	line-height: 40px;
    vertical-align: middle;
	font-size: 12px;
	font-size: 1.2rem;
}
#single-suites .sidebar .reservation .content .price .amount{
	font-size: 18px;
	font-size: 1.8rem;
	color: #333333;
	font-weight: 300;
	margin-left: 5px;
}
#single-suites-policies {
	background-color: #fff;
}
#single-suites-policies .toggles-container{
	padding: 30px 0px;
}
#single-suites-policies .toggles-container .toggle .toggle-title{
	font-size: 16px;
	font-size: 1.6rem;
}
#single-suites-policies .policies-tabs-container{
	
}
#single-suites-policies .policies-tabs-container .nav-tabs{
	background-color: #fff;
}
#single-suites-policies .policies-tabs-container .nav-tabs li{
	width: 33.33%;
	text-align: center;
	border-radius: 0px;
	float: left;
	display: block;
	margin-bottom: 0px;
	outline: 0px !important;
	border: 0px !important;
}
#single-suites-policies .policies-tabs-container .nav-tabs li.active{
	
}
#single-suites-policies .policies-tabs-container .nav-tabs li a{
	border-radius: 0px;
	border: 1px solid #ccc;
	border-top: 0px;
	margin: 0px;
	color: #999999;
	padding: 20px 10px;
	line-height: 20px;
	border-bottom: 2px solid #fff;
	margin-left: -1px;
}
#single-suites-policies .policies-tabs-container .nav-tabs li a i{
	vertical-align: -6px;
	color: #999999;
	font-size: 26px;
	font-size: 2.6rem;
	margin-right: 5px;	
}
#single-suites-policies .policies-tabs-container .nav-tabs li:hover a{
	border-bottom: 2px solid #ccc;
	background-color: #fff;
	color: #999;	
}
#single-suites-policies .policies-tabs-container .nav-tabs li.active a{
	border-bottom: 2px solid #000;
	background-color: #fff;
	color: #000;
}
#single-suites-policies .policies-tabs-container .nav-tabs li:hover a i{
	color: #999;
}
#single-suites-policies .policies-tabs-container .nav-tabs li.active a i{
	color: #000;
}
#single-suites-policies .policies-tabs-container .tab-content{
	position: relative;
	background-color: #fff;
}

@media (max-width: 1200px) {
	#single-suites .main{
		min-width: 60%;
	}
	#single-suites .sidebar{
		max-width: 40%;
		right: 0px;
	}
	
	#single-suites .sidebar .description-container .description{
		padding: 30px;
	}
	#single-suites .sidebar .description-container .navigation{
		padding: 0px 30px;
	}
	#single-suites .sidebar .reservation{
		padding: 15px 30px;
	}
	#single-suites .sidebar .reservation .content .price {
		line-height: 20px;
	}
	#single-suites .sidebar .reservation .content .price .amount{
		display: block;
		margin-left: 0px;
	}
	#single-suites .sidebar .description-container .description .toggles-container .toggle .toggle-content .closer{
		margin-bottom: 30px;
	}
	#single-suites .sidebar .description-container .description .toggles-container .toggle .toggle-content .content-editor {
	    -webkit-column-count: 2;
	    column-count: 2;
	}
}	

@media (max-width: 767px){
	#single-suites{
		height: auto !important;
	}
	#single-suites .main{
	    width: 100%;
	    float: none;
	    padding-bottom: 62.5%;
	}
	#single-suites .main .back{
		display: block;
	}
	#single-suites .main .arrows{
		display: none;
	}
	#single-suites .sidebar .description-container .description,
	#single-suites .main .content{
		padding: 15px;
	}
	#single-suites .main .bg:after{
		opacity: 0.8;
	}
	#single-suites .sidebar{
		width: 100%;
		float: none;
		max-width: none;
	}	
	#single-suites .sidebar .description-container .description .toggles-container .toggle .toggle-content .content-editor {
	    -webkit-column-count: 1;
	    column-count: 1;
	}
	#single-suites .sidebar .description-container .navigation{
		padding: 0px 15px;
		margin-bottom: 0px;
	}
	#single-suites .sidebar .description-container .navigation a{
	    float: none !important;
	    display: block;
	    margin-bottom: 20px;
	    text-align: center;
	}
	#single-suites .sidebar .description-container{
		height: auto;
	}
	#single-suites .sidebar .reservation{
		padding: 15px 15px;
		position: relative;
	}
	#single-suites-policies .policies-tabs-container ul li a{
		padding: 10px 10px;
		min-height: 62px;
	}
	#single-suites-policies .policies-tabs-container .tab-content .content-editor{
		padding: 30px 15px;
	}
}




/*
--------------------------------------------------------------------------------------------- 
#single-residences
---------------------------------------------------------------------------------------------
*/
#single-residences{
	width: 100%;
	overflow: hidden;
	height: calc(100vh - 101px);
	position: relative
}
#single-residences .main{
	width: calc(100% - 475px);
	height: 100%;
	float: left;
	background-color: #000;
	position: relative;
	z-index: 1;
}
#single-residences .main .bg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#single-residences .main .bg:after{
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 140px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.65)));
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
#single-residences .main .back{
    position: absolute;
    width: 100%;
    padding: 5px 15px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    display: none;
}
#single-residences .main .content{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
	background-color: transparent;
}
#single-residences .main .content{
	padding: 0px 30px 60px 30px;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
#single-residences .main .content .label{
    display: block;
    text-align: left;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 500;
    padding: 0px;
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
#single-residences .main .content .title{
	color: #fff;
	margin-bottom: 15px;
	line-height: 1.3;
}
#single-residences .main .content .description{
	max-width: 50%;
}
#single-residences .main .slider{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#single-residences .main .slider .slick-list{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#single-residences .main .slider .slick-list .slick-track{
	top: 0px;
	left: 0px;
	height: 100%;
}
#single-residences .main .slider .slick-list .slick-track .slick-slide{
	position: relative;
}
#single-residences .main .arrows{
	position: absolute;
	top: 20px;
	right: 20px;
}
#single-residences .main .arrows .prev{
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 30px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    cursor: pointer;
    color: #fff;
    padding-right: 2px;
    border: 1px solid #fff;
}
#single-residences .main .arrows .next{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 30px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    cursor: pointer;
    color: #fff;
    padding-left: 2px;
    border: 1px solid #fff;
}
#single-residences .main .arrows .prev:hover,
#single-residences .main .arrows .next:hover{
	opacity: 0.5;
} 

#single-residences .sidebar{
	width: 475px;
	height: 100%;
	float: left;
	z-index: 3;
	position: relative;
	background-color: #fff;
}
#single-residences .sidebar .description-container{
    background-color: #fff;
    height: calc(100% - 70px);
    overflow-y: scroll;
}
#single-residences .sidebar .description-container .gallery{
	background-color: #f2f2f2;
}
#single-residences .sidebar .description-container .gallery .image{
	width: 25%;
	float: left;
	opacity: 0.5;
	cursor: pointer;
}
#single-residences .sidebar .description-container .gallery .image:hover{
	opacity: 1;
}
#single-residences .sidebar .description-container .gallery .image.active{
	opacity: 1;
	cursor: default;
}
#single-residences .sidebar .description-container .gallery .image img{
	width: 100%;
	height: auto;
	vertical-align: middle;
}

#single-residences .sidebar .description-container .gallery .navigation .slick-disabled{
	opacity: 0.3;
	cursor: default;
}
#single-residences .sidebar .description-container .description{
    padding: 30px 60px;
}
#single-residences .sidebar .description-container .description .title{
	line-height: 1.3;
}
#single-residences .sidebar .description-container .description .title .size{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	font-family: "HK Grotesk", Helvetica, Arial, Verdana, sans-serif;
	margin-left: 10px;
}
#single-residences .sidebar .description-container .description .title .size sup{
	font-size: 10px;
	font-size: 1rem;
}
#single-residences .sidebar .description-container .description .title .flag-icon{
	width: 25px;
	margin-left: 10px;
	vertical-align: middle;
}
#single-residences .sidebar .description-container .description .info{
	border-left: 2px solid #333;
	padding-left: 20px;

}
#single-residences .sidebar .description-container .description .info .specialism{
	margin-bottom: 10px;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
}
#single-residences .sidebar .description-container .description .info .date{
	font-size: 12px;
	font-size: 1.2rem;
}

#single-residences .sidebar .description-container .description .toggles-container{
    padding: 0px;
    border-top: 0px;
    margin-bottom: 0px;
}
#single-residences .sidebar .description-container .description .toggles-container .toggle .toggle-title{
	padding: 10px 0px;
}
#single-residences .sidebar .description-container .description .toggles-container .toggle .toggle-title .fa{
	top: 0px;
}
@media all and (min-width: 768px){
	#single-residences .sidebar .description-container .description .toggles-container .toggle .toggle-content{
	    display: block;
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    width: 100vw;
	    background-color: #fff;
	    -webkit-transform: translateX(100%);
	            transform: translateX(100%);
	    overflow-y: scroll;
		height: calc(100% - 72px);
	    padding: 60px;
	    -webkit-transition: all 400ms;
	    transition: all 400ms;
	}	 
	#single-residences .sidebar .description-container .description .toggles-container .toggle .toggle-content .closer{
		display: block !important;
		margin-bottom: 60px;
	}
	#single-residences .sidebar .description-container .description .toggles-container .toggle .toggle-content .content-editor{
		-webkit-column-count: 3; /* Chrome, Safari, Opera */ /* Firefox */
	    column-count: 3;
	}
	#single-residences .sidebar .description-container .description .toggles-container .toggle .toggle-content.open{
	    -webkit-transform: translateX(0%);
	            transform: translateX(0%);
	    display: block !important;
	}   
}
@media all and (min-width: 1200px){
	#single-residences .sidebar .description-container .description .toggles-container .toggle .toggle-content{
		padding: 120px;
	}
}
#single-residences .sidebar .description-container .navigation{
	padding: 0px 60px;
	margin-bottom: 30px;
}
#single-residences .sidebar .reservation{
	padding: 15px 60px;
	height: auto;
	background-color: #F2F2F2;
	position: absolute;
	bottom: 0px;
	width: 100%;
}
#single-residences .sidebar .reservation .content{
	position: relative;
}
#single-residences .sidebar .reservation .content .price{
	font-weight: 400;
	color: #555555;
	line-height: 40px;
    vertical-align: middle;
	font-size: 12px;
	font-size: 1.2rem;
}
#single-residences .sidebar .reservation .content .price .amount{
	font-size: 18px;
	font-size: 1.8rem;
	color: #333333;
	font-weight: 300;
	margin-left: 5px;
}
#single-residences-policies {
	background-color: #fff;
}
#single-residences-policies .toggles-container{
	padding: 30px 0px;
}
#single-residences-policies .toggles-container .toggle .toggle-title{
	font-size: 16px;
	font-size: 1.6rem;
}
#single-residences-policies .policies-tabs-container{
	
}
#single-residences-policies .policies-tabs-container .nav-tabs{
	background-color: #fff;
}
#single-residences-policies .policies-tabs-container .nav-tabs li{
	width: 33.33%;
	text-align: center;
	border-radius: 0px;
	float: left;
	display: block;
	margin-bottom: 0px;
	outline: 0px !important;
	border: 0px !important;
}
#single-residences-policies .policies-tabs-container .nav-tabs li.active{
	
}
#single-residences-policies .policies-tabs-container .nav-tabs li a{
	border-radius: 0px;
	border: 1px solid #ccc;
	border-top: 0px;
	margin: 0px;
	color: #999999;
	padding: 20px 10px;
	line-height: 20px;
	border-bottom: 2px solid #fff;
	margin-left: -1px;
}
#single-residences-policies .policies-tabs-container .nav-tabs li a i{
	vertical-align: -6px;
	color: #999999;
	font-size: 26px;
	font-size: 2.6rem;
	margin-right: 5px;	
}
#single-residences-policies .policies-tabs-container .nav-tabs li:hover a{
	border-bottom: 2px solid #ccc;
	background-color: #fff;
	color: #999;	
}
#single-residences-policies .policies-tabs-container .nav-tabs li.active a{
	border-bottom: 2px solid #000;
	background-color: #fff;
	color: #000;
}
#single-residences-policies .policies-tabs-container .nav-tabs li:hover a i{
	color: #999;
}
#single-residences-policies .policies-tabs-container .nav-tabs li.active a i{
	color: #000;
}
#single-residences-policies .policies-tabs-container .tab-content{
	position: relative;
	background-color: #fff;
}

@media (max-width: 1200px) {
	#single-residences .main{
		min-width: 60%;
	}
	#single-residences .sidebar{
		max-width: 40%;
		right: 0px;
	}
	
	#single-residences .sidebar .description-container .description{
		padding: 30px;
	}
	#single-residences .sidebar .description-container .navigation{
		padding: 0px 30px;
	}
	#single-residences .sidebar .reservation{
		padding: 15px 30px;
	}
	#single-residences .sidebar .reservation .content .price {
		line-height: 20px;
	}
	#single-residences .sidebar .reservation .content .price .amount{
		display: block;
		margin-left: 0px;
	}
	#single-residences .sidebar .description-container .description .toggles-container .toggle .toggle-content .closer{
		margin-bottom: 30px;
	}
	#single-residences .sidebar .description-container .description .toggles-container .toggle .toggle-content .content-editor {
	    -webkit-column-count: 2;
	    column-count: 2;
	}
}	

@media (max-width: 767px){
	#single-residences{
		height: auto !important;
	}
	#single-residences .main{
	    width: 100%;
	    float: none;
	    padding-bottom: 62.5%;
	}
	#single-residences .main .back{
		display: block;
	}
	#single-residences .main .arrows{
		display: none;
	}
	#single-residences .sidebar .description-container .description,
	#single-residences .main .content{
		padding: 15px;
	}
	#single-residences .main .bg:after{
		opacity: 0.8;
	}
	#single-residences .sidebar{
		width: 100%;
		float: none;
		max-width: none;
	}	
	#single-residences .sidebar .description-container .description .toggles-container .toggle .toggle-content .content-editor {
	    -webkit-column-count: 1;
	    column-count: 1;
	}
	#single-residences .sidebar .description-container .navigation{
		padding: 0px 15px;
		margin-bottom: 0px;
	}
	#single-residences .sidebar .description-container .navigation a{
	    float: none !important;
	    display: block;
	    margin-bottom: 20px;
	    text-align: center;
	}
	#single-residences .sidebar .description-container{
		height: auto;
	}
	#single-residences .sidebar .reservation{
		padding: 15px 15px;
		position: relative;
	}
	#single-residences-policies .policies-tabs-container ul li a{
		padding: 10px 10px;
		min-height: 62px;
	}
	#single-residences-policies .policies-tabs-container .tab-content .content-editor{
		padding: 30px 15px;
	}
}



/*
--------------------------------------------------------------------------------------------- 
#single-proyecto
---------------------------------------------------------------------------------------------
*/
#single-proyecto{
	position: relative;
}
#single-proyecto:before{
	background-color: #F3E6E2;
    content: "";
    height: 50%;
    width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
    position: absolute;
}

/*
--------------------------------------------------------------------------------------------- 
#single-promociones
---------------------------------------------------------------------------------------------
*/
#single-promociones{
	
}
#single-promociones .whitebox{
	margin-top: -100px;
	padding: 60px 90px;
}
#single-promociones .description{
	margin-bottom: 30px;
}
#single-promociones .codebox{
	border: 1px dashed #979797;
	padding: 30px 15px;
	margin: auto;
	text-align: center;
	margin-bottom: 30px;
	border-radius: 0px;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}
#single-promociones .codebox:hover{
	border: 1px solid #979797;
	border-radius: 0px;
	cursor: pointer;
}
#single-promociones .codebox .description{
	font-size: 16px;
	font-size: 1.6rem;
	color: #333333;
	margin-bottom: 15px;
}
#single-promociones .codebox .code{
	font-size: 16px;
	font-size: 1.6rem;
	color: #999999;	
}
#single-promociones .codebox .code input{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 5px 10px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #555555;
	background-color: #E3ECE7;
	width: auto;
	min-width: 190px;
	border: 0px;
	margin-left: 15px;
	text-align: center;
	cursor: pointer;
}
#single-promociones .whitebox .button{
	min-width: 150px;
}
#single-promociones .conditions{
	background-color: #E3ECE7;	
	font-size: 12px;
	font-size: 1.2rem;
	color: #555555;
}
@media (max-width: 767px){
	#single-promociones .whitebox{
		margin-top: -60px;
		padding: 30px 45px;
	}
}
@media (max-width: 430px){
	#single-promociones .whitebox{
		margin-top: -30px;
		padding: 30px 30px;
	}
}