/* Basic
-----------------------------------------------------------------------------*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

button, a {-webkit-transition: all 0.3s; transition: all 0.3s;}

 
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	height: 100%;
	 background: #F8F9FB;  
	 	
	 }
body.admin-bar {margin-top: 0px;}
 
.wrapper {
	width: 100%;
	min-width: 320px;
	min-height: 100%;
	 height: auto !important; 
	height: 100%;
	 
}

 a, button,
 input,
 textarea {-webkit-transition: all 0.3s; transition: all 0.3s; outline: none}
 
 button:focus {outline: none !important}
 
 a {color: var(--main)}
 a:hover {color: #808080; text-decoration: none}
 
 .fa-user-o:before {
    content: "\f2c0";
}

 


 /* Header
-----------------------------------------------------------------------------*/
.header {
	 	      
 }
 
/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0px 0 0px 0; z-index: 5; position: relative;
}

 
/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: 0px auto 0;
	min-width: 320px;
	height: auto;
	min-height: 100px;
	 position: relative;
	padding: 0px 0 0px 0;
	z-index: 4;
	 
	font-size: 14px; line-height: 20px;
	background:#fff;
	 

	 
}