@charset "utf-8";
/* CSS Document */

p{text-align:justify;}

::selection {
  color:var(--bs-white);
  background:var(--bs-primary);
}

.full-img img{ width:100%; height:auto;}
.color-6d6e70, .color-6d6e70 a{ color:#6d6e70;}
.color-6d6e70 a:hover{ color:#000;}

.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.float-link{ position:fixed; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); height:50px; width:50px; display:flex; align-items:center; justify-content:center; color:var(--bs-primary); font-size:30px; z-index:100; border-radius:50%;}
.float-link.left{ left:20px;}
.float-link.right{ right:20px;}

.header{background:#fff; padding:15px 0; position:relative; z-index:1050;}
.header .logo img{ width:250px; height:auto;}
.header .icon-menu{ margin:0 0 0 auto; padding:0; list-style:none; border-right:1px solid #afafaf}
.header .icon-menu > li {border-right:1px solid #afafaf; position:relative;}
.header .icon-menu > li:last-child{ margin-right:0; border:none;}
.header .icon-menu > li > a{ display:flex; align-items:center; justify-content:center; height:40px; width:40px;}
.header .icon-menu > li > a img{ width:24px; height:auto;}
.header-nav{ position:relative; z-index:100;}
.header-nav .stellarnav{ background:var(--bs-primary);}
.header .icon-menu > li .dd-holder{ position:absolute; top:100%; left:0; right:0; display:none;}
.header .icon-menu > li:hover .dd-holder{ display:block;}
.header .icon-menu > li .dd-holder .card-body{ padding:0; border-radius:0;}
.header .icon-menu > li .dd-holder .card-body a.lang-btn{ height:38px; width:38px; display:flex; align-items:center; justify-content:center; color:#000; font-size:16px;} 
.header .icon-menu > li .dd-holder .card-body a.lang-btn:hover{ background:var(--bs-primary); color:#fff;}
.header .icon-menu > li button{ height:38px; width:38px; display:flex; align-items:center; justify-content:center; color:#000; font-size:16px; padding:0; border:none; background:none;} 
.header .icon-menu > li button:hover{ background:var(--bs-primary); color:#fff;}

.animated{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}

@keyframes fadeInUp{
0%{opacity:0;-webkit-transform:translate3d(0,20%,0);-ms-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{
0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}

.home-banner{ /*height:calc(100vh - 126px);*/ height:700px; position:relative; margin-top:-15px; z-index:99;}
.home-banner-bg{ background:#82cde8; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; /*animation: fadeInAnimation ease 2s; animation-iteration-count: 1; animation-fill-mode: forwards;*/}
.home-banner-sky{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; background:url(images/sky.png) no-repeat center; background-size:cover; /*animation: fadeInAnimation ease 2s; animation-iteration-count: 1; animation-fill-mode: forwards;*/}
.home-banner-skyline{ bottom:0; left:0; right:0; z-index:3; text-align:center; position:absolute;}
.home-banner .banner-text{ text-align:center; position:absolute; top:10%; left:0;-webkit-transform:translateY(-10%); -ms-transform:translateY(-10%); transform:translateY(-10%); z-index:10; left:0; right:0;}
.home-banner .banner-text img{ width:100%; max-width:100%; height:auto; display:block; margin:0 auto 30px;}

.footer{ padding:40px 0; text-align:right}
.page-sky-bg{ background:url(images/sky-bg.png) no-repeat center; background-size:cover; padding:111px 0; text-align:center; position:relative; z-index:1; margin-top:-25px; display:none;}
.page-sky-bg .title{ position:absolute; z-index:100; text-align:center; left:0; right:0; bottom:-24px;}
.page-sky-bg .title h3{ padding:6px 12px; background:var(--bs-primary); display:inline-flex; align-items:center; font-weight:400;}

.section{ padding:40px 0; position:relative; z-index:1;}
.section-sky{ background:#d9f6fd}
.para-line { padding-left:24px; border-left:2px solid transparent}
.line-secondary{ border-color:var(--bs-secondary)}
.line-primary{ border-color:var(--bs-primary)}
[class*=text-bg-]{ padding:6px 12px;}
/*.section-icon-title .icon img{ height:120px; width:auto;}*/
.section-icon-title .icon{ order:2; width:120px;}
.section-icon-title .title-text{ order:1}

.stroy-list .item:nth-child(odd){ background:#fef0e9}
.stroy-list .item:nth-child(even){ background:#d9f6fd;}
.stroy-list .item .content{ padding:90px 0 90px 0; position:relative;}
.stroy-list .item .content:before{ width:20px; top:0; left:0; bottom:0; background:var(--bs-primary); content:''; z-index:1; position:absolute;}
.stroy-list .item:first-child .content:before{ top:90px;}
.stroy-list .item .content .title h2{ padding:6px 20px 6px 40px; color:#231f20;}
.stroy-list .item:nth-child(odd) .title{ position:relative; z-index:2;}
.stroy-list .item:nth-child(odd) .title h2{ background:var(--bs-secondary)}
.stroy-list .item:nth-child(even) .title h2{ background:var(--bs-primary);}
.stroy-list .item .inner-content{ padding:48px 0 0 68px;}
.stroy-list .item .inner-content .table > :not(caption) > * > *{ background:none;}
.stroy-list .item .inner-content .table > tbody > tr > th{ white-space:nowrap; color:var(--bs-primary); padding-left:0;}

.visit-content .section:nth-child(odd){ background:#d9f6fd;}
.visit-content .section:nth-child(even){ background:#fff;}
.visit-content .section:nth-child(odd) h3{ background:var(--bs-secondary)}
.visit-content .section:nth-child(even) h3{ background:var(--bs-primary)}
.visit-content .section h3{ color:#000; padding:6px 24px;}

.issue-content .section:nth-child(odd){ background:#fef0e9;}
.issue-content .section:nth-child(even){ background:#fff;}
.issue-content .section:nth-child(odd) h3{ background:var(--bs-secondary)}
.issue-content .section:nth-child(even) h3{ background:var(--bs-primary)}
.issue-content .section h3{ color:#000; padding:6px 24px;}

.time-line-content{background:#d9f6fd;}
.time-line-content .content{ display:block;}
.time-line-content .content .year{flex-shrink:0; /*padding-right:24px;*/ position:relative; color:var(--bs-secondary)}
/*.time-line-content .content .year:after{ width:8px; content:''; position:absolute; top:0; bottom:0; background:var(--bs-primary); right:0; box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}*/
.time-line-content .content .block-content{ position:relative; /*padding-left:20px;*/ flex-grow: 1}
.time-line-content .content .block-content .box{ padding:24px; background:#fff; border-radius:16px; color:#6d6e70;}
.time-line-content .content .block-content [class*=col-]{ margin-top:24px;}
.time-line-content .content .block-content .box time{ display:block; padding-bottom:24px; margin-bottom:24px; border-bottom:3px solid #d9f6fd; color:var(--bs-secondary);}
.time-line-content .content .block-content .box .table > :not(caption) > * > *{ background:none;}
.time-line-content .content .block-content .box .table > tbody > tr > th{ white-space:nowrap; color:var(--bs-primary); padding-left:0;}

.accordionjs .acc_section { position:relative; z-index:10; margin-top:0; overflow:hidden; padding:0;}
.accordionjs .acc_section + .acc_section{ margin-top:20px;}
.accordionjs .acc_section .acc_head {cursor:pointer; position:relative; padding:0 60px 0 0; color:var(--bs-secondary); font-size:24px}
.accordionjs .acc_section .acc_content { padding:24px 0;}
.accordionjs .acc_section .acc_head:after{ content:'\f107'; right:24px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); position:absolute; font-family:'Font Awesome 6 Free'; font-weight:900; font-size:20px;}
.accordionjs .acc_section.acc_active > .acc_head:after{ content:'\f106';}


/*
@media (min-width:320px) {
h1{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{font-size:calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size:calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size:calc(1.0625rem + ((1vw - 3.2px) * 0.1875));;}
.font-18{font-size:calc(1rem + ((1vw - 3.2px) * 0.125)); min-height:0vw;}
.font-20{font-size:calc(1rem + ((1vw - 3.2px) * 0.25)); min-height:0vw;}
.font-24{font-size:calc(1rem + ((1vw - 3.2px) * 0.5)); min-height:0vw;}
}
@media (min-width:1400px) {
h1, .section-title h2{font-size:48px;}
h2, .section-title h3{font-size:40px;}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
.font-18{font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
}
*/

.menu-btn{ height:40px; width:40px; background:url(images/hamburger.png) no-repeat center; border:none; cursor:pointer; padding:0; display:block; margin-left:12px;}
.menu-btn.active{ background:url(images/close.png) no-repeat center;}
.mainNav {width:100%; }
/* First Level */
.mainNav ul {margin:0; padding:0; list-style:none; /*border-bottom:1px solid #444*/ font-weight:500;}
.mainNav ul li {border-top:1px solid #d8d8d8; }
.mainNav ul li a {color:var(--bs-dark); display:block; font-size:18px; line-height:normal; padding:12px 20px 12px 20px; text-decoration:none; font-weight:600; text-transform:uppercase;}
.mainNav ul li a:hover {color:var(--bs-primary); text-decoration:none; }
.mainNav > ul >  li + li{ border-top:1px solid #d8d8d8;}
.mainNav > ul >  li > a{ color:var(--bs-primary);}
.mainNav ul  li a:hover, .mainNav ul  li.current-menu-item a{ color:var(--bs-secondary);}
/* Second Level */
.mainNav ul ul {border-bottom:none}
.mainNav ul ul li {background:#fff; }
.mainNav ul ul li a {color:var(--bs-secondary); display:block; line-height:normal; padding:12px 16px 12px 30px; }
.mainNav ul ul li a:hover {color:var(--bs-primary);}
/* Third Level */
.mainNav ul ul ul {border-top:1px solid #d8d8d8;}
.mainNav ul ul ul li {border:none; }
.mainNav ul ul ul li a {padding:12px 24px; }
/* Accordion Button */
ul li.has-subnav .accordion-btn {color:var(--bs-dark);  background:none;  font-size:16px; }
@media (min-width:576px) {
}

@media (min-width:768px) {
.section{ padding:40px 0;}
.home-banner .banner-text img{ max-width:650px;}
/*.time-line-content .content .year{padding-right:40px}
.time-line-content .content .year:after{ width:12px;}
.time-line-content .content .block-content{padding-left:32px;}*/
}

@media (min-width:992px) {
.section{ padding:40px 0;}
.menu-btn{ display:none;}

.resize-sm p, .resize-sm li{ font-size: 1rem; }
.resize-md p, .resize-md li{ font-size: 1.125rem; }
.resize-lg p, .resize-lg li { font-size: 1.25rem; }
.resize-sm h1{ font-size:40px}
.resize-sm h2{ font-size:32px;}
.resize-sm h3, .resize-sm .time-line-content .content .block-content .box time, .accordionjs .acc_section .acc_head{ font-size:24px;}
.resize-sm h4{ font-size:20px;}
.resize-sm h5{ font-size:16px}
.resize-sm h6{ font-size:14px}

.resize-md h1{ font-size:48px;}
.resize-md h2{ font-size:40px;}
.resize-md h3, .resize-md .time-line-content .content .block-content .box time, .accordionjs .acc_section .acc_head{ font-size:32px}
.resize-md h4{ font-size:24px}
.resize-md h5{ font-size:18px}
.resize-md h6{ font-size:16px}

.resize-lg h1{ font-size:52px}
.resize-lg h2{ font-size:44px}
.resize-lg h3, .resize-lg .time-line-content .content .block-content .box time, .accordionjs .acc_section .acc_head{ font-size:36px}
.resize-lg h4{ font-size:28px}
.resize-lg h5{ font-size:22px}
.resize-lg h6{ font-size:20px}

.home-banner .banner-text img{ max-width:550px;}
.visit-content .section, .stroy-list .item .content{ padding:50px 0;}
}

@media (min-width:1200px) {
}

@media (min-width:1400px) {	
}