/*
Theme Name: Dropex
Description: Lo gestionamos
Author: BMestudio
Template: flatsome
Version: 3.0
*/


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 25, 2023 */


/*-----------start FONTS-----------*/
@font-face {
    font-family: 'gilroy-blackuploaded_file';
    src: url('_assets/fonts/gilroy-black-webfont.woff2') format('woff2'),
         url('_assets/fonts/gilroy-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-blackitaliuploadedfile';
    src: url('_assets/fonts/gilroy-blackitalic-webfont.woff2') format('woff2'),
         url('_assets/fonts/gilroy-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-bolduploaded_file';
    src: url('_assets/fonts/gilroy-bold-webfont.woff2') format('woff2'),
         url('_assets/fonts/gilroy-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-bolditalicuploadedfile';
    src: url('_assets/fonts/gilroy-bolditalic-webfont.woff2') format('woff2'),
         url('_assets/fonts/gilroy-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-extrabolduploaded_file';
    src: url('_assets/fonts/gilroy-extrabold-webfont.woff2') format('woff2'),
         url('_assets/fonts/gilroy-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-extraboldiuploadedfile';
    src: url('_assets/fonts/gilroy-extrabolditalic-webfont.woff2') format('woff2'),
         url('_assets/fonts/gilroy-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-lightuploaded_file';
    src: url('_assets/fonts/gilroy-light-webfont.woff2') format('woff2'),
         url('_assets/fonts/gilroy-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-lightitaliuploadedfile';
    src: url('_assets/fonts/gilroy-lightitalic-webfont.woff2') format('woff2'),
         url('_assets/fonts/gilroy-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-regularuploaded_file';
    src: url('_assets/fonts/gilroy-regular-webfont.woff2') format('woff2'),
         url('_assets/fonts/gilroy-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-regularitauploadedfile';
    src: url('_assets/fonts/gilroy-regularitalic-webfont.woff2') format('woff2'),
         url('_assets/fonts/gilroy-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-semibolduploaded_file';
    src: url('_assets/fonts/gilroy-semibold-webfont.woff2') format('woff2'),
         url('_assets/fonts/gilroy-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gilroy-semiboldituploadedfile';
    src: url('_assets/fonts/gilroy-semibolditalic-webfont.woff2') format('woff2'),
         url('_assets/fonts/gilroy-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*-----------end FONTS-----------*/


/*-----------start GLOBALS-----------*/

body{
	font-family: 'gilroy-regularuploaded_file';
	font-weight: 400;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'gilroy-extrabolduploaded_file';
	font-weight: 400;
}

.grecaptcha-badge{
	display: none!important;
}

form{
	margin: 0;
}
	.wpcf7-form-control-wrap{
		position: relative;
	}
		.wrap-form .wpcf7-form-control{
			box-shadow: none;
			border: 1px solid #616161;
			border-radius: 10px;
			padding: 15px 15px 15px 30px;
			position: relative;
			line-height: 1em;
		    min-height: 1px;
		    height: auto;
		    font-size: 1em;
		    position: relative;
		}
		.wrap-form .wpcf7-form-control.primary{
			padding: 15px 30px;
		}
		.wrap-form .wpcf7-form-control:focus{
			box-shadow: none;
			border-color: #8C0CFA;
		}
			.wpcf7-form-control-wrap:before{
				position: absolute;
				top: 14px;
				left:9px;
			    font-weight: 400;
			    font-family: "Font Awesome 5 Free";
			    z-index: 9;
			    color: #D6BBFF;
			}
			.wpcf7-form-control-wrap[data-name='your-name']:before{
			    content: '\f007';
			}
			.wpcf7-form-control-wrap[data-name='your-email']:before{
		        content: '\f0e0';
			}
			.wpcf7-form-control-wrap[data-name='your-phone']:before{
		        content: '\f3cd';
		        font-weight: 900;
		        left: 12px;
			}

		.wpcf7 .wpcf7-not-valid-tip{
			color: #fd4e4e;
			margin-bottom: 15px;
		}
		.wpcf7 form .wpcf7-response-output {
		    margin: 0;
		    padding: 15px;
		    border: none;
		    background: #eee;
		    text-align: center;
		    line-height: 1.2em;
		}
		.wpcf7 form.invalid .wpcf7-response-output,
		.wpcf7 form.unaccepted .wpcf7-response-output,
		.wpcf7 form.payment-required .wpcf7-response-output {
		    background: #ffb900;
		}
		.wpcf7 form.spam .wpcf7-response-output {
			background: #fd8e4e; /* Orange */
		}
		.wpcf7 form.failed .wpcf7-response-output,
		.wpcf7 form.aborted .wpcf7-response-output {
			background: #fd4e4e; /* Red */
		}
		.wpcf7 form.sent .wpcf7-response-output {
			background: #4efdbf; /* Green */
		}


.icon-x h2{
	font-family: 'gilroy-blackuploaded_file';
	margin: 0;
	position: relative;
    font-size: 2.8em;
	padding-left: 100px;
	line-height: 1em;
}
	.icon-x h2:before{
		content: '';
		line-height: 1em;
		position: absolute;
		top: 0;
		left: 0;
		background: url(_assets/img/iso-magenta.svg) no-repeat 0 0 transparent;
		background-size: 100%;
		width: 90px;
		height: 90px;
	}
	.icon-x.light h2:before{
		background: url(_assets/img/iso-light.svg) no-repeat 0 0 transparent;
		background-size: 100%;
	}
/*-----------end GLOBALS-----------*/


/*-----------start HEADER-----------*/
#header{
	border-bottom: 1px solid #000;
}
.stuck #masthead #logo img{
	max-height: 45px!important;
}
.off-canvas-center .nav-sidebar.nav-vertical>li>a{
	color: #fff;
	padding: 7px 0;
}
/*-----------end HEADER-----------*/

/*-----------start FOOTER-----------*/
.footer-wrapper{
	z-index: 9;
}
	.absolute-footer{
		padding: 15px 0;
	}
		.absolute-footer .footer-secondary{
			padding: 0;
		}
/*-----------end FOOTER-----------*/


/*-----------start HOME-----------*/
.wrap-inicio{
	min-height: 75vh;
}
.wrap-inicio .section-bg{
	/*background-size: 50%!important;
    background-position: 135% 100%;*/
    background-size: auto 100%!important;
    background-position: right 0;
}
/*-----------end HOME-----------*/


/*-----------start VIDEO-----------*/
.wrap-video .section-bg{
	background-image: url(_assets/img/ornament-top.png), url(_assets/img/ornament-bottom.png);
	background-size: 35%!important;
	background-position: right top, left bottom!important;
}
.wrap-video .video-button-wrapper a{
	width: 100px;
	height: 100px;
	background: url(_assets/img/btn-play.svg) no-repeat 0 0 transparent;
	background-size: 100%;
	border-radius: 0;
	border: none;
	padding: 0;
}
.wrap-video .video-button-wrapper a:hover{
	transform: scale(1.1);
}
	.wrap-video .video-button-wrapper a i{
		display: none;
	}

.wrap-video .banner{
    border-radius: 30px;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
}
/*-----------end VIDEO-----------*/


/*-----------start FEATURES-----------*/
.custom-tabs .nav{
	margin-bottom: 60px;
}
	.custom-tabs li.tab{
		margin: 0;
		margin-right: 30px!important;
	}
		.custom-tabs li.tab a{
			color: #000!important;
		}
			.custom-tabs li.tab a span{
				text-transform: none;
				font-family: 'gilroy-semibolduploaded_file';
				font-weight: 400;
				font-size: 1.1em;
			}
			.custom-tabs li.tab a:before{
				background-color: #C44DFD;
			}

			.custom-tabs .icon-box{
			    align-items: center;
			}
				.custom-tabs .icon-box .icon-box-text{
				    font-size: 2em;
				    padding-left: 30px;
				}


.wrap-mas-funciones{
	padding: 0 0 90px 0!important;
}
.wrap-mas-funciones.active{
	padding: 90px 0!important;
	background: #fafafa;
}
	.wrap-mas-funciones .grid-functions{
		transform:translate(0,50%);
		height: 0;
		overflow: hidden;
		opacity: 0;
		transition:all .5s ease;
	}
	.wrap-mas-funciones.active .grid-functions{
		transform:translate(0,0);
		height: auto;
		opacity: 1;
		transition:all .5s ease;
	}
	.wrap-mas-funciones .btn-toggle{
		margin: 0;
	}
		.wrap-mas-funciones .btn-toggle span{
			display: none;
		}
		.wrap-mas-funciones .btn-toggle:before{
			content: 'Ver más funciones';
		}
		.wrap-mas-funciones.active .btn-toggle:before{
			content: 'Ver menos funciones';
		}
			.wrap-mas-funciones .btn-toggle i{
			    font-family: "Font Awesome 5 Free"!important;
			    font-weight: 900!important;
			}
				.wrap-mas-funciones .btn-toggle i:before{
					content: '\f063';
				}
				.wrap-mas-funciones.active .btn-toggle i:before{
					content: '\f062';
				}
/*-----------end FEATURES-----------*/


/*-----------start CTA-----------*/
.cta-dropex .banner-bg{
	background: linear-gradient(45deg,  #7e27d5 1%,#e14cfc 100%);
}
	.cta-dropex .banner-bg .bg{
		background-color: transparent;
		background-size: 35%!important;
		background-position: right top;
	}
		.cta-dropex .button.secondary{
			background: #000!important;
			border-color:#000;
		}
		.cta-dropex .button.secondary:hover{
			background: #C44DFD!important;
			border-color:#C44DFD;
		}
/*-----------end CTA-----------*/


/*-----------start TEAM-----------*/
.custom-team h4{
	text-transform: none!important;
	font-family: 'gilroy-semibolduploaded_file';
	color: #000;
}
	.custom-team h4 .person-title{
		opacity: 1;
		font-family: 'gilroy-regularuploaded_file';
	}
/*-----------end CTA-----------*/



/*-----------start MEDIA QUERIES-----------*/
/*start IPHONE VERTICAL*/
@media (min-width: 320px) and (max-width: 479px) {
	/*start FOOTER*/
	footer .section .col:last-child{
		padding-bottom: 0;
	}
		footer .section .col .button.secondary{
			margin: 0;
		}
	footer .text-right{
		text-align: left!important;
	}

	footer #developer{
		display: block;
		margin-bottom: 7px;
	}
	footer .footer-primary{
		font-size: 0.9em;
		line-height: 1em;
	}
	/*end FOOTER*/

	/*start HOME*/
	.wrap-inicio .section-bg{
		background-image: none!important;
	}
	/*start HOME*/


	/*start VIDEO*/
	.wrap-video .section-bg{
		background-size: 90%!important;
	}
	/*end VIDEO*/

	/*start FUNCTIONS*/
	.custom-tabs .nav{
	    margin-bottom: 30px;
	}
	/*end FUNCTIONS*/


	/*start MORE FUNCTIONS*/
	.wrap-mas-funciones.active{
		padding: 60px 0!important;
	}
		.icons-more-features{
			margin-bottom: 30px!important;
		}
	/*end MORE FUNCTIONS*/


	/*start CTA*/
	.cta-dropex .banner-bg .bg{
		background-size: 90%!important;
	}
		.cta-dropex .button{
			font-size: 1.3em;
			margin: 15px 0 0;
		}
	/*end CTA*/
}
/*end IPHONE VERTICAL*/

/*start IPHONE HORIZONTAL*/
@media (min-width: 480px) and (max-width: 767px) {}
/*end IPHONE HORIZONTAL*/

 /*start IPAD VERTICAL*/
@media (min-width: 768px) and (max-width: 979px){}
/*end IPAD VERTICAL*/

/*start BIG SCREEN*/
@media (min-width: 1200px){
   
}
/*end BIG SCREEN*/
/*-----------end MEDIA QUERIES-----------*/