.header--wrap.scrolled, .header--wrap:hover { background-color: #fff; } .header--wrap.scrolled .header--inner .header--mob--lang--btn, .header--wrap:hover .header--inner .header--mob--lang--btn { background-image: url(../img/ico--global--black.svg); } .header--wrap.scrolled .header--inner .header--mob--btn, .header--wrap:hover .header--inner .header--mob--btn { background-image: url(../img/ico--header--black.svg); } .header--wrap.scrolled .header--inner .header--logo, .header--wrap:hover .header--inner .header--logo { background-image: url(../img/logo--white.svg); } .header--wrap.scrolled .header--inner:has(.header--mob--btn.active) .header--logo, .header--wrap:hover .header--inner:has(.header--mob--btn.active) .header--logo { background-image: url(../img/logo--default.svg); } .header--wrap.scrolled .header--inner .header--nav > ul > li > a, .header--wrap:hover .header--inner .header--nav > ul > li > a { color: #000; } .header--wrap.scrolled .header--inner .header--lang--btn, .header--wrap:hover .header--inner .header--lang--btn { background-color: #EC3237; } .footer--wrap.sub--type { position: static; } main .ico { display: inline-block; background-repeat: no-repeat; background-size: 100%; background-position: center; } main .sub--visual--wrap { position: relative; } main .sub--visual--wrap .visual--wrap { width: 100%; } main .sub--visual--wrap .visual--wrap img { width: 100%; } main .sub--visual--wrap .visual--txt--wrap { position: absolute; max-width: 1600px; width: 100%; bottom: -14px; line-height: 1; text-transform: uppercase; left: 50%; transform: translateX(-50%); } main .sub--visual--wrap .visual--txt--wrap h2 { font-weight: 800; font-size: 120px; color: #fff; } main .sub--visual--wrap .visual--txt--wrap h2 .mo { display: none; } main .sub--visual--wrap .visual--txt--wrap h2 strong { color: #ec3237; } main .org--sec--wrap { background-size: cover; background-attachment: fixed; background-color: #1A1B20; background-position: bottom; background-repeat: no-repeat; background-image: url(../img/img--org.png); } main .sub--menu--wrap { max-width: 1600px; justify-content: center; align-items: center; display: flex; margin: 0 auto; gap: 18px; padding: 150px 0; width: 100%; } main .sub--menu--wrap select { background-color: #fff; width: 100%; border: 1px solid #dedede; border-radius: 15px; cursor: pointer; color: #191919; font-size: 16px; font-weight: 500; padding: 25px 20px; -webkit-appearance: none; background-image: url(../img/ico--select--black.svg); background-repeat: no-repeat; background-position: center right 20px; -moz-appearance: none; appearance: none; } main .sub--menu--wrap.mo { display: none; } main .sub--menu--wrap .ico { width: 20px; height: 20px; background-image: url(../img/ico--home.svg); } main .sub--menu--wrap .dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #d9d9d9; } main .sub--menu--wrap p { text-transform: uppercase; font-size: 18px; font-weight: 400; color: #000; } main .sub--menu--wrap p:last-child { font-weight: 600; color: #ec3237; } main .sub--container { max-width: 1600px; margin: 0 auto; } main .sub--container .sub--title--wrap { display: flex; justify-content: center; margin-bottom: 60px; } main .sub--container .sub--title--wrap .sub--title { color: #191919; font-size: 50px; font-weight: 800; display: inline; text-align: center; text-transform: capitalize; position: relative; } main .sub--container .sub--title--wrap .sub--title.mo { display: none; } main .sub--container .sub--title--wrap .sub--title::after { position: absolute; content: ""; display: inline-block; background: rgba(236, 50, 55, 0.4); width: calc(100% + 10px); bottom: 5px; left: -5px; z-index: -1; height: 40%; } main .sub--container .sub--cont--wrap { margin-bottom: 120px; } main .sub--container .sub--cont--wrap .sub--desc { max-width: 1200px; margin: 0 auto; line-height: 1.7; color: #000; font-size: 18px; font-weight: 300; text-align: center; } main .sub--container .sub--cont--wrap .sub--point { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 120px; } main .sub--container .sub--cont--wrap .sub--point .point--box { width: calc((100% - 120px) / 4); padding: 45px; border: 1px solid rgba(228, 228, 228, 0.93); background-color: #fff; border-radius: 30px; } main .sub--container .sub--cont--wrap .sub--point .point--box .ico { width: 60px; height: 60px; margin-bottom: 35px; background-image: url(../img/ico--air1.svg); } main .sub--container .sub--cont--wrap .sub--point .point--box:nth-child(2) .ico { background-image: url(../img/ico--air2.svg); } main .sub--container .sub--cont--wrap .sub--point .point--box:nth-child(3) .ico { background-image: url(../img/ico--air3.svg); } main .sub--container .sub--cont--wrap .sub--point .point--box:nth-child(4) .ico { background-image: url(../img/ico--air4.svg); } main .sub--container .sub--cont--wrap .sub--point .point--box > h5 { margin-bottom: 20px; text-transform: uppercase; color: #191919; font-size: 20px; font-weight: 800; } main .sub--container .sub--cont--wrap .sub--point .point--box > p { color: #191919; line-height: 1.7; font-size: 16px; font-weight: 300; } main .sub--container .sub--cont--wrap .map--wrap { height: 700px; } main .sub--container .sub--cont--wrap .map--desc { margin-top: 110px; } main .sub--container .sub--cont--wrap .map--desc h4 { color: #191919; font-size: 30px; font-weight: 700; margin-bottom: 50px; text-transform: uppercase; } main .sub--container .sub--cont--wrap .map--desc ul { list-style: none; display: flex; flex-wrap: wrap; gap: 25px; } main .sub--container .sub--cont--wrap .map--desc ul li { display: flex; align-items: center; font-size: 18px; font-weight: 300; text-transform: uppercase; } main .sub--container .sub--cont--wrap .map--desc ul li span { margin-right: 5px; } main .sub--container .sub--cont--wrap .map--desc ul li strong { font-weight: 600; } main .sub--container .sub--cont--wrap .map--desc ul li .ico { min-width: 40px; margin-right: 20px; width: 40px; height: 40px; background-size: 18px 18px; border-radius: 50%; background-color: #1a1b20; } main .sub--container .sub--cont--wrap .map--desc ul li:nth-child(1) { width: 100%; } main .sub--container .sub--cont--wrap .map--desc ul li:nth-child(1) .ico { background-image: url(../img/ico--map1.svg); } main .sub--container .sub--cont--wrap .map--desc ul li:nth-child(2) { width: 300px; } main .sub--container .sub--cont--wrap .map--desc ul li:nth-child(2) .ico { background-image: url(../img/ico--map2.svg); } main .sub--container .sub--cont--wrap .map--desc ul li:nth-child(3) { width: calc(100% - 325px); } main .sub--container .sub--cont--wrap .map--desc ul li:nth-child(3) .ico { background-image: url(../img/ico--map3.svg); } main .sub--container .sub--cont--wrap .map--desc ul li:nth-child(4) { width: 300px; } main .sub--container .sub--cont--wrap .map--desc ul li:nth-child(4) .ico { background-image: url(../img/ico--map4.svg); } main .sub--container .sub--cont--wrap .map--desc ul li:nth-child(5) { width: calc(100% - 325px); } main .sub--container .sub--cont--wrap .map--desc ul li:nth-child(5) .ico { background-image: url(../img/ico--map5.svg); } main .sub--container .grt--wrap { margin-bottom: 150px; display: flex; flex-direction: column; } main .sub--container .grt--wrap .grt--part { display: flex; flex-direction: column; align-items: center; justify-content: center; } main .sub--container .grt--wrap .grt--part .grt--title { padding-bottom: 70px; } main .sub--container .grt--wrap .grt--part .grt--title .grt--year { width: -moz-fit-content; width: fit-content; color: #fff; font-size: 30px; line-height: 1; font-weight: 800; background-color: #ccc; padding: 23px 30px; position: relative; transition: all 0.3s; border-radius: 0 50px 50px 50px; } main .sub--container .grt--wrap .grt--part .grt--title .grt--year.active { background-color: #ec3237; } main .sub--container .grt--wrap .grt--part .grt--title .grt--year.active .title--line .line, main .sub--container .grt--wrap .grt--part .grt--title .grt--year.active .title--line .dot { background-color: #ec3237; } main .sub--container .grt--wrap .grt--part .grt--title .grt--year.active .grt--txt { color: #EC3237; } main .sub--container .grt--wrap .grt--part .grt--title .grt--year .grt--txt { color: #666; font-size: 20px; display: inline-block; font-weight: 800; text-align: right; position: absolute; top: 50%; transform: translateY(-50%); right: calc(100% + 50px); white-space: nowrap; } main .sub--container .grt--wrap .grt--part .grt--title .grt--year .title--line { position: absolute; z-index: 10; left: calc(50% - 3px); top: 100%; } main .sub--container .grt--wrap .grt--part .grt--title .grt--year .title--line .line { display: inline-block; margin-left: 4.5px; width: 3px; height: 85px; background-color: #e4e4e4; } main .sub--container .grt--wrap .grt--part .grt--title .grt--year .title--line .dot { position: absolute; bottom: 0; left: 0; width: 12px; height: 12px; border-radius: 50%; background-color: #ccc; display: inline-block; } main .sub--container .grt--wrap .grt--part .grt--desc { width: calc(50% + 3px); display: flex; flex-direction: column; margin-left: auto; } main .sub--container .grt--wrap .grt--part .grt--desc .desc { display: flex; } main .sub--container .grt--wrap .grt--part .grt--desc .desc .desc--line { position: relative; } main .sub--container .grt--wrap .grt--part .grt--desc .desc .desc--line.active .line::after { background-color: #ec3237; height: 100%; } main .sub--container .grt--wrap .grt--part .grt--desc .desc .desc--line.active .dot { background-color: #ec3237; } main .sub--container .grt--wrap .grt--part .grt--desc .desc .desc--line .line { position: relative; transition: all 0.3s; display: inline-block; width: 3px; margin-left: 4.5px; margin-top: 18px; height: 100%; background-color: #e4e4e4; } main .sub--container .grt--wrap .grt--part .grt--desc .desc .desc--line .line::after { transition: all 0.3s; content: ""; position: absolute; width: 100%; height: 0; display: inline-block; } main .sub--container .grt--wrap .grt--part .grt--desc .desc .desc--line .dot { transition: all 0.3s; position: absolute; bottom: -20px; left: 0; width: 12px; height: 12px; border-radius: 50%; z-index: 10; background-color: #ccc; display: inline-block; } main .sub--container .grt--wrap .grt--part .grt--desc .desc .desc--line .dot.active { background-color: #ec3237; } main .sub--container .grt--wrap .grt--part .grt--desc .desc .desc--txt { display: flex; flex-direction: column; gap: 40px; padding-left: 55px; padding-bottom: 70px; } main .sub--container .grt--wrap .grt--part .grt--desc .desc .desc--txt .desc--year { color: #191919; font-size: 25px; font-weight: 800; } main .sub--container .grt--wrap .grt--part .grt--desc .desc .desc--txt ul { display: flex; gap: 40px; flex-direction: column; } main .sub--container .grt--wrap .grt--part .grt--desc .desc .desc--txt ul li { display: flex; } main .sub--container .grt--wrap .grt--part .grt--desc .desc .desc--txt ul li > span { width: 70px; font-size: 18px; color: #333; font-weight: 700; min-width: 70px; } main .sub--container .grt--wrap .grt--part .grt--desc .desc .desc--txt ul li > p { color: #000; font-size: 16px; font-weight: 300; line-height: 1.7; } main .sub--container .org--wrap { padding-top: 100px; } main .sub--container .org--wrap > h3 { color: #fff; font-size: 50px; font-weight: 800; margin-bottom: 90px; } main .sub--container .org--wrap .org--cont .org--top { display: flex; align-items: center; margin-bottom: 100px; position: relative; } main .sub--container .org--wrap .org--cont .org--top .ceo--circle { width: 170px; min-width: 170px; height: 170px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #131417; font-size: 19px; font-weight: 800; background: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(1.5px); backdrop-filter: blur(1.5px); } main .sub--container .org--wrap .org--cont .org--top .ceo--circle.type--2 { background: rgba(255, 255, 255, 0.3); color: #fff; } main .sub--container .org--wrap .org--cont .org--top .ceo--circle.type--3 { color: #fff; background: rgba(19, 20, 23, 0.3); margin-left: -20px; } main .sub--container .org--wrap .org--cont .org--top .ceo--line { display: inline-block; width: 308px; height: 1px; background: rgba(255, 255, 255, 0.5); } main .sub--container .org--wrap .org--cont .org--top .ceo--line.bottom--type { width: 1px; height: 100px; position: absolute; top: 100%; left: 85px; } main .sub--container .org--wrap .org--cont .org--group--box .org--box { width: 390px; height: 80px; color: #fff; font-weight: 600; font-size: 17px; border-radius: 18px; padding: 30px 25px; border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(1.5px); backdrop-filter: blur(1.5px); } main .sub--container .org--wrap .org--cont .org--mid { position: relative; flex-wrap: wrap; display: flex; } main .sub--container .org--wrap .org--cont .org--mid .org--line { width: 100px; height: 1px; margin-top: 40px; background-color: #fff; position: relative; } main .sub--container .org--wrap .org--cont .org--mid .org--line::after { content: ""; width: 12px; height: 12px; right: 0; top: -6px; position: absolute; border-radius: 50%; background-color: #fff; display: inline-block; } main .sub--container .org--wrap .org--cont .org--mid .org--line.bottom--type { position: absolute; height: calc(100% - 80px); width: 1px; left: 25px; top: 80px; margin-top: 0; background: rgba(255, 255, 255, 0.5); display: inline-block; } main .sub--container .org--wrap .org--cont .org--mid .org--line.bottom--type::after { display: none; } main .sub--container .org--wrap .org--cont .org--mid .org--group { padding-right: 50px; padding-bottom: 80px; position: relative; } main .sub--container .org--wrap .org--cont .org--mid .org--group .org--line { position: absolute; width: 100%; top: 0; background-color: rgba(255, 255, 255, 0.5); } main .sub--container .org--wrap .org--cont .org--mid .org--group .org--line.none--circle::after { display: none; } main .sub--container .org--wrap .org--cont .org--mid .org--group .org--line.none--circle::before { display: none; } main .sub--container .org--wrap .org--cont .org--mid .org--group .org--line.none--circle.mt--120 { margin-top: 120px; } main .sub--container .org--wrap .org--cont .org--mid .org--group .org--line.none--circle.mt--120::after { display: inline-block; left: -12px; } main .sub--container .org--wrap .org--cont .org--mid .org--group .org--line:before { content: ""; position: absolute; top: 0; display: inline-block; background-color: #fff; width: 50px; right: 0; height: 1px; } main .sub--container .org--wrap .org--cont .org--mid .org--group p { color: #fff; font-size: 18px; font-weight: 700; text-transform: capitalize; margin-bottom: 45px; } main .sub--container .org--wrap .org--cont .org--mid .org--group p.mb--60 { margin-bottom: 60px; } main .sub--container .org--wrap .org--cont .org--mid .org--group .org--list { list-style: none; display: flex; flex-direction: column; gap: 10px; } main .sub--container .org--wrap .org--cont .org--mid .org--group .org--list.w--240 li { width: 240px; } main .sub--container .org--wrap .org--cont .org--mid .org--group .org--list li { background-color: #131417; border-radius: 12px; padding: 20px; color: #fff; font-size: 14px; width: 220px; text-transform: capitalize; font-weight: 400; } main .sub--container .org--wrap .org--cont .org--mid .org--group .org--list.nation li { text-transform: uppercase; } main .quick--menu--wrap { position: fixed; width: 70px; display: flex; flex-direction: column; gap: 15px; right: 125px; top: calc(50% - 120px); opacity: 0; visibility: hidden; transition: all 0.3s; } main .quick--menu--wrap.active { opacity: 1; visibility: visible; } main .quick--menu--wrap > div { background-size: 30px 30px; background-repeat: no-repeat; border-radius: 50%; background-color: #fff; background-position: center; width: 70px; height: 70px; position: relative; cursor: pointer; transition: all 0.3s; border: 1px solid rgba(54, 55, 63, 0.5); background-image: url(../img/ico--quick1.svg); } main .quick--menu--wrap > div.quick--contact:hover .contact--bubble { opacity: 1; } main .quick--menu--wrap > div.quick--contact .contact--bubble { opacity: 0; pointer-events: none; transition: opacity 0.3s; position: absolute; top: 0; right: calc(100% + 20px); padding: 24px 30px; background-color: #EC3237; border-radius: 50px; font-size: 22px; color: #fff; font-weight: 600; line-height: 1; text-transform: uppercase; white-space: nowrap; } main .quick--menu--wrap > div.quick--contact .contact--bubble::after { content: ""; background-image: url(../img/ico--bubble.svg); position: absolute; right: -12px; top: 18px; background-size: 100%; background-repeat: no-repeat; width: 28px; height: 28px; display: inline-block; } main .quick--menu--wrap > div.quick--global { background-image: url(../img/ico--quick2.svg); } main .quick--menu--wrap > div.quick--global:hover .global--bubble { opacity: 1; pointer-events: all; } main .quick--menu--wrap > div.quick--global .global--bubble { opacity: 0; transition: opacity 0.3s; pointer-events: none; position: absolute; top: 0; right: calc(100% + 20px); width: 435px; padding: 25px 20px; border-radius: 20px; background-color: #EC3237; } main .quick--menu--wrap > div.quick--global .global--bubble .global--list { height: 350px; padding: 0 20px; overflow-y: scroll; } main .quick--menu--wrap > div.quick--global .global--bubble .global--list::-webkit-scrollbar { width: 8px; } main .quick--menu--wrap > div.quick--global .global--bubble .global--list::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); border-radius: 4px; } main .quick--menu--wrap > div.quick--global .global--bubble .global--list::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.5); border-radius: 4px; } main .quick--menu--wrap > div.quick--global .global--bubble .global--list::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.7); } main .quick--menu--wrap > div.quick--global .global--bubble .global--list a { list-style: circle; position: relative; text-transform: capitalize; pointer-events: none; text-decoration: none; display: inline-block; margin-bottom: 15px; font-size: 20px; font-weight: 600; color: #fff; } main .quick--menu--wrap > div.quick--global .global--bubble .global--list a::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; top: 8px; left: -15px; position: absolute; } main .quick--menu--wrap > div.quick--global .global--bubble .global--list a:last-child { margin-bottom: 0; } main .quick--menu--wrap > div.quick--global .global--bubble::after { content: ""; background-image: url(../img/ico--bubble.svg); position: absolute; right: -35px; top: 0px; background-repeat: no-repeat; background-position: center; background-size: 28px 28px; width: 70px; height: 70px; display: inline-block; } main .quick--menu--wrap > div:hover { border: none; background-color: #EC3237; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); background-image: url(../img/ico--quick1--white.svg); } main .quick--menu--wrap > div:hover.quick--global { background-image: url(../img/ico--quick2--white.svg); } main .quick--menu--wrap > button { background-size: 24px 24px; background-repeat: no-repeat; background-color: #36373f; background-position: center; margin-top: 15px; border-radius: 0 50% 50% 50%; width: 70px; height: 70px; transform: rotate(45deg); cursor: pointer; transition: all 0.3s; border: 1px solid rgba(54, 55, 63, 0.5); position: relative; background-image: url(../img/ico--quick3.svg); }/*# sourceMappingURL=sub.css.map */