/******************************************************** SECTION SLIDER *****************************************************/

.sect_slider{

	width: 100%;

	height: calc(100vh - 150px);

}

/***/

.sect_slider .bg-img {

    background-size: cover;

    background-position: center;

    top: 0;

    left: 0;

    box-sizing: inherit;

}

/****/

.sl-slide-inner:before{

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: .4;

	z-index: 1;

}

/****/

.caption_slider {

    padding: 0 15px;

}

/**/

.demo-2 .sl-slider h2 {

    font-family:'Signika', sans-serif;

    font-size: 92px;

}

.demo-2 .sl-slider span{

	color: #96c800;

}



/****/

@media(max-width: 991px){

    .caption_slider {

        max-width: 740px;

    }

    .demo-2 .sl-slider h2 {

        font-size: 60px;

    }

}

@media(max-width: 767px){

    .demo-2 .sl-slider h2 {

        font-size: 40px;

    }

}

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

    .demo-2 .sl-slider-wrapper {

        height: 98%;

    }

}

/**************************************************** END SECTION SLIDER ****************************************************/



/**************************************************** SECTION CATEGORÍAS ****************************************************/

.sect_categorias{

	padding: 100px 0;

}

/****/

.message_welcome{

	position: relative;

	padding-left: 200px;

}

/**/

.message_welcome .logo_autor{

	position: absolute;

    top: -30px;

    left: 0;

    width: 170px;

    height: 170px;

    background: #f1f1f1;

    border-radius: 50%;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 7px solid #fff;

    box-shadow: -3px 9px 6px 0px rgb(132 132 132 / 42%);

}

/**/

.message_welcome p{

	font-weight: 100;

    font-size: 17px;

    text-align: justify;

}

.message_welcome p span{

	font-weight: 700;

}

/****/

.categorias{

	margin-top: 30px;

}

/**/

.box_categoria{

	border-radius: 10px;

	position: relative;

	overflow: hidden;

}

.box_categoria:before{

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: .3;

}

/**/

.box_categoria .caption{

	position: absolute;

	top: 50%;

	transform: translate(0,-50%);

	left: 0;

	right: 0;

	padding: 0 15px;

	z-index: 2;

	text-align: center;

}

/**/

.box_categoria .caption h4{

	color: #fff;

	font-weight: 700;

	margin: 15px 0;

}

.box_categoria .caption .hr_categorias{

	border-color: rgb(255 255 255);

    width: 50px;

    border-width: 3px;

}

.box_categoria .caption a{

	    display: block;

    width: 150px;

    padding: 10px 15px;

    margin: 0 auto;

    border: 2px solid #fff;

    border-radius: 30px;

    text-align: center;

    color: #fff;

    font-weight: 700;

    text-decoration: none;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms

}

.box_categoria:hover .caption a{

	background: #fff;

	color: #000;

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

.owl-theme .owl-nav [class*=owl-] {

    color: #FFF;

    font-size: 20px;

    margin: 5px;

    padding: 4px 12px;

    background: #3f9e21;

    display: inline-block;

    cursor: pointer;

    border-radius: 14px;

}

/****/

@media(max-width: 991px){

    .none_tablet{

        display: none;

    }

    .sect_categorias{

        padding: 50px 0;

    }

}

@media(max-width: 767px){

    .message_welcome .logo_autor{

        display: none;

    }

    .message_welcome{

        padding-left: 0;

    }

}

/************************************************** END SECTION CATEGORÍAS **************************************************/



/**************************************************** SECTION SERVICIOS *****************************************************/

.sect_servicios{

	padding: 100px 0;

	position: relative;

	overflow: hidden;

}

.sect_servicios:before{

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	background: #262b2b;

	width: 100%;

	height: 60%;

}

/*****/

.box_servicio_descrip h2{

	    color: #fff;

    font-weight: 700;

    font-size: 40px;

    margin-bottom: 30px;

    font-family: 'Signika', sans-serif;

    letter-spacing: 4px;

}

.box_servicio_descrip p{

	color: #fff;

	font-size: 18px;

	text-align: justify;

}

.box_servicio_descrip a{

	display: block;

	width: 150px;

	border-radius: 30px;

	padding: 10px 15px;

	color: #fff;

	font-weight: 600;

	text-align: center;

	border: 2px solid #fff;

	margin-top: 30px;

	text-decoration: none;

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

.box_servicio_descrip a:hover{

	background: #fff;

	color: #262b2b;

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

/*****/

.flex_servicios{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap;

}

/**/

.flex_servicios .flex_item{

	width: 34%;

	margin: 0 auto;

	margin-bottom: 30px;

}

/**/

.flex_servicios .flex_item img{

	width: 100%;

	max-width: 100px;

	margin: 0 auto;

	display: block;

}

.flex_servicios .flex_item h5{

	color: #fff;

	text-align: center;

	margin-top: 10px;

}

/*****/

.sect_servicios .carousel-item{

	border: 1px solid #ededed;

}

.sect_servicios .carousel{

	margin-top: 30px;

}

/**/

.sect_servicios .carousel-control-prev{

	width: 60px;

    height: 60px;

    background: #03262c;

    top: 50%;

    border-radius: 50%;

    -webkit-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    transform: translate(0,-50%);

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

    left: 20px;

}

.sect_servicios .carousel-control-next{

	width: 60px;

    height: 60px;

    background: #03262c;

    top: 50%;

    border-radius: 50%;

    -webkit-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    transform: translate(0,-50%);

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

    right: 20px;

}

/**/

.sect_servicios .carousel-indicators{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap;

	width: 100%;

    position: relative;

	justify-content: space-between;

	width: 100%;

    margin: 0;

    bottom: auto;

    margin-top: 10px;

}



.sect_servicios .carousel-indicators>li{

	width: 23%;

	height: auto;

	border: 1px solid #ededed;

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

.sect_servicios .carousel-indicators>li.active{

	border-color: #8ec038;

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

.sect_servicios .carousel-indicators>li>img{

	display: block;	

}

/**/

/*****/

@media(max-width: 991px){

    .flex_servicios{

        margin-top: 30px;

    }

    .sect_servicios:before {

        height: 80%;

    }

}

@media(max-width: 600px){

    .box_servicio_descrip h2 {

        font-size: 30px;

    }

}

@media(max-width: 500px){

    .flex_servicios .flex_item{

        width: 48%;

    }

}

/******************************************** END SECTION SERVICIOS **************************************/



/******************************************** SECTION NOSOTROS *******************************************/

.sect_nosotros{

	padding: 100px 0;

	padding-top: 0;

	position: relative;

    overflow: hidden;

}

/*****/

.img_nosotros{

	position: relative;

	z-index: 1;

}

.img_nosotros:before{

	content: "";

    position: absolute;

    bottom: -25px;

    left: -50px;

    background: #aac300;

    width: 80%;

    height: 82%;

    z-index: -1;

    border-radius: 5px;

}

/*****/

/*****/

.box_nosotros .box_head h5{

	color: #aac300;

    position: relative;

    padding-left: 70px;

    font-weight: 600;

    letter-spacing: 2px;

}

.box_nosotros .box_head h5:before{

	content: "";

    width: 50px;

    height: 4px;

    position: absolute;

    top: 50%;

    left: 0px;

    background: #3f9e21;

    transform: translate(0,-50%);

}

.box_nosotros .box_head h2{

	    color: #3f9e21;

    font-weight: 800;

    font-size: 50px;

    font-family: 'Signika', sans-serif;

}

.box_nosotros .box_head h2>span{

    color: #96c800;

}

/*****/

/*****/

.box_nosotros .box_body {

	margin: 30px 0;

}

.box_nosotros .box_body p{

	/*color: #aac300;*/

    font-weight: 200;

    font-size: 18px;

}

/*****/

/*****/

.box_nosotros .box_foot a {

    display: block;

    width: 100%;

   	max-width: 250px;

    padding: 15px 20px;

    color: #ffffff;

    background: #3f9e21;

    border-radius: 50px;

    text-decoration: none;

    font-size: 16px;

    font-weight: 700;

    text-align: center;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.box_nosotros .box_foot a:hover {

    color: #fff;

    background: #aac300;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/*****/

@media(max-width: 1199px){

    .box_nosotros .box_head h2 {

        font-size: 43px;

    }

}

@media(max-width: 991px){

    .img_nosotros {

        margin-top: 50px;

    }

}

@media(max-width: 767px){

    .box_nosotros .box_head h2 {

        font-size: 30px;

    }

}

/********************************************* END SECTION NOSOTROS *************************************************/



/*********************************************** SECTION BANNER *****************************************************/

.sect_banner{

	padding: 100px 0;

	position: relative;

	overflow: hidden;

	background-image: url(../../../../public/img/banner/banner1.jpg);

	background-position: center;

	background-size: cover;

	background-attachment: fixed;

}

.sect_banner:before{

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: .5;

}

/*****/

.message{

	text-align: center;

}

/**/

.message h2{

	color: #fff;

	font-family: 'Signika', sans-serif;

	font-size: 60px;

}

.message hr.hr_banner{

	width: 100px;

	border-color: #fff;

	border-width: 4px;

}

.message a{

	    display: block;

    padding: 15px;

    color: #fff;

    text-decoration: none;

    font-weight: 600;

    font-size: 18px;

    background:#3f9e21;

    width: 100%;

    max-width: 250px;

    margin: 0 auto;

    margin-top: 35px;

    border-radius: 60px;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms

}

.message a:hover{

	background: #aac300;

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

/*****/

@media(max-width: 991px){

    .message h2 {

        font-size: 40px;

    }

}

/********************************************* END SECTION BANNER ***************************************************/



/*********************************************** SECTION VENTAJAS ***************************************************/

.sect_ventajas{

	padding: 100px 0;

	padding-top: 0;

}

/*****/

.flex_ventajas{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-flow: row wrap;

	align-items: center;

	justify-content: space-between;

}

/**/

.flex_ventajas .flex_left{

	width: 33%;

}

.flex_ventajas .flex_left>ul{

	list-style: none;

	padding-left: 0;

	margin-bottom: 0;

}

.flex_ventajas .flex_left>ul>li{

	position: relative;

	padding-left: 60px;

	margin-bottom: 50px;

}

.flex_ventajas .flex_left>ul>li:last-child{

	margin-bottom: 0;

}

.flex_ventajas .flex_left>ul>li span{

	position: absolute;

    top: 0;

    left: 0;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: #aac300;

    color: #fff;

    font-weight: 800;

    text-align: center;

    font-size: 20px;

    line-height: 50px;

}

.flex_ventajas .flex_left>ul>li h5{

	font-weight: 700;

    color: #262b2b;

}

.flex_ventajas .flex_left>ul>li p{

	font-weight: 300;

    font-size: 18px;

    color: #858585;

}

/**/

.flex_ventajas .flex_center{

	width: 31%;

}

.flex_ventajas .flex_center .item{

	border-radius: 50%;

	overflow: hidden;

}

.flex_ventajas .flex_center .item img{

	border-radius: 50%;

}

/**/

.flex_ventajas .flex_right{

	width: 33%;

}

.flex_ventajas .flex_right>ul{

	list-style: none;

	padding-left: 0;

	margin-bottom: 0;

}

.flex_ventajas .flex_right>ul>li{

	position: relative;

	padding-right: 60px;

	margin-bottom: 50px;

    text-align: right;

}

.flex_ventajas .flex_right>ul>li:last-child{

	margin-bottom: 0;

}

.flex_ventajas .flex_right>ul>li span{

	position: absolute;

    top: 0;

    right: 0;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: #aac300;

    color: #fff;

    font-weight: 800;

    text-align: center;

    font-size: 20px;

    line-height: 50px;

}

.flex_ventajas .flex_right>ul>li h5{

	font-weight: 700;

    color: #262b2b;

}

.flex_right>ul>li p{

	font-weight: 300;

    font-size: 18px;

    color: #858585;

}

/*****/

@media(max-width: 991px){

	.sect_ventajas{

		padding-bottom: 50px;

	}

	.flex_ventajas .flex_left {

	    width: 100%;

	}

	.flex_ventajas .flex_center {

	    width: 100%;

	}

	.flex_ventajas .flex_right {

	    width: 100%;

	    margin-top: 25px;

	}

	.flex_ventajas .flex_right>ul>li {

	    text-align: left;

	    padding-left: 60px;

		padding-right: 0;

	}

	.flex_ventajas .flex_right>ul>li span {

	    right: auto;

	    left: 0;

	}

}



/******************************************** END SECTION VENTAJAS ************************************************/



/*********************************************** SECTION MARCAS ***************************************************/

.sect_marcas{

	background: #3f9e21;

	padding: 100px 0;

}

/*****/

@media(max-width: 991px){

	.sect_marcas{

		padding: 50px 0;

	}

}

/********************************************** END SECTION MARCAS ************************************************/