@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


html{font-size:calc(1 / var(--design-size-pc) * 100vw); font-size:1px; --grid-num:16rem; --idt-num:16rem;}
body{margin:0; padding:0; color:var(--body-font-color-base); font-family:"Open Sans", sans-serif; overflow-x:hidden; font-size:18rem;
-webkit-font-smoothing:auto; -moz-osx-font-smoothing:auto;}
a{text-decoration:none; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; color:var(--font-color-base); font-family:"Open Sans", sans-serif; font-weight:400;}
svg{-webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s;}
a:hover{text-decoration:none; -webkit-transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -o-transition:all .3s ease 0s; transition:all .3s ease 0s; cursor:pointer;}
/* a:focus{border:none;text-decoration:none} */
button:focus{outline:0 dotted;}
h1,h2,h3,h4,h5,h6{font-family:"Open Sans", sans-serif; font-weight:400; margin:0; color:#000; line-height:125%; -webkit-font-smoothing:auto;
-moz-osx-font-smoothing:auto;}
p{font-family:"Open Sans", sans-serif; line-height:normal; font-size:16rem; margin:0;}
ul{list-style:none; padding:0; margin:0;}
img{width:100%; height:auto;}
figure{margin:0;}
button{border:0;}

/* .container{border:1rem solid red;} */

.navbar__top{padding:var(--spacing-24) 0; width:100%; box-shadow:none; border-radius:0; transition:all .3s ease 0s; background:#000; border:0; z-index:10; transition:all .3s ease 0s; position:fixed; top:0;} 
.navbar__top .navbar__brand img{max-height:65rem; object-fit:contain; transition:all .3s ease 0s;}
.navbar__top .navbar__brand__sp{display:none;}
.navbar__top .navbar__nav{flex:1; justify-content:flex-end; column-gap:36rem; margin:0; height:100%;}
.navbar__top .navbar__nav li.nav__item{position:relative; display:flex;}
.navbar__top .navbar__nav li.nav__item a.nav__link{color:var(--font-color-base-white); font-size:18rem; font-weight:400; position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; height:100%; padding:0; text-align:center; width:100%;}
.navbar__top .navbar__nav li.nav__item a.nav__link:after{height:3rem; width:0; background-color:#fff; border-radius:5rem; transition:all .3s ease 0s; content:'';}
.navbar__top .navbar__nav li.nav__item a.nav__link:hover:after{width:32rem;}
.navbar__top .navbar__nav li.nav__item a.active:after{width:32rem;}
.navbar__top .user__info{margin-left:40rem;}
.navbar__top .user__info .form__group .input__group{width:165rem; border-radius:15rem; background-color:#D9D9D9; align-items:center;}
.navbar__top .user__info .form__group .input__group i.icon__box{height:16rem; width:32rem; display:flex; align-items:center; justify-content:center;}
.navbar__top .user__info .form__group .input__group i.icon__box img{width:14rem;}
.navbar__top .user__info .form__group .input__group .form__control{height:27rem; font-size:14rem; color:#000; border:0; background-color:transparent; padding:0 12rem 0 2rem;}

.navbar__top__shrink{padding:var(--spacing-12) 0;}
.navbar__top__shrink .navbar__brand img{max-height:55rem;}
.navbar__top .user__info .search__wrap__sp{display:none;}
.search__open{display:flex; align-items:center; justify-content:center; height:18rem; width:18rem;}
.search__open i.ico__box{display:flex; align-items:center; justify-content:center; width:98%;}
.search__open i.ico__box img{width:100%;}
.search__inline{width:100%; left:0px; padding-left:0px; padding-right:0px; top:100%; height:40px; position:absolute; opacity:0; visibility:hidden; background-color:transparent; z-index:9; transition:all .5s ease-in-out;}
.search__inline.search__visible{opacity:1; visibility:visible; animation:fadeInDown .4s ease-in-out;}
.search__inline .form__group{margin:0px; padding:0px; display:flex; align-items:center; height:40px;}
.search__inline button[type="submit"]{background-color:transparent; border:0px; padding:0px; cursor:pointer; width:40px; height:100%; background-color:#222; color:#fff; flex: 0 0 40px; display:flex; align-items:center; justify-content:center;}
.search__inline .form__control{border:0px; padding-left:15; padding-right:20rem; padding-left:20rem; font-size:14px; font-weight:400; outline:0px; box-shadow:none; height:100%;}
.search__inline .search__close{color:#616161; width:40px; height:100%; text-align:center; background-color:#03395c; text-decoration:none; flex: 0 0 40px; display:flex; align-items:center; justify-content:center;}
.search__inline .search__close i.ico__box{height:20px; width:20px; display:flex; align-items:center; justify-content:center;}
.search__inline .search__close i.ico__box img{width:100%;}
@keyframes fadeInDown {
from{opacity:0; transform:translate3d(0, -20%, 0);}
to {opacity: 1; transform:translate3d(0, 0, 0);}
}


.main__banner{position:relative; width:100%; overflow:hidden; height:unset; background-color:#000; margin-top:var(--header-height);}
.main__banner .image__box{height:100%; margin:0; padding:0; display:block; clear:both; overflow:hidden; position:relative; aspect-ratio:unset; position:relative;}
.main__banner .image__box picture{display:block; height:100%;}
.main__banner .image__box:before{background: rgba(0, 0, 0, 0.55); height:100%; width:100%; position:absolute; left:0; top:0; content:'';}
.main__banner .image__box img{width:100%; height:100%; object-fit:cover; object-position:bottom;}

.banner__slider__wrap{height:100%;}
.slick-list{height:100%;}
.slick-track{display:flex; height:100%;}
.slick-track:before, .slick-track:after{display:none;}
.slide__item{position:relative; height:100%;}

.slick-track div{height:100%;}

.banner__slider__wrap .slick-dots{position:absolute; bottom:0; left:0; width:100%; display:flex; align-items:center; justify-content:center; column-gap:3rem; padding-bottom:25rem;}
.banner__slider__wrap .slick-dots li{height:4rem; width:4rem; border-radius:30rem; text-indent:-99999rem; transition:all .3s ease 0s; background-color:#A19A9A;}
.banner__slider__wrap .slick-dots li.slick-active{height:6rem; width:6rem; background-color:#fff;}
.banner__slider__wrap .slick-dots li button{height:100%; width:100%;}





.main__banner .bannre__content{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.main__banner .bannre__content .container__holder{width:100%; display:flex; align-items:center; justify-content:center; height:unset;}
.main__banner .bannre__content .content__wrap{width:100%; max-width:1030rem; position:relative; z-index:2; text-align:center;}
.main__banner .bannre__content h1{color:#fff;}
.main__banner .bannre__content h2{color:#fff;}
.main__banner .bannre__content h3:before{width:55rem; height:2rem; background-color:#00E5ED; content:'';}
.main__banner .bannre__content p{color:#fff; max-width:620rem;}
.main__banner .bannre__content p span{display:block;}
.main__banner .bannre__content .button__wrapp{display:flex; align-items:center; justify-content:center; column-gap:var(--spacing-32);}
.main__banner .bannre__content .button__wrapp a{display:flex; justify-content:center;
align-items:center; background-color:#fff; width:130rem; height:40rem; border-radius:50rem; padding:0 0 3rem 0; color:var(--font-color-base); font-size:16rem; font-style:normal; line-height:normal;}
.main__banner .bannre__content .button__wrapp a:hover{background-color:#BEE6FF;}

.body__container{margin-top:-6rem; background-color:#fff; position:relative;}
.inner__banner__1 .image__box img{width:100%; height:100%; object-fit:cover; object-position:center;}

.welcome__wrap{margin:0; padding:0; display:flex; align-items:center; justify-content:space-between; column-gap:36rem;}
.welcome__wrap .image__box{max-width:684rem; height:468rem; width:100%; aspect-ratio:19/13;}
.welcome__wrap .image__box img{height:100%; width:100%; object-fit:cover;}
.welcome__wrap .content__wrap{max-width:512rem; width:100%;}
.welcome__wrap .content__wrap p{font-size:22rem; line-height:32rem;}


.service__card{background-color:rgba(190, 230, 255, 0.60); border-radius:6rem; padding:var(--spacing-16) var(--spacing-18) var(--spacing-24); min-height:250rem; max-width:33%;}
.service__card i.icon__box{height:45rem; width:45rem; border-radius:50rem; display:flex; align-items:center; justify-content:center; margin:0 auto;}
.service__card i.icon__box img{max-height:34rem;}
.service__card h3{color:var(--font-color-accent);}
.service__card p{font-size:14rem;}

.global__cta__wrap{max-width:1160rem; background-color:#073E61; border-radius:17rem; padding:var(--spacing-50); margin:0 auto;}
.global__cta__wrap .button__wrapp{display:flex; align-items:center; justify-content:center; column-gap:var(--spacing-32);}
.global__cta__wrap .button__wrapp a{display:flex; justify-content:center;
align-items:center; background-color:#fff; width:130rem; height:40rem; border-radius:50rem; padding:0 0 3rem 0; color:#073E61; font-size:16rem; font-style:normal; line-height:normal;}
.global__cta__wrap .button__wrapp a:hover{background-color:#BEE6FF;}


.panel__two__col{display:flex; justify-content:space-between; column-gap:80rem;}
.panel__two__col .content__block{flex:1;}
.panel__two__col .content__block .image__box{border-radius:4rem; max-height:440rem; height:440rem; overflow:hidden;}
.panel__two__col .content__block .image__box img{width:100%; height:100%; object-fit:cover;}
.panel__two__col .content__block p{padding-left:var(--spacing-40); padding-right:var(--spacing-40);}

.panel__three__col{display:flex; justify-content:space-between; column-gap:24rem; row-gap:32rem; flex-wrap:wrap; justify-content:center;}
.panel__three__col .service__card{border-radius:0; padding:var(--spacing-16) var(--spacing-16) var(--spacing-24); width:100%; max-width:400rem;}
.panel__three__col .service__card h3{color:#1e1e1e;}
.panel__three__col .service__card .image__box{border-radius:6rem; max-width:320rem; height:190rem; overflow:hidden; margin-left:auto; margin-right:auto;}
.panel__three__col .service__card .image__box img{height:100%; width:100%; object-fit:cover;}


.contact__wrapp{position:relative;}
.contact__wrapp__inner{width:100%; max-width:1188rem; margin:0 auto; position:relative; display:flex; background-color:#fff;} 
.contact__wrapp__inner .content__block{background-color:#073E61; display:flex; justify-content:center; flex-direction:column; max-width:533rem; width:100%; padding-left:var(--spacing-56); padding-right:var(--spacing-56);}

.form__wrap{padding-top:var(--spacing-48); padding-right:var(--spacing-48); padding-bottom:var(--spacing-36); padding-left:var(--spacing-24); width:100%;}
.form__wrap .form__group{margin-bottom:var(--spacing-12);}
.form__wrap .form__group label{font-size:16rem; margin-bottom:var(--spacing-08);}
.form__wrap .form__group .form__control{height:27rem; font-size:14rem; border-radius:6rem; border:0.5rem solid #073E61; width:100%; height:42rem; padding:12rem;}

.form__wrap .form__group textarea.form__control{height:80rem;}
.form__wrap .form__group .input__group{align-items:center; margin-bottom:var(--spacing-08);}
.form__wrap .form__group .input__group label{margin:0; font-size:12rem; position:relative; cursor:pointer; display:flex; column-gap:8rem;}
.form__wrap .form__group .input__group label:before{-webkit-appearance: none; background-color: transparent; border:1rem solid #000; box-shadow:none; padding:0rem; position: relative; cursor:pointer; height:16rem; width:16rem; border-radius:3rem; margin-top:3rem; content:'';}
.form__wrap .form__group .input__group input:checked + label:after{display:block; position:absolute; top:2rem; left:6rem; width:5rem; height:10rem; border:solid #000; border-width:0 1.2rem 1.2rem 0; transform:rotate(45deg); content: '';}
.form__wrap .form__group .input__group input{padding:0; height:initial; width:initial; margin-bottom:0; display:none; cursor:pointer;}

.form__wrap .button__wrapp {display:flex; align-items:center; justify-content:center; column-gap:var(--spacing-32);}
.form__wrap .button__wrapp .submit__btn{display:flex; justify-content:center;
align-items:center; background-color:#073E61; width:130rem; height:40rem; border-radius:50rem; padding:0 0 3rem 0; color:#fff; font-size:16rem; font-style:normal; line-height:normal;}
.form__wrap .button__wrapp .submit__btn:hover{background-color:#000;}









footer{padding-top:var(--spacing-80); background-image:url(../assets/images/footer-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; position:relative;}
footer:before{background:rgba(0, 0, 0, 0.77);; height:100%; width:100%; position:absolute; left:0; top:0; content:'';}
.footer__inner{max-width:880rem; margin-left:auto; margin-right:auto; position:relative; padding-bottom:80rem; z-index:1; display:flex; justify-content:space-between;}
.footer__inner .footer__widgets{display:flex;}
.footer__inner .footer__widgets ul{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; row-gap:16rem;} 
.footer__inner .footer__widgets ul li a{color:var(--font-color-base-white); font-size:18rem; border-bottom-color:transparent; border-bottom-width:1rem; border-bottom-style:solid;}
.footer__inner .footer__widgets ul li a:hover{color:#d8f0ff; border-bottom-color:#d8f0ff}
.footer__inner .footer__widgets .footer__info__wrap{display:flex; align-items:center; justify-content:space-between; max-width:316rem; column-gap:36rem;}
.footer__inner .footer__widgets .footer__info__wrap .logo__wrap{max-width:120rem; height:130rem; width:120rem; display:flex; align-items:center; justify-content:center; padding:14rem;}
.footer__inner .site__info{width:100%; max-width:155rem; display:flex; flex-direction:column; row-gap:12rem;}
.footer__inner .site__info .info__card{display:flex; column-gap:10rem; align-items:center;}
.footer__inner .site__info .info__card .icon__box{display:flex; align-items:center; justify-content:center; height:24rem; width:16rem;}
.footer__inner .site__info .info__card .icon__box img{width:16rem;}
.footer__inner .site__info .info__card p{font-size:12rem;}
.footer__inner .site__info .info__card p a{color:#fff;}

.footer__bottom{position:relative; border-top:1rem solid #fff; padding-top:24rem; padding-bottom:24rem;}
.footer__bottom p{font-size:10rem; padding-left:20rem; padding-right:20rem;}

.modal__warp .modal__dialog{max-width:900rem; display:flex; align-items:center; justify-content:center; height:100%; padding:30rem;}
.modal__warp .modal__dialog .modal__content{padding:0; position:relative; border:0; background-color:transparent;}
.modal__warp .modal__dialog .modal__content .btn__close{position:absolute; right:0rem; top:0rem; opacity:1; z-index: 1; background-color:#fff; height:30rem; width:30rem; border-radius:40rem;}
.modal__warp .modal__dialog .modal__content .modal__body{border:0; display:flex; align-items:center; justify-content:center; height:90vh;}
.m__video{position:relative; aspect-ratio:1/1; width:100%; height:100%;}