body{
	background:#e9f4fe !important;
}

input[type=checkbox] {
    width: auto !important;
    position: relative;
    top: 4px;
}

.text{
	font-size: 14px;
	font-family: Arial, Helvetica, Arial, sans-serif;
	margin-left: 10px;
}

.log_box{
    /*position: absolute;*/
    display: flow-root;
    left: 50%;
    /*transform: translate(-50%,-50%);*/
    top: 50%;
	background:#FFF;
	width: 60%;	
	margin: 20px auto 20px auto;
	height: 100%;
	border-radius: 30px !important;
}

.boxBody {
	margin-bottom: 60px;
    border: none;
    width: 65%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.log-head {
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    float: left;
	padding: 38px 55px 32px 55px;
	width: calc(100% - 110px);
}

.log-head > a {
    float: left;
}
.log-head .buttons {
    float: right;
	margin:0;
}

.log-head .buttons li{
	margin:0;
	margin-right:10px;
	border: none !important;
	border-radius: 8px !important;
}

.log_field{
margin: 15px 0px 0px 0px;
/*border-bottom: 1px solid #acacaf;*/
padding-bottom: 10px;
}

input {
    border: medium none;
    font-size: 18px;
    /*font-family: Open Sans;*/
    margin-left: 20px;
	width: calc(100% - 70px);
}

.reg .log_field{
	/*border-bottom: 1px solid #e0e0e2;*/
	margin:0px 0px 0px 0px;
	padding-bottom: 10px;
}

.label_reg{
	padding-bottom: 10px;
	margin-left: 10px;
	color: #35a0ee;
}

.label_log{
	padding-bottom: 10px;
	margin-left: 20px;
	color: #35a0ee;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.reg input {
    border: medium none;
    font-size: 14px;
    font-family: Arial, Helvetica, Arial, sans-serif;
    margin-left: 10px;
width: calc(100% - 15px);
}
.btnLogin{
background: #000 !important;
color: #FFF !important;
font-family: Arial, Helvetica, Arial, sans-serif !important;
font-weight: 600 !important;
font-size: 14px;
text-transform: uppercase;
float: right;
left: 0 !important;
margin: 0 !important;
transform: unset !important;
clear: both;
margin-bottom:30px !important;

}
.btnLogin:hover{
background: #444 !important;
}

.links a {
    color: #7b7b7b;
    font-size: 14px;
    float: right;
    clear: both;
	margin-bottom:3px !important;
}

.buttons .button:hover {
	color:#000 !important;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cccccc !important;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #cccccc !important;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #cccccc !important;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
  color: #cccccc !important;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

h1 {
font-family: Exo !important;
font-size: 35px !important;
text-align: center;
margin: 50px 0px 10px 0px !important;
float: left;
width: 100%;
font-weight: 100 !important;
}


@media only screen and (max-width:1200px) {
.buttons{
display:block !important;

}

.buttons li{
border-radius: 8px !important;
background: #FFF !important;
border: none !important;
}
.log_box{
    /*position: absolute;*/
    /*display: inline-block;*/
    left: 50%;
    /*transform: translate(-50%,-50%);*/
    top: 50%;
	background:#FFF;
/*width: 80%;	*/
}

}


@media only screen and (max-width:1025px) {

.log_box{
    /*position: relative;*/
    /*display: inline-block;*/
    left: 2.5%;
    /*transform: translate(0%,0%);*/
    top: 10%;
	background:#FFF;
	width: 95%;	
}

input {
    width: calc(100% - 55px);
padding-top:7px;
}
.log_field img{
float: left;
}
element {
}
.boxBody {

    width: 75%;
}


}