#colorlib-hero {
	margin-bottom: 0;
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner .desc {
	max-height: 360px !important;
}
#colorlib-aside #colorlib-main-menu ul li {
	margin: 0 0 15px 0;
}

.desc h2 {
	font-family: "PT Sans", sans-serif;
	color: white;
	font-size: 20px;
	border: 2px solid white;
	max-width: 280px;
	padding: 2px 25px 9px;
	margin: 20px auto;
	box-shadow: 2px 2px 6px black;
	background: #00000038;
	text-shadow: 1px 2px 4px black;
	backdrop-filter: blur(1px);
	letter-spacing: 1px;
}
.desc h2 a {
	color: white;
	text-transform: unset !important
}
.desc small {
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 2px
}

@media (max-width: 991px) {
#colorlib-aside #colorlib-main-menu ul li {
	margin: 0 0 10px 0;
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner .desc {
	max-height: 260px !important;
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner .desc img {
	max-height: 100px !important;
}
.js-colorlib-nav-toggle:before {
	content: '';
	display: block;
	position: absolute;
	width: 30vh;
	min-height: 150px;
	background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);
	;
	top: 0;
	left: 0;
	z-index: 0;
}
.js-colorlib-nav-toggle {
	z-index: 999991;
	position: absolute;
}
.colorlib-nav-toggle i, .colorlib-nav-toggle i::before, .colorlib-nav-toggle i::after {
	background-color: #ffd400 !important;
}
.colorlib-nav-toggle.active i {
	background-color: #d6eabb00 !important;
}

.md-hidden {
	display: none;
}
}
#poema {
	padding: 80px 20px;
	clear: both;
	position: relative;
	display: block;
}
#poema p {
	font-family: 'PT Serif', serif;
	;
	color: white;
	column-count: 2;
	columns: 2;
	column-gap: 20px;
	text-align: justify !important;
	font-size: 14px;
	color: #d6eabb;
	text-shadow: 1px 2px 3px black;
}
#poema small {
	color: white;
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner h2 {
	font-size: calc(6px + 1vw);
}

@media (max-width: 991px) {
#poema p {
	column-count: 1;
	columns: 1;
	column-gap: 0;
}
}
#colorlib-hero .flexslider .slider-text > .desc img {
	width: 100%;
	height: auto;
	display: inline-block;
	margin-bottom: 25px;
}
#colorlib-hero .flexslider .slider-text > .desc small {
	color: white;
	font-size: 18px
}
#colorlib-hero .flexslider .slider-text > .desc {
	position: absolute;
	text-align: left;
	top: 0;
	padding: 30px;
}
.intro .btn-primary {
	background: transparent !important;
}
.intro .btn-primary:hover {
	background: white !important;
	color: #475f45;
	border-color: white !important;
}
.intro .desc {
	margin-top: 5vh;
}
#colorlib-hero .flexslider .slider-text > .slider-text-inner h2 a {
	font-weight: 500;
}
#presentacion .js-counter {
	font-weight: bold;
}
#presentacion .col-md-4 {
	margin-bottom: 15px;
}
#presentacion .colorlib-heading {
	margin-bottom: 2em;
}
.colorlib-about {
	padding-bottom: 4em;
	background-color: white;
}
.colorlib-counter-label {
	line-height: 1.1em;
	display: inline-block;
	color: #c33d19;
	font-weight: 100;
	font-size: 15px;
}
.quienessomos {
	background-color: #d6eabb;
	padding-top: 60px;
}
.quienessomos p a {
	color: #6d8b44;
	transition: .3s linear all;
	border-bottom: 1px solid transparent;
}
.quienessomos p a:hover {
	color: #000;
	border-bottom: 1px solid #000;
}
.services-wrap .desc {
	width: unset;
	display: inline-block;
}
.services-wrap .desc h3 {
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0px;
	text-align: justify;
	text-transform: unset;
	line-height: 1.2;
	margin-bottom: 0;
}
.services-wrap .desc {
	background-color: transparent;
	margin-top: 0;
}
.services-img {
	background-size: contain;
}
p {
	text-align: justify;
}
.quienessomos .colorlib-heading:after {
	background-color: #6d8b44;
}
.colorlib-feature .colorlib-text h3 {
	font-weight: 700;
	font-size: 1.3em;
}
/* Portfolio & Blog Single - Masonry
-----------------------------------------------------------------*/

.masonry-thumbs.grid-3, .masonry-thumbs {
	position: relative;
	display: block;
	clear: both;
	overflow: hidden;
	box-sizing: content-box;
}
.masonry-thumbs a {
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 25%;
	max-width: 100% !important;
	overflow: hidden !important;
}
.masonry-thumbs.grid-2 a {
	width: 50%;
}
.masonry-thumbs.grid-3 a {
	width: 33.30%;
}
.masonry-thumbs.grid-4 a {
	width: 25%;
}
.masonry-thumbs.grid-5 a {
	width: 20%;
}
.masonry-thumbs.grid-6 a {
	width: 16.60%;
}
.masonry-thumbs a, .masonry-thumbs img {
	display: inline-block;
	height: auto !important;
}
/*@media (max-width: 991px){
	.masonry-thumbs.grid-3 a { width: 50% !important; }

}*/


.masonry-thumbs img {
	width: 100%;
	border-radius: 0 !important;
	padding: 0 4px 4px 0;
	box-sizing: border-box;
	clear: both;
	float: none;
}
.masonry-thumbs .overlay {
	padding: 0 4px 4px 0;
}
#fotos img {
	max-width: 100%;
}
#contacto {
	min-height: 700px;
	padding: 50px 0;
	background-color: white;
	background-image: url('galeria/cauquenes/foto03.jpg');
	background-size: cover;
	background-position: 70% 60%;
	background-repeat: no-repeat;
	margin-bottom: -1px;
}
#contacto h3 {
	color: #ff6d17;
}
#contacto button {
	color: #ff6d17
}
#contacto .border-form-control {
	outline: none;
}
#contacto .border-form-control:focus, #contacto .border-form-control:hover {
	color: white;
	border-bottom-color: #fff;
}
#contacto .error {
	color: #d97c1c;
}
.fondoBlanco {
	background-color: #232323eb;
	padding: 40px 20px !important;
	backdrop-filter: blur(4px);
}
/* Border Form Design
---------------------------------------------------------------------------- */

.border-form-control {
	height: 42px;
	width: 100%;
	padding: 7px 4px;
	font-size: 17px;
	letter-spacing: 1px;
	background-color: transparent !important;
	border-top: transparent;
	border-right: transparent;
	border-left: transparent;
	border-bottom-width: 1px;
	border-color: #ff6d17;
	color: #ff6d17;
	margin-bottom: 15px;
	font-family: 'PT Serif', serif;
	color: white;
}
.border-form-control:focus, .border-form-control:hover {
	color: yellow;
}
#contacto textarea {
	min-height: 8em;
	border-top: #ff6d17 !important;
	border-right: #ff6d17 !important;
	border-left: #ff6d17 !important;
	border-width: 1px;
	border-color: #ff6d17;
}
.button.button-large.button-color {
	font-weight: 700;
	height: 60px;
	line-height: 60px;
	padding: 0 32px;
	font-size: 13px;
	border: 1px solid #ff6d17;
	background-color: #222;
	transition: .3s linear all;
	color: #ff6d17;
}
.button.button-large.button-color:hover {
	background-color: #111;border: 1px solid #fff;
}
.button {
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0 22px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	background-color: #1ABC9C;
	color: #ff6d17;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
}
.hidden {
	display: none !important;
}
 .border-form-control::-moz-placeholder {
font-weight: 300;
color: #ff6d17;
}
.border-form-control:-ms-input-placeholder {
font-weight: 300;
color: #ff6d17;
}
.border-form-control::-webkit-input-placeholder {
font-weight: 300;
color: #ff6d17;
}
textarea.border-form-control {
	resize: none;
	overflow: hidden;
	word-wrap: break-word;
}
#footer, .footer,.copy {
	border-top: none !important;font-family: "PT Sans", sans-serif;
}
.margenFooter {
	display: inline-flex;
	width: 100%;
	max-width: 1600px;
}
.galeria {
	position: relative;
	display: block;
	clear: both;
}
#ubicacion {

	background: white;
	line-height: 0;
	box-shadow: 0px -15px 30px #f58d34;
}
#ubicacion .boxComoLlegar {
 *background: #d6eabb;
	background: linear-gradient(135deg, rgba(214,234,187,0.75) 0%, rgba(214,234,187,1) 50%, rgba(214,234,187,1) 100%);
	position: absolute;
	left: 15px;
	z-index: 43;
	padding-left: 20px !important;
	padding-top: 20px !important;
	padding-right: 20px !important;
	top: 15%;
	width: 360px;
	font-size: 14px;
}
#ubicacion h3 {
	color: #2c2c2c;
	font-size: 2.2em;
}
#ubicacion a {
	color: #111111;
	display: inline-block;
	text-decoration: none;
	transition: .3s linear all;
}
#ubicacion iframe{height: 100vh}
#ubicacion a:hover {
	color: #000000;
	text-decoration: underline !important;
}
#ubicacion a figure {
	background-size: cover;
	min-height: 100px;
	border-radius: 20px;
	border: 3px solid white;
	margin-top: 8px;
	box-shadow: 2px 4px 12px rgba(0, 0, 0, .1);
	margin-bottom: 0;
	display: inline-block;
}
#ubicacion p {
	display: block;
	line-height: 1.3em;
	margin-bottom: 10px;
}
#ubicacion strong {
	color: #2c2c2c;
}
.entorno h2 {
	font-family: 'PT Serif', serif;
	font-style: normal;
	font-weight: 600;
	font-size: 54px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .80);
}
#fotos figure {
	background-size: cover;
	background-position: 50% 50%;
	min-height: 200px;
	width: 100%;
	float: none;
	margin-bottom: unset;
	;
}
.texto_destacado {
	font-size: calc(11px + .5vw);
	font-weight: 600;
	margin-bottom: 50px;
	border-bottom: 1px solid #2c2c2c66;
	padding-bottom: 30px;
}
.col-md-push-0 {
	left: auto;
}
.col-md-push-1 {
	left: 8.33333%;
}
.col-md-push-2 {
	left: 16.66667%;
}
.col-md-push-3 {
	left: 25%;
}
.col-md-push-4 {
	left: 33.33333%;
}
.col-md-push-5 {
	left: 41.66667%;
}
.col-md-push-6 {
	left: 50%;
}
.col-md-push-7 {
	left: 58.33333%;
}
.col-md-push-8 {
	left: 66.66667%;
}
.col-md-push-9 {
	left: 75%;
}
.col-md-push-10 {
	left: 83.33333%;
}
.col-md-push-11 {
	left: 91.66667%;
}
.col-md-push-12 {
	left: 100%;
}
.col-md-pull-0 {
	right: auto;
}
.col-md-pull-1 {
	right: 8.33333%;
}
.col-md-pull-2 {
	right: 16.66667%;
}
.col-md-pull-3 {
	right: 25%;
}
.col-md-pull-4 {
	right: 33.33333%;
}
.col-md-pull-5 {
	right: 41.66667%;
}
.col-md-pull-6 {
	right: 50%;
}
.col-md-pull-7 {
	right: 58.33333%;
}
.col-md-pull-8 {
	right: 66.66667%;
}
.col-md-pull-9 {
	right: 75%;
}
.col-md-pull-10 {
	right: 83.33333%;
}
.col-md-pull-11 {
	right: 91.66667%;
}
.col-md-pull-12 {
	right: 100%;
}
#contacto a {
	color: #90a378
}

@media (max-width:  991px) {
.quienessomos {
	padding: 60px 30px;
}
.colorlib-feature .colorlib-text {
	padding-left: 0px;
}
.colorlib-feature img {
	width: 100%;
	max-width: 250px;
}
}

@media (max-width:  767px) {

	.gototop-active .about-img{top : unset !important;}
	#presentacion .about-img,
	#presentacion .about-img video{position: relative  !important; width: 100%; transform: unset !important; 
	width: 100% !important; background: unset !important; background-color: unset !important; border: unset;
    height: auto !important}

.col-xs-push-0 {
	left: 0% !important;
}
#colorlib-hero .flexslider .flex-control-nav,  ol {
	pointer-events: none !important;
}
}
footer {
	background-color: #23100e;
	color: #cf531b;
	min-height: 150px;
	padding: 20px;
}
/**************************************/
/************* DSNET ******************/ 

.dsnet1 a {
	margin-top: 21px;
	float: right;
}
.dsnetbot {
	font-family: "PT Sans", sans-serif;
	float: right;
	margin: 5px 5px 5px 0;
	width: 180px;
	text-align: center;
	line-height: 26px !important;
	color: #ccc;
	border: 2px solid #cdbe9326 !important;
	border-radius: 20px;
	overflow: hidden;
	height: 30px;
	position: relative;
	text-decoration: none!important;
	transition: .3s linear all;
}
.dsnetbot:hover {
	box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.31);
}
.dsnetbot i {
	display: block;
}
.dsnetbot i p {
	margin: 0;
	padding: 0;
	height: 38px;
	text-decoration: none!important;
	font-size: 13px;
	font-weight: 700 !important;
	letter-spacing: 0px;
	text-shadow: none;
	font-style: normal;
}
.dsnetbot * {
	transition: all 0.3s linear;
}
.dsnetbot i:last-child {
	background: #ffb370;
}
.dsnetbot i:first-child {
	background: transparent;
}
.dsnetbot i:last-child p {
	color: black !important;
	text-align: center;
}
.dsnetbot i:first-child p {
	color: #d6eabb !important;
	text-align: center;
}
.dsnetbot:hover i:first-child {
	margin-top: -38px;
}
.colorlib-heading:after {
	bottom: -14px;
	animation: rebota 15s linear infinite;
}
 @keyframes rebota {
 0% {
left: 0px; 
}
30% {
left: 0px; 
}
45% {
left: 360px;
}
75% {
left: 360px;
}
 100% {
left: 0px;
}
}
.fotosQS .owl-carousel .owl-item, .fotosQS .oc-item {
	min-height: 450px;
	background-size: cover;
	background-position: 50% 50%;
}
.fotosQS #oc-images, .fotosQS .owl-stage-outer {
	margin: 0 0;
	border: 0;
	padding: 0 0;
}
.fotosQS .owl-controls {
	display: none;
}
.bloqueDetalles p a {
	color: white;
	border: 1px solid #ffffff66;
	border-radius: 30px;
	padding: 0 7px;
	font-size: .9em;
	padding-bottom: 2px;
	white-space: nowrap;
}
.bloqueDetalles p a:hover {
	color: #222;
	border: 1px solid #222;
}
.bloqueDetalles .col-padding {
	padding: 50px 25px !important;
}
.bloqueDetalles .col-lg-8, .bloqueDetalles .col-lg-4 {
	text-align: center;
	min-height: 260px;
	box-shadow: 3px 6px 9px rgba(0,0,0,.1);
	transform: scale(1);
	transition: 0.5s linear all;
	z-index: 1
}
.bloqueDetalles .col-lg-4:hover {
	transform: scale(1.05);
	z-index: 4;
}
.bloqueDetalles .col-lg-4 p {
	text-align: justify;
	color: #333;
	font-size: 14px
}
.bloqueDetalles .dark p {
	color: #fff !important
}
.bloqueDetalles .col-lg-4 .icono {
	font-size: 40px;
	display: none
}
.bloqueDetalles .button {
	position: absolute;
	bottom: 30px;
	left: 25%;
	display: none;
}
.bloqueDetalles .col-lg-4 h3 {
	line-height: 1.2em;
	transform: scale(1);
	color: #fff;
	transform-origin: 50% 0%;
	transition: 0.5s linear all;
	position: relative;
	top: 0
}
.bloqueDetalles .col-lg-4:hover h3 {
	transform: scale(1.2);
	top: -10px;
}
.bloqueDetalles .foto {
	background-size: cover;
	background-position: 50% 30%;
}
.ohidden {
	position: relative;
	overflow: hidden !important;
}
#contacto, #ubicacion {
	overflow: hidden;
	width: 100%;
	display: block;
	position: relative;
	margin: 0 0;
	padding: 0 0;
}
.tourLink {
	font-size: 28px;
	font-weight: 700;
	color: #8eb34b;
	transition: 0.3s linear all;
}
.tourLink i {
	position: relative;
	display: inline-block;
	animation-name: shake;
	animation-duration: 8s;
	animation-iteration-count: infinite;
}
.tourLink img {
	border-radius: 10px;
	border: 4px solid #8eb34b;
	margin-top: 4px;
	transition: 0.3s linear all;
	;
	transform: scale(1.0);
	transform-origin: 50% 0;
}
.tourLink:hover img {
	transform: scale(.95);
	border: 4px solid #000;
}
#proyecto h2 {
	font-size: 54px;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .7);
}
/* ----------------------------------------------------------------
	Flex Slider
-----------------------------------------------------------------*/


.fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide > a, .fslider .slide > img, .fslider .slide > a > img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}
.fslider {
	height: 320px;
	position: relative;
	display: block;
	clear: both;
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
	border: none;
}
.slider-wrap, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}
.flexslider {
	position: relative;
	margin: 0;
	padding: 0;
}
.flexslider .slider-wrap > .slide {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slider-wrap img {
	width: 100%;
	display: block;
}
/* Flex Slider - Thumbs
-----------------------------------------------------------------*/

.fslider[data-animation="fade"][data-thumbs="true"] .flexslider, .fslider.testimonial[data-animation="fade"] .flexslider {
	height: auto !important;
}
.flex-control-nav.flex-control-thumbs {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	margin: 2px -2px -2px 0;
	height: 75px;
}
.flex-control-nav.flex-control-thumbs li {
	margin: 0 2px 2px 0;
}
.flex-control-nav.flex-control-thumbs li img {
	cursor: pointer;
	text-indent: -9999px;
	border: 0;
	border-radius: 0;
	margin: 0;
	opacity: 0.5;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img {
	display: block;
	width: 100px !important;
	height: auto !important;
}
.flex-control-nav.flex-control-thumbs li:hover img, .flex-control-nav.flex-control-thumbs li img.flex-active {
	border-width: 0;
	opacity: 1;
}
.archivo .oc-item {
	min-height: 75vh;
	background-size: cover;
	background-position: 50% 50%;
}
.archivo .owl-controls {
	top: 48%;
	position: absolute;
	pointer-events: none;
    width: 94%;
    margin-top: 0;
    left: 3%;
}
.archivo:hover .owl-controls {
	pointer-events: all;
}
.archivo .owl-controls .owl-nav [class*=owl-] {
	display: inline-block;
	color: #666;
	zoom: 1;
 *display: inline;
	margin: 5px;
	padding: 3px 0px;
	width: 34px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: white !important;
	filter: Alpha(Opacity=60);
	opacity: 0.65;
	text-align: center;
	transition: .3s linear all;
}
.archivo:hover .owl-controls .owl-nav [class*=owl-] {
	color: #222;
	filter: Alpha(Opacity=100);
	opacity: 1;
}
.archivo .owl-controls .owl-prev, .archivo .owl-controls .owl-next {
	background-color: white !important;
	color: black !important;
	box-shadow: 3px 3px 3px rgb(0 0 0 / 15%);
}
.archivo .owl-controls .owl-prev {
	float: left;
	position: relative;
	left: -15px !important;
	transition: .3s linear all;
	transform: scale(1.0);
	transform-origin: 50% 50%;
}
.archivo .owl-controls .owl-prev:hover {
	transform: scale(.9);
	background-color: #2c2c2c !important;
	left: -20px !important;
}
.archivo .owl-controls .owl-next {
	float: right;
	position: relative;
	right: -20px !important;
	transition: .3s linear all;
	transform: scale(1.0);
	transform-origin: 50% 50%;
}
.archivo .owl-controls .owl-next:hover {
	transform: scale(.9);
	background-color: #2c2c2c !important;
	right: -25px !important;
}
.archivo .owl-controls .owl-prev:hover i, .archivo .owl-controls .owl-next:hover i {
	color: white !important;
}
.archivo .owl-controls .owl-nav [class*=owl-] i {
	background-color: transparent !important;
	width: unset;
}
#contacto {
	padding: 15vh 50px;
	color: white;
}
#entorno {
	padding: 15vh 50px;
	background-color: white;
}
#fotografias {
	padding: 50px;
	background-color: #ffd8a7;
}
#fotografias h2 {
	font-family: "PT Serif", serif; font-weight: 800; font-size: 28px; line-height: 1em; margin-bottom: 50px;
	color:#87402c; letter-spacing: 0;
}
#fotografias .colorlib-heading:after{
	background-color: #b17557; ;
}
.heading-meta {
	color: #87402c99;
}
#fotografias #oc-images {
    border: 4px solid #ffd8a7;
    box-shadow: 0px 0 50px #3b2b26b3;
    border-radius: 20px;
    overflow: hidden;
}
#colorlib-aside .colorlib-footer {
	position: relative;
	bottom: 30px;
	font-size: 20px;
}
.nav-tabs i{color: #c7441a}
.contadores {margin-top: 74px;
    margin-bottom: 75px;}
.contadores .animate-box{font-weight: 800;}


@media (min-width: 1200px){


.contadores span{position: relative;}
.contadores .animate-box:before{
	content: '';
    display: block;
    width: 170px;
    transform-origin: 50% 50%;
    transition: .3s linear all;
    animation: rotar 20s linear infinite;
    height: 170px;
    border: 2px dashed #b1764475;
    border-radius: 100%;
    position: absolute;
    margin-top: -50px;
    vertical-align: top;
    top: 0;
    z-index: 0;
    background: #ffffff00;
    margin-left: 0px;
}
.contadores .animate-box:hover:before{
	 border: 2px solid #c9491a
	 
}
}
@keyframes rotar{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

@media (min-width: 1600px){
.contadores .animate-box:before
	{    margin-top: -48px;
    vertical-align: top;
    top: 0;
    margin-left: -3PX
}
}

@media (max-width: 358px) {
#presentacion .animate-box .col-lg-3 {
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
	border-bottom: 1px solid #eee;
	line-height: 1.2em;
	padding: 8px 0;
	font-weight: 800;
}
}

@media (min-width:  359px) and (max-width: 767px) {
#presentacion .animate-box .col-lg-3 {
	width: 33%;
	max-width: 33%;
	flex: 0 0 33%;
	border-bottom: 1px solid #eee;
	line-height: 1.2em;
	padding: 8px 0;
}
}

@media (min-width:  768px) and (max-width:  1399px) {
.itemsProyecto .col-md-6 {
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
}
#presentacion .animate-box .col-lg-4 {
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
	border-bottom: 1px solid #eee;
	line-height: 1.2em;
	padding: 8px 0;
}
.colorlib-narrow-content {
	padding: 0 0;
}
#presentacion .colorlib-narrow-content .col-md-6:first-child {
	padding: 0 0 !important;
	left: -15px;
}
.colorlib-feature .colorlib-text {
	padding-left: 0;
}
#colorlib-aside {
	padding-left: 1em;
	padding-right: 1em;
}
}

@media (min-width: 1400px) {
#presentacion .animate-box .col-lg-4 {
	border-bottom: 1px solid #eee;
	line-height: 1.2em;
	padding: 8px 0;
}
}
.colorlib-feature img {
	margin-top: -10px;
	max-width: 200px;
}
.fotosQS #oc-images .owl-stage-outer {
	border-image-width: 0 !important;
	outline: none !important;
	overflow: hidden;
}
.colorlib-feature {;
	border: 0;
	margin: 0 0;
}

@media (max-width: 767px) {
#colorlib-hero video {
	width: 120%!important;
	min-height: auto !important;
}
#colorlib-hero .container-fluid {
	padding-left: 0 !important;
}
.about-img {
	height: 300px !important;
}
.colorlib-feature img {
	margin-bottom: 50px;
}
.colorlib-feature .colorlib-text h3 {
	font-size: 1.2em;
}
.fotosQS .owl-carousel .owl-item, .fotosQS .oc-item {
	min-height: 300px;
}
}
#seccionEntorno figure {
	min-height: 360px;
}
#seccionEntorno {
	padding: 60px 0;
}
#seccionEntorno p {
	text-align: justify;
}
#seccionEntorno h2 {
	background-color: #b9cf9f;
	color: white;
	font-size: 40px;
	padding: 20px 0 20px 20px;
	margin-bottom: 20px;
	margin-left: -20px;
}
#seccionEntorno h4 {
	color: #3f98a9;
	border-bottom: 2px solid #3f98a9;
	padding-bottom: 8px;
	margin-bottom: 20px;
	margin-top: 30px;
	width: calc(100% - 20px);
}
#seccionEntorno ul {
	list-style: none;
	vertical-align: top
}
#seccionEntorno ul li {
	list-style: none;
	display: inline-block;
	border: 2px solid #b9cf9f;
	color: #6b785b;
	padding: 10px 20px;
	min-height: 65px;
	vertical-align: top;
	margin: 0 7px 15px 0;
}
#seccionEntorno .fotoDer {
	float: right;
	width: 33vw;
	min-height: 300px;
	background-size: cover;
	margin: 0px 0px 20px -3vw;
	position: relative;
	right: -100px;
}
#seccionEntorno .fotoDer {
	width: 320px;
	margin: 0px 0px 20px 20px;
	right: 0;
}
#page-title.page-title-parallax {
	padding: 100px 0;
	text-shadow: none;
	border-bottom: none;
	color: #b9cf9f;
}
#page-title.page-title-parallax h1 {
	font-size: 70px;
	font-weight: 400;
	color: white;
	text-shadow: 1px 3px 4px rgba(0, 0, 0, .5);
	letter-spacing: 2px;
	margin-bottom: 13px;
}
#page-title.page-title-parallax span {
	background-color: #2c2c2cba;
	font-size: 1.4em;
	padding: 3px 7px 3px 20px;
	position: relative;
	left: -17px;
}
::selection {
    color: #d96154;
    background: #ead8bb;
}
#ubicacion hr {
	clear: both;
}
.clearfix {
	clear: both;
}

@media (min-width:  768px) {
.modal-dialog {
	max-width: 700px;
}
#termBody {
	min-height: 470px;
}
}
#seccionEntorno {
	background-color: white;
}

@media (max-width:  479px) {
.bloqueDetalles .col-lg-8, .bloqueDetalles .col-lg-4 {
	height: auto !important;
	min-height: 300px;
	padding: 20px 15px 0 !important;
}
#contacto, #fotografias, #entorno {
	padding: 10vh 20px;
}
.archivo .oc-item {
	min-height: 240px;
}
#ubicacion .boxComoLlegar {
	width: 340px;
}
footer .copy {
	width: 100%;
	display: block;
	float: none;
	position: relative;
	line-height: 1em;
}
#poema p {
	font-size: 12px;
	letter-spacing: 0;
}
#poema {
	padding: 30px 8px;
}
}
.contact-form-result {
	display: none;
	position: fixed;
	right: 10vw;
	top: 10vh;
	z-index: 23423423423423423;
	background: #d6eabb;
	opacity: 1;
	width: 3vw;
	min-height: 120px;
	height: auto;
	border: 2px solid white;
	box-shadow: 2px 4px 22px rgb(0 0 0 / 50%);
	color: #484c43;
	padding: 20px 30px;
	font-size: 22px;
	line-height: 1.2em;
	text-align: center;
}
/* ----------------------------------------------------------------
	Toastr Notifications
-----------------------------------------------------------------*/


.toast-title {
	font-weight: bold;
}
.toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.toast-message a, .toast-message label {
	color: #FFFFFF;
}
.toast-message a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	-webkit-text-shadow: 0 1px 0 #ffffff;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.8;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
	line-height: 1;
}
.toast-close-button:hover, .toast-close-button:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
}
.rtl .toast-close-button {
	left: -0.3em;
	float: left;
	right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
.toast-top-center {
	top: 0;
	right: 0;
	width: 100%;
}
.toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%;
}
.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%;
}
.toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%;
}
.toast-top-left {
	top: 12px;
	left: 12px;
}
.toast-top-right {
	top: 12px;
	right: 12px;
}
.toast-bottom-right {
	right: 12px;
	bottom: 12px;
}
.toast-bottom-left {
	bottom: 12px;
	left: 12px;
}
#toast-container {
	position: fixed;
	z-index: 999999;
	pointer-events: none;/*overrides*/
}
#toast-container * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#toast-container > div {
	position: relative;
	pointer-events: auto;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 20px 25px;
	width: 300px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-repeat: no-repeat;
	-moz-box-shadow: 0 0 12px #999999;
	-webkit-box-shadow: 0 0 12px #999999;
	box-shadow: 0 0 12px #999999;
	color: #FFFFFF;
	opacity: 0.8;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
}
#toast-container > div.rtl {
	direction: rtl;
}
#toast-container > div:hover {
	-moz-box-shadow: 0 0 12px #000000;
	-webkit-box-shadow: 0 0 12px #000000;
	box-shadow: 0 0 12px #000000;
	opacity: 1;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer;
}
#toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.toast {
	background-color: #030303;
}
.toast-success {
	background-color: #51A351;
}
.toast-error {
	background-color: #BD362F;
}
.toast-info {
	background-color: #2F96B4;
}
.toast-warning {
	background-color: #F89406;
}
.toast-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	background-color: #000000;
	opacity: 0.4;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
#toast-container > div {
	padding: 10px 15px;
	width: 11em;
}
#toast-container .toast-close-button {
	right: -0.2em;
	top: -0.2em;
}
#toast-container .rtl .toast-close-button {
	left: -0.2em;
	right: 0.2em;
}
}

@media all and (min-width: 241px) and (max-width: 480px) {
#toast-container > div {
	padding: 10px 15px;
	width: 18em;
}
#toast-container .toast-close-button {
	right: -0.2em;
	top: -0.2em;
}
#toast-container .rtl .toast-close-button {
	left: -0.2em;
	right: 0.2em;
}
}

@media all and (min-width: 481px) and (max-width: 768px) {
#toast-container > div {
	padding: 15px 20px;
	width: 25em;
}
}
.formularioContacto textarea + label.error, .formularioContacto input + label.error, .formularioContacto input[type=checkbox]:not(:checked) + label.error {
	display: inline-block;
	float: right;
	border: 2px solid #fff;
	color: #fff !important;
	background-color: #a90000 !important;
	border-radius: 10px;
	padding: 3px 6px;
	transform: scale(.85);
	font-size: 15px;
	text-align: center;
}
.whats {
	position: fixed;
	font-family: "PT Sans", sans-serif;;
	bottom: 32px;
	left: 3vw;
	z-index: 10000 !important;
	opacity: 1 !important;
	background: #00000099;
	border-radius: 50px;
	transition: .2s linear all;
	transform: scale(1.0);
	padding: 4px 23px 4px;
	box-shadow: 4px 4px 29px #1a3928b0;
}
.whats a {
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0px 0px 12px #0000007d;
	line-height: 1em;
}
.whats a i {
	font-size: 1.3em;
	animation: animatewa 1s linear infinite;
	position: relative;
	display: inline-block;
	top: 2px;
	left: -5px;
}
.whats:hover {
	background: #000000;
	transform: scale(.95);
}
 @keyframes animatewa {
 40% {
transform: scale(1.1);
}
}

@media (max-height: 700px) {
.whats {
	bottom: 32px;
	left: unset;
	padding: 4px 15px 4px;
	width: 37px;
	overflow: hidden;
	height: 37px;
	right: 3vw;
}
#colorlib-logo img {
	max-height: 25vh
}
}

@media (max-width: 1199px) and (max-height:560px) {
#colorlib-aside {
	overflow: auto;
	padding-top: 1em;
}
#colorlib-logo img {
	max-height: 24vh
}
#colorlib-aside #colorlib-main-menu ul li {
	margin: 0 0 10px 0;
}
}

@media only screen and (max-width: 414px) {
#page-title.page-title-parallax {
	background-size: auto !important;
	padding: 80px 0 50px 0 !important;
}
section#tour360 {
	padding: 0 !important;
}
section#tour360 .container {
	padding-left: 0;
	padding-right: 0;
}
section#tour360 .container br {
	display: none;
}
}


@media (min-width: 1200px) {

	.contadores{    MAX-WIDTH: 770PX !important;
    MARGIN: 75PX AUTO !important; text-align: center;
}
.contadores p {text-align: center; width: 100%}
    .container {
        max-width: 1480px !important;
    }
  }
@media (min-width:768px){


#colorlib-aside img{max-width: 320px; height: auto; mix-blend-mode: screen;}
}

.about-img {
	transition: 1s all ease;
	position: relative;
	top : -130px;
	z-index: 5
}
.gototop-active .about-img {
	top: 50px
}

.intro {
	height: 100vh;
	overflow: hidden;
	background: #111;
	color: white;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 18px;
	margin: 0 0;
	width: 100%;
	overflow: hidden;
	clear: both;
	position: relative;
	display: block;
}
.intro::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 66vh;
	z-index: 4;
	background: linear-gradient(180deg, #000000cc, transparent);
	display: block;
}
.intro .owl-carousel {
	width: 100vw;
	overflow: hidden;
}
.intro .owl-carousel .owl-item, .intro .oc-item {
	min-height: 100vh;
	width: 100vw;
	min-width: 100vw;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.intro .owl-theme .owl-controls {
	display: none;
}
.datosIntro {    position: absolute;
    top: 24vh;
    z-index: 4;
    width: 100%;
    max-width: 540px;
    display: inline-block;
    overflow: hidden;
    margin: auto;
    align-items: center;
    right: unset;
    width: 100vw;
    left: calc(50vw - 270px);
    text-align: center;

}
.nav-tabs {
	border-bottom: 2px solid #a9cda6;
}
.nav-tabs .nav-item {
	margin-bottom: -2px;
}
.nav-tabs .nav-item a {
	color: #c7441a;
	font-size: 22px;
}
.tab-content > .tab-pane {
	padding: calc(20px + 3vw) !important;
    background: #f1eee3;
    border-left: 2px solid #cdbaa6;
    border-right: 2px solid #cdbaa6;
    box-shadow: 0px 0 30px #935454;
}
.tab-content > .tab-pane figure {
	float: none
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: #957575;
    background-color: #fff;
    border-color: #cdbaa6 #cdbaa6 transparent;
	border-width: 2px; border-bottom: none; position: relative; top: 2px;margin-bottom: -2px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link.active {
	background: #f1eee3 !important;
}
.nav-tabs .nav-link {
	transition: 	.3s linear all;
	border: 2px solid transparent;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
	background-color: #f2c196;
	color: #333;    mix-blend-mode: multiply;
}
.nav-tabs .nav-link:focus {
	
	mix-blend-mode: unset !important ;
}
.nav-tabs .nav-link:hover {
	border-color: #cdbaa6 #cdbaa6 #cdbaa6;
}
#colorlib-aside #colorlib-main-menu ul li {
	margin: 0 0 15px 0;
	font-size: 20px;
	font-weight: 500;
	text-transform: unset;
}
.nav-tabs .nav-link.active:hover {
	border-bottom: 2px solid #cdbaa6 !important;
	    mix-blend-mode: unset !important ;
	    background: #f1eee3 !important;
	    border-color: #cdbaa6 #cdbaa6 transparent !important;
}
.vermasbot {
	position: relative;
	width: 24px;
	height: 24px;
	display: block;
	padding: 20px;
	transform: scale(1.5);
}
.linkchevron {
	display: block;
	height: 100px;
	width: 100px;
	margin: auto;
}
.chevron {
	position: absolute;
	width: 28px;
	height: 3px;
	box-shadow: 2px 2px 5px black;
	opacity: 0;
	transform: scale3d(0.5, 0.5, 0.5);
	animation: move 3s ease-out infinite;
}
.chevron:first-child {
	animation: move 3s ease-out 1s infinite;
}
.chevron:nth-child(2) {
	animation: move 3s ease-out 2s infinite;
}
.chevron:before, .chevron:after {
	content: ' ';
	position: absolute;
	top: 0;
	height: 100%;
	width: 51%;
	background: #fff;
}
.chevron:before {
	left: 0;
	transform: skew(0deg, 30deg);
}
.chevron:after {
	right: 0;
	width: 50%;
	transform: skew(0deg, -30deg);
}
 @keyframes move {
 25% {
 opacity: 1;
}
 33% {
 opacity: 1;
 transform: translateY(30px);
}
 67% {
 opacity: 1;
 transform: translateY(40px);
}
 100% {
 opacity: 0;
 transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
}
}
 @keyframes pulse {
 to {
 opacity: 1;
}
}


.tab-pane figure{background-size: cover; width: 100%; height: 400px; border-radius: 12px; border: 2px solid #ccc;}


#presentacion .colorlib-heading2{font-family: "Parisienne", cursive; font-weight: 500; text-transform: unset !important;     letter-spacing: 0;
     font-size: calc(25px + 2vw);
    line-height: .8em;
    text-align: center;
    /*color: #589b76; color: #009644;*/ color: #d98d6c;}

/*
#presentacion .colorlib-heading:before{content: '';
    display: block;
    width: 20em;
    height: 61px;
    position: absolute;
    background: #009644;
    z-index: 432423423;
    bottom: -10px;
    z-index: -1;
    left: 0em;
}*/

#colorlib-aside .colorlib-footer{padding: 0 0}
    .colorlib-heading:after {
    background: #009644; opacity: .3}

#menuHorizontal{position: absolute; top: 2vh ; left: 0; display: block; width: 100vw; z-index: 43; background:linear-gradient(90deg, transparent, #b11a12, #bf4409, #a91a14, transparent); padding-top: 10px;
    backdrop-filter: blur(4px);
    box-shadow: 0 0 30px #00000026;
}

#menuHorizontal ul {list-style: none; text-align: center; display: inline-flex;}

 #menuHorizontal ul li{

    display: inline-block;
    max-width: 185px;
    position:relative ;
    display: flex;
    align-items: center;
    list-style: none;
        display: block;
    list-style: none;
    float: left;
    margin: auto;
   }


#menuHorizontal ul li a{     font-size: 16px;
    font-family: "PT Sans", sans-serif;
    padding: 5px 12px;
    text-shadow: 1px 2px 5px #00000091;
    position: relative;
    top: 0;
    left: 0;
    transition: .3s linear all;
    color: #e6d79c;
    font-weight: 600;
    letter-spacing: 1px;
}


#menuHorizontal ul li a:hover{color: white; top: 1px; left: 1px; text-shadow: 0 0 0 #00000091; }
@media (min-width: 768px) and (max-width: 991px){
	.tab-content p{ text-align:left; }
	#menuHorizontal ul li a{ padding: 5px 8px;}
#colorlib-aside #colorlib-main-menu ul li{font-size: 16px}
.gototop-active .about-img{height: 400px !important;  top: 0px !important; z-index: 421}
.nav-tabs .nav-item a{font-size: 18px}
}

@media (max-width: 767px){
	body.offcanvas #colorlib-aside{padding: 40px 15px 5px 25px}
	#colorlib-aside .colorlib-footer ul { margin: 75px 0 0;}
	.nav-tabs .nav-item a{font-size: 16px}
	.tab-pane figure{height: calc(120px + 22vw)}
	.datosIntro {
        max-width: unset;
        left: unset;
        width: 80%;
        left: 11%;
        top: 13%;
    }
    .whats{padding: 6px 8px 6px 17px !important}
.whats span{display: none}    
#menuHorizontal{display: none !important;}
.js-colorlib-nav-toggle{position: fixed;}
#colorlib-aside #colorlib-main-menu ul li{font-size: 16px}

.nav-tabs .nav-link , .nav-tabs .nav-link.active{
    
    margin-bottom: -2px !important; 
            border-bottom: 2px solid ;
    border-color: #a9cda6 !important;}

.nav-tabs .nav-item {
    margin-bottom: unset;
    width: 100%;
background-color: white;
}

.nav-tabs .nav-link.active:hover{background-color:  #2ea863 !important; color: white;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{top: unset; 
	margin-bottom: unset; background-color: #2ea863 !important; color: white !important}
	.nav-tabs .nav-link.active i{color:  white !important}
}

.descripcion{background:linear-gradient(180deg, #e7e5db69, #f7892b); margin-top: -75px}

h2{color: #009644;
    font-weight: 800;}

    .tab-content > .tab-pane h2{color: #c33d19; text-align: center; font-size: 28px; text-transform: uppercase;}

#contacto .aceptacion label{display: inline-block; font-size: .8em; color: #ff6d17;}
#contacto .aceptacion label a{color: #f1d49e !important; text-decoration: underline}
#contacto .aceptacion label a:hover{color: #fff !important}


.latitudes{
	font-family: "PT Sans", sans-serif;;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.75);
	
	line-height: 1.3em;
	display: block;
}
.latitudes small{font-size: .6em; text-transform: uppercase; padding-right: 10px}
.latitudes small, .latitudes a {color: rgba(255, 255, 255, 0.75);}

.datosPie{font-size: 14px}
.datosPie .icon-phone{font-size: 1.3em;
    color: #cf531b;
    position: relative;
    top: 2px; left: 2px}
.datosPie a{color: #cf531b}
.datosPie a:hover{color: #fff}


@media (min-width:1200px){
.textoGaleria{     columns: 2;
    column-gap: 50px;
    column-count: 2;  
    margin-bottom: 50px;
    color: #87402c;
}



}

#quienessomos h1{font-size: 3.5rem;margin-bottom: 15px;}
#quienessomos h3{color: #c44019;	font-family: "PT Sans", sans-serif;;
	font-size: 26px; letter-spacing: 0px}

	#quienessomos h2{font-family: "Parisienne", cursive; font-weight: 500; font-size: 28px; color: #555}


	.fotoQS{background-size: cover; min-height: 100vh; animation: fondoanim 50s linear infinite;}

	@keyframes fondoanim{
		0% {background-position: 0% 0%}
		50% {background-position: 100% 0%}
		100% {background-position: 0% 0%}
	}

	.encabezadoContacto{    max-width: 564px;}

#colorlib-main{border: 0 !important; overflow: hidden !important; outline: none; border-image-width: unset !important; }
#colorlib-aside{border-right: 0 !important; border-image-width: unset !important; overflow: hidden; outline: none; }

.staff figure{

	background-size: cover;background-repeat: no-repeat; width: 100%; min-height: 350px; background-position: 50% 0; border-radius: 10px; border: 4px solid #eee; display: block;
	transition: .3s linear all;transform-origin: 50% 50%; transform: scale(1);
}

.staff figure:hover{ transform:scale(1.2); }


#slide-video{
width: 100%;
    object-fit: cover;
    min-width: 100%; position: absolute; top: 0; left: 0; z-index  : 1; transform: scale(0.95);
    border: 6px solid #f3ccbb;  overflow: hidden;  border-radius: 22px;

    min-height: 100%;background-size: 100% 100% !important; background-position: 0 0; background-color: #030003;}