body {

	font-family: 'Open Sans', sans-serif;

	margin: 0 auto;

	padding: 0;

	max-width: 1200px;

	background: #d1272c;

	background: -moz-radial-gradient(center, ellipse cover, #e85c61 0%, #d1272c 100%); /* FF3.6-15 */

	background: -webkit-radial-gradient(center, ellipse cover, #e85c61 0%,#d1272c 100%); /* Chrome10-25,Safari5.1-6 */

	background: radial-gradient(ellipse at center, #e85c61 0%,#d1272c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85c61', endColorstr='#d1272c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}

	

	.content-wrap {	}

	

	.btn,

	.rezult-wrap { display: none; }



	.name-overlay {

		position: relative;

		float: left;

		padding: 45% 0 50px;

		box-sizing: border-box;

		height: 100vh;

		display: block;

		z-index: 9999;

	}

	

		.cal-logo {

			position: absolute;

			top: 6%;

			left: 50%;

			margin-left: -100px;

		}

		.cal-logo-footer {

			position: absolute;

			bottom: 6%;

			left: 50%;

			margin-left: -100px;

		}

			

	

		.name-overlay #fond,

		.name-overlay #agent,

		.name-overlay #ime,

		.name-overlay #godini,

		.name-overlay #gvlog,

		.name-overlay #vlog,

		.name-overlay #pocvlog,

		.name-overlay #prezime {

			float: left;

			width: 80%;

			font-size: 18px;

			margin: 0 0 12px 10%;

			box-sizing: border-box;

			padding: 14px 16px;

			border-radius: 6px;

			border: 1px solid #bf2328;

		}

		.name-overlay #vlez {

			border: none;

			border-radius: 6px;

			background: #222;

			color: #ffffff;

			clear: both;

			float: right;

			margin-right: 10%;

			font-size: 20px;

			padding: 16px 30px;

			text-transform: uppercase;

			letter-spacing: 1px;

			cursor: pointer;

		}

		.name-overlay #gvlog {

			background-color: #c0c0c0;

			color: #eeeeee;

		}

		.btn {

			border: none;

			border-radius: 6px;

			background: #222;

			color: #ffffff;

			float: right;

			margin: 20px 6px 40px;

			font-size: 18px;

			padding: 12px 20px;

			text-transform: uppercase;

			letter-spacing: 0px;

			cursor: pointer;

		}

		.error-message,

		.error-message-2,

		.error-message-3,

		.error-message-4 {

			color: #ffffff;

			float: left;

			clear: both;

			font-size: 16px;

			margin: 10px 10%;

			display: none;

		}

		

	.rezult-wrap {

		position: relative;

		float: left;

		background-color: #eeeeee;

		padding: 20px 0;

	}

		

		.info-wrap {

			position: relative;

			float: left;

			width: 90%;

			margin: 10px 5%;

			box-sizing: border-box;

			font-size: 16px;

			font-style: italic;

		}

		

			.rez {

				background: #ffffff;

				border-radius: 8px;

				padding: 6px 16px;

				font-size: 26px;

				font-style: normal;

				font-weight: bold;

				width: 100%;

				margin: 5px 0;

				box-sizing: border-box;

			}

			.renta-rez {

							background: #ffffff;

							border-radius: 8px;

							padding: 6px 16px;

							width: 100%;

							margin: 5px 0 15px;

							box-sizing: border-box;

			}

			.rez.green-4,

			.rez.green-7,

			.rez.green-10 {

				background-color: #aaffaa;

				color: #000000;

			}

			.rez.green-4 { width: 40%; }

			.rez.green-7 { width: 70%; }

.normal-italic {
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
}

			

			

	.share-wrap {

		position: fixed;

		top: 0;

		left: 0;

		bottom: 0;

		right: 0;

		background: #eeeeee;

		z-index: 9999;

		display: none;

	}

	

		.share-wrap textarea {

			border-radius: 8px;

			padding: 20px 20px 40px;

			box-sizing: border-box;

			width: 90%;

			margin: 40px 5%;

		}

		

		.copy-msg {

			float: left;

			clear: both;

			margin-left: 10%;

			display: none;

		}

		

		#clink { font-size: 17px; }

	

	.logo-print { display:none; }

		

	.desc {

		font-size: 14px;

		float: left;

		margin: 20px 5% 10px;

	}