@media(max-width: 1440px){
	section#section05 {
	    background: url(../images/background-fifth-section.jpg) no-repeat center bottom,#323e48;
	    
	}
	section#section05 > .absolute-position{
		width: 500px;
	}
}
@media(max-width: 1140px){
	section#section02 .content {
    	
	}
	section#section02 .content .row.explains{
		width: 100%;
	}

	section#section07 .container:nth-child(2) > .content .row > .col > h2, 
	section#section07 .container:nth-child(3) > .content .row > .col > h2, 
	section#section07 .container:nth-child(4) > .content .row > .col > h2,
	section#section06 .container:nth-child(1) > .content .row > .col > h2, 
	section#section06 .container:nth-child(2) > .content .row > .col > h2, 
	section#section06 .container:nth-child(3) > .content .row > .col > h2{
		    margin-left: 30px;
	}
}

@media(max-width: 1280px){
	footer.footer > .content{
		margin-left: 0;
	}
}

@media(max-width: 1220px){

	 .content{
		

	}
	nav.navigation  ul.idioma{
	    margin-left: 20px;
    	padding-right: 20px;
    	width: auto;
	}
	#slider-como-funciona{
		display: block;
		width: 690px;
	}

	#slider-como-funciona .slick-initialized {

	}
	#slider-como-funciona .item{
		width: 690px;
	}
	#slider-como-funciona .item .image{
		
	}
	#slider-como-funciona .item .image img{
		
	}

	section#section04 .content .row .col:first-of-type{
		width: 46%;
	}
	section#section04 .content .row .col:last-of-type{
		width: 54%;
	}
	section#section04 .content .row .col:last-of-type .image img{
		width: 100%;
		height: auto;
	}
	section#section05 {
	    background:  url(../images/background-fifth-section.jpg) no-repeat center bottom,#323e48;
	}
	section#section05 > .absolute-position{
		display: none;
	}
	section#section05{
		min-height: 0;
		padding-bottom: 90px;
	}
	section#section05 .content .row{
		display: table;
		margin: auto;
	}

	section#section06 .container:nth-child(3) .content .row .col > .row{
		display: table;
		width: auto;

	}
	section#section06 .container:nth-child(3) .content .row .col .row >  .col:nth-child(1){
		margin: auto 20px auto auto;
	}

	
}


@media(max-width: 1115px){

	#navigation{
		background: #333e48;
		position: fixed;
		height: 100%;
		width: 280px;
		top: 0px;
	    right: -300px;
    	 -webkit-transition: 500ms ease-in-out height,500ms ease-in-out right;
		-moz-transition: 500ms ease-in-out height,500ms ease-in-out right;
		-ms-transition: 500ms ease-in-out height,500ms ease-in-out right;
		-o-transition: 500ms ease-in-out height,500ms ease-in-out right;
		transition: 500ms ease-in-out height,500ms ease-in-out right;
	    z-index: 80000;
	}

	header#header .header-top .content,
	header#header .header-top .content .row{
		display: block;
	}

	
	.menu-mobile{
		display: block;
		position: relative;
		right: 0;
		padding: 9px 10px;
		background-color: transparent;
		border: 1px solid transparent;
		border-radius: 4px;
		float: right;
		background: white;
	    margin: 16px 0 0px 20px;
	}
	.menu-mobile:hover,
 	.menu-mobile:focus {
		background-color: #ddd;
	}

	.menu-mobile .icon-bar {
		background-color: #ccc;
	}

	.menu-mobile .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
	}
	.menu-mobile .icon-bar+.icon-bar {
		margin-top: 4px;
	}

	.button-close-menu{
		display: block;
	    position: absolute;
	    transform: rotate(85deg);
	    left: -35px;
	    top: 32px;
	    width: 37px;
	}

	#navigation.active{
		right: 0;
	}

	#navigation .menu-principal,
	#navigation .idioma,
	#navigation .button,
	#navigation .logo{
		float: none;
	}


	#navigation .menu-principal li{
		display: block;
	}
	#navigation .menu-principal li a{
		display: block;
		padding: 10px;
	}


	nav.navigation  ul.idioma li > ul{
		display: block;
	}
	nav.navigation  ul.idioma:before{
		display: none;
	}
	nav.navigation  ul.button{
		margin: 20px auto;
		float: none;
	}
	
	footer.footer    .content  > .row > .col:nth-child(1){
		min-width: 0;
	}
	footer.footer   .content  >  .row  > .col:nth-child(1) > .image{
		margin-left: auto;
		margin-bottom: 20px;
	}


	footer.footer    .content  > .row > .col,
	footer.footer    .content  > .row > .col:nth-child(2){
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	footer.footer    .content  > .row > .col:nth-child(2) > .row:nth-child(1) > .col{
		width: calc(100% / 3);
	}

}

@media(max-width: 1020px){
	section#section03{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	section#section03 > .content .row .col {
    	width: calc(100% / 4);
    	text-align: center;
	}
}

@media(max-width: 970px){
	section#section06 .container:nth-child(3) .content .row .col > .row{
		display: table;
		width: 100%;

	}
	section#section06 .container:nth-child(3) .content .row .col .row >  .col{
		width: calc((100% / 2 ) - 20px);
	}
	section#section06 .container:nth-child(3) .content .row .col .row >  .col:nth-child(1){
		margin-left: 20px;

	}
	#slider-cliente{
		width: 100%;
	}

	section#section04{
		padding-bottom: 70px;
	}

}
@media(max-width: 945px){
	.content-slider .slide-section01.bottom > .image img{
		width: 100%;
	}

	.content-slider {
    	height: 0;
    	min-height:0; 
    	padding-bottom: 90%;
	}
	section#section01{
		min-height: 0;
	}
	.content-slider .slide-section01.bottom h1{
		font-size: 30px;
		line-height: 39px;
	}
	.content-slider .slide-section01.bottom{
	    bottom: 4px;
	}
	#slider-container-section-01{
		padding: calc(5% + 20px) calc(5% + 9px) calc(5% - 24px);
	}

	section#section02 .content .row.explains{
		width: 100%;
	}
	section#section02 .content .row.explains > .col{
		width: calc(100% / 3);
		padding: 15px;
	}

	.template-parts.introl-solve,
	.template-parts.introl-solve .moldura,
	.template-parts.introl-solve .moldura img{
		width: 100%;
		height: auto;
	}
	section#section02{
		min-height: 0;
	}


	section#section04 .content .row .col:first-of-type,
	section#section04 .content .row .col:last-of-type{
		float: none;
		margin: auto;
		display: table;
		width: auto;
	}
	section#section04 .content .row .col:last-of-type .image{
		margin-top: 30px;
		padding-bottom: 90px;
	}
	section#section04 .content .row .col:last-of-type .image img{
		max-width: 100%;
		height: auto;
	}
	section#section04 .content .row .col .text,
	section#section04 .content .row .col .text ul{
		padding-left: 0;
	}

	section#section06 .container:nth-child(2) > .content > .row > .col  > .row > .col{
		float: none;
		width: 100%;
		margin: 20px 0 0 0;
	}




}

@media(max-width: 925px){
	.que-es-solve{
		padding-top: 0;
	}
	.que-es-solve > .col:first-of-type,
	.que-es-solve > .col:last-of-type{
		width: 100%;
		float: left;
		margin-bottom: 20px;
	
	}
	.que-es-solve > .col:last-of-type p{
		padding-left: 0;
	}
	section#section08 > .container:nth-child(2) .row .col,
	#slider-cliente .col{
		/*width: calc(100% / 4);*/
	}

}
@media(max-width:800px){
	section#section06 .container:nth-child(3) .content .row .col > .row{
	    display: block;
		width: 100%;

	}

	section#section06 .container:nth-child(3) .content .row .col .row >  .col{
		width: 100%;
		float: none;
		padding: 10px;
		margin: 0;
		height: auto;
	    display: block;
	  
	}
	section#section06 .container:nth-child(3) .content .row .col .row >  .col:nth-child(1){
	  margin-bottom: 20px;
	  margin-left: 0;

	}
	section#section06 .container:nth-child(3) .content .row .col .row >  .col .table-cell{
	    display: block;
	    width: 100%;
	    padding: 20px;
	} 
	section#section06 .container:nth-child(3) .content .row .col .row >  .col .table-cell .table{
		min-width: 0;
		width: 100%;
		margin: auto;
	}

}

@media(max-width: 775px){
	section#section06 .container:nth-child(1) > .content .row > .col > .row{
		padding-left: 0;
	    padding-top: 70px;
	}
	section#section06 .container:nth-child(1) > .content .row > .col > .row > .col{
		float: none;
		width: 100%;
	}
	
	section#section06 .container:nth-child(1) > .content .row > .col > .row > .col .title .table-cell h3{
		max-width: none;
	}
	section#section06 .container:nth-child(2) > .content > .row > .col  > .row > .col:nth-child(2) >  .row > .col:nth-child(1),
	section#section06 .container:nth-child(2) > .content > .row > .col  > .row > .col >  .row > .col:nth-child(1){
		margin-right: auto;
		margin-left: auto;
		float: none;
	}
	section#section07 .container:nth-child(1) .image.absolute-position{
		display: none;
	}

	section#section02 .content .row.explains{
		display: none;
	}
	.template-parts{
		display: block;
		opacity: 1;
	}

	#slider-como-funciona-mobile{
		display: block;
	}
	#slider-como-funciona{
		width: 100%;
		padding-bottom: 70px;
		display: none;
	}

	#slider-como-funciona .item{
	    padding-bottom: 60px;
	}

	#slider-como-funciona .item  .row,
	#slider-como-funciona .item{
		width: 100%;
	}
	#slider-como-funciona .item .row .col:nth-child(1),
	#slider-como-funciona .item .row .col:nth-child(2){
		width: 100%;
		float: none;
	}
	#slider-como-funciona .item  .row .col .image{
		width: auto;
	}
	#slider-como-funciona .item  .row .col .image img{
		width: auto;
		max-width: 100%;

	}
	#slider-como-funciona-mobile .item, 
	#slider-como-funciona-mobile .item .image,
	#slider-como-funciona-mobile .item .image img{
		width: 100%;
		height: auto;
	}

	#slider-como-funciona .item:nth-child(1) .image img{
    	/*max-width: 71%;*/
	}

	section#section07 .container:nth-child(4)  .content .row > .col > .row > .col{
	    margin-bottom: 40px;
	    float: none;
	    width: 100%;
	}

	section#section07 .container:nth-child(4)  .content .row > .col > .row > .col > .image{
		position: static;

	}

	section#section07 .container:nth-child(4)  .content .row > .col > .row > .col:nth-child(1) > .image,
	section#section07 .container:nth-child(4)  .content .row > .col > .row > .col:nth-child(2) > .image,
	section#section07 .container:nth-child(4)  .content .row > .col > .row > .col:nth-child(3) > .image{
		margin: auto auto auto auto;
	}

	section#section07 .container:nth-child(4)  .content .row > .col > .row > .col:nth-child(1) > .image{
	    margin-right: calc(50% - 40px);
	}

	section#section07 .container:nth-child(4)  .content .row > .col > .row > .col:nth-child(2) > .image{
	    margin-right: calc(50% - 24px);
	}

	section#section07 .container:nth-child(4)  .content .row > .col > .row > .col:nth-child(3) > .image{
	    margin-right: calc(50% - 101px);
	}

	section#section07 .container:nth-child(4)  .content .row > .col > .row:last-of-type{
		padding-top: 30px;
	}

	section#section07 .container:nth-child(4)  .content .row > .col > .row:last-of-type p{
		padding-left: 0;
	}


	section#section09 .container .content .row form.form-contacto{
		margin-left: 0;
	}

	.btn-play-video {
	    left: calc(50% - (40px / 2));
	    top: calc(50% - (40px / 2));
	    width: 40px;
	}

	section#section05 .content .row .col .text p,
 	section#section05 .content .row .col .text{
 		padding-left: 0;
 	}

 	footer.footer  .content  > .row > .col:nth-child(2) > .row:nth-child(3) > .col:nth-child(1){
	    width: 100%;
	    text-align: center;
	    max-width: 220px;
 	}
 	footer.footer  .content  > .row > .col:nth-child(2) > .row:nth-child(3) > .col:nth-child(1) > .row.media-social{
 		text-align: center;
 	}
 	footer.footer  .content  > .row > .col:nth-child(2) > .row:nth-child(3) > .col:nth-child(1) > .row.media-social  .col{
	    width: calc((100% / 3) - 10px);
    	float: left;
    	margin: 0 5px 15px 5px;
 	}

 	

}

@media(max-width: 690px){
	section#section03 > .content .row .col {
    	width: calc(100% / 2);
	}

	section#section07 .container:nth-child(3) .content .row > .col > .row > .col{
		width: 100%;
		margin: 20px auto;;
		float: none;
	}

	footer.footer    .content  > .row > .col:nth-child(2) > .row:nth-child(1) > .col{
		width: auto;
		/*padding: 0;*/
		float: none;
		text-align: center;
	}
	footer.footer    .content  > .row > .col:nth-child(2) > .row:nth-child(1){
		width: auto;
		/*padding: 0;*/
		margin:  auto auto 40px auto;
		float: none;
		display: table;
	}
	footer.footer    .content  > .row > .col:nth-child(2) > .row:nth-child(1) > .col:nth-child(1),
	footer.footer    .content  > .row > .col:nth-child(2) > .row:nth-child(1) > .col:nth-child(2),
	footer.footer    .content  > .row > .col:nth-child(2) > .row:nth-child(1) > .col:nth-child(3){
		border-right: 0;
		border-left: 0;
		width: 100%;
		padding-left: 0;
		text-align: center;

	}

	
	footer.footer    .content  > .row > .col:nth-child(2) > .row:nth-child(2){
	    padding-top: 47px;
    	margin-top: 34px;
    	padding-left: 0;
	}
	footer.footer    .content  > .row > .col:nth-child(2) > .row:nth-child(2) h4{
		text-align: center;
	}
	footer.footer    .content  > .row > .col:nth-child(2) > .row:nth-child(2) > .row > .col{
		padding: 30px;
		width: auto;
		display: table;
		margin: auto;
		float: none;
		text-align: center;
	}

	footer.footer    .content  > .row > .col:nth-child(2) > .row:nth-child(2) > .row > .col:last-of-type{
		margin: auto;
	}
	section#section08 > .container:nth-child(2) .row .col,
	#slider-cliente .col{
		/*width: calc(100% / 2);*/
	}
	
	section#section09 .container .content .row form.form-contacto button{
		width: 100%;
		float: none;
	}
	
	footer.footer .content > .row > .col:nth-child(2) > .row:nth-child(2):before, footer.footer .content > .row > .col:nth-child(2) > .row:nth-child(2):after {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: white;
		top: 0;
		left: 0;
	}

	header#header .header-top .col a.image:last-of-type img {
		width: 91px;
		height: auto;
	}
	header#header .header-top .col .image:first-of-type img {
		width: 63px;
		height: auto;
	}

	header#header .header-top .col .image {
		margin-top: 14px;
	}

	header#header .header-top .col a.image:last-of-type{
		margin-top: 12px;
	}
}

@media(max-width: 570px){

	.content-slider .slide-section01.bottom h1 {
    	font-size: 25px;
    	line-height: 37px;
	}
	.content-slider{
		padding-bottom: 100%;
	}
	section#section02 .content .row.explains > .col > .box .image{
		max-width: 80%;
	}
	section#section02 .content .row.explains > .col > .box .image img{
		width: 100%;
	}
	section#section02 .content .row.explains > .col > .box h3{
		font-size: 13px;
	}
	section#section02 .content .row.explains > .col {
    	width: calc((100% / 3) - 3px);
    	padding: 6px;
	}
	section#section03 > .content .row .col {
    	width: calc((100% / 2));
    	margin-left: 0;
	}

/*	section#section03 > .content .row {
	    display: block;
	    max-width: 370px;
	    margin: auto;
	}*/



	section#section07 .container:nth-child(2) > .content .row > .col  > .table >  .body  .row.head  > .col h4{
		font-size: 16px;
	}

	section#section07 .container:nth-child(2) > .content .row > .col  > .table  > .body > .row .col span{
		font-size: 13px;
	}

	footer.footer    .content  > .row > .col:nth-child(2) > .row:nth-child(2) > .row > .col{
		float: none;
		margin: auto;
		display: table;
		padding: 20px 0;

	}

	footer.footer  .content  > .row > .col:nth-child(2) > .row:nth-child(3) > .col{
		float: none;
		margin: auto;
		width: auto;
	    margin-bottom: 33px;
	}
	footer.footer  .content  > .row > .col:nth-child(2) > .row:nth-child(3) > .col:nth-child(1) > .row  .col{
		width: 100%;
		padding: 5px;
		float: none;
	}
	footer.footer  .content  > .row > .col:nth-child(2) > .row:nth-child(3){
		padding-left: 0;
	}
	footer.footer    .content  > .row > .col:nth-child(2) > .row:nth-child(2){
		padding-left: 0;
	}
	.header-top .col span{
		font-size: 10px;
	}
	.menu-mobile{
	    margin: 16px 0 0px 20px;
	}
	.porque-sydesys{
	    padding-bottom: 70px;
        top: -615px;
	}
}
@media(max-width: 480px){
	.content-slider{
		padding-bottom: 110%;
	}

	.content-slider .slide-section01.bottom {
    	bottom: 7px;
	}

	#slider-container-section-01 {
    	padding: calc(5% + 12px) calc(5% + 6px) calc(5% - 12px);
	}

	.content-slider .slide-section01.bottom h1 {
    	font-size: 19px;
    	line-height: 21px;
	}

	section#section02 .content .row.explains > .col > .box .image{
		max-width: 60%;
	}
	section#section02 .content .row.explains > .col > .box h3{
		font-size: 11px;
	}
	section#section02 .content .row.explains > .col {
    	width: calc((100% / 3) - 3px);
    	padding: 6px;
	}
}