*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-size:16px;color:#455863}div{-webkit-box-sizing:border-box;box-sizing:border-box}img{max-width:100%}a{display:block;text-decoration:none;font-family:"Montserrat",sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}a:hover,a:visited,a:active{text-decoration:none}h1,h2,h3,h4,h5,h6,p{font-family:"Montserrat",sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}.btn{color:#fff;font-family:"Montserrat",sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;padding:17px 30px;border:2px solid #fff;border-radius:50px;margin:10px;display:inline-block;-webkit-transition:all ease .2s;transition:all ease .2s;width:40%}.btn span{display:inline-block;-webkit-transition:all ease .2s;transition:all ease .2s}.pro{background:rgba(28,137,201,.282);background:radial-gradient(circle, rgba(28, 137, 201, 0.63) 0%, rgba(28, 137, 201, 0) 70%)}.rm{background:rgba(25,207,49,.282);background:radial-gradient(circle, rgba(27, 240, 55, 0.63) 0%, rgba(25, 207, 49, 0) 70%)}.dat{background:rgba(179,22,165,.282);background:radial-gradient(circle, rgba(179, 22, 165, 0.63) 0%, rgba(179, 22, 165, 0) 70%)}.pim{background:rgba(16,117,21,.282);background:radial-gradient(circle, rgba(16, 117, 21, 0.63) 0%, rgba(16, 117, 21, 0) 70%)}.flu{background:rgba(238,186,17,.282);background:radial-gradient(circle, rgba(238, 186, 17, 0.63) 0%, rgba(238, 186, 17, 0) 70%)}.social{padding:0 4%}.social header{position:relative;background:url(../images/bgBanner.webp) top center no-repeat #ddd;background-size:cover;overflow:hidden;height:438px;border-radius:0 0 30px 30px}.social header .logo{position:absolute;top:40px;right:20%;width:105px}.social header h1{position:absolute;bottom:70px;left:20%;font-family:"Montserrat",sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;font-size:3.5vw;line-height:.9em;letter-spacing:-0.02em}.social main .sec01{background:#b4c7ba;background:-webkit-gradient(linear, left top, right top, color-stop(35%, rgb(180, 199, 186)), to(rgb(213, 227, 219)));background:linear-gradient(90deg, rgb(180, 199, 186) 35%, rgb(213, 227, 219) 100%);border-radius:30px;margin:20px 0 0 0;padding:40px;display:inline-block;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20;display:grid;grid-template-columns:20% 80%}.social main .sec01 .esq{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social main .sec01 .esq h2{font-size:2.5rem;letter-spacing:-0.04em;max-width:200px;text-align:left;line-height:.9em}.social main .sec01 .dir{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;text-align:center;grid-gap:30px;padding:0 5%}.social main .sec01 .dir a{-webkit-transition:all ease .2s;transition:all ease .2s;max-width:100%;padding:10px 3px;border-radius:15px;position:relative}.social main .sec01 .dir a img{position:relative;z-index:2;-webkit-transition:all ease .2s;transition:all ease .2s;-webkit-filter:brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(7452%) hue-rotate(180deg) brightness(108%) contrast(101%);filter:brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(7452%) hue-rotate(180deg) brightness(108%) contrast(101%)}.social main .sec01 .dir a span{-webkit-transition:all ease .2s;transition:all ease .2s;z-index:1;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);width:105%;height:105%}.social main .sec01 .dir a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.social main .sec01 .dir a:hover span{-webkit-transform:translate(-50%, -50%) scale(1.1);transform:translate(-50%, -50%) scale(1.1)}.social main .sec02{border-radius:30px;margin:20px 0 0 0;padding:40px;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;text-align:center;grid-gap:20px;margin-bottom:30px}.social main .sec02 a{overflow:hidden;border-radius:30px}.social main .sec02 a .link{position:relative;overflow:hidden;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;border-radius:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:80px;padding-top:10px;height:100%}.social main .sec02 a .link img{margin:40px 0 0px 0}.social main .sec02 a .link p{position:absolute;top:20px;left:20px;font-size:1.4rem;line-height:.9em;max-width:140px;text-align:left}.social main .sec02 a .link .inf{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;bottom:0;left:0;width:100%;padding:0 20px;height:80px}.social main .sec02 a .link .inf img{margin:0px}.social main .sec02 a .link .inf .btn{width:140px;padding:10px 20px}.social main .sec02 a .link .inf .icone{width:40px;height:40px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50px}.social main .sec02 a:hover .btn{width:47%;background:#455863;color:#fff}.social main .sec02 a:hover .btn span{-webkit-transform:translateX(10px);transform:translateX(10px)}.social main .sec02 .c1{background:#f7760e}.social main .sec02 .c2{background:#0fa97f}.social main .sec02 .c3{background:#1e4093}.social main .sec02 .c4{background:#859089}.social main .sec02 .c4 .link .icone{opacity:0}.social main .sec02 .c5{background:#39ae41}@media(max-width: 767px){.btn{margin:5px}.social header{position:relative;background:url(../images/bgBannerMB.webp) top center no-repeat #ddd;background-size:cover}.social header .logo{top:20px;right:5%;width:80px}.social header h1{font-size:2.9rem;font-weight:400;bottom:20px;left:6%}.social main .sec01{grid-template-columns:1fr;grid-template-rows:1fr 1fr;display:inline-block;width:100%;padding:20px 10px}.social main .sec01 .esq h2{text-align:center;max-width:100%;font-size:2rem;margin-bottom:20px}.social main .sec01 .dir{padding:10px;grid-template-columns:1fr 1fr;grid-gap:10px;text-align:center}.social main .sec01 .dir a{width:100%;max-width:100%;margin:0 auto;padding:5px 3px;text-align:center}.social main .sec01 .btn{padding:7px 16px;margin:0 auto}.social main .sec02{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"c1 c1 c2 c2 " "c3 c3 c4 c4 " "c5 c5 c5 c5 ";grid-gap:15px}.social main .sec02 a .link{width:100%;height:100%}.social main .sec02 a .link img{max-width:65%;margin:40px 0 -10px 0}.social main .sec02 a .link p{font-size:90%;max-width:100px}.social main .sec02 a .link .inf{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 3px;height:auto !important}.social main .sec02 a .link .inf .icone{width:34px;height:34px;margin-left:10px}.social main .sec02 a .link .inf .btn{padding:3px 7px;width:60%;font-size:.9rem}.social main .sec02 .c1{grid-area:c1}.social main .sec02 .c2{grid-area:c2}.social main .sec02 .c3{grid-area:c3}.social main .sec02 .c4{grid-area:c4}.social main .sec02 .c5{grid-area:c5}}@media(min-width: 768px)and (max-width: 1023px){.social header{position:relative;background:url(../images/bgBannerMB.webp) top center no-repeat #ddd;background-size:cover}.social header .logo{top:20px;right:5%;width:80px}.social header h1{font-size:3.2rem;font-weight:400;bottom:20px;left:6%}.social main .sec01{grid-template-columns:1fr;grid-template-rows:1fr 1fr;display:inline-block;width:100%;padding:20px 10px}.social main .sec01 .esq h2{text-align:center;max-width:100%;font-size:2.3rem;margin-bottom:20px;margin-top:10px}.social main .sec01 .dir{padding:10px;grid-template-columns:1fr 1fr 1fr;grid-gap:15px;text-align:center}.social main .sec01 .dir a{width:90%;max-width:90%;margin:0 auto;padding:5px 3px;text-align:center}.social main .sec01 .btn{padding:7px 16px;margin:0 auto}.social main .sec02{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"c1 c1 c2 c2 " "c3 c3 c4 c4 " "c5 c5 c5 c5 ";grid-gap:15px}.social main .sec02 a .link{width:100%;height:100%}.social main .sec02 a .link img{max-width:65%;margin:50px 0 -10px 0}.social main .sec02 a .link p{font-size:90%;max-width:100px}.social main .sec02 a .link .inf{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;padding:10px 3px;height:auto !important}.social main .sec02 a .link .inf .icone{width:34px;height:34px;margin-left:10px}.social main .sec02 a .link .inf .btn{padding:3px 7px;width:45%;font-size:.9rem}.social main .sec02 .c1{grid-area:c1}.social main .sec02 .c2{grid-area:c2}.social main .sec02 .c3{grid-area:c3}.social main .sec02 .c4{grid-area:c4}.social main .sec02 .c5{grid-area:c5}}@media(min-width: 1024px)and (max-width: 1200px){.social header{position:relative;background:url(../images/bgBanner.webp) top center no-repeat #ddd;background-size:cover}.social header .logo{top:20px;right:5%;width:120px}.social header h1{font-size:3.2rem;font-weight:400;bottom:30px;left:12%}.social main .sec01 .dir{grid-gap:8px;padding:0 2%}.social main .sec02{grid-template-columns:1fr 1fr 1fr}.social main .sec02 a .link img{margin:54px 0 5px 0}}