/*--------------------------------------------------------------------------
#contactform
*/

.border {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	top: 0;
	right: 19px;
	z-index: 4;
}
.form-head {
	background: #ffffff;
	padding: 11px 19px;
	margin: 0 0;
	color: #0f0f0f;
	font-size: 16px;
	border-radius: 4px 4px 0 0;
	text-shadow: none;
	display: table; 
}
.alineje {
	padding: 7px 19px 13px;
	font-size: 15px;
	text-shadow: none;
	color: #ffffff;
	margin: 0 -19px 4px -19px;
	border-bottom: 2px dashed rgba(5, 127, 35, 0.5);
}
.alineje .fa {
	font-size: 20px;
	color: #057F23;
	position: relative;
	top: 3px;
}
.form-wrap {
	margin: 30px 0 0;
	background: rgba(0,0,0,0.11);
	border-radius: 0 0 4px 4px;
}
.form-content {
    margin: 0;
	padding: 4px 19px 20px;
	position: relative;
	border-radius: 0 0 4px 4px;
}
.friends-form .form-content { width: auto; }
.field-wrap {
	width: 197px;
	float: left;
	margin: 0 22px 0 0; 
}
.no-mrg-right { margin-right: 0; }
.friends-form .field-wrap {
	width: 240px;
	float: left;
	margin: 0 17px 0 0; 
}
#contactForm label.error, #contactForm1 label.error, #subscriptionForm label.error {
	color: #ED1C24;
	font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
	font-weight: 400;
	text-shadow: none;
	padding: 7px 0 0;
	
    -webkit-animation: shake 1s;
    animation: shake 1s;
}
.submit {
	border: 0;
	display: block; 
	height: 32px;
	line-height: 32px;
	text-decoration: none; 
	text-align: center; 
	padding: 0 1em; 
	font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
	font-weight: 400;
	font-size: 16px;
	margin: 31px 0 0;
	margin: 19px 0 0;
	color: #ffffff;
    float: right;
    text-shadow: 0 1px 1px rgba(0,0,0,0.33);
    font-weight: 700;

	background: #ed1c24; /* Old browsers */
	background: -moz-linear-gradient(top,  #ed1c24 0%, #a70e14 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1c24), color-stop(100%,#a70e14)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ed1c24 0%,#a70e14 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ed1c24 0%,#a70e14 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ed1c24 0%,#a70e14 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ed1c24 0%,#a70e14 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#a70e14',GradientType=0 ); /* IE6-9 */

	box-shadow: inset 0px 1px 0px #F25B61, 0 1px 0 #70060A, 0 1px 4px rgba(0,0,0,0.66);
	border-radius: 4px;
}
.submit:hover { 
	text-decoration: none;
	cursor: pointer;
	background: #a70e14; /* Old browsers */
	background: -moz-linear-gradient(top,  #a70e14 0%, #ed1c24 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a70e14), color-stop(100%,#ed1c24)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a70e14 0%,#ed1c24 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a70e14 0%,#ed1c24 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a70e14 0%,#ed1c24 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a70e14 0%,#ed1c24 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a70e14', endColorstr='#ed1c24',GradientType=0 ); /* IE6-9 */
}

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

  5%, 15%, 25%, 35%, 45% {
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px);
  }

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

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

  5%, 15%, 25%, 35%, 45% {
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px);
  }

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

.shakeInf {
  -webkit-animation: shakeInf 3s infinite;
  animation: shakeInf 3s infinite;


}

@-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;
}


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

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

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

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

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

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

.rubberBand {
  -webkit-animation: rubberBand 1s;
  animation: rubberBand 1s;
}

label {
	font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    z-index: 2;
    display: block;
    line-height: 1.25;
    color: white;
    padding: 7px 0 4px;
}
.input-text {
	outline: none;
	width: 204px;
	width: 185px;
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	background: none;
	border: 1px solid white;
	padding: 0 0 0 10px;
	font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.input-short {
	width: 75px;
	float: left;
	margin: 0 4px 0 0;
}
.poljeSelect {
    height: 32px;
    line-height: 32px;
    border: 2px solid #ED1C24;
    width: 197px;
    margin: 31px 0 0;
 	font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
	font-weight: 400;
    font-size: 16px;
}