html {
min-height: 100%;
padding: 0;
margin: 0;
}

body {
min-height: 100%;
min-height: 100vh;
padding: 0;
margin: 0;
border: 0px;
font-size: 10px;
font-family: 'Open Sans', verdana, sans-serif;
color: #6A8C44;
background-color: #F5F8E7;
}

* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
box-sizing: border-box;
}

a:link, a:visited {
text-decoration: none;
text-align: italic;
color: #fff;
}

header, main, footer {
display: block;
margin: 0;
}

header {
position: relative;
padding-top: 1px;
width: 100%;
height: 40vw;
min-height: 100vh;
background-position: center bottom;
background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}

#product_data {
position: relative;
min-height: 70vh;
background: #fff;/*fallback*/
background: rgba(255,255,255,0.95);
padding: 20px;
padding: 2vw 2vw 10vw 2vw;
box-shadow: 0px 0px 5px #666;
border-radius: 5px;
}


#product_data h1 {
margin-top: 4vw;
margin-bottom: 2vw;
text-align: center;
}

#product_info {
text-align: center;
font-style: italic;
}

#product_info_2 {
text-align: center;
font-style: italic;
}

#logo {
display: block;
margin-top: 0.5vw;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
width: 20%;
height: auto;
}

#footer_logo {
display: block;
margin-top: 5vw;
margin-bottom: 5vw;
margin-left: auto;
margin-right: auto;
width: 10%;
height: auto;
}

header .to_subscribe {
position: absolute;
bottom: 2vw;
left: 50%;
background: #4B692C;
color: #fff;
font-weight: bold;
font-size: 24px;
font-size: 1.8vw;
text-align: center;
cursor: pointer;
 -webkit-transition: background 1s;
transition: background 1s;
padding: 1vw;
width: 30vw;
 -webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 5px;
}

header .to_subscribe:hover {
background: #5B8136;
}

.to_subscribe {
background: #EADDA1;
color: #4B692D;
font-weight: bold;
font-size: 24px;
font-size: 1.6vw;
text-align: center;
cursor: pointer;
 -webkit-transition: background 1s;
transition: background 1s;
padding: 1vw;
width: 20vw;
margin: 5vw auto 3vw auto;
border-radius: 5px;
}

.to_subscribe:hover {
background: #E4D589;
 -webkit-transition: background 1s;
transition: background 1s;
}

#submit_order {
background: #EADDA1;
color: #4B692D;
font-weight: bold;
font-size: 24px;
font-size: 1.8vw;
text-align: center;
cursor: pointer;
 -webkit-transition: background 1s;
transition: background 1s;
padding: 1vw;
width: 30vw;
margin: 2vw auto 3vw auto;
border-radius: 5px;
outline: none;
border: none;
}

#submit_order:hover {
background: #E4D589;
 -webkit-transition: background 1s;
transition: background 1s;
}

.blocks {
width: 100%;
padding: 8vw 20vw 5vw 20vw;
text-align: justify;
font-size: 18px;
font-size: 1.2vw;
}

.blocks:nth-of-type(even)  {
background: url(../../i/hirlevel_hatter.jpg) center bottom no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
background-size: cover;
background-attachment: fixed;
color: #fff;
}

h2 {
margin-top: 2vw;
margin-bottom: 2vw;
font-size: 22px;
font-size: 1.6vw;
text-align: center;
}

h3 {
margin-top: 4vw;
margin-bottom: 2vw;
font-size: 20px;
font-size: 1.4vw;
text-align: center;
}

blockquote {
width: 100%;
padding: 1vw;
background: #F4F9FD;
background: rgba(230, 241, 251, 0.7);
border-left: 5px solid #367CB4;
font-style: italic;
margin-left: 0;
margin-right: 0;
}

#block_2 blockquote {
background: #1E5F8A;
background: rgba(35, 109, 158, 0.6);
}

h2 img {
height: 6vw;
width: auto !important;
box-shadow: none;
vertical-align: middle;
}

li {
margin-bottom: 2vw;
font-style: italic;
}

#subscribe {
width: 100%;
background:url(../../i/hirlevel_hatter.jpg) center bottom no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
background-size: cover;
background-attachment: fixed;
color: #fff;
padding: 8vw 20vw 5vw 20vw;
text-align: center;
font-size: 18px;
font-size: 1.2vw;
}

#after_conversion {
width: 100%;
background: url(../../i/hirlevel_hatter.jpg) center bottom no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
background-size: cover;
background-attachment: fixed;
color: #fff;
padding: 12vw 20vw 5vw 20vw;
text-align: center;
font-size: 18px;
font-size: 1.6vw;
min-height: 90vh;
}

#subscribe a:link, #subscribe a:visited, #after_conversion a:link, #after_conversion a:visited {
color: #fff;
font-style: italic;
}

#subscribe a:hover {
text-decoration: underline;
}

.termekkep {
}

form {
width: 60%;
margin-left: auto;
margin-right: auto;
}

label {
display: inline-block;
float: left;
}

input[type=text] {
display: inline-block;
float: right;
width: 50%;
outline: none;
border: none;
text-align: left;
transition: box-shadow 1s;
padding: 0.5vw;
border-radius: 3px;
}

input[type=checkbox] {
display: inline-block;
float: left;
margin-left: 20px;
margin-top: -5px;
width: 30px;
height: 30px;
color: #367CB4;
outline: none;
border: none;
transition: box-shadow 1s;
border-radius: 10px;
}

input[type=text]:focus, input[type=checkbox]:focus {
outline: none;
border: none;
box-shadow: 0px 0px 10px #ccc;
transition: box-shadow 1s;
}

input#adatkezelesi, input#hirlevel {
display: block;
float: left;
width: 30px;
height: 30px;
margin-left: 0;
margin-top: 0;
}

#adatk_label, #hirlevel_label {
display: block;
float: right;
text-align: left;
width: 85%;
}

.clearer {
clear: both;
}
 
form .clearer {
border-bottom: 1px dotted #ACAB60;
padding-top: 1vw;
margin-bottom: 1vw;
} 

footer {
background: #334622;
width: 100%;
text-align: center;
padding: 2vw;
}

footer a:link, footer a:visited {
color: #fff;
}

footer #lablec_belso p {
text-align: right;
}

.ceges_szamla_adat {
display: none;
}

.field_error label, .field_error input, #subscribe .field_error a:link, #subscribe .field_error a:visited {
color: #FF4D00;
}

.error_message {
color: #FF4D00;
font-weight: bold;
}

#newsletter_registration_reminder {
font-style: italic;
}

#recaptcha_informations {
font-size: 9px;
}

#recaptcha_informations a:link, #recaptcha_informations a:visited {
color: #fff;
}

.grecaptcha-badge {
display: none;
}


/*small devices*/
@media only screen and (max-width: 900px) {
	#product_data {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10vw;
	}
	
	#product_data h1 {
	margin-top: 10vw;
	margin-bottom: 2vw;
	font-size: 24px;
	}

	#product_info {
	font-size: 16px;
	}

	#product_info_2 {
	font-size: 16px;
	}
	
	header .to_subscribe {
	bottom: 2vw;
	font-size: 24px;
	padding: 2vw;
	width: 60vw;
	}
	
	header img {
	margin-bottom: 5vw;
	}
	
	.blocks:nth-of-type(even), .blocks:nth-of-type(odd) {
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	background-size: cover;
	}
	
	.blocks {
	width: 100%;
	padding: 10vw 5vw 10vw 5vw;
	text-align: center;
	font-size: 18px;
	}
	
	.blocks li {
	text-align: left;
	}
	
	.to_subscribe {
	font-size: 20px;
	padding: 2vw;
	width: 60vw;
	margin-top: 20vw;
	margin-bottom: 10vw;
	}
	
	h2 {
	margin-top: 4vw;
	margin-bottom: 2vw;
	font-size: 22px;
	}

	h3 {
	margin-top: 12vw;
	margin-bottom: 2vw;
	font-size: 20px;
	}
	
	#subscribe, #after_conversion {
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	background-size: cover;
	padding: 8vw 5vw 5vw 5vw;
	font-size: 18px;
	}
	
	#after_conversion {
	padding: 12vw 5vw 5vw 5vw;
	}
	
	form {
	width: 100%;
	}
	
	label {
	display: block;
	float: none;
	}

	input[type=text] {
	display: block;
	float: none;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 2vw;
	border-radius: 5px;
	}
	
	input[type=checkbox], input#adatkezelesi, input#hirlevel {
	display: block;
	float: none;
	width: 44px;
	height: 44px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	}
	
	#submit_order {
	font-size: 20px;
	padding: 4vw;
	width: 100%;
	margin-top: 20vw;
	margin-bottom: 10vw;
	}
	
	footer #lablec_belso p {
	text-align: center;
	font-size: 14px;
	}
	
	footer .footer_contact {
	font-size: 14px;
	}
	
	footer .footer_contact .contact_icon {
	height: 25px;
	margin-top: -5px;
	margin-right: 5px;
	}

	#adatk_label, #hirlevel_label {
	display: block;
	float: none;
	text-align: center;
	width: 100%;
	}
	
    h1 img {
	height: 10vw;
	width: auto !important;
	vertical-align: middle;
	}
	
	.termekkep {
	width: 60%;
	margin-left: 20%;
	}
}


/*bigger devices*/
@media only screen and (min-width: 800px) {
	footer #lablec_belso p {
	text-align: right;
	}
	
	.termekkep {
	width: 20%;
	margin-left: 40%;
	}
}


/*bigger devices*/
@media only screen and (min-width: 901px) {
	#product_data {
	width: 60%;
	margin-left: 20vw;
	margin-top: 6vw;
	}
	
	#product_data h1 {
	font-size: 24px;
	font-size: 2.4vw;
	}

	#product_info {
	font-size: 16px;
	font-size: 1.8vw;
	}

	#product_info_2 {
	font-size: 16px;
	font-size: 1.8vw;
	}
	
	footer #lablec_belso p {
	font-size: 14px;
	}
	
	footer .footer_contact {
	font-size: 14px;
	}
	
	footer .footer_contact .contact_icon {
	height: 20px;
	margin-bottom: -5px;
	margin-right: 5px;
	}
}

/*medium devices*/
@media only screen and (min-width: 1100px) {
	#product_data {
	width: 50%;
	margin-left: 25vw;
	margin-top: 6vw;
	}
	
	#product_data h1 {
	font-size: 24px;
	font-size: 1.8vw;
	}

	#product_info {
	font-size: 16px;
	font-size: 1.2vw;
	}

	#product_info_2 {
	font-size: 16px;
	font-size: 1.2vw;
	}
	
	footer .footer_contact {
	font-size: 16px;
	}
	
	footer .footer_contact .contact_icon {
	height: 30px;
	margin-bottom: -5px;
	margin-right: 5px;
	}
}



/*large devices*/
@media only screen and (min-width: 1300px) {
	#product_data {
	width: 50%;
	margin-left: 25vw;
	}
}