/* font start here */
@font-face {
    font-family:'EDGE-Light';
    src: url('fonts/EDGE-Light.eot');
    src: url('fonts/EDGE-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/EDGE-Light.woff2') format('woff2'),
        url('fonts/EDGE-Light.woff') format('woff'),
        url('fonts/EDGE-Light.ttf') format('truetype'),
        url('fonts/EDGE-Light.svg#EDGE-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'EDGE-Thin';
    src: url('fonts/EDGE-Thin.eot');
    src: url('fonts/EDGE-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/EDGE-Thin.woff2') format('woff2'),
        url('fonts/EDGE-Thin.woff') format('woff'),
        url('fonts/EDGE-Thin.ttf') format('truetype'),
        url('fonts/EDGE-Thin.svg#EDGE-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'EDGE-Medium';
    src: url('fonts/EDGE-Medium.eot');
    src: url('fonts/EDGE-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/EDGE-Medium.woff2') format('woff2'),
        url('fonts/EDGE-Medium.woff') format('woff'),
        url('fonts/EDGE-Medium.ttf') format('truetype'),
        url('fonts/EDGE-Medium.svg#EDGE-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'EDGE-Book';
    src: url('fonts/EDGE-Book.eot');
    src: url('fonts/EDGE-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/EDGE-Book.woff2') format('woff2'),
        url('fonts/EDGE-Book.woff') format('woff'),
        url('fonts/EDGE-Book.ttf') format('truetype'),
        url('fonts/EDGE-Book.svg#EDGE-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'EDGE-Bold';
    src: url('fonts/EDGE-Bold.eot');
    src: url('fonts/EDGE-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/EDGE-Bold.woff2') format('woff2'),
        url('fonts/EDGE-Bold.woff') format('woff'),
        url('fonts/EDGE-Bold.ttf') format('truetype'),
        url('fonts/EDGE-Bold.svg#EDGE-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'Triester-Vector';
    src: url('fonts/TriesterVector.eot');
    src: url('fonts/TriesterVector.eot?#iefix') format('embedded-opentype'),
        url('fonts/TriesterVector.woff2') format('woff2'),
        url('fonts/TriesterVector.woff') format('woff'),
        url('fonts/TriesterVector.ttf') format('truetype'),
        url('fonts/TriesterVector.svg#TriesterVector') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'Silva';
    src: url('fonts/Silva-Regular.eot');
    src: url('fonts/Silva-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Silva-Regular.woff2') format('woff2'),
        url('fonts/Silva-Regular.woff') format('woff'),
        url('fonts/Silva-Regular.ttf') format('truetype'),
        url('fonts/Silva-Regular.svg#Silva-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* font end here */

/*  smooth animation start here */
.animateclassName, .btn span, .downloadsHolder ul li a,
.floorSlide .slick-prev,
.floorSlide .slick-next{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.animateclassName,
.summarySpecBlock .iconTitle,
.largeLogo,
.largeLogo img, .logo, .logo img, .menubtn, header.scroll .logo img, .galleryBox .imageHolder a::after{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

/*  smooth animation end here */

/* common page animations */
.fadeIn {
	opacity: 0;
	transition: opacity .8s ease-in-out;
	-webkit-transition: opacity .8s ease-in-out;
	-moz-transition: opacity .8s ease-in-out;
	-o-transition: opacity .8s ease-in-out;
}

.fadeIn.animateMe {opacity:1}

.fadeInUp { -webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	transition: opacity 1s ease .4s,transform 1s ease .4s;
	-webkit-transition: opacity 1s ease .4s,transform 1s ease .4s;
	-moz-transition: opacity 1s ease .4s,transform 1s ease .4s;
	-o-transition: opacity 1s ease .4s,transform 1s ease .4s;
}
.fadeInUp.animateMe { -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;}
/* common page animations */

/* banner animation start here */
@-webkit-keyframes dashanimate{100%{stroke-dashoffset:0;} }
@-moz-keyframes dashanimate{100%{stroke-dashoffset:0;} }
@-o-keyframes dashanimate{100%{stroke-dashoffset:0;} }
@-ms-keyframes dashanimate{100%{stroke-dashoffset:0;} }
@keyframes dashanimate{100%{stroke-dashoffset:0;} }

@-webkit-keyframes showImage{ 0%{opacity:0; bottom:-15px;} 100%{opacity:1; bottom:0;} }
@-moz-keyframes showImage{ 0%{opacity:0; bottom:-15px;} 100%{opacity:1; bottom:0;} }
@-o-keyframes showImage{ 0%{opacity:0; bottom:-15px;} 100%{opacity:1; bottom:0;} }
@-ms-keyframes showImage{0%{opacity:0; bottom:-15px;} 100%{opacity:1; bottom:0;} }
@keyframes showImage{ 0%{opacity:0; bottom:-15px;} 100%{opacity:1; bottom:0;} }

body.home-page.pageLoaded .heroBlock .clipImage{-webkit-animation:showImage 1s ease forwards;
-moz-animation:showImage 1.5s ease forwards;
-o-animation:showImage 1.5s ease forwards;
-ms-animation:showImage 1.5s ease forwards;
animation:showImage 1.5s ease forwards;
animation-delay: 2s;}

.animDash{stroke-dasharray:1440; stroke-dashoffset:720;}
/*.shapeSlide.slick-current .animDash,
 .imageWithShape .imageHolder svg.animateMe .animDash */
.imageWithShape .imageHolder .homeCircle.animateMe .animDash
{
stroke-dasharray:1440;
stroke-dashoffset:1440;
background-clip: text;
-webkit-animation:dashanimate 1s ease forwards;
-moz-animation:dashanimate 1s ease forwards;
-o-animation:dashanimate 1s ease forwards;
-ms-animation:dashanimate 1s ease forwards;
animation:dashanimate 1s ease forwards;
animation-delay: 1s;
}

body.home-page .heroCaption span:first-child,
body.home-page .heroCaption span:nth-child(2),
body.home-page .heroCaption span:last-child,
.captionCheeseImageBlock .captionTitleLink .title span,
.captionLinkImageBlock .title span,
.captionCycleImageBlock .title span,
body.about-me-page .heroCaption span:first-child,
body.about-me-page .heroCaption span:nth-child(2),
body.about-me-page .heroCaption span:last-child,
body.our-pledge-page .heroCaption span,
body.my-makers-page .heroCaption span:first-child,
body.my-makers-page .heroCaption span:last-child,
body.my-friends-page .heroCaption span:first-child,
body.my-friends-page .heroCaption span:last-child,
body.say-hello-page .heroCaption span{position:relative;}

body.home-page .heroCaption span:first-child svg,
body.home-page .heroCaption span:nth-child(2) svg,
body.home-page .heroCaption span:last-child svg,
.captionCheeseImageBlock .captionTitleLink .title span svg,
.captionLinkImageBlock .title span svg,
.captionCycleImageBlock .title span svg,
body.about-me-page .heroCaption span:first-child svg,
body.about-me-page .heroCaption span:nth-child(2) svg,
body.about-me-page .heroCaption span:last-child svg,
body.our-pledge-page .heroCaption span svg,
body.my-makers-page .heroCaption span:first-child svg,
body.my-makers-page .heroCaption span:last-child svg,
body.my-friends-page .heroCaption span:first-child svg,
body.my-friends-page .heroCaption span:last-child svg,
body.say-hello-page .heroCaption span svg{position:absolute;}

body.home-page .heroCaption span:first-child svg{left:-9%; top:-36%; height:170%; width:110%;}
body.home-page.webkit.mac .heroCaption span:first-child svg,
body.home-page.mozilla.mac .heroCaption span:first-child svg,
body.home-page.chrome.mac .heroCaption span:first-child svg{
  left:-14%;
  top:-59%;
  height:211%;
  width:119%;
}

body.home-page .heroCaption span:nth-child(2) svg{left:-17%; bottom:-64%; width:130%; height:118%;}
body.home-page.webkit.mac .heroCaption span:nth-child(2) svg,
body.home-page.mozilla.mac .heroCaption span:nth-child(2) svg,
body.home-page.chrome.mac .heroCaption span:nth-child(2) svg{
left: -36%;
bottom: -80%;
width: 171%;
height: 142%;
}

body.home-page .heroCaption span:last-child svg{left:-12%; bottom:-52%; width:110%;}
.captionCheeseImageBlock .captionTitleLink .title span svg{left:-28%; bottom:-52%; width:160%; height:86%;}
.captionLinkImageBlock .title span:first-child svg{left:-52%; top:-46%; width:198%; height:204%;}
body.webkit.mac .captionLinkImageBlock .title span:first-child svg,
body.mozilla.mac .captionLinkImageBlock .title span:first-child svg,
body.chrome.mac .captionLinkImageBlock .title span:first-child svg{
left:-55%;
top:-77%;
width:200%;
height:242%;
}

.captionLinkImageBlock .title span:last-child svg{left:-15%; top:-35%; width:130%; height:170%;}
body.webkit.mac .captionLinkImageBlock .title span:last-child svg,
body.mozilla.mac .captionLinkImageBlock .title span:last-child svg,
body.chrome.mac .captionLinkImageBlock .title span:last-child svg{
  left:-24%;
  top:-53%;
  width:144%;
  height:202%;
}

.captionCycleImageBlock .title span svg{width:151%; height:182%; left:-30%; top:-36%;}
body.webkit.mac .captionCycleImageBlock .title span svg,
body.mozilla.mac .captionCycleImageBlock .title span svg,
body.chrome.mac .captionCycleImageBlock .title span svg{
  width:169%;
  height:214%;
  left:-39%;
  top:-60%;
}

body.about-me-page .heroCaption span:first-child svg{left:-15%; top:-16%; width:120%; height:140%;}
body.about-me-page.webkit.mac .heroCaption span:first-child svg,
body.about-me-page.mozilla.mac .heroCaption span:first-child svg,
body.about-me-page.chrome.mac .heroCaption span:first-child svg{
  left:-33%;
  top:-40%;
  width:160%;
  height:180%;
}

body.about-me-page .heroCaption span:nth-child(2) svg{left:-19%; bottom:-62%; width:106%; height: 120%;}
body.about-me-page.webkit.mac .heroCaption span:nth-child(2) svg,
body.about-me-page.mozilla.mac .heroCaption span:nth-child(2) svg,
body.about-me-page.chrome.mac .heroCaption span:nth-child(2) svg{
  left:-28%;
  bottom:-82%;
  width:130%;
  height:139%;
}

body.about-me-page .heroCaption span:last-child svg{left:0; bottom:-52%; width:100%;}
body.about-me-page.webkit.mac .heroCaption span:last-child svg,
body.about-me-page.mozilla.mac .heroCaption span:last-child svg,
body.about-me-page.chrome.mac .heroCaption span:last-child svg{
  left:-46%;
  bottom:-70%;
  width:187%;
  height:114%;
}

body.our-pledge-page .heroCaption span:first-child svg{width:230%; height:182%; left:-65%; top:-50%;}
body.our-pledge-page.webkit.mac .heroCaption span:first-child svg,
body.our-pledge-page.mozilla.mac .heroCaption span:first-child svg,
body.our-pledge-page.chrome.mac .heroCaption span:first-child svg{
  width:210%;
  height:219%;
  left:-52%;
  top:-72%;
}

body.our-pledge-page .heroCaption span:last-child svg{width:115%; height:96%; left:-12%; bottom:-53%;}
body.our-pledge-page.webkit.mac .heroCaption span:last-child svg,
body.our-pledge-page.mozilla.mac .heroCaption span:last-child svg,
body.our-pledge-page.chrome.mac .heroCaption span:last-child svg{
  width:124%;
  height:113%;
  left:-14%;
  bottom:-66%;
}

body.my-makers-page .heroCaption span:first-child svg{width:100%; right:-5%; bottom:-54%;}
body.my-makers-page .heroCaption span:last-child svg{width:140%; height:140%; left:-22%; top:-18%;}
body.my-makers-page.webkit.mac .heroCaption span:last-child svg,
body.my-makers-page.mozilla.mac .heroCaption span:last-child svg,
body.my-makers-page.chrome.mac .heroCaption span:last-child svg{
  width:164%;
  height:179%;
  left:-36%;
  top:-34%;
}

body.my-friends-page .heroCaption span:first-child svg{width:100%; left:0; bottom:-52%;}
body.my-friends-page .heroCaption span:last-child svg{
  width:186%;
  height:176%;
  left:-38%;
  top:-40%;
}

body.say-hello-page .heroCaption span svg{width:280%; height:184%; left:-96%; top:-38%;}
body.say-hello-page.webkit.mac .heroCaption span svg,
body.say-hello-page.mozilla.mac .heroCaption span svg,
body.say-hello-page.chrome.mac .heroCaption span svg{
  width:290%;
  height:221%;
  left:-98%;
  top:-62%;
}

.animHomeCircle, .about-circle-line{stroke-dasharray:600; stroke-dashoffset:600;}
.pledge-circle-line{stroke-dasharray:800; stroke-dashoffset:800;}
.heroCaption.animateMe .animHomeCircle,
body.about-me-page .heroCaption.animateMe .about-circle-line,
body.our-pledge-page .heroCaption.animateMe .pledge-circle-line{
stroke-dasharray:600;
stroke-dashoffset:600;
background-clip: text;
-webkit-animation:dashanimate 1s ease forwards;
-moz-animation:dashanimate 1s ease forwards;
-o-animation:dashanimate 1s ease forwards;
-ms-animation:dashanimate 1s ease forwards;
animation:dashanimate 1s ease forwards;
animation-delay:1.5s;
}
body.our-pledge-page .heroCaption.animateMe .pledge-circle-line{
  stroke-dasharray:800;
  stroke-dashoffset:800;
}

.animHomeOrangeLine{stroke-dasharray:400; stroke-dashoffset:400;}
.heroCaption.animateMe .animHomeOrangeLine{
stroke-dasharray:400;
stroke-dashoffset:400;
background-clip: text;
-webkit-animation:dashanimate 1.5s ease forwards;
-moz-animation:dashanimate 1.5s ease forwards;
-o-animation:dashanimate 1.5s ease forwards;
-ms-animation:dashanimate 1.5s ease forwards;
animation:dashanimate 1.5s ease forwards;
animation-delay:1.8s;
}

.homeHeroYellowline,
.home-page .captionCheeseImageBlock .captionTitleLink .title .homeHeroYellowline{stroke-dasharray:400; stroke-dashoffset:400;}
.heroCaption.animateMe .homeHeroYellowline{
stroke-dasharray:400;
stroke-dashoffset:400;
background-clip: text;
-webkit-animation:dashanimate 1.5s ease forwards;
-moz-animation:dashanimate 1.5s ease forwards;
-o-animation:dashanimate 1.5s ease forwards;
-ms-animation:dashanimate 1.5s ease forwards;
animation:dashanimate 1.5s ease forwards;
animation-delay:2s;
}

.captionCheeseImageBlock .captionTitleLink .title.animateMe .homeHeroYellowline{
stroke-dasharray:400;
stroke-dashoffset:400;
background-clip: text;
-webkit-animation:dashanimate 1.5s ease forwards;
-moz-animation:dashanimate 1.5s ease forwards;
-o-animation:dashanimate 1.5s ease forwards;
-ms-animation:dashanimate 1.5s ease forwards;
animation:dashanimate 1.5s ease forwards;
animation-delay:1s;
}

.home-page .captionLinkImageBlock .captionTitleLink .title .captionLinkCircleLine,
.my-makers-page .heroCaption .makerOrangeLine{stroke-dasharray:1000; stroke-dashoffset:1000;}
.home-page .captionLinkImageBlock .captionTitleLink .title.animateMe .captionLinkCircleLine,
.my-makers-page .heroCaption.animateMe .makerOrangeLine{
stroke-dasharray:1000;
stroke-dashoffset:1000;
background-clip: text;
-webkit-animation:dashanimate 1.5s ease forwards;
-moz-animation:dashanimate 1.5s ease forwards;
-o-animation:dashanimate 1.5s ease forwards;
-ms-animation:dashanimate 1.5s ease forwards;
animation:dashanimate 1.5s ease forwards;
animation-delay:1s;
}

.captionLinkImageBlock .captionTitleLink .title .sqftBoxLine,
.captionCycleImageBlock .captionTitleLink .title .caption-cycle-circle-line,
.my-makers-page .heroCaption .maker-square-line{
  stroke-dasharray:1000;
  stroke-dashoffset:1000;}
.captionLinkImageBlock .captionTitleLink .title.animateMe .sqftBoxLine,
.captionCycleImageBlock .captionTitleLink .title.animateMe .caption-cycle-circle-line,
.my-makers-page .heroCaption.animateMe .maker-square-line{
stroke-dasharray:1000;
stroke-dashoffset:1000;
background-clip: text;
-webkit-animation:dashanimate 1.8s ease forwards;
-moz-animation:dashanimate 1.8s ease forwards;
-o-animation:dashanimate 1.8s ease forwards;
-ms-animation:dashanimate 1.8s ease forwards;
animation:dashanimate 1.8s ease forwards;
animation-delay:1.5s;
}

.friends-mask-line{
  stroke-dasharray:1000;
  stroke-dashoffset:1000;}
.my-friends-page .heroBlock .heroCaption.animateMe .friends-mask-line{
stroke-dasharray:1000;
stroke-dashoffset:1000;
background-clip: text;
-webkit-animation:dashanimate 1.2s ease forwards;
-moz-animation:dashanimate 1.2s ease forwards;
-o-animation:dashanimate 1.2s ease forwards;
-ms-animation:dashanimate 1.2s ease forwards;
animation:dashanimate 1.2s ease forwards;
animation-delay:2.5s;
}

.contact-line{
  stroke-dasharray:1000;
  stroke-dashoffset:1000;}
.say-hello-page .heroBlock .heroCaption.animateMe .contact-line{
stroke-dasharray:1000;
stroke-dashoffset:1000;
background-clip: text;
-webkit-animation:dashanimate 1.2s ease forwards;
-moz-animation:dashanimate 1.2s ease forwards;
-o-animation:dashanimate 1.2s ease forwards;
-ms-animation:dashanimate 1.2s ease forwards;
animation:dashanimate 1.2s ease forwards;
animation-delay:1s;
}

@media screen and (min-width: 0px) and (max-width: 896px) {
@media all and (orientation: landscape){
  body.about-me-page .heroCaption span:first-child svg {
    left:-46%;
    top:-38%;
    width:180%;
    height:184%;
  }
  .captionCycleImageBlock .title span svg{width:224%; height:222%; left:-72%; top:-54%;}
}
}

@media screen and (min-width: 0px) and (max-width:550px){
  .captionLinkImageBlock .title span:last-child svg{
    width:140%;
    height:200%;
    left:-20%;
    top:-60%;
  }
.captionLinkImageBlock .title span:first-child{overflow:visible;}
.captionLinkImageBlock .title span:first-child svg{width:210%; display:block; height:234%; left: -66%; top:-60%;}

body.about-me-page .heroCaption span:first-child svg{
  left:-46%;
  top:-38%;
  width:180%;
  height:184%;
}
.captionCycleImageBlock .title span svg{width:224%; height:222%; left:-72%; top:-54%;}

body.say-hello-page .heroCaption span svg{width:300%; height:224%; left:-104%; top:-60%;}
body.home-page .heroCaption span:first-child svg{height:188%; width:126%; left:-20%;
  top:-40%;}

}

/* banner animation end here */

/* 404 animation start */
@-webkit-keyframes balance {
  0% {-webkit-transform: translate3d(0, 0, 0);}
  50% {-webkit-transform: translate3d(0, 1rem, 0);}
  100% {-webkit-transform: translate3d(0, 0, 0);}
}
@-moz-keyframes balance {
  0% {-moz-transform: translate3d(0, 0, 0);}
  50% {-moz-transform: translate3d(0, 1rem, 0);}
  100% {-moz-transform: translate3d(0, 0, 0);}
}
@-o-keyframes balance {
  0% {-o-transform: translate3d(0, 0, 0);}
  50% {-o-transform: translate3d(0, 1rem, 0);}
  100% {-o-transform: translate3d(0, 0, 0);}
}
@-ms-keyframes balance {
  0% {-ms-transform: translate3d(0, 0, 0);}
  50% {-ms-transform: translate3d(0, 1rem, 0);}
  100% {-ms-transform: translate3d(0, 0, 0);}
}
@keyframes balance {
  0% {transform: translate3d(0, 0, 0);}
  50% {transform: translate3d(0, 1rem, 0);}
  100% {transform: translate3d(0, 0, 0);}
}

/* -- */
@-webkit-keyframes balanceGlider {
  0% {-webkit-transform: translate3d(0, 0, 0);}
  50% {-webkit-transform: translate3d(0, 2rem, 0) rotateZ(10deg); }
  100% {-webkit-transform: translate3d(0, 0, 0);}
}
@-moz-keyframes balanceGlider {
  0% {-moz-transform: translate3d(0, 0, 0);}
  50% {-moz-transform: translate3d(0, 2rem, 0) rotateZ(10deg);}
  100% {-moz-transform: translate3d(0, 0, 0);}
}
@-o-keyframes balanceGlider {
  0% {-o-transform: translate3d(0, 0, 0);}
  50% {-o-transform: translate3d(0, 2rem, 0) rotateZ(10deg);}
  100% {-o-transform: translate3d(0, 0, 0);}
}
@-ms-keyframes balanceGlider {
  0% {-ms-transform: translate3d(0, 0, 0);}
  50% {-ms-transform: translate3d(0, 2rem, 0) rotateZ(10deg);}
  100% {-ms-transform: translate3d(0, 0, 0);}
}
@keyframes balanceGlider {
  0% {transform: translate3d(0, 0, 0);}
  50% {transform: translate3d(0, 2rem, 0) rotateZ(10deg);}
  100% {transform: translate3d(0, 0, 0);}
}
/* 404 animation end here */