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

/*************** ADD CUSTOM CSS HERE.   ***************/
.matri:before{
    background-image: url(https://www.jp-producciones.net/wp-content/uploads/2019/08/esquina-2.png);
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    z-index: 10;
    background-size: contain;
    top: -50px;
    left: 0px;
    width: 100px;
    height: 100px;
}
.matri:after{
    background-image: url(https://www.jp-producciones.net/wp-content/uploads/2019/08/esquina-1.png);
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    z-index: 10;
    background-size: contain;
    top: -50px;
    right: 0px;
    width: 100px;
    height: 100px;
}
.matri-02:before{
    background-image: url(https://www.jp-producciones.net/wp-content/uploads/2019/08/esquina-3.png);
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    z-index: 10;
    background-size: contain;
    top: -50px;
    left: 0px;
    width: 100px;
    height: 100px;
}
.matri-02:after{
    background-image: url(https://www.jp-producciones.net/wp-content/uploads/2019/08/esquina-4.png);
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    z-index: 10;
    background-size: contain;
    top: -50px;
    right: 0px;
    width: 100px;
    height: 100px;
}
.raya:before{
    position: absolute;
    z-index: 9;
    top: 5px;
    right: 15px;
    font-family: Flaticon;
    font-size: 15px;
    font-style: normal;
    color: #ad535d;
    content: "\f149";
}
.uppercase, h6, th, span.widget-title {
    line-height: 1.05;
    letter-spacing: .0em;
    text-transform: uppercase;
}
.banner h3 {
    font-size: 1.5em;
}
.banner h2 {
    font-size: 2.5em;
}
.button, button, input[type='submit'], input[type='reset'], input[type='button']{
	padding: 6px 1.2em;
}
.banner h2, .banner h3, .banner h1 {
    padding: 0;
    margin-top: .1em;
    margin-bottom: .1em;
    line-height: 1;
}
.nav > li > a {
    font-weight: 100!important;
}
.nav>li.active>a:before, .nav>li>a:before{
	background-color: #ffffff;
}
.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1180px;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    height: 1px;
}
.esqui{
	position: relative;
}
.esqui:after {
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    border-style: solid;
    border-width: 0;
    content: "";
    height: 45px;
    position: absolute;
    z-index: -1;
    width: 45px;
}
.esqui:before{

    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    border-style: solid;
    border-width: 0;
    content: "";
    height: 45px;
    position: absolute;
    z-index: -1;
    width: 45px;
}
.esqui:hover:before, .esqui:hover:after {
    height: 30%;
    width: 30%;
    border-color: #AD535D;
}
.esqui:before {
    border-color: #AD535D;
    border-left-width: 4px;
    border-top-width: 4px;
    left: -6px;
    top: -6px;
    display: inherit;
}
.esqui:after {
    border-bottom-width: 4px;
    border-color: #AD535D;
    border-right-width: 4px;
    bottom: -6px;
    right: -6px;
    display: inherit;
}

.esqui-blanca{
	position: relative;
}
.esqui-blanca:after {
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    border-style: solid;
    border-width: 0;
    content: "";
    height: 45px;
    position: absolute;
    width: 45px;
}
.esqui-blanca:before{
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    border-style: solid;
    border-width: 0;
    content: "";
    height: 45px;
    position: absolute;
    width: 45px;
}
.esqui-blanca:hover:before, .esqui-blanca:hover:after {
    height: 20%;
    width: 20%;
    border-color: #ffffff;
}
.esqui-blanca:before {
    border-color: #ffffff;
    border-left-width: 4px;
    border-top-width: 4px;
    left: -6px;
    top: -6px;
    display: inherit;
}
.esqui-blanca:after {
    border-bottom-width: 4px;
    border-color: #ffffff;
    border-right-width: 4px;
    bottom: -6px;
    right: -6px;
    display: inherit;
}






.esquinas:after {
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    border-style: solid;
    border-width: 0;
    content: "";
    height: 45px;
    position: absolute;
    width: 45px;
}
.esquinas:before{

    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    border-style: solid;
    border-width: 0;
    content: "";
    height: 45px;
    position: absolute;
    width: 45px;
}
.esquinas:hover:before, .esquinas:hover:after {
    height: 40%;
    width: 40%;
    border-color: #ffffff;
}
.esquinas:before {
    border-color: #ffffff;
    border-left-width: 4px;
    border-top-width: 4px;
    left: -6px;
    top: -6px;
}
.esquinas:after {
    border-bottom-width: 4px;
    border-color: #ffffff;
    border-right-width: 4px;
    bottom: -6px;
    right: -6px;
}
.esquinas .text{
    padding-top: 50px;
    padding-bottom: 50px;
}

.esquinas-02 .text:after {
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    border-style: solid;
    border-width: 0;
    content: "";
    height: 45px;
    position: absolute;
    width: 45px;
}
.esquinas-02 .text:before{
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    border-style: solid;
    border-width: 0;
    content: "";
    height: 45px;
    position: absolute;
    width: 45px;
}
.esquinas-02:hover .text:before, .esquinas-02:hover .text:after {
    height: 40%;
    width: 40%;
    border-color: #ffffff;
}
.esquinas-02 .text:before {
    border-color: #ffffff;
    border-right-width: 4px;
    border-top-width: 4px;
    right: -6px;
    top: -6px;
}
.esquinas-02 .text:after {
    border-bottom-width: 4px;
    border-color: #ffffff;
    border-left-width: 4px;
    bottom: -6px;
    left: -6px;
}
.section-title span {
    text-transform: initial;
        font-size: 1.7em;
    line-height: 1.2em;
}
.somos{
	padding-right: 100px;
	padding-left: 70px;
}
.somos-02{
    padding-right: 70px;
    height: 600px;
    width: 100%;
    position: relative;
}
.eventos-01{
    position: absolute;
    left: 40px;
    width: 350px;
    top: 60px;
    z-index: 9;
    transition: all .2s;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.eventos-01:hover{
    transition: all .2s;
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.eventos-02{
    position: absolute;
    right: 0;
    top: 0;
    width: 350px;
    z-index: 8;

}
h1, h2, h3, h4, h5, h6 {
    color: #000;

}
.is-divider{
	position: relative;
}
.is-divider:before{
    width: 160px;
    content: "";
    height: 1px;
    background-color: #AD535D;
    position: absolute;
    z-index: 9;
    top: 0px;
    left: 0px;
}
.section-title-normal span {
    margin-right: 0px;
    padding-bottom: 7.5px;
    border-bottom: 0px solid rgba(255, 255, 255, 0);
    margin-bottom: -2px;
}
.section-title b{
	display: none;
}
.dark .section-title-normal span, .dark .section-title-normal {
    border-color: rgba(255, 255, 255, 0);
}
.dark .is-divider:before {
    background-color: #ffffff;
}
.vive .dark .text-center{
    max-width: 160px;
    margin: auto;
}
.vive .text-center .is-divider {
    margin-left: 0;
    margin-right: 0;
}
.confia .text-center{
    max-width: 160px;
    margin: auto;
}
.confia .text-center .is-divider {
    margin-left: 0;
    margin-right: 0;
}
.contacto{
	padding-top: 80px;
	padding-left: 70px;
}
.contacto ul li{
	list-style: none;
	position: relative;
	margin-left: 2.3em;
}
.contacto ul li i {
    position: absolute;
    left: -32px;
    top: -8px;
    font-size: 25px;
}
.contacto ul{
    padding-top: 50px;
}
.row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0px;
    margin-right: 0px;
    width: auto;
}
.caldera-grid .form-control {
    border: 1px solid #ad535d!important;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075)!important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075)!important;

}
.formulario .row{
	padding-left: 50px!important;
    padding-right: 50px!important;
	background-color: #ffffff;
}
.formulario .row.first_row{
    padding-top: 50px!important;
}
.formulario .row.last_row {
    background-color: transparent;
    padding-top: 30px!important;
}
#CF5d44cd71aa812_1-row-4{
    padding-bottom: 50px!important;
}
.caldera_forms_form .row:nth-child(0n+3) {
    padding-bottom: 50px!important;
}

.caldera-grid .btn-default {
border-color: #ffffff!important;
    border-radius: 0px!important;
    padding: 20px 40px!important;
    font-weight: 900!important;
    margin: auto!important;
    display: block!important;
    background-color: white!important;
    color: #ad535d!important;
}
.footer {
    padding: 80px 0 0;
    font-size: 14px;
}
.footer p{
    margin-bottom: 0.2em;
}
.pull-left {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
}
.servicios{
	height: 600px;
}
.servicios .s1{
    position: absolute;
    z-index: 10;
    right: 0;
    width: 300px;
        transition: all .2s;
          -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -ms-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
} 

.s1:before{
    background-image: url(https://www.jp-producciones.net/wp-content/uploads/2019/08/marco.png);
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    z-index: 10;
    background-size: contain;
    top: 20px;
    left: 20px;
    width: 260px;
    height: 100%;
}
.s1 h3 {
    line-height: 25px;
    color: #ffffff;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 2px;
    font-weight: 100;
}
.s1 h3 strong{
	font-weight: 700;
}
.servicios .s1:hover{
	z-index:11;
	    transition: all .2s;
	      -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
.s2:before{
    background-image: url(https://www.jp-producciones.net/wp-content/uploads/2019/08/marco.png);
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    z-index: 10;
    background-size: contain;
    top: 20px;
    left: 20px;
    width: 260px;
    height: 100%;
}
.s2 h3 {
    line-height: 25px;
    color: #ffffff;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 2px;
    font-weight: 100;
}
.s2 h3 strong{
	font-weight: 700;
}
.servicios .s2{
    position: absolute;
    z-index: 8;
    right: 24%;
    top: 70px;
    width: 300px;
        transition: all .2s;
                  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -ms-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
} 
.servicios .s2:hover{
	z-index:10;
	    transition: all .2s;
	    	      -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
.servicios .s3{
    position: absolute;
    z-index: 7;
    left: 0px;
    top: 140px;
    width: 300px;
        transition: all .2s;
                          -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -ms-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
} 
.s3:before{
    background-image: url(https://www.jp-producciones.net/wp-content/uploads/2019/08/marco.png);
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    z-index: 10;
    background-size: contain;
    top: 20px;
    left: 20px;
    width: 260px;
    height: 100%;
}
.s3 h3 {
    line-height: 25px;
    color: #ffffff;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 2px;
    font-weight: 100;
}
.s3 h3 strong{
	font-weight: 700;
}
.servicios .s3:hover{
	z-index:10;
	    transition: all .2s;
	    	      -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
.row.row-small {
    max-width: 1180px;
}
.header-bg-color {
    background-color: rgba(43, 44, 48, 0.9);
}


.parallax {
  position: absolute;
  top: 0;
left: -100px;
width: 128%;
  height: 100vh;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.parallax__layer {
  display: none;
  display: block;
  position: absolute;
  background-size: cover;
  background-position: top center;
}
.parallax__layer--one {
  top: 0;
  left: 0;
  width: 0px;
}
.parallax__layer--two {
    top: 5%;
    right: 20%;
    width: 20px;
}
.parallax__layer--three {
    bottom: 55%;
    left: 5%;
    width: 40px;
}
.parallax__layer--four {
    bottom: 40%;
    left: 15%;
    width: 100px;
}
.parallax__layer--five {
    top: 5%;
    right: 2%;
    width: 130px;
}
.parallax__layer--six {
    bottom: 35%;
    right: 15%;
    width: 20px;
}
.parallax__layer--seven {
    top: 22%;
    right: 28%;
    width: 20px;
}
.parallax__layer--eight {
    top: 9%;
    left: 21%;
    width: 20px;
}
.parallax__layer--nine {
    bottom: 62%;
    right: 31%;
    width: 22px;
}
.somos .parallax {
    left: 0px;
    width: 100%;
}
.somos .parallax__layer--two {
    top: 0%;
    right: 38%;
    width: 20px;
}
.somos .parallax__layer--three {
    bottom: 55%;
    left: 2%;
    width: 40px;
}
.somos .parallax__layer--four {
    bottom: 40%;
    left: 29%;
    width: 65px;
}
.somos .parallax__layer--five {
    top: 5%;
    right: 2%;
    width: 90px;
}
.somos .parallax__layer--six {
bottom: 39%;
    right: 7%;
    width: 10px;
}
.somos .parallax__layer--seven {
    top: 19%;
    right: 52%;
    width: 13px;
}
.somos .parallax__layer--eight {
    top: 7%;
    left: 5%;
    width: 15px;
}
.somos .parallax__layer--nine {
    bottom: 22%;
    right: 21%;
    width: 22px;
}

.formulario .parallax {
    left: 0px;
    width: 100%;

}
.formulario .one {
    top: -7%;
    right: 2%;
    width: 90px;
    position: absolute;
    z-index: 1;
}
.formulario .two {
    top: 12%;
    left: -1%;
    width: 20px;
    position: absolute;
    z-index: 1;
}
.formulario .three {
    bottom: 55%;
    left: 2%;
    width: 40px;
        position: absolute;
    z-index: 1;
}
.formulario .four {
    bottom: 62%;
    right: -8%;
    width: 90px;
    position: absolute;
    z-index: 1;
}
.formulario .five {
    bottom: 14%;
    left: -5%;
    width: 90px;
    position: absolute;
    z-index: 1;
}
.formulario .six {
bottom: 26%;
    right: 2%;
    width: 35px;
    position: absolute;
    z-index: 1;
}
.formulario .seven {
    top: 19%;
    right: 52%;
    width: 13px;
        position: absolute;
    z-index: 1;
}
.formulario .eight {
    top: 7%;
    left: 5%;
    width: 15px;
        position: absolute;
    z-index: 1;
}
.formulario .nine {
bottom: 18%;
    right: 39%;
    width: 30px;
    position: absolute;
    z-index: 1;
}
.nosotros {
    padding-top: 100px!important;
    padding-bottom: 110px!important;
}
.nosotros .parallax {
    left: 0px;
    width: 100%;
    height: 500px;
}
.nosotros .parallax__layer--two {
    top: 4%;
    right: 44%;
    width: 51px;

}
.nosotros .parallax__layer--three {
    bottom: 40%;
    left: 34%;
    width: 30px;
}
.nosotros .parallax__layer--four {
    bottom: 40%;
    left: 76%;
    width: 80px
}
.nosotros .parallax__layer--five {
    top: 35%;
    right: 76%;
    width: 98px;
}
.nosotros .parallax__layer--six {
bottom: 39%;
    right: 7%;
    width: 10px;
}
.nosotros .parallax__layer--seven {
    top: 19%;
    right: 52%;
    width: 13px;
}
.nosotros .parallax__layer--eight {
    top: 19%;
    left: 77%;
    width: 35px;
}
.nosotros .parallax__layer--nine {
     bottom: 100%;
    right: 80%;
    width: 30px;
}
body {
    color: #000000;
}
.dark .box-bounce:hover .box-text {
    background-color: rgba(34, 34, 34, 0);
}
.valores h1{
    font-size: 50px;
    margin-bottom: 0;
}
.caract{
    background-color: #6D1417!important;
    margin-top: -140px;
    width: 220px;
    padding-top: 20px;
    height: 220px;
    margin-bottom: 40px;
}
.experiencia .nav>li {
    margin: 0px 50px;
}
.experiencia .nav>li.active>a:before,.experiencia .nav>li>a:before {
    background-color: #b20000;
}
.experiencia .nav>li>a:hover,.experiencia .nav>li.active>a,.experiencia .nav>li.current>a,.experiencia .nav>li>a.active,.experiencia .nav>li>a.current{
    color: #b20000;
    font-weight: 900!important;
}
.experiencia .tab-panels {
    padding-top: 4em;
}
.experiencia .banner-layers .text-box{
    opacity: 0;
}
.experiencia .banner-layers:hover .text-box{
    opacity: 1;
}
.experiencia .banner-layers .fill:before{
    opacity: 0;
    background-image: url(https://www.jp-producciones.net/wp-content/uploads/2019/08/marcos-img.png);
    position: absolute;
    background-repeat: no-repeat;
    content: "";
    z-index: 10;
    background-size: contain;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.experiencia .banner-layers:hover .fill:before{
    opacity: 1

}
.experiencia .banner h4 {
    font-size: 1.3em;
}
.blanco>.col-inner{
    position: absolute;
    background-color: #ffffff;
    z-index: 99;
    width: 655px;
    top: 70px;
    padding: 50px 80px;
    margin-bottom: 50px;
    box-shadow: 0px 5px 15px 0px #dadada;
}
.detalle{
    padding-top: 50px;
}
.detalle strong{
    color: #6D1417
}
.blanco{
    height: 600px;
}
.blanco .row-divided>.col+.col:not(.large-12) {
    border-left: 1px solid #6D1417;
}


.blanco-02>.col-inner{
    position: absolute;
    background-color: #ad535d;
    z-index: 99;
    width: 655px;
    top: 70px;
    padding: 50px 80px;
    margin-bottom: 50px;
    box-shadow: 0px 5px 15px 0px #dadada;
}
.blanco-02 .detalle{
    padding-top: 50px;
    color: #000000;
}
.blanco-02 .detalle strong{
    color: #ffffff
}
.blanco-02 h1{
    color: #ffffff
}
.blanco-02{
    height: 600px;
}
.blanco-02 .row-divided>.col+.col:not(.large-12) {
    border-left: 1px solid #ffffff;
}

.ocasion .previous{
    position: absolute;
    left: 49.8%;
    top: -15%;
}
.ocasion .next{
    position: absolute;
    left: 53%;
    top: -15%;
}
.ocasion .next .flickity-button-icon{
    border-left: 1px solid #6d1417;
}
.e1 .one {
    top: 78%;
    right: 13%;
    width: 90px;
    position: absolute;
    z-index: 1;
}
.e1 .two {
    top: 12%;
    left: -1%;
    width: 20px;
    position: absolute;
    z-index: 1;
}
.e1 .three {
    bottom: 55%;
    left: 2%;
    width: 40px;
        position: absolute;
    z-index: 1;
}
.e1 .four {
    bottom: 62%;
    right: -8%;
    width: 90px;
    position: absolute;
    z-index: 1;
}
.e1 .five {
    bottom: 3%;
    left: 1%;
    width: 70px;
    position: absolute;
    z-index: 1;
}
.e1 .six {
    top: 2%;
    right: 10%;
    width: 35px;
    position: absolute;
    z-index: 1;
}
.e1 .seven {
    top: 19%;
    right: 52%;
    width: 13px;
        position: absolute;
    z-index: 1;
}
.e1 .eight {
    top: 7%;
    left: 5%;
    width: 15px;
        position: absolute;
    z-index: 1;
}
.e1 .nine {
    top: 17%;
    right: 1%;
    width: 69px;
    position: absolute;
    z-index: 1;
}
.papeles{
    position: absolute;
}
.papeles .col-inner{
    position: absolute;
    height: 600px;
    width: 100%;
    z-index: 99;
} 
.e2 .one {
    top: 78%;
    right: 35%;
    width: 66px;
    position: absolute;
    z-index: 1;
}
.e2 .two {
    bottom: 9%;
    left: 37%;
    width: 20px;
    position: absolute;
    z-index: 1;
}
.e2 .three {
    bottom: 55%;
    left: 2%;
    width: 40px;
        position: absolute;
    z-index: 1;
}
.e2 .four {
    bottom: 62%;
    right: 38%;
    width: 90px;
    position: absolute;
    z-index: 1;
}
.e2 .five {
    bottom: 13%;
    left: -2%;
    width: 46px;
    position: absolute;
    z-index: 1;
}
.e2 .six {
    top: 53%;
    right: 2%;
    width: 35px;
    position: absolute;
    z-index: 1;
}
.e2 .seven {
top: 10%;
    right: 66%;
    width: 27px;
    position: absolute;
    z-index: 1;
}
.e2 .eight {
    top: 48%;
    left: 50%;
    width: 15px;
    position: absolute;
    z-index: 1;
}
.e2 .nine {
    top: 3%;
    left: 20%;
    width: 59px;
    position: absolute;
    z-index: 1;

}

@media only screen and (max-width: 1024px) {
	.header-wrapper:not(.stuck) .header-main .header-nav {
		margin-top: 20px!important;
	}
	.nav-size-xlarge>li>a {
		font-size: 1.0em;
	}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.parallax__layer--five {
		top: 0%;
		right: -3%;
		width: 60px;
	}
	.parallax__layer--two {
		top: 3%;
		right: 20%;
		width: 20px;
	}
	.parallax__layer--seven {
		top: 27%;
		right: 0%;
		width: 20px;
	}
	.servicios.col{
		height: 600px;
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size:100%;
		flex-basis: 100%;
	}
	.somos.col{
		padding-right: 0px;
		padding-left: 15px;
			   width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size:100%;
		flex-basis: 100%;
	}
	.col.vive,.col.confia {
		width: 100%;
		max-width: 100%;
		-ms-flex-preferred-size:100%;
		flex-basis: 100%;
	}
	.section-title.section-title-center{
		justify-content:center;
	}
	.contacto {
		padding-top: 0px;
		padding-left: 15px;
	}

	.ocasion .previous {
		position: absolute;
		left: 76.8%;
		top: -15%;
	}
	.ocasion .next {
		position: absolute;
		left: 82%;
		top: -15%;
	}
}
@media only screen and (max-width: 600px) {
	.servicios.col {
		height: auto;
	}
	.servicios .s3 {
		position: relative;
		left: 0px;
		top: 0px;
		width: 300px;
		margin: auto;

	}
	.servicios .s2 {
		position: relative;
		z-index: 8;
		right: 0;
		top: 0;
		margin: auto;
		width: 300px;
	}
	.servicios .s1 {
		position: relative;
		z-index: 10;
		right: 0;
		width: 300px;
		margin: auto;
	}
	.caldera-grid .col-lg-1, .caldera-grid .col-lg-10, .caldera-grid .col-lg-11, .caldera-grid .col-lg-12, .caldera-grid .col-lg-2, .caldera-grid .col-lg-3, .caldera-grid .col-lg-4, .caldera-grid .col-lg-5, .caldera-grid .col-lg-6, .caldera-grid .col-lg-7, .caldera-grid .col-lg-8, .caldera-grid .col-lg-9, .caldera-grid .col-md-1, .caldera-grid .col-md-10, .caldera-grid .col-md-11, .caldera-grid .col-md-12, .caldera-grid .col-md-2, .caldera-grid .col-md-3, .caldera-grid .col-md-4, .caldera-grid .col-md-5, .caldera-grid .col-md-6, .caldera-grid .col-md-7, .caldera-grid .col-md-8, .caldera-grid .col-md-9, .caldera-grid .col-sm-1, .caldera-grid .col-sm-10, .caldera-grid .col-sm-11, .caldera-grid .col-sm-12, .caldera-grid .col-sm-2, .caldera-grid .col-sm-3, .caldera-grid .col-sm-4, .caldera-grid .col-sm-5, .caldera-grid .col-sm-6, .caldera-grid .col-sm-7, .caldera-grid .col-sm-8, .caldera-grid .col-sm-9, .caldera-grid .col-xs-1, .caldera-grid .col-xs-10, .caldera-grid .col-xs-11, .caldera-grid .col-xs-12, .caldera-grid .col-xs-2, .caldera-grid .col-xs-3, .caldera-grid .col-xs-4, .caldera-grid .col-xs-5, .caldera-grid .col-xs-6, .caldera-grid .col-xs-7, .caldera-grid .col-xs-8, .caldera-grid .col-xs-9 {
				width: 100%;
		}
	.blanco>.col-inner {
		width: 95%;
		top: 0px;
		padding: 50px 30px;
		    position: relative;
	}
	.blanco,.blanco-02{
		height: auto;
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.ocasion .col.medium-8{
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.blanco-02>.col-inner {
		width: 95%;
		top: 0px;
		padding: 50px 30px;
		    position: relative;
	}
	.ocasion .previous {
		left: 76.8%;
		top: 5%;
		bottom: auto;
	}
	.ocasion .next {
		left: 84%;
		top: 5%;
		bottom: auto;
	}
	.text-box{
		width: 90%!important;
		bottom: 20%!important;
	}
	.e1 .five {
		width: 40px;
	}
	.e1 .one {
		width: 40px;
	}
	.e2 .four {
		width: 30px;
	}
	.e2 .nine {
		width: 20px;
	}
	.e2 .seven {
		right: 20%;
		width: 27px;
	}
	.experiencia .nav>li {
		margin: 0px 0px;
		width: 100%;
	}
	.caract {
		margin-top: 0px;
	}
	.nosotros .parallax__layer--five {
		top: 36%;
		right: 76%;
		width: 30px;
	}
	.nosotros .parallax__layer--three {
		bottom: 32%;
	}
}