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

	Copyright (C) 2015 Schweizerpunkt - Aliu Media
	All rights reserved.

	Redistribution, modification and personal use of this software 
	and its source code is prohibited and protected by law.
	
===================================================================
*/


* { 
	margin: 0;
	padding: 0;
	
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	outline: none;

}




input, input:before, input:after,
textarea, textarea:before, textarea:after {
	-webkit-user-select: initial;
	-khtml-user-select: initial;
	-moz-user-select: initial;
	-ms-user-select: initial;
	user-select: initial;
} 

/*@font-face {
	src: url("../assets/fonts/AlteHaasGroteskRegular.ttf");
	font-weight: 	normal;
	font-family: 	MainFont;
}
@font-face {
	src: url("../assets/fonts/AlteHaasGroteskBold.ttf");
	font-weight: 	bold;
	font-family: 	MainFont;
}*/
@font-face {
	src: url("../assets/fonts/Roboto/Roboto-Thin.ttf");
	font-weight: 	normal;
	font-family: 	RobotoThin;
}
@font-face {
	src: url("../assets/fonts/Roboto/Roboto-Regular.ttf");
	font-weight: 	normal;
	font-family: 	MainFont;
}
@font-face {
	src: url("../assets/fonts/Roboto/Roboto-Medium.ttf");
	font-weight: 	normal;
	font-family: 	RobotoMedium;
}
@font-face {
	src: url("../assets/fonts/Roboto/Roboto-Light.ttf");
	font-weight: 	normal;
	font-family: 	RobotoLight;
}
@font-face {
	src: url("../assets/fonts/Roboto/Roboto-Bold.ttf");
	font-weight: 	normal;
	font-family: 	RobotoBold;
}
@font-face {
	src: url("../assets/fonts/Roboto/Roboto-Black.ttf");
	font-weight: 	normal;
	font-family: 	RobotoBlack;
}
@font-face {
	src: url("../assets/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf");
	font-weight: 	normal;
	font-family: 	RobotoCRegular;
}
@font-face {
	src: url("../assets/fonts/Roboto_Condensed/RobotoCondensed-Light.ttf");
	font-weight: 	normal;
	font-family: 	RobotoCLight;
}
@font-face {
	src: url("../assets/fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf");
	font-weight: 	normal;
	font-family: 	RobotoCBold;
}
@font-face {
	src: url("../assets/fonts/Roboto_Mono/RobotoMono-Thin.ttf");
	font-weight: 	normal;
	font-family: 	RobotoMThin;
}
@font-face {
	src: url("../assets/fonts/Roboto_Mono/RobotoMono-Regular.ttf");
	font-weight: 	normal;
	font-family: 	RobotoMRegular;
}
@font-face {
	src: url("../assets/fonts/Roboto_Mono/RobotoMono-Medium.ttf");
	font-weight: 	normal;
	font-family: 	RobotoMMedium;
}
@font-face {
	src: url("../assets/fonts/Roboto_Mono/RobotoMono-Light.ttf");
	font-weight: 	normal;
	font-family: 	RobotoMLight;
}
@font-face {
	src: url("../assets/fonts/Roboto_Mono/RobotoMono-Thin.ttf");
	font-weight: 	normal;
	font-family: 	RobotoMThin;
}
@font-face {
	src: url("../assets/fonts/Roboto_Mono/RobotoMono-Bold.ttf");
	font-weight: 	normal;
	font-family: 	RobotoMBold;
}
@font-face {
	src: url("../assets/fonts/Roboto_Slab/RobotoSlab-Thin.ttf");
	font-weight: 	normal;
	font-family: 	RobotoSThin;
}
@font-face {
	src: url("../assets/fonts/Roboto_Slab/RobotoSlab-Regular.ttf");
	font-weight: 	normal;
	font-family: 	RobotoSRegular;
}
@font-face {
	src: url("../assets/fonts/Roboto_Slab/RobotoSlab-Light.ttf");
	font-weight: 	normal;
	font-family: 	RobotoSLight;
}
@font-face {
	src: url("../assets/fonts/Roboto_Slab/RobotoSlab-Bold.ttf");
	font-weight: 	normal;
	font-family: 	RobotoSBold;
}
/*@font-face {
	src: url("../assets/fonts/AlteHaasGroteskBold.ttf");
	font-weight: 	bold;
	font-family: 	MainFont;
}*/

html {
	width: 			100%;
	height: 		100%;
	top:			0;
	left:			0;
	overflow:		hidden;	/* disable window dragging for mobile devices */
}
body {
	overflow: 		hidden; /* disable window dragging for mobile devices */
	width: 			100%;
	height: 		100%;
	top:			0;
	left:			0;
	margin: 		0px;
	background: 	#000;
	padding: 		0px;
	color: 			#777;	
	background: 	#000;
	font-family: 	MainFont;
}
body, html {
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;

	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
}

.fs-view {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.fs-view > * {
	pointer-events: auto;
}


/* start 'enter' transition on main view */
.ng-enter {
    /* transition on enter for .5s */
    transition: .5s;

    /* start with opacity 0 (invisible) */
    opacity: 0;
}

/* end 'enter' transition on main view */
.ng-enter-active {
    /* end with opacity 1 (fade in) */
    opacity: 1;
}

/*input[type='text'],*/
textarea,
select,
input[type='button'] {
	-webkit-user-select: 	none;
	-khtml-user-select: 	none;
	-moz-user-select: 		none;
	-ms-user-select: 		none;
	user-select: 			none;
}

.grabcursor {
	cursor: move;
	cursor: grab;
	cursor: -webkit-grab;
	cursor: -moz-grab;
}
.grabcursor:active {
	cursor: grabbing;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}
.pointercursor {
	cursor: pointer !important;
}

#cesiumContainer {
 	all: initial;
  	* {
    	all: unset;
  	}
  	position: 	absolute;
	top:		0px;
	left:		0px;
	width: 		100%;
	height: 	100%;
}
#renderCanvas {
	position: 	absolute;
	top:		0px;
	left:		0px;
	width: 		100%;
	height: 	100%;
	/*z-index: 	0;*/
}

#gradientDiv {
	display: none;
	z-index: 500;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;

	/* Fallback (could use .jpg/.png alternatively) */
	background-color: rgba(0,0,0,0);

	/* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
	background-image:
		-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(#000));

	/* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
	background-image:
		-webkit-linear-gradient(top, rgba(0,0,0,0), #000);

	/* Firefox 3.6 - 15 */
	background-image:
		-moz-linear-gradient(top, rgba(0,0,0,0), #000);

	/* Opera 11.1 - 12 */
	background-image:
		-o-linear-gradient(top, rgba(0,0,0,0), #000);

	/* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
	background-image:
		linear-gradient(to bottom, rgba(0,0,0,0), #000);
}

#messageBox {
	display:	none;
	position:	absolute;
	top:		0;
	left:		0;
	width:		100%;
	height:		100%;
	opacity:	0.75;
	background:	#222;
	vertical-align: middle;
	cursor:		pointer;
	pointer-events: auto;
}

@media all and (min-width: 641px) {
	#messageBox #message {
		position:	absolute;
		left:		50%;
		top:		50%;
		transform:			translate(-50%, -50%);
		-moz-transform: 	translate(-50%, -50%);
		-o-transform: 		translate(-50%, -50%);
		-webkit-transform: 	translate(-50%, -50%);
		color:		#fff;
		font-weight:bold;
		font-size:	30px;
		white-space: nowrap;
		font-family: "RobotoLight";
	}
}
@media all and (max-width: 640px) {
	#messageBox #message {
		position:	absolute;
		left:		50%;
		top:		50%;
		transform:			translate(-50%, -50%);
		-moz-transform: 	translate(-50%, -50%);
		-o-transform: 		translate(-50%, -50%);
		-webkit-transform: 	translate(-50%, -50%);
		color:		#fff;
		font-weight:bold;
		font-size:	5vw;
		white-space: nowrap;
	}
}


.selectable {
	opacity: 	0.88;
	transition: opacity 0.4s;
}

.selectable:hover {
	opacity: 	1.0;
	transition: opacity 0.4s;
}

#loadingScreen {
	background:	transparent;
	position:	absolute;
	top:		0;
	left:		0;
	width:		100%;
	height:		100%;
	/*z-index:	0;*/
}
#preloader {
	position: 	absolute;
	top:		50%;
	left:		50%;
	transform:			translate(-50%, -50%);
	-moz-transform: 	translate(-50%, -50%);
	-o-transform: 		translate(-50%, -50%);
	-webkit-transform: 	translate(-50%, -50%);
	width:		3%;
	min-width:	16px;
}

@media all and (max-width: 320px) 
{
	.control_btn {
		width: 		40px;
		cursor: 	pointer;
	}
}
@media all and (min-width: 321px) 
{
	.control_btn {
		cursor: 		pointer;
	    font-size: 		20px;
	    /*border: 		1px solid;*/
	    padding: 		0px 6px;
	    color: 			#fff;
	    font-family: 	homizio;
	    letter-spacing: 2px;
	}
}


#btn_down {
    position: 		absolute;
    top: 			10px;
    z-index:		5 !important;
    /*border: 		1px solid;*/
    padding: 		3px 6px;
    color: 			#fff;
    text-align: 	center;
    left: 			48.5%;
    cursor: 		pointer;
    display: none;
}
.btn_down_x{
	position: 		absolute;
    /*border: 		1px solid;*/
    padding: 		3px 6px;
    color: 			#fff;
    text-align: 	center;
    left: 			48.5%;
    cursor: 		pointer;
    display: none;
}
#btn_down {
	display: none;
    position: absolute;
    top: 15px;
    border: 0px solid;
    padding: 3px 6px;
    color: #fff;
    text-align: center;
    left: 50%;
    cursor: pointer;
    transform: translate(-50%, 0%);
    transition: top ease 0.5s;
}
#btn_down:hover {
    top: 25px;
}

.flipv {
	-moz-transform: translate(-50%, 0) scaleY(-1) !important;
	-o-transform: translate(-50%, 0) scaleY(-1) !important;
	-webkit-transform: translate(-50%, 0) scaleY(-1) !important;
	transform: translate(-50%, 0) scaleY(-1) !important;
	filter: FlipV;
	-ms-filter: "FlipV";
}


.message-1 {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: rgba(255,255,255,0.1);
	border: 2px solid rgba(255, 200, 200, 0.2);
	border-radius: 5px;
}




.ng-hide-add, .ng-hide-remove {
  transition: 0.5s linear all;
}

.ng-hide-add {  
	opacity: 1.0;
}
.ng-hide-add.ng-hide-add-active { 
	opacity: 0.0;
}
.ng-hide-remove { 
	opacity: 0.0;
}
.ng-hide-remove.ng-hide-remove-active {
	opacity: 1.0;
}


/* Trying out SnappySnippet */

#LI_1 {
    bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 3px 0px;
    box-sizing: border-box;
    color: rgb(113, 113, 113);
    display: block;
    height: 50px;
    left: 0px;
    position: relative;
    right: 0px;
    top: 0px;
    width: 476px;
    column-rule-color: rgb(113, 113, 113);
    perspective-origin: 238px 25px;
    transform-origin: 238px 25px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(232, 232, 232);
    border-radius: 3px 3px 3px 3px;
   /* font: normal normal normal normal 13px / 18.5714px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
   	font:normal normal normal normal 13px / 18.5714px "MainFont", sans-serif;
    margin: 0px 0px 5px;
    outline: rgb(113, 113, 113) none 0px;
    padding: 15px;
}/*#LI_1*/

#A_2 {
    box-sizing: border-box;
    color: rgb(46, 62, 78);
    display: block;
    float: right;
    height: 18px;
    text-align: left;
    text-decoration: none;
    width: 10.2188px;
    column-rule-color: rgb(46, 62, 78);
    perspective-origin: 5.10938px 9px;
    transform-origin: 5.10938px 9px;
    border: 0px none rgb(46, 62, 78);
    /*font: normal normal normal normal 13px / 18.5714px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font:normal normal normal normal 13px / 18.5714px "MainFont", sans-serif;
    outline: rgb(46, 62, 78) none 0px;
}/*#A_2*/

#I_3 {
    box-sizing: border-box;
    color: rgb(204, 204, 204);
    display: inline-block;
    height: 13px;
    text-align: left;
    width: 10.2188px;
    column-rule-color: rgb(204, 204, 204);
    perspective-origin: 5.10938px 6.5px;
    transform-origin: 5.10938px 6.5px;
    border: 0px none rgb(204, 204, 204);
    font: normal normal normal normal 13px / 13px FontAwesome;
    outline: rgb(204, 204, 204) none 0px;
}/*#I_3*/

#I_3:before {
    box-sizing: border-box;
    color: rgb(204, 204, 204);
    content: '""';
    text-align: left;
    column-rule-color: rgb(204, 204, 204);
    border: 0px none rgb(204, 204, 204);
    font: normal normal normal normal 13px / 13px FontAwesome;
    outline: rgb(204, 204, 204) none 0px;
}/*#I_3:before*/

#SPAN_4 {
    box-sizing: border-box;
    color: rgb(113, 113, 113);
    display: block;
    float: left;
    height: 18px;
    min-width: 50px;
    text-align: left;
    width: 50px;
    column-rule-color: rgb(113, 113, 113);
    perspective-origin: 25px 9px;
    transform-origin: 25px 9px;
    border: 0px none rgb(113, 113, 113);
    /*font: normal normal normal normal 13px / 18.5714px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font:normal normal normal normal 13px / 18.5714px "MainFont", sans-serif;
    outline: rgb(113, 113, 113) none 0px;
}/*#SPAN_4*/

#I_5 {
    box-sizing: border-box;
    color: rgb(204, 204, 204);
    display: inline-block;
    height: 13px;
    text-align: left;
    width: 7.4375px;
    column-rule-color: rgb(204, 204, 204);
    perspective-origin: 3.71875px 6.5px;
    transform-origin: 3.71875px 6.5px;
    border: 0px none rgb(204, 204, 204);
    font: normal normal normal normal 13px / 13px FontAwesome;
    margin: 0px 10px 0px 0px;
    outline: rgb(204, 204, 204) none 0px;
}/*#I_5*/

#I_5:before {
    box-sizing: border-box;
    color: rgb(204, 204, 204);
    content: '""';
    text-align: left;
    column-rule-color: rgb(204, 204, 204);
    border: 0px none rgb(204, 204, 204);
    font: normal normal normal normal 13px / 13px FontAwesome;
    outline: rgb(204, 204, 204) none 0px;
}/*#I_5:before*/

#A_6 {
    box-sizing: border-box;
    color: rgb(46, 62, 78);
    text-align: left;
    text-decoration: none;
    column-rule-color: rgb(46, 62, 78);
    border: 0px none rgb(46, 62, 78);
    /*font: normal normal normal normal 13px / 18.5714px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font:normal normal normal normal 13px / 18.5714px "MainFont", sans-serif;
    outline: rgb(46, 62, 78) none 0px;
}/*#A_6*/

#I_7 {
    box-sizing: border-box;
    color: rgb(46, 62, 78);
    display: inline-block;
    height: 13px;
    text-align: center;
    width: 16.7031px;
    column-rule-color: rgb(46, 62, 78);
    perspective-origin: 8.34375px 6.5px;
    transform-origin: 8.34375px 6.5px;
    border: 0px none rgb(46, 62, 78);
    font: normal normal normal normal 13px / 13px FontAwesome;
    outline: rgb(46, 62, 78) none 0px;
}/*#I_7*/

#I_7:before {
    box-sizing: border-box;
    color: rgb(46, 62, 78);
    content: '""';
    text-align: center;
    column-rule-color: rgb(46, 62, 78);
    border: 0px none rgb(46, 62, 78);
    font: normal normal normal normal 13px / 13px FontAwesome;
    outline: rgb(46, 62, 78) none 0px;
}/*#I_7:before*/

#I_8 {
    box-sizing: border-box;
    color: rgb(142, 193, 101);
    display: none;
    text-align: center;
    width: 16.7143px;
    column-rule-color: rgb(142, 193, 101);
    perspective-origin: 50% 50%;
    transform-origin: 50% 50%;
    border: 0px none rgb(142, 193, 101);
    font: normal normal normal normal 13px / 13px FontAwesome;
    outline: rgb(142, 193, 101) none 0px;
}/*#I_8*/

#I_8:before {
    box-sizing: border-box;
    color: rgb(142, 193, 101);
    content: '""';
    text-align: center;
    column-rule-color: rgb(142, 193, 101);
    perspective-origin: 50% 50%;
    transform-origin: 50% 50%;
    border: 0px none rgb(142, 193, 101);
    font: normal normal normal normal 13px / 13px FontAwesome;
    outline: rgb(142, 193, 101) none 0px;
}/*#I_8:before*/

#DIV_9 {
    box-sizing: border-box;
    color: rgb(113, 113, 113);
    height: 18px;
    text-align: left;
    width: 383.781px;
    column-rule-color: rgb(113, 113, 113);
    perspective-origin: 191.891px 9px;
    transform-origin: 191.891px 9px;
    border: 0px none rgb(113, 113, 113);
    /*font: normal normal normal normal 13px / 18.5714px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font:normal normal normal normal 13px / 18.5714px "MainFont", sans-serif;
    outline: rgb(113, 113, 113) none 0px;
    overflow: hidden;
}

/*CHANGES*/
input{
	border-radius: 0px !important;
}

@media(max-width: 320px){
	div#splashScreen h1 {
    	font-size: 40px;
    	font-family: "MainFont", sans-serif;
	}
}



#loading_spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 200;
}



.fs {
  position: absolute;
  top: 0; left: 0; 
  width:100%; height: 100%;
}


#splashScreen {
	display: none;
	position: absolute; top: 0%; left: 0%; width: 100%; height: 100%;
	background: #e81d4c;
	-webkit-box-shadow: inset 0px 0px 77px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 77px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 77px 0px rgba(0,0,0,0.75);
}

#splashScreen .omr_title {
  	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	word-break: keep-all;
	white-space: nowrap;
	font-family: RobotoBlack;
	font-size: 8.3vw;
	user-select: none;
	cursor: default;
	text-align: center;
  	color: #fff;
}
#splashScreen .omr_subtitle {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, 125%);
	word-break: keep-all;
	white-space: nowrap;
	font-family: RobotoBlack;
	font-size: 3vw;
	user-select: none;
	cursor: default;
	text-align: center;
 	color: #fff;
}



/* BLUR EFFECT */
.x-search-blurred {
	filter: blur(20px) !important;
	transition: all 4s cubic-bezier(0,.99,.59,.16);
}
.x-search-not-blurred {
	filter: blur(0px) !important;
	transition: all 4s cubic-bezier(1,.27,0,.82);
}

/**/
.button-block input, .button-block button {
	border-bottom: none !important;
}
.post-uploaded-img {
	border: none !important;
}
.post-uploaded-img .ui-widget-content {
	border: none !important;
	background: none !important;
}
img#addpostImg {
	width: auto !important;
    max-height: 243px !important;
}
/*.pre_btn {
	background: url('../assets/images/arrow-back.png') 0 0 no-repeat;
    text-indent: 40px;
}*/

.msg {
    display: none;
}
.msg.error {
	color: #b32323;
	margin-bottom: 20px;
	margin-top: -40px;
}

#pjWrapperRestaurant_theme1 {
	background: transparent !important;
	padding: 0 !important;
}
#pjWrapperRestaurant_theme1 .pjRbContainer {
    padding: 0 !important;
}
#pjWrapperRestaurant_theme1 .pjRbMain .pjRbHeader {
	background: transparent !important;
}
.panel.panel-default.pjRbMain {
	background: transparent !important;
}
.pjRbSectionBody .form-group .input-group-addon {
	border-radius: 0 !important;
}