1 line
13 KiB
CSS
1 line
13 KiB
CSS
@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Light.otf") format("otf");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Regular.otf") format("otf");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Medium.otf") format("otf");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-SemiBold.otf") format("otf");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Bold.otf") format("otf");font-weight:700;font-style:normal;font-display:swap}.box-01 .home_slider .swiper-slide{height:840px;display:flex;align-items:flex-end;padding:160px 0;overflow:hidden}.box-01 .home_slider .swiper-slide .slide-bg img{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;width:auto;max-width:-moz-fit-content;max-width:fit-content;z-index:1;overflow:hidden;filter:brightness(0.7)}.box-01 .home_slider .swiper-slide .slide-data{position:relative;width:100%;z-index:1}.box-01 .home_slider .swiper-slide .slide-data h2{color:#fff;font-size:45px;font-weight:400;text-transform:uppercase}.box-01 .home_slider .swiper-slide .slide-data h2 strong{font-weight:700}.box-01 .home_slider .swiper-slide .slide-data h2 span{position:relative;margin-right:40px}.box-01 .home_slider .swiper-slide .slide-data h2 span::before{content:"";position:absolute;top:calc(50% - 4px);right:0;width:30px;height:3px;background:#fff;transform:translate(calc(100% + 8px), -50%)}.box-01 .home_slider .swiper-slide .slide-data ul{position:relative;margin-bottom:35px;padding:0;list-style:none;display:flex;flex-direction:row;align-items:center;-moz-column-gap:35px;column-gap:35px;row-gap:10px;width:-moz-fit-content;width:fit-content}.box-01 .home_slider .swiper-slide .slide-data ul::before{content:"";position:absolute;right:0;bottom:-15px;width:100vw;height:2px;background:#fff}.box-01 .home_slider .swiper-slide .slide-data ul li{position:relative;color:#fff;font-size:25px}.box-01 .home_slider .swiper-slide .slide-data ul li:not(:last-child)::before{content:"";position:absolute;top:calc(50% - 3px);right:0;width:20px;height:2px;background:#fff;transform:translate(calc(100% + 8px), -50%)}.box-01 .home_slider .swiper-slide .slide-data h3{position:relative;color:#fff;font-size:25px;margin-bottom:35px}.box-01 .home_slider .swiper-slide .slide-data h3::before{content:"";position:absolute;right:55%;bottom:-15px;width:100vw;height:2px;background:#fff}@media(max-width: 767px){.box-01 .home_slider .swiper-slide{height:700px}}.box-01 .home_slider .swiper-pagination{position:absolute;right:50px;bottom:50px;width:auto;display:flex;justify-content:flex-end;gap:30px}.box-01 .home_slider .swiper-pagination .swiper-pagination-bullet{color:#fff;background:rgba(0,0,0,0) !important;position:relative;display:block;height:30px;width:30px;opacity:1 !important}.box-01 .home_slider .swiper-pagination .swiper-pagination-bullet::before{display:block;height:30px;width:30px;position:absolute;top:0;left:0;font-size:22px}.box-01 .home_slider .swiper-pagination .swiper-pagination-bullet:first-child::before{content:"01"}.box-01 .home_slider .swiper-pagination .swiper-pagination-bullet:nth-child(2)::before{content:"02"}.box-01 .home_slider .swiper-pagination .swiper-pagination-bullet:nth-child(3)::before{content:"03"}.box-01 .home_slider .swiper-pagination .swiper-pagination-bullet:nth-child(4)::before{content:"04"}.box-01 .home_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{margin-right:70px;position:relative}.box-01 .home_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{content:"";display:block;height:1px;width:50px;background:#fff;position:absolute;top:50%;right:-75px}.box-01 .home_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child{margin-right:0 !important}.box-01 .home_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2){margin-left:70px}.box-01 .home_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2)::after{right:auto;left:-80px}.box-02{padding-top:60px;margin-bottom:100px}.box-02 .row.row_1{position:relative;padding-bottom:60px;margin-bottom:60px}.box-02 .row.row_1::before{content:"";position:absolute;bottom:0;left:15px;right:15px;height:1px;background:#bababa}.box-02 .row.row_1 ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;-moz-column-gap:35px;column-gap:35px}.box-02 .row.row_1 ul li{font-size:18px;font-weight:300;border:1px solid #010101;text-align:center;padding:18px}@media(max-width: 991px){.box-02 .row.row_1 ul{flex-wrap:wrap;row-gap:35px}.box-02 .row.row_1 ul li{flex:1}}.box-02 .row.row_2 .col-left{text-align:right}@media(max-width: 991px){.box-02 .row.row_2 .col-left{text-align:left}}.box-02 .row.row_2 .col-right p{font-size:14px;margin-bottom:20px}.box-02 .row.row_2 .col-right a{position:relative;color:#010101;font-size:16px;font-weight:400;margin-left:auto;display:block;max-width:-moz-fit-content;max-width:fit-content;padding-right:70px}.box-02 .row.row_2 .col-right a::before{content:"";position:absolute;right:0;top:50%;height:2px;width:50px;background:#010101;transform:translateY(-50%)}.box-02 .row.row_2 .col-right a::after{content:"";position:absolute;right:1px;top:50%;height:12px;width:12px;border-right:3px solid #010101;border-bottom:3px solid #010101;transform:translateY(-50%) rotate(-45deg)}.box-03{margin-bottom:150px}@media(max-width: 767px){.box-03{margin-bottom:100px}}.box-03 ul{list-style:none;padding:20px 0 15px;margin:0}.box-03 ul li{line-height:1;color:#010101;font-size:12px;font-weight:700;border-bottom:1px solid #d9d9d9;margin-bottom:3px;width:-moz-fit-content;width:fit-content}.box-03 ul li a{color:#010101}.box-03 h3{position:relative;width:100%;max-width:150px;margin-bottom:0}.box-03 h3 a{position:relative;padding-bottom:30px}.box-03 h3 a::before{content:"";position:absolute;left:0;bottom:10px;height:2px;width:30px;background:#010101;transform:translateY(-50%)}.box-03 h3 a::after{content:"";position:absolute;left:30px;bottom:0;height:12px;width:12px;border-right:2px solid #010101;border-bottom:2px solid #010101;transform:translate(-100%, -50%) rotate(-45deg)}.box-03 h3 a{color:#010101;font-size:20px;font-weight:400}@media(max-width: 991px){.box-03 h3{margin:0 auto}.box-03 h3 a::before{left:50%;transform:translate(-50%, -50%)}.box-03 h3 a::after{left:50%;transform:translate(10%, -50%) rotate(-45deg)}}.box-04{margin-bottom:100px}.box-04 .col-left p{font-size:14px;font-weight:300;text-align:right;margin-bottom:0;line-height:2}@media(max-width: 1199px){.box-04 .col-left p br{display:none}}@media(max-width: 991px){.box-04 .col-left{order:1}.box-04 .col-left p{text-align:left}}.box-04 .col-right{position:relative}.box-04 .col-right::before{content:"";position:absolute;left:-45px;top:0;bottom:0;width:2px;background:#010101}.box-04 .col-right h2{position:relative;margin-bottom:0}.box-04 .col-right h2 a{position:relative;padding-bottom:40px}.box-04 .col-right h2 a::before{content:"";position:absolute;left:0;bottom:10px;height:2px;width:30px;background:#010101;transform:translateY(-50%)}.box-04 .col-right h2 a::after{content:"";position:absolute;left:30px;bottom:0;height:12px;width:12px;border-right:2px solid #010101;border-bottom:2px solid #010101;transform:translate(-100%, -50%) rotate(-45deg)}.box-04 .col-right a{color:#010101}@media(max-width: 991px){.box-04 .col-right::before{display:none}.box-04 .col-right h2{padding-bottom:0}.box-04 .col-right h2 a{margin-bottom:8px}.box-04 .col-right h2 a::before{display:none}.box-04 .col-right h2 a::after{display:none}.box-04 .col-right h2 a br{display:none}}.box-05{margin-bottom:150px}@media(max-width: 767px){.box-05{margin-bottom:100px}}.box-05 ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:290px 290px;gap:40px;grid-template-areas:"t1 t2 t2" "t3 t4 t5"}.box-05 ul li{display:flex;flex-direction:column;justify-content:flex-end;padding:30px;position:relative}.box-05 ul li img{position:absolute;inset:0;height:100%;-o-object-fit:cover;object-fit:cover}.box-05 ul li h3{position:relative;color:#fff;font-size:26px;font-weight:700;z-index:1}.box-05 ul li h3 a{color:#fff;font-size:26px}.box-05 ul li p{position:relative;color:#fff;font-size:16px;font-weight:200;margin-bottom:0;z-index:1}.box-05 ul li p a{color:#fff;font-size:16px;font-weight:200}.box-05 ul li.tile-1{grid-area:t1}.box-05 ul li.tile-2{grid-area:t2}.box-05 ul li.tile-3{grid-area:t3}.box-05 ul li.tile-4{grid-area:t4}.box-05 ul li.tile-5{grid-area:t5;justify-content:flex-start;border:1px solid #d9d9d9}.box-05 ul li.tile-5 h3{color:#010101;font-size:32px;font-weight:500}.box-05 ul li.tile-5 h3:last-child{font-weight:300}.box-05 ul li.tile-5 h3:last-child a{position:relative;padding-bottom:40px}.box-05 ul li.tile-5 h3:last-child a::before{content:"";position:absolute;left:5px;bottom:10px;height:2px;width:50px;background:#010101;transform:translateY(-50%)}.box-05 ul li.tile-5 h3:last-child a::after{content:"";position:absolute;left:55px;bottom:0;height:12px;width:12px;border-right:2px solid #010101;border-bottom:2px solid #010101;transform:translate(-100%, -50%) rotate(-45deg)}.box-05 ul li.tile-5 h3 a{color:#010101}@media(max-width: 991px){.box-05 ul{grid-template-columns:1fr 1fr;grid-template-rows:290px 290px 290px;grid-template-areas:"t2 t2" "t1 t3" "t4 t5"}}@media(max-width: 767px){.box-05 ul{grid-template-columns:1fr;grid-template-rows:290px 290px 290px 290px 290px;grid-template-areas:"t1" "t2" "t3" "t4" "t5"}.box-05 ul li img{max-width:unset !important}}.box-06{margin-bottom:60px}.box-06 .col-left{position:relative}.box-06 .col-left::before{content:"";position:absolute;top:0;bottom:0;right:-1px;width:2px;background:#010101}.box-06 .col-left h2{width:100%;max-width:270px;margin-left:auto;text-align:right}.box-06 .col-left p{font-size:14px;font-weight:300;text-align:right;max-width:380px;margin-bottom:0;margin-left:auto;line-height:2}@media(max-width: 991px){.box-06 .col-left{margin-bottom:45px}.box-06 .col-left::before{display:none}.box-06 .col-left h2{max-width:unset;text-align:left}.box-06 .col-left p{max-width:unset;text-align:left}}.box-06 .col-right ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:30px}/*# sourceMappingURL=home.css.map */ |