:root{ --container-width:calc(100% - 64px); --color-primary:#002D56 }
@media(max-width:769px){ :root{--container-width:calc(100% - 30px) }
}
html{ font-size:16px }
@media(min-width:1024px)and (max-width:1440px){ html{font-size:14px }
}
.loadingPage{ position:fixed; top:0; left:0; width:100%; height:100%; background:#e8e8e8; z-index:9999999 }
.loadingPage .--logo{ position:absolute; top:-100px; transform:translateX(-50%); left:50%; height:70px; transition:all 1s ease-in-out; z-index:2; height:56px; opacity:0 }
.loadingPage .--logo.show{ opacity:1; top:24px }
.loadingPage .patent_loading{ position:absolute; bottom:0; left:0; width:100% }
.loadingPage .--number{ position:absolute; right:60px; bottom:60px; font-size:120px; z-index:1; line-height:1 }
.loadingPage .--number.hide{ opacity:0 }
.loadingPage .--text{ position:absolute; top:80%; left:50%; transform:translate(-50%,-50%); z-index:2; opacity:0; transition:all 1s ease-in-out }
.loadingPage .--text.show{ top:34%; opacity:1 }
.loadingPage .--button{ border:1px solid #027bcb; border-radius:4px; padding:12px 20px; color:#027bcb; font-size:16px; font-weight:600; text-transform:uppercase; cursor:pointer; transition:all .3s ease-in-out; position:relative; overflow:hidden; width:240px; position:absolute; top:calc(100% + 28px); left:50%; transform:translateX(-50%) }
.loadingPage .--button span{ display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2 }
.loadingPage .--button:after{ content:""; background:#027bcb; width:100%; height:0; position:absolute; bottom:0; transition:all .3s ease-in-out; left:0 }
.loadingPage .--button:hover{ color:#fff }
.loadingPage .--button:hover::after{ height:100% }
@media(max-width:769px){ .loadingPage .cloud1{top:15%; left:50%; width:80%; transform:translate(-50%,-50%) }
.loadingPage .cloud2{ top:20%; right:50%; width:80% }
.loadingPage .cloud3{ top:50%; left:50%; width:80%; transform:translate(-50%,-50%) }
.loadingPage .cloud4{ top:65%; left:50%; width:80%; transform:translate(-50%,-50%) }
.loadingPage .cloud5{ top:50%; left:50%; width:80%; transform:translate(-50%,-50%) }
.loadingPage .cloud6{ top:52%; right:-62%; width:80%; transform:translate(-50%,-50%) }
}
body{ margin:0; color:var(--color-primary); line-height:normal }
@media(max-width:769px){ body{font-size:14px }
}
article p{ margin-bottom:16px }
article p:last-child{ margin-bottom:0 }
article img{ max-width:100%; height:auto; margin:0 auto }
.text-gradient{ background:linear-gradient(95.57deg,#015BAA 11.14%,#008AD7 24.84%,#015BAA 45.03%,#02A3E7 62.09%,#015BAA 96.31%); -webkit-background-clip:text; -webkit-text-fill-color:rgba(0,0,0,0); background-clip:text; text-fill-color:rgba(0,0,0,0); line-height:normal; width:max-content; max-width:100% }
.container-fluid{ width:var(--container-width); margin:0 auto }
header{ transition:all .3s ease-in-out; z-index:99999; height:94px; overflow:hidden; transform:translateY(0) }
header.change{ background:#fff }
header.header-hidden{ transform:translateY(-100%) }
header.header-visible{ transform:translateY(0) }
header.show{ height:100vh; background:#e8e8e8 !important; transition:height .3s ease-in-out }
header.show .tabBar p:first-child{ transform:rotate(45deg) translate(4px,4px) }
header.show .tabBar p:last-child{ transform:rotate(-45deg) translate(2px,-2px) }
header.show .--cloud{ transform:translateY(0) }
header.show .--sea{ transform:translateY(0) }
header.show .header-text{ opacity:1 }
header .tabBarMenu,header .vr360{ padding:0 16px; height:40px; border:1px solid rgba(2,123,203,.2); border-radius:4px; cursor:pointer; color:#027bcb; font-size:14px; font-weight:600; display:flex; align-items:center; gap:12px; text-transform:uppercase }
header .tabBarMenu .tabBar,header .vr360 .tabBar{ display:flex; gap:8px; flex-flow:column; cursor:pointer }
header .tabBarMenu .tabBar p,header .vr360 .tabBar p{ margin:0; width:32px; background:#027bcb; height:1px; transition:all .3s ease-in-out }
header .header-text{ position:absolute; bottom:25%; left:50%; transform:translateX(-50%); width:80%; pointer-events:none; opacity:0 }
header .--register{ padding:0 16px; height:40px; justify-content:space-between; border:1px solid rgba(2,123,203,.2); border-radius:4px; color:#027bcb; font-size:14px; font-weight:600; display:flex; width:200px; align-items:center; gap:12px; text-transform:uppercase; cursor:pointer }
header .--cloud{ position:absolute; top:0; left:0; width:100%; pointer-events:none; transition:all .3s ease-in-out; transform:translateY(-70vh) }
header .menuList{ position:absolute; top:50%; left:50%; display:flex; flex-flow:column; gap:16px; justify-content:center; z-index:100; transform:translate(-50%,calc(-50% + 80px)); width:max-content; text-align:center }
header .itemMenu{ font-size:16px; text-transform:uppercase; color:#002d56; font-weight:600; opacity:0; transform:translateY(10px); transition:all .3s ease-in-out; padding:0 8px }
header .itemMenu.show{ opacity:1; transform:translateY(0) }
header .itemMenu:hover{ color:#027bcb }
header .--sea{ position:absolute; bottom:0; left:0; width:100%; pointer-events:none; transition:all .3s ease-in-out; transform:translateY(100%) }
header .--logo{ position:absolute; top:12px; transform:translateX(-50%); left:50%; height:70px; transition:all .5s ease-in-out }
header .--logo.move{ top:80px }
header .--logo.zoom{ height:80px }
header .--logo img{ height:100%; width:auto }
@media(max-height:600px)and (min-width:769px){ header{height:62px }
header .--logo{ top:6px; height:50px }
header .--logo.move{ top:60px }
header .--logo.zoom{ height:60px }
header .menuList{ transform:translate(-50%,calc(-50% + 60px)) }
}
@media(max-width:769px){ header{height:64px }
header.show{ height:100vh }
header .header-text{ bottom:6% }
header .--logo{ position:relative; top:unset !important; left:unset; transform:none; height:40px }
header .--logo.zoom{ height:40px }
header .menuList{ top:64px; height:calc(100vh - 64px); overflow-y:auto; transform:translate(-50%,0); display:flex; flex-flow:column; gap:16px; width:100%; padding:0 16px }
header .tabBarMenu{ height:32px; padding:0 8px }
header .tabBarMenu .tabBar p{ width:28px }
header .--register,header .vr360{ height:32px; min-width:32px; padding:0 8px; font-size:12px; width:max-content }
}
.homeBanner .--scroll{ position:absolute; bottom:24px; left:50%; transform:translateX(-50%); display:flex; flex-flow:column; align-items:center; gap:10px; color:#fff; font-size:18px; font-weight:600; text-transform:uppercase }
.homeBanner .slick-list,.homeBanner .slick-track{ height:100% }
.homeBanner .slick-dots{ position:absolute; bottom:24px; left:20px; width:max-content; display:flex; gap:10px }
.homeBanner .slick-dots li{ overflow:hidden; background:hsla(0,0%,100%,.2); width:60px; margin:0; height:4px }
.homeBanner .slick-dots li.slick-active{ background:#fff }
.homeBanner .slick-dots button{ opacity:0; width:100%; padding:0; height:100% }
.homeBanner .--video:hover p{ background:#027bcb; border:1px solid #027bcb; color:#fff; transition:all .3s ease-in-out }
.homeInspiration .listImage .--item:nth-child(1){ display:grid; grid-template-rows:40% 60%; gap:16px; padding-bottom:40px }
.homeInspiration .listImage .--item:nth-child(2){ display:grid; grid-template-rows:55% 45%; gap:16px; padding-top:70px }
.homeInspiration .listImage .--item:nth-child(3){ display:flex; flex-flow:column; gap:16px; padding-top:160px; padding-bottom:20px }
.homeInspiration .listImage .--item:nth-child(3) a:first-child{ aspect-ratio:1 }
.homeInspiration .listImage .--item:nth-child(3) a:last-child{ flex-grow:1 }
.homeInspiration .listImage .--item:nth-child(4){ display:grid; grid-template-rows:60% 40%; gap:16px; padding-top:160px }
.homeInspiration .listImage .--item:nth-child(5){ display:grid; grid-template-rows:40% 60%; gap:16px; padding-top:70px; padding-bottom:40px }
.homeInspiration .listImage .--item:nth-child(6){ display:grid; grid-template-rows:60% 40%; gap:16px; padding-bottom:80px }
.homeInspiration .btn-list .btn-item{ transition:all .3s ease-in-out }
.homeInspiration .btn-list .btn-item:hover{ background:#027bcb; color:#fff }
.homeInspiration .popup-item{ backdrop-filter:blur(9px); position:fixed; height:100vh; background:rgba(229,229,229,.8); box-shadow:-30px 0px 54px 10px rgba(0,0,0,.15); width:50vw; top:50%; transition:all .5s ease-in-out; transform:translateY(-50%); z-index:100; padding:100px 70px; display:flex; flex-flow:column; gap:24px; z-index:999999 }
.homeInspiration .popup-item.high{ right:0; transform:translateX(100%) translateY(-50%) }
.homeInspiration .popup-item.high.active{ transform:translateX(0) translateY(-50%) }
.homeInspiration .popup-item.low{ transform:translateX(-100%) translateY(-50%); left:0 }
.homeInspiration .popup-item.low.active{ transform:translateX(0) translateY(-50%) }
@media(max-width:769px){ .homeInspiration .popup-item{background:#fff; width:100vw; overflow-y:auto; height:100vh; padding:60px 16px 16px }
.homeInspiration .slick-arrow{ width:30px; height:30px; aspect-ratio:1; font-size:16px; display:flex; align-items:center; justify-content:center; background:#fff !important; color:#002d56 !important; box-shadow:0px 4px 44px rgba(0,0,0,.25); border-radius:4px; z-index:10 }
.homeInspiration .slick-arrow::before{ display:none }
.homeInspiration .slick-arrow.slick-next{ right:-6px }
.homeInspiration .slick-arrow.slick-prev{ left:-6px }
}
.popupFloorplan .--itemTab{ border:1px solid rgba(2,123,203,.2); border-radius:4px; padding:8px 16px; font-size:16px; font-weight:600; color:#027bcb }
.popupFloorplan .--itemTab.active{ background:#027bcb; color:#fff }
.popupFloorplan .arrow .slick-arrow{ border:1px solid rgba(2,123,203,.2901960784); width:64px; aspect-ratio:1; display:flex; height:auto; align-items:center; justify-content:center; border-radius:4px; color:#002d56; box-shadow:0px 4px 24px rgba(0,0,0,.25); transition:all .3s ease-in-out }
.popupFloorplan .arrow .slick-arrow::before{ display:none }
.popupFloorplan .arrow .slick-arrow.slick-prev{ right:calc(100% + 32px); left:unset }
.popupFloorplan .arrow .slick-arrow.slick-next{ left:calc(100% + 32px); right:unset }
.popupFloorplan .arrow .slick-arrow:hover{ background:#027bcb; color:#fff }
.popupFloorplan .floorplan-slider-container{ position:relative }
.popupFloorplan .floorplan-titles h4{ border:1px solid rgba(2,123,203,.2); color:#002d56; padding:8px 16px; border-radius:4px; transition:all .3s ease-in-out; text-align:center }
.popupFloorplan .floorplan-titles h4.active{ background:#027bcb; color:#fff }
@media(max-width:769px){ .popupFloorplan .arrow .slick-arrow{width:40px }
.popupFloorplan .arrow .slick-arrow.slick-prev{ right:unset; left:-10px }
.popupFloorplan .arrow .slick-arrow.slick-next{ left:unset; right:-10px }
}
.homeTotalArea .slick-dots{ position:absolute; display:flex; gap:8px; bottom:0; left:0 }
.homeTotalArea .slick-dots li{ width:max-content; height:max-content; margin:0 }
.homeTotalArea .slick-dots li.slick-active button{ border-bottom:2px solid #015baa }
.homeTotalArea .slick-dots button{ color:#015baa; font-size:14px; line-height:normal; width:28px; display:flex; justify-content:center; padding:0 0 4px 0; border-bottom:2px solid #eee; font-weight:600; height:max-content }
.homeTotalArea .slick-dots button:before{ display:none }
@media(max-width:769px){ .homeTotalArea .slick-dots{position:relative }
}
.itemOverAll{ position:absolute; left:50%; bottom:0; transform:translateX(-50%); background:hsla(0,0%,100%,.1); backdrop-filter:blur(5px); border-radius:30px; transition:all .3s ease-in-out; height:36px; display:flex; flex-flow:column; justify-content:center; align-items:center; pointer-events:auto }
.itemOverAll .bg-hover{ position:absolute; top:100%; left:0; width:100%; height:10vh }
.itemOverAll::after{ content:""; position:absolute; top:100%; left:50%; height:10vh; background:hsla(0,0%,100%,.1); border-left:1px dashed #fff; pointer-events:none }
.itemOverAll::before{ content:""; position:absolute; top:calc(100% + 10vh); left:50%; width:10px; aspect-ratio:1; background:#fff; pointer-events:none; transform:translateX(-50%) rotate(45deg) }
.itemOverAll:nth-child(1){ bottom:82%; left:22% }
.itemOverAll:nth-child(1)::after{ height:11vh }
.itemOverAll:nth-child(1)::before{ top:calc(100% + 11vh) }
.itemOverAll:nth-child(2){ bottom:75%; left:32% }
.itemOverAll:nth-child(3){ bottom:90%; left:43% }
.itemOverAll:nth-child(3)::before{ top:calc(100% + 40px) }
.itemOverAll:nth-child(3)::after{ height:40px }
.itemOverAll:nth-child(4){ bottom:90%; left:58% }
.itemOverAll:nth-child(4)::before{ top:calc(100% + 40px) }
.itemOverAll:nth-child(4)::after{ height:40px }
.itemOverAll:nth-child(5){ bottom:48%; left:28% }
.itemOverAll:nth-child(5) .bg-hover{ display:none }
.itemOverAll:nth-child(5)::after{ height:40px }
.itemOverAll:nth-child(5)::before{ top:calc(100% + 40px) }
.itemOverAll:nth-child(6){ bottom:48%; left:48% }
.itemOverAll:nth-child(6)::after{ height:40px }
.itemOverAll:nth-child(6)::before{ top:calc(100% + 40px) }
.itemOverAll:nth-child(7){ transform:translateX(-50%); top:42%; left:58% }
.itemOverAll:nth-child(7)::after{ height:20px; bottom:100%; top:unset }
.itemOverAll:nth-child(7)::before{ bottom:calc(100% + 20px); top:unset }
.itemOverAll:nth-child(7) .bg-hover{ display:none }
.itemOverAll:nth-child(8){ bottom:54%; left:71% }
.itemOverAll:nth-child(8) .bg-hover{ display:none }
.itemOverAll:nth-child(8)::after{ height:30px }
.itemOverAll:nth-child(8)::before{ top:calc(100% + 30px) }
.itemOverAll:nth-child(9){ bottom:79%; left:79% }
.itemOverAll:nth-child(10){ bottom:86%; left:86% }
.itemOverAll:nth-child(10) .bg-hover{ height:20vh }
.itemOverAll:nth-child(10)::after{ height:20vh }
.itemOverAll:nth-child(10)::before{ top:calc(100% + 20vh) }
.itemOverAll:hover,.itemOverAll.active{ background:#027bcb; border-radius:6px; height:48px; z-index:1 }
.itemOverAll:hover .--viewMore,.itemOverAll.active .--viewMore{ max-height:max-content; opacity:1; margin-top:6px }
.itemOverAll .--text{ overflow:hidden; font-weight:600; color:#fff; transition:all .3s ease-in-out; padding:4px 12px }
.itemOverAll .--name{ display:block; font-size:14px; text-align:center }
.itemOverAll .--viewMore{ transition:all .3s ease-in-out; opacity:0; max-height:0; text-align:center; font-size:10px; cursor:pointer }
@media(max-width:769px){ .itemOverAll{position:relative; transform:none; height:auto !important; background:#027bcb; color:#fff; border-radius:4px !important; margin-right:12px; top:unset !important; bottom:unset !important; right:unset !important; left:unset !important; transform:none !important }
.itemOverAll .--text{ padding:8px 24px }
.itemOverAll .--name{ font-size:20px }
.itemOverAll .--viewMore{ margin-top:8px; max-height:max-content; opacity:1; text-align:left }
}
.itemFloorplan .--arrow{ transform:translate(120px,0); transition:all .3s ease-in-out }
.itemFloorplan:hover .--arrow{ transform:none }
@media(max-width:769px){ .itemFloorplan .--arrow{transform:none }
}
.homeOverall .list-image img{ position:absolute; transform:translate(-50%,-50%); pointer-events:auto; transition:all .3s ease-in-out; opacity:0 }
.homeOverall .list-image img.active{ opacity:1 }
.homeOverall .list-image img:nth-child(1){ top:46%; left:21%; width:11.5%; z-index:1 }
.homeOverall .list-image img:nth-child(2){ top:33.8%; left:37%; width:75.5% }
.homeOverall .list-image img:nth-child(3){ top:24%; left:43.3%; width:13% }
.homeOverall .list-image img:nth-child(4){ top:24%; left:56.8%; width:13% }
.homeOverall .list-image img:nth-child(5){ top:53%; left:27.8%; width:13.4% }
.homeOverall .list-image img:nth-child(6){ top:54%; left:50%; width:40% }
.homeOverall .list-image img:nth-child(7){ top:40%; left:50.2%; width:51.2% }
.homeOverall .list-image img:nth-child(8){ top:53%; left:72%; width:12% }
.homeOverall .list-image img:nth-child(9){ top:40%; left:80%; width:12% }
.homeOverall .list-image img:nth-child(10){ top:34.5%; left:82.5%; width:18.5% }
.homeOverall .bg-dark{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:1; transition:all .3s ease-in-out; opacity:0; pointer-events:none }
.homeOverall .bg-dark.active{ opacity:1 }
@media(max-width:769px){ .homeOverall{overflow:hidden }
.homeOverall .overall-slider{ width:100vw }
.homeOverall .arrow{ display:flex; margin-top:16px; gap:16px }
.homeOverall .slick-arrow{ background:#fff; width:40px; aspect-ratio:1; color:#002d56; box-shadow:0px 4px 24px rgba(0,0,0,.25); font-size:20px; display:flex; align-items:center; justify-content:center; border-radius:4px }
}
@keyframes devvn_zoom{ 70%{box-shadow:0 0 0 15px rgba(0,0,0,0) }
100%{ box-shadow:0 0 0 0 rgba(0,0,0,0) }
}
.scrollTop{ opacity:0; pointer-events:none; transition:all .3s ease-in-out }
.scrollTop.active{ opacity:1; pointer-events:auto }
.cta a{ animation:devvn_zoom 1.5s infinite linear; box-shadow:0 0 0 0 rgba(36,40,95,.3); background:#fff; transition:all .3s ease-in-out; border:1px solid #015baa }
.cta a:hover{ transform:scale(0.95); background:#015baa; color:#fff }
.homeUtilities .--item{ margin:0 20px }
.homeUtilities .slick-list{ margin:0 -20px }
.homeUtilities .--slider{ position:relative }
.homeUtilities .slick-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:100%; display:flex; width:64px; aspect-ratio:1; background:#fff; display:flex; color:#002d56; justify-content:center; align-items:center; border:1px solid hsla(0,0%,100%,.2); box-shadow:0px 4px 24px rgba(0,0,0,.25); border-radius:4px; font-size:24px; cursor:pointer; transition:all .3s ease-in-out }
.homeUtilities .slick-arrow:hover{ background:#027bcb; color:#fff }
.homeUtilities .slick-arrow.prev-arrow{ left:-10px }
.homeUtilities .slick-arrow.next-arrow{ right:-10px }
@media(max-width:769px){ .homeUtilities .slick-arrow{width:40px; height:40px }
}
.imgHover .--img{ overflow:hidden }
.imgHover .--img img{ transition:all .5s ease-in-out }
.imgHover .--img:hover img{ transform:scale(1.1) !important }
.imgHover1{ overflow:hidden }
.imgHover1 img{ transition:all .5s ease-in-out }
.imgHover1:hover img{ transform:scale(1.1) !important }
.homeNews .newsSlider-1,.homeNews .newsSlider-2{ width:100%; overflow:hidden; height:max-content }
.homeNews .slick-arrow{ position:relative; top:unset; width:64px; aspect-ratio:1; transform:none; display:flex; align-items:center; justify-content:center; color:#fff; font-size:24px; height:auto; border:1px solid rgba(2,123,203,.2901960784); border-radius:4px; color:#002d56; transition:all .3s ease-in-out }
.homeNews .slick-arrow:before{ display:none }
.homeNews .slick-arrow:hover{ background:#027bcb; color:#fff }
.homeNews .slick-arrow.slick-next{ right:unset }
.homeNews .slick-arrow.slick-prev{ left:unset }
.homeNews .arrow-slider{ position:absolute; bottom:0; left:0; display:flex; gap:16px; transform:none !important; opacity:1 !important }
.homeNews .list-dots{ display:flex; gap:8px }
.homeNews .list-dots .dots{ border-bottom:2px solid #eee; padding-bottom:4px; color:#015baa; min-width:20px }
.homeNews .list-dots .dots.active{ border-bottom:2px solid #015baa }
@media(max-width:769px){ .homeNews .newsSlider-2{display:none }
.homeNews .arrow-slider{ margin-top:16px; position:relative; bottom:unset; left:unset }
.homeNews .arrow-slider .slick-arrow{ width:40px }
}
.homeLibrary .imageCol-1 .--img:nth-child(1){ height:43%; flex:0 0 auto }
.homeLibrary .imageCol-1 .--img:nth-child(2){ height:31%; flex:0 0 auto }
.homeLibrary .imageCol-1 .--img:nth-child(3){ flex-grow:1 }
.homeLibrary .list-tab button{ height:44px; border-radius:4px; border:1px solid rgba(0,45,86,.2); font-size:16px; text-transform:uppercase; font-weight:500; color:#002d56; padding:0 24px }
.homeLibrary .list-tab button.active{ background:#027bcb; color:#fff }
.homeLibrary .slick-list{ margin:0 -12px }
.homeLibrary .video-item{ position:relative; margin:0 12px }
.homeLibrary .video-item:hover .--img::after{ opacity:1 }
.homeLibrary .video-item:hover .--play{ opacity:1; transform:translate(-50%,-50%) scale(1) }
.homeLibrary .video-item .--img{ position:relative; aspect-ratio:4/5 }
.homeLibrary .video-item .--img::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:1; opacity:0; transition:all .3s ease-in-out }
.homeLibrary .video-item .--play{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0.5); width:60px; height:60px; border-radius:50%; opacity:0; transition:all .3s ease-in-out; z-index:2 }
.homeLibrary .slick-dots{ display:flex; gap:8px; justify-content:center }
.homeLibrary .slick-dots li{ width:8px; height:8px; margin:0; background:rgba(2,123,203,.2); border-radius:50%; overflow:hidden }
.homeLibrary .slick-dots li.slick-active{ background:#002d56 }
.homeLibrary .slick-dots li button{ width:100%; height:100%; opacity:0 }
.homeLibrary .slick-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:64px; aspect-ratio:1; height:auto; background:#fff; color:#002d56; display:flex; align-items:center; justify-content:center; border:1px solid rgba(2,123,203,.29); border-radius:4px; font-size:24px; cursor:pointer; box-shadow:0px 4px 24px rgba(0,0,0,.25); transition:all .3s ease-in-out; z-index:10 }
.homeLibrary .slick-arrow::before{ display:none }
.homeLibrary .slick-arrow.slick-prev{ left:-10px }
.homeLibrary .slick-arrow.slick-next{ right:-10px }
.homeLibrary .slick-arrow:hover{ background:#027bcb; color:#fff }
@media(max-width:769px){ .homeLibrary .list-tab button{text-align:center; padding:0 8px; font-size:16px; height:40px }
.homeLibrary .images-slick .--img{ margin:0 12px }
.homeLibrary .video-item .--img{ aspect-ratio:1 }
.homeLibrary .video-item .--img::after{ opacity:1 }
.homeLibrary .video-item .--img .--play{ opacity:1; transform:translate(-50%,-50%) scale(1) }
.homeLibrary .slick-arrow{ width:40px }
}
footer .formContact{ background:#fff; box-shadow:0px 4px 44px rgba(0,0,0,.1); padding:40px 30px; height:max-content }
footer .form{ margin-top:24px; display:flex; flex-flow:column; gap:8px }
footer .form input{ border:1px solid rgba(0,45,86,.1019607843); height:40px; border-radius:4px; padding:0 16px; font-size:13px; color:rgba(0,45,86,.5019607843); width:100% }
footer .form input:focus{ border-color:#002d56 }
footer button{ background:#027bcb; height:40px; display:flex; align-items:center; justify-content:center; color:#fff; border-radius:4px; font-size:14px; font-weight:600; text-transform:uppercase; padding:0 20px; border:none; width:max-content; margin:16px auto 0; gap:16px; transition:all .3s ease-in-out }
footer button:hover{ transform:scale(0.96) }
footer .--note{ font-size:13px; text-align:center; color:#002d56; margin-top:12px }
@media(max-width:769px){ footer .formContact{padding:24px 16px }
}
.fancybox__container{ z-index:999999 !important }
.popupOver-slider .slide-item{ margin:0 12px }
.popupOver-slider .slick-list{ margin:0 -12px }
@media(max-width:769px){ h2 br{display:none }
}
.homeBanner .--scroll{ position:absolute; bottom:40px; left:50%; transform:translateX(-50%); display:flex; flex-flow:column; align-items:center; gap:10px; color:#fff; text-transform:uppercase }
.homeBanner .slick-list,.homeBanner .slick-track{ height:100% }
.homeBanner .slick-dots{ position:absolute; bottom:40px; left:20px; width:max-content; display:flex; gap:10px }
.homeBanner .slick-dots li{ overflow:hidden; background:hsla(0,0%,100%,.2); width:60px; margin:0; height:4px }
.homeBanner .slick-dots li.slick-active{ background:#fff }
.homeBanner .slick-dots button{ opacity:0; width:100%; padding:0; height:100% }
@media(max-width:769px){ .homeBanner .--scroll{display:none }
.homeBanner .slick-dots{ bottom:20px; left:10px }
.homeBanner .slick-dots li{ width:8px; height:8px; border-radius:50% }
}
.scrollTop{ opacity:0; visibility:hidden; transform:translateY(20px); transition:all .3s ease-in-out; cursor:pointer }
.scrollTop.active{ opacity:1; visibility:visible; transform:translateY(0) }
.scrollTop:hover{ transform:translateY(-2px); box-shadow:0 4px 12px rgba(1,91,170,.2) }
.scrollTop i{ color:#015baa; font-size:16px; transition:all .3s ease-in-out }
.scrollTop:hover i{ transform:translateY(-1px) }