/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
	display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
	display:inline;
}

/* Global properties ======================================================== */
body { 
	background:#000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#979797;
}
html { 
	min-width:1000px;
}
html, 
body { 
	height:100%;
}



/* Global Structure ============================================================= */
.container {
	margin:0 auto;
	position:relative;
	width:1000px;
	font-size:.814em;
}

	/* Header */
	header {
		position:relative;
		background:url(../images2/header-bg1.jpg) no-repeat center top;
		margin-bottom:-20px;
	}
	
	/* Content */
	section#content {
		float:left;
		width:555px;
		padding-bottom:50px;
	}
	
	/* Sidebar */
	aside {
		float:left;
		width:363px;
		position:relative;
		z-index:10;
	}
			
	/* Footer */
	footer {
		background:url(../images2/footer-bg.jpg) no-repeat center top;
		color:#fff;
		font-size:.92em;
		line-height:1.667em;
	}




/* Left & Right alignment */

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, 
.col-2, 
.col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}	

.wrapper { 
	width:100%;
	overflow:hidden;
}
.wrap {
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
}

/*---- tailings ----*/
.cont-bot {
	background:url(../images2/cont-bot.png) no-repeat left top;
	width:368px;
	height:199px;
	position:absolute;
	left:0;
	top:-199px;
}



/*----- form defaults -----*/
input, 
select, 
textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- lists -----*/

.news li {
	line-height:1.538em;
	padding-bottom:20px;
}
	.news li strong {
		color:#fff;
		display:block;
	}
	.news li a {
/*		text-decoration:none;*/
		font-weight:bold;
	}
	.news li a:hover {
		text-decoration:underline;
	}

.list {
	margin-top:-25px;
}
	.list li {
		line-height:1.538em;
		padding-top:20px;
	}
		.list li strong {
			color:#d730f8;
			display:block;
			padding-bottom:5px;
		} 
		.list li a {
			color:#fff;
		}
		.list li a img {
			position:relative;
			top:5px;
		}

.list {
	margin-top:-30px;
}		
	.list li {
		width:100%;
		overflow:hidden;
		vertical-align:top;
		line-height:1.538em;
		padding-top:30px;
	} 
		.list1 li img {
			float:left;
			margin-right:25px;
		}
		.list li strong {
			color:#d730f8;
			display:block;
			padding-bottom:5px;
		}
		.list li a {
			color:#d730f8;
		}
		.list li a:hover {
			text-decoration:underline;
		}
	
.sitemap {
	padding-bottom:20px;
}	
	.sitemap li {
		padding:0 0 0 12px;
		line-height:1.538em;
		background-image:url(../images2/marker.gif);
		background-repeat:no-repeat;
		background-position:0 7px;
	}
		.sitemap li ul li {
			background-image:url(../images2/marker1.gif);
		}

/*----- other -----*/
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
	line-height:1.538em;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {
	margin-bottom:20px;
	line-height:1.538em;
}
	.p0 {
		margin:0;
	}
	.p1 {
		margin-top:20px;
	}
	.p2 {
		margin-bottom:10px;
	}

	

/*----- txt, links, lines, titles -----*/
a {
	color:#d730f8; 
	outline:none;
}
a:hover {
/*	text-decoration:none;*/
}

h1 {
	position:absolute;
	left:53px;
	top:65px;
	text-indent:-9999px;
}
	h1 a {
		width:396px;
		float:left;
		height:122px;
		background:url(../images2/logo.png) no-repeat left top;
	}
h2 {
font-family: monospace, monospace; 
	letter-spacing:2px;
	margin-left:5px;
	text-align:center;
	color:#777;
	font-size:15px;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:20px;
}



.txt1 {
	color:#fff;
}


/*===== header =====*/
header .container {
	height:316px;
}
	header nav {
		padding:0 0 0 57px;
		position:absolute;
	}
		header nav ul {
			width:100%;
			overflow:hidden;
		}
			header nav ul li {
				float:left;
				font-size:16px;
				padding-right:23px;
				margin-right:20px;
				line-height:1.2em;
				background:url(../images2/divider.png) no-repeat right 6px;
			}
			header nav ul li.last {
				padding-right:0;
				margin-right:0;
				background:url(../images2/spacer.gif);
			}
				header nav ul li a {
					color:#fff;
					text-decoration:none;
					display:block;
					text-align:center;
					height:52px;
					width:131px;
					background:url(../images2/spacer.gif);
					background-repeat:no-repeat;
					background-position:0 0;
				}
					header nav ul li.m1 a:hover,
					header nav ul li.m1 a.active {
						background-image:url(../images2/m1-act.png);
					}
					header nav ul li.m2 a:hover,
					header nav ul li.m2 a.active {
						background-image:url(../images2/m2-act.png);
					}
					header nav ul li.m3 a {
						width:146px;
					}
					header nav ul li.m3 a:hover,
					header nav ul li.m3 a.active {
						background-image:url(../images2/m3-act.png);
					}
					header nav ul li.m4 a {
						width:159px;
						margin-left:1px;
					}
					header nav ul li.m4 a:hover,
					header nav ul li.m4 a.active {
						background-image:url(../images2/m4-act.jpg);
					}
					header nav ul li.m5 a {
						width:147px;
					}
					header nav ul li.m5 a:hover,
					header nav ul li.m5 a.active {
						background-image:url(../images2/m5-act.png);
					}
				header nav ul li a span {
					display:block;
					padding-top:13px;
				}
				
						
/*===== content =====*/
#content .indent {
	padding-top:20px;
}

/*===== Sidebar =====*/
aside .inside {
	padding:0 85px 180px 59px;
}

/*===== footer =====*/
footer .container {
	height:104px;
	position:relative;
}
footer .inside {
	text-align:center;
	padding-top:32px;
}


/*----- forms -----*/

#contacts-form { clear:right; width:100%; overflow:hidden;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both;}
#contacts-form label { float:left; width:97px; line-height:18px; padding-bottom:8px;}
#contacts-form input { width:295px; padding:1px 0 1px 3px; border:1px solid #4d4d4d; color:#979797; background:none;}
#contacts-form textarea { width:444px; height:285px; padding:1px 0 1px 3px; border:1px solid #4d4d4d; color:#979797; margin-bottom:19px; overflow:auto; background:none;}

/*==========================================*/
    
#page1 header { height:449px; background:url(../images2/header-bg.jpg) no-repeat center top;}
#page1 header h1 {top:128px;}
#page1 header nav ul li.m4 a:hover { background:url(../images2/m4-act-alt.png) no-repeat left top;}


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

.down_button
{
text-align:center;
margin:26px;
}
.mega-p
{
text-align: justify;
color:white;
font-size: 16px;
}
.pipa
{
color:#333;
}
.hr
{
font-size:10px;
line-height:10px;
margin-bottom:20px;
border-bottom:1px dotted #444;
}

.mail
{
margin-left:32px;
}
.mail a
{
color:white;
}
.news_title
{
color:white;
font-weight:bold;

}
.mega-img
{
width:100%;
height:auto;
outline:5px solid white;
}


.payform
{
padding:8px;
font-size: 11pt;
}



.form {
  background-color: #15172b;
  border-radius: 20px;
  box-sizing: border-box;
  height: 500px;
  padding: 20px;
  width: 320px;
}

.title {
  color: #eee;
  font-family: sans-serif;
  font-size: 36px;
  font-weight: 600;
  margin-top: 30px;
}

.subtitle {
  color: #eee;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
}

.input-container {
  height: 50px;
  position: relative;
  width: 100%;
}

.ic1 {
  margin-top: 40px;
}

.ic2 {
  margin-top: 30px;
}

.input {
  background-color: #303245;
  border-radius: 12px;
  border: 0;
  box-sizing: border-box;
  color: #eee;
  font-size: 18px;
  height: 100%;
  outline: 0;
  padding: 4px 20px 0;
  width: 100%;
}

.cut {
  background-color: #15172b;
  border-radius: 10px;
  height: 20px;
  left: 20px;
  position: absolute;
  top: -20px;
  transform: translateY(0);
  transition: transform 200ms;
  width: 76px;
}

.cut-short {
  width: 50px;
}

.input:focus ~ .cut,
.input:not(:placeholder-shown) ~ .cut {
  transform: translateY(8px);
}

.placeholder {
  color: #65657b;
  font-family: sans-serif;
  left: 20px;
  line-height: 14px;
  pointer-events: none;
  position: absolute;
  transform-origin: 0 50%;
  transition: transform 200ms, color 200ms;
  top: 20px;
}

.input:focus ~ .placeholder,
.input:not(:placeholder-shown) ~ .placeholder {
  transform: translateY(-30px) translateX(10px) scale(0.75);
}

.input:not(:placeholder-shown) ~ .placeholder {
  color: #808097;
}

.input:focus ~ .placeholder {
  color: #dc2f55;
}

.submit {
  background-color: #08d;
  border-radius: 12px;
  border: 0;
  box-sizing: border-box;
  color: #eee;
  cursor: pointer;
  font-size: 18px;
  height: 50px;
  margin-top: 38px;
  // outline: 0;
  text-align: center;
  width: 100%;
}

.submit:active {
  background-color: #06b;
}

input[type='number'] {
    -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}