/*
========================================================================
*   AksTis Start Page css style
*
*   Url: https://start.akstis.su
*   Date: 05.09.2021
========================================================================
*/

/* ------------------------------------------------------------------ */
/* Reset                                                              */
/* ------------------------------------------------------------------ */

* {
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
	     -o-transition: all 0.2s;
	        transition: all 0.2s;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, b,
sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* ------------------------------------------------------------------ */
/* Базовые стили                                                      */
/* ------------------------------------------------------------------ */

body {
	background: #ffffff;
	font: 9pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 1.6;
	min-width: 350px;
}
a, a:visited {
	color: #dd4400;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}

/* p */
p { 
	display: block;
	padding: 0px 0px 15px 0px;
}
p:last-child {
	padding-bottom: 0px;
}

/* ------------------------------------------------------------------ */
/* Разметка                                                           */
/* ------------------------------------------------------------------ */

/* Top Msg */
.top{
	background: url(/img/bm.png) repeat-x;
	margin: 0;
	padding: 0;
	height: 50px;
}
.top-msg{
	text-align: right; font-size: 8pt; padding-top: 6px; padding-right: 10px; color: #8B0000;
	/* visibility: hidden;*/
}

/* Search form */
.search{
	margin-top: 6%;
	margin-bottom: 30px;
	text-align: center;
	color: #a0a0a0;
}
.search-box{
	width: 570px;
	height: 270px;
	background: #f9f9f9 center/100% url(/img/bgdefault.png) no-repeat;
	border: 10px solid #f3f3f3;
	border-radius: 32px;
	padding: 10px 20px;
	margin: auto;
}
.search-box-spacer { height: 116px; }
.search-box-input { display: inline-block; margin-bottom: 45px;}
.search-box-buttons { display: inline-block; margin-bottom: 10px;}
.search-box-input-inner {
	width: 300px;
	height: 22px;
	background-color: #eeeeee;
	border: 1px solid #999999;
	padding: 2px;
	vertical-align:top;
	outline: none;
	opacity: 0.5;
}
.search-box-input-inner:focus {
	background: #ffffff;
	opacity: 0.8;
}
.search-box-btn {
	border: 1px solid #999999;
	cursor: pointer;
	border-right: 0px;
	vertical-align:top;
	opacity: 0.8;
}
.search-box-chevron {
	border: 1px solid #999999;
	cursor: pointer;
	vertical-align:top;
	opacity: 0.8;
}

/* Search Menu */
.menu {
	width: 118px;
	display: block;
	position: absolute;
	text-align: left;
	border: 1px solid #999999;
	opacity: 0.1;
	visibility: hidden;
}
.menu span {
	padding: 4px;
	font-size: 9pt;
	display: block;
	background-color: #eeeeee;
}
.menu span[onclick] {
	cursor: pointer;
}
.menu span[onclick]:hover {
	background-color: #dddddd;
}
.menu hr {
	border: 0;
	height: 0px;
	border-bottom: 1px solid #999999;
	margin: 0px;
}

/* Err Box */
.err404{ background: #f9f9f9 center/100% url(/img/404.png) no-repeat; }
.err403{ background: #f9f9f9 center/100% url(/img/403.png) no-repeat; }

/* Footer */
.footer { padding-top: 1px; }
.footer p { font-size: 8pt; text-align: center; color: #555555; line-height: 1.0; padding-bottom: 5px;}
.footer a, a:visited {
	color: #dd4400;
	text-decoration: none;
	font-weight: bold;
	background-position: center bottom;
	background-size: 0 1px; 
	transition: .5s ease-in-out;
}
.footer a:hover {
	background-image: linear-gradient(#ff0000, #ff0000); 
	background-repeat: no-repeat;
	background-size: 100% 1px;
	color: #ff0000;
}

/* ------------------------------------------------------------------ */
/* Anim                                                               */
/* ------------------------------------------------------------------ */

@keyframes bg-zoom {
	0% {
	background-size: 100% 250px;
	}
	80% {
	background-size: 100% 450px;
	} 
	100% {
	background-size: 100% 400px;
	}
}

/* ------------------------------------------------------------------ */
/* Media Queries Stylesheet                                           */
/* ------------------------------------------------------------------ */

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/*  */
@media only screen and (max-width : 600px) {
	.search-box { width: 100%; border-left: none; border-right: none; border-radius: 0px; }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}