/* ======================== */
/* == Base iGuider Style == */
/* ======================== */
html {
	position:relative;
	/*z-index:-2;*/
}
.rtl {
	direction: rtl;
}
.g-shape {
	position:absolute;
	z-index:-1;
	background:red;
	pointer-events: auto;
	-webkit-user-select: text; 
	-moz-user-select: text;  
	-ms-user-select: text; 
	user-select: text;
	opacity:0;
}

/* ================================= */
/* =========== Preloader =========== */
/* ================================= */
.g-loader {
	width:30px;
	height:30px;
	border-radius:50%;
	background-color: rgba(191,191,191,0.7);
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:999999;
	opacity:0;
	pointer-events: none;
	touch-action: none;
	transition:opacity 0.5s;
}
.g-loader-b {
	width:4px;
	height:12px;
	border-radius:2px;
	position:absolute;
	bottom:13px;
	left:13px;
	background-color:#fff;
	opacity:0.7;
	animation: loader-b 0.4s linear infinite;
	transform-origin:center 10px;
	animation-play-state: paused;
}
@keyframes loader-b {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.g-loader-s {
	width:4px;
	height:10px;
	border-radius:2px;
	position:absolute;
	bottom:50%;
	left:13px;
	background-color:#fff;
	opacity:0.7;
	animation: loader-s 1.6s linear infinite;
	transform-origin:center 10px;
	animation-play-state: paused;	
}
@keyframes loader-s {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.g-preloader .g-loader-s,
.g-preloader .g-loader-b {
	animation-play-state: running;
}
.g-preloader .g-loader {
	opacity:1;
}

/* ================================= */
/* ====== Error Message Block ====== */
/* ================================= */
.gErrorMessage {
	background-color:#FFE1E1;
	color:#f00;
	padding:16px 32px;
	clear: both;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	animation: error-m 0.3s linear 1;
	z-index: 0;
}
@keyframes error-m {
  0%   { background-color:#FA8072; }
  100% { background-color:#FFE1E1; }
}

/* ================================= */
/* ============ Tour Map =========== */
/* ================================= */
.g-map-pos-right {
	right:0;
	transform:translateX(101%);
}
.g-map-pos-left {
	left:0;
	transform:translateX(-101%);
}
.g-map-open .g-map-pos {
	display:block;
	transform:translateX(0);
	opacity:1;
}
.g-map-no-clickable .g-step-item {
	cursor: default;
}
.g-map-pos {
	opacity:0;
	position:fixed;
	z-index:9999999;
	overflow:hidden;
	overflow-y:auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}

/* ================================= */
/* ========== Modal Window ========= */
/* ================================= */
.g-modal-size {
	position:absolute;
	z-index:10;
}

.g-modal-timer {
	position:absolute;
	left:0;
	top:0;
}

.g-modal-prev-hide .g-modal-prev,
.g-modal-next-hide .g-modal-next,

.g-modal-step-hide .g-modal-step-value,
.g-modal-step-hide .g-modal-step-total,

.g-modal-intro-hide .g-modal-start,
.g-modal-intro-hide .g-modal-close-intro,

.g-modal-continue-hide .g-modal-begin-first,
.g-modal-continue-hide .g-modal-begin-continue,

.g-modal-map-hide .g-modal-map,
.g-modal-map-hide .g-map-pos,

.g-modal-close-hide .g-modal-close-tour,

.g-timer-hide .g-modal-timer {
	display:none;
}

.g-modal-close-tour,
.g-modal-map,
.g-modal-start,
.g-modal-close-intro,
.g-modal-next,
.g-modal-prev,
.g-modal-begin-first,
.g-modal-begin-continue,
.g-map-close-tour,
.g-map-hide {
	cursor:pointer;
}


.g-modal-prev-show .g-modal-prev,
.g-modal-next-show .g-modal-next,

.g-modal-step-show .g-modal-step-value,
.g-modal-step-show .g-modal-step-total,

.g-modal-intro-show .g-modal-start,
.g-modal-intro-show .g-modal-close-intro,

.g-modal-continue-show .g-modal-begin-first,
.g-modal-continue-show .g-modal-begin-continue,

.g-modal-map-show .g-modal-map,
.g-modal-map-show .g-map-pos,

.g-modal-close-show .g-modal-close-tour,

.g-timer-show .g-modal-timer {
	display:inline-block;
}

.g-modal-pos {
	width:0 !important;
	left:-1000px;
	top:0;
	height:0 !important;
	position:fixed;
	z-index:999999;
}

.g-map-pos,
.g-map-pos *,
.g-modal-pos,
.g-modal-pos * {
	box-sizing:border-box;
}

.g-modal-pos:after {
	content:'';
	width:0;
	height:0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:11;
	-webkit-transform:translate(-50%,-50%) rotate(45deg);
	-moz-transform:translate(-50%,-50%) rotate(45deg);
	-ms-transform:translate(-50%,-50%) rotate(45deg);
	-o-transform:translate(-50%,-50%) rotate(45deg);
	transform:translate(-50%,-50%) rotate(45deg);
}

#g-overlay-wrap {
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    box-sizing: border-box;
	pointer-events: none;
	touch-action: none;
	z-index:999998;
	opacity:0;
	transition:opacity 0.3s;
}
.g-show #g-overlay-wrap {
    opacity:1;
}
.g-event body,
.g-disable .iGuider-highlight {
	pointer-events: none;
	-webkit-user-select: none; 
	-moz-user-select: none;  
	-ms-user-select: none; 
	user-select: none; 
}
.iGuider-highlight,
.g-map-pos,
.g-modal-size {
	pointer-events: auto;
	-webkit-user-select: text; 
	-moz-user-select: text;  
	-ms-user-select: text; 
	user-select: text;
}

/* ================================= */
/* == Message in center of screen == */
/* ================================= */
[data-pos="c"][data-cone="c"][data-cont="c"] {
	width:0;
	position:fixed;
	top:50%;
	left:50%;
	height:auto !important;
}
[data-pos="c"][data-cone="c"][data-cont="c"]:after {
	display:none;
}
[data-pos="c"][data-cone="c"][data-cont="c"] .g-modal-size {
	left:50%;
	top:50%;
	position:relative;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.gImage img,
.gContent img { width:100%;}


/* =========================== */
/* == Message in right side == */
/* =========================== */
[data-pos="r"][data-cone="b"][data-cont="t"]:after,
[data-pos="r"][data-cone="t"][data-cont="t"]:after,
[data-pos="r"][data-cone="c"][data-cont="t"]:after{
	border-right-color: transparent;
    border-bottom-color: transparent;
}
[data-pos="r"][data-cone="b"][data-cont="b"]:after,
[data-pos="r"][data-cone="t"][data-cont="b"]:after,
[data-pos="r"][data-cone="c"][data-cont="b"]:after {
	border-left-color: transparent;
    border-top-color: transparent;
}
[data-pos="r"][data-cont="c"] .g-modal-size {
	top:50%;
	left:0;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
[data-pos="r"][data-cont="b"] .g-modal-size {
	top:0;
	left:0;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
}
[data-pos="r"][data-cont="t"] .g-modal-size {
	top:0;
	left:0;
	-webkit-transform:translate(0,-100%);
	-moz-transform:translate(0,-100%);
	-ms-transform:translate(0,-100%);
	-o-transform:translate(0,-100%);
	transform:translate(0,-100%);
}

/* ========================== */
/* == Message in left side == */
/* ========================== */
[data-pos="l"][data-cone="b"][data-cont="t"]:after,
[data-pos="l"][data-cone="t"][data-cont="t"]:after,
[data-pos="l"][data-cone="c"][data-cont="t"]:after{
	border-right-color: transparent;
    border-bottom-color: transparent;
}
[data-pos="l"][data-cone="b"][data-cont="b"]:after,
[data-pos="l"][data-cone="t"][data-cont="b"]:after,
[data-pos="l"][data-cone="c"][data-cont="b"]:after {
	border-left-color: transparent;
    border-top-color: transparent;
}
[data-pos="l"][data-cont="c"] .g-modal-size {
	top:50%;
	left:0;
	-webkit-transform:translate(-100%,-50%);
	-moz-transform:translate(-100%,-50%);
	-ms-transform:translate(-100%,-50%);
	-o-transform:translate(-100%,-50%);
	transform:translate(-100%,-50%);
}
[data-pos="l"][data-cont="b"] .g-modal-size {
	top:0;
	left:0;
	-webkit-transform:translate(-100%,0);
	-moz-transform:translate(-100%,0);
	-ms-transform:translate(-100%,0);
	-o-transform:translate(-100%,0);
	transform:translate(-100%,0);
}
[data-pos="l"][data-cont="t"] .g-modal-size {
	top:0;
	left:0;
	-webkit-transform:translate(-100%,-100%);
	-moz-transform:translate(-100%,-100%);
	-ms-transform:translate(-100%,-100%);
	-o-transform:translate(-100%,-100%);
	transform:translate(-100%,-100%);
}

/* ============================ */
/* == Message in bottom side == */
/* ============================ */
[data-pos="b"][data-cone="l"][data-cont="l"]:after,
[data-pos="b"][data-cone="r"][data-cont="l"]:after,
[data-pos="b"][data-cone="c"][data-cont="l"]:after{
	border-right-color: transparent;
    border-top-color: transparent;
}
[data-pos="b"][data-cone="l"][data-cont="r"]:after,
[data-pos="b"][data-cone="r"][data-cont="r"]:after,
[data-pos="b"][data-cone="c"][data-cont="r"]:after {
	border-left-color: transparent;
    border-bottom-color: transparent;
}
[data-pos="b"][data-cont="c"] .g-modal-size {
	left:50%;
	top:0;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	transform:translate(-50%,0);
}
[data-pos="b"][data-cont="l"] .g-modal-size {
	top:0;
	left:0;
	-webkit-transform:translate(-100%,0);
	-moz-transform:translate(-100%,0);
	-ms-transform:translate(-100%,0);
	-o-transform:translate(-100%,0);
	transform:translate(-100%,0);
}
[data-pos="b"][data-cont="r"] .g-modal-size {
	top:0;
	left:0;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
}

/* ========================= */
/* == Message in top side == */
/* ========================= */
[data-pos="t"][data-cone="l"][data-cont="l"]:after,
[data-pos="t"][data-cone="r"][data-cont="l"]:after,
[data-pos="t"][data-cone="c"][data-cont="l"]:after{
	border-right-color: transparent;
    border-top-color: transparent;
}
[data-pos="t"][data-cone="l"][data-cont="r"]:after,
[data-pos="t"][data-cone="r"][data-cont="r"]:after,
[data-pos="t"][data-cone="c"][data-cont="r"]:after {
	border-left-color: transparent;
    border-bottom-color: transparent;
}
[data-pos="t"][data-cont="c"] .g-modal-size {
	left:50%;
	top:0;
	-webkit-transform:translate(-50%,-100%);
	-moz-transform:translate(-50%,-100%);
	-ms-transform:translate(-50%,-100%);
	-o-transform:translate(-50%,-100%);
	transform:translate(-50%,-100%);
}
[data-pos="t"][data-cont="l"] .g-modal-size {
	top:0;
	left:0;
	-webkit-transform:translate(-100%,-100%);
	-moz-transform:translate(-100%,-100%);
	-ms-transform:translate(-100%,-100%);
	-o-transform:translate(-100%,-100%);
	transform:translate(-100%,-100%);
}
[data-pos="t"][data-cont="r"] .g-modal-size {
	top:0;
	left:0;
	-webkit-transform:translate(0,-100%);
	-moz-transform:translate(0,-100%);
	-ms-transform:translate(0,-100%);
	-o-transform:translate(0,-100%);
	transform:translate(0,-100%);
}