/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
  padding-top:15px;
  padding-bottom:15px;
  font-family: 'Roboto', sans-serif;
  line-height:1.3em;
}

input, select, textarea {
	box-sizing: border-box;
}

div.demo-info {
	padding:0 15px;
}

.form__row{
	margin-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'Roboto', sans-serif;
}
.form__row--label:first-letter{
	text-transform: uppercase;
}

.form__row--label{
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	display: block;
	/*text-transform: lowercase;*/
	width: 100%;
}

.form__row--select{
	border-radius: 0px;
	border: 1px solid #7eba5a;
	font-size: 18px;
	max-width: 100%;
	padding: 10px 60px 10px 12px;
	background-image: url('../images/arrow.png');
	background-position: center right;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

.form__row--input{
	border-radius: 0px;
	border: 1px solid #7eba5a;
	font-size: 18px;
	max-width: 100%;
	padding: 10px 12px;
	width: 100%;
}

.form__row--submit{
	border-radius: 0px;
	border: 0px solid #7eba5a;
	background-color: #7eba5a;
	/*
	background-image: url('../images/arrow_right.png');
	background-position: center left 30px;
	background-repeat: no-repeat;
	*/
	color: #fff;
	font-size: 18px;
	max-width: 100%;
	padding: 10px;
	cursor: pointer;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	margin: 30px auto 0;
	display: block;	-webkit-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	transition: ease 0.3s;
	width:60%;
}

.form__row--submit:hover{
	background-color: #a7a7a7;	-webkit-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	transition: ease 0.3s;
}

.form__row--textarea{
	border-radius: 0px;
	border: 1px solid #7eba5a;
	font-size: 18px;
	max-width: 100%;
	padding: 10px 12px;
	width: 100%;
	font-family: 'Roboto', sans-serif;
}

.form__row--summary{
	border-radius: 0px;
	border: 0px solid;
	font-size: 13px;
	max-width: 100%;
	padding: 0px;
	width: 100%;
	font-weight: 400;
}

.form__row--summary i{
	font-size:0.8em;
	line-height:12px;
}

.form__row--summary.text-justify{
	text-align: justify;
}

.form__row--summary.text-smaller{
	font-size: 0.6em;
    line-height: 12px;
}

.form__row--checkbox{
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.checkbox__title{
	padding-left: 40px;
	margin-top: 15px;
	display: block;
	background-image: url('../images/unchecked.jpg');
	background-position: center left;
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	line-height: 30px;
	position: relative;
}

@media only screen and (max-width: 1136px) {
	.form__row--summary .checkbox__title{
		background-size: auto 30px;
		background-position: top left;
		background-position-top: 4px;
	}
}

.checkbox__title label{
	position:relative;
	z-index:3;
	line-height: 18px;
}

.checkbox__title.checked{
	background-image: url('../images/checked.jpg');
}

/* js loader */
.demo-form-loader {
	display: none;
}


/* errors */
.error_list {
	color: red;
	margin-top: 6px;
}