.form-control{
 border: 1px solid #eeeeee !important;
 padding: 6px 12px !important;
}
input[type="text"]{
  padding: 6px 12px !important;
}
.registration .col-4 .submenu{
  margin-top: 20px;
}
.registration .col-4 .submenu li {
 background:#e2ffbf;
 color:#474747;
 width:90%;
 line-height: 75px;
}
.registration .col-4 span {
 display: inline-block;
 margin: 0px;
 padding: 0px;
 color:#474747;
 font-size: 16px;
 line-height: 1.5em;
 font-family: 'Bold';
 font-size: 20px;
	vertical-align: middle;
}
.registration, .registration a {
 font-size:20px;
 color:#474747;
}
.registration a:hover {
	color:#04A4CC;
}
.registration .wrapper {
 margin-bottom:50px;
}
.registration p {
 line-height:150%;
}
.registration label {
 display:inline-block;
 width:300px;
 text-transform:uppercase;
 line-height:200%;
}
.registration input, .registration select {
 display:inline-block;
 width:550px;
 padding-left:10px;
 color:#474747 !important;
 background:#eeeeee;
 clear:both;
 font-family: 'Bold';
}
.registration textarea {
 display:inline-block;
 width:550px;
 /*max-width:550px !important;*/
 padding-left:10px;
 color:#474747 !important;
 background:#eeeeee;
 clear:both;
 min-height:200px !important;
}
.registration input[type="radio"], .registration input[type="checkbox"] {
 width:40px;
 vertical-align: top;
 margin-top: 15px;
 background-color: white;
}

.registration input[type="submit"] {
 width:550px;
 margin: 0;
 height:75px;
 background:#0cb3de;
 color:white;
 border:none;
 cursor:pointer;
 -webkit-transition: background 0.2s;
 margin-top: 45px;
}
.registration input[type="submit"]:hover {
 background:#3dc2e5;
}
#FileUpload {
	 position:relative;
}
#faux, #browse {
	 /* style these guys however you like, the key is
			position:absolute. No need for z-index modification
			since the wrapper is natually above these elements.
	 */
	 /*position:absolute;*/
}
.browse-content{
	display: inline-block;
	position: relative;
}
.small-browse-text{
	position:absolute;
	font-family: 'Light' !important;
  left: 0;
  bottom: -20px;
}
#faux {
 display: inline-block;
 width: 435px;
 padding-left: 10px;
 color: #474747;
 background: #eeeeee;
 height: 35px;
 border: 1px solid #eeeeee !important;
 border-radius: 4px;
  font-family: 'Light';
}

#browse {
 display: inline-block;
 width: 110px;
 height: 35px;
 background: #CCC;
 color: #FFF;
 text-decoration: none;
 line-height: 37px;
 text-align: center;
 top: 8px;
}

input[type="file"] {
	 /* updating font size makes the input larger */
	 font-size:50px;
	 padding : 0;
	 margin : 0;
 width:110px !important;
 padding-left: 0px;
 color:white;
}
#wrapper {
	opacity: 0;
	overflow: hidden;
	width: 110px;
	height: 50px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0px;
	cursor: pointer;
}



.registration small {
 font-size:13px;
}
.registration em {
 color:#f6a1a7;
 font-style:normal;
}
#hotel-lacroma {
 width:100%;
 padding-left:300px;
 margin-bottom:60px;
 background:url('img/valamar_lacroma.png') no-repeat top left;
}
#hotel-argosy {
 width:100%;
 padding-left:300px;
 margin-bottom:30px;
 background:url('img/valamar_argosy.png') no-repeat top left;
}
#hotel-club {
 width:100%;
 padding-left:300px;
 margin-bottom:60px;
 background:url('img/valamar_club.png') no-repeat top left;
}
#hotel-lacroma label, #hotel-argosy label, #hotel-club label {
 width:500px;
}
#RegistrationType {
 width:100%;
 padding-left:300px;
 margin-top:60px;
 margin-bottom:60px;
 background:url('img/kongresna-dvorana.png') no-repeat 0 10px;
}
.ui-autocomplete {
	 overflow: auto;
	 max-height:200px;
}
.ui-menu .ui-menu-item a {
 color:#585858 !important;
}
.ui-menu .ui-menu-item a:hover {
 /* background-image:none !important;
 background: #eeeeee !important;
 border:none; */
}
.registration input[type="submit"]:active{
  opacity: 1;
  transform: none !important;
}

@media only screen and (max-width:991px) {
.registration #wrapper{
	width: 100%;
}
	.registration textarea, .registration input, .registration select, .registration input[type="submit"], input[type="file"] {
		width: 100%;
		max-width: 100%;
	}
	.browse-content{
		width: 29%;
	}
	#faux {
		width: 70%;
	}
	#browse{
		width: 100%;
	}
}

@media only screen and (max-width:768px) {
	input::-webkit-input-placeholder {
    font-size: 14px;
}
	.registration input[type="submit"]{
		font-size: 20px;
    height: 85px;
	}
	.registration label, #browse{
		font-size: 14px;
	}
	#browse{
		line-height: 40px;
	}
	.registration .col-4 .submenu li {
	 width:100%;
	}
	.registration .col-4 .submenu li {
	 line-height: 85px;
	}
	.registration .col-4 span {
	 font-size: 20px;
	}
  input[type="file"], input[type="text"], input[type="email"], select{
    height: 44px !important;
  }
}
@media only screen and (max-width:550px) {
	.browse-content, #faux, input[type="file"] {
    width: 100%;
	}
}