@charset "UTF-8";

#wrap {width:100%;position: relative;}
#wrap #header {width:100%;height:120px;position: fixed;z-index: 3;background-color: #fff;}
#wrap #header .wrap {width:auto;height:100%;max-width: 1200px;padding:0 10px;margin:0 auto;}
#wrap #header .wrap .gap {width:100%;height:100%;}
#wrap #header .wrap .gap .content {width:100%;position: relative;}
#wrap #header .wrap .gap .content .logo-wrap {width:40%;float:left;}
#wrap #header .wrap .gap .content .logo-wrap > img {width:242px;padding:32px 0;}
#wrap #header .wrap .gap .content .hamberger {display: none;float:right;width:40px;height:30px;position: relative;margin:35px 0;cursor: pointer;}
#wrap #header .wrap .gap .content .hamberger .bar {width:40px;position: absolute;border-bottom:5px solid #303030;transition: all .3s;}
#wrap #header .wrap .gap .content .hamberger .bar1 {top:0px;}
#wrap #header .wrap .gap .content .hamberger .bar1.addOn {animation: hamOn1 1s;transform: rotate(135deg);top:12px;}
#wrap #header .wrap .gap .content .hamberger .bar2 {top:12px;left:0;opacity: 1;}
#wrap #header .wrap .gap .content .hamberger .bar2.addOn {animation: hamOn2 1s;opacity: 0;left:0;}
#wrap #header .wrap .gap .content .hamberger .bar3 {top:24px;}
#wrap #header .wrap .gap .content .hamberger .bar3.addOn {animation: hamOn3 1s;transform: rotate(-135deg);top:12px}
@keyframes hamOn1 {
  0%   {top:0px;transform: rotate(0);}
  25%  {top:0px;transform: rotate(0deg);}
  75%  {top:12px;transform: rotate(135deg);}
  100% {top:12px;transform: rotate(135deg);}
}
@keyframes hamOn2 {
  0%   {left:0px;opacity: 1;}
  25%  {left: -30px;opacity: 1;}
  75%  {left: 30px;opacity: 0;}
  100% {left:0px; opacity: 0;}
}
@keyframes hamOn3 {
  0%   {top:24px;transform: rotate(0);}
  25%  {top:24px;transform: rotate(0deg);}
  75%  {top:12px;transform: rotate(-135deg);}
  100% {top:12px;transform: rotate(-135deg);}
}
#wrap #header .wrap .gap .content ul.mobile-keep-wrap {display: none;position: absolute;top:100px;right:0;}
#wrap #header .wrap .gap .content ul.mobile-keep-wrap li.menu {display: block;text-align: right;background-color: #eee;padding:10px 20px;}
#wrap #header .wrap .gap .content ul.mobile-keep-wrap li.menu:nth-child(1) {margin-right:0;}
#wrap #header .wrap .gap .content ul.mobile-keep-wrap li.menu > p {display: inline-block;font-size: 16px;font-weight: 400;color:#303030;letter-spacing: -1px;cursor: pointer;}
#wrap #header .wrap .gap .content ul.mobile-keep-wrap li.menu > p:hover {font-weight: 700;}
#wrap #header .wrap .gap .content ul.mobile-keep-wrap li.menu > p.addOn {font-weight: 700;}

#wrap #header .wrap .gap .content ul.keep-wrap {width:60%;float:right;}
#wrap #header .wrap .gap .content ul.keep-wrap li.menu {display: inline-block;margin:49.5px 55px 49.5px 0;float:right;}
#wrap #header .wrap .gap .content ul.keep-wrap li.menu:nth-child(1) {margin-right:0;}
#wrap #header .wrap .gap .content ul.keep-wrap li.menu > p {display: inline-block;font-size: 21px;font-weight: 400;color:#303030;letter-spacing: -1px;cursor: pointer;}
#wrap #header .wrap .gap .content ul.keep-wrap li.menu > p:hover {font-weight: 700;}
#wrap #header .wrap .gap .content ul.keep-wrap li.menu > p.addOn {font-weight: 700;}

#wrap #main {position: relative;z-index: 2;width:100%;padding-top:120px;}
#wrap #main #mobile-wrap {display: none;}
#wrap #main #section1 {width:100%;}
#wrap #main #section1 .wrap {width:100%;background: url(../img/section1_banner.jpg) no-repeat 50% 50%;background-size: cover;height:818px;}
#wrap #main #section1 .wrap .gap {width:100%;}
#wrap #main #section1 .wrap .gap .content {width:100%;position: relative;}
#wrap #main #section1 .wrap .gap .content p.text {display: none;}
#wrap #main #section1 .wrap .gap .content .typing-text {position: absolute;z-index:1;left:75px;padding:109px 0;}
#wrap #main #section1 .wrap .gap .content .typing-text p.typing {font-size: 150px;color:rgb(255, 255, 255);font-weight: 700;line-height: 100%;letter-spacing: -5px;display: inline-block;}
#wrap #main #section1 .wrap .gap .content .typing-text p.typing.addAni {animation: cursor 0.6s infinite;}
@keyframes cursor{ 
    0%{border-right: 5px solid #fff;padding-right:10px;}
    50%{border-right: 5px solid #000;padding-right:10px;}
    100%{border-right: 5px solid #fff;padding-right:10px;}
  }
#wrap #main #section1 .wrap .gap .content .center-box {position: relative;z-index:2;margin:0 auto;width:720px;padding-top:200px;}
#wrap #main #section1 .wrap .gap .content .center-box .box-gap {width:auto;padding:60px 0;background-color: rgba(255,255,255,.8);}
#wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content {width:100%;text-align: center;}
#wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > span:nth-child(1) {font-size: 51px;color:#303030;font-weight: 500;line-height: 100%;display: inline-block;}
#wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > span:nth-child(2) {font-size: 51px;color:#303030;font-weight: 700;line-height: 100%;display: inline-block;}
#wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > p {font-size: 21px;color:#303030;line-height: 140%;text-align: center;display: block;margin-top:30px;}
#wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > a.more-box {font-size: 21px;color:#fff;font-weight: 500;background-color: #f3dd23;padding:16.5px 50px;border-radius: 10px;display: inline-block;margin-top:46px;transition: all .3s;}
#wrap #main #section1 .wrap .gap .content .center-box .box-gap .box-content > a.more-box:hover {background-color: #fcf6bd;color:#303030;}

#wrap #main #section2 {width:100%;}
#wrap #main #section2 .wrap {width:100%;}
#wrap #main #section2 .wrap .gap {width:100%;padding:130px 0;}
#wrap #main #section2 .wrap .gap .content {width:100%;}
#wrap #main #section2 .wrap .gap .content .title-wrap {width:100%;}
#wrap #main #section2 .wrap .gap .content .title-wrap > h3 {text-align: center;font-size: 19px;color:#303030;line-height: 100%;letter-spacing: 5px;font-weight: 400;text-transform: uppercase;}
#wrap #main #section2 .wrap .gap .content .title-wrap > h2 {text-align: center;font-size: 47px;color:#303030;line-height: 100%;letter-spacing: -1px;font-weight: 400;margin-top:15px;}
#wrap #main #section2 .wrap .gap .content .img-content {width:100%;position: relative;margin-top:50px;}
#wrap #main #section2 .wrap .gap .content .img-content .ra-box {width:245px;height:245px;background: linear-gradient(150deg, rgba(252,246,189,.55) 40%, rgba(243,221,35,.75));border-radius: 50%;margin:0 auto;text-align: center;}
#wrap #main #section2 .wrap .gap .content .img-content .ra-box:hover {background: linear-gradient(150deg, rgba(252,246,189,.55) 30%, rgba(243,221,35,.9));}
#wrap #main #section2 .wrap .gap .content .img-content .ra-box > img {width:139px;margin:74px 0;}
#wrap #main #section2 .wrap .gap .content .img-content .op-ra {width:245px;height:245px;background: linear-gradient(0deg, rgba(252,246,189,.05) 20%, rgba(243,221,35,.25));border-radius: 50%;margin:0 auto;}
#wrap #main #section2 .wrap .gap .content .img-content p {position: absolute;top:300px;left:50%;transform: translateX(-50%);font-size: 21px;font-weight: 400;color:#303030;line-height: 31px;letter-spacing: -1px;text-align: center;width:100%;}

#wrap #main #section3 {width:100%;background-color: #f9f4f0;}
#wrap #main #section3 .wrap {width:auto;max-width:1200px;padding:0 10px;margin:0 auto;}
#wrap #main #section3 .wrap .gap {width:100%;padding:130px 0;}
#wrap #main #section3 .wrap .gap .content {width:100%;}
#wrap #main #section3 .wrap .gap .content .title-wrap {width:100%;text-align: center;}
#wrap #main #section3 .wrap .gap .content .title-wrap > h3 {font-size: 19px;font-weight: 400;line-height: 100%;color:#303030;letter-spacing:5px;text-transform: uppercase;}
#wrap #main #section3 .wrap .gap .content .title-wrap > h2 {font-size: 47px;font-weight: 400;line-height: 100%;color:#303030;letter-spacing: -1px;margin-top:20px;}
#wrap #main #section3 .wrap .gap .content .text-wrap {width:100%;text-align: center;margin-top:30px;}
#wrap #main #section3 .wrap .gap .content .text-wrap > p {font-size: 21px;font-weight: 400;line-height: 31px;color:#303030;letter-spacing: -1px;}
#wrap #main #section3 .wrap .gap .content ul.content-wrap {width:100%;margin-top:60px;}
#wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap {width:25%;float:left;}
#wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap {width:auto;}
#wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap:nth-child(1) .box-gap {margin-right:15px;}
#wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap:nth-child(2) .box-gap {margin-left:5px;margin-right:10px;}
#wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap:nth-child(3) .box-gap {margin-left:10px;margin-right:5px;}
#wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap:nth-child(4) .box-gap {margin-left:15px;}
#wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content {width:100%;height:260px;background-color: #fcf6bd;}
#wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content .ra-box {width:210px;height:210px;margin:0 auto;background-color: #fff;border-radius: 50%;text-align: center;transform: translateY(25px);transition: all .3s;}
#wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content .ra-box:hover {box-shadow: 0px 0px 30px #f3dd23;}
#wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .box-content .ra-box > img {width:85px;margin:62.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: 57.5px 0;}
#wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .text-content {width:100%;margin-top:30px;text-align: center;}
#wrap #main #section3 .wrap .gap .content ul.content-wrap li.box-wrap .box-gap .text-content > p {font-size: 21px;color:#303030;line-height: 30px;letter-spacing: -1px;}

#wrap #main #section4 {width:100%;background-color: #fffcf2;}
#wrap #main #section4 .wrap {width:auto;max-width:1200px;padding:0 10px;margin:0 auto;}
#wrap #main #section4 .wrap .gap {width:100%;padding:20px 0;}
#wrap #main #section4 .wrap .gap .content {width:100%;}
#wrap #main #section4 .wrap .gap .content .title-wrap {width:100%;text-align: center;}
#wrap #main #section4 .wrap .gap .content .title-wrap > h3 {font-size: 19px;font-weight: 400;color:#303030;line-height: 100%;text-transform: uppercase;letter-spacing: 5px;}
#wrap #main #section4 .wrap .gap .content .title-wrap > h2 {font-size: 47px;font-weight: 500;color:#303030;line-height: 100%;margin-top:15px;letter-spacing: -1px;}
#wrap #main #section4 .wrap .gap .content .content1 {position: relative;margin-top:80px;width:100%;height:100px;background-size: cover;box-shadow: 0px 0px 25px rgba(0,0,0,.2);transition: all .3s;}
#wrap #main #section4 .wrap .gap .content .content1 .ra-wrap {position: absolute;bottom:30px;right:20px;left:20px;    width: -webkit-fill-available;height:42px;text-align: center;border: 1px solid #a2a2a2;border-radius: 50px;background-color: #fff;}
#wrap #main #section4 .wrap .gap .content .content1 .ra-wrap > p {font-size: 20px;color:#303030;font-weight: 400;line-height: 42px;}
#wrap #main #section4 .wrap .gap .content .content2 {position: relative;margin-top:60px;width:100%;height:691px;background: url(../img/section4_content2.jpg) no-repeat 50% 50%;background-size: cover;box-shadow: 0px 0px 25px rgba(0,0,0,.2);transition: all .3s;}
#wrap #main #section4 .wrap .gap .content .content2 .ra-wrap {position: absolute;bottom:30px;right:20px;width:220px;height:42px;text-align: center;border: 1px solid #a2a2a2;border-radius: 50px;background-color: #fff;}
#wrap #main #section4 .wrap .gap .content .content2 .ra-wrap > p {font-size: 20px;color:#303030;font-weight: 400;line-height: 42px;}
#wrap #main #section4 .wrap .gap .content .content1:hover {box-shadow: 0px 0px 25px rgba(0,0,0,.7);transform: translateY(-20px);}
#wrap #main #section4 .wrap .gap .content .content2:hover {box-shadow: 0px 0px 25px rgba(0,0,0,.7);transform: translateY(-20px);}


#wrap #footer {position: relative;z-index: 1;width:100%;}
#wrap #footer .wrap {width:100%;}
#wrap #footer .wrap .gap {width:100%;}
#wrap #footer .wrap .gap .content {width:100%;}
#wrap #footer .wrap .gap .content .clientes {width:100%;background-color: #fff;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap {width:auto;max-width: 1200px;padding:130px 10px;margin:0 auto;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .title-wrap {width:100%;text-align: center;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .title-wrap > span {font-size: 47px;line-height: 100%;letter-spacing: -1px;text-transform: uppercase;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .title-wrap > span:nth-child(1) {font-weight: 400;color:#303030;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .title-wrap > span:nth-child(2) {font-weight: 700;color:#f3dd23;margin-left:6px;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .title-wrap > span:nth-child(3) {font-weight: 700;color:#303030;margin-left:-3px;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .bar-gap {width:100%;margin-top:50px;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .bar-gap .bar {width:72px;height:4px;background-color: #eae9e7;margin:0 auto;display: block;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .slide-content {width:66.666666%;position: relative;margin:0 auto;margin-top:70px;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .slide-content .slide-view {width:100%;overflow: hidden;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .slide-content .slide-view ul.slide-wrap {width:calc(25%*15);position: relative;left:-100%;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .slide-content .slide-view ul.slide-wrap li.slide {width:calc(100%/15);text-align: center;float:left;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .slide-content .slide-view ul.slide-wrap li.slide > img {width:75%;padding:5px 0;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .slide-content .btn-wrap {position: absolute;top:0;left:0;width:100%;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .slide-content .btn-wrap .prev-btn {position: absolute;top:40px;left:-100px;border-bottom:2px solid #dadada;border-left:2px solid #dadada;width:30px;height:30px;transform: rotate(45deg);cursor: pointer;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap .slide-content .btn-wrap .next-btn {position: absolute;top:40px;right:-100px;border-top:2px solid #dadada;border-right:2px solid #dadada;width:30px;height:30px;transform: rotate(45deg);cursor: pointer;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap ul.page-wrap {width:100%;position: relative;margin-top:70px;text-align: center;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap ul.page-wrap li.page-btn {display: inline-block;width:17px;height:17px;background-color:#dadada;border-radius: 50%;margin:0 7px;cursor: pointer;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap ul.page-wrap li.page-btn:hover {background-color:#f3dd23;}
#wrap #footer .wrap .gap .content .clientes .clientes-wrap ul.page-wrap li.page-btn.addClick {background-color:#f3dd23;}
#wrap #footer .wrap .gap .content .adrs {width:100%;background-color:#afafaf;}
#wrap #footer .wrap .gap .content .adrs .adrs-wrap {width:auto;max-width: 1200px;padding:70px 10px 50px 10px;margin:0 auto;}
#wrap #footer .wrap .gap .content .adrs .adrs-wrap .logo-wrap {width:100%;}
#wrap #footer .wrap .gap .content .adrs .adrs-wrap .logo-wrap > img {width:262px;margin-left:30px;}
#wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap {margin-top:25px;border-top:1px solid #000;}
#wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .info {margin-top:30px;margin-left:30px;float:left;}
#wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .info > p {font-size: 14px;font-weight: 400;color:#303030;line-height: 30px;}
#wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap > span.bar {float:left;width:1px;height:43px;background-color: #000;margin:50px 15px 0 15px;}
#wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap {float:left;margin-top:40px;}
#wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap .address-wrap {font-size: 14px;font-weight: 400;line-height: 30px;color:#303030;}
#wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap .email-wrap {font-size: 14px;font-weight: 400;line-height: 30px;color:#303030;text-transform: uppercase;}
#wrap #footer .wrap .gap .content .adrs .adrs-wrap .content-wrap .add-wrap .email-wrap > h2 {display: inline-block;margin:0 5px;font-size: 14px;font-weight: 300;transform: translateY(-1px);}