body{font-family: 'Poppins', sans-serif; overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000; font-weight: normal;}
p{    margin-bottom: 0;
    font-size: 16px;
    color: #000;
    line-height: normal;
    margin-bottom: 25px;}
p.medium{font-weight:600;font-size:18px}
a{text-decoration:none!important}
ul{padding:0;margin:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0}
img{max-width:100%}
.heading{color: #000;
font-family: 'Poppins', sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height: normal;
text-transform: capitalize;
color:#104076; }
.heading2{
	color: #000;
font-family: 'Poppins', sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 300;
line-height: 111%; /* 35.52px */
text-transform: uppercase;
margin-bottom:16px;
}
/* .heading:after{content:"";width:84px;height:5px;background:#EA2424;position:absolute;bottom:0;left:0} */
.heading{position:relative;line-height:1;padding-bottom:20px}
.heading.text-center:after{left:50%;transform:translateX(-50%)}
header {
    position: fixed;
    z-index: 999;
    width: 100%;
    background-color: transparent!important;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    background: transparent;
    top: 0;
    width: 100%;
    left: 0;
}
.banner {
    margin-top: -80px;
    position: relative;
    z-index: 99;
    margin-bottom: -80px;
}
header.header-scrolled {
    position: fixed;
    top: 0;
    width: 100%;
    
	background:transparent!important;
}
.navbar-inside {
    justify-content: space-between;
    width: 100%;
    background: #fff;
    padding: 0 27px;
    align-items: center;
	border-radius: 0px 0px 13px 13px;
}
header.header-scrolled .navbar-inside
{box-shadow: 0 0px 12px 0px rgba(0,0,0,.2);}
nav.navbar {
    padding: 0;
}
a.navbar-brand {
    display: flex;
    align-items: center;
    padding: 22px 0;
}

span.devider {
    width: 1.254px;
    height: 77.583px;
    background: rgba(0,0,0,0.2);
    margin: 0 27px;
}
.top-detail {
    display: flex;
	align-items: center;
	    margin-bottom: 23px;
}

li.nav-item {
    /* margin-top: 35px; */
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 5px 0;
}

.top-detail > div {
    margin-left: 33px;
}
.social-detail span {
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.social-detail a {
    margin: 0 5px;
}
li.nav-item a.nav-link {
   font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
color:#000;
}
.skip-navigation a {
    font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
color:#E3A533;
width: 140px;
height: 27px;
border:1px solid #E3A533;
    text-align: center;
    line-height: 27px;
	display:inline-block;
	    border-radius: 8px;
}



.skip-navigation {
    position: relative;
    margin-left: 26px;
}
.navbar-expand-lg .navbar-nav li.nav-item:last-child a.nav-link {
    padding-right: 0;
}
section{padding:200px 0 220px;   ;}
.read-more.read-more2 {
    text-align: center;
    margin-top: 60px;
    display: inline-block;
    width: 100%;
}
.read-more.read-more2 a {
    background: #104076;
    padding: 9.15px 26.53px;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	display: inline-block;
	border: 1px solid #104076;
}
.director-img {
    position: relative;
}


.director-img-col {
    flex: 0 0 40%;
}

.director-img-col, .director-txt-col {
    padding-left: 15px;
    padding-right: 15px;
}

.director-txt-col {
    flex: 0 0 51%;
}
.director-txt-col p a {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
    color: #007CC2;
}


p.director {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #007CC2;
}

p.director span {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #000;
}
section.letter-from-director {   
    background: url(../images/letter-from-director-bg.png) no-repeat top center;
    position: relative;
    z-index: 100;
    top: -30px;
	padding: 238px 0 320px;
}

section.letter-from-director .bg-grid {
    padding: 170px 0 220px;
}
.bg-grid {
    background-size: 111px 111px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
}
.bg-grid-white {
    /* background-color: #28235C; */
    background-size: 111px 111px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}
.read-more.text-white a {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    width: 110.068px;
    height: 39.292px;
    display: inline-block;
    text-align: center;
}
.content-text p:last-child {
    margin-bottom: 0;
}
h2.heading-type2 {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 128px;
    font-style: normal;
    font-weight: 800;
    line-height: 111%; /* 142.08px */
    text-transform: uppercase;
    position: relative;
}

h2.heading-type2:before {
    content: "";
    width: 22.2px;
    height: 160px;
    background: #fff;
    position: absolute;
    top: -130px;
    left: 132.5px;
}
ul.engage-list li {
    border-radius: 11px;
    border: 1px solid #CD8F1D;
    background: #fff;
    position: relative;
    padding: 36px 0 36px 115px;
    height: 118px;
    overflow: hidden;
}
.page-inside ul.engage-list li.bottom-line, .page-inside ul.engage-list li.top-line {
    min-height: 192px;
}

ul.engage-list li h3 {

font-size: 22px;

font-style: normal;

font-weight: 400;

line-height: 23px;
}

ul.engage-list li p {
    
font-size: 13.06px;
    
font-style: normal;
    
font-weight: 500;
    
line-height: 16.978px;
    
position: absolute;
    
left: 0;
    
margin: 0;
    
padding: 25px 15px;
    
background: #E3A533;
    
top: 0;
    
height: 100%;
    
text-align: center;
    
color: #fff;
}
ul.engage-list li p strong, ul.engage-list li p span {
    display: block;
}

ul.engage-list li p strong {
    font-size: 31.344px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.12px;
}

ul.engage-list li p span {
    font-size: 22.202px;
    font-style: normal;
    font-weight: 500;
    line-height: 26.12px;
}
ul.engage-list li p span:first-child {
    line-height: 22px;
}
ul.engage-list {
    display: grid;
    grid-template-columns: repeat(3, calc(33.333333333% - 20px));
    grid-gap: 30px;
}

a.btn-more {
    padding: 16px 21px;
    border-radius: 20px 0px;
    border: 1px solid #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.08px;
    text-transform: uppercase;
	    display: inline-block;
}

.engage-content a.btn-more {
    float: right;
}


span.graphic {
    position: absolute;
    bottom: 0;
    width: 40%;
    top: 0;
    background: url(../images/engage-art.svg) no-repeat 60% bottom;
    z-index: 2;
    background-size: auto;
}



.frm-field {
    width: 100%;
    float: left;
}
.frm-field.checkbox-data {
    margin: 16px 0;
}
.frm-field label {
    display: block;
    margin: 0;
}
.sr-only{
   position:absolute;
   left:-10000px;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
}

.field-insert {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 14px 20px;
    border: 0.5px solid #585858;
    border-radius: 8px;
	width:100%;
	margin-bottom:16px;
	color:#000;
	background: #fff;
}
.field-insert::placeholder
{color:#000;
font-size: 15px;
    font-style: normal;
    font-weight: 500;}
.field-insert.comments1 {
    min-height: 107px;
}
.frm-field .checkbox-fild label {
    display: inline;
}
input.submit-btn {
    background: #104076;
    padding: 9.15px 26.53px;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
	    border: 0;
}
span.btn-more {
    padding: 18px 34px;
    border-radius: 20px 0px;
    background: #28235C;
}
.g-recaptcha {
}
section.your-comment {
    background: #fff;
}

.form-details {
    padding-left: 42px;
}

.form-flex {
    position: relative;
}


section.your-comment {
    position: relative;
	    padding-top: 100px;
}
.footer-data {

}
.top-foot {
    padding: 0 145px;
}
.top-foot ul li {
    color: #FFF;
    font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 18px;
    margin-bottom: 50px;
    /* padding-left: 40px; */
}

.top-foot ul li a {
    color: #fff;
	text-decoration: underline !important;
}

.top-foot ul {
    /* padding-right: 35px; */
    position: relative;
}


.top-foot ul li {
    display: flex;
    align-items: flex-start;
}

.top-foot ul li span {
    margin-right: 10px;
}

.top-foot ul {
    display: flex;
    justify-content: space-between;
}

.top-foot ul li.phone, .top-foot ul li.email {
    align-items: center;
}
.footer-data .social-detail {
    display: none;
}
.bottom-foot {
    text-align: center;
}
.bottom-foot ul li {
    display: inline-block;
}

.bottom-foot ul li a {
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.bottom-foot ul li {
    padding: 0 50px;
    position: relative;
}
.bottom-foot ul li:after {
    content:"";
    position: absolute;
    right: 0;
    height: 14px;
    width: 1px;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
}
.bottom-foot ul li:last-child:after {
    display: none;
}
.bottom-foot ul li:first-child {
    padding-left: 0;
}

.bottom-foot ul li:last-child {
    padding-right: 0;
	border:0
}
.website-text .read-more a {
    width: 326px;
    height: 47px;
    flex-shrink: 0;
    max-width: 100%;
    display: inline-block;
    background: #104076;
    line-height: 47px;
    color: #fff;
    border-radius: 8px;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
	border: 1px solid #104076;
}
.website-text {
    margin: 50px 0;
}
.website-text {
    margin: 32px 0;
}
.footer-copyright-part {
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.4);
    padding: 20px 15px;
}
.copyright-text {
    color: #fff;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.48px;
}

.copyright-text a {
    color: #fff;
    text-decoration: underline !important;
}
footer.footer-section {
    /* padding: 50px 0; */
    background: #007CC2;
    position: relative;
    padding-top: 90px;
}
footer.footer-section:before {
    content: "";
    width:100%;
    position:absolute;
    left:0;
    height:185px;
    background:url(../images/footer-before.png) no-repeat top center;
    top: -120px;
    z-index: 101;
}


.swiper-slide-img {

}

.swiper-slide-img {
        text-align: right;
    padding: 45px 0;
    height: 100%;
    width: 100%;
    position: absolute;
	    background-position: center 70px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.swiper-slide-img img {
    max-width: 56%;
}
.slide01 {
    background: url(../images/slide-01.jpg);
}
.slide02 {
    background: url(../images/slide-02.jpg);
}
.slide03 {
    background: url(../images/slide-03.jpg);
}
.slide04 {
    background: url(../images/slide-04.jpg);
}
.slide05 {
    background: url(../images/slide-05.jpg);
}
.tagline-text {
    position: absolute;
    top: calc(50% + 62px);
    transform: translateY(-50%);
    left: calc((100% - 1200px) / 2);
}
.banner-highlight-text {
	/* color: #e3a533; */
}
.tagline-text h2 {
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 1; /* 64.38px */
    text-transform: uppercase;
    /* max-width: 505px; */
    max-width: 750px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}
.swiper-slide {
    min-height: 720px;
}
.slider__pagination {
    position: absolute;
    bottom: 210px !important;
    left: calc((100% - 1170px) / 2)!important;
    z-index: 9;
    top: auto;
}

.slider__pagination span.swiper-pagination-bullet {
    width: 33.749px;
    height: 7.323px;
    border-radius: 48.413px;
    background: #DADADA;
    opacity: 1;
}
.slider__pagination span.swiper-pagination-bullet-active {
	width: 89.699px;
    height: 7.323px;
    background: #E3A533;
	}

.inside-header-img {
    max-width: 1280px;
    display: block;
    margin: 0 auto;
    text-align: right;
    padding: 45px 0;
}

.inside-header-txt {
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
    max-width: 46%;
    left: calc((100% - 1170px) / 2);
}

.inside-header-txt h1,.inside-header-txt h2, .inside-header-txt p {
    color: #fff;
}
.inside-header-txt h1 {
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 111%; /* 35.52px */
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}
.inside-header-txt h2 {
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 111%; /* 35.52px */
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
margin-top: 20px;
}

.inside-header-txt p:last-child {
    margin-bottom: 0;
}
.inside-header-img img
{max-width:39%;}
section.inside-about {
    padding: 0;
    background: url(../images/concrete-wall.png) no-repeat center;
}

section.inside-about .bg-grid {
    padding: 170px 0 90px;
}
section.accessibility-form .bg-grid {
    padding: 60px 0 130px;
}
section.master-plan
{background: url(../images/master-plan.jpg) no-repeat center; background-size:cover;
padding-bottom:560px;
}
section.effect-goal:before, section.effect-goal:after, section.accessibility2:before, section.accessibility2:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
}

section.effect-goal, section.accessibility2 {
    position: relative;
	    margin-top: -120px;
}

section.effect-goal:before , section.accessibility2:before{
    border-radius: 0px 120px 0px 0px;
    background-color: #28235C;
}

section.effect-goal:after, section.accessibility2:after {
    border-radius: 117px 0px 0px 0px;
    background-color: #1AAA61;
    right: 0;
}
section.effect-goal > .container, section.accessibility2 > .container {
    position: relative;
    z-index: 2;
}

.content-text.affect {
    padding-right: 50px;
}

.content-text.goals {
    padding-left: 50px;
}
.ptb-60
{padding:60px 0}
ul.list li {
    background: url(../images/bullet.svg) no-repeat left 5px;
}
ul.list.text-white li {
    background: url(../images/bullet-white.svg) no-repeat left 5px;
}
ul.list.text-white2 li {
    background: url(../images/bullet-white2.svg) no-repeat left 5px;
}
ul.list.text-white li a {
    color: #fff;
}
ul.list li {
    padding-left: 15px;
    margin-bottom: 23px;
    font-size: 16px;
}
ul.list li:last-child {
    margin: 0;
}
section.future-responsible
{background: url(../images/future-responsible.jpg) no-repeat center;
    background-size: auto 100%;
    padding-bottom: 400px;}
.content-text.future p, .content-text.goals p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    font-family: 'Poppins', sans-serif;
}
p a, ul.list li a{text-decoration:underline !important; color:#000;}




section.your-comment > div {
    z-index: 1;
    position: relative;
}
section.master-plan {
    position: relative;
}


.swiper-container,  .inside-header {
    position: relative;
}
.swiper-button-next, .swiper-button-prev{display:none;}

.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: 100%;
    z-index: 1;  }

.line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.05);
  overflow: hidden;
  z-index: 3;
  }
  .line::after {
    content: '';
    display: block;
    position: absolute;
    height: 15vh;
    width: 100%;
    top: -50%;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
    animation: drop 7s 0s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); }
  .line:nth-child(1) {
    margin-left: 111px;
    }
    .line:nth-child(1)::after {
      animation-delay: 2s; }
.line:nth-child(2) {
    margin-left: 333px;
    }
  .line:nth-child(3) {
    margin-left: 555px;
    z-index: 4;
    }
    .line:nth-child(3)::after {
      animation-delay: 2.5s;
      z-index: 9;
      }

@keyframes drop {
  0% {
    top: -50%; }
  100% {
    top: 110%; } }

section.engage .lines {
    top: -130px;
    bottom: 0;
	height:auto;
}
section.online-survey .line:nth-child(1) {
    margin-left: 25%;
    }
section.online-survey .line:nth-child(2) {
    margin-left: 50%;
    }
 section.online-survey  .line:nth-child(3) {
    margin-left: 75%;
    z-index: 4;
    }

.breadcrumb-text{color:#fff;font-size:14px;text-align:center;text-transform: uppercase;margin-bottom: 8px;}
.breadcrumb-text a{color:#fff}
.breadcrumb-text span{display:inline-block;margin:0 10px}
.breadcrumb-text span img{display:inline-block;vertical-align:middle}
.inside-header {
    min-height: 470px;
}
.header-img {
    height: 100%;
    width: 100%;
    position: absolute;
    float: left;
	background-position: center !important;
	    background-size: cover !important;
}
.inside-header .about{background:url(../images/about-header.jpg) no-repeat center}
.inside-header .engage{background:url(../images/engage-header.jpg) no-repeat center}
.inside-header .reports{background:url(../images/reports-header.jpg) no-repeat center}
.inside-header .contact{background:url(../images/contact-header.jpg) no-repeat center}
.inside-header .accessibility{background:url(../images/accessibility-header.jpg) no-repeat center}
.breadcrumb-text {
    text-align: left;
}
.page-inside ul.engage-list li {
    padding-left: 135px;
}

.page-inside ul.engage-list li p strong {
    font-size: 20px;
}

.page-inside ul.engage-list li p {
    font-size: 16px;
    width: 116px;
}

.page-inside ul.engage-list li h3 {
    font-size: 20px;
}
.subtitle {
    font-size: 26px;
    font-size: 25px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
    /* min-height:60px; */
}

.contact-content h5 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
    padding-right: 20px;
}

.con-bold {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    float: left;
    width: auto;
    margin: 0 0 5px;
}

.colon {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    float: left;
    width: 3%;
}

.con-text {
    font-size: 16px;
    color: #000;
    float: left;
}
.con-text {
    clear: both;
}
.clear {
    clear: both;
}

.contact-content {
    margin-bottom: 30px;
    padding: 20px 0;
    border-right: 1px solid #ccc;
    float: left;
    width: 100%;
    word-break: break-all;
}
.contact-content.no-border {
    border: 0;
}
.contact-content {
    border: 0;
    position: relative;
    height: 100%;
	    margin: 0;
}

.contact-content:after {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #ccc;
}

.contact-content.no-border:after {
    display: none;
}
.con-text a {
    color: #000;
    text-decoration: none !important;
}
.con-text a:hover{text-decoration: underline !important;}
.contact-content h5 span {
    font-weight: 400;
    padding-right: 15px;
    display: inline-block;
}

.contact-content .subtitle {
    margin-bottom: 10px;
    font-weight: 400;
}
.pb-160 {
    padding-bottom: 160px !important;
}
section.accessibility-form .bg-grid {
    padding: 60px 0 150px;
}
.con-text-box {
    align-items: center;
    display: flex;
}
.company-desc p:last-child {
    margin: 0;
}
.access-form .comment-form {
    float: left;
    width: 48%;
    padding: 0;
    margin: 0;
}

.FR {
    float: right !important;
}
.frm-field.checkbox-fild label {
    display: inline-block;
}
.access-form .frm-field.checkbox-fild {
    margin-bottom: 15px;
}
div#skip {
    float: left;
    margin-top: 80px;
}



p.director {
    font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
color:#007CC2
}
p.director span {
	display:block;
  font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
color:#000
}
a.btn-more:before, span.btn-more:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #000;
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3);
    opacity: 0;
    transition: all .3s;
}
span.btn-more:before{
	z-index: 0;
}

a.btn-more, span.btn-more {
    position: relative;
	overflow:hidden
}

a.btn-more:hover:before, span.btn-more:hover:before {
    opacity: 1;
    background-color: #fff;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s;
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity;
}

a.btn-more:hover, span.btn-more:hover {
    color: #28235C !important;
	    border: 1px solid #28235C;
}
a.btn-more:hover img {
    filter: invert(1) brightness(1.5);
}
span.btn-more {
    display: inline-block;
}
span.btn-more:hover input.submit-btn {
    color: #28235C;
    position: relative;
}

li.nav-item a:after {
    content: "";
    width: 0;
    height: 2px;
    background: #28235C;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s ease;
}

.navbar-nav li.nav-item {
    position: relative;
    margin: 0 49px;
}
.navbar-nav li.nav-item:last-child {
    margin-right: 0;
}

.navbar-nav li.nav-item:first-child {
    margin-left: 0;
}
.navbar-nav li.nav-item:after {
    content: "";
    width: 2px;
    height: 13px;
    background: #000;
    position: absolute;
    right: -49px;
    top: 50%;
    transform: translateY(-50%);
}
.navbar-nav li.nav-item:last-child:after
{display:none;}
li.nav-item:hover a:after {
    content: "";
    width: 100%;
    /* right: auto; */
}
li.nav-item:hover a
{color:#28235C}
.bottom-foot ul li a:after {
    content: "";
    width: 100%;
    bottom: -2px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    transform: translateX(-50%);
    transform: scaleX(.3);
    opacity: 0;
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity;
}
.about-txt-col {
    max-width: 620px;
	    padding: 0 15px;
}

section.about-city {
    background: url(../images/about-bg.jpg) no-repeat center;
    position:relative;
    background-size: cover;
    padding-top: 180px;
        margin-top: -175px;
}
section.engage {
    background: url(../images/engage-bg.png) no-repeat top center;
	    margin-top: -130px;
    position: relative;
	padding-bottom: 270px;
}
section.survey {
    background: url(../images/survey-bg.png) no-repeat bottom center;
	    margin-top: -130px;
	padding-bottom: 250px;
}
section.about-vista {
    background: url(../images/about-vista-bg.png) no-repeat top center;
    margin-top: -102px;
    padding-bottom: 290px;
    position: relative;
    z-index: 100;
}
section.about-vista.engage-inside, section.about-vista.reports-inside {
    padding: 250px 0 200px;
}
section.about-vista .content-text, .share-vision .content-text {
    padding-right: 65px;
}
section.mission {
    background: url(../images/mission-bg.jpg);
    position:relative;
    background-size: cover;
    padding-top: 180px;
    margin-top: -130px;
}
.mission-col {
    max-width: 596px;
    margin-left: calc(100% - 596px);
}
section.whats-need {
    background: url(../images/whats-need-bg.png) no-repeat top center;
    margin-top: -130px;
    padding-bottom: 200px;
    position: relative;
    z-index: 100;
    padding: 310px 0;
}
section.next-gen {
    background: url(../images/next-practice-bg.png) no-repeat top center;
    margin-top: -180px;
    padding-bottom: 200px;
    position: relative;
    z-index: 100;
    padding: 250px 0 200px;
}
section.next-gen.accebility2 {
	background: url(../images/accebility2-bg.png) no-repeat top center;
	background-size: cover;
	padding-bottom: 150px;
	padding-top: 250px;
	margin-top: -177px;
	/* clear: both; */
}
section.which-site {
    background: url(../images/which-site-bg.png) no-repeat top center;
    margin-top: -130px;
    padding-bottom: 243px;
    position: relative;
    z-index: 2;
}
section.which-site .content-text {
    padding-left: 55px;
}
section.effect {
    background: url(../images/effect-bg.png) no-repeat top center;
    margin-top: -84px;
    padding-bottom: 250px;
    position: relative;
    z-index: 3;
    padding-top: 390px;
}
section.responsible {
    background: url(../images/responsible-bg.png) no-repeat top center;
    margin-top: 0;
    padding-bottom: 300px;
    position: relative;
    z-index: 3;
    padding-top: 300px;
}
section.additional-info {
    background: url(../images/additional-info.png) no-repeat top center;
    margin-top: -130px;
    padding-bottom: 300px;
    position: relative;
    z-index: 100;
    /* padding-top: 200px; */
}
section.adobe {
    background: url(../images/adobe-bg.png) no-repeat bottom center;
    margin-top: -172px;
    padding-bottom: 200px;
}
section.accessibility-form {
    padding-top: 80px;
    padding-bottom: 250px;
}

a.text-yellow {
    font-weight: 600;
    text-decoration: none !important;
	transition:all 0.3s ease;
}
a.text-yellow:hover
{
	color: #000;
	text-decoration:underline  !important;
}
.text-white a.text-yellow:hover
{color:#fff;}
section.responsible .mission-col {
    max-width: 500px;
    margin-left: calc(100% - 500px);
}
section.timeline {
        background: linear-gradient(90deg, #F8FFEE 2.74%, #F2FFE1 79.54%);
    margin-top: -125px;
    padding-bottom: 141px;
}
section.contact-inside {
    padding: 250px 0 200px;
}
p.email {
    font-weight: 600;
}

p.email a {
    color: #007CC2;
}
section.share-vision {
    padding: 60px 0 80px;
}
.text-padding {
    padding: 0 95px;
}
.text-yellow {
    color: #E3A533;
}
p.bold {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.bottom-foot ul li a {
    position: relative;
}

.bottom-foot ul li a:hover:after {
    width: 100%;
    transform: scaleX(1);
    opacity: 1;
}
[data-animate] {
  opacity: 0;
  transition: all 0.8s ease;
}
[data-animate="bottom"] {
  transform: translate3d(0, 20px, 0);
}
.swiper-slide-active [data-animate] {
  opacity: 1 !important;
  transform: none;
      transition-delay: 1s;
  
}
.text-big {
    font-size: 26px;
}
.company-logo {
    float: left;
    margin: 0;
    width: 25%;
}
.company-desc {
    float: left;
    width: 75%;
    padding: 0 0 0 35px;
}
.company-desc p a {
    text-decoration: underline !important;
}
ul.list{float: none;width:100%;margin:0 0 25px;display: inline-block;}
.list li {
    display: inline-block;
    margin-bottom: 15px;
    padding: 0;
    width: 100%;
    padding-left: 12px;
    position: relative;
    float: left;
}
ul.list.col2 li {
    display: inline-block;
    width: 49%;
    margin-right: 1%;
}
.list li:nth-child(2n) {
    float: right;
    clear: right;
}
ul.list.col2 li:nth-child(2n+2) {
    margin-right: 0;
    margin-left: 1%;
}
.list li:before {
    content: "";
    width: 3px;
    background: #F5AC19;
    margin-right: 12px;
    margin-top: 3px;
    height: 15px;
    position: absolute;
    left: 0;
    margin-right: 0;
}

/******************************************************/
header.header-scrolled a.navbar-brand {
    margin: 0;
}


.read-more a, .frm-field .read-more {
    display: inline-block;cursor:pointer;
}

.read-more a:before, .read-more a:after, .frm-field .read-more:before, .frm-field .read-more:after {
    content:"";
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #e3a533;
    content: '';
    position: absolute;
    z-index: -1;
}

.read-more a, .frm-field .read-more {
    overflow: hidden;
    position: relative;
	
}
.frm-field .read-more {
    border-radius: 5px;
	    border: 1px solid #104076;
	
}
.frm-field .read-more:hover{border-color:#E3A533}
.read-more a:after , .frm-field .read-more:after{
    height: 100%;
    left: -35%;
    top: 0;
    transform: skew(38deg);
    transition-duration: 0.6s;
    transform-origin: top left;
    width: 0;
    z-index: 99;
}

.read-more a:hover:after, .frm-field .read-more:hover:after {
    height: 115%;
    width: 135%;
}

a {}

.read-more a:hover {
    background: transparent;
	border-color:#e3a533;
	
}
.frm-field .read-more:hover:after
{background: #E3A533;}
.read-more a:hover span, .frm-field .read-more:hover input {
    color: #104076;
    position: relative;
    z-index: 9999;
	background:transparent;
	border-color: transparent;
	color:#fff;
	
}
.frm-field .read-more:hover input
{color: #fff;}
.social-detail.mobile{display:none;}

@media only screen and (max-width:1368px)
{
.comment-form {
    flex: 0 0 38%;
}	
}

@media only screen and (max-width:1280px)
{
.inside-header-txt{left: 15px; max-width: 50%;}
.inside-header-img
{padding-right: 15px;}
.comment-form {
    flex: 0 0 35%;
}
}

@media only screen and (max-width:992px)
{
	a.navbar-brand img {
    max-width: 45%;
}

a.navbar-brand {
    margin: 0;
    flex: 0 0 40%;
}

.banner {
    margin: 0;
    margin-top: 142px;
	position: static;
}

div#navbarResponsive, .top-detail {
    margin: 0;
}

.top-detail {
    flex: 0 0 58%;
    align-items: center;
    flex: 0 0 58%;
    align-items: center;
    position: absolute;
    right: 60px;
    top: 30px;
    margin-top: 8px;
}
.top-detail {
    margin-right: 0;
}
.inside-header-txt {
    left: 15px;
    position: static;
    width: 100%;
    padding: 0 15px;
    transform: none;
    max-width: unset;
	margin-top: 30px;
	margin-bottom: 30px;
}

.inside-header-img {
    width: 100%;
    text-align: center;
}

.inside-header {
    background-position: right top;
}

.inside-header-img img {
    max-width: 100%;
}

.inside-header-txt h1, .inside-header-txt p, .inside-header-txt h2 {
    color: #000;
	    font-size: 28px;
}

section.effect-goal:before, section.effect-goal:after {
   display:none; 
}

section.master-plan {
    padding-top: 430px;
    background-position: center top;
    background-size: auto 400px;
    padding-bottom: 80px;
}

section.effect-goal {
    /* margin: 0; */
}


.content-text.affect:before {
    content: "";
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
        width: auto;
	border-radius: 0px 120px 0px 0px;
    background-color: #28235C;
	    left: -40px;
    z-index: -1;
    right: -30px
}

.content-text.goals:before {
     content: "";
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
        width: auto;
	    border-radius: 117px 0px 0px 0px;
    background-color: #1AAA61;
        left: -30px;
    z-index: -1;
    right: -40px;
}
.content-text.goals, .content-text.affect {
    position: relative;
    padding: 50px 0;
}
section.future-responsible {
    padding-top: 450px;
    padding-top: 430px;
    background-position: center top;
    background-size: auto 400px;
    padding-bottom: 90px;
}
.footer-data {
    display: inline-block;
    margin: 0;
    width: 100%;
}

.top-foot ul, .bottom-foot {
    padding: 0;
}
.top-foot ul:after{display:none;}
.bottom-foot ul li {
    padding: 0 30px;
}

.bottom-foot {
    text-align: center;
}

.top-foot ul li {
    margin-bottom: 20px;
}

.top-foot {
    margin-bottom: 30px;
}


.content-text.affect {
    margin-bottom: 30px;
}
span.devider {
    margin: 0 15px;
}

button.navbar-toggler {
    position: absolute;
}
.top-detail > div {
    margin-top: 0;
	margin-left: 15px;
}
.director-img-col, .director-txt-col {
    flex: auto;
}
.comment-form {
    flex: none;
    padding: 0;
    margin: 0;
}

.form-flex {
    display: inline-block;
    width: 100%;
	margin: 0;
}

.frm-field.checkbox-data {
    position: static;
    width: 100%;
	clear: both;
	margin-bottom: 20px;
}

section.your-comment, section.letter-from-director {

       overflow-x: hidden;
}
section.letter-from-director
{
       overflow-x: hidden;
	   }

section.online-survey {
    position: relative;
    margin-top: 40px;
}

h2.heading-type2 {
    margin-bottom: 40px;
}

ul.engage-list {
    padding: 0;
    grid-template-columns: auto;
}

.engage {
    padding-bottom: 250px;
}

span.graphic {
    width: 100%;
}
.swiper-slide-img, .inside-header-img {
    
	
}

.swiper-slide-img img {
    max-width: 100%;
}

.tagline-text {
    /* position: static; */
    /* transform: none; */
    left: auto;
    top: 50%;
}

.swiper-slide, .inside-header {
    background: transparent;
    min-height: 250px;
}

.tagline-text h2 {
    /* color: #000; */
    max-width: unset;
    margin-top: 30px;
    text-align: left;
    font-size: 30px;
}

.slider__pagination {
    /* position: relative; */
    /* margin-top: 20px; */
    text-align: right;
    z-index: 99999999999 !im;
    bottom: 20px !important;
    left: auto !important;
    right: 0 !important;
}



section.letter-from-director .bg-grid {
    padding: 0 0 220px;
}

section.letter-from-director {
    background-size: cover;
}
.director-img {
    text-align: center;
}
button.navbar-toggler {
    width: 30px;
    height: 30px;
    z-index: 99999;
    right: 50px;
    padding: 0;
    top: 30px;
    outline: 0;
}

span.icon-bar {
    width: 30px;
    height: 2px;
    background: #104076;
    display: block;
    margin: 6px 0;
}
.about-img {
    margin-bottom: 30px;
    text-align: center;
}
section.inside-about {
    background-size: cover;
}
section.inside-about .bg-grid {
    padding-top: 60px;
}
div#navbarResponsive.show {
    position: absolute;
    top: 100%;
    width: auto;
    left: 15px;
    right: 15px;
    box-shadow: 0 0px 7px 0px rgba(0,0,0,.2);
}

div#navbarResponsive {
    position: absolute;
    top: 100%;
    width: auto;
    left: 15px;
    background: #fff;
    right: 15px;
    box-shadow: 0 0px 7px 0px rgba(0,0,0,.2);
}

.navbar-nav li.nav-item {
    margin: 0;
    padding: 0 15px;
    border-top: 1px solid #eee;
}
li.nav-item a.nav-link {

margin: 15px 0;
}
section.effect-goal {
    overflow: hidden;
}
.page-inside ul.engage-list li {
    width: 100%;
}
li.wow.fadeInUp.top-line{
     padding-bottom: 40px;
    margin-bottom: 40px;
}
li.wow.fadeInUp.bottom-line{
     padding-bottom: 40px;
}


.contact-content {
    border-right: 0;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
    padding: 30px 0;
	margin-bottom:25px;
}
.contact-content:after
{display:none;}
.breadcrumb-text, .breadcrumb-text a {
    color: #000;
}
section.accessibility2:before, section.accessibility2:after {
    display: none;
}
.line:nth-child(1) {
    margin-left: 20%;
}

.line:nth-child(2) {
    margin-left: 50%;
}

.line:nth-child(3) {
    margin-left: 80%;
}
.page-inside ul.engage-list li.bottom-line, .page-inside ul.engage-list li.top-line
{min-height:unset;}

.nav-right {
    order: 1;
    flex: 0 0 100%;
}

.navbar-inside {
    flex-wrap: wrap;
}

.top-foot {
    padding: 0;
}

.top-foot ul {
    display: inline-block;
}

section.responsible .mission-col, .mission-col {
    max-width: unset;
    margin-left: 0;
    padding: 0 15px;
    /* padding-top: 50px; */
}

section.about-vista .content-text, .share-vision .content-text {
    padding-right: 15px;
    margin-bottom: 30px;
}

section.effect, section.which-site, section.whats-need, section.about-vista, section.responsible {
    background-size: auto 100%;
}

.text-padding {
    padding: 0 15px;
}

section.about-vista {}

.banner + section {
    /* margin-top: -50px; */
}

.header-img {
    position: static;
    height: 250px;
}

.inside-header-txt {
    position: absolute;
    right: 0;
    bottom: 69px;
    left: auto;
    top: auto;
    transform: none;
    /* text-align: right; */
}

.inside-header-txt h1, .inside-header-txt p, .inside-header-txt h2 {
    color: #fff;
}

.breadcrumb-text, .breadcrumb-text a {
    color: #fff;
    /* text-align: right; */
}
.top-detail > .skip-navigation {
    margin-left: 0;
}

.navbar-inside {
    padding: 0 10px;
}
.navbar>.container {
    padding: 0 10px;
}
.social-detail span {
    display: none;
}
section.share-vision {
    overflow-x: hidden;
}
section.letter-from-director {
    margin-top: -75px;
    z-index: 99;
    position: relative;
}

section.letter-from-director, section.about-city, section.engage, section.survey, section.about-vista.engage-inside, section.about-vista.reports-inside, section.whats-need.next-gen, section.adobe {
    background-size: auto 100%;
}
section.about-vista.engage-inside, section.about-vista.contact-inside {
    background-position: 40%;
}
section.whats-need.next-gen {
    padding-bottom: 600px;
    margin-top: -176px;
}

.company-logo, .company-desc {
    width: 100%;
    padding: 0;
}

.company-logo.next-prac-logo {
    margin-bottom: 20px;
    text-align: center;
	display: inline-block;
}

section.whats-need.next-gen + footer.footer-section {
    margin-top: -30px;
}
section.letter-from-director {background-position: 92%;padding-bottom: 350px;}

section.about-city {
    margin-top: 0;
    padding-top: 80px;
}

section.survey {
    margin-top: 0;
    padding-top: 80px;
}

.form-img {
    margin-bottom: 30px;
}

.form-details {
    padding: 0;
}
ul.list.col2 li {
    width: 100%;
}
section.accessibility-form {
    padding-top: 40px;
}
.top-detail .social-detail {
    display: none;
}
.footer-data .social-detail {
    display: inline-block;
    margin-bottom: 35px;
}
.footer-data .social-detail span {
    display: inline-block;
    color: #fff;
}
.footer-data .social-detail img {
    box-shadow: 0px 3px 20px #00000059;
}
}


@media only screen and (max-width: 767px)
{
	.swiper-slide-img
	{padding: 0; background-size: cover !important;
    background-position: center !important;}
	.swiper-slide
	{min-height: 250px;}
	.swiper-container {
    margin-bottom: 30px;
}
.director-img {
    margin-bottom: 30px;
}
.director-img img {
	max-width: 250px;
}
h2.heading-type2 {
    font-size: 70px;
    font-style: normal;
    font-weight: 800;
    line-height: 111%;
}

h2.heading-type2:before {
    width: 13px;
    left: 72px;
}
.bottom-foot ul li {
    padding: 0 15px;
}
.top-detail {
    position: static;
    order: 1;
    flex: 0 0 100%;
	    justify-content: center;
}

a.navbar-brand {order: 2;     flex: 0 0 38%;  }
a.navbar-brand img{max-width:unset;}
div#navbarResponsive {
    order: 3;
}
.skip-navigation {
    padding: 0;
    margin: 0;
}	
.skip-navigation:before {
    display: none;
}
button.navbar-toggler {
    top: 74px;
	right:25px;
}
.content-text.goals:before {
    left: -15px;
}
.content-text.affect:before {
    right: -15px;
}
.content-text.goals, .content-text.affect {
    padding: 60px 15px;
}
section.your-comment::before {
  width: 100%;
  display:none;
}
.access-form .comment-form {
    padding: 0!important;
    float: left;
    width: 100%;
}
section.master-plan {
    padding-top: 260px;
    background-size: auto 230px;
}
section.future-responsible
{padding-top: 300px;
    background-size: auto 270px;}
	.content-text.future {
    margin-bottom: 30px;
}
.line:nth-child(1) {
    margin-left: 10%;
}

.line:nth-child(2) {
    margin-left: 50%;
}

.line:nth-child(3) {
    margin-left: 90%;
}
.subtitle{min-height:auto;}
.page-inside ul.engage-list li h3 {
    font-size: 27px;
}
ul.engage-list li h3, .page-inside ul.engage-list li h3 {
    font-size: 20px;
}
ul.engage-list li p {
    font-size: 15px;
}
.page-inside ul.engage-list li p {
    font-size: 15px;
}
.top-foot ul li, .top-foot ul li a {
    font-size: 14px;
}
section.letter-from-director, section.engage, section.whats-need, section.next-gen.accebility2
{
    background: linear-gradient(268deg, #A0E3FF -1.4%, #F0FAFF 87.71%);
    padding-bottom: 50px;
    margin-top: 0;
    overflow: visible;
    top: auto;
    padding-top: 50px;
  }
section.letter-from-director > .container, 
section.your-comment > .container, 
section.about-vista > .container, 
section.mission > .container, 
section.which-site > .container, 
section.share-vision > .container, 
section.responsible > .container 
{

       overflow-x: hidden;
}
  .nav-right
  {    margin-bottom: 5px}
 .social-detail.mobile {
    order: 3;
}

.navbar-inside {
    justify-content: flex-start;
}

header a.navbar-brand, header.header-scrolled a.navbar-brand {
    margin-right: 15px;
	    padding: 8px 0;
}
.social-detail.mobile{display:inline-flex;}
.social-detail.mobile a {
    max-width: 20px;
}
section.letter-from-director:before 
{content:"";width:100%;height:50px;position:absolute;top: -49px;background:url(../images/letter-from-director-before.png) no-repeat top center;background-size: 100% auto;}
section.letter-from-director:after
{content:"";width:100%;height:50px;position:absolute;bottom: -48px;background: url(../images/letter-from-director-after.png) no-repeat bottom center;background-size: 100% auto;}
section.engage:before, section.additional-info:before
{content:"";width:100%;height:50px;position:absolute;top: -49px;background:url(../images/engage-before.png) no-repeat top center;background-size: 100% auto;}
section.engage:after, section.additional-info:after
{content:"";width:100%;height:50px;position:absolute;bottom: -48px;background: url(../images/engage-after.png) no-repeat bottom center;background-size: 100% auto;}
section.engage, section.additional-info
{background: linear-gradient(180deg, #ffeecf , #FFDB9A);
background: url(../images/engage-bg-mobile.png) no-repeat 53% center;
    background-size: auto 180%;}
section.about-vista
{background: linear-gradient(270deg, #F8FFEE , #F2FFE1);padding-top: 50px !important;margin-top: 0;     padding-bottom: 80px !important;}
section.about-vista:before{content:"";width:100%;height:50px;position:absolute;top: -20px;background:url(../images/about-vista-before.png) no-repeat top center;background-size: 100% auto;left: 0;}
section.about-vista:after
{content:"";width:100%;height:50px;position:absolute;bottom: -48px;background: url(../images/about-vista-after.png) no-repeat bottom center;background-size: 100% auto;}
section.whats-need:before, section.next-gen.accebility2:before{content:"";width:100%;height:50px;position:absolute;top: -20px;background:url(../images/whats-need-before.png) no-repeat top center;background-size: 100% auto;left: 0;}
section.whats-need:after
{content:"";width:100%;height:50px;position:absolute;bottom: -48px;background: url(../images/whats-need-after.png) no-repeat bottom center;background-size: 100% auto;}
section.which-site:after
{content:"";width:100%;height:50px;position:absolute;bottom: 0px;background: url(../images/which-site-after.png) no-repeat top center;background-size: 100% auto;}
section.which-site {
    background: linear-gradient(270.31deg, #FFF1D7 43.85%, #FFF9EE 90.46%);
}
section.additional-info {
    padding: 80px 0;
	    background-size: auto 211%;
}
section.effect:after {
    content:"";width:100%;height:50px;position:absolute;bottom: 0px;background: url(../images/effect-after.png) no-repeat top center;background-size: 100% auto;
}
section.effect .text-white {
    color: #000 !important;
}
section.adobe {
    margin-top: 0;
    padding: 80px 0 100px;
}
section.effect {
	background: url(../images/effect-bg-mobile.png) no-repeat top center;
    margin-top: 0;
    background-position: 75% top;
    margin-top: -25px;
    background-size: auto 200px;
    padding-top: 250px;
    padding-bottom: 100px;
}
section.mission {
    padding-top: 350px;
    background-size: auto 350px;
    background-repeat: no-repeat;
	padding-bottom: 100px;
}
section.whats-need
{padding-top: 80px;}
section.which-site .content-text
{padding-left:15px;margin-bottom:30px;}
.mission-col.content-text .text-white {
    color: #000 !important;
}

.mission-col.content-text {
    margin-top: 30px;
}
section.responsible {
    background-repeat: no-repeat;
    background-size: auto 350px;
    padding-top: 360px !important;
    padding-bottom: 90px;
}

section.timeline {
    margin-top: 0;
    padding-top: 80px;
}
section.about-vista.engage-inside, section.about-vista.reports-inside, section.about-vista.contact-inside {
    padding-bottom: 180px !important;
}
section.whats-need.next-gen, section.next-gen.accebility2 {
        padding-bottom: 150px;
    margin-top: -100px;
    padding-top: 90px;
}
section.next-gen.accebility2 {
    padding-bottom: 200px;
    padding-top: 150px;
    margin-top: 0;
}

footer.footer-section:before {background-size: 100% auto;top: -43px;height: 90px;}

footer.footer-section {
    padding-top: 90px;
}
section.whats-need.next-gen:after {
    display: none;
}
.navbar>.container {
    padding: 0 15px;
}
.con-text-box {
    display: inline-block;
}
.frm-field.checkbox-fild {
    display: flex;
    align-items: self-start;
}

input#ClickHere {
    margin-right: 10px;
}

.frm-field.checkbox-fild {
    margin-top: 20px;
}
}