@font-face {
    font-family: 'EcoWorldSerif';
    src: url('../fonts/EcoWorldSerif-Bold.woff') format('woff'),
         url('../fonts/EcoWorldSerif-Bold.otf') format('opentype');
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Regular';
    src:url('../fonts/Poppins-Regular.woff') format('woff'),
    url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
	background:#fff;
	font-family:'Poppins-Regular';
}

.container {
    position: relative;
    max-width: 1400px;
}


#hannasquarefeatures {
	padding-top:80px;
	padding-bottom:80px;
}

.features h2 {
font-family: 'EcoWorldSerif';
line-height:1;
background: #8F88B7;
background: -webkit-linear-gradient(to bottom, #8F88B7 0%, #4E3781 80%, #473275 100%);
background: -moz-linear-gradient(to bottom, #8F88B7 0%, #4E3781 80%, #473275 100%);
background: linear-gradient(to bottom, #8F88B7 0%, #4E3781 80%, #473275 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform:uppercase;
font-size:50px;
margin-bottom:0;
}

.masterplan {
max-width:1400px;
margin:auto;
}

.masterplan h2 {
font-family: 'EcoWorldSerif';
line-height:1;
background: #5F4C8E;
background: -webkit-linear-gradient(to bottom, #5F4C8E 0%, #65739E 50%, #6FB3B9 100%);
background: -moz-linear-gradient(to bottom, #5F4C8E 0%, #65739E 50%, #6FB3B9 100%);
background: linear-gradient(to bottom, #5F4C8E 0%, #65739E 50%, #6FB3B9 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform:uppercase;
font-size:50px;
margin-bottom:0;
position:absolute;
left:40px;
top:20px;
}


.features p {
	font-family: 'EcoWorldSerif';
	color:#000;
	text-transform:uppercase;
	margin-bottom:0;
	line-height:1.2

}

.features {
	text-align:center;
	margin-bottom:80px;
	padding-top:20px;
	padding-bottom:20px;
		border-right: 2px solid;
  border-image: 
    linear-gradient(
      to bottom, 
      #98c6cb, 
      #5d6592
    ) 1 100%;
}

.noborderright {
	border-right:0;
}

h3 {
font-family: 'EcoWorldSerif';
}

.font50 {
font-size:50%;
}

.font130 {
font-size:130%;
}
.navbar {

	font-family: 'Poppins-Regular';
}
.navbar a {
    font-family: 'Poppins-Regular';
}
.thecontact {
    font-family: 'EcoWorldSerif'; 
}
.thecontact strong {
    font-family: 'EcoWorldSerif';
}

.theblock h2 {
	font-size:100px;
}

.t1 {
	font-size:23px;
	letter-spacing:2px;
	margin-bottom:0
	
}

.t2 {
	font-size:30px;
	font-family: 'EcoWorldSerif';
}

.totalunits {
	font-size:50px;
	font-family: 'EcoWorldSerif';
}

.blackline {
    border-top: 1px solid rgba(0,0,0,1);

}
.theblockbox {
	background:white;
	padding-top:20px;
	border-radius:30px;
	box-shadow: -3px 6px 32px -13px rgba(0,0,0,0.25);
-webkit-box-shadow: -3px 6px 32px -13px rgba(0,0,0,0.25);
-moz-box-shadow: -3px 6px 32px -13px rgba(0,0,0,0.25);
}

.turqoise {
	color:#7ca8b6;
}

.pink {
	color:#d09cc6;
}

.purple {
	color:#574384;
}

.siteprogress {
padding-top:100px!important;
background:url('img/bg-bottom.png');
background-size:100%;
background-position:center bottom;
background-repeat:no-repeat;
}

.siteprogress h2 {
	border-radius:50px;
	padding:7px 68px;

	color:white;
	font-family: 'EcoWorldSerif';
	display:inline-block;
	text-transform:uppercase;
	text-align:center;
	background: rgb(88,69,143);
background: -moz-linear-gradient(90deg, rgba(88,69,143,1) 0%, rgba(126,115,172,1) 50%, rgba(166,165,207,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(88,69,143,1) 0%, rgba(126,115,172,1) 50%, rgba(166,165,207,1) 100%);
background: linear-gradient(90deg, rgba(88,69,143,1) 0%, rgba(126,115,172,1) 50%, rgba(166,165,207,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#58458f",endColorstr="#a6a5cf",GradientType=1);
font-size:46px;
	}

.siteprogress p {
padding-top:30px;
padding-bottom:30px;
}

.masterplan {
	position:relative;
}
footer {
}

.ghr {
width:80px;
height:2px;
margin:auto;
background: #8F88B7;
background: -webkit-linear-gradient(to right, #98c6cb 0%, #7eb8bc 80%, #6f779e 100%);
background: -moz-linear-gradient(to right, #98c6cb 0%, #7eb8bc 80%, #6f779e 100%);
background: linear-gradient(to right, #98c6cb 0%, #7eb8bc 80%, #6f779e 100%);
}

@media (max-width:991.98px) {
.features {
	margin-bottom:0;
	border-right:0;
	padding-top:40px;
	padding-bottom:40px;
}

#hannasquarefeatures {
    padding-top: 0px;
    padding-bottom: 80px;
}

.theblock {
padding-left:12vw;
padding-right:12vw;
}

.theblockbox {
padding-top:20px!important;
padding-bottom:5px!important;
margin-bottom:40px;
}
}

@media (max-width:767.98px) {
.mobilekv {
	margin-top:16.2vw;
}

#hannasquarefeatures {
    padding-top: 0px;
    padding-bottom: 0px;
}

.siteprogress h2 {
	padding:9px 49px;
font-size:5vw;
box-shadow: 2px 6px 0px 0px rgba(222,222,225,0.75);
-webkit-box-shadow: 2px 6px 0px 0px rgba(222,222,225,0.75);
-moz-box-shadow: 2px 6px 0px 0px rgba(222,222,225,0.75);
}

.siteprogress {
    padding-top: 17px!important;
	background:url('img/bg-bottom-mobile.png');
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center bottom
}


.theblock h2 {
    font-size: 15vw;
}
}