.ui-shadow{
	box-shadow: 0px 0px 50px 0px rgb(85 139 251 / 20%);
    -webkit-box-shadow: 0px 0px 50px 0px rgb(85 139 251 / 20%);
    -moz-box-shadow: 0px 0px 50px 0px rgba(85,139,251,0.2);
}

/*################# TITLE #################*/

.ui-title{
    font-weight: 500;
	line-height: 100%;
}
.ui-title span,
.ui-title p{
	text-transform: uppercase;
    font-size: 20px;
    color: var(--color-03);
    display: block;
	line-height: 20px;
	margin-bottom:15px;
	font-weight: 800;
}

/*################# HEADER #################*/

.ui-content-header{
	padding: 180px 20px 100px;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: var(--color-01);
	background-position: center top;
	color:#fff;
	position:relative;
	overflow: hidden;

	opacity: 0;
	transition: 1.5s;
}
.ui-content-header[data-scroll="in"]{
	opacity: 1;
	transition-delay: 0.2s;
}
.ui-content-header:before{
	content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(31,35,44,0.1) 0%, rgba(31,35,44,0.8) 100%);
    position: absolute;
}
.ui-content-header.mask:after{
	background-image: url(../../assets/images/header-mask.png);
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	width: 100vw;
	height: 33vw;
	background-size: 100% 100%;
}
.ui-content-header .container{
	overflow: visible;
	position:relative;
}
.ui-content-header h1,
.ui-content-header h2,
.ui-content-header h3,
.ui-content-header h4, 
.ui-content-header h5, 
.ui-content-header h6{
	margin:0px;
}
.ui-content-header .el-content .ui-title{
	color: #fff;

	transform: translateX(-100px);
	opacity: 0;
	transition: 1.5s;
}
.ui-content-header .el-content .ui-title[data-scroll="in"]{
    transform: translateX(0px);
	opacity: 1;
	transition-delay: 0.5s;
}
.ui-content-header .el-content p{
	margin-top:20px;
	font-size:18px;
	font-weight: 300;

	transform: translateX(-100px);
	opacity: 0;
	transition: 1.5s;
}
.ui-content-header .el-content p[data-scroll="in"]{
    transform: translateX(0px);
	opacity: 1;
	transition-delay: 0.8s;
}
.ui-content-header .el-content .ui-button{
	transform: translateX(-100px);
	opacity: 0;
	transition: 1.5s;
}
.ui-content-header .el-content .ui-button[data-scroll="in"]{
    transform: translateX(0px);
	opacity: 1;
	transition-delay: 1.1s;
}
.ui-content-header .el-image{
	transform: translateX(100px);
	opacity: 0;
	transition: 1.5s;
}
.ui-content-header .el-image[data-scroll="in"]{
    transform: translateX(0px);
	opacity: 1;
	transition-delay: 0.5s;
}

.ui-content-header.form{
	padding: 0px;
}
.ui-content-header.form .container{
	display: flex;
    z-index: 2;
    position: relative;
    justify-content: space-between;
    padding: 200px 20px 250px 20px;
    align-items: center;
	flex-wrap: wrap;
}
.ui-content-header.form .container .el-content{
	width: 40%;
}
.ui-content-header.form .container .el-content h1{
	font-size: 60px;
    line-height: 100%;
    font-weight: 600;
    margin: 0px 0px 30px;
}
.ui-content-header.form .container .el-content p{
	color: #fff;
    margin-bottom: 30px;
}
.ui-content-header.form .container .el-content .ui-button{
	border-radius: 5px;
	border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 5px 5px 5px 20px;
    background: var(--color-01);
    display: flex;
	gap:20px;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}
.ui-content-header.form .container .el-content .ui-button i{
	font-size: 30px;
    background: #2CAA68;
    color: #fff;
    border-radius: 100%;
    padding: 10px;
}
.ui-content-header.form .container .el-form{
	width: 380px;
	padding:30px;
	background: #fff;

	transform: translateY(100px);
	opacity: 0;
	transition: 1.5s;
}
.ui-content-header.form .container .el-form[data-scroll="in"]{
    transform: translateY(0px);
	opacity: 1;
	transition-delay: 0.5s;
}
.ui-content-header.form .container .el-form h4{
	font-size: 22px;
}

@media all and (max-width: 850px){
	.ui-content-header.form .container .el-content h1{
		font-size: 40px;
	}
}
@media all and (max-width: 768px){
	.ui-content-header.form .container{
    	justify-content: center;
		padding: 150px 20px 100px 20px;
	}
	.ui-content-header.form .container .el-content{
		width: 100%;
		text-align: center;
	}
	.ui-content-header.form .container .el-form{
		margin-top: 50px;
	}
}
@media all and (max-width: 600px){
	.ui-content-header h1{
		font-size:40px;
	}
}

/*################# CONTENt #################*/

.ui-content-body{
	line-height: 150%;
}
.ui-content-body h1,
.ui-content-body h2,
.ui-content-body h3,
.ui-content-body h4,
.ui-content-body h5,
.ui-content-body h6{
	margin:35px 0px 10px 0px;
}
.ui-content-body h1:first-child,
.ui-content-body h2:first-child,
.ui-content-body h3:first-child,
.ui-content-body h4:first-child,
.ui-content-body h5:first-child,
.ui-content-body h6:first-child{
	margin-top:0px;
}
.ui-content-body h1{
	font-size:32px;
}
.ui-content-body h2{
	font-size:30px;
}
.ui-content-body h3{
	font-size:28px;
}
.ui-content-body h4{
	font-size:26px;
}
.ui-content-body h5{
	font-size:24px;
}
.ui-content-body h6{
	font-size:22px;
}
.ui-content-body p{
	margin:0px 0px 15px 0px;
}
.ui-content-body blockquote{
	margin:30px 40px;
	padding-left:20px;
	border-left:4px solid #E2E2E2;
	color:#AAAAAA;
	font-style:italic;
}
.ui-content-body cite{
	font-style:italyc;
}
.ui-content-body img{
	-moz-border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	khtml-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	overflow:hidden;
}
.ui-content-body img.alignleft{
	margin:0px 20px 20px 0px;
}
.ui-content-body img.alignright{
	margin:0px 0px 20px 20px;
}
.ui-content-body img.aligncenter{
	margin:0px auto 20px;
}
.ui-content-body img.emoji,
.ui-content-body img.wp-smiley{
	-moz-border-radius:none;
	-webkit-border-radius:none;
	khtml-border-radius:none;
	border-radius:none;
	overflow:auto;
	
	width: 17px !important;
    height: 17px !important;
}
.ui-content-body ul{
	margin:20px 0px 20px 40px;
	padding:0px;
}
.ui-content-body ul li > ul{
	margin:5px 0px 5px 40px;
	padding:0px;
}
.ui-content-body ol{
	margin:20px 0px 20px 40px;
	padding:0px;
}
.ui-content-body ol li > ol{
	margin:5px 0px 5px 40px;
	padding:0px;
}
.ui-content-body ul li, 
.ui-content-body ol li{
	margin-bottom:5px;
}
.ui-content-body dl{
}
.ui-content-body dl dt{
	font-weight:bold;
}
.ui-content-body dl dd{
	margin-left:20px;
	margin-bottom:10px;
}
.ui-content-body address{
	color:#666;
	margin:10px 0px;
}
.ui-content-body code{
	background:#f4f4f4;
	padding: 3px 6px;
}
.ui-content-body pre{
	overflow-x:auto;
	overflow-y:auto;
	background:#f4f4f4;
	border:1px solid #e4e4e4;
	padding:15px;
}
.ui-content-body hr{
	background:#f0f0f0;
	border:none;
    height: 2px;
}
.ui-content-body del{
	color:#666;
}
.ui-content-body table{
	width:100%;
	color:#666;
	font-size: 13px;
	margin:15px 0px;
	border-collapse: collapse;
    border-spacing: 0;
}
.ui-content-body table thead, 
.ui-content-body table tfoot{
	background:#000000;
	font-size: 12px;
	text-transform:uppercase;
	color:#fff;
	text-align:left;
}
.ui-content-body table thead tr, 
.ui-content-body table tfoot tr{
	border:0px;
}
.ui-content-body table thead tr th, 
.ui-content-body table tfoot tr th{
	padding:5px 10px;
}
.ui-content-body table tbody{
}
.ui-content-body table tbody tr{
}
.ui-content-body table tbody tr:nth-child(2n){
	background:#f7f7f7;
}
.ui-content-body table tbody tr td{
	padding:5px 10px;
}


/*################# TABLETS #################*/

@media all and (max-width: 1024px){
	
}

@media all and (max-width: 768px){	
	.ui-content-body blockquote{
		margin:10px 20px;
	}
	.ui-content-body table thead tr th, 
	.ui-content-body table tfoot tr th{
		padding:14px;
	}
}

/*################# MOVILES #################*/

@media all and (max-width: 600px){
	.ui-content-body img{
		width:100%;
		height:auto;
	}	
}

@media all and (max-width: 480px){
	
}