section#client{
    background-color:#78b6e4
}
section#client .contentClient{
    display:flex;
    align-items:flex-end;
    flex-direction:column;
    justify-content:flex-end;
    height:100vh;
    padding-top:11.1%
}
section#client .contentClient .header{
    margin-bottom:60px
}
section#client .contentClient .header h1{
    color:#f3715a;
	line-height:62px;
    letter-spacing:-2px
}
section#client .contentClient .header p{
    color:#fff;
    line-height:36px;
    font-family:'Convergence',sans-serif;
    letter-spacing:-.3px;
    position:relative;
    animation-name:fadeRight;
    animation-duration:.7s;
    animation-delay:3.2s;
    right:-80px;
    animation-fill-mode:both
}
section#client .contentClient .bodyClient{
    position:relative;
    text-align:center;
    -webkit-transform:translate3d(0,150px,0);
    -moz-transform:translate3d(0,150px,0);
    -o-transform:translate3d(0,150px,0);
    -ms-transform:translate3d(0,150px,0);
    transform:translate3d(0,150px,0);
    opacity:0;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -o-transition:all .8s;
    transition:all .8s;
	/*-H1 adjust-*/
	margin-top:90px
}
section#client .contentClient .bodyClient .ipad{
    display:inline-block;
    position:relative;
    left:51%;
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    transform:translate(-50%,0)
}
section#client .contentClient .bodyClient .contentCarrousel .carrousel .clientLogo .img-hover,section#client .contentClient .bodyClient .contentCarrousel .carrousel .clientLogo:hover .img-normal,section#client .contentClient .bodyClient .ipad .img-mobile{
    display:none
}
section#client .contentClient .bodyClient .contentCarrousel{
    position:absolute;
    width:100%;
    z-index:3;
    top:150px
}
section#client .contentClient .bodyClient .contentCarrousel .carrousel .slick-arrow{
    position:absolute;
    top:50%;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    background-image:url(../images/arrowClient.png);
    height:40px;
    width:19px;
    background-repeat:no-repeat;
    background-size:contain;
    outline:0;
    text-indent:9999px;
    color:transparent;
    cursor:pointer
}
section#client .contentClient .bodyClient .contentCarrousel .carrousel .slick-slide{
    outline:0;
    padding:5px 30px;
    margin:0 auto
}
section#client .contentClient .bodyClient .contentCarrousel .carrousel .clientLogo{
    margin-bottom:20px;
    height:70px
}
section#client .contentClient .bodyClient .contentCarrousel .carrousel .clientLogo img{
    max-height:150%;
    max-width:150%;
    display:block;
    margin:40px auto;
    position:relative;
	left: -20%;
    top:50%;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
section#client .contentClient .bodyClient .contentCarrousel .carrousel .clientLogo:hover .img-hover{
    display:block
}
section#client .contentClient .bodyClient .contentCarrousel .carrousel .slick-prev{
    left:-40px;
    top:46%;
    transform:rotate(180deg)
}
section#client .contentClient .bodyClient .contentCarrousel .carrousel .slick-next{
    right:-40px
}
section#client .contentClient .bodyClient .contentCarrousel .carrousel .slick-arrow[aria-disabled=true]{
    background-image:none
}
section#client .fadeUp{
    opacity:1!important;
    transform:translate3d(0,0,0)!important
}
section#client .contentClient .header p{
    font-size:20px;
    font-size:1.25rem;
    margin:0
}
@media (max-width:1920px){
    section#client .contentClient{
        padding-top:11%
    }
    section#client .contentClient .header{
        margin-bottom:25px
    }
    section#client .contentClient .header h1{
        font-size:80px;
        font-size:5rem;
        line-height:50px
    }
    section#client .contentClient .header div p{
        font-size:26px;
        font-size:1.5rem;
        line-height:28px
    }
    section#client .contentClient .bodyClient{
        margin-bottom:-50px
    }
    section#client .contentClient .bodyClient .contentCarrousel{
        top:80px
    }
    section#client .contentClient .bodyClient .ipad img{
        max-width:100%
    }
}
}
@media (max-width:1600px){
    section#client .contentClient{
        padding-top:60px
    }
    section#client .contentClient .header{
        margin-bottom:25px
    }
    section#client .contentClient .header h1{
        font-size:76px;
        font-size:4.75rem;
        line-height:50px;
    }
    section#client .contentClient .header div p{
        font-size:18px;
        font-size:1.125rem;
        line-height:26px
    }
    section#client .contentClient .bodyClient{
        margin-bottom:-50px;
		margin-top:0px;
    }
    section#client .contentClient .bodyClient .contentCarrousel{
        top:80px
    }
    section#client .contentClient .bodyClient .ipad img{
        max-width:100%
    }
}
@media (max-width:1366px){
    section#client .contentClient{
        padding-top:100px
    }
    section#client .contentClient .bodyClient{
        margin-top:50px;
		margin-bottom:-150px
    }
    section#client .contentClient .header h1{
        font-size:56px;
        font-size:3.5rem;
        line-height:40px
	}
    section#client .contentClient .bodyClient .ipad img{
        max-width:100%
    }
    section#client .contentClient .bodyClient .contentCarrousel{
        top:80px
    }
    section#client .contentClient .bodyClient .contentCarrousel .carrousel .clientLogo{
        height:50px;
		margin-bottom:10px
    }
	section#client .contentClient .bodyClient .contentCarrousel .carrousel .clientLogo img{
    max-height:120%;
    max-width:120%;
    display:block;
    margin:60px auto;
    position:relative;
	left: -20%;
    top:0
	}
}
@media (max-width:1024px){
    section#client .contentClient{
        padding-top:0%
    }
    section#client .contentClient .bodyClient{
        /*-push client logos up-*/
		margin-bottom:0px;
		/*-push TitleH1 up-*/
		margin-top:80px
    }
    section#client .contentClient .header h1{
        font-size:56px;
        font-size:3.5rem;
        line-height:40px
	}
    section#client .contentClient .header div p{
        font-size:18px;
        font-size:1.125rem;
        line-height:26px
	}
    section#client .contentClient .bodyClient .ipad img{
        max-width:92%
    }
    section#client .contentClient .bodyClient .contentCarrousel{
        padding: 0 110px 
    }
    section#client .contentClient .bodyClient .contentCarrousel .carrousel .clientLogo{
        height:30px
    }
}
@media (max-width:1023px){
	section#client .contentClient{
		padding-top:0
	}
	section#client .contentClient .header{
        margin-bottom:80px
    }
    section#client .contentClient .header h1{
        font-size:44px;
        font-size:2.75rem;
        line-height:48px
    }
    section#client .contentClient .header div p{
        font-size:14px;
        font-size:.875rem;
        line-height:21px
    }
    section#client .contentClient .bodyClient{
        margin-bottom:0px;
		margin-top:-30px
    }
    section#client .contentClient .bodyClient .ipad img{
        max-width:100%;
		margin:0px auto 20px;
		padding-left:10px
    }
section#client .contentClient .bodyClient .contentCarrousel .carrousel .clientLogo{
    margin-bottom:20px;
    height:70px
    }
section#client .contentClient .bodyClient .contentCarrousel .carrousel .clientLogo img{
    max-height:100%;
    max-width:100%;
    display:block;
    margin:20px auto;
    position:relative;
	left: -10%;
    top:50%;
    }
    section#client .contentClient .bodyClient .contentCarrousel{
		top:0px;
        padding:0 10px
    }
	section#client .contentClient .bodyClient .contentCarrousel .carrousel .slick-slide{
    outline:0;
    padding:5px 10px;
    margin:0 auto
	}
}
@media (max-width:767px){
    section#client .contentClient .bodyClient .contentCarrousel .carrousel .slick-slide{
    outline:0;
    padding:15px 10px;
    margin:0 auto
	}
	section#client{
        overflow-x:hidden
    }
    section#client .contentClient{
        padding-top:17%;
        height:auto
    }
    section#client .contentClient .header{
        margin-bottom:40px;
        padding-right:30px;
        padding-left:30px
    }
    section#client .contentClient .header h1{
        margin-bottom:30px;
		font-size:32px;
        font-size:2rem;
        line-height:34px
    }
    section#client .contentClient .header p{
        animation-name:none;
        right:0;
        opacity:1
    }
    section#client .contentClient .bodyClient{
        margin-bottom:0;
        padding:0;
        -webkit-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:1;
		margin-top:15px
    }
    section#client .contentClient .bodyClient .ipad{
        width:100%;
        bottom:0px
    }
    section#client .contentClient .bodyClient .ipad .img-normal{
        display:none
    }
    section#client .contentClient .bodyClient .ipad .img-mobile{
        display:block;
    }
    section#client .contentClient .bodyClient .ipad img{
        width:100%;
    }
    section#client .contentClient .bodyClient .contentCarrousel{
        padding:0 0 0 170px;
        top:45%;
        -webkit-transform:translate(0,-50%);
        -moz-transform:translate(0,-50%);
        -o-transform:translate(0,-50%);
        -ms-transform:translate(0,-50%);
        transform:translate(0,-50%);
        overflow:hidden
    }
    section#client .contentClient .bodyClient .contentCarrousel .carrousel .slick-dots{
        display:flex;
        justify-content:center;
        align-items:center
    }
    section#client .contentClient .bodyClient .contentCarrousel .carrousel .slick-dots li{
        height:12px;
        width:12px;
        -webkit-border-radius:50%;
        -webkit-background-clip:padding-box;
        -moz-border-radius:50%;
        -moz-background-clip:padding;
        border-radius:50%;
        background-clip:padding-box;
        border:2px solid #ced4db;
        margin:0 3px;
        cursor:pointer
    }
    section#client .contentClient .bodyClient .contentCarrousel .carrousel .slick-dots li button{
        height:12px;
        width:12px;
        color:transparent;
        cursor:pointer
    }
    section#client .contentClient .bodyClient .contentCarrousel .carrousel .slick-dots .slick-active{
        border:0;
        background-color:#23405d
    }
}