html, body {
  height: 100%;
}
/* 360 */
#overlay-menu-det-360{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    z-index: 100001;
    display: none;
    top: 0;
}
#material-info{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:99991;
    background: #000;
	display:none;
}
#material-info .img-detail{
	background:#fff;
}
#material-info .left-material{
    float: left;
    width: 65%;
    height: 100%;
}
#material-info .right-material{
    float: right;
    width: 35%;
    height: 100%;
}
#material-info h3{
	font-size:24px;
}
#material-info .material_spec{
	margin-bottom: 40px;
}
#material-info .right-material .img-detail{
	background:#fff;
    min-height: 300px;
}
#material-info .material-detail{
	padding:20px;
	height: calc(100% - 380px);
    overflow: scroll;
}
#material-info .material_category{
	margin-top:10px;
}
#material-info .btn-close_material{
	background: rgb(116,138,215); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(116,138,215,1) 0%, rgba(47,184,220,1) 52%, rgba(5,212,223,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(116,138,215,1) 0%,rgba(47,184,220,1) 52%,rgba(5,212,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(116,138,215,1) 0%,rgba(47,184,220,1) 52%,rgba(5,212,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#748ad7', endColorstr='#05d4df',GradientType=1 ); /* IE6-9 */
	font-weight: bold;
	padding:10px 20px;
	font-size:20px;
	text-align:center;
	cursor:pointer;
}
/*Overlay*/
#overlay{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(3,4,4,0.38);
	position: fixed;
	display: none;
	z-index: 9999;
}


/*Main page*/
#content{
  width: 100%;
/*  height: calc(100vh + 73px);*/
  margin: 0 auto;
  padding-top: 26px;
  text-align: center;
  position: relative;
}

#content .button-container {
    position: relative;
    top: -28px;
}
#content .btn-start {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 70px;
}

#content #header{
	/*background-color: red;*/
	margin-bottom: 30px;
}

#content #header a{
	text-decoration: none;
	width: 287px;
	display: block;
	margin: 0 auto;
	position: relative;
	/*background-color: red;*/
}

#content #header a span{
	display: block;
	right: 30px;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 4px;
	color: rgb( 0, 0, 0 );
}

#content #header a img{
	margin-top: 5px;
	width: 287px;
}

#content #text{
	padding: 0 20px;
	font-size: 18px;
	line-height: 2;
	color: #000;
}
#content .btn-start img { width: 208px;}
#content .btn-start:hover{ opacity: 0.8;}

/*Main_content*/
#main-content{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	position: fixed;
	display: block;
	z-index: 999;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#top{
	height: auto;
    width: 100%;
    background-color: rgba(3, 4, 4, 0.65);
    position: absolute;
    top: 0;
    padding-top: 14px;
    padding-bottom: 9px;
}

#top img{
    width: 215px;
    margin-left: 14px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	cursor: pointer;
}

#menu-main {
    text-align: right;
    margin-right: 14px;
}

#info{
    display: block;
    position: absolute;
    top: 75px;
    color: #ffffff;
    font-size: 18px;
    background: rgba(3, 4, 4, 0.65);
    text-align: center;
    width: 45px;
    height: 45px;
    border-radius: 10px;
    right: 15px;
    font-weight: 300;
    cursor: pointer;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

#info:hover{
	opacity: 0.5 !important;
}

#info img{
	display: block;
	margin: 10px;
}
#info-btn{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	height:51px;
	cursor:pointer;
    z-index: 100002;
}
#info_building{
    position: fixed;
    top: 0px;
    z-index:100002;
    color: #ffffff;
    width: 400px;
    min-height: 100%;
    background: #282828;
    right: -450px;
    font-weight: 300;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* #gallery-detail #info_building {top: 4px;} */
#info_building.active{
	right:0px;
}
#info_building .img-detail{
	min-height:250px;
    border-top: 2px solid #2abadd;
}
#info_building h2.title-border{
	margin-bottom:20px;
    padding-bottom: 10px;
}
#info_building .close{
    position: absolute;
    left: -35px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 15px;
    cursor: pointer;
    z-index: 1;
    padding: 17px 10px;
    background: rgb(116,138,215);
    background: -moz-linear-gradient(left, rgba(116,138,215,1) 0%, rgba(47,184,220,1) 52%, rgba(5,212,223,1) 100%);
    background: -webkit-linear-gradient(left, rgba(116,138,215,1) 0%,rgba(47,184,220,1) 52%,rgba(5,212,223,1) 100%);
    background: linear-gradient(to right, rgba(116,138,215,1) 0%,rgba(47,184,220,1) 52%,rgba(5,212,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#748ad7', endColorstr='#05d4df',GradientType=1 );
    line-height: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#info_building .close img{
	width:15px;
}
#info_building p{
	margin-bottom:15px;
}
#info_building ul{
	margin-bottom:15px;
}
#info_building ul li{
    position: relative;
    padding-left: 30px;
}
#info_building ul li:before{
	content: '';
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    background: #589cd9;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
}
#wrap-info-building{
	padding:20px;
    height:calc(100vh - 315px);
    overflow-y:auto;
}
#map_txt {
    text-align: center;
    padding-left: 2px !important;
    margin-right: -3px !important;
    padding-right: 2px !important;
}
.wrap-planmap{
	position: absolute;
    bottom: 20px;
    left:20px;
    z-index:100000;
}
.wrap-planmap .btn-def{
    margin-top: 20px;
}
#map-plan {
	position: relative;
    display: block;
    color: #ffffff;
    text-align: center;
    -webkit-transition: 0.2s linear 0s;
	-moz-transition: 0.2s linear 0s;
	-ms-transition: 0.2s linear 0s;
	-o-transition: 0.2s linear 0s;
	transition: 0.2s linear 0s;
    z-index: 10000;
    cursor: pointer;
}
.title-map{
	width:177px;
    min-height: 58px;
    text-align: center;
    background: #d0cecb;
    color: #000;
    border-bottom: solid 2px #2abadd;
    -webkit-transition: 0.2s linear 0s;
	-moz-transition: 0.2s linear 0s;
	-ms-transition: 0.2s linear 0s;
	-o-transition: 0.2s linear 0s;
	transition: 0.2s linear 0s;
}
.title-map.actives {
	width:350px;
}
#gallery-360 .btn-def{
	/* margin-top:30px; */
	width:177px;
}
#map-plan.hover{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#close-map-plan {
	font-size:30px;
	position:absolute;
    bottom: 480px;
    left: 478px;
    display: none;
    color: white;
    z-index: 100000;
}
#close-map-plan:hover{
    cursor:pointer;
}
#map-plan img, #plan-draw {
    vertical-align: middle;
}

#plan-draw {
	opacity: 0.6;
	width:177px;
	height:179px;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

img#camera {
    position: absolute;
    bottom: 55px;
    left: 223px;
    width: 40px;
    height: 40px;
    opacity: 0;
    z-index: 99999;
}
img#camera-small {
    position: absolute;
    bottom: 55px;
    left: 223px;
    width: 40px;
    height: 40px;
    opacity: 1;
}
img#camera.active {
    width: 100px;
    height: 100px;
    opacity: 1;
}
img#camera.transition {
    -webkit-transition: 0.2s linear 0s;
	-moz-transition: 0.2s linear 0s;
	-ms-transition: 0.2s linear 0s;
	-o-transition: 0.2s linear 0s;
	transition: 0.2s linear 0s;
}
img#camera-small.hidden {
	opacity: 0;
}
.zoom-in {
    width: 25px;
    position: absolute;
    bottom: 115px;
    left: 255px;
    z-index: 999999;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.zoom-in.move{
    bottom: 115px;
    left: 255px;
    opacity: 1;
}

.overlay-360 {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(3,4,4,0.38);
    z-index: 99999;
}

.overlay-360.zoom-in {
    background: rgba(3,4,4,0.6);
}

#zoom-in {
    position: absolute;
    width: 28px;
    left: 145px;
    top: 3px;
    display: block;
    opacity: 0.85;
    z-index: 3000;
}

#map-zoom {
    display: block;
    position: absolute;
    color: #ffffff;
    padding: 0;
    bottom:0;
    left:0;
    text-align: center;
	-webkit-transition: 0.2s linear 0s;
	-moz-transition: 0.2s linear 0s;
	-ms-transition: 0.2s linear 0s;
	-o-transition: 0.2s linear 0s;
	transition: 0.2s linear 0s;
    z-index: 0;
   	height:0px;
    width:0px;
}
.hover-zoom{
	display: none;
}
#map-zoom.open{
    height: 354px;
	opacity: 1;
	z-index: 99998;
}
#zoom-plan-draw{
	position: absolute;
	bottom:0px;
	left:0px;
	width:177px;
	height:179px;
	-webkit-transition: 0.2s linear 0s;
	-moz-transition: 0.2s linear 0s;
	-ms-transition: 0.2s linear 0s;
	-o-transition: 0.2s linear 0s;
	transition: 0.2s linear 0s;
	opacity:0;
}
#map-zoom.open #zoom-plan-draw{
	width:480px;
	height:400px;
	opacity:1;
}

#map-zoom .close{
    text-align: right;
}

#map-zoom .close img{
    cursor: pointer;
    margin-bottom: 10px;
}

#loader_image.loader-hidden { display: none;}
#loader_image {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: url(../../../imgs/gallery/loading.gif) center no-repeat #1E1E1E;
}

/*Start page*/
#start-popup{
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	z-index: 99999;
}

#start-popup .wrapper{
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
	margin:auto;
	width: 438px;
    height: 221px;
}
#start-popup .close{
	position: absolute;
    top: 15px;
    right: 0px;
    text-align: right;
    cursor: pointer;
    opacity: 1;
}

#start-popup .text1{
	margin-bottom: 50px;
	font-size: 28px;
	color: rgb( 255, 255, 255 );
	line-height: 1;
}

#start-popup .text2{
	margin-top: 18px;
	margin-bottom: 45px;
	font-size: 18px;
	color: rgb( 255, 255, 255 );
	line-height: 1.667;
}

#start-popup .text3{
	margin-top: 22px;
    margin-bottom: 45px;
	font-size: 18px;
	color: rgb( 255, 255, 255 );
	line-height: 1.667;
}

#start-popup img.map { max-width: 180px;}

#start-popup img.red,
#start-popup img.green
{
	width: 80px;
}

#start-popup img.red{
	margin-right: 70px;
}

.list-rec-p{
	margin-left:20px;
}
.list-rec-p li{
	list-style-type: disc;
}
a.back-btn:hover {
  color: #ffffff;
  text-decoration: none;
}

@-webkit-keyframes fadeInUp{
	from{
		opacity:0;
		-webkit-transform:translate3d(0, 100%, 0);
		-moz-transform:translate3d(0, 100%, 0);
		-ms-transform:translate3d(0, 100%, 0);
		-o-transform:translate3d(0, 100%, 0);
		transform:translate3d(0, 100%, 0)
	}
	to{
		opacity:1;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none
	}
}
@keyframes fadeInUp{
	from{
		opacity:0;
		-webkit-transform:translate3d(0, 100%, 0);
		-moz-transform:translate3d(0, 100%, 0);
		-ms-transform:translate3d(0, 100%, 0);
		-o-transform:translate3d(0, 100%, 0);
		transform:translate3d(0, 100%, 0);
	}
	to{
		opacity:1;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;
	}
}
.fadeInUp{
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
@keyframes border-loading-indicator-row-1 {
  0% {
    border-color: rgba(37, 190, 220, 1);
    border-top-color: transparent;
  }
  5% {
    border-color: rgba(37, 190, 220, 1);
    border-top-color: transparent;
  }
  10% {
    border-color: rgba(37, 190, 220, 1);
    border-top-color: transparent;
  }
  15% {
    border-color: rgba(37, 190, 220, 1);
    border-top-color: transparent;
  }
  20% {
    border-color: rgba(37, 190, 220, 1);
    border-top-color: transparent;
  }
  25% {
    border-color: rgba(37, 190, 220, 1);
    border-right-color: transparent;
  }
  30% {
    border-color: rgba(37, 190, 220, 1);
    border-right-color: transparent;
  }
  35% {
    border-color: rgba(37, 190, 220, 1);
    border-right-color: transparent;
  }
  40% {
    border-color: rgba(37, 190, 220, 1);
    border-right-color: transparent;
  }
  50% {
    border-color: rgba(37, 190, 220, 1);
    border-bottom-color: transparent;
  }
  55% {
    border-color: rgba(37, 190, 220, 1);
    border-bottom-color: transparent;
  }
  60% {
    border-color: rgba(37, 190, 220, 1);
    border-bottom-color: transparent;
  }
  65% {
    border-color: rgba(37, 190, 220, 1);
    border-bottom-color: transparent;
  }
  70% {
    border-color: rgba(37, 190, 220, 1);
    border-bottom-color: transparent;
  }
  75% {
    border-color: rgba(37, 190, 220, 1);
    border-left-color: transparent;
  }
  80% {
    border-color: rgba(37, 190, 220, 1);
    border-left-color: transparent;
  }
  85% {
    border-color: rgba(37, 190, 220, 1);
    border-left-color: transparent;
  }
  90% {
    border-color: rgba(37, 190, 220, 1);
    border-left-color: transparent;
  }
  95% {
    border-color: rgba(37, 190, 220, 1);
    border-left-color: transparent;
  }
  100% {
    border-color: rgba(37, 190, 220, 1);
    border-top-color: transparent;
  }
}

.back-btn {
  color: #ffffff;
  padding: 10px 18px;
  min-height: 40px;
  min-width: 160px;
  background: #67A6E6;
  border: 1px solid #ffffff;
  font-size: 18px;
  border-radius: 3px;
  line-height: 1;
  display: inline-block;
}
.back-btn img {
  width: 22px;
  margin-right: 5px;
  top: -2px;
  position: relative;
}

.gal-desc-popup {
  position: absolute;
  top: 24px;
  left: 24px;
  color: #ffffff;
  min-height: 55px;
  min-width: 209px;
  max-width: calc(100% - 48px);
  padding: 11px 12px;
  background: rgba(0,0,0,0.6);
  cursor: pointer;
  z-index: 9999;
}
.gal-desc-popup img {
  width: 26px;
  position: absolute;
  top: 12px;
  left: 16px;
}
.gal-desc-popup .group-label-button {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-size: 16px;
  color: #ffffff;
  margin-left: 38px;
}
.gal-desc-popup .group-label-button span.font-8 {
  font-size: 8px;
  display: block;
  margin-top: 2px;
}
.hide {
  display: none;
}
.info-image, .close-image {
  cursor: pointer;
}
.gal-desc-popup p.description {
  margin-left: 56px;
  margin-right: 6px;
  vertical-align: top;
  width: calc(100% - 51px);
  display: none;
}

@media (min-width: 768px) {
  #page-gallery-detail .gal-desc-popup {
      max-width: calc(100% - 30px);
  }
}
@media (min-width: 992px) {
  #page-gallery-detail .gal-desc-popup {
      max-width: 930px;
  }
}
@media (min-width: 1200px) {
  #page-gallery-detail .gal-desc-popup {
      max-width: 1112px;
  }
}

@media (max-width: 767px){
  /* 360 */
#overlay-menu-det-360{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    z-index: 100001;
    display: none;
    top: 0;
}
#material-info{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:99991;
    background: #000;
	display:none;
}
#material-info .img-detail{
	background:#fff;
}
#material-info .left-material{
    float: left;
   width: 100%;
    height: 300px;
    display: none;
}
#material-info .right-material{
    float: right;
    width: 100%;
    height: 100%;
}
#material-info h3{
	font-size:24px;
}
#material-info .material_spec{
	margin-bottom: 40px;
}
#material-info .right-material .img-detail{
	background:#fff;
    min-height: 300px;
}
#material-info .material-detail{
	padding:20px;
	height: calc(100% - 380px);
    overflow: scroll;
}
#material-info .material_category{
	margin-top:10px;
}
#material-info .btn-close_material{
	background: rgb(116,138,215); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(116,138,215,1) 0%, rgba(47,184,220,1) 52%, rgba(5,212,223,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(116,138,215,1) 0%,rgba(47,184,220,1) 52%,rgba(5,212,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(116,138,215,1) 0%,rgba(47,184,220,1) 52%,rgba(5,212,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#748ad7', endColorstr='#05d4df',GradientType=1 ); /* IE6-9 */
	font-weight: bold;
	padding:10px 20px;
	font-size:20px;
	text-align:center;
	cursor:pointer;
}
/*Overlay*/
#overlay{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(3,4,4,0.38);
	position: fixed;
	display: none;
	z-index: 9999;
}


/*Main page*/
#content{
  width: 100%;
/*  height: calc(100vh + 73px);*/
  margin: 0 auto;
  padding-top: 26px;
  text-align: center;
  position: relative;
}

#content .button-container {
    position: relative;
    top: -28px;
}
#content .btn-start {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 70px;
}

#content #header{
	/*background-color: red;*/
	margin-bottom: 30px;
}

#content #header a{
	text-decoration: none;
	width: 287px;
	display: block;
	margin: 0 auto;
	position: relative;
	/*background-color: red;*/
}

#content #header a span{
	display: block;
	right: 30px;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 4px;
	color: rgb( 0, 0, 0 );
}

#content #header a img{
	margin-top: 5px;
	width: 287px;
}

#content #text{
	padding: 0 20px;
	font-size: 18px;
	line-height: 2;
	color: #000;
}
#content .btn-start img { width: 208px;}
#content .btn-start:hover{ opacity: 0.8;}

/*Main_content*/
#main-content{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	position: fixed;
	display: block;
	z-index: 999;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#top{
	height: auto;
    width: 100%;
    background-color: rgba(3, 4, 4, 0.65);
    position: absolute;
    top: 0;
    padding-top: 14px;
    padding-bottom: 9px;
}

#top img{
    width: 215px;
    margin-left: 14px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateY(-50%);
	cursor: pointer;
}

#menu-main {
    text-align: right;
    margin-right: 14px;
}

#info{
    display: block;
    position: absolute;
    top: 75px;
    color: #ffffff;
    font-size: 18px;
    background: rgba(3, 4, 4, 0.65);
    text-align: center;
    width: 45px;
    height: 45px;
    border-radius: 10px;
    right: 15px;
    font-weight: 300;
    cursor: pointer;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

#info:hover{
	opacity: 0.5 !important;
}

#info img{
	display: block;
	margin: 10px;
}
#info-btn{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	height:51px;
	cursor:pointer;
    z-index: 100002;
}
#info_building{
    position: fixed;
    top: 0px;
    z-index:100003;
    color: #ffffff;
    width: calc(100% - 60px);
    height: 100%;
    background: #282828;
    right: -767px;
    font-weight: 300;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 80%;
    max-width: 300px;
}
#info_building.active{
	right:0px;
}
#info_building .img-detail{
	/* min-height:250px; */
    border-top: 2px solid #2abadd;
}
#info_building h2.title-border{
	margin-bottom:20px;
    padding-bottom: 10px;
}
#info_building .close{
    position: absolute;
    left: -35px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 15px;
    cursor: pointer;
    z-index: 1;
    padding: 17px 10px;
    background: rgb(116,138,215);
    background: -moz-linear-gradient(left, rgba(116,138,215,1) 0%, rgba(47,184,220,1) 52%, rgba(5,212,223,1) 100%);
    background: -webkit-linear-gradient(left, rgba(116,138,215,1) 0%,rgba(47,184,220,1) 52%,rgba(5,212,223,1) 100%);
    background: linear-gradient(to right, rgba(116,138,215,1) 0%,rgba(47,184,220,1) 52%,rgba(5,212,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#748ad7', endColorstr='#05d4df',GradientType=1 );
    line-height: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#info_building .close img{
	width:15px;
}
#info_building p{
	margin-bottom:15px;
}
#info_building ul{
	margin-bottom:15px;
}
#info_building ul li{
    position: relative;
    padding-left: 30px;
}
#info_building ul li:before{
	content: '';
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    background: #589cd9;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
}
#wrap-info-building{
	padding:20px;
    height:calc(100% - 215px);
    overflow-y:auto;
}
#map_txt {
    text-align: center;
    padding-left: 2px !important;
    margin-right: -3px !important;
    padding-right: 2px !important;
}
.wrap-planmap{
	position: absolute;
    bottom: 20px;
    left:20px;
}
.wrap-planmap .btn-def{
    margin-top: 20px;
    z-index:99999999
}
#map-plan {
	position: relative;
    display: block;
    color: #ffffff;
    text-align: center;
    -webkit-transition: 0.2s linear 0s;
	-moz-transition: 0.2s linear 0s;
	-ms-transition: 0.2s linear 0s;
	-o-transition: 0.2s linear 0s;
	transition: 0.2s linear 0s;
    z-index: 10000;
    cursor: pointer;
}
.title-map{
	width:177px;
    min-height: 58px;
    text-align: center;
    background: #d0cecb;
    color: #000;
    border-bottom: solid 2px #2abadd;
    -webkit-transition: 0.2s linear 0s;
	-moz-transition: 0.2s linear 0s;
	-ms-transition: 0.2s linear 0s;
	-o-transition: 0.2s linear 0s;
	transition: 0.2s linear 0s;
}
.title-map.actives {
	width:280px;
}
#gallery-360 .btn-def{
	/* margin-top:30px; */
	width:177px;
}
#map-plan.hover{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#close-map-plan {
	font-size:30px;
	position:absolute;
    bottom: 360px;
    left: 277px;
    display: none;
    z-index: 1;
}
#map-zoom.open #close-map-plan{
	display: block;
	top:-150px;
}
#map-plan img, #plan-draw {
    vertical-align: middle;
}

#plan-draw {
	opacity: 0.6;
	width:177px;
	height:179px;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

img#camera {
    position: absolute;
    bottom: 55px;
    left: 223px;
    width: 40px;
    height: 40px;
    opacity: 0;
    z-index: 9999999999;
}
img#camera-small {
    position: absolute;
    bottom: 55px;
    left: 223px;
    width: 40px;
    height: 40px;
    opacity: 1;
}
img#camera.active {
    width: 60px;
    height: 60px;
    opacity: 1;
}
img#camera.transition {
    -webkit-transition: 0.2s linear 0s;
	-moz-transition: 0.2s linear 0s;
	-ms-transition: 0.2s linear 0s;
	-o-transition: 0.2s linear 0s;
	transition: 0.2s linear 0s;
}
img#camera-small.hidden {
	opacity: 0;
}

.zoom-in {
    width: 25px;
    position: absolute;
    bottom: 115px;
    left: 255px;
    z-index: 999999;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.zoom-in.move{
    bottom: 115px;
    left: 255px;
    opacity: 1;
}

.overlay-360 {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(3,4,4,0.38);
}

.overlay-360.zoom-in {
    background: rgba(3,4,4,0.6);
}

#zoom-in {
    position: absolute;
    width: 28px;
    left: 145px;
    top: 3px;
    display: block;
    opacity: 0.85;
    z-index: 3000;
}

#map-zoom {
    display: block;
    position: absolute;
    color: #ffffff;
    padding: 0;
    bottom:0;
    left:0;
    text-align: center;
	-webkit-transition: 0.2s linear 0s;
	-moz-transition: 0.2s linear 0s;
	-ms-transition: 0.2s linear 0s;
	-o-transition: 0.2s linear 0s;
	transition: 0.2s linear 0s;
    z-index: 0;
   	height:0px;
    width:0px;
}
.gal-desc-popup {
  max-height: calc(100vh - 300px);
  overflow: hidden;
}
.gal-desc-popup p.description {
  max-height: calc(100vh - 324px);
  overflow-y: scroll;
}
.hover-zoom{
	display: none;
}
#map-zoom.open{
    height: 280px;
	opacity: 1;
	z-index: 99999999999;
}
#zoom-plan-draw, #zoom-plan-draw-sp{
	position: absolute;
	bottom:0px;
	left:0px;
	width:177px;
	height:179px;
	-webkit-transition: 0.2s linear 0s;
	-moz-transition: 0.2s linear 0s;
	-ms-transition: 0.2s linear 0s;
	-o-transition: 0.2s linear 0s;
	transition: 0.2s linear 0s;
	opacity:0;
	z-index: 1;
}
#map-zoom.open #zoom-plan-draw-sp{
	width:280px;
	height:280px;
	opacity:1;
}

#map-zoom .close{
    text-align: right;
}

#map-zoom .close img{
    cursor: pointer;
    margin-bottom: 10px;
}

#loader_image.loader-hidden { display: none;}
#loader_image {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: url(../../../imgs/gallery/loading.gif) center no-repeat #1E1E1E;
}

/*Start page*/
#start-popup{
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	z-index: 99999;
	display: none;
}

#start-popup .wrapper{
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
	margin:auto;
	width: 438px;
    height: 221px;
}
#start-popup .close{
	position: absolute;
    top: 15px;
    right: 0px;
    text-align: right;
    cursor: pointer;
    opacity: 1;
}

#start-popup .text1{
	margin-bottom: 50px;
	font-size: 28px;
	color: rgb( 255, 255, 255 );
	line-height: 1;
}

#start-popup .text2{
	margin-top: 18px;
	margin-bottom: 45px;
	font-size: 18px;
	color: rgb( 255, 255, 255 );
	line-height: 1.667;
}

#start-popup .text3{
	margin-top: 22px;
    margin-bottom: 45px;
	font-size: 18px;
	color: rgb( 255, 255, 255 );
	line-height: 1.667;
}

#start-popup img.map { max-width: 180px;}

#start-popup img.red,
#start-popup img.green
{
	width: 80px;
}

#start-popup img.red{
	margin-right: 70px;
}

@-webkit-keyframes fadeInUp{
	from{
		opacity:0;
		-webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
		transform:translate3d(0, 100%, 0);
	}
	to{
		opacity:1;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none
	}
}
@keyframes fadeInUp{
	from{
		opacity:0;
		-webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
		transform:translate3d(0, 100%, 0);
	}
	to{
		opacity:1;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;
	}
}
.fadeInUp{
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}


@keyframes border-loading-indicator-row-1 {
  0% {
    border-color: rgba(37, 190, 220, 1);
    border-top-color: transparent;
  }
  5% {
    border-color: rgba(37, 190, 220, 1);
    border-top-color: transparent;
  }
  10% {
    border-color: rgba(37, 190, 220, 1);
    border-top-color: transparent;
  }
  15% {
    border-color: rgba(37, 190, 220, 1);
    border-top-color: transparent;
  }
  20% {
    border-color: rgba(37, 190, 220, 1);
    border-top-color: transparent;
  }
  25% {
    border-color: rgba(37, 190, 220, 1);
    border-right-color: transparent;
  }
  30% {
    border-color: rgba(37, 190, 220, 1);
    border-right-color: transparent;
  }
  35% {
    border-color: rgba(37, 190, 220, 1);
    border-right-color: transparent;
  }
  40% {
    border-color: rgba(37, 190, 220, 1);
    border-right-color: transparent;
  }
  50% {
    border-color: rgba(37, 190, 220, 1);
    border-bottom-color: transparent;
  }
  55% {
    border-color: rgba(37, 190, 220, 1);
    border-bottom-color: transparent;
  }
  60% {
    border-color: rgba(37, 190, 220, 1);
    border-bottom-color: transparent;
  }
  65% {
    border-color: rgba(37, 190, 220, 1);
    border-bottom-color: transparent;
  }
  70% {
    border-color: rgba(37, 190, 220, 1);
    border-bottom-color: transparent;
  }
  75% {
    border-color: rgba(37, 190, 220, 1);
    border-left-color: transparent;
  }
  80% {
    border-color: rgba(37, 190, 220, 1);
    border-left-color: transparent;
  }
  85% {
    border-color: rgba(37, 190, 220, 1);
    border-left-color: transparent;
  }
  90% {
    border-color: rgba(37, 190, 220, 1);
    border-left-color: transparent;
  }
  95% {
    border-color: rgba(37, 190, 220, 1);
    border-left-color: transparent;
  }
  100% {
    border-color: rgba(37, 190, 220, 1);
    border-top-color: transparent;
  }
}
}