.container {
	width: auto;
	max-width: 768px;
	min-width: 240px;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 40px 0 0 20px;
	box-sizing: border-box;
	position: relative;
	font-family: 'Verdana', Arial, sans-serif;
	background: #f5f5f5 url(../images/bg-2017.png) top right;
	background-repeat: repeat-y;
}

input, select, textarea {
	font-family: 'Verdana', Arial, sans-serif;
}

.fan-gate {
	padding: 1px;
}

.thank-you-wrapper {
	margin-top: 20px;
	width: 81%;
	margin: 20px auto 0;
	font-family: 'Verdana', Arial, sans-serif;
	}
	.thank-you-wrapper h1{

	}
	.thank-you-wrapper p {
		font-size: 15px;
	}
	.attendance p {
		font-size: 19px;
	}

.box-form {
	width: 572px;
	margin-right: 17px;
	font-size: 14px;
	color: #444;
	overflow: hidden;
}
.box-form ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.box-form ul li {
	margin-bottom: 10px;
	clear: both;
}
.box-form ul.chosen-choices li, .box-form ul.chosen-results li {
	clear: none;
}
.box-form ul li label {
	text-align: right;
	width: 220px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.box-form ul li input[type="text"],
.box-form ul li input[type="password"],
.box-form ul li input[type="number"],
.box-form ul li select {
	width: 325px;
	display: inline-block;
	margin: 0;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 22px;
	color: #444;
	padding: 0 5px;
}
.box-form ul li select{
	padding: 2px 5px;
	width: 337px;
	box-sizing: content-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box-form ul li textarea {
	width: 325px;
	height: 130px;
	border-radius: 4px;
	border: 1px solid #d7d7d7;
	margin: 0;
	padding: 5px;
	resize: none;
	font-size: 15px;
	color: #3f3f3f;
}
.chosen-container-multi .chosen-choices {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d7d7d7!important;
	background-image: none!important;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	color: #444!important;
	font-size: 14px!important;
	padding: 5px 8px 5px 5px!important;
}
	.box-form ul li input.input-small{
		width: 45px;
	}
	.box-form ul li input.input-medium {
		width: 95px;
	}
	.box-form ul li input.input-medium-wider,
	.box-form ul li select.select-medium-wider {
		width: 145px;
	}
	.box-form ul li input.input-large {
		width: 209px;
	}
	.box-form ul li select.date-select {
		width: 107px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.box-form ul li select.date-select#User_day,
	.box-form ul li select.date-select#User_month,
	.box-form ul li input.input-small#User_phone_code,
	.box-form ul li input.input-large#User_street_name {
		margin-right: 3px;
	}
	.box-form ul li span.label-span {
		margin-left: 7px;
	}
	.box-form ul li span.label-span.span-broj {
		margin-right: 8px;
	}
.box-form ul li.radio-list span label, .box-form ul li.radio-list-large span label {
	width: auto;
	float: none;
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	margin-right: 40px;
	margin-bottom: 0;
}
.box-form ul li.radio-list span input[type="radio"], .box-form ul li.radio-list-large span input[type="radio"] {
	display: inline-block;
}
.box-form ul li.radio-list-large span label {
	width: auto;
	float: none;
	display: inline;
	text-align: left;
	text-transform: none;
	margin-right: 0px;
	margin-bottom: 5px;
}
.box-form ul li.radio-list-large span {
	float: left;
	width: 330px;
}

.box-form ul.normal-list {
	list-style-type: disc;
	margin: 0 1.5em 1.5em 0;
	padding-left: 1.5em;
}

#logo {
	margin-left: 15px;
}

.page-title h1 {
	font-size: 36px;
	text-transform: uppercase;
	color: #444;
	padding: 0 10px;
	display: inline-block;
	font-family: Arial, 'HelveticaNeueW02-LtExt', sans-serif;
	margin-bottom: 0;
}
.errorMessage {
	color: red;
	font-size: 13px;
}

.disclaimer {
	border-top: 3px solid #FA4B3C;
	padding-top: 10px;
	font-size: 11px;
}
.facebook-like {
	text-align: right;
	margin-bottom: 20px;
}
.image-upload {
	display: block;
}

.image-upload h3 {
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}
	.image-upload ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		margin: 0 22px;
	}
	.image-upload ul li {
		margin-bottom: 15px;
		border: 1px solid #e1e0e0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		overflow: hidden;
	}
	.image-upload ul li.anfas-error,
	.image-upload ul li.figura-error {
		border: none;
		margin-bottom: 0;
	}
	.image-upload ul li a {
		display: block;
	}
		.image-upload ul li .image-anfas {
			width: 113px;
			height: 114px;
			background: #fff url("../images/anfas.png") no-repeat 0 0;
		}
		.image-upload ul li .image-figura {
			width: 113px;
			height: 154px;
			background: #fff url("../images/figura.png") no-repeat;
		}
		.image-upload ul li.selected .image-anfas,
		.image-upload ul li .image-anfas:hover {
			background-color: #c2c2c2;
			background-position: 0 -114px;
		}
		.image-upload ul li.selected .image-figura,
		.image-upload ul li .image-figura:hover {
			background-color: #c2c2c2;
			background-position: 0 -154px;
		}
		.image-upload ul li .errorMessage {
			margin: 0;
			width: 115px;
			display: inline-block;
		}
.image-upload-row {
	display: none;
}

.image-upload ul li label {
	/*display: none;*/
	font-size: 15px;
	color: #3f3f3f;
}

.logo-side {
	margin-top: -300px;
	width: 159px;
	text-align: center;
}

input[type="submit"].button { width: 120px; height: 30px; line-height: 30px; margin-left: 230px; }

.chosen-default {
	background: none!important;
}
.chosen-container-single .chosen-single {
 border: 1px solid #d7d7d7!important;
 background: #fff!important;
}

.chosen-container .chosen-drop {
 border:  1px solid #d7d7d7!important;
}

.chosen-container-single .chosen-single {
	border: 1px solid #d7d7d7;
	background: #fff;
}

.chosen-container .chosen-drop {
	border: 1px solid #d7d7d7;
}

.chosen-container-single .chosen-default {
	color: #3f3f3f!important;
}

.chosen-container, .chosen-container .chosen-results, .chosen-container-single .chosen-default, .chosen-container-single .chosen-single {
	font-size: 15px;
}

.disclaimer {
	font-size: 13px;
	line-height: 1.2;
}

/* simple css-based tooltip */
.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}
.ui-tooltip, .arrow:after {
	background: #58B7DD;
	border: 1px solid white;
}
.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
	font: normal 11px 'Verdana', Sans-Serif;
	box-shadow: 0 0 7px #e8c335;
	color: #7c7c7c;
	border-width: 1px!important;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px #e8c335;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	tranform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}

.ajax_loading {
    display:    none;
    position:   fixed;
    z-index:    1999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .6 )
                url(../images/ajax-loader.gif)
                50% 50%
                no-repeat;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

	/* Anytime the body has the loading class, our
	   modal element will be visible */
	body.loading .ajax_loading {
		display: block;
	}

.fileinput-button {
	display: block;
	position: absolute!important;
	width: 113px;
}

.image-anfas .fileinput-button {
	height: 114px;
	}
	.image-anfas .fileinput-button input {
		height: 114px;
		}

.image-figura .fileinput-button {
	height: 154px;
	}
	.image-figura .fileinput-button input {
		height: 154px;
		}

.progress {
	position: absolute;
	width: 113px;
	height: 20px;
}

.progress-bar {
	background-image: url(../img/progressbar.gif);
	width: 0;
	height: 20px;
}

@media (min-width:765px) {
	.errorMessage {
		margin-left: 230px;
	}

	.terms {
		margin-left: 230px;
	}
	.terms .errorMessage {
		margin-left: 0;
	}
	.box-form ul li label.two-lines { line-height: normal; }
	.image-upload h3 {
		position: absolute;
		top: 52px;
		width: 150px;
	}
	.page-title {
		position: relative;
		text-align: right;
		top: -48px;
		width: 572px;
	}
}
@media (max-width:765px) {
	.container { max-width: none; padding: 30px 3%; background: #f5f5f5; }
	.box-form { float: none!important; width: auto; }
	.box-form ul li label { display: block; float: none; text-align: left; width: auto; margin-right: 0; }
	.box-form ul li input[type="text"], .box-form ul li input[type="password"], .box-form ul li input[type="file"], .box-form ul li input[type="number"],  ul li select, .box-form ul li textarea { width: 94%; }
	.box-form ul li input.input-small { width: 40px;  }
	.box-form ul li input.input-large { width: 200px;  }
	.chosen-container { display: inline-block!important; width: 94%!important; margin-right: 0; }
	input[type="submit"].button { width: 100%; height: 30px; line-height: 30px; margin-left: 0; }
	#logo {	left: -5px; }
/*	.image-upload-row {	display: block; }*/
/*	.image-upload { display: none; }*/

	.image-upload { float: none!important; width: auto; }
	.image-upload ul { margin-left: 0; }
	.image-upload ul li label { display: block; float: none; text-align: left; width: auto; margin-right: 0; }
	.image-upload ul li .errorMessage { margin: 0; width: 100%; display: inline; }
	.logo-side { display: none; }
	.image-upload h3 { margin: 10px 0; }
}

@media (max-width:480px) {
	.container { max-width: none; padding: 30px 3%; margin: 20px 0; }
	.chosen-container { display: inline-block!important; width: 94%!important; margin-right: 0; display: none!important; }
	.box-form ul li select { width: 94%; }
	.box-form ul li select.date-select { width: 94%; margin-bottom: 10px; }
	.chosen select { display: block!important; width: 94%!important; }
	.box-form ul li input.input-large { width: 145px;  }
	.page-title h1 { font-size: 32px; }
	.page-title { top: 0; }
	#logo { width: 100px; top: -25px; left: -5px; }
	.box-form ul li.radio-list span input[type="radio"] { margin-left: 10px; }
}

@media (max-width:320px) {
	.box-form ul li.radio-list span input[type="radio"] { margin-left: 4px; }
	.facebook-like { margin-top: 10px; }
}