/* common css start here */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html{ margin: 0px!important;}
html, body {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0;
}

body {
  padding:0px;
  margin:0px;
  min-width:320px;
  color:#ffffff;
	font-family: 'TT-Norms-Pro-Regular', sans-serif;
  font-size:16px;
	line-height:24px;
  background: #00523c;
  background: -moz-linear-gradient(0deg, rgba(0,82,60,1) 0%, rgba(0,56,41,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,82,60,1) 0%, rgba(0,56,41,1) 100%);
  background: linear-gradient(0deg, rgba(0,82,60,1) 0%, rgba(0,56,41,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00523c",endColorstr="#003829",GradientType=1);
}

h1,h2,h3,h4,h5,h6{ color:#ED4F00; margin:0px; padding:0px; font-family:'Apercu-Bold', sans-serif;}
h1{font-size:35px; line-height:40px; padding-bottom:26px; letter-spacing:-1.2px;}
h2{font-size:30px; line-height:38px; padding-bottom:24px;}
h3{font-size:22px; line-height:30px; padding-bottom:20px;}
h4{font-size:20px; line-height:28px; padding-bottom:18px;}
h5{font-size:18px; line-height:26px; padding-bottom:16px;}
h6{font-size:16px; line-height:24px; padding-bottom:16px;}
p{margin: 0px; padding: 0px 0px 26px 0px;}

ul{
  padding: 0px 0px 25px 20px;
  margin: 0px;
  list-style-position: outside;
}
ol{
  padding: 0px 0px 25px 25px;
  margin: 0px;
}
ul li{padding: 0px 2px 4px 2px;}
ol li{padding: 0px 0px 4px 5px;}

strong,b{
  font-family: 'TT-Norms-Pro-Bold', sans-serif;
  font-weight: bold;
  font-style: normal;}
a{}
a:hover{}
img {
border: 0px;
outline: none;
display: block;
max-width: 100%;
height: auto
}
.grid {
    clear: both;
    overflow: hidden;
    position: relative;
    margin: 0px;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col_1_1 .col{width:50%; word-wrap: break-word;}


.box{
  position: relative;
}
.box:before{
	content: "";
	display: block;
	padding-top: 50%; 	/* initial ratio of 1:1*/
}
.imageHolder{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.OF-cover {
	/* font-family: 'object-fit: cover'; */
  object-fit: cover;
	font-family: 'object-fit: cover';
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center';
	width: 100%;
	height: 100%;
}

ul.linksBlock li a, ul.termLinks li a{ position: relative; padding-bottom:2px;}
ul.linksBlock li a:after, ul.termLinks li a:after {
  content:"";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom:0px;
  background-color:#fff;
  height:1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  opacity: 0;
}
ul.linksBlock li a:hover::after, ul.termLinks li a:hover::after,
ul.linksBlock li a.active::after,
ul.termLinks li a.active::after{
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
}
/* common css end here */

/* loader start here */
.loaderHolder{ position:fixed; background-color:#00523C; width:100%; height:100%; left: 0; top:0; right: 0; bottom: 0; z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}
.loaderHolder svg{ margin: 0 auto; max-width:368px; width:100%; height: auto;}
body.mobileloader .loaderHolder{ opacity: 0; visibility:hidden;}
/* loader end here */


/* slides start here */
.stepsBlock{width:100%; height:100%; position:fixed; left:0; top:0;}
.homeShape.mobile{ display:none;}
.homeShape{
  height:100vh;
  width: auto;
  position:absolute;
  left:0;
  bottom:0;
  opacity: 0;}
body.startanimate .homeShape{opacity:1;}
.flowerHand{ position: absolute; right:28%; height:86vh; bottom: -100vh;}
.steponeInfo{
  opacity: 0;
  visibility: hidden;
  position:absolute;
  right:2%;
  width:36%;
  height:100%;
  text-align:center;
  padding:40px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  }
.title{
  font-family:'Apercu-Regular', sans-serif;
  font-weight:normal;
  font-style:normal;
  /* text-transform: uppercase; */
  padding-bottom:30px;
}
.steponeInfo .logo{
  /* max-width:230px;  */
  max-width:1px;
  margin: 0 auto;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
}
.slideimageInfo .logo{ max-width: 210px; margin: 0 auto; display: inline-block;}
.nextLink{ width:50px; height:20px; display:inline-block; cursor:pointer; position: relative; overflow: hidden;}
.nextLink::before, .nextLink::after,
.slick-next::before, .slick-next::after{ width: 50px; height: 20px; background-image:url('../images/arrow.svg'); background-position:center center; background-repeat: no-repeat; background-size:50px; position: absolute; left: 0; top:0; content:'';}

.slick-prev::before, .slick-prev::after{ width: 50px; height: 20px; background-image:url('../images/arrow-left.svg'); background-position:center center; background-repeat: no-repeat; background-size:50px; position: absolute; right: 0; top:0; content:'';}
.nextLink::before, .slick-next::before{left:-110%;}
.nextLink:hover::before, .slick-next:hover::before{left:0;}
.nextLink:hover::after,.slick-next:hover::after{left:120%;}

.slick-prev::after{right:-110%;}
.slick-prev:hover::before{right:120%;}
.slick-prev:hover::after{right:0;}

ul.linksBlock{margin:0px; padding:0px; list-style-type:none; display: flex; align-items: center; justify-content: center;
font-family: 'Apercu-Regular',sans-serif;
font-size: 20px; line-height: 28px;
}
ul.linksBlock li{margin:0px; padding:0 16px; text-transform:uppercase;}
ul.linksBlock li a{color:#fff; text-decoration:none;}
ul.linksBlock li:first-child{padding-left:0px;}
ul.linksBlock li:last-child{padding-right:0px;}

/* step two start here */
.largeText{ font-family: 'Trash-Black', sans-serif; color:#00CCA5; font-size: 40px; line-height:42px; font-weight: 900; font-style: normal; padding-bottom: 30px; display: none;}
.largeText span{font-family:'Apercu-Bold', sans-serif; text-transform:uppercase;}
.number{right:20px; position: absolute; height: 100vh;}
.secondstep.number img{height:86vh;}
.thirdstep.number img{height:100vh;}
.centerLogo{ margin: 0 auto;position: absolute; left: 0; top:50%;
  /* max-width:380px; */
  width: 20%;
   right: 0; transform: translate(0,-50%); opacity: 0; visibility:hidden; z-index: 1;}
.secondstep.number, .sqftText, .thirdstep.number{ opacity: 0; visibility:hidden;}

.sqftText{font-size:5.5vh; line-height:5.5vh; color:#00CCA5; position:absolute; right:20px; bottom: 20px; font-family:'Apercu-Bold', sans-serif; text-transform:uppercase;}

.steptwoInfo, .stepthreeInfo{
  opacity: 0;
  visibility: hidden;
  position:absolute;
  right:12%;
  width:25%;
  height:100%;
  text-align:center;
  padding:40px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.stepfourInfo{
  opacity: 0;
  visibility: hidden;
  position:absolute;
  right:2%;
  width:34%;
  height:100%;
  text-align:center;
  padding:40px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align:left;
}
.steptwoInfo .extraLinks, .stepthreeInfo .extraLinks, .stepfourInfo .extraLinks{ position:  absolute; bottom:40px; left: 0; right: 0; padding:0 20px;}
.stepfourInfo h1{ text-align: left;}
/* step two end here */

/* step three start here */
.manWithCycle{width:60%; position:absolute; left:100%; bottom:-1%;}
/* step three end here */

/* step four start here */
.manInsuit{position:absolute; height: 100%; left:110%; bottom:0; transform: scale(1.2);}
.birdImage{position: absolute; width:6%; left:60%; top:-10%;}
.stepfourInfo ul.linksBlock{ justify-content: flex-start;}
.stepfourInfo .title{padding-bottom:30px;}
.stepfourInfo .grid{font-family: 'Apercu-Light', sans-serif; font-size:18px; line-height:28px;}
.stepfourInfo .grid strong, .stepfourInfo .grid b{
  font-family:'Apercu-Bold',sans-serif;
  font-weight:bold;
  font-style:normal;
}
.stepfourInfo .grid .col{ padding: 0 20px;}
.stepfourInfo .grid .col:first-child{padding-left:0px;}
.stepfourInfo .grid .col:last-child{padding-right:0px;}
.stepfourInfo .grid a{color:#fff; text-decoration:none;}
.stepfourInfo .grid a:hover{text-decoration:underline;}
ul.termLinks{margin:0px; padding:18px 0 0 0; list-style-type:none; display: flex; font-size: 12px; line-height: 20px; font-family: 'Apercu-Regular',sans-serif;}
ul.termLinks li{margin:0px; padding:0 12px;}
ul.termLinks li:first-child{padding-left:0px;}
ul.termLinks li:last-child{padding-right:0px;}
ul.termLinks li a{color:#fff; text-decoration:none; text-transform:uppercase; cursor:pointer;}

.logoBlock{ padding-bottom: 24px;}
.logoBlock a{ display: inline-block;}

.summaryLink, .downloadLink a{ position: relative; padding-left:36px;}
.summaryLink::before,
.downloadLink a::before{ position:absolute; left: 0; top:-4px; width: 28px; height: 28px; content:''; background-image:url('../images/download-icon.svg'); background-size: 28px; background-repeat:no-repeat; background-position: center center;}
.summaryLink:hover::after{ left:38px!important;}
/* step four end here */

/* slides end here */

/* gallery start here */
.galleryPopup{

  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  display: flex;
  background: rgb(0,82,60);
  background: -moz-linear-gradient(0deg, rgba(0,82,60,1) 0%, rgba(0,56,41,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,82,60,1) 0%, rgba(0,56,41,1) 100%);
  background: linear-gradient(0deg, rgba(0,82,60,1) 0%, rgba(0,56,41,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00523c",endColorstr="#003829",GradientType=1);
  z-index: 99;
}
.gallerypopLink, .lastStepLink{ cursor: pointer;}
.closebtn, .closebtnpop{position: absolute;
right:28px;
top:28px;
width:34px;
height:34px;
cursor:pointer;
z-index: 999;
background-image: url('../images/close-icon.svg');
background-size: 34px;
background-repeat: no-repeat; background-position: center center;
}

.slideimageBlock{width:79%;}
.slideimageInfo{width:21%; display: flex;
flex-direction: column;
justify-content: space-between; text-align: center; padding: 40px 20px;}
ul.slideImage, ul.slideInfo{margin:0px; padding:0px; list-style-type:none;}
ul.slideImage li, ul.slideInfo li{margin:0px; padding:0px;}
.slideInfo ul.slick-dots li{ padding: 0 6px;}

.slideImage .box::before{ padding-top: 0;}
.slideImage .box, .slideImage .imageHolder, .slideimageBlock, ul.slideImage,
.slideimageBlock .slick-list,
.slideimageBlock .slick-track, .slideimageBlock li{ height: 100%;}
.slideInfo{ text-align: center; padding-bottom:50px!important;}
.slideInfo li{ font-size: 22px; line-height: 30px; color: #ED4F00; text-transform:uppercase;
   font-family: 'Apercu-Regular', sans-serif;}
.slideInfo .slick-arrow{ position:absolute; bottom:4px; z-index: 99; cursor:pointer;
  width: 50px; height: 20px; overflow: hidden; background-color:transparent; border: 0px;
  text-indent: -999px; padding: 0;
}
.slideInfo .slick-next{ right: 0;}
.slideInfo .slick-prev{ left: 0;}

.slideimageInfo ul.linksBlock{ justify-content:flex-end;}
.slideimageInfo ul.linksBlock li.downloadLink{ margin-right: auto;}
.slideimageInfo li.downloadLink a{ width:28px; height:28px; overflow:hidden; text-indent:999px; display: block; padding-left:0;}

.resplogo{ margin: 0 auto; max-width:120px; position: absolute; top:20px; left: 0; right: 0;}
/* gallery end here */

/* text popups start here */
.popupFooter, .popupHeader{
  padding:40px 0;
  background: rgb(0,82,60);
  background: -moz-linear-gradient(0deg, rgba(0,82,60,1) 0%, rgba(0,56,41,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,82,60,1) 0%, rgba(0,56,41,1) 100%);
  background: linear-gradient(0deg, rgba(0,82,60,1) 0%, rgba(0,56,41,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00523c",endColorstr="#003829",GradientType=1);}
.infoPopup{
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  color: #000000;
  padding: 0px;
  overflow: auto;
  overflow-x: hidden;
  position: fixed;
  top: 0px;
  left: -100%;
  transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
opacity: 0;
z-index: 99;
}
.innerContent{
max-width:1570px;
position: relative;
margin: 0 auto;
z-index: 2;
padding:40px 20px 40px 20px;
word-wrap: break-word;
font-size: 18px; line-height: 26px;
}
.innerContent a{ text-decoration: none; color:#ED4F00;}
.innerContent ul li ul{ padding-bottom: 0px;}
.headcontainer{max-width:1570px; margin: 0 auto; padding:0 20px; line-height: 0px;}
.headcontainer .logo{ max-width: 140px; display: inline-block;}

.pageinfoOpen .infoPopup.active{opacity:1; left:0%;}

.infoPopup h1{ text-transform:uppercase; font-family:'Apercu-Regular', sans-serif; font-size: 40px;
line-height: 48px;}
.infoPopup h3{ color:#000; font-size: 18px; line-height: 24px;color:#000; padding-bottom: 4px;}
.backtoTop {
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  line-height: 26px;
  font-family:'Apercu-Bold', sans-serif; color:#ED4F00; text-transform: uppercase; border-bottom: #ED4F00 solid 1px;
}
.footerLinks{ max-width: 430px;}
.popupFooter .headcontainer{ display:flex; justify-content: flex-end;}

.responsiveTable {
  width: 100%;
  overflow: auto;
}

table {

    text-align: left;
    margin-bottom: 20px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-collapse: collapse;
    font-size: 18px;
    line-height: 26px;
}
table th {
  color: #000;
  padding: 15px;
  text-align: left;
  border-right: 1px solid #000;
  font-weight: 700;
  border-bottom: 1px solid #000;
  word-wrap: break-word;
}
table tr td {
  padding: 12px 15px;
  border-collapse: collapse;
}
table td {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  word-wrap: break-word;
}
/* text popups end here */

.linkHolder.mobile{ display: none; z-index: 99;}
body.stepFour .linkHolder.mobile ul.linksBlock li a.lastStepLink::after{left:0; right:0; bottom:0;}
.centerLogo.stfour{max-width:26%; top:auto!important; bottom:30%; left:-20px!important; right: auto!important;opacity: 0!important; visibility: hidden!important;}


.copyrightInfo{font-family: 'Apercu-Light', sans-serif; text-align:center; font-size:12px; line-height:18px;}
.copyrightInfo.desktop{
  position:absolute;
  bottom:40px;
  left:6.5%;
  right:0;
  width:40%;
  /* margin: 0 auto; */
  opacity: 0;
  visibility:hidden;
  text-align: left;
}
.copyrightInfo.mobile{padding-bottom:10px;}
.copyrightInfo a{color:#fff; text-decoration:none;}
.copyrightInfo a:hover{text-decoration: underline;}

body.stepFour .copyrightInfo{opacity:1; visibility:visible;}

.totlaArea{
  font-size:6vw;
  line-height:6vw;
  letter-spacing:-0.4vw;
  font-family:'Apercu-Bold', sans-serif;
  color:#ED4F00;
  padding-bottom:20px;
}

.totlaArea .spaceTitle{
  font-family:'Apercu-Regular', sans-serif !important;
  font-size:2vw;
  line-height:2.6vw;
  letter-spacing:0;
  padding-right:2.6vw;
}

.totlaArea span{
  font-family:'Apercu-Regular', sans-serif;
  font-size:1.771vw;
  line-height:1.771vw;
  letter-spacing:0.01vw;
  text-transform: uppercase;
  transform: rotate(-90deg) translate(30%, 0);
  display: inline-block;
  margin-left:-1%;
}
.Date{font-family: 'Apercu-Regular', sans-serif; font-size:28px; line-height:36px; letter-spacing:-1.1px; text-transform: uppercase; }
.centerLogoNew{
  margin:0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top:50%;
  transform:translate(0, -50%);
  z-index: 2;
  width: 100%;
  max-width:380px;
  height: auto;
}
.white-C-Shape{
  -webkit-transform:translate(0,-64%);
  -moz-transform:translate(0,-64%);
  transform:translate(0,-64%);
}
.orange-Strip{
  -webkit-transform:translate(-64%, 0);
  -moz-transform:translate(-64%, 0);
  transform:translate(-64%, 0);
}
.seaGreen-Bottom-Strip{
  -webkit-transform:translate(0, 24%);
  -moz-transform:translate(0, 24%);
  transform:translate(0, 24%);
}
.seaGreen-Strip{
  -webkit-transform:translate(-50%, 70%);
  -moz-transform:translate(-50%, 70%);
  transform:translate(-50%, 70%);
  transform-origin: top right;
}

.toplogo.resp{ opacity: 0; visibility: hidden;}