/* region ----------- Gallery ------------*/
#gallery {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	right: 0;
	bottom: 0;
	height: 800px;
	width: 1423px;
	/*border: 1px solid #000;*/
}

#galCon {
	position: absolute;
	width: 1423px;
	height: 800px;
	overflow: hidden;
	top: 0;
	/*border: 1px solid red;*/
}

/* !! */
#illustration {
	font-size: 16px;
	color: white;
	margin-left: 10px;
}

#thilim {
	position: absolute;
	width: 230px;
	height: 30px;
	/*border: 1px solid chartreuse;*/
	left: 630px;
	top: 103px;
	background: transparent url("../images/thilim.png") no-repeat;
}

#title {
	position: absolute;
	width: 930px;
	height: 120px;
	/*border: 1px solid chartreuse;*/
	left: 530px;
	top: 25px;
	background: transparent url("../images/jer.png") no-repeat;
	transform: scale(.8);
}

#logo {
	position: absolute;
	width: 280px;
	height: 160px;
	/*border: 1px solid chartreuse;*/
	right: 0;
	bottom: 0;
	background: transparent url("../images/logo.png") no-repeat;
	transform: scale(.45) translate(145px, 75px);

}

.galSlider {
	position: absolute;
	height: 800px;
	width: 9960px;
	display: flex;
	justify-content: space-around;
	transition: left 0.2s ease-in-out;
	background: transparent url("../images/gal/strip.jpg") no-repeat;
}

#galBtnCon {
	/*border: 1px solid red;*/
	position: absolute;
	width: 850px;
	right: 10px;
	height: 40px;
	top: 370px;
}

.galNavBtn {
	display: block;
	position: absolute;
	top: 0px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: transparent url("../images/gal/arrow.png") no-repeat;
}

.galLeftBtn {
	left: 16px;
	transform: scale(1.5);
}

.galRightBtn {
	right: 16px;
	transform: scale(1.5) rotate(180deg);
}

.galBtnDisabled {
	opacity: 0.4;
	pointer-events: none;
}

#quickBtnCon {
	position: absolute;
	/* width: 290px; */
	left: 578px;
	height: 40px;
	top: 750px;
	margin-top: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#BtnCon {
	display: flex;
	height: 25px;
	position: relative;
}

.hitQuick {
	border-radius: 50%;
	height: 24px;
	width: 24px;
	margin-right: 6px;
	/* background-color: #a15d4a; */
	opacity: 0.8;
	cursor: pointer;
	outline: 2px solid #fff;
}

#quickIndicator {
	position: absolute;
	top:4px;
	margin-left: 4px;
	border-radius: 50%;
	height: 16px;
	width: 16px;
	background-color: #fff;
	transition: left 0.2s ease-in-out;
}
/*endregion*/




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

	@media screen and (max-width: 1423px) {


		/* region ----------- Gallery mobile ------------*/


		#title, #thilim, #logo {
			display: none;

		}

		#gallery {
			position: absolute;
			display: block;
			top: 442px;
			left: 1px;
			right: 0;
			height: 590px;
			width: 635px;
		}

		#galCon {
			position: absolute;
			width: 632px;
			height: 590px;
			overflow: hidden;
			top: 0;
			/*border: 1px solid red;*/
		}

		/* !! */
		.galSlider {
			position: absolute;
			height: 590px;
			width: 4431px;
			display: flex;
			justify-content: space-around;
			transition: left 0.2s ease-in-out;
			background: transparent url("../images/gal/Mobile_Images.jpg") no-repeat;
		}

		#galBtnCon {
			 /*border: 1px solid red;*/
			width: 635px;
			right: 0px;
			top: -270px;
		}

		.galNavBtn {
			display: block;
			position: absolute;
			top: 300px;
			width: 30px;
			height: 30px;
			cursor: pointer;
			background: transparent url("../images/gal/arrow.png") no-repeat;
		}

		.galLeftBtn {
			left: 26px;
			transform: scale(1.5);
		}

		.galRightBtn {
			right: 26px;
			transform: scale(1.5) rotate(180deg);
		}


		#quickBtnCon {
			left: 204px;
			height: 40px;
			top: 538px;
		}

		/*endregion*/
	}