/*
Theme Name: Eden House
Author: Cskills
Version: 1
*/

header{ padding: 24px 0;position: absolute;top: 0; z-index: 999;width: 100%;left: 0; right: 0; }
header .flexWrap{ justify-content: center; position: relative; text-align: center; margin: 0 auto;  }
.logo img{ display: inline-block;}
.HeroSection{ background:#383D32; margin-bottom:0px;}
.HeroSecCaption{ height: 100vh;background:#383D32; position: relative; min-height: 850px;}
.HeroSecCaption h1 {max-width: 76%; text-align: center; margin: 0px auto;position: absolute;left: 0; right: 0; top: 50%; transform: translate(0%, -50%); color:#88AD71; padding-bottom: 0}
a.down {position: absolute;left: 0;right: 0;bottom: 30px;margin: 0px auto; width: 56px; animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); cursor: pointer;}
.HeroSecCaption a{ color: #fff;}
.HeroSecCaption a:hover{color:#88AD71; text-decoration: none;}
@media (orientation: portrait) {
  .HeroSecCaption{ min-height: inherit;}
}

/* Title */
.title{ text-transform: uppercase; padding: 160px 20px 80px; max-width: 1340px; margin: 0px auto; text-align: center;}
.smallText1{ max-width: 420px; margin: 0px auto; text-align: center; padding:0 20px 160px;}
.Small-Img{ padding:0 20px 160px;}
.SmallText2{max-width: 560px; margin: 0px auto; text-align: center; padding:0 20px 160px;}


/* LargeCaption */
.LargeCaption{ padding: 144px 0 120px; color:#383D32; background:#fff;}
.bigfont{ font-size: 141px; line-height: 144px;font-family: 'euclid_circular_bbold';}
.LargeCaption > div {max-width: 76%; text-align: center; margin: 0px auto;}
.LargeCaption a:hover{color:#383D32; text-decoration: none;}
/* LargeCaption */

.TitleParasImages{ background:url(./images/greenbg.svg) no-repeat; background-size: contain;}
.Small-Img img{ margin: 0px auto; max-width: 956px; width: 100%;}
.Heading{font-weight: normal; font-family: 'euclid_circular_bbold';  font-size: 12.2vw; line-height: 266px;-webkit-text-stroke-color:#fff; overflow-wrap: break-word;color: transparent;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 3px; text-transform: uppercase;text-align: center; position: relative;white-space:pre;}





.SustainabilitySection{ background: #88AD71; }
.SustainabilitySection .Heading{-webkit-text-stroke-color:#2B2F26; }
.fixline {background:url(./images/crossline.svg) no-repeat; background-attachment: fixed;background-size: cover;}
.SustainTop { font-size: 87px;font-family: 'euclid_circular_bsemibold'; line-height: 104px; letter-spacing: -1.218px; color: #2B2F26; text-align: center; padding: 150px 0 210px;}
.SustainTop .container_1600{ position: relative; z-index: 9;}
.Smalltext{ font-size: 37px; line-height: normal;letter-spacing: -0.518px;font-family: 'euclid_circular_bregular'; padding-bottom: 20px;}
.LargeText{ max-width: 1160px; text-align: center; margin: 0px auto;}
.LargeText p{padding-bottom: 40px;}
.LargeText a{ color:#2B2F26; text-decoration: underline;}
.LargeText a:hover{color:#fff; text-decoration: none;}
.SustainTop span{ color:#fff;}
.SustainBottom{ background:#88ad71 url(./images/linesbg.svg) no-repeat; background-attachment: fixed;position: relative;padding: 0px 0 200px; background-size: cover;}
.SustainBottom.noSpace{ padding-bottom: 0}
.SustainabilitySection .Heading{ left: -1.5vw;width: 102vw; top: -124px;}
.SustainabilitySection ul{ max-width: 1160px; margin: 0px auto;}
.SustainabilitySection li {padding: 0 30px 50px;width: 33.33%; text-align: center;}
.SustainabilitySection li img{ max-width: 244px; display: inline-block; width: 100%; max-height: 178px;}
.SustainabilitySection h5{ padding: 0; margin: 24px 0 0px;}

.SummarySpec { background: #4B5743;  padding: 0px 0 100px; overflow: inherit;}
.SummarySpec .Heading{ left: -1.6vw;width: 102vw; font-size: 12.6vw; top: -118px;}
.SummarySpec ul{}
.SummarySpec li {padding: 0 30px 50px;width: 25%; text-align: center;}
.SummarySpec li img{ max-width: 244px; display: inline-block; width: 100%; max-height: 178px;}
.SummarySpec h5{ padding: 0; margin: 24px 0 0px;}

.AvailabilitySection{}
.Availabilitytop {padding: 104px 0 220px;}
.AvailabilitySection .container_1600{ max-width: 1360px; margin: 0px auto;}
.Availability{ background: #4B5743; padding: 0px;}
.Availability h3{ font-size: 69px; line-height: 87px;color: #88AD71; padding-bottom: 10px;}
.titleAvail{ font-size: 40px; line-height: 50px; margin: 0 0 56px;}
.RowTitle{font-size: 20px; line-height: 30px; max-width: 540px; border-bottom: #fff solid 1px;text-align: left;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-flow: row wrap; padding-bottom: 10px;}
.Row{font-size: 30px; line-height: 40px; max-width: 540px; border-bottom: #fff solid 1px;text-align: left;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;flex-flow: row wrap; padding: 8px 0;cursor: pointer; align-items: flex-end;}
.Row.scrollSlide[data-slide="6"]{ position: relative;}
.Row.scrollSlide[data-slide="6"]:before{display:none; pointer-events: none; background: url(images/catB.svg) no-repeat; background-size: 77px; position: absolute;right: -87px; content: ""; width: 77px; height: 77px; top: 50%; bottom: 0; transform: translate(0%, -50%);}
/*.Row.scrollSlide[data-slide="0"]{ position: relative;}
.Row.scrollSlide[data-slide="0"]:before{pointer-events: none; background: url(images/catAll.svg) no-repeat; background-size:77px; position: absolute;right: -87px; content: ""; width: 77px; height: 291px; top: 52%; bottom: 0; transform: translate(0%, -50%);}
*/
.Row.scrollSlide.letCls {color: #88AD71; pointer-events: none}
.Row.scrollSlide.letCls span.occupier{text-transform: uppercase;}
.Row b, .Row strong{ font-family: 'euclid_circular_bbold'; display: block;}
.RowTitle > div, .Row > div{ width: 50%}
.tabSec{ border-bottom: #fff solid 1px; padding: 28px 0 10px; margin-bottom: 26px;}
.tabs {margin: 0px; padding: 0;}
.tabs li { margin: 0px; padding: 0 30px 0 0; list-style-type: none; display: inline-block;}
.tabs a {display: block;font-family: 'euclid_circular_bregular'; color:#fff; text-decoration: none;}
.tabs a.active {color: #fff;font-family: 'euclid_circular_bbold'; }
.panel img { margin-top: 10px;}
.Table {padding: 0 120px 0 0;}
.panel .lazyLoadImage.lazyloaded{ background: #4b5743}


.cata{pointer-events: none; background: url(images/catAll.svg) no-repeat; background-size:77px; position: absolute;right: 0px; width: 77px; bottom: 0; }


.floorplan{ background: #fff;}
.floorplan ul{ padding: 0}
.floorplan h2{ text-transform: uppercase;}
.floorplan .Heading{-webkit-text-stroke-color: #88AD71; overflow-wrap: break-word; color: transparent;  -webkit-text-fill-color: #88AD71;font-size: 15.1vw;left: -2vw; width: 102.5vw; top: -104px;}
.floorplan .flexWrap{ padding: 0 100px 78px 40px;}
.floorplan .col-3{ color:#383D32}
.floorplan .col-9{ text-align: center; position: relative;}
.FloorplanZoom {width: 40px;height: 40px;background: #4B5743;border-radius: 30px; position: absolute; right: 0;}
.FloorplanZoom svg path{ fill:#fff;}
.FloorplanZoom svg{width: 30px; height: 30px;margin: 5px 0;}
.floorplan .col-9 img{ display: inline-block; max-width: 950px;}
a.Floorplan {cursor: zoom-in;}
.floorTotal {margin: 60px 0 0;}
.floorTotal .col{ display: block; margin-bottom: 30px;}
.floorTotal sup{ font-size: 34px; line-height: 43px; text-transform: uppercase; display: block;}
.floorTotal span{font-size: 54px; line-height: 62px;}
.floorTotal sub{ font-size:40px; line-height: normal;}
.floorTotal sup, .floorTotal sub {font-size: 30px; line-height: 38px;}
.spaceplanimage {border: #383D33 solid 1px; padding:8px 20px; font-size: 20px;color: #383D32;font-family: 'euclid_circular_bbold'; margin-top: 16px; display: inline-block;}
.spaceplanimage:hover{text-decoration: none; background: #383D33; color:#fff;}
.floorSlide .flexWrap .col-3 .spaceplanimage ~ a{ display: none;}
.planbtn a{ display: none;}
.planbtn a:first-child{ display: block;}

/* Page css */
table.cookielawinfo-classic{font-family:'euclid_circular_bregular' !important; background:#fff;}
table.cookielawinfo-classic td, table.cookielawinfo-classic th{ font-size: 18px !important; line-height: 28px !important;}
.TBspace{padding:80px 0;}

/* Fancybox */
.fancybox-is-open .fancybox-bg{ background:#fff;}
.page-template-template-building .fancybox-infobar{ display:none!important;}
.fancybox-custom-layout .fancybox-bg, .fancybox-is-zoomable .fancybox-bg{opacity:1!important;}
.fancybox-custom-layout .fancybox-inner .fancybox-stage { width:auto; left:420px;}
.fancybox-custom-layout .fancybox-inner .fancybox-stage .fancybox-slide {padding: 5% 0 !important; }
.fancybox-custom-layout .fancybox-button--arrow_right{ right: 20px!important;}
.fancybox-custom-layout .fancybox-button--arrow_left{ left: 440px!important;}
.fancybox-custom-layout .fancybox-inner .fancybox-caption {width:420px; position:absolute; right:auto; left:0; top:0; bottom:auto; height:100%;
background:#4B5743;margin-top:0px; padding:20px 40px!important;padding-top: 50px !important;color:#ffffff;text-align: left;}
.fancybox-custom-layout .fancybox-inner .fancybox-caption .floorSpace{font-size: 28px; line-height:36px; width: 100%; color:#fff; padding-bottom: 10px;}
.fancybox-custom-layout .fancybox-inner .fancybox-caption h4{font-size: 36px;line-height: 44px; padding-bottom: 10px;}

.fancybox-custom-layout .fancybox-inner .fancybox-caption  ul{ list-style-type:none; margin:0; padding:16px 0;}
.fancybox-custom-layout .fancybox-inner .fancybox-caption  ul li{ padding:0 0 8px 0;}
.fancybox-custom-layout .fancybox-caption__body{ max-height:100%!important; overflow: hidden;}
.spaceplanLink{ color:#172C35; padding-top:6px;}
.planLinks{display:flex; align-items:flex-start;}
.tourIcon{float:right; margin-top:20px; cursor: pointer;}
a.tourIcon:hover .iconHover{fill: #FF525C;}
.flPlan{pointer-events:none;}
.spaceplanLink ul li a:hover{ color:#FF525C;}
.spaceplanLink ul{margin:0px; padding:0 0 0 16px; list-style-type:none;}
.spaceplanLink ul li{display:none; margin:0px; padding:0px;}
.spaceplanLink ul li:first-child{display:block; padding-left: 16px; border-left:#172C35 solid 1px;}
.floorIcon{position:absolute; bottom:40px; right:100px;}

.myCustomClass .fancybox-navigation{ display: none;}

.slideImage{ max-width: 1100px; display:inline-block;}
.floorArea, .jarallax, .panel, .Gallery.flexWrap .box {
  background-image: url('images/loader.svg');
  background-size: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}
.slideImage img.lazyloaded{ background-image:none!important;}
.overlayScreen { display:none; position:fixed;width:100%;height: 100%; left:0; bottom:0; z-index:111111;}
.infobtn {background-color: #FCBE0E; cursor: pointer; padding: 10px 70px 10px 20px; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 112; display: block; color: #000;}
.bottomfixBox{ position:fixed; bottom:0; text-align:center; width:100%; opacity:0; visibility:hidden; z-index:999999;}
.moreinfo{ padding:14px 18px; margin:0 auto; background:#88AD71; color:#fff; cursor:pointer; display:block; text-transform:uppercase;}
.moreinfo:hover{color:#fff;}
body.showbtn .bottomfixBox{ opacity: 0; visibility: hidden; color:#fff;}
body.showCaption .fancybox-custom-layout .fancybox-inner .fancybox-caption{ right: 0; width: 100%;}
body.showCaption .fancybox-toolbar .fancybox-button--close{ display:none!important;}

.closeSpaceplan{ width: 40px; height: 40px; position:fixed;
  right:10px; top:10px; z-index: 999999; opacity: 0; visibility:hidden;
background-image:url('images/closeIcon.svg');
background-position: center center;
background-repeat:no-repeat;
background-size: 20px;
}
body.showCaption .closeSpaceplan{ opacity: 1; visibility: visible;}
body.showCaption .fancybox-custom-layout .fancybox-navigation{ display:none!important;}

.topbox {border-bottom: #FFFFFF solid 1px;margin-bottom: 30px; padding-bottom: 20px;text-transform: uppercase;}
.leftsideBoxbld{ font-family: 'euclid_circular_bbold'; margin-bottom: 20px;}
.topbox span{ font-size: 25px; color:#fff;font-family:'euclid_circular_bregular' !important; }
.topbox h2{color: #88AD71; text-transform: uppercase; padding-bottom: 0;}
.fancybox-infobar{ display: none;}
.infoBox ul{max-width: 240px; padding: 0 0 20px !important;}
.infoBox {max-height: 48vh; overflow: auto;}
.infoBox ul li{ padding: 0 !important}
.infoBox ul li span{ float:right;}
.legend{border-top: #FFFFFF solid 1px;margin-top: 30px; padding-top: 14px;}
.legend li{ position: relative; padding-left: 40px !important}
.legend li:before{content:""; position: absolute; width: 20px; height: 20px; left: 0;top: 4px; border: #383D33 solid 1px;}
.legend li:first-child:before{background: #CFDEC5;}
.legend li:nth-child(2):before{ background: #E7FFC5;}
.legend li:nth-child(3):before{ background: #F9FFF4;}
.legend li:nth-child(4):before{ background: #F0FFDC;}

.lazyLoadImage {opacity: 0; transition: opacity 1s ease .4s; -webkit-transition: opacity 1s ease .4s; -moz-transition: opacity 1s ease .4s; -o-transition: opacity 1s ease .4s;}
.lazyLoadImage.lazyloaded { opacity: 1;}
/* Fancybox */

.jarallax {position: relative; z-index: 0; height: 100vh}
.jarallax-keep-img {position: relative; z-index: 0;}
.jarallax-keep-img > .jarallax-img { position: relative; display: block; max-width: 100%; height: auto; z-index: -100; }
/* .jarallax-img{height: auto !important;} */
/* Footer Css */
.copyrightTxt{ padding:24px 0 0}
.copyrightTxt img{width: 18px; height: 18px;display: inline-block; vertical-align: middle; margin: -2px 6px 0 0;}

/* 404 Css */
.pageNotFound {width: 100%;max-width: 650px;text-align: center; margin: auto;padding: 0px; font-weight: 500;}
.pageNotFound h2{font-size: 180px;line-height:150px;;margin-bottom: 30px; padding-top: 0px;-webkit-text-stroke-color:#fff; overflow-wrap: break-word;
color: transparent;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 3px;}
.pageNotFound a{color: #88AD71}
.pageNotFound a:hover{color: #fff}

@keyframes bounce {
50% {transform: translateY(-15px);}
}


/* Footer */
footer{padding: 80px 0px 70px 0px; font-size: 14px;line-height: 20px;background-color: #383D32;color: #fff;}
footer .container_1600{ position: relative;}
.footerLogo{margin: 0 0 40px;}
.footerLogo .logo{max-width: 220px;}
footer .footerMain{ width: 28%;  display: flex;  justify-content: flex-start;  align-items: flex-end; padding-bottom: 0px;  order: 1; padding-left: 0 !important}
footer .footerLargeMenu{order: 3; width: 17%;}
footer .topscroll{order: 4;z-index: 2;}
footer .GetIntouch{order: 2; width: 50%;}
.GetIntouch .flexWrap{ align-items: flex-start;}
.GetIntouch .col::before{ display: none;}
.GetIntouch .col{ width: 37%; padding: 0;}
.GetIntouch .col:nth-child(2){width: 50%;}
.GetIntouch .col p:last-child{ padding-bottom: 0}
.GetIntouch .col ul{margin: 0px; padding: 0px; list-style: none}
.GetIntouch .col ul li{padding: 0px 0px 20px 0px}
.GetIntouch .col:nth-child(2) ul{display: flex; flex-flow: row wrap;}
.GetIntouch .col:nth-child(2) ul li{width: 50%; padding-right: 10px;}
.logoBox {margin: 0 0 22px; height: 70px;}
.logoBox img{ max-width: 100px}
.footerMenu {color: #fff;font-size: 14px;line-height:20px;padding: 0px !important; display: flex; flex-direction: column;}
.footerMenu ul{padding: 0px 0px 20px 0px; margin: 0px; list-style: none;}
.footerMenu ul li{ padding: 3px 0px;}
.footerMenu ul li a{ color: #fff;}
.footerMenu ul li a:hover{ color: #383D32;}
.home .footerMenu {position: absolute;}
footer .flexWrap > div{ padding: 0px 20px 0px 20px; position: relative;}
footer .flexWrap > div .footerMenu::before, footer .flexWrap > div::before{ content: '';display: block;width: 1px; height: 100vh; top: -5%; left: 0%; transform: rotate(30deg); transform-origin: top;position: absolute; background: #88AD71;}
footer .flexWrap > div .footerMenu::before {left: -5%}
footer .flexWrap > div:last-child::before{display: none;}
footer .flexWrap > div .footerMenu { position: relative;}
footer h6 { color: #88AD71; text-transform: uppercase; padding-bottom: 30px;}
footer .parnerlogo {margin-bottom: 20px; max-height: 52px; width: auto;}
footer a{color: #fff; display: inline-block;}
footer a:hover{color: #88AD71; text-decoration: none;}
footer .partnerInfo strong { padding-bottom: 20px;display: block;}
footer .flexWrap > div ul{ list-style: none; margin: 0px;padding: 0px;}
footer .flexWrap > div ul li{padding: 3px 0px;}
footer .flexWrap > div .footerMenu > ul{padding: 0px 0px 20px 0px;}
footer .footerMenu ul li a:hover, footer .footerMenu ul li.active a{color: #88AD71;}
.downloads a{pointer-events: none;}
.topscroll{position: absolute!important;right: 0px; bottom: 0px; width: 10% !important;}
.scrollTop{cursor: pointer;display: inline-block;-webkit-transition: all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.scrollTop:hover{ color: #88AD71;}
.footerLargeMenu ul{ margin-top: -8px !important;}

table.cookielawinfo-classic{ background: transparent !important; color: #fff !important}
table.cookielawinfo-classic thead tr th{ background: transparent !important}

.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: translate3d(0, 30px, 0);	-moz-transform: translate3d(0, 30px, 0);	transform: translate3d(0, 30px, 0);	opacity: 0;
transition: opacity .8s ease-in-out, transform .8s ease-in-out;	-webkit-transition: opacity .8s ease-in-out, transform .8s ease-in-out;	-moz-transition: opacity .8s ease-in-out, transform .8s ease-in-out;	-o-transition: opacity .8s ease-in-out, transform .8s ease-in-out;}
.fadeInUp.animateMe {	-webkit-transform: translate3d(0, 0, 0);	-moz-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0);	opacity:1;}


/* Cookies Bar Css */
.cli-bar-message, .cli-plugin-button, .cli-plugin-button:visited{font-family: 'euclid_circular_bregular' !important; font-weight: normal !important;}
.cli-bar-message a{color:#88ad71;}
#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"] {padding: 20px !important;font-family: 'euclid_circular_bregular' !important; font-weight: normal;}
.cli-bar-message {margin-bottom: 16px;}
.cli-tab-footer .wt-cli-privacy-accept-btn{ background: #88ad71 !important}
.cli-switch input:checked + .cli-slider{background: #88ad71 !important}
#cookie-law-info-bar{ box-shadow: 0 -1px 10px 0 rgb(136 173 113) !important}

/* Animation */

.SustainTopMain.animateMe .plain{position: absolute; width: 100%; height: 100%;  bottom: -8%; left:3%;animation-name:plane; animation-duration:4s;}
@keyframes plane{
  0%{left:-100%;bottom:-100%;}
  100%{ bottom: -8%; left: 3%;}
}


/* body:not(.no-js) .image-wrap {transition: 1s ease-out; transition-delay: 0.2s; position: relative; width: auto; overflow: hidden;
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); visibility: hidden;} */
body:not(.no-js) .image-wrap {transition: 1s ease-out; transition-delay: 0.2s; position: relative; max-width: 956px; margin: 0px auto;width: auto; overflow: hidden;}
body:not(.no-js) .image-wrap img { transform: scale(1.2); transition: 2s ease-out;}
/* body:not(.no-js) .animating .image-wrap { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); visibility: visible; transform: skewY(0);} */
body:not(.no-js) .animating img {transform: scale(1); transition: 4s ease-out;}
/* body:not(.no-js) .fadeup { opacity: 0; transition: 0.4s ease-out; transform: translateY(40px);}
body:not(.no-js) .fading-up {opacity: 1; transition: 1s ease-out; transform: translateY(0px); transition-delay: 0.7s;} */


.view {position: absolute;right: -190px; width: 130px;height: 130px;text-align: center; padding:0; text-decoration: none !important;}
.view a{ cursor: pointer; background: url(images/viewtour.svg) no-repeat; background-size: 120px; display: block; width: 100%;  height: 100%;}


.vrTourpopup {
  position:fixed;
  left:0;
  width:100%;
  height:100%;
  background-color:#172C35;
  top:-100%;
  transition: all .5s ease-in-out;
  z-index:999999 !important;
  overflow:hidden;
  opacity:0;
}
.vrTourpopup.active {
  top: 0;
  opacity: 1;
}
.closeIcon {
  position: absolute;
  right: 20px;
  top: 100px;
  margin: auto;
  background:#172C35 url('images/whitecloseIcon.svg') no-repeat center center;
    background-size: auto;
  background-size: auto;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
.vrTourpopup .closeIcon {
  z-index: 1;
  cursor: pointer;
}
.iframeContainer {
  width: 100%;
  height: 100%;
  clear: both;
  overflow: hidden;
  opacity: 0;
}
.iframeContainer iframe {
  width: 100%;
  height: 100%;
}

.vrLoader {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  margin: auto;
  background: url('images/view-360.svg') no-repeat center center;
  width: 120px;
  height: 120px;
  -webkit-animation: ripple 0.7s linear infinite;
  animation: ripple 0.7s linear infinite;
  border-radius: 50%;
}

@keyframes ripple {
  0% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 5px rgba(255, 255, 255, 0.3), 0 0 0 15px rgba(255, 255, 255, 0.3);
  }
  100% {box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3), 0 0 0 15px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}


.Gallery.flexWrap {max-width: 956px; margin: 0px auto;}
.Gallery.flexWrap .box::before{ padding-top: 76%;}
.Gallery.flexWrap .Slide-item{width: 100%;}
.Gallery.flexWrap .slick-arrow.slick-prev {left: -93px !important; top: 50%; transform: translate(0%, -50%); background-image: url(./images/left-arrow.svg); background-color:unset !important;}
.Gallery.flexWrap .slick-arrow.slick-next {right:-93px !important; top: 50%; transform: translate(0%, -50%);background-image: url(./images/right-arrow.svg);background-color:unset !important;}
.Gallerycaption {text-align: center; padding: 14px 0 0; font-size: 14px; line-height: 20px;}
.Gallery.flexWrap .box{background-color: #3c4335}