/*
	Theme Name: L2P Chile
	Description: #CustomTheme L2P Chile por Alejandro Rubio (alejandro.david.rubio@gmail.com)
	Author: Alejandro Rubio
	Author URI: 
	Version: 2023
	Text Domain: L2PChile
*/

*{font-family: 'Montserrat', sans-serif; }

/*Globals*/
#wpadminbar{display: none;}
.row{margin-left: 0; margin-right: 0}
a:hover{text-decoration: none;}
body{font-family: 'pand-r', sans-serif; font-weight: 400;}
p{margin-bottom: 0;}

/*Cambios de Container del Bootstrap 4 al 3*/
@media only screen and (min-width: 576px) {.container{max-width: 100%;}}
@media only screen and (min-width: 768px) {.container{max-width: 100% !important;}}
@media only screen and (min-width: 850px) {.container{max-width: 750px !important;}}
@media only screen and (min-width: 992px) {.container{max-width: 970px !important;}}
@media only screen and (min-width: 1200px) {.container{max-width: 1170px !important;}}

/*Tools*/
.c-absolute{position: absolute; left: 50%;}
.c-relative{position: relative;left: -50%; }
.pos-rel{position: relative;}
.cpointer{cursor: pointer;}
.o-hidden{overflow: hidden;}
.show-768{display: none;}
.show-768-b{display: none;}
.show-575-b{display:none;}
.show-992{display: none;}
.center-block{margin: 0 auto; display: block;}
.inline-b{display: inline-block;}
.upper{text-transform: uppercase;}
.hovers{transition: 0.4s ease; -moz-transition: 0.4s ease;}
.img-big{transform: scale(1); transition: 0.4s ease;}
.img-big:hover{transform: scale(1.05); transition: 0.4s ease;}
.expand-letters{letter-spacing: 0px; transition: 0.4s ease;}
.expand-letters:hover{letter-spacing: 1px;  transition: 0.4s ease;}
.altox{min-height: 600px;}
.wysi-b strong{color: #ACA567; font-family: 'avenir-b'; }
.wysi-content p{margin-bottom: 0;}
.rotate{transform: rotate(180deg);transition: 0.4s ease; -moz-transition: 0.4s ease;}
header{position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; box-shadow: 0px 0px 15px #333;}

/*Colors*/
.white{color: #ffffff;}
.l-white{color: #ffffff;}
.l-white:hover{color: #32A430;}
.black{color: #000000;}
.gray{color: #848383;}
.lightgray{color: #7C7C7C;}
.d-gray{color: #454545;}
.blue{color: #007dcc;}
.purple{color: #525FE1;}
.orange{color: #FF8C32;}

/*Fonts*/
.monts-l{font-family: 'Montserrat', sans-serif; font-weight: 300;}
.monts-r{font-family: 'Montserrat', sans-serif; font-weight: 400;}
.monts-sb{font-family: 'Montserrat', sans-serif; font-weight: 500;}
.monts-b{font-family: 'Montserrat', sans-serif; font-weight: 700;}
.ls1{letter-spacing: 1px;}
.ls2{letter-spacing: 2px;}
.ls3{letter-spacing: 3px;}
.fs-plans{font-size: 0.8rem;}

/*Paddings and margins*/
.pads0{padding-left: 0; padding-right: 0;}
.pads5{padding-left: 5px; padding-right: 5px;}
.pl0{padding-left: 0;}
.p5{padding: 5px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.p30p{padding-left: 30%;}
.pr0{padding-right: 0;}
.topbot10{padding-top: 10px; padding-bottom: 10px;}
.topbot15{padding-top: 15px; padding-bottom: 15px;}
.topbot20{padding-top: 20px; padding-bottom: 20px;}
.topbot30{padding-top: 30px; padding-bottom: 30px;}
.topbot40{padding-top: 40px; padding-bottom: 40px;}
.topbot60{padding-top: 60px; padding-bottom: 60px;}
.pads15{padding-left: 15px; padding-right: 15px;}
.pads30{padding-left: 30px; padding-right: 30px;}
.top5{padding-top: 5px;}
.top25{padding-top: 25px;}
.top40{padding-top: 40px;}
.top60{padding-top: 60px;}
.bot10{padding-bottom: 10px;}
.bot20{padding-bottom: 20px;}
.bot60{padding-bottom: 60px;}
.mtb0{margin-top: 0; margin-bottom: 0;}
.mtb20{margin-top: 20px; margin-bottom: 20px;}
.mtb40{margin-top: 40px; margin-bottom: 40px;}
.mtb60{margin-top: 60px; margin-bottom: 60px;}
.mt0{margin-top: 0;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}
.mt80{margin-top: 80px;}
.mb0{margin-bottom: 0;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb60{margin-bottom: 60px;}
.p60-exitoso{padding: 60px;}

/*Fondos*/
.darker-bg{
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}

.bg-inicio{
	background: url('https://l2p.cl/wp-content/uploads/2023/08/scott-graham-5fNmWej4tAA-unsplash-2.png');
	background-size: cover;
	background-position: center;
}

.bg-item-1{
	background: url('https://l2p.cl/wp-content/uploads/2023/08/Rectangle-31.png');
	background-size: cover;
	background-position: center;
}

.bg-item-2{
	background: url('https://l2p.cl/wp-content/uploads/2023/08/Rectangle-47.png');
	background-size: cover;
	background-position: center;
}

/*Positions*/
.pos-menu{
	position: fixed;
	z-index: 9999999999;
	top: 0;
	width: 100%;
	background-color: #ffffff;
}

.pos-linkedin{
	position: absolute;
	top: 15px;
	right: 15px;
}

.pos-team-info{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	text-align: left;
	background-color: rgba(0,0,0,0.7);
}

/*Posicionadores de Titulos*/

/*Borders*/

/*Buttons*/
.button-o{
	display: inline-block;
    padding: 10px 40px;
    background-color: #FF8C32;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    font-size: 0.9rem;
    cursor: pointer;
}


/*Images*/
.img-logo{max-width: 100px;}

/*Generals*/
.box-doit{min-height: 255px;}
.mt-doit{margin-top: 30%;}

/* Owl Carousel */
.owl-carousel .item{
	background-color: #fff;
	min-height: 175px;
	box-shadow: 0px 0px 10px #ccc;
}
.owl-nav > div {
	padding: 1px 9px;
	background-color: #333;
	border-radius: 100px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	color: #FF8C32;
	transition:0.4s ease;
} 
.owl-nav i {font-size: 52px;} 
.owl-nav .owl-prev {left: -50px; transition:0.4s ease;} 
.owl-nav .owl-next {right: -50px; transition:0.4s ease;}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover{background-color: #bbb;}
.carousel-wrap:hover .owl-nav > div{opacity:1; transition:0.4s ease;}

.owl-dots{
	text-align: center;
	padding: 10px;
	width: 100%;
	display: none;
}

.owl-dots .owl-dot{
	width: 5px;
	height: 5px;
	background-color: #ccc;
	border-radius: 100px;
	display: inline-block;
	margin: 0px 5px;
}

.owl-dots .active{background-color: #FF8C32;}

/* Bootstrap Carousel */
.item-review-box{
	background: #2C2C2C;
	color: #fff;
	padding: 10px 30px;
}

.review-nav-button-box{
	position: absolute;
	bottom: 20px;
	right: 30px;
}
.review-nav-button{
	display: inline-block;
	margin: 0px 5px;
	cursor: pointer;
}

.review-nav-button i{color: #aaa;}
.review-nav-button i:hover{color: #FF8C32;}


/*Shadows*/

/*Sidebar*

/*Formulario de Contacto*/

/* .box-form{
	padding: 20px 15px 0px 15px;
    max-width: 80%;
    margin: 0 auto;
    background: #f3f3f3;
    border-radius: 20px;
    box-shadow: 3px 4px 14px #676666;
	position: relative;
	z-index: 999;;
} */

.input-form{
	background: none;
	margin-bottom: 15px;
    border: 2px solid #fff;
    padding-left: 10px;
    width: 100%;
    height: 40px;
	color: #fff;
	font-size: 0.9rem;
	font-weight: 400;
}

.input-form::placeholder{font-weight: 600;}
.input-form:focus{outline: 2px solid #FF8C32; border: none;}

.input-submit{
	margin-top: 20px;
    width: 100%;
    height: 40px;
    background-color: #FF8C32;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: 500;
}

.wpcf7-response-output{color: #fff !important;}

/*NAVEGACION PRINCIPAL*/
.menu-box-desktop .menu-item{
	display: inline-block;
	padding: 5px 20px;
	cursor: pointer;
}
.menu-box-desktop .menu-item span, .menu-box-desktop .menu-item i{color: #fff;}
.menu-box-desktop .menu-active p{font-weight: 600;}
.menu-box-desktop .menu-active i{color: #ff8c32;}

.menu-box-mobile{
	display: none;
	color: #fff;
}

.menu-box-mobile .menu-item{
	padding: 20px 5px 20px 15px;
	cursor: pointer;
}
.menu-box-mobile .menu-item span, .menu-box-mobile .menu-item i{color: #fff;}
.menu-box-mobile .menu-active p{font-weight: 600;}
.menu-box-mobile .menu-active i{color: #ff8c32;}

.box-rrss{border-top: 1px solid #fff; padding: 20px 5px 0px 5px;}
.box-rrss i{color: #fff; margin: 0px 10px; font-size: 1.5rem;}

.open-menu-mobile{
	color: #fff;
	font-weight: 600;
	padding: 5px;
	cursor: pointer;
	font-size: 2rem;
}

/******************************     MEDIA QUERIES       **********************************/

@media only screen and (min-width: 768px) {
	.mt40-min-768{margin-top: 40px;}
}
@media only screen and (max-width: 1600px) {
}

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

@media only screen and (max-width: 1200px) {
	.menu-box-desktop .menu-item{
		background-color: #2a2c30;
		padding: 7px 25px;
		border-radius: 100px;
		margin: 0px 5px;
		font-size: 0.9rem;
	}
	.menu-box-desktop .menu-active{ background-color: #ff8c32;}
	.menu-box-desktop .menu-active span, .menu-box-desktop .menu-active i{color: #fff;}
}


@media only screen and (max-width: 992px) {
	.center-992{text-align: -webkit-center;}
	.mb20-992{margin-bottom: 20px;}	
	.hide-992{display: none;}
	.show-992{display: block;}
	.menu-box-desktop .menu-item span{display: none;}
	.img-logo{max-width: 100%;}
}

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

@media only screen and (max-width: 768px) {
	.center-768{text-align: -webkit-center !important;}
	.show-768{display: block;}
	.hide-768{display: none !important;}
	.mt20-768{margin-top: 20px !important;}
	.mt40-768{margin-top: 40px !important;}
	.mt60-768{margin-top: 60px !important;}
	.mb0-768{margin-bottom: 0px !important;}
	.mb20-768{margin-bottom: 20px !important;}
	.mb40-768{margin-bottom: 40px !important;}
	.pads0-768{padding-left: 0; padding-right: 0;}
	.pads5-768{padding-left: 5px; padding-right: 5px;}
	.left0-768{padding-left: 0;}
	.w100-768{width: 100% ;}
	.bg-trans{background-image: none;}
	.box-doit{min-height: 305px;}
	.mt-form{margin-top: 0px;}
	.box-form{max-width: 100%;}
	.menu-box-desktop .menu-item{padding: 5px 20px;}
	.owl-nav{text-align: center; margin-top: 30px;}
	.owl-carousel .item{min-height: 150px;}
	.owl-nav > div{
		position: static;
		display: inline-block;
		margin: 0px 10px;
	}
	.p60-exitoso{padding: 60px 20px;}
}

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

@media only screen and (max-width: 576px) {
	.h1-less{font-size: 1.6rem !important;}
	.h2-less{font-size: 1.4rem !important;}
	.h3-less{font-size: 1.3rem !important;}
	.h4-less{font-size: 1.2rem !important;}
	.h5-less{font-size: 1rem !important;}
	.h6-less{font-size: 0.8rem !important;}
}

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