@charset "UTF-8";


@media all and (max-width:1200px){
    #wrap #main {padding-top:100px;}
    #wrap #header {height:100px;}
    #wrap #header .wrap .gap .content .logo-wrap > img {width:220px;padding:24.5px 0;}
    #wrap #header .wrap .gap .content ul.keep-wrap li.menu {margin:40.5px 45px 40.5px 0;}
    #wrap #header .wrap .gap .content ul.keep-wrap li.menu > p {font-size: 19px;}

    #wrap #main #section1 .wrap .gap .content .center-box {width:620px;}
    #wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > span:nth-child(1) {font-size: 42px;}
    #wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > span:nth-child(2) {font-size: 42px;}
    #wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > p {font-size: 19px;}
    #wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > a.more-box {font-size: 19px;}

    #wrap #main #section2 .wrap .gap .content .title-wrap > h3 {font-size: 17px;}
    #wrap #main #section2 .wrap .gap .content .title-wrap > h2 {font-size: 36px;}
    #wrap #main #section2 .wrap .gap .content .img-content p {font-size: 19px;}

    #wrap #main #section3 .wrap .gap .content .title-wrap > h3 {font-size: 17px;}
    #wrap #main #section3 .wrap .gap .content .title-wrap > h2 {font-size: 36px;}
    #wrap #main #section3 .wrap .gap .content .text-wrap > p {font-size: 19px;}
    
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content {height:230px;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content .ra-box {width:180px;height:180px;transform: translateY(25px);}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content .ra-box > img {width:75px;margin:52.5px 0;transition: all .3s;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap:nth-child(3) .box-gap .box-content .ra-box > img {width:85px;margin: 47.5px 0;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .text-content > p {font-size: 19px;line-height: 160%;}

    #wrap #main #section4 .wrap .gap .content .title-wrap > h3 {font-size: 17px;}
    #wrap #main #section4 .wrap .gap .content .title-wrap > h2 {font-size: 36px;}
}

@media all and (max-width:1024px){
    #wrap #main {padding-top:100px;}
    #wrap #header {height:100px;}
    #wrap #header .wrap .gap .content .logo-wrap > img {width:200px;padding:27px 0;}
    #wrap #header .wrap .gap .content ul.keep-wrap li.menu {margin:41px 25px 40.5px 0;}
    #wrap #header .wrap .gap .content ul.keep-wrap li.menu > p {font-size: 18px;}

    #wrap #main #section2 .wrap .gap .content .img-content p {font-size: 18px;}

    #wrap #main #section3 .wrap .gap .content .text-wrap > p {font-size: 18px;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content {height:168px;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content .ra-box {width:128px;height:128px;transform: translateY(25px);}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content .ra-box > img {width:70px;margin:29.5px 0;transition: all .3s;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap:nth-child(3) .box-gap .box-content .ra-box > img {width:80px;margin: 24.5px 0;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .text-content > p {font-size: 18px;}

    #wrap #main #section4 .wrap .gap .content .content1 .ra-wrap {width:180px;height:36px;}
    #wrap #main #section4 .wrap .gap .content .content1 .ra-wrap > p {font-size: 18px;line-height: 36px;}
    #wrap #main #section4 .wrap .gap .content .content2 .ra-wrap {width:180px;height:36px;}
    #wrap #main #section4 .wrap .gap .content .content2 .ra-wrap > p {font-size: 18px;line-height: 36px;}
    
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .logo-wrap > img {width:200px;margin-left:30px;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap > span.bar {height:43px;margin:42px 15px 0 15px;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .info > p {font-size: 14px;line-height: 160%;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap .address-wrap {font-size: 14px;line-height: 160%;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap .email-wrap {font-size: 14px;line-height: 160%;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap .email-wrap > h2 {margin:0 5px;font-size: 14px;}

    
}

@media all and (max-width:768px){
    
    #wrap #header .wrap .gap .content .logo-wrap {width:50%;float:left;}
    #wrap #header .wrap .gap .content .logo-wrap > img {width:160px;padding:31.5px 0;}
    #wrap #header .wrap .gap .content .hamberger {display: block;}
    #wrap #header .wrap .gap .content ul.keep-wrap {float:none;display: none;position: absolute;top:100px;background-color: #fff;}
    #wrap #header .wrap .gap .content ul.keep-wrap li.menu {display:block;margin:0;float:none;}
    
    #wrap #header .wrap .gap .content .hamberger {margin:40px 0 30px 0;}
    #wrap #header .wrap .gap .content .hamberger .bar {width:40px;border-bottom:3px solid #303030;}

    #wrap #main #section1 .wrap .gap .content .typing-text {left:15px;}
    #wrap #main #section1 .wrap .gap .content .typing-text p.typing {font-size: 100px;line-height: 150px;}
    #wrap #main #section1 .wrap .gap .content .center-box {width:450px;}
    #wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > span:nth-child(1) {font-size: 28px;}
    #wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > span:nth-child(2) {font-size: 28px;}
    #wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > p {font-size: 14px;line-height: 160%;}
    #wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > a.more-box {font-size: 14px;}

    #wrap #main #section2 .wrap .gap {padding:80px 0 0px 0;}
    #wrap #main #section2 .wrap .gap .content .title-wrap > h3 {font-size: 15px;}
    #wrap #main #section2 .wrap .gap .content .title-wrap > h2 {font-size: 32px;}
    #wrap #main #section2 .wrap .gap .content .img-content p {font-size: 14px;line-height: 160%;}

    #wrap #main #section3 .wrap .gap {padding:80px 0;}
    #wrap #main #section3 .wrap .gap .content .title-wrap > h3 {font-size: 15px;}
    #wrap #main #section3 .wrap .gap .content .title-wrap > h2 {font-size: 32px;}
    #wrap #main #section3 .wrap .gap .content .text-wrap > p {font-size: 14px;line-height: 160%;}

    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap:nth-child(1) .box-gap {margin-right:7.5px;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap:nth-child(2) .box-gap {margin-left:7.5px;margin-right:0px;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap:nth-child(3) .box-gap {margin-left:0px;margin-right:7.5px;margin-top:20px;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap:nth-child(4) .box-gap {margin-left:7.5px;margin-top:20px;}
    
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap {width:50%;float:left;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content {height:214px;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content .ra-box {width:174px;height:174px;transform: translateY(25px);}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content .ra-box > img {width:85px;margin:44.5px 0;transition: all .3s;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap:nth-child(3) .box-gap .box-content .ra-box > img {width:95px;margin: 39.5px 0;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .text-content {margin-top:15px;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .text-content > p {font-size: 14px;}

    #wrap #main #section4 .wrap .gap {padding:80px 0;}
    #wrap #main #section4 .wrap .gap .content .title-wrap > h3 {font-size: 15px;}
    #wrap #main #section4 .wrap .gap .content .title-wrap > h2 {font-size: 32px;}

    #wrap #main #section4 .wrap .gap .content .content1 .ra-wrap {width:160px;height:36px;}
    #wrap #main #section4 .wrap .gap .content .content1 .ra-wrap > p {font-size: 15px;line-height: 36px;}
    #wrap #main #section4 .wrap .gap .content .content2 .ra-wrap {width:160px;height:36px;}
    #wrap #main #section4 .wrap .gap .content .content2 .ra-wrap > p {font-size: 15px;line-height: 36px;}

    #wrap #footer .wrap .gap .content .clientes .clientes-wrap {padding:80px 0px;}
    #wrap #footer .wrap .gap .content .clientes .clientes-wrap .slide-content .btn-wrap .prev-btn {top:15px;left:-50px;}
    #wrap #footer .wrap .gap .content .clientes .clientes-wrap .slide-content .btn-wrap .next-btn {top:15px;right:-50px;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap {padding:60px 10px 30px 10px;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .logo-wrap {text-align: center;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .logo-wrap > img {width:200px;margin-left:0;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap > span.bar {display: none;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .info {width:100%;text-align: center;margin-left:0;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .info > p {font-size: 14px;line-height: 160%;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap {width:100%;text-align: center;margin-top:0px;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap .address-wrap {font-size: 14px;line-height: 160%;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap .email-wrap {font-size: 14px;line-height: 160%;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap .email-wrap > h2 {margin:0 5px;font-size: 14px;}
}

@media all and (max-width:480px){
    #wrap #header {height:80px;}
    #wrap #header .wrap .gap .content .logo-wrap > img {width:130px;padding:25px 0;}
    #wrap #header .wrap .gap .content ul.mobile-keep-wrap {top:80px;}
    #wrap #header .wrap .gap .content .hamberger {margin:30px 0 20px 0;}
    #wrap #header .wrap .gap .content .hamberger .bar {width:35px;border-bottom:2px solid #303030;}

    #wrap #main {padding-top:80px;}
    #wrap #main #section1 .wrap .gap .content .typing-text {left:0px;}
    #wrap #main #section1 .wrap .gap .content .typing-text p.typing {font-size: 80px;letter-spacing: -3px;}

    #wrap #main #section1 .wrap .gap .content .center-box {width:350px;}
    #wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > span:nth-child(1) {font-size: 24px;}
    #wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > span:nth-child(2) {font-size: 24px;}
    #wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > p {font-size: 12px;line-height: 160%;}
    #wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > a.more-box {font-size: 12px;}

    #wrap #main #section2 .wrap .gap {padding:60px 0 0px 0;}
    #wrap #main #section2 .wrap .gap .content .title-wrap > h3 {font-size: 14px;letter-spacing: 3px;}
    #wrap #main #section2 .wrap .gap .content .title-wrap > h2 {font-size: 28px;}
    #wrap #main #section2 .wrap .gap .content .img-content p {font-size: 13px;width:95%;margin:0 auto;word-break: keep-all;top:250px;}
    #wrap #main #section2 .wrap .gap .content .img-content .ra-box {width:200px;height:200px;}
    #wrap #main #section2 .wrap .gap .content .img-content .ra-box > img {width:80px;margin:72px 0;}
    #wrap #main #section2 .wrap .gap .content .img-content .op-ra {width:200px;height:200px;}

    #wrap #main #section3 .wrap .gap {padding:60px 0;}
    #wrap #main #section3 .wrap .gap .content .title-wrap > h3 {font-size: 14px;letter-spacing: 3px;}
    #wrap #main #section3 .wrap .gap .content .title-wrap > h2 {font-size: 28px;}
    #wrap #main #section3 .wrap .gap .content .text-wrap > p {font-size: 13px;}
    
    #wrap #main #section3 .wrap .gap .content ul.content-wrap {margin-top:30px;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content {height:163px;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content .ra-box {width:123px;height:123px;transform: translateY(25px);}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content .ra-box > img {width:75px;margin:24px 0;transition: all .3s;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap:nth-child(3) .box-gap .box-content .ra-box > img {width:85px;margin: 19px 0;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .text-content {margin-top:10px;}
    #wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .text-content > p {font-size: 13px;}

    #wrap #main #section4 .wrap .gap {padding:60px 0;}
    #wrap #main #section4 .wrap .gap .content .title-wrap > h3 {font-size: 14px;letter-spacing: 3px;}
    #wrap #main #section4 .wrap .gap .content .title-wrap > h2 {font-size: 28px;}
    #wrap #main #section4 .wrap .gap .content .content1 {margin-top:30px;}
    #wrap #main #section4 .wrap .gap .content .content1 .ra-wrap {    width: auto;bottom:10px;right:10px;}
    #wrap #main #section4 .wrap .gap .content .content1 .ra-wrap > p {font-size: 13px;}
    #wrap #main #section4 .wrap .gap .content .content2 {margin-top:30px;}
    #wrap #main #section4 .wrap .gap .content .content2 .ra-wrap {bottom:10px;right:10px;}
    #wrap #main #section4 .wrap .gap .content .content2 .ra-wrap > p {font-size: 13px;}
    
    #wrap #footer .wrap .gap .content .clientes .clientes-wrap {padding : 60px 0;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap {padding:40px 0 20px 0;}
    #wrap #footer .wrap .gap .content .clientes .clientes-wrap .title-wrap > span {font-size: 32px;}
    #wrap #footer .wrap .gap .content .clientes .clientes-wrap .bar-gap {margin-top:25px;}
    #wrap #footer .wrap .gap .content .clientes .clientes-wrap .bar-gap .bar {width:60px;height:3px;}
    #wrap #footer .wrap .gap .content .clientes .clientes-wrap .slide-content {margin-top:30px;}
    
    #wrap #footer .wrap .gap .content .clientes .clientes-wrap .slide-content .btn-wrap .prev-btn {top:5px;left:-30px;width:25px;height:25px;}
    #wrap #footer .wrap .gap .content .clientes .clientes-wrap .slide-content .btn-wrap .next-btn {top:5px;right:-30px;width:25px;height:25px;}

    #wrap #footer .wrap .gap .content .clientes .clientes-wrap ul.page-wrap {margin-top:30px;}
    #wrap #footer .wrap .gap .content .clientes .clientes-wrap ul.page-wrap li.page-btn {width:14px;height:14px;margin:0 5px;}
    
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .logo-wrap {text-align: center;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .logo-wrap > img {width:130px;margin:0;}

    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .info {display: block;text-align: center;float:none;margin-left:0;margin-top:20px;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .info > p {font-size: 12px;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap > span.bar {display: none;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap {float:none;text-align: center;margin:0;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap .address-wrap {font-size: 12px;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap .email-wrap {font-size: 12px;}
    #wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap .email-wrap > h2 {font-size: 12px;}
}
@media all and (max-width:360px){

    #wrap #main #section1 .wrap .gap .content .typing-text {left:10px;}
    #wrap #main #section1 .wrap .gap .content .typing-text p.typing {font-size: 60px;letter-spacing: 0px;}
    #wrap #main #section1 .wrap .gap .content .center-box {width:300px;}
    #wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > p {word-break: keep-all;}

    
    #wrap #main #section3 .wrap .gap .content .text-wrap > p {font-size: 13px;width:95%;margin:0 auto;word-break: keep-all;}
}