/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 4.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#cn-accept-cookie,.cn-more-info{
	color:#000!important;
}
.full{
	height: 100vh;
}

h1 strong{
    font-family: Urbanist, sans-serif;
    font-weight: 600!important;
}
h2 strong{
    font-family: Urbanist, sans-serif;
    font-weight: 600!important;
}
h3 strong{
    font-family: Urbanist, sans-serif;
    font-weight: 600!important;
}
.h1, .h2, h1, h2, h3 {
    line-height: 1.0;
}
.h1, h1 {
    font-size: 2.7em;
}
.h3, h3 {
    font-size: 1.8em;
}
.h2, h2 {
    font-size: 2.0em;
}
.h4, h4 {
    font-size: 1.0em;
    font-weight: 600!important;
}
.experiencia .bg-fill {
    background-position: 50% 100%!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
}

.experiencia{
    padding-top: 80px!important;
    padding-bottom: 190px!important;
}
.experiencia .col-01:before{
	position: absolute;
	z-index: 0;
	content: "";
    width: 3px;
    height: 40px;
    left: 30px;
    bottom: -45px;
	background-color: #fff;
}
.footer-1 {
    background-size: cover;
}

.servicios{
    padding-top: 80px!important;
    padding-bottom: 20px!important;
}
.servicios .col-01:before{
	position: absolute;
	z-index: 0;
	content: "";
    width: 3px;
    height: 40px;
    left: 30px;
    top: -70px;
	background-color: #242323;
}
.descubre .col-01 .divider{
	position: relative;
}
.descubre .col-01 .divider:before{
	position: absolute;
	z-index: 0;
	content: "";
    width: 3px;
    height: 45px;
    left: 50%;
    top: -15px;
	background-color: #ECE7DF;
}


.dark .heading-font, .dark a.lead, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark label, .hover-dark:hover a, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover p {
    color: #ECE7DF;
}

.datos {
    background-color: #C9C5BE;
    padding: 10px;
    margin-bottom: 1rem;
}
.datos.icon-box-left{
    width: 320px;
}
.datos .icon-box-img img{
    height: 30px;
}
.datos.icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 0.5em;
}
.datos p {
    line-height: 1.4rem;
    margin-bottom: 0;
}
.forminator-field p{
	color:#4F4F4F;
}
.forminator-ui#forminator-module-79.forminator-design--material .forminator-button-submit {

    border: 1px solid #000!important;
    border-radius: 50px!important;
    text-transform: initial!important;
    font-weight: 600!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
}
.footer .col-inner ul li{
    margin-left: 0em;
}
.footer .col-05.col{
	padding-bottom: 5px;
}

.absolute-footer {
    padding: 0px 0 0px;
}
.footer {
    padding: 50px 0 0;
}
.bajar{
	position: absolute;
	bottom: 40px;
	left: 49%;

	    -webkit-animation: scroll ease 3s infinite;
    animation: scroll ease 3s infinite;
}
.full .relative {
    position: initial!important;
}
.contacto .col-01 br{
	display: none;
}
@keyframes scroll {
	0% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(40px);
	}
}

@media only screen and (max-width:849px) {
	.medium-logo-center .logo {
	    order: 1;
	}
	.medium-logo-center .flex-left {
	    order: 4;
	}
	.nav-left {
	    justify-content: flex-end;
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	body {
		overflow-x:hidden;
	}

}

@media only screen and (max-width:549px) {

	.h1, h1 {
	    font-size: 1.8em;
	}
	.h3, h3 {
	    font-size: 1.6em;
	}
	.h2, h2 {
	    font-size: 1.6em;
	}
	.bajar {
	    bottom: 80px;
	    width: 6%!important;
	}
	.bandera{
		display: none;
	}
	.experiencia .col-01{
	    text-align: center;
	}
	.experiencia .col-01:before {
	    left: 50%;
	    bottom: 0px;
	    height: 30px;
	    width: 3px;

	}
	.experiencia .col-01 .col-inner{
	    padding-left: 40px;
	    padding-right: 40px;
	}
	.experiencia .col-02 .img{
	    width: 80%!important;
	    margin: auto!important;
	}
	.experiencia {
	    padding-top: 50px!important;
	    padding-bottom: 60px!important;
	}
	.experiencia .section-bg.bg-loaded {
	    background-image: url(https://www.landbank.com.pe/wp-content/uploads/2023/08/Imagen_Experiencia.png)!important;
	}
	.servicios .col-01{
	    text-align: center;
	}
	.servicios .col-01:before {
		left: 50%;
	    bottom: auto;
	    height: 30px;
	    width: 3px;
	    top: -55px;

	}
	.servicios .col-01 .col-inner{
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.descubre .col-01 br{
		display: none;
	}
	.descubre .col-01 .col-inner{
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.descubre .col-01 .divider:before {
	    height: 30px;
	}
	.contacto .col-01 br{
		display: initial;
	}
	.contacto .col-01{
		order: 1;
	}
	.contacto .col-02{
		order: 3;
	}
	.contacto .col-03{
		order: 4;
		display: none;
	}
	.contacto .col-04{
		order: 2;
	}
	.contacto{
	    padding-top: 60px;
	    padding-bottom: 0px!important;
	}
	.datos.icon-box-left {
	    width: 290px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.forminator-ui#forminator-module-79.forminator-design--material .forminator-button-submit {
	    width: 180px!important;
	    margin: auto!important;
	    display: block!important;
	}
	.footer .col-01 .img{
    	width: 60%!important;
	    margin: auto;
	}
	.footer .col-02,.footer .col-03{
		text-align: center;
	}
	.footer .col-04 .img{
    	width: 10%!important;
	    margin: auto;
	}
	.footer .col-02 li {
	    margin-bottom: 0em;
	}

}