@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?18010916');
  src: url('font/fontello.eot?18010916#iefix') format('embedded-opentype'),
       url('font/fontello.woff?18010916') format('woff'),
       url('font/fontello.ttf?18010916') format('truetype'),
       url('font/fontello.svg?18010916#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?18010916#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

#features [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-size:100px;
  speak: none;
  color:#696965;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 110px;
  margin-top:20px;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

@media only screen and (max-width:1260px){
	#features [class^="icon-"]:before, [class*=" icon-"]:before{
		margin-left:200px;
	}	
}

@media only screen and (max-width:1040px){
	#features [class^="icon-"]:before, [class*=" icon-"]:before{
		margin-left:142px;
	}	
}

@media only screen and (max-width:800px){
	#features [class^="icon-"]:before, [class*=" icon-"]:before{
		margin-left:226px;
	}	
}

@media only screen and (max-width:520px){
	#features [class^="icon-"]:before, [class*=" icon-"]:before{
		margin:auto;
	}	
}

.icon-th:before { content: '\e800'; } /* 'Ã® â‚¬' */
.icon-facebook:before { content: '\e801'; } /* 'Ã® â‚¬' */
.icon-twitter:before { content: '\e802'; } /* 'Ã® â‚¬' */
.icon-menu:before { content: '\e803'; } /* 'Ã® â‚¬' */
.icon-briefcase:before { content: '\e800'; } /* 'Ã® â‚¬' */
.icon-coffee:before { content: '\e800'; } /* 'Ã® â‚¬' */
.icon-check:before { content: '\e800'; } /* 'Ã® â‚¬' */

input[type="text"], input[type="password"]{
	font-family: 'Open Sans', sans-serif;
	width:500px;
	padding:6px;
	font-size:14px;
	border-radius:2px;
	border:1px solid #BBBBBB;
	background:#F5F5F6;
}

textarea{
	font-family: 'Open Sans', sans-serif;
	width:500px;
	padding:6px;
	font-size:14px;
	border-radius:2px;
	border:1px solid #BBBBBB;
	background:#F5F5F6;
}

input[type="submit"], button{
	margin-top:10px;
	padding:10px 10px;
	border-radius:2px;
	background:#BA022F;
	border:none;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	cursor:pointer;
}

#user_login input[type="text"], #user_login input[type="password"]{
	width:200px;	
	border:none;
	background:#FFFFFF;
	padding:4px;
	margin-left:10px;
}

@media only screen and (max-width:800px){
	#user_login input[type="text"], #user_login input[type="password"]{
		width:140px;	
		border:none;
		background:#FFFFFF;
		padding:4px;
		margin-left:10px;
	}
}

.error{
	background:#FEB6B4 !important;
	border:1px solid #A3A3A6 !important;
}

