﻿html,body{padding:0;margin:0;background:#A6DCFF;}
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family:  Lucida Sans Unicode, sans-serif;}
ul{padding:0;margin:0;}
li{list-style:none;}
.pr{position:relative;}
.oh{overflow:hidden;}
.mg10 {margin:10px 0;}
.navbar{border-radius:0px}
#header
{
	background: #222222;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	
	line-height: 40px;
	height: 40px;
	padding: 0 0px;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:9999;
}
#hamburger
{
	position:relative;
	display: block;
	width: 50px;
	height: 40px;
	outline:none;blr:expression(this.onFocus=this.blur());
 
}
#header .navbar {
     border-radius: 0px;
     border-width: 0px;
     min-height:40px;
     height:40px;
     margin-bottom:0px;

}
.top-navbar-header
{
float:right;
margin-right:0px;
}
.top-navbar-nav
{
	float:right;
}
.top-navbar-nav li
{
	display:inline-block;
	margin:0 5px;
}
.top-navbar-left
{
	float:left;
	
	margin-left:0px;
}
#header  .top-navbar-nav li a {
    color:#fff;padding:0px 5px;
   
}
#header .top-navbar-collapse {
    background-color:#222222;
    margin-top:-15px;
    width:100%;
}
#header .navbar-toggle
{
    margin-right:30px;
    margin-bottom:0px;
    padding:5px;
}
 #hamburger
{
	box-sizing: border-box;
	z-index: 4;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: #fff;
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	position: absolute;
	left: 10px;
}
#hamburger:before
{
	top: 10px;
}
#hamburger span
{
	top: 18px;
}
#hamburger:after
{
	top: 26px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;	
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before
{
	transform: rotate( 45deg );
}
html.mm-opening #hamburger:after
{
	transform: rotate( -45deg );
}
#mm-blocker
{
	/*background: rgba( 91, 197, 255, 0 );*/
	background: rgba( 0, 0, 0, 0 );
	 
}
.mm-opening #mm-blocker
{
	/*background: rgba( 91, 197, 255, 0.5 );*/
	background: rgba( 0, 0, 0, 0.2 );
	transition: background 1s ease 0.3s;
 
}

.bloglist
{
}
.bloglist li
{
background-color:#FFFFFF;
border-radius: 5px;
padding:5px 10px;
margin-bottom:10px;
box-shadow:0 2px 3px rgba(0,0,0,.1);
}
.bloglist li h4 a
{
color:#000000;
font-size:20px;
}
.bloglist li h6
{
color:#AAAAAA;
}
.bloglist li h5
{
color:#81819F;
line-height:150%;
}
.bloglist li h5 a
{
    color:#81819F;
}
.searchbox .btn{ margin-right:10px; margin-top:10px;}
.in1 {
 	padding: 0px 12px;
	width: 300px;
	height: 30px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	background-image: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	color: #555;
	font-size: 14px;
	line-height: 30px;
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.in1:focus {
	outline: 0;
	border-color: #66afe9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.in1[disabled],.in1[readonly]{
	background-color: #eee;
	opacity: 1;
	cursor: not-allowed;
}
.in2 {
 	padding: 0px 12px;
	width: 300px;
 	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	background-image: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	color: #555;
	font-size: 14px;
	line-height: 1.42857143;
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.in2:focus {
	outline: 0;
	border-color: #66afe9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
 
.in3 {
 	padding: 0px 12px;
	height: 34px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	background-image: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	color: #555;
	font-size: 14px;
	line-height: 34px;
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.in3:focus {
	outline: 0;
	border-color: #66afe9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
@media (max-width: 767px) {
  .form-nav-login {
    background-color:#222;
	padding:10px;
	border-radius:5px;
	position:absolute;
	left:15px;
	right:15px;
	z-index:9999;
  }
  .form-nav-login .form-group
  {
		width:48%;
		display:inline-block;
		margin-bottom:5px;
  }
 
  
}