@charset "utf-8";
/* CSS Document */
/* dhx-stylesheet v 2.2 2019 09 11 */

/*--------------------------------------------------------------------------------------------------------------------------
General 
--------------------------------------------------------------------------------------------------------------------------*/

	body{font-family: Arial, Helvetica, sans-serif;}

	

	a, a:hover, a:focus{text-decoration: none}
	
	.flex-column-reverse {height: fit-content;}

/* Buttons Not HREF */
	a.btn-link:not([href]):not([tabindex]),
	a.btn-link:not([href]):not([tabindex]):focus, 
	a.btn-link:not([href]):not([tabindex]):hover,
	a.btn-outline-primary:not([href]):not([tabindex]){color: #007bff}

	a.btn-outline-light:not([href]):not([tabindex]){color: #f8f9fa}
	a.btn-outline-secondary:not([href]):not([tabindex]){color: #6c757d}
	a.btn-outline-success:not([href]):not([tabindex]){color: #28a745}
	a.btn-outline-danger:not([href]):not([tabindex]){color: #dc3545}
	a.btn-outline-warning:not([href]):not([tabindex]){color: #ffc107}
	a.btn-outline-info:not([href]):not([tabindex]){color: #17a2b8}

	a.btn-outline-dark:not([href]):not([tabindex]),
	a.btn-warning:not([href]):not([tabindex]),
	a.btn-warning:not([href]):not([tabindex]):focus, 
	a.btn-warning:not([href]):not([tabindex]):hover,
	a.btn-outline-warning:not([href]):not([tabindex]):focus, 
	a.btn-outline-warning:not([href]):not([tabindex]):hover,
	a.btn-light:not([href]):not([tabindex]),
	a.btn-light:not([href]):not([tabindex]):focus, 
	a.btn-light:not([href]):not([tabindex]):hover,
	a.btn-outline-light:not([href]):not([tabindex]):focus,
	a.btn-outline-light:not([href]):not([tabindex]):hover{color: #212529}

	a.btn-primary:not([href]):not([tabindex]),
	a.btn-primary:not([href]):not([tabindex]):focus, 
	a.btn-primary:not([href]):not([tabindex]):hover,
	a.btn-outline-primary:not([href]):not([tabindex]):focus, 
	a.btn-outline-primary:not([href]):not([tabindex]):hover,
	a.btn-secondary:not([href]):not([tabindex]),
	a.btn-secondary:not([href]):not([tabindex]):focus, 
	a.btn-secondary:not([href]):not([tabindex]):hover,
	a.btn-outline-secondary:not([href]):not([tabindex]):focus, 
	a.btn-outline-secondary:not([href]):not([tabindex]):hover,
	a.btn-success:not([href]):not([tabindex]),
	a.btn-success:not([href]):not([tabindex]):focus, 
	a.btn-success:not([href]):not([tabindex]):hover,
	a.btn-outline-success:not([href]):not([tabindex]):focus, 
	a.btn-outline-success:not([href]):not([tabindex]):hover,
	a.btn-danger:not([href]):not([tabindex]),
	a.btn-danger:not([href]):not([tabindex]):focus, 
	a.btn-danger:not([href]):not([tabindex]):hover,
	a.btn-outline-danger:not([href]):not([tabindex]):focus, 
	a.btn-outline-danger:not([href]):not([tabindex]):hover,
	a.btn-info:not([href]):not([tabindex]),
	a.btn-info:not([href]):not([tabindex]):focus, 
	a.btn-info:not([href]):not([tabindex]):hover,
	a.btn-outline-info:not([href]):not([tabindex]):focus, 
	a.btn-outline-info:not([href]):not([tabindex]):hover,
	a.btn-dark:not([href]):not([tabindex]),
	a.btn-dark:not([href]):not([tabindex]):focus, 
	a.btn-dark:not([href]):not([tabindex]):hover
	a.btn-outline-dark:not([href]):not([tabindex]):focus, 
	a.btn-outline-dark:not([href]):not([tabindex]):hover{color: #fff}

	a.btn-outline-primary:not(:disabled):not(.disabled).active:focus, 
	a.btn-outline-primary:not(:disabled):not(.disabled):active:focus, 
	a.show>.btn-outline-primary.dropdown-toggle:focus,
	a.btn-primary:not(:disabled):not(.disabled).active, 
	a.btn-primary:not(:disabled):not(.disabled):active, 
	a.show>.btn-primary.dropdown-toggle,
	a.btn-success:not(:disabled):not(.disabled).active, 
	a.btn-success:not(:disabled):not(.disabled):active, 
	a.show>.btn-success.dropdown-toggle,
	a.btn-outline-success:not(:disabled):not(.disabled).active, 
	a.btn-outline-success:not(:disabled):not(.disabled):active, 
	a.show>.btn-outline-success.dropdown-toggle,
	a.btn-secondary:not(:disabled):not(.disabled).active, 
	a.btn-secondary:not(:disabled):not(.disabled):active, 
	a.show>.btn-secondary.dropdown-toggle,
	.btn-outline-primary:not(:disabled):not(.disabled).active:focus, 
	.btn-outline-primary:not(:disabled):not(.disabled):active:focus, 
	.show>.btn-outline-primary.dropdown-toggle:focus,
	.btn-primary:not(:disabled):not(.disabled).active, 
	.btn-primary:not(:disabled):not(.disabled):active, 
	.show>.btn-primary.dropdown-toggle,
	.btn-success:not(:disabled):not(.disabled).active, 
	.btn-success:not(:disabled):not(.disabled):active, 
	.show>.btn-success.dropdown-toggle,
	.btn-outline-success:not(:disabled):not(.disabled).active, 
	.btn-outline-success:not(:disabled):not(.disabled):active, 
	.show>.btn-outline-success.dropdown-toggle,
	.btn-secondary:not(:disabled):not(.disabled).active, 
	.btn-secondary:not(:disabled):not(.disabled):active, 
	.show>.btn-secondary.dropdown-toggle{outline: none; box-shadow: none !important}


/* Font Sizes Responsive */
	html { font-size: 1.0rem;}

	.display-1{line-height: 1em}
	
	.dhx-title-benefit{font-size: 1.5rem; line-height: 1.4em; font-weight: 600}

/* Widths */
								.dhx-w25 {width: 25%}

								.dhx-w50 {width: 50%}

								.dhx-w60 {width: 60%}

								.dhx-w75 {width: 75%}

								.dhx-w90 {width: 90%}

								.dhx-w100 {width: 100%}

								.dhx-h25 {height: 25%}

								.dhx-h50 {height: 50%}

								.dhx-h75 {height: 75%}
									
								.dhx-h90 {height: 90%}

								.dhx-h100 {height: 100%}		

	@media (min-width: 576px){ 
								.dhx-sm-w25 {width: 25%}

								.dhx-sm-w50 {width: 50%}
		
								.dhx-sm-w60 {width: 60%}

								.dhx-sm-w75 {width: 75%}
								
								.dhx-sm-w90 {width: 90%}
		
								.dhx-sm-w100 {width: 100%}
		
								.dhx-sm-h25 {height: 25%}

								.dhx-sm-h50 {height: 50%}

								.dhx-sm-h75 {height: 75%}
									
								.dhx-sm-h90 {height: 90%}

								.dhx-sm-h100 {height: 100%}		
							}

	@media (min-width: 768px){ 
								.dhx-md-w25 {width: 25%}

								.dhx-md-w50 {width: 50%}
		
								.dhx-md-w60 {width: 60%}

								.dhx-md-w75 {width: 75%}
		
								.dhx-md-w90 {width: 90%}

								.dhx-md-w100 {width: 100%}
		
								.dhx-md-h25 {height: 25%}

								.dhx-md-h50 {height: 50%}

								.dhx-md-h75 {height: 75%}
									
								.dhx-md-h90 {height: 90%}

								.dhx-md-h100 {height: 100%}
							  }	

	@media (min-width: 992px){ 
								.dhx-lg-w25 {width: 25%}

								.dhx-lg-w50 {width: 50%}
		
								.dhx-lg-w60 {width: 60%}

								.dhx-lg-w75 {width: 75%}
		
								.dhx-lg-w90 {width: 90%}

								.dhx-lg-w100 {width: 100%}
		
								.dhx-lg-h25 {height: 25%}

								.dhx-lg-h50 {height: 50%}

								.dhx-lg-h75 {height: 75%}
									
								.dhx-lg-h90 {height: 90%}

								.dhx-lg-h100 {height: 100%}
								
								}

	@media (min-width: 1200px){
								.dhx-xl-w25 {width: 25%}

								.dhx-xl-w50 {width: 50%}
		
								.dhx-xl-w60 {width: 60%}

								.dhx-xl-w75 {width: 75%}
									
								.dhx-xl-w90 {width: 90%}

								.dhx-xl-w100 {width: 100%}								
								
								.dhx-xl-h25 {height: 25%}

								.dhx-xl-h50 {height: 50%}

								.dhx-xl-h75 {height: 75%}
									
								.dhx-xl-h90 {height: 90%}

								.dhx-xl-h100 {height: 100%}
							 }


/* Flex properties*/
.dhx-flex1{flex: 1}


/* Font color*/
.dhx-text-dark{color: #343a40}
.dhx-text-light{color: #f8f9fa}
.dhx-text-white{color: #ffffff}
.dhx-text-info{color: #17a2b8}
.dhx-text-primary{color: #007bff}
.dhx-text-secondary{color: #6c757d}
.dhx-text-success{color: #28a745}
.dhx-text-danger{color: #dc3545}
.dhx-text-muted{color: #6c757d}

/* Backgrounds */

.dhx-bg-dark{background-color: #343a40}
.dhx-bg-light{background-color: #f8f9fa}
.dhx-bg-white{background-color: #ffffff}
.dhx-bg-info{background-color: #17a2b8}
.dhx-bg-primary{background-color: #007bff}
.dhx-bg-secondary{background-color: #6c757d}
.dhx-bg-success{background-color: #28a745}

.dhx-bg-gray1{background-color: #eeeeee}

.dhx-bg-white-80{background-color: rgba(255,255,255,0.8)}

.dhx-bg-white-60{background-color: rgba(255,255,255,0.6)}

.dhx-bg-white-40{background-color: rgba(255,255,255,0.4)}

.dhx-bg-black-80{background-color: rgba(0,0,0,0.8)}

.dhx-bg-black-60{background-color: rgba(0,0,0,0.6)}

.dhx-bg-black-40{background-color: rgba(0,0,0,0.4)}


.dhx-bg-overlay div, .dhx-bg-overlay{position: relative;}
.dhx-bg-overlay::before{
							content:"";
							display: block;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
						}

.dhx-bg-overlay-white-80::before{background-color: rgba(255,255,255,0.8), }

.dhx-bg-overlay-white-60::before{background-color: rgba(255,255,255,0.6)}

.dhx-bg-overlay-white-40::before{background-color: rgba(255,255,255,0.4)}

.dhx-bg-overlay-black-80::before{background-color: rgba(0,0,0,0.8)}

.dhx-bg-overlay-black-60::before{background-color: rgba(0,0,0,0.6)}

.dhx-bg-overlay-black-40::before{background-color: rgba(0,0,0,0.4)}

.dhx-bg-img {background-image: url(http://via.placeholder.com/600x600/333333); background-size: cover; background-repeat: no-repeat; background-position: center center;}

.dhx-bg-img-lg {background-image: url(http://via.placeholder.com/1920x600/333333); background-size: cover; background-repeat: no-repeat; background-position: center center;}


.dhx-img-xs{width: 90px;height: auto}


/*--------------------------------------------------------------------------------------------------------------------------
Navbar
--------------------------------------------------------------------------------------------------------------------------*/
	nav{z-index: 999; width: 100%; min-height: 57px;}
	.navbar-brand img, .navbar-brand img[src*=".svg"], footer img[src*=".svg"]{width: 100%; max-width: 146px;}


	.dhx-navtel{line-height: 1.3em}
	.dhx-navtel i{font-size: 0.8em}
	.dhx-phone{font-size: 1.3em; font-weight: 600}


/*--------------------------------------------------------------------------------------------------------------------------
Mobile Phone link*
--------------------------------------------------------------------------------------------------------------------------*/
	.dhx-phone-link{line-height: 1.3em; font-size: 1.4rem; box-shadow: 6px 6px 6px rgba(0,0,0,0.8)}


/*--------------------------------------------------------------------------------------------------------------------------
Banner Section
--------------------------------------------------------------------------------------------------------------------------*/
/* Fold Container*/
	.dhx-full-fold{ min-height: calc(100vh - 92px); height: fit-content; height: -moz-fit-content;  padding-top: 20px; padding-bottom: 20px }
	.dhx-full-fold-nofooter{ min-height: calc(100vh - 57px); height: fit-content; height: -moz-fit-content;  padding-top: 20px; padding-bottom: 20px }



/* Banner Background */
	.dhx-banner-bg{background-image: url(http://via.placeholder.com/1920x1080); background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 250px;}
	.dhx-full-bg{background-image: url(http://via.placeholder.com/1920x1080); background-size: cover; background-repeat: no-repeat; background-position: center center;}


/* Banner Icons */
.dhx-destacado-icon i{font-size: 2rem; line-height: 3.1rem}
.dhx-destacado-icon.dhx-icon-lg i{font-size:3.5rem; line-height:3.1rem; margin-bottom:0.8rem; }
.dhx-icon-bg-rounded{border-radius: 50%; width: 4rem;height: 4rem; padding: 0.5rem}
.dhx-icon-bg-box{border-radius: 0%; width: 4rem;height: 4rem; padding: 0.5rem}




/*--------------------------------------------------------------------------------------------------------------------------
Forms
--------------------------------------------------------------------------------------------------------------------------*/
	/*.dhx-input-mw{max-width: 250px; margin: 0px auto}*/
	.ic-class-form-check-label,
	.ic-class-form-check-label-legal{font-stretch: condensed; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.2em; vertical-align: middle; padding-bottom: 0rem;}
	.ic-class-form-help{font-stretch: condensed; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; }
	.ic-class-form-label{font-size: 0.9rem; line-height: 1rem}
	.ic-class-form-check,
	.ic-class-form-check-legal{
		display: flex;
		padding-left: 1.25rem;
		align-items: center;
		padding: 0px;
		margin-top: 0.3rem;
	}
	.form-check-inline {display: inline-flex; margin-right: 0px}

	input[type=checkbox], 
	input[type=radio] {
		position: relative;
		margin: 0px;
		margin-right: 0.2rem;
		margin-left: 0px;}

	.ic-class-form-row small {
	    font-stretch: condensed; font-family: Arial, Helvetica, sans-serif;
	    font-size: 0.7em;
	}


/* Team Section */

.dhx-team-name{font-family: Arial, Helvetica, sans-serif; font-size: 1.8em; font-weight: 700; line-height: 1.1em;}
.dhx-team-position{font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: 600; line-height: 1.4em;}


/* Countdown */
.dhx-countdown-digit{   font-size: 3.5em;
						line-height: 0.9em;
						font-weight: 400;}

.dhx-countdown-digit-sm{   font-size: 3em;
							line-height: 0.9em;
							font-weight: 400;}


/* Cards Acordion*/
.dhx-accordion a {position: relative;}

.dhx-accordion a:after {
    position: absolute;
    content: "\f077";
    top: 50%;
    right: 15px;
    font-family: "FontAwesome";
    line-height: 1;
    font-size: 14px;
    margin-top: -7px;}

.dhx-accordion a.collapsed:after {content: "\f078";}
.dhx-accordion a.collapsed.card-heading {border: none !important;}
.dhx-accordion a:focus{box-shadow: none !important;outline: none !important;}


@media all and (min-width: 992px){


/*--------------------------------------------------------------------------------------------------------------------------
General 
--------------------------------------------------------------------------------------------------------------------------*/
/* Fonts*/
	html { font-size: 1.0rem;}


/*--------------------------------------------------------------------------------------------------------------------------
Forms
--------------------------------------------------------------------------------------------------------------------------*/
	.ic-class-form-check-label, .ic-class-form-check-label-legal{padding-bottom: 0rem;}	
	.ic-class-form-check-input, .ic-class-form-check-input-legal{margin-left: -1rem}	
	.dhx-fixed-form{position: fixed}


	
	
}

@media all and (min-width:767px){
/*--------------------------------------------------------------------------------------------------------------------------
Banner Section
--------------------------------------------------------------------------------------------------------------------------*/
/* Fold Container*/
	.dhx-md-70fold{min-height: calc(70vh - 57px)}
}

@media all and (min-width:576px) and (min-height:991px){
/*--------------------------------------------------------------------------------------------------------------------------
Banner Section
--------------------------------------------------------------------------------------------------------------------------*/
/* Fold Container*/
	.dhx-md-70fold{min-height: calc(76vh - 57px)}
}


@media all and (max-width:1200px){
/*--------------------------------------------------------------------------------------------------------------------------
General 
--------------------------------------------------------------------------------------------------------------------------*/
/* Fonts*/

	.display-1{font-size: 4.5rem;}
	
	.display-2{font-size: 4.0rem;}
	
	.display-3{font-size: 3.5rem;}
	
	.display-4{font-size: 3.0rem;}
	
}

@media all and (max-width:991px){
/*--------------------------------------------------------------------------------------------------------------------------
General 
--------------------------------------------------------------------------------------------------------------------------*/
/* Fonts*/
  html { font-size: 0.875rem; }
  
/*--------------------------------------------------------------------------------------------------------------------------
Banner Section
--------------------------------------------------------------------------------------------------------------------------*/
/* Fold Container*/
  .dhx-full-fold{ min-height: calc(100vh - 87px) }
	.dhx-full-fold-nofooter{ min-height: calc(100vh - 52px) }
	
 
	
	
}

@media all and (orientation: portrait) and (min-width:576px){
	.dhx-full-fold-nofooter{ min-height: calc(80vh - 65px);}
	
	.dhx-md-70fold{min-height: calc(76vh - 57px)}

}

@media all and (max-width:991px) and (min-width:576px){
	/*--------------------------------------------------------------------------------------------------------------------------
Cards
-------------------------------------------------------------------------------------------------------------------------*/
/* Cards Breakpoint */
.card-deck .card{	
    			flex-basis: 45%;
    			margin-bottom: 15px;
    			max-width: calc(50% - 30px);
				margin-left: auto;
				margin-right: auto}		
}

@media all and (max-width:580px){
/*--------------------------------------------------------------------------------------------------------------------------
General 
--------------------------------------------------------------------------------------------------------------------------*/
/* Fonts*/
  	html { font-size: 0.8rem;}
	
	h1 {font-size: 2.2rem;}  
		
	h2 {font-size: 2.0rem;}
	
	h3 {font-size: 1.8rem;}
	
	h4 {font-size: 1.6rem;}
	
	.display-1{font-size: 4.5rem;}
	
	.display-2{font-size: 4.0rem;}
	
	.display-3{font-size: 3.5rem;}
	
	.display-4{font-size: 3.0rem;}
	
	.dhx-title-benefit{font-size: 1.4rem; line-height: 1.1em}

	.dhx-img-xs{width: 70px;height: auto}

/*--------------------------------------------------------------------------------------------------------------------------
Banner Section
--------------------------------------------------------------------------------------------------------------------------*/
/* Fold Container*/
	.dhx-full-fold{ min-height: calc(100vh - 85px);}

	


/*--------------------------------------------------------------------------------------------------------------------------
Forms
--------------------------------------------------------------------------------------------------------------------------*/	
 .dhx-form-xs-block{display: block}
	

/* Team Section */

.dhx-team-name{font-size: 1.6em; line-height: 1.3em;}
	
}

@media all and (max-width:340px){
/*--------------------------------------------------------------------------------------------------------------------------
General 
--------------------------------------------------------------------------------------------------------------------------*/
/* Fonts*/
 	h1 {font-size: 1.9rem;}  
		
	h2 {font-size: 1.7rem;}
	
	h3 {font-size: 1.5rem;}
	
	h4 {font-size: 1.3rem;}
	
	.display-1{font-size: 4.0rem;}
	
	.display-2{font-size: 3.5rem;}
	
	.display-3{font-size: 3.0rem;}
	
	.display-4{font-size: 2.5rem;}
	
	
/*--------------------------------------------------------------------------------------------------------------------------
Banner Section
--------------------------------------------------------------------------------------------------------------------------*/
/* Fold Container*/
.dhx-full-fold{ min-height: calc(100vh - 85px);}

	

}

















/*--------------------------------------------------------------------------------------------------------------------------
SVG Images DeBug 
--------------------------------------------------------------------------------------------------------------------------*/

/* Ie9 */
.ie9 img[src*=".svg"] {
	width: 100%;
	max-width: 146px;
}

 /* Ie10 + Firefox & Others */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.dhx-full-fold-nofooter, .dhx-full-fold{height: 30px}
	
	img[src*=".svg"]{width: 100%;max-width: 146px;}
	.navbar-brand img, .navbar-brand img[src*=".svg"], footer img[src*=".svg"]{width: 100%; max-width: 146px}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-height:780px) {
	.dhx-full-fold-nofooter, .dhx-full-fold{height: auto}
}
@media screen and (max-width: 480px) {
	img[src*=".svg"]{width: 100%;max-width: 146px;}
	.navbar-brand img, .navbar-brand img[src*=".svg"], footer img[src*=".svg"]{width: 100%; max-width: 146px}
}