.map .text-right{text-align:left}
.bg-grey{background-color:rgba(245, 245, 245, .8)}
/******** OVERLAY ********/
.well {
        /*box-shadow: 0 0 10px rgba(0,0,0,0.3);*/
        display:none;
        margin:1em;
		background:none;
		border:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		width:90%;
	}
    pre.prettyprint {
        padding: 9px 14px;
    }
	#fade_background{background-color:rgba(255,255,255,.9) !important;}
	#fade{text-align:center !important; vertical-align:top !important; margin-top:8% !important;}
	.fade_close{
		position:absolute;
		background:none;
		border:none;
		color:#333;
		font-size:22px;
		top:0;
		right:10%;
	}
.terms{color:#333333; text-align:left;}
	.terms h4{margin-top:15px; line-height:26px}
	.terms .fade_close{right:0;}
	.well.details{margin:0; min-height:80vh; /*height:80vh;*/}
	.terms p{margin: 30px 0 0 0}
	
	#fadediv_background{background-color:rgba(255,255,255,.95) !important;}
	#fadediv{text-align:center !important; vertical-align:top !important; margin-top:8% !important;}
	.fadediv_close{
		position:absolute;
		background:none;
		border:none;
		color:#333;
		font-size:22px;
		top:0;
		right:10%;
	}
	.terms .fadediv_close{right:0;}
	/**/

.projects ul{
		left:10%;
		right:10%;
		width:1000px;
		height:auto;
		text-align:center;
		margin:10px auto;
	}
	.projects li{
		margin:2px 10px;
		padding:8px 0;
		text-align:left;
		width:200px;
		display:inline-block;
		border-bottom:solid 1px #dadada;
	}	
	
/*body{font-family:'Roboto', Helvetica, sans-serif !important; margin:0; padding:0; text-align:left; background:url("https://www.hayakarima.com/images/bg.jpg") top center no-repeat; background-size:cover}*/
		a, h4{color:#f47321}
		/*h1, h2, h3, h4, p, li{font-family: 'Cairo', sans-serif;}*/
		a:hover, a:active, a:visited{color:#f47321}
		#map{
		  /*height:500px;
		  width:900px;*/
		  width:100%;
		  height:500px;
		}
		.map-cont{
			width:auto; height:auto; border:1px solid #e3e3e3; background-color:#ffffff; border-radius:5px; padding:5px; margin:auto 5px;
		}
		.map p{
			font-size: 14px;
			font-weight: bold;
			margin: 5px 15px 10px 15px;
			color:#343536;
		}
			.map p span, .map span{color:#f47321; margin:0 5px 0 0}
		.map footer p{color:#ffffff}
		
		/*.gm-style div div div{width:100% !important}
		.gm-style-iw{width:900px !important}
		.gm-style-iw div{width:900 !important; max-width:none !important}
		.content{width:900px !important;}*/
		.content h3{
			font-size: 20px;
			font-weight: bold;
			margin: 5px auto 10px;
			text-align:center;
		}
		.content h3 span{font-size:16px}
		.content p{margin:8px 45px 8px}
		.ul_1 li, .ul_1 ul li, .ul_1 ol li {
			display: block;
			padding: 5px 4px 6px;
			margin: 2px 5px;
			font-size: 14px;
			text-align:left;
			background-color: #ffffff;
			border-bottom:1px solid #f0f0f0;
			color: #343536;
		}
		.ul_1 li .class_1 {
			float: right;
			color: #f47321;
		}
			.ul ul, ul ul, ul ol{margin:0; padding:0}
			.ul_1 ul li, .ul_1 ol li{padding:2px 4px 3px; margin:0px 5px; font-size:14px}
			.ul_1 ul li:last-child, .ul_1 ol li:last-child{border:none}
		.ul_1 li a{color:#343536}
		.margin-top-large{margin-top:50px}
		.margin-top-medium{margin-top:15%}
		.margin-bottom-medium{margin-bottom:20px}
		.form-control{height:auto; border-radius:0}
			
		select{font-weight:400}
		.btn{width:100%; margin:10px auto 20px; height:50px; line-height:50px; padding:0 15px; font-size:16px; background-color:#232323; color:#fff; border:none; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px}
		.btn:hover{color:#fff}
		.fright{float:right}
		.lang-btn{
			margin:15px 0 10px; padding:10px 15px; font-size:16px; background-color:#232323; color:#ffffff !important; border:none;
			display:inline-block;
		 	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
		}
		a:hover.lang-btn, a:focus.lang-btn, a:active.lang-btn{text-decoration:none; color:#ffffff;}

.st-scroll,
.st-panel {
	position: relative;
	width: 100%;
	height: 100%;
}

.st-scroll {
	top: 0;
	left: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	
	/* Let's enforce some hardware acceleration */
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
}

.st-panel{
	background: #fff;
	overflow: hidden;
} 

#st-control-1:checked ~ .st-scroll {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}
#st-control-2:checked ~ .st-scroll {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
#st-control-3:checked ~ .st-scroll {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-o-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
}
#st-control-4:checked ~ .st-scroll {
	-webkit-transform: translateY(-300%);
	-moz-transform: translateY(-300%);
	-o-transform: translateY(-300%);
	-ms-transform: translateY(-300%);
	transform: translateY(-300%);
}
#st-control-5:checked ~ .st-scroll {
	-webkit-transform: translateY(-400%);
	-moz-transform: translateY(-400%);
	-o-transform: translateY(-400%);
	-ms-transform: translateY(-400%);
	transform: translateY(-400%);
}


/* Content elements */

.st-deco{
	width: 200px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -100px;
	background: #fa96b5;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

[data-icon]:after {
    content: attr(data-icon);
    font-family: 'RaphaelIcons';
    color: #fff;
	text-shadow: 1px 1px 1px rgba(151,24,64,0.2);
	position: absolute;
	width: 200px;
	height: 200px;
	line-height: 200px;
	text-align: center;
	font-size: 90px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	-webkit-transform: rotate(-45deg) translateY(25%);
	-moz-transform: rotate(-45deg) translateY(25%);
	-o-transform: rotate(-45deg) translateY(25%);
	-ms-transform: rotate(-45deg) translateY(25%);
	transform: rotate(-45deg) translateY(25%);
}

.st-panel h2 {
	color: #646464;
	text-shadow: 1px 1px 1px rgba(151,24,64,0.2);
	position: absolute;
	font-size: 48px;
	font-weight: 500;
	width: 80%;
	left: 10%;
	text-align: center;
	line-height: 50px;
	margin: -70px 0 0 0;
	padding: 0;
	top: 20%;
	-webkit-backface-visibility: hidden;
}

	.map .form-control{padding:6px}
	.about-page.map p{margin-bottom:18px}
	.map input[type="text"]{border:1px solid #a9a9a9 !important}
	#fade .well .carousel-inner > .item,
	#fade .well .carousel-inner > .item > img{height:auto !important}

#st-control-1:checked ~ .st-scroll #st-panel-1 h2,
#st-control-2:checked ~ .st-scroll #st-panel-2 h2,
#st-control-3:checked ~ .st-scroll #st-panel-3 h2,
#st-control-4:checked ~ .st-scroll #st-panel-4 h2,
#st-control-5:checked ~ .st-scroll #st-panel-5 h2{
	-webkit-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-moz-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-o-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-ms-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	animation: moveDown 0.6s ease-in-out 0.2s backwards;
}
@-webkit-keyframes moveDown{
	0% { 
		-webkit-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-webkit-transform: translateY(0px);  
		opacity: 1;
	}
}

@-moz-keyframes moveDown{
	0% { 
		-moz-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-moz-transform: translateY(0px);  
		opacity: 1;
	}
}

@-o-keyframes moveDown{
	0% { 
		-o-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-o-transform: translateY(0px);  
		opacity: 1;
	}
}

@-ms-keyframes moveDown{
	0% { 
		-ms-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-ms-transform: translateY(0px);  
		opacity: 1;
	}
}

@keyframes moveDown{
	0% { 
		transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		transform: translateY(0px);  
		opacity: 1;
	}
}

.st-panel p, .st-panel ul {
	position: absolute;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	color: #8b8b8b;
	z-index: 2;
	padding: 0;
	width: 50%;
	left: 25%;
	top: 20%;
	margin: 10px 0 0 0;
	-webkit-backface-visibility: hidden;
}
	.st-panel ul{
		left:10%;
		right:10%;
		width:1170px;
		text-align:center;
		margin:10px auto;
	}
	.st-panel li{
		margin:2px 10px;
		padding:8px 0;
		text-align:left;
		width:200px;
		display:inline-block;
		border-bottom:solid 1px #dadada;
	}
#st-control-1:checked ~ .st-scroll #st-panel-1 p,
#st-control-2:checked ~ .st-scroll #st-panel-2 p,
#st-control-3:checked ~ .st-scroll #st-panel-3 p,
#st-panel-3,
/*a:hover.carousel-control*/{
	-webkit-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-moz-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-o-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-ms-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	animation: moveUp 0.6s ease-in-out 0.2s backwards;
}

@-webkit-keyframes moveUp{
	0% { 
		-webkit-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-webkit-transform: translateY(0px);  
		opacity: 1;
	}
}

@-moz-keyframes moveUp{
	0% { 
		-moz-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-moz-transform: translateY(0px);  
		opacity: 1;
	}
}

@-o-keyframes moveUp{
	0% { 
		-o-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-o-transform: translateY(0px);  
		opacity: 1;
	}
}

@-ms-keyframes moveUp{
	0% { 
		-ms-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-ms-transform: translateY(0px);  
		opacity: 1;
	}
}

@keyframes moveUp{
	0% { 
		transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		transform: translateY(0px);  
		opacity: 1;
	}
}

/* Colored sections */

.st-color,
.st-deco{
	background: #f0f0f0;
}
.st-color [data-icon]:after {
	color: #fa96b5;
}
.st-color .st-deco {
	background: #fff;
}
.st-color h2 {
	color: #646464;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
} 
.st-color p, .st-color ul{
	color: #646464;
}

@media screen and (max-width: 520px) {
	.st-panel h2 {
		font-size: 42px;
	}
	
	.st-panel p {
		width: 90%;
		left: 5%;
		margin-top: 0;
	}
	
	.st-container > a {
		font-size: 13px;
	}
}
@media screen and (max-width: 360px) {
	.st-container > a {
		font-size: 10px;
	}
	
	.st-deco{
		width: 120px;
		height: 120px;
		margin-left: -60px;
	}
	
	[data-icon]:after {
		font-size: 60px;
		-webkit-transform: rotate(-45deg) translateY(15%);
		-moz-transform: rotate(-45deg) translateY(15%);
		-o-transform: rotate(-45deg) translateY(15%);
		-ms-transform: rotate(-45deg) translateY(15%);
		transform: rotate(-45deg) translateY(15%);
	}
}

@media screen and (min-width: 640px){
	.lang-btn{position:absolute; top:0; right:5px}	
}
@media(min-width:767px) {
    .navbar {
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}
@media(min-width:768px) {
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next,
	.carousel-control .icon-prev {width:40px; height:40px}
	.carousel-indicators{bottom: -44px}
}
@media screen and (max-width: 639px){
	.lang-btn{position:relative; margin-right:auto; margin-left:auto; text-align:center;}	
}

#myCarousel span{color:#ffffff; background-color:rgba(0,0,0,1); padding:3px}
	/*#myCarousel a:hover span{color:#eb1d24; background-color:rgba(255,255,255,1);}*/
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{width:100%; height:auto}
.carousel-indicators li {
    background-color:#b1b1b1;
	border:none;
}
.carousel-indicators .active {
    background-color: #f47321;
}
.carousel-indicators li, .carousel-indicators .active {
    width: 16px;
    height: 16px;
    margin: 0 2px;
}
.carousel-control{height:48%; margin-top:14%}
.carousel-control.left, .carousel-control.right{background:none}

/* Pins */
.level__pins {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.level__pins--active {
	pointer-events: auto;
}

.pin {
	position: absolute;
	width: 5.5vmin;
	height: 8.25vmin;
	margin: -8.25vmin 0 0 -2.25vmin; /* let the bottom tip be the reference point for individual coordinates */
	-webkit-transform: rotateZ(-20deg) rotateZ(45deg) rotateX(-70deg);
	transform: rotateZ(-20deg) rotateZ(45deg) rotateX(-70deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.pin__icon {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.level__pins--active .pin__icon {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.pin:nth-child(2) .pin__icon {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}
.pin:nth-child(3) .pin__icon {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.pin:nth-child(4) .pin__icon {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.pin:nth-child(5) .pin__icon {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.pin:nth-child(6) .pin__icon {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
.pin:nth-child(7) .pin__icon {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.pin:nth-child(8) .pin__icon {
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
}
.pin:nth-child(9) .pin__icon {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.pin[data-category='1'] .icon--pin {
	fill: #7cbf7f;
}
.pin[data-category='2'] .icon--pin {
	fill: #6584c7;
}
.pin[data-category='3'] .icon--pin {
	fill: #dc4b7c;
}
.pin[data-category='4'] .icon--pin {
	fill: #8d65e0;
}

.pin--active .icon--pin {
	stroke: #515158;
	stroke-width: 15px;
}

.icon--pin {
	width: 100%;
	height: 100%;
}

.icon--logo {
	position: absolute;
	top: 11%;
	left: 25%;
	width: 50%;
	height: 50%;
	fill: white;
	fill-opacity: 0.6;
	-webkit-transition: fill-opacity 0.3s;
	transition: fill-opacity 0.3s;
}

.pin--active .icon--logo,
.pin:hover .icon--logo {
	fill-opacity: 1;
}

/* Pins for floor 1 */
.pin--1-1 { top: 60vmin; left: 8vmin; }
.pin--1-2 { top: 15vmin; left: 15vmin; }
.pin--1-3 { top: 15vmin; left: 88vmin; }
.pin--1-4 { top: 40vmin; left: 77vmin; }
.pin--1-5 { top: 33vmin; left: 38vmin; }
.pin--1-6 { top: 6vmin; left: 27vmin; }
.pin--1-7 { top: 36vmin; left: 61vmin; }
.pin--1-8 { top: 9vmin; left: 59vmin; }
.pin--1-9 { top: 8vmin; left: 51vmin; }

/* Pins for floor 2 */
.pin--2-1 { top: 7vmin; left: 22vmin; }
.pin--2-2 { top: 39vmin; left: 5vmin; }
.pin--2-3 { top: 21vmin; left: 84vmin; }
.pin--2-4 { top: 39vmin; left: 53vmin; }
.pin--2-5 { top: 14vmin; left: 50vmin; }
.pin--2-6 { top: 60vmin; left: 15vmin; }
.pin--2-7 { top: 34vmin; left: 37vmin; }
.pin--2-8 { top: 52vmin; left: 74vmin; }

/* Pins for floor 3 */
.pin--3-1 { top: 17vmin; left: 15vmin; }
.pin--3-2 { top: 42vmin; left: 5vmin; }
.pin--3-3 { top: 19vmin; left: 85vmin; }
.pin--3-4 { top: 61vmin; left: 57vmin; }
.pin--3-5 { top: 58vmin; left: 25vmin; }
.pin--3-6 { top: 30vmin; left: 57vmin; }
.pin--3-7 { top: 32vmin; left: 37vmin; }

/* Pins for floor 4 */
.pin--4-1 { top: 55vmin; left: 21vmin; }
.pin--4-2 { top: 18vmin; left: 20vmin; }
.pin--4-3 { top: 21vmin; left: 88vmin; }
.pin--4-4 { top: 52vmin; left: 74vmin; }
.pin--4-5 { top: 33vmin; left: 38vmin; }
.pin--4-6 { top: 39vmin; left: 56vmin; }
.pin--4-7 { top: 58vmin; left: 10vmin; }

/* Mobile compatability */
.open-search,
.close-search {
	display: none;
}

.map .padding{padding:40px 0 0 !important}