.main.homepage .container .flex-wrapper .content .link{text-decoration:none;display:inline-block;padding:1.5rem 2rem;border-radius:2rem;font-weight:700;transition:.2s}.main.homepage .container .flex-wrapper .content .link:hover{opacity:.9}.main.homepage .container .flex-wrapper .content .link{color:#fff;background-color:#86dbd4}.main.homepage .container{display:block;margin:0 auto;padding:0 1.5rem;max-width:1230px}html:before{display:none;content:"xs"}@media screen and (min-width:768px){html:before{content:"sm"}}@media screen and (min-width:992px){html:before{content:"md"}}@media screen and (min-width:1200px){html:before{content:"lg"}}.main.homepage{margin-top:3rem}@media screen and (min-width:1200px){.main.homepage:before{content:"";z-index:-1;position:absolute;top:-20rem;right:13vw;background-color:#000b8c;height:150vh;width:150vw;transform:skew(-10deg,0)}}@media screen and (min-height:600px) and (max-height:850px){.main.homepage{margin-top:0}}@media screen and (min-width:1200px){.main.homepage .container .flex-wrapper{display:flex;flex-direction:row;justify-content:space-between}}.main.homepage .container .flex-wrapper .content{flex:0 0 50%;max-width:32rem;margin-bottom:5rem}@media screen and (min-width:1200px){.main.homepage .container .flex-wrapper .content{margin-bottom:0}}.main.homepage .container .flex-wrapper .content .title{color:#fff;line-height:1.2;font-size:2.2rem;font-weight:300;margin-bottom:2.5rem}.main.homepage .container .flex-wrapper .content .title strong{font-weight:700}@media screen and (min-height:600px) and (max-height:850px){.main.homepage .container .flex-wrapper .content .title{margin-bottom:1rem}}.main.homepage .container .flex-wrapper .content .text{color:#fff;line-height:1.6;margin-bottom:2.5rem}@media screen and (min-height:600px) and (max-height:850px){.main.homepage .container .flex-wrapper .content .text{margin-bottom:1rem}}.main.homepage .container .flex-wrapper .content .sub{color:#fff;line-height:1.6}.main.homepage .container .flex-wrapper .content .sub a{text-decoration:none;color:#fff;text-decoration:underline}.main.homepage .container .flex-wrapper .content .link{margin-top:3rem;width:100%;text-align:center}@media screen and (min-width:1200px){.main.homepage .container .flex-wrapper .content .link{margin-top:3rem;width:auto}}@media screen and (min-height:600px) and (max-height:850px){.main.homepage .container .flex-wrapper .content .link{margin-top:1rem}}@media screen and (min-width:1200px){.main.homepage .container .flex-wrapper .slider{position:relative;width:45rem;max-height:35rem;margin-right:-100px}}@media screen and (min-width:768px){.main.homepage .container .flex-wrapper .slider .swiper-wrapper{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;width:100%}}@media screen and (min-width:1200px){.main.homepage .container .flex-wrapper .slider .swiper-wrapper{justify-content:flex-start;flex-wrap:nowrap}}.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide{position:relative;height:50vh;margin-bottom:1.5rem}@media screen and (min-width:768px){.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide{flex:0 0 48%}}@media screen and (min-width:1200px){.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide{flex:0 0 50%;height:35rem;padding-right:10px;transform:translateX(5rem);transition:.2s;opacity:0;margin-bottom:0}.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide-active,.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide-active+.swiper-slide,.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide-active+.swiper-slide+.swiper-slide{opacity:1}}.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide .overlay{height:100%;width:100%;overflow:hidden}@media screen and (min-width:1200px){.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide .overlay{transform:skew(-10deg,0)}}.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide .overlay .image{height:100%;width:100%;transform:skew(10deg,0) scale(1.3);background-repeat:no-repeat;background-position:50%;background-size:cover}.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide .type{text-decoration:none;position:absolute;text-align:center;vertical-align:middle;border-radius:50%;color:#fff;transition:.2s;font-size:1.5rem;font-weight:500;top:calc(50% - 6rem);left:calc(50% - 6rem);height:12rem;width:12rem;line-height:12rem}@media screen and (min-width:1200px){.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide .type{font-size:0;font-weight:500;top:calc(50% - 2.5rem);left:calc(50% - 2.5rem);height:5rem;width:5rem;line-height:5rem}}.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide .type:hover{font-size:1.5rem;font-weight:500;top:calc(50% - 6rem);left:calc(50% - 6rem);height:12rem;width:12rem;line-height:12rem}.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide .type.green{background-color:rgba(0,126,128,.7)}.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide .type.pink{background-color:rgba(238,137,116,.7)}.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide .type.sky{background-color:rgba(164,170,200,.7)}.main.homepage .container .flex-wrapper .slider .swiper-wrapper .swiper-slide .type.red{background-color:rgba(158,40,57,.7)}@media screen and (min-width:1200px){.main.homepage .container .flex-wrapper .slider .swiper-pagination{display:flex;flex-direction:row;justify-content:flex-start;position:absolute;bottom:-3rem;left:2rem}.main.homepage .container .flex-wrapper .slider .swiper-pagination-bullet{cursor:pointer;height:1rem;width:1rem;border-radius:50%;border:1px solid #fff;margin-right:1rem}.main.homepage .container .flex-wrapper .slider .swiper-pagination-bullet-active{background-color:#fff}}