body, header, footer, div, a, hr, p, ul, li, h1, h2, h3, h4, h5, h6, input{

	margin:0;

	padding:0;

	/*outline:0  auto;*/

}

body{

	font-family: 'Roboto Condensed', sans-serif;

	background: #272727;

}



a{text-decoration: none;}



ul{list-style-type: none;}



.clearfix{

	display: table;

	content: '';

	clear: both;

}



.drag-right{float: right;}



.drag-left{float: left;}



.active-nav-element{}



::-webkit-input-placeholder {

    color:    #FFFFFF;

    font-family: 'Lora', serif;

}

:-moz-placeholder {

   color:    #FFFFFF;

   opacity:  1;

   font-family: 'Lora', serif;

}

::-moz-placeholder {

   color:    #FFFFFF;

   opacity:  1;

   font-family: 'Lora', serif;

}

:-ms-input-placeholder {

   color:    #FFFFFF;

   font-family: 'Lora', serif;

}

:placeholder-shown {

  color:    #FFFFFF;

  font-family: 'Lora', serif;

}



.center-conteiner{

	width: 95%;

	max-width: 1170px;

	margin: 0 auto;

}



.shell{

	width: 100%;

	max-width: 2000px;

	margin: 0 auto;

	padding: 70px 0px; 

}



.main{

	width: 100%;

	max-width: 1140px;

	margin: 0 auto;

}



.login-side{width: 46%;}



.login-left{

	text-align: center;

	padding: 117px 0px;

	border-right: solid 2px #01796b;

}



.login-left img{

	width: 222px;

	height: auto;

}



.login-form{

	text-align: center;

	color: #FFFFFF;

	padding: 100px 0px;

	width: 520px;

}



.login-form h1{

	font-size: 50px;

	line-height: 60px;

	color: #00796b;

}



.login-form .login_field{

	display: block;

	width: 386px;

	margin: 0 auto;

	margin-top: 19px;

	padding: 17px 5px 17px 5px;

	border: solid 1px #a5b03c;

	border-left-width: 3px;

	border-right-width: 3px;

	border-radius: 3px;

	background-color: transparent;

	color: #FFFFFF;

	text-align: center;

	font-size: 12px;

}



#lost-password{

	text-align: center;

	font-size: 14px;

	margin: 16px 0px 27px 0px;

	font-family: 'Lora', serif;

}







.login-form button{

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	display: block;

	width: 129px;

	padding: 7px 0px;

	margin: 0 auto;

	background-color: #00796b;

	color: #d8e436;

	border: 0px;

	font-size: 19px;

	font-weight: normal;

	cursor: pointer;

}



.login-form button:hover{

	background-color: #d8e436;

	color: #00796b;

	font-weight: bold;

}



#lost-password .login_link{color: #FFFFFF; transition: all 0.3s; -webkit-transition: all 0.3s;}

#lost-password div:first-child{margin: 0px auto; margin-bottom: 15px;}

#lost-password .login_link:hover {

    color: #00796b;

}

.login_label {padding-top: 4px;}

.login_checkbox {float: left;}



[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}


[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px;
  border: 1px solid #aaa;
  background: transparent;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 3px; left: 4px;
  font-size: 18px;
  line-height: 0.8;
  color: #FFFFFF;
  transition: all .2s;
}

[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}