@charset "utf-8";


#header.header-vertical.dark{background-color: #e5e8e4;}

#header.header-vertical.dark .nav-main-vertical>li>a {color:#b3bab6}

#navigation-mobile.dark{color: #fff;
    				    background-color: #e5e8e4;}

#header.header-vertical.dark .nav-main-vertical>li>a:hover, #header.header-vertical.dark .nav-main-vertical>li>a:focus, #header.header-vertical.dark .nav-main-vertical>li>a.active {color: #69867b;}

.card a{color:#333 !important;}

.btn-primary {
    border-color: #69867b;
    background-color: #69867b;
    color: #fff;
    color: #fff;}
	
.btn-primary:hover{border-color: #ca7967;
				   background-color: #ca7967;}
				   
.btn-play:hover{color:#616161;}
				   
.btn-play:hover:after, .btn-play:focus:after, .btn-play:active:after, .btn-play:focus:active:after{border-color: transparent transparent transparent #616161;}
				   
hr.hr-primary {border-color: #69867b;}

.icon.icon-primary {color:#69867b;}

.icon.icon-circle.icon-facebook{background-color: #69867b;}
.icon.icon-circle.icon-google {background-color: #69867b;}
.icon.icon-circle.icon-twitter {background-color: #69867b;}
.icon.icon-circle.icon-youtube {background-color: #69867b;}
.icon.icon-circle.icon-instagram {background-color: #69867b;}
	
textarea{resize:none;}

.bg-dark {
    background-color: #e5e8e4 !important;
}

/*sección contacto */
.section-double>.row {height:auto;}

.section-double>.row>.content {padding: 1rem 8%;}
/* fin sección contacto*/


.nav-footer>li>a{color:#333 !important;}

.icon.icon-primary.ti-cloud-down{font-size:1.5em;
                                  margin-left:5px;}
/* circulos animados progreso */

svg.radial-progress {
  height: auto;
  max-width: 200px;
  padding: 1em;
  transform: rotate(-90deg);
  width: 100%;
}

svg.radial-progress circle {
  fill: rgba(0,0,0,0);
  stroke: #AF7C58;
  stroke-dashoffset: 219.91148575129; /* Circumference */
  stroke-width: 10;
}

svg.radial-progress circle.incomplete { opacity: 0.25; }

svg.radial-progress circle.complete { stroke-dasharray: 219.91148575129; /* Circumference */ }

svg.radial-progress text {
  fill: #AF7C58;
  font: 400 1em/1 'Oswald', sans-serif;
  text-anchor: middle;
}

/* Primary */

svg.radial-progress:nth-of-type(6n+1) circle { stroke: #163029; }

/* Secondary */

svg.radial-progress:nth-of-type(6n+2) circle { stroke: #163029; }

/* Tertiary */

svg.radial-progress:nth-of-type(6n+3) circle { stroke:#163029; }



/*-----------------------------*/
/*@media screen and (max-width: 768px){
	.parrafo-movil{display:block;}
	.parrafo-escritorio{display:none;}
}*/

@media screen and (min-width: 1200px){
	
	/* hago el menú algo más estrecho*/

#header.header-vertical {
    background-color: #fff;
    /*width: 330px;*/
	width: 300px;
    height: 100vh;
    overflow: auto;}
/* ------------------------------*/

/* al hacer el menú vertical algo más estrecho tengo que ensanchar también un poco el contenido */

.header-vertical #content, .header-vertical #footer {/*margin-left: 330px;*/
													 margin-left: 300px;}
/*------------------------------------------------------------------------------------------------*/

/* al hacer el menú vertical algo más estrecho tengo que ensanchar también un poco el footer */

.header-vertical #footer.footer-fixed {
    /*width: calc(100% - 330px);*/
	width: calc(100% - 300px);
}

/* -------------------------------------------------------------------------------------------*/
	
}

@media screen and (max-width: 600px){
	.slide-content h1{ font-size:1.60rem}
	.slider_min{ display:none !important}
	#home{ height:inherit !important; min-height:350px; position:relative !important; overflow:hidden}
	.slider-main .slick-slide .slide-content{ top:10% !important; position:absolute; top: 50% !important}
	.bg-image-holder, .bg-slideshow-holder {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
    min-block-size: ;
    min-height: 350px;}
	
	
	.slider-main{max-height: 344px !important;}
	.slide.slick-slide{ max-height:350px !important}
	
	#navigation-mobile .module-logo img {

    position: relative;
    top: -0.2rem;
    max-height: inherit !important;
    padding: 4px;

}
	
}