@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}


html, body
{
	height:100%;
	font-family:calibri;
	font-size:16px;
	margin:0;
	padding:0;
	width:100%;
}
body
{
	background:url(../gfx/bg1.jpg) #fff;
	background-position:center 30px;
	background-repeat:no-repeat;
}

a
{
	color:#444;
	text-decoration:none;
}

.section
{
	font-size:22px;
	font-weight:100;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	padding:5% 10%;
	width:60%;
	text-align:center;
}

.list-container
{
	margin:5% auto;
	width:90%;
}

.list-element
{
	background-image: url('../gfx/pointer.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 27px;
	text-align: left;
	padding-left: 10%;
	margin: 3% 0;
}

.llist-container
{
	width:100%;
}

.llist-element
{
	display:table;
	width:100%;
}

.llist-part
{
	padding:5%;
	position:relative;
	text-align:center;
	width:40%;
}


.llist-part img
{
	height:auto;
	max-width:1000px;
	width:100%;
}

.llist-element:nth-child(odd) .llp1
{
	float:left;
}

.llist-element:nth-child(odd) .llp2
{
	float:right;
}

.llist-element:nth-child(even) .llp1
{
	float:right;
}

.llist-element:nth-child(even) .llp2
{
	float:left;
}

.llist-part .just
{
	display:table-cell;
	height:100%;
	margin:0;
}

.logo
{
	margin-top:12%;
	margin-bottom:12%;
}
.down_arrow
{
	position:relative;
	bottom:0;
}
.title
{
	color:9a0000;
	font-size:36px;
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:auto 90%;
	padding-top:5%;
}
#contact .title
{
	background-image:url(../gfx/contact1.png);
}

#offer .title
{
	background-image:url(../gfx/offer.png);
}

#menu
{
	font-size:22px;
	font-weight:bold;
	position:fixed;
	top:0;
	text-align:center;
	width:100%;
	z-index:9999;
	-webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 300ms linear;
	-webkit-transition: border-color 1000ms linear;
    -ms-transition: border-color 1000ms linear;
    transition: border-color 300ms linear;
}

.menu_up
{
	border-bottom: 2px solid rgba(0,0,0,0);
	border-top:5px solid #9a0000;
}

.menu_down
{
	background-color:#fff !important;
	border-bottom: 2px solid #9a0000;
	border-top:5px solid rgba(0,0,0,0);
}

#menu a
{
	color:#333;
	cursor:pointer;
	display:inline-block;
	width:15%;
	margin:-5px 0 0 0;
	padding:2.5vh 2.5vw;
	-webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 300ms linear;
}

#menu a:hover, .current_tab
{
	background-color:#9a0000;
	color:#fff !important;
	-webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 300ms linear;
}

#header
{
	background-color:#fff;
	box-shadow: rgba(0, 0, 0, 0.22) 0px 0px 5px;
	color:#333;
	position:relative;
	width:100%;
}

#header_content
{
	margin-left:auto;
	margin-right:auto;
	padding:20px 0px;
	position:relative;
	max-width:80%;
}

.main
{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:80%;
}

#contact_top
{
	position:relative;
	text-align:right;
}

.contact
{
	background-size:10% auto;
	background-position:left center;
	background-repeat:no-repeat;
	cursor:pointer;
	display:table;
	font-size:3vh;
	margin:0;
	padding:1vh 0;
	padding-left:15%;
	text-align:left;
	width:100%;
}

.contact:hover
{
	color:#9a0000;
}

.mail
{
	background-image:url('../gfx/mail.png');
}

.phone
{
	background-image:url('../gfx/phone.png');
}

.right
{
	text-align:right;
}

.central
{
	text-align:center;
}

.just
{
	text-align:justify;
	-moz-text-align-last: center; /* Code for Firefox */
    text-align-last: center;
}

.title1
{
	font-size:2em;
	margin-bottom:15px;
	margin-top:50px;
}

.subtitle1
{
	font-size:1.5em;
}



.inlines
{
	display:inline-block;
	width:40%;
}

.whitefield
{
	background-color:#fff;
	box-shadow: rgba(0, 0, 0, 0.22) 0px 0px 5px;
	color:#333;
	padding:20px 0px;
	position:relative;
	width:100%;
}

.whitefield .main
{
	width:80%;
}

.greetings
{
	margin:40px auto;
}

.contact-form
{
	margin:0 auto;
	position:relative;
	width:50%;
}

.form-level
{
	display:table;
	margin-bottom:1%;
	width:100%;
}

label, input, textarea, button
{
	font-family:inherit;
	font-size:inherit;
}

.contact-form label
{
    height: 100%; 
	float:left;
	margin:0;
	text-align:left;
	width:30%
}

.contact-form input[type=text], input[type=email], .contact-form textarea
{
	font-size:20px;
	float:left;
	resize:none;
	width:70%;
	padding:1%;
	height:100%;
}

.contact-form button
{
	background-color:#eee;
	border:2px solid #000;
	font-size:1em;
	font-weight:bold;
	padding:5% 10%;
	position:relative;
	-webkit-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    transition: all 300ms linear;
}

.contact-form button:hover
{
	background-color:#9a0000;
	border-color:#9a0000;
	color:#fff;
}

.wrong
{
	border:1px solid red !important;
}

@media (max-width: 1600px)
{
	.section
	{
		width:80%;
	}
}


@media (max-width: 1200px)
{	
	body
	{
		font-size:100%;
	}
	
	#menu
	{
		font-size:30px !important;
	}
	
	.section
	{
		font-size:1.2em;
		font-weight:200;
		line-height:1.7;
		min-height:100%;
		margin-left:auto;
		margin-right:auto;
		padding:5.5vh 5%;
		width:90%;
		text-align:center;
	}
	
	.just
	{
		margin-bottom:5vw;
	}
	
	.contact-form
	{
		margin:0 auto;
		position:relative;
		width:96%;
	}
	
	.form-level
	{
		display:table;
		height:auto;
		margin-bottom:1%;
		width:100%;
	}
	
	.contact-form label
	{
		font-size:28px;
		margin:0;
		text-align:left;
		width:100%
	}
	
	.contact-form input[type=text], input[type=email], .contact-form textarea
	{
		font-size:40px;
		width:100%;
		padding:1%;
	}
	
	.contact-form button
	{
		width:100%;
	}
	
	.llist-part
	{
		width:100%;
		font-size: 2em !important;
		float:none !important;
		padding:5% 0;
	}
		
	
	
	
	
	
	
}