@charset "utf-8";
@font-face {font-family:Oswald; src:local("Oswald"), url(fonts/Oswald/Oswald-Regular.ttf);}
@font-face {font-family:Rajdhani; src:local("Rajdhani"), url(fonts/Rajdhani/Rajdhani-Regular.ttf);}
body {margin:0;}
html, body {height:100.5%; width:100%;}
#container {margin:0px; width:100%; height:auto; cursor:default; position:relative;}
td {vertical-align:top;}
a {text-decoration:none;}
a:hover {border-bottom:#DDD dotted 2px;}

.content {visibility:hidden;}

.slider_line {background:#000;}
.slider_line img {margin:0;}
.slider_text {position:absolute; left:20%; top:18%; color:#FFF; font-size:30px; background:url(images/png.png); padding:10px 30px 10px 30px; border-radius:30px; box-shadow:inset #333 1px 1px 7px; z-index:1; text-shadow:#000 1px 1px 2px;}

#menu_top {width:100%; height:100%; color:#FFF; font-family:Oswald; font-size:26px;}
#menu_top td {vertical-align:middle; text-align:center;}
.menu_top {cursor:pointer; position:relative;}

#menu_top_mobile {width:100%; height:100%; color:#FFF; font-family:Oswald; font-size:16px;}
#menu_top_mobile td {vertical-align:middle; text-align:center;}

#menu_top2 {width:100%; height:100%; color:#EEE; font-family:Oswald; font-size:16px;}
#menu_top2 td {vertical-align:middle; text-align:center;}
.menu_top2 {cursor:pointer;}
.menu_top2:hover span {border-bottom:#DDD dotted 2px;}

.menu_catalog {position:absolute; width:107%; top:70px; z-index:3; text-align:left; background:#EEE; color:#333; box-shadow:#000 1px 1px 20px; overflow:hidden; display:none;}
.menu_catalog div {padding:10px 20px 13px 23px; line-height:28px; font-size:22px;}

.order_product {width:200px; background:#555; color:#FFF; font-family:Oswald; font-size:30px; text-align:center; padding:5px 0 5px 0; margin:20px 0 0 10px; border-radius:5px; cursor:pointer;}

.select_cat {display:inline-block; background:#7b753c; margin:10px; color:#FFF; padding:10px 30px 10px 30px; text-align:center; font-family:Oswald; cursor:pointer;}

.catalog_button {width:300px; height:40px; background:#000; color:#FFF; font-family:Oswald; font-size:22px; text-align:center; padding-top:5px; margin:0 auto; border-radius:0 0 4px 4px; cursor:pointer; margin-bottom:60px;}
.show_price {width:100%; height:36px; background-color:#333; background-image:url(images/show_product.jpg); background-repeat:no-repeat; background-position:right center; font-size:20px; text-align:center; color:#e1d671; cursor:pointer;}

.query_ring {background:#000; color:#FFF; font-family:Oswald; font-size:20px; position:absolute; bottom:0; left:50%; margin-left:-180px; width:360px; padding:10px 0 10px 0; text-align:center; cursor:pointer; z-index:2;}

.download {background:#EEE; padding:10px 10px 0 10px; width:300px; height:35px; position:absolute; left:49%; margin-left:-150px; font-size:20px; text-align:center; border:red dotted 1px; cursor:pointer;}
.rass {background:#ff7000; color:#FFF; text-shadow:#333 1px 1px 1px; padding:10px 10px 0 10px; width:300px; height:35px; position:absolute; left:49%; margin-left:-150px; bottom:0; font-size:20px; text-align:center; border:red dotted 1px; cursor:pointer;}

.query_form {display:none; width:800px; height:400px; border:#BBB solid 1px; font-size:22px; font-family:Rajdhani; text-align:center; position:fixed; z-index:6; background:#EEE; left:50%; margin-left:-400px; top:50%; margin-top:-200px;}
.query_form input {width:70%; height:45px; margin-bottom:15px; text-align:center; font-size:16px; border:#777 dotted 1px;}
.query_form_button {border:#AAA solid 2px; font-size:20px; width:70%; padding:2% 1% 2% 1%; text-shadow:#BBB 1px 1px 4px; background-color:#DDD; cursor:pointer; position:absolute; left:50%; margin-left:-36%;}
.query_form .query_done {background:#FFF; text-shadow:none; margin-top:15px; color:green; display:none;}

.query {background:#EEE; width:50%; min-width:450px; height:50%; min-height:350px; position:fixed; top:25%; left:25%; box-shadow:#000 1px 1px 10px; z-index:6; color:#444; font-size:22px; line-height:50px; display:none; text-align:center;}
.query input {width:50%; height:8%; font-size:18px; padding:0 10px 0 10px;}
.query_button {border:#AAA solid 2px; font-size:24px; width:80%; padding:1%; position:absolute; left:50%; margin-left:-40%; text-shadow:#111 1px 1px 4px; background-color:transparent; cursor:pointer;}
.query_done {border:green solid 2px; font-size:24px; width:80%; padding:1%; position:absolute; left:50%; margin-left:-40%; text-shadow:#111 1px 1px 4px; background-color:transparent; cursor:pointer; color:green; display:none;}
.query_close_button {cursor:pointer; float:right; margin:1.2% 1% 0 0;}
.query .query_button {background:#DDD; text-shadow:none; margin-top:10%;}
.query .query_done {background:#FFF; text-shadow:none; margin-top:10%; color:green;}

.send_form {margin:20px 0 0 0;}
.send_form span {font-size:24px; margin-left:5px;}
.send_form input {width:600px; font-size:16px; padding:3px 5px 3px 5px; margin:5px;}
.send_form textarea {width:600px; height:150px; font-size:16px; padding:3px 5px 3px 5px; margin:5px;}
.send_form .send_button {background:#EEE; color:#333; text-shadow:#FFF 1px 1px 1px; padding:10px 10px 0 10px; width:300px; height:35px; font-size:20px; text-align:center; border:red dotted 1px; cursor:pointer; margin:0 0 0 5px;}
.send_done {background:#FFF; color:green; text-shadow:#FFF 1px 1px 1px; padding:10px 10px 0 10px; width:300px; height:35px; font-size:20px; text-align:center; border:green dotted 1px; cursor:default; margin:0 0 0 5px; display:none;}


#pages_select a {color:#782122; font-weight:bold; font-size:14px; text-decoration:none;}
#pages_select td {padding:5px 10px 5px 10px; vertical-align:middle; border:#CCC solid 1px; border-radius:4px; box-shadow:#BBB 1px 1px 5px; cursor:pointer; background-color:#FFF;}
#pages_select td:hover {background:#edd8bf;}
#products a:hover {text-decoration:underline;}

.footer a {color:#EEE;}

#overlay {
	z-index:5;
	position:fixed;
	background-color:#000;
	opacity:0.6;
	width:100%;
	height:100%;
	top:0;
	left:0;
	cursor:pointer;
	display:none;
}
#scrollup {
	position:fixed;
	opacity:0.5;
	padding:15px 10px 10px;
	background:#aaa;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	left:10px;
	bottom:10px;
	display:none;
	cursor:pointer;
	z-index:10;
}
#scrollup:hover {opacity:1;}

#menu_right td{
	padding-left:20px;
	padding-bottom:10px;}

#menu_right a{
	color:#FFF;
	text-transform:lowercase;
	font-family:Oswald;
	font-size:18px;
}

.main_image_div {z-index:2; cursor:pointer; position:relative;}

.images {width:18.2%; min-width:100px; display:inline-block; margin:0 10px 10px 0; border:#4a2b2c solid 2px; cursor:pointer; position:relative;}
.images:hover {border:#EEE solid 2px;}
.page_image {max-width:100%; max-height:100%;}

.page {width:90%; margin:0 auto;}
.page img {cursor:pointer;}
.page .image_box {width:100%; height:100%; box-shadow:inset #000 1px 1px 30px; z-index:1; position:absolute; cursor:pointer;}

.zoom {position:absolute; top:45%; left:45%; display:none; z-index:3;}

.show_image {position:fixed; top:1px; margin:0 25% 0 25%; z-index:13; display:none; cursor:pointer;}

.src_image{display: block; width: 100vw; height: 100vh; object-fit: cover;}