.no-border-top { border-top: 0; }




.form-wrap {
	padding: 23px 30px 23px;
	width: 260px;
	background-attachment: fixed;

	

	background: url(../slike/pw_maze_white.png) top left repeat;
	position: relative;

	border-radius: 7px;
	box-shadow: 0 0 7px rgba(0,0,0,0.11);

	border-bottom: 4px solid #CF161D;
	border-top: 4px solid #CF161D;
}

.contactForm { 
	width: 320px;
	margin: 50px 0 50px 50px;
	margin: 50px 0 0 50px;
	border-radius: 7px;
 }







.contactForm label {
	display: inline-block;
	padding: 7px 0 4px 0;
	line-height: 1;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
	font-size: 18px;
	color: black;
}
.contactForm .no-padding-top { padding-top: 0; }

.contactForm .labela {
	line-height: 48px;
	padding: 11px 11px 0 0;
	width: 239px;
	width: 343px;
	text-align: right;
}

.poljeSelect {
	width: 258px;
	border: 2px solid #CF161D;
	padding: 4px 0;
font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
}
.hidden .txtFld {
	font-size: 18px;
	color: #000000;

	height: 30px;

	line-height: 30px;

	background: white;
	
	border: 1px solid #a5a5a5;
	box-shadow: 0 0 3px rgba(0,0,0,0.11);
font-family: 'Source Sans Pro', sans-serif;

	width: 200px;
	padding: 0 0 0 4px;
}
.contactForm .txtFld {
	width: 282px;
	width: 254px;
	height: 30px;

	line-height: 30px;

	font-weight: normal;
	padding-left: 4px;
	padding: 0 0 0 4px;
	font-size: 18px;
	color: #000000;

	background: white;
	
	border: 1px solid #a5a5a5;
	box-shadow: 0 0 3px rgba(0,0,0,0.11);
font-family: 'Source Sans Pro', sans-serif;

}

.quick .zapri {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 24px;
	width: 30px;
	height: 30px;
	text-align: center;
	z-index: 199;
}

.zapri {
	background: #7EC23E;
	color: #ffffff;
}
.zapri:hover {
	background: #a9cb17;
	cursor: pointer;
}
#contactForm1 label.error,
#contactForm label.error{
	color: #CF161D;
font-family: 'Source Sans Pro', sans-serif;
	text-shadow: none;
	padding-bottom: 0;
	display: block;
	padding: 7px 0 0 0;

	text-align: right;
	position: relative;
	z-index: 7;

	

	-webkit-animation: shake 1s;
  animation: shake 1s;
}

#contactForm1 label.error {
	text-align: left;
	font-weight: 700;
}




.submit-wrap {
	width: 240px;
	position: relative;
	margin: 23px 0 0 46px;

}
.labela-height { line-height: 30px; }
.hidden .submit {
	background: #cf161d;
	color: #ffffff;
	border: 0;
	font-size: 20px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	width: 100px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.33);
	line-height: 31px;
	height: 31px;
}
.hidden .submit:hover {
	background: #7EC23E;
	cursor: pointer;
}
.contactForm .submit {
	border: 0;
	text-decoration: none; 
	text-align: center; 
	padding: 0; 
	position: relative;
	z-index: 1;

	font-size: 20px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;

	margin: 23px 0 0;	

	background: url(../slike/btn.png) top left no-repeat;
	color: white;
	float: right;
	width: 160px;

	letter-spacing: -1px;

	line-height: 44px;
	height: 44px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.33);
	border-radius: 44px;
	box-shadow: 0 0 3px rgba(0,0,0,0.33);
}

.contactForm .submit:hover { 
	text-decoration: none;
	cursor: pointer;
	background: url(../slike/btn.png) bottom left no-repeat;
	
}


@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20%, 60% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  40%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation: shake 1s;
  animation: shake 1s;
}
.shake-inf {
  -webkit-animation: shake 1s infinite;
  animation: shake 1s infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation: pulse 0.75s infinite;
  animation: pulse 0.75s infinite;
}

.form-head {
	background: white;
	background: #92BA97;
	background: #e2071d;

	background: url(../slike/pw_maze_black.png) top left repeat;

	color: #ffffff;
	color: #F48F23;
	text-shadow: none;

	padding: 13px 30px;
	font-size: 16px;
	position: relative;
	text-shadow: 0 1px 1px rgba(0,0,0,0.33);
}