/*
Theme Name: 101 NCS
Author:
Version: 1.1
*/
* {
  -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{
  width: 100vw;
  height: 100%;
  overflow: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  position: relative;
  overflow-x: hidden;
  /* padding-right: 17px; */
}
body.introcompleted, .introcompleted #page-Wrap,
html.autoscoll body, html.autoscoll{
  height: auto;
  overflow: auto;
  scrollbar-width: none;
    overflow-x: hidden;
    padding-right: 0px;
}
::-webkit-scrollbar {
    width: 0;
    scrollbar-width: none;
}
img::selection {
  background: transparent;
  color: #fff
}

img::-moz-selection {
  background: transparent;
  color: #fff
}
.progress-container {
	width: 1px;
    background: #e2383f;
    border-left: 1px solid #fff;
border-right: 1px solid #e2383f;
	    position: fixed;
	    z-index: 3;
	    right: 140px;
	    top: 200px;
	    bottom: 100px;
}

.progress-bar {
  background: #E2383F;
      border: 1px solid #fff;
      width: 5px;
      margin-left: -0.13em;
  border-radius: 2px;
}


#page-Wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .redbg
  {
    margin: 0 auto;
      height: 100%;
        width: 100%;
        position: fixed;
        top: 0px;
        z-index: 1;
        background: #E2383F;
  }
  html.autoscoll .Introanimation,   html.autoscoll .redbg
  {
    display: none;
  }
.Introanimation {
  margin: 0 auto;
    height: 100%;
      width: 100%;
      position: fixed;
      top: 0px;
      z-index: 2;
      /* background: #E2383F; */
      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;
          opacity: 0;
          /* padding-right: 16px; */

}

.logoWrapper
{
  padding: 5% 10% 5% 10% !important;
  align-self: flex-start;
}
.logoWrapper img
{
  max-width: 200px;
  width: 100%;
}

header{
  padding: 0px 140px;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background: #fff;
  border-bottom: 4px solid #E2383F;
  height: 150px;
  opacity: 0;
}
header.sticky{
  height: 100px;
}
.logo
{
  width: 90px;
  height: 93px;
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.sticky .logo {
    width: 60px;
    height: 64px;
  }
.description img{
  width: 130px;
}
.sticky .description img {
    width: 90px;
}

.menu
{
  position: absolute;
  right: 140px;
  top: 50%;
  transform: translateY(-50%);
}

ul.mainMenu
{
  padding: 0px;
  margin: 0px;
  list-style: none;
}
ul.mainMenu li{
  font-size: 23px;
  line-height: 30px;
  text-transform: uppercase;
  font-family: 'alternate-gothic-no-2-d', sans-serif;
  padding: 0px 15px;
}
ul.mainMenu li a{
padding: 10px 0px;
}
ul.mainMenu li:last-child
{
  padding-right: 0px;
}
ul.mainMenu li:hover a{
color: #e2383f;
}
ul.mainMenu li.current-menu-item a{
  color: #e2383f;
}

.pageContent{
opacity: 0;
margin-top: 100px;
}

.Herobanner
{
  height: 89.5vh;
  min-height: 660px;
  position: relative;
}
.heroTextOverlay
{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: rgba(22,28,23,0.79);
  color: #fff;
  padding-top: 70px;

}
.heroTextOverlay h1
{
  font-size: 8.5vw;
  line-height: 8.33vw;
  max-width: 1360px;
  padding: 0px;
  margin: 0px;
}
.heroTextOverlay h1 span
{
  -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 0.015em; /*3px*/
  -webkit-text-stroke-color: #FFFFFF;
}

.ImageSlider, .summerySpec, .workSpec, .TextImage
{
  padding-top: 100px;
  padding-bottom: 100px;
}
.Avilablespace
{
  padding-top: 0px;
  padding-bottom: 100px;
}
.Slideshow, .Slide360show
{
  visibility: hidden;
  opacity: 0;
}
.Slideshow.loaded, .Slide360show.loaded
{
  visibility: visible;
  opacity: 1;
}
.ImageSlider .sliderWrapper{
  position: relative;
  max-width: 1360px;
  margin: 0 auto;
  /* overflow: hidden; */
}
.ImageSlider .sliderWrapper::before
{
  content: '';
  display: block;
  padding-top: 56%;
  position: relative;
}

.ImageSlider::before
{
  content: '';
  display: block;
  padding-top: 26%;
  position: absolute;
  width: 100%;
  bottom: 0px;
  z-index: 0;
  background: #F0F0F0;
}
.heroSlider .sliderWrapper::before
{
 content: '';
 display: block;
 padding-top: 43%;
 position: relative;
}
.sliderWrapper .Slideshow, .sliderWrapper .Slide360show{
  position: absolute;;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.imageSlide, .image360Slide
{
  height: 100%;
}
.imageSlide{display: flex !important;;
align-items: center;
flex-direction: column;}
.imageSlide .imageCaption{
  margin-top: 10px;

  padding: 0px 20px;
  min-height: 40px;
}
.imageSlide .imagePlace {
    overflow: hidden;
    width: 100%;
    height: calc(100% - 50px);
}
.Image360Slider{
  overflow: visible;
  padding-bottom: 100px;
}

.Image360Slider .sliderWrapper{
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  /* overflow: hidden; */
}

.Image360Slider .sliderWrapper::before
{
  content: '';
  display: block;
  padding-top: 28%;
  position: relative;
  z-index: 1;
  /* background: rgba(22, 28, 33, 0.24); */
}
.Image360Slider .sliderWrapper .image360Slide::before
{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  background: rgba(22, 28, 33, 0.24);
}


.view360Icon
{
  width: 220px;
  height: 220px;
  display: inline-block;
  background: url('images/360-view-text.svg');
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0;
  display: block;
  margin: 0;
	background-color: transparent;
	border-radius: 100%;
	font-size: 0px;
	line-height: 0px;
	cursor: pointer;
}

.view360Icon.activeurl
{
  background-color: rgba(0,0,0,0.5);
	border-radius: 100%;
  -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;
}
.view360Icon:hover{
  background-color: rgba(0,0,0,0.5);
}
.hovercircle
{
  fill:transparent;
}
.level360:hover .hovercircle{
fill: rgba(0,0,0,0.5);
}
.view360Icon > span{
	width: 100%;
	height: 100%;
	display: inline-block;
	background: url('images/360-view-border.svg');
	background-repeat: no-repeat;
	background-position: center;
}



.footagevideo {
	padding-bottom: 56.1%;
	position: relative;
	width: 100%;
	margin-bottom: 100px;
}
.footagevideo iframe {
	width: 101%;
	height: 101%;
	position: absolute;
	left: -0.5%;
	top: 0;
	z-index: 1;
}
#btnPlay
{position: absolute;
  z-index: 2;
  display: block;
  cursor: pointer;
width: 80px;
height: 80px;
background-color: #E2383F;
border-radius: 50%;
border: 2px solid #fff;
font-size: 0px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);}
#btnPlay::after
{
  content: '';
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  transform: translate(-35%, -50%);
  position: absolute;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid #fff;}
/* ============================VR section css start========================= */
.vrTourpopup {
	position: fixed;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #DEDEDE;
	top: -100%;
	transition: all .5s ease-in-out;
	z-index: 115;
	overflow: hidden;
	opacity: 0
}
.vrTourpopup.active {
	top: 0;
	opacity: 1
}
.vrTourpopup .closeIcon {
	z-index: 4;
	cursor: pointer;
}
.closeIcon {
	position: absolute;
	right: 20px;
	top: 20px;
	margin: auto;
	background: url('images/cross.svg') no-repeat center center;
	background-size: auto;
  background-color: rgba(226, 56, 63, 0.8);
	width: 40px;
	height: 40px;
	background-size: 25px;
  opacity: 0;
}
.vrLoader {
	cursor: pointer;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	margin: auto;
	background: url('images/view-360-popup.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(226, 56, 63, 0.3), 0 0 0 5px rgba(226, 56, 63, 0.3), 0 0 0 15px rgba(226, 56, 63, 0.3);
  }
  100% {
    box-shadow: 0 0 0 5px rgba(226, 56, 63, 0.3), 0 0 0 15px rgba(226, 56, 63, 0.3), 0 0 0 30px rgba(226, 56, 63, 0);
  }
}
@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(226, 56, 63, 0.3), 0 0 0 5px rgba(226, 56, 63, 0.3), 0 0 0 15px rgba(226, 56, 63, 0.3);
  }
  100% {
    box-shadow: 0 0 0 5px rgba(226, 56, 63, 0.3), 0 0 0 15px rgba(226, 56, 63, 0.3), 0 0 0 30px rgba(226, 56, 63, 0);
  }
}
.iframeContainer {
	width: 100%;
	height: 100%;
	clear: both;
	overflow: hidden;
	opacity: 0;
  z-index: 1;
}
.iframeContainer iframe {
	width: 100%;
	height: 100%;
}



/* ============================VR section css end========================== */


.centerBlock
{
  max-width: 1400px;
  width: 100%;
  padding: 0px 20px;
  margin: 0 auto;
}
.summerySpec
{
  background: #F0F0F0;
  width: 100%;
  text-align: center;
}
.workSpec
{
  background: #ffffff;
  width: 100%;
  text-align: center;
}
.sectionHeading
{
  text-transform: uppercase;
  font-size: 5.20vw;/*100px*/
  line-height: 5vw;
/*line-height: 4.42vw;85px*/
color: #e2383f;
padding-bottom: 30px;
}
.iconList ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 100%;
  justify-content: center;
}
.iconList ul li{
  width: 33.33%;
  padding: 40px 20px 0px 20px;
}
.iconList.workSpec ul li{
  width: 25%;
}
.iconList ul li p{
  padding: 0px;
  max-width: 300px;
margin: 0 auto;
}

.icon
{
  width: 200px;
  height: 200px;
  overflow: hidden;
  margin: 0 auto;
  padding: 20px;
}
.icon img{
  max-width: 100%;
  max-height: 100%;
}

.iconList ul li h4
{
  font-family: 'trade-gothic-next', sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #e2383f;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 5px;
}

.FullwidthImage
{
  width: 100%;
  position: relative;
  overflow: hidden;
}

.FullwidthImage::before
{
  content: '';
  display: block;
  padding-top: 44%;
  width: 100%;
  position: relative;
    background: #e2383f;
}

.TextImage
{
  border-top: 1px solid #E03A44;
}

.TextImage .sectionHeading{
  padding-bottom: 50px;
}
.TextImage .TextBlock{
  width: 40%;
  padding-right: 5%;
  padding-bottom: 15%;
}
.TextImage .ImageBlock{
  width: 60%;
  position: relative;
      align-self: flex-end;
}
.TextImage .ImageBlock .imageplace
{
  width: 120%;
margin-left: -20%;
}

.Avilablespace .sectionHeading{
  width: 100%;
}

.Avilablespace .BuildingBlock{
  width: 75%;
  position: relative;
}

.Avilablespace .BuildingfloorInfo{
  width: 25%;
  padding-left: 30px;
  position: relative;
  /* padding-bottom: 0.5%; */
    padding-top: 4.5%;
}
#level1
{
transform: translateY(0);
}
#level2
{
transform: translateY(-18%);
}
#level3
{
transform: translateY(-35.9%);
}
#level4
{
transform: translateY(-53.85%);
}

.levelblock .floorpatch
{
  fill:rgb(255,87,84);
  fill-opacity:0;
}

.levelblock.available .floorpatch
{
  fill:rgb(255,87,84);
  fill-opacity:0.5;
  cursor: pointer;
}
.levelblock.available:hover .floorpatch
{
  fill:rgb(255,87,84);
  fill-opacity:0.8;
}

.level360
{
  display: none;
}
.levelblock.available .level360
{
  display: inline-block;
  cursor: pointer;
}
.levelring
{
    transform-origin: 38.3% 27%;
}
.levelinfo
{
  width: 100%;
  height: 20%;
  font-family: 'trade-gothic-next-condensed', sans-serif;
  font-weight: 700;
  font-size: 20px;
    line-height: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.levelinfo h4
{
  text-transform: uppercase;
  font-size: 2vw;
  line-height: 2vw;
  /* font-size: 45px; */
/* line-height: 40px; */
  color: #e2383f;
}
.levelinfo p{
  padding: 0px;
}
#level2 .levelclick rect{
  width: 495px;
  display: inline-block;
transform: translateX(535px);
}
.Floorplan
{
  background: #e2383f;
  padding-top: 100px;
  padding-bottom: 100px;
}
.FloorText h2
{
  font-size: 5.20vw;/*100px*/
  line-height: 5.30vw;/*110px*/
  color: #fff;
  text-transform: uppercase;
}
.FloorText h4
{
  font-size: 2.34vw;/*45px*/
  line-height: 2.86vw;/*55px*/
  color: #fff;
  text-transform: uppercase;
}
.FloorplanBlock, .spaceplanBlock, .combinedplanBlock
{
  padding: 0px 8vw;
  text-align: center;
  position: relative;
}
.FloorplanBlock a, .spaceplanBlock a, .combinedplanBlock a
{
  position: relative;
  z-index: 2;
  display: block;
}
.FloorplanBlock::before, .spaceplanBlock::before, .combinedplanBlock::before
{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  width: 60px;
  height: 60px;
  left: 50%;
  margin-left: -30px;
  top: 50%;
  margin-top: -30px;
  background: url('images/loader.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.FloorplanSlider .view360Icon
{
  width: 90px;
  height: 90px;
  right: 0px;
  top: 0px;
  left: auto;
  transform: none;
}
.plan{
  position: relative;
}

.planTab
{
  text-align: center;
  padding: 10px 0px 0px 0px;
  color: #161c21;
}

.planTab span{
  color: #161c21;
  text-transform: uppercase;
  padding: 5px;
  cursor: pointer;
  font-family: 'trade-gothic-next-condensed', sans-serif;
}
.planTab span.active
{
  color: #FFFFFF;
  pointer-events: none;
}

/* .spaceplanBlock, .combinedplanBlock */
.plan div.planImg
{
  display: block;
}
.plan div.planImg + div.planImg, .plan div.planImg + div.planImg + div.planImg
{
  display: none;
}
.overlayScreen{display: none; position: fixed; width: 100%; left: 0; bottom: 0;  z-index: 111111;  background-color: #e2383f;  }

/* ===========home page css end========================= */
.outAbout
{
  padding-top: 120px;
}
.outAbout .sectionHeading
{
  width: 100%;
}

.outAbout .LeftMapBlock
{
width: 78%;
}

.outAbout .RightMapList
{
width: 22%;
padding-left: 30px;
}
.outAbout .RightMapList h4
{
  font-size: 2.08vw;
  line-height: 2.08vw;
  letter-spacing: -0.02vw;
  color: #e2383f;
  text-transform: uppercase;
  padding-bottom: 5px;
  border-bottom: 1px solid #e2383f;
  margin-bottom: 10px;
  cursor: pointer;
}
.outAbout .RightMapList h4.active
{
  pointer-events: none;
}
.outAbout .RightMapList ul{
  display: none;
}
.outAbout .RightMapList ul:first-of-type{
  display: block;
}
.outAbout .RightMapList ul{
  padding: 0px 0px 20px 0px;
  margin: 0px;
  list-style: none;
}
.outAbout .RightMapList ul li{
  padding: 1px 0px 1px 35px;
  margin: 0px;
display: block;
cursor: pointer;
position: relative;
}
.outAbout .RightMapList ul li b{
  position: absolute;
  left: 0px;
  display: inline-block;
  color: #e2383f;
}
.outAbout .RightMapList ul li.active
{
  color: #e2383f
}

.midContainer
{
  width: 100%;
  position: relative;
}
.zoomPan, .zoomPanmap {
  background-color: #DBDBDB;
}

.mapimg img {
  width: 100%
}

.zoomingIcon {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  z-index: 9;
}

.zoomingIcon a {
  display: block;
  background-color: #e2383f;
  padding: 5px;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}

.zoomingIcon a.zoomOut {
  border-top: 1px solid #fff
}

.zoomingIcon svg {
  width: 25px;
  height: 25px;
}

.pointerTabbingmain {

  width: 100%;
  position: relative;
  padding-top: 10px;
  padding-bottom: 20px;
}

.pointerTab {
  padding: 20px;
text-align: center;

}

.pointerTab > span {
  cursor: pointer;
  transition: all 200ms linear;
	padding: 0px 15px;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 2px;
    font-family: 'Brown-Regular';
    display: inline-block;
    text-transform: uppercase;
    position: relative;
}
.pointerTab > span::after {
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    width: 2px;
    height: 20px;
    background: #000;
    top: 50%;
    transform: translateY(-45%);
}
.pointerTab > span:last-child::after
{
	display: none;
}

.pointerTab > span.active {
  color: #FF5740;
  pointer-events: none
}

.mappointer > div{
  display: none;
}

.mappointer > div > span {
  position: absolute;
	cursor: pointer;
  /* width: 25px;
  height: 25px; */
	border-radius: 100%;
	width: 1.50%;
	height: 2.40%;
	font-size: 0.8vw;
	    line-height: 0.8vw;
  z-index: 3;
  color: #fff;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	transition:all .3s ease-in-out;
	 -webkit-transition:all .3s ease-in-out;
	 -moz-transition:all .3s ease-in-out;
	 -o-transition:all .3s ease-in-out;
}
.mappointer > div > span b
{
	vertical-align: middle;
}

.mappointer > div > span > span {
  display: none;
  font-size: 14px;
  line-height:20px;
	background-color: #e2383f;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  left:180%;
	white-space: nowrap;
  color:#FFFFFF;
  text-align: left;
}
.imgNote
{
	display: none;
}


.mappointer > div > span > span::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color:#e2383f;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.mappointer > div.fitness > span > span, .mappointer > div.fitness > span > span::before  {
  background-color: #116a4c;
}
.mappointer > div.occupiers > span > span, .mappointer > div.occupiers > span > span::before  {
  background-color: #1d242c;
}

.pointerlistmain > div{
  display: none;
}
.pointerlistmain > div.active, .mappointer > div.active{
  display: block;
}

.no-touch .pinOverlay
{
  display: none !important;
}



.mappointer > div > span{
  /* background: rgba(37, 94, 255, 0.6); */
}
.mappointer > div > span b{
  display: none;
}
.retailMapHolder img{
	margin: 0 auto;
}




.RowOne, .RowTwo, .RowThree, .RowFour, .Rowfive, .RowSix
{
  padding: 100px 0px;
}

.image1 .imageHolder, .image2 .imageHolder, .image3 .imageHolder
/* , .FullwidthImage .imageHolder */
{
  background: #e2383f;
}
.image1, .image2, .image3, .imagePlace{
  position: relative;
}

.RowOne .centerBlock
{
  max-width: 1130px;
}
.RowOne .image1
{
  width: 62%;
  text-align: right;

  }
  .RowOne .image1 .sectionHeading
  {
    display: inline-block;
    text-align: left;
    padding-right: 10%;
    padding-bottom: 50px;
  }
.RowOne .image2
{
  width: 38%;
  padding-right: 15px;
  padding-top: 50px;
    padding-bottom: 7vw;
}
.imagePlace{
  overflow: hidden;
}
.RowOne .image1 .imagePlace::before
{
  content: '';
  display: block;
  position: relative;
  padding-top: 67%;
}
.RowOne .image2 .imagePlace::before
{
  content: '';
  display: block;
  position: relative;
  padding-top: 120%;
}
.RowTwo
{
  margin-top: -14vw;
}
.RowTwo .centerBlock
{
padding-bottom: 7vw;
}
.RowTwo .sectionHeading, .RowThree .sectionHeading{
  width: 100%;
  padding-bottom: 50px;
}
.RowTwo .image1
{
  width: 70%;
}

.RowTwo .image1 .imagePlace::before
{
  content: '';
  display: block;
  position: relative;
  padding-top: 60%;
}
.RowThree
{
  margin-top: -14vw;
}
.RowThree .centerBlock
{
  padding-bottom: 7vw;
}

.RowThree .col_1_1
{
  max-width: 1130px;
  margin: 0 auto;
}

.RowThree .col_1_1 .image1:first-child
{
  width: 60%;
  padding-right: 15px;
}
.RowThree .col_1_1 .image2:last-child
{
  width: 40%;
}

.RowThree .col_1_1 .image1 .imagePlace::before
{
  content: '';
  display: block;
  position: relative;
  padding-top: 70%;
}

.RowThree .col_1_1 .image2 .imagePlace
{
  height: 100%;
}

.RowThree .image3
{
  width: 100%;
  padding-top: 70px;
}
.RowThree .image3 .imagePlace::before
{
  content: '';
  display: block;
  position: relative;
  padding-top: 57%;
}

.RowFour
{
  margin-top: -14vw;
}
.RowFour .centerBlock
{
  max-width: 1340px;
  margin: 0 auto;
}
.RowFour .col_1_1
{
  width: 55%;
  padding-left: 50px;
  padding-right: 5%;
}

.RowFour .col_1_1 .image1:first-child
{
  width: 50%;
  padding-right: 7px;
}
.RowFour .col_1_1 .image2:last-child
{
  width: 50%;
  padding-left: 7px
}

.RowFour .col_1_1 .image1 .imagePlace::before
{
  content: '';
  display: block;
  position: relative;
  padding-top: 115%;
}

.RowFour .col_1_1 .image2 .imagePlace
{
  height: 100%;
}


.RowFive .image1
{
  width: 45%;
  text-align: left;

  }
  .RowFive .image1 .sectionHeading
  {
    display: inline-block;
    text-align: left;
    padding-bottom: 50px;
  }
.RowFive .image2
{
  width: 55%;
  padding-right: 5%;
  padding-bottom: 7vw;
}

.RowFive .image1 .imagePlace::before
{
  content: '';
  display: block;
  position: relative;
  padding-top: 87%;
}
.RowFive .image2 .imagePlace::before
{
  content: '';
  display: block;
  position: relative;
  padding-top: 69%;
}

.RowSix .image1
{
  width: 60%;
  padding-left: 5%;
  padding-right: 5%;
}
.RowSix .sectionHeading
{
    width: 40%;
}
.RowSix .image1 .imagePlace::before
{
  content: '';
  display: block;
  position: relative;
  padding-top: 69%;
}
.RowSix .image2
{
  width: 100%;
  padding-top: 70px;
}
.RowSix .image2 .imagePlace::before
{
  content: '';
  display: block;
  position: relative;
  padding-top: 57%;
}

.superbConnection
{
  padding-bottom: 100px;
  overflow: visible;
}
.superbConnection .zoommapHolder
{
  margin-bottom: 20px;
  overflow: hidden;
}
.superbConnection .sectionHeading{
  width: 100%;
}
.superbConnection .LeftMap
{
  width: 79%;
  padding-right: 30px;
}
.labelImage
{
  overflow: hidden;
}
.superbConnection .RightmapInfo
{
  width: 21%;
}
.superbConnection .RightmapInfo h4
{
  font-size: 2.08vw;
  line-height: 2.08vw;
  color: #e2383f;
  border-bottom: 1px solid #e2383f;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.superbConnection .RightmapInfo .block
{
  padding-bottom: 40px;
}
.superbConnection .RightmapInfo .block:last-child
{
  padding-bottom: 0px;
}

.animatedMap
{
  padding-bottom: 120px;
  overflow: visible;
}

.svgHolder
{
  position: relative;
  width: 100%;
}
.svgHolder::before{
  content: '';
  display: block;
  padding-top: 47%;
}
.svgHolder svg{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

/* ============================ */


footer{
  border-top: 3px solid #E03A44;
  width: 100%;
  padding: 50px 140px;
  margin-top: -1px;
}
footer > div{
  width: 20%;
  padding: 0px 20px;
  font-size: 15px;
  line-height: 24px;
}
footer > div:nth-child(1)
{
  padding-left: 0px;
  border-right: 0px;
}
footer > div:nth-child(1) .address{
  align-self: flex-end;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
}
footer > div:nth-child(1) .address p:last-of-type{
  padding: 0px;
}
footer > div:nth-child(2){
  width: 40%;
  align-items: flex-end;
  border-right: 1px solid #E03A44;
}
footer > div:nth-child(2) > div{
  width: 50%;
}
footer > div:nth-child(2) > div:nth-of-type(1)
{
  padding-right: 10px;
}
footer > div:nth-child(2) > div:nth-of-type(2)
{
  padding-left: 10px;
}
footer > div:nth-child(3){
  width: 40%;
  border-right: 0px solid #E03A44;

}
footer > div:nth-child(3) > div{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  max-width: 360px;
  width: 100%;
}
footer > div:nth-child(4) ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}
footer > div:nth-child(4) ul li{
  padding: 0px 0px 5px 0px;
}
footer > div:nth-child(4) ul li svg
{
  width: 9px;
  height: 10px;
  overflow: hidden;
  margin-right: 5px;
}
path.arrowpath
{
   fill:#161c21;
   stroke:#161c21;
}
footer > div:nth-child(4) ul li:hover path.arrowpath
{
   fill:#E03A44;
   stroke:#E03A44;
}
.footerlogo
{
  max-width: 120px;
  max-height: 125px;
  width: 100%;
  margin-bottom: 10px;
  display: inline-block;
}
footer h3
{
  font-size: 2.34vw; /*45px;*/
  line-height: 2.34vw; /*45px;*/
  text-transform: uppercase;
  color: #e2383f;
  width: 100%;
  padding-bottom: 30px;
}
.parnerLogo
{
  max-width: 125px;
  max-height: 60px;
  width: 100%;
  height: 100%;

  margin-bottom: 20px;
}
.addressBlock img{
  max-width: 125px;
  max-height: 60px;
}
footer > div:nth-child(3) img
{
  max-width: 130px;
}

footer a{
    color: #161c21;
    cursor: pointer;
}

footer a:hover{
    color: #e2383f;
}
footer ul li{
  margin: 2px 0px;
}
.addressBlock p:last-of-type, footer > div:nth-child(3) > div p:last-of-type
{
  padding-bottom: 0px;
}
footer > div:nth-child(3) > div p:last-of-type
{
  padding-top: 20px;
}
footer > div:nth-child(3) > div strong p{
  padding-bottom: 10px !important;
  padding-top: 0px !important;
}
.scrolltoTop
{
  position: absolute;
  right: 140px;
  bottom: 50px;
  cursor: pointer;
  overflow: hidden;
}

.scrollpath
{
  fill:#e2383f;
}
.scrolltoTop:hover .scrollpath
{
  fill:#161c21;
}



.pagenotfound svg {
    font: 200px 'Monoton';
    width: 600px;
    height:600px;
}

.pagenotfound {
  text-align: center;
  padding: 0px 20px 100px 20px;
}

.pagenotfound h1{
  text-align: center;
  color:#E2383F;
  font-size: 70px;
      line-height: 80px;
}

.pagenotfound a{
   display: inline-block;
   color: #E2383F;
text-decoration: underline;
}
.pagenotfound a:hover{
  text-decoration: none;
}
.pagenotfound .text {
    fill: none;
    stroke: white;
    stroke-dasharray: 8% 29%;
    stroke-width: 4px;
    stroke-dashoffset: 1%;
    animation: stroke-offset 5.5s infinite linear;
}

.pagenotfound .text:nth-child(1){
	stroke: #161c21;
	animation-delay: -1;
}

.pagenotfound .text:nth-child(2){
	stroke: #959595;
	animation-delay: -2s;
}

.pagenotfound .text:nth-child(3){
	stroke: #E2383F;
	animation-delay: -3s;
}

.pagenotfound .text:nth-child(4){
	stroke: #d9d3ca;
	animation-delay: -4s;
}

.pagenotfound .text:nth-child(5){
	stroke: #da2717;
	animation-delay: -5s;
}

@keyframes stroke-offset{
	100% {
    stroke-dashoffset: -35%;
  }
}
.footerLink{width: 100%;}
.footermenu
{margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;}
.page-template-default .pageContent
{margin-top: 150px;}
.page-template-default
{
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.2px;
}
.page-template-default h1
{font-size: 40px;
line-height: 50px;
font-family: 'trade-gothic-next', sans-serif;
font-weight: 700;
margin-bottom: 20px;}
.pageContainer
{
  padding: 50px 160px 50px 140px;
  margin: 0 auto;
  width: 100%;
}
table.cookielawinfo-winter
{
  font-family: 'trade-gothic-next', sans-serif !important;
}

.cli_pg_page_contaner div > p:last-of-type{
  padding: 0px;
}
.cli_pg_page_contaner div + h3
{margin-top: 20px;}


.cli-bar-message a, .cli_pg_page_contaner a, .entry a
{
  color:  #E2383F
}
.cli-bar-message a:hover, .cli_pg_page_contaner a:hover, .entry a:hover
{
  text-decoration: underline;
}

.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {

    font-size: 16px !important;
line-height: 20px !important;
padding: 8px 15px 10px 15px;
  }
.cli_settings_button{margin-left: 0px !important;}
.wt-cli-ckyes-brand-logo
{display: none !important}
table.cookielawinfo-classic
{font-family: 'trade-gothic-next', sans-serif !important;

}
table.cookielawinfo-classic thead tr th
{
  color: #000;
}
.cookielawinfo-row-cat-table
{
  margin: 0px auto !important;
}
.cky-preference-center{
  background-color: #fff !important
}
  .cky-consent-container .cky-consent-bar {
      background-color: #000 !important;
      border:0 !important;
      padding: 8px 25px !important;
      box-shadow: none;
  }
   .cky-notice .cky-title, .cky-prefrence-btn-wrapper + div, .cky-footer-shadow,
  .cky-consent-bar .cky-banner-btn-close, .cky-notice-btn-wrapper .cky-btn::after{display: none !important;}
  .cky-notice-des p{padding: 0px;    color: #FFFFFF !important;}
  .cky-notice-des a{color: #E2383F !important}
  .cky-btn
  {
    font-size: 16px!important;
      font-weight: 400!important;
      line-height: 1!important;
      display: inline-block;
      padding: 8px 15px 10px 15px!important;
      color: #000 !important;
      border: 0px !important;
      background-color:#dedfe0 !important
  }
  .cky-btn-accept{
    color: #fff !important;
    background-color: #E2383F !important
  }
  @media (max-width: 576px) {
      .cky-notice-btn-wrapper {
          flex-direction: row !important;
      }
      .cky-notice-btn-wrapper .cky-btn{
        margin: 5px !important
      }
      .cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper
      {
        padding: 0px !important
      }
  }