/* @group View Map
------------------------------------ */
.mapContainer { height: 65rem; overflow: hidden; }
/* Project Box
----------------------*/
.project-box { position: absolute!important; left: 0!important; top: 0!important; height: 100%; width: 100%; background: rgba(45,45,45,1);z-index: 2; opacity: 0; visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
.project-box.active { animation: fadeFullLeft .8s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; }
.project-box.non-active { animation: fadeFullRight .8s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; }
.project-box .close { color: rgba(255,255,255,1); font-size: 1.6em; position: absolute; top: 3.3rem; right: 3.2rem; z-index: 2; }
.project-box .img-box { height: 25.7rem; margin: 8.3rem 0 3.7rem; }
.project-box .box-txt { padding: 0 5rem; }
.project-box h2 { color: rgba(255,255,255,1); font-size: 1.7em; line-height: 1.238em; text-transform: uppercase; margin: 0 0 1.2rem; }
.project-box p { color: rgba(255,255,255,1); }
.project-box a { background: transparent; border: 1px solid; margin-top: 2rem;  }

/* Radio Switch
----------------------*/
.radio-switch { height: 2.4rem; margin: 0 0 3.3rem; }
.radio-switch input { height: 100%; opacity: .00001; position: absolute; top: 0; width: 30%;/* z-index: 3;*/ cursor: pointer; margin: 0; }
.radio-switch a,
.radio-switch label { color: rgba(45,45,45,1); font: 700 1.5em / 1.400em TitilliumText22L; position: relative; text-transform: uppercase; vertical-align: middle; cursor: pointer; z-index: 2; }
.radio-switch input:checked + label { z-index: 1; }
.radio-switch h3 + a,
.radio-switch label:first-of-type { padding-right: 6rem; }
.radio-switch h3 + a:after,
.radio-switch label:first-of-type:after { content: ''; background: rgba(34,34,34,1); height: 1.1rem; width: 3.8rem; overflow: hidden; pointer-events: none; position: absolute; vertical-align: middle; right: 0; top: .5rem; margin-left: 0; border-radius: .5rem; }
.radio-switch h3 + a:before,
.radio-switch label:first-of-type:before { content: ''; transition: right .2s ease-in-out; background: rgba(244,160,0,1); height: 2rem; width: 2rem; border-radius: 100%; z-index: 2; right: -1rem; position: absolute; top: 0; }

.radio-switch h3 + .active:before,
.radio-switch input:checked + label:first-of-type:before { right: 3rem; }
.radio-switch label:last-child { margin-left: -3.8rem; padding-left: 6rem; }
@media only screen
and (min-width : 961px) {
  .mapContainer { height: 66.6rem; margin-bottom: 2.9rem; }
  /* Radio Switch
  ----------------------*/
  .radio-switch { margin: 0 0 5.1rem; }
  /* Project Box
  ----------------------*/
  .project-box { width: 37.2rem; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}
/* @end */