/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

a{text-decoration: none;}

img{
max-width:100%;
}

body{
    line-height: 1; 
	font-family: Arial, Helvetica, sans-serif;
position:relative;
background-color:#fff;
left:0;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;  
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

body.mobile-menu{
left:150px;
overflow-x:hidden;
}

@media all and (min-width: 1260px){
body {
	min-width:1240px;
}
}
@media all and (max-width: 1239px){
body {
	min-width:100%;
}
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}


blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.6.1');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') 
  format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.1') 
  format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), 
  url('fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), 
  url('fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'xirodregular';
    src: url('fonts/xirod-webfont.eot');
    src: url('fonts/xirod-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/xirod-webfont.woff2') format('woff2'),
         url('fonts/xirod-webfont.woff') format('woff'),
         url('fonts/xirod-webfont.ttf') format('truetype'),
         url('fonts/xirod-webfont.svg#xirodregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clear{
clear:both;
}

img.left{
float:left;
margin:0 20px 10px 0;
}

img.right{
float:right;
margin:0 0 10px 20px;
}

section.page div.container img{
max-width:100%;
}

div.container{
position:relative;
}

div.container:after{
	display:block;
	content:'';
	clear:both;
}

@media all and (min-width: 1255px){
div.container{
width:1240px;
margin:0 auto;
}
}

@media all and (max-width: 1254px){
div.container{
width:100%;
}
}

#page-banner{
position:relative;
background:#000 url('../images/top-banner-bg.jpg') no-repeat 50% 100%;
overflow:hidden;
}

img.lens{
position:absolute;
top:-397px;
right:-350px;
z-index:1;
  behavior:url(-ms-transform.htc);  
  -moz-transform:scale(0.8);  
  -webkit-transform:scale(0.8);  
  -o-transform:scale(0.8);  
  -ms-transform:scale(0.8);
  transform:scale(0.8);
  -webkit-transition: all 4.8s linear;
  -ms-transition: all 4.8s linear;  
  -moz-transition: all 4.8s linear;
  -o-transition: all 4.8s linear;
  transition: all 4.8s linear;
}

img.lens.rotate{
top:-396px;
right:-340px;
  behavior:url(-ms-transform.htc);  
  -moz-transform:rotate(-30deg) scale(1.0);  
  -webkit-transform:rotate(-30deg) scale(1.0);  
  -o-transform:rotate(-30deg) scale(1.0);  
  -ms-transform:rotate(-30deg) scale(1.0);
  transform:rotate(-30deg) scale(1.0);
  }
  
  img.lens.hide{
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
   behavior:rotate(7deg);  
  -moz-transform:rotate(9deg) scale(0.8);  
  -webkit-transform:rotate(9deg) scale(0.8);  
  -o-transform:rotate(9deg) scale(0.8);  
  -ms-transform:rotate(9deg) scale(0.8);
  transform:rotate(9deg) scale(0.8); 
   -webkit-transition: all 1.5s linear;
  -ms-transition: all 1.5s linear;  
  -moz-transition: all 1.5s linear;
  -o-transition: all 1.5s linear;
  transition: all 1.5s linear;
  }

#page-header{
position:absolute;
top:0;
left:0;
width:100%;
height:80px;
background:rgba(0,0,0,0.7);
z-index:3;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
}

section#page-banner div.container{
position:relative;
height:440px;
}

section#page-banner div.container div.text{
padding:50px 0 0;
width:600px;
}

section#page-banner div.container h3{
background-color:rgba(0,0,0,0.4);
margin-bottom:15px;
}

section#page-banner div.container h3 > *{
display:block;
font-size:30px;
line-height:1.3;
color:#ffb71c;
padding:15px 20px;
}

section#page-banner div.container div.lead{
background-color:rgba(0,0,0,0.4);
font-size:16px;
line-height:1.3;
color:#fff;
padding:20px;
}

#banner-slider{
position:relative;
height:440px;
padding-top:80px;
z-index:2;
overflow:hidden;
}

@media all and (min-width: 1240px){
#banner-slider{
width:1080px;
margin:0 auto;
}
}

@media all and (max-width: 1239px){
#banner-slider{
width:100%;
}
section#page-banner div.container div.text{
margin:0 30px;
}
}

@media all and (max-width: 550px){
section#page-banner div.container div.text{
width:auto;
}
#banner-slider div.slide{
padding-bottom:20px;
}
}

#banner-slider div.slide{
height:360px;
width:100%;
}

#banner-slider ul.slick-dots{
position:absolute;
left:20px;
bottom:20px;
z-index:1000;
}

@media all and (max-width: 1239px){
#banner-slider ul.slick-dots{
left:50px;
}
}

#banner-slider ul.slick-dots li{
float:left;
margin:0 8px 0 0;
}

@media all and (max-width: 500px){
body{
overflow-x:hidden;
}
#banner-slider ul.slick-dots li{
margin:0 12px 0 0;
}
}

#banner-slider ul.slick-dots li button{
position:relative;
font-size:1px;
line-height:1px;
color:transparent;
text-indent:-30px;
width:12px;
height:12px;
padding:0;
border:2px solid #fff;
-moz-border-radius:100%;
-webkit-border-radius:100%;
border-radius:100%;
outline:0;
background-color:transparent;
cursor:pointer;
z-index:2;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#banner-slider ul.slick-dots li.slick-active button{
cursor:default;
background-color:#fff;
}

#page-header ul.lang-list{
position:absolute;
right:70px;
top:10px;
}

#page-header ul.lang-list li{
float:left;
margin:0 10px 0 0;
}

#page-header ul.lang-list li:last-child{
margin-right:0;
}

#page-header ul.lang-list li.hu a{
background:url('../admin/siteimg/flag-hun.png') no-repeat 50% 50%;
background-size:25px;
}

#page-header ul.lang-list li.en a{
background:url('../admin/siteimg/flag-eng.png') no-repeat 50% 50%;
background-size:25px;
}

#page-header ul.lang-list li.de a{
background:url('../admin/siteimg/flag-ger.png') no-repeat 50% 50%;
background-size:25px;
}

#page-header ul.lang-list li a{
display:inline-block;
width:25px;
height:20px;
}

nav#main-menu{
position:relative;
float:right;
top:30px;
margin-right:50px;
}

@media all and (max-width: 1199px){
nav#main-menu{
margin-right:20px;
}
#page-header ul.lang-list{
right:40px;
}
}

nav#main-menu > ul > li{
position:relative;
display:inline-block;
margin:0 5px;
}

nav#main-menu > ul > li > a,
nav#main-menu > ul > li > span{
font-family:'Raleway';
display:block;
color:#fff;
font-size:16px;
font-weight:500;
padding:14px 10px;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;  
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

nav#main-menu > ul > li  span{
cursor:default;
}

nav#main-menu li:hover > a,
nav#main-menu li:hover > span,
nav#main-menu li.current > span{
color:#ffb71c;
}

header#page-header nav li div.submenu{
display: none;
position: absolute;
top: 30px;
left: 0;
z-index: 99;
}

header#page-header nav li div.submenu ul{
margin: 20px 0 0 40px;
width: 160px;
padding: 5px 0;
background-color:rgba(0,0,0,0.6);
-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.4);
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.4);
}

header#page-header nav li div.submenu ul li{
position: relative;
display:block;
margin-bottom: 1px;
-webkit-transition: background-color 0.3s linear;
-moz-transition: background-color 0.3s linear;
-ms-transition: background-color 0.3s linear;
-o-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
}

header#page-header nav li div.submenu ul li > *{
display: block;
font-size: 14px;
line-height: 19px;
padding: 7px 12px;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;  
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

header#page-header nav li div.submenu ul li:not(.current) > *{
color:#fff;
}

header#page-header nav li div.submenu ul li:hover > *{
color:#ffb71c;
}

#page-header #site-title{
float:left;
margin:15px 0px 0 60px;
}

#page-header h1{
font-family:'xirodregular';
font-weight:bold;
font-size:25px;
letter-spacing:1px;
margin-bottom:8px;
}

#page-header h2{
font-family:'Raleway';
font-weight:500;
color:#42c0db;
font-size:18px;
text-align:center;
}

@media all and (max-width: 1240px){
#page-header #site-title{
margin-left:30px;
}
}

@media all and (max-width: 1150px){
#page-header h1{
font-size:20px;
}
#page-header h2{
font-size:16px;
}
}

@media all and (max-width: 1100px){
#page-header #site-title{
float:none;
margin-top:13px;
}
#page-header #site-title > *{
float:left;
margin-bottom:0;
}
#page-header #site-title h1{
margin-right:20px;
}
#page-header #site-title h2{
margin:5px 0 0 20px;
}
nav#main-menu{
float:none;
clear:both;
top:0;
margin-left:15px;
}
#page-header ul.lang-list{
top:0;
}
}

#mobile-menu{
display:none;
}

#mobile-menu-btn{
display:none;
width:40px;
height:30px;
float:right;
margin:30px 20px 0;
background:url('../images/mobile-menu-icon.png') no-repeat 0 0;
cursor:pointer;
}

@media all and (max-width: 800px){
#page-header{
height:auto;
}
#page-header #site-title {
float:left;
margin-left:15px;
padding-bottom: 10px;
}
header#page-header #site-title > *{
float:none;
margin:0;
}
header#page-header #site-title h2{
margin:10px 0 0;
}
#mobile-menu-btn{
display:inline-block;
margin-left:0;
}
nav#main-menu{
display:none;
}
#mobile-menu{
position:absolute;
left:-210px;
top:0;
width:200px;
display:block;
z-index:999999;
background-color:#47a3da;
min-height:100%;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;  
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
body.mobile-menu #mobile-menu{
left:-150px;
}

#mobile-menu span.label{
font-family:Raleway;
color: #afdefa;
font-size: 25px;
font-weight: 300;
text-align:center;
line-height:50px;
background: #0d77b6;
display:block;
}

#mobile-menu ul li{
border-bottom:1px solid #258ecd;
}

#mobile-menu ul li a,
#mobile-menu ul li span{
font-family:Raleway;
display: block;
color: #fff;
font-size: 16px;
font-weight: 300;
padding:15px;
cursor:pointer;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;  
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#mobile-menu ul li a:hover,
#mobile-menu ul li span:hover,
#mobile-menu ul li.current span{
background-color:#258ecd;
}

#mobile-menu ul li.current span{
cursor:default;
}

#mobile-menu ul ul{
display:none;
border-top:1px solid #258ecd;
background-color:#2e8bc2;
}

#mobile-menu ul ul li{
border-bottom:1px solid #207eb7;
}

#mobile-menu ul ul li:last-child{
border:0;
}
#page-header ul.lang-list{
top:5px;
right:15px;
}
}

body div.menu-hide-layer{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(16,137,210,0.5);
z-index:-9;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;  
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

body.mobile-menu  > div.menu-hide-layer{
z-index:999998;
}

@media all and (max-width: 520px){

}

@media all and (max-width: 480px){
section#page-banner div.container div.text{
padding-top:20px;
margin:0 15px;
}
section#page-banner div.container h3 > *{
font-size:20px;
}
}

@media all and (max-width: 460px){
#mobile-menu-btn{
margin-right:10px;
}
}

@media all and (max-width: 400px){
header#page-header #site-title h1{
font-size:17px;
}
header#page-header #site-title h2{
font-size:14px;
}
body.hu header#page-header #site-title h2{
font-size:13px;
}
}

#page-header h1 span{
color:#a1cef0;
}

#page-header h1 a{
color:#fff;
}

#page-header img.logo{
display:block;
float:left;
width:110px;
margin:10px 0 0 5%;
}

#aboutus{
position:relative;
background-color:#fff;
z-index:9;
}

#aboutus .container,
#design .container{
padding:50px 80px;
}

#aboutus img.left{
width:435px;
margin:0px 0 10px;
}

#aboutus div.text{
margin-left:475px;
}

@media all and (max-width: 1080px){
#aboutus .container{
padding:50px 30px;
}
}

@media all and (max-width: 970px){
#aboutus img.left{
width:45%;
}
#aboutus div.text{
margin-left:50%;
}
}

@media all and (max-width: 740px){
#aboutus img.left{
margin:0 15px 15px 0;
}
#aboutus div.text{
margin-left:0;
}
}

@media all and (max-width: 610px){
#aboutus img.left{
margin:0 auto 15px;
float:none;
display:block;
width:80%;
}

#aboutus div.container{
padding:20px;
}
}

#aboutus h3,
#design h3{
font-size:20px;
color:#4c6879;
margin-bottom:20px;
line-height:1.2;
}

#design h3{
font-family: 'Raleway';
font-weight:400;
font-size:35px;
color:#ffb71c;
}

#aboutus h3 span{
display:inline-block;
vertical-align:top;
margin-top:-2px;
font-size:21px;
font-family:'xirodregular';
}

#aboutus p,
#design p,
#machines p{
font-size:16px;
color:#4c6879;
line-height:1.4;
margin-bottom:20px;
text-align:justify;
}

#design p{
margin-right:50%;
}

a.more-btn{
display:inline-block;
line-height:40px;
color:#fff;
font-size:16px;
padding:0 30px 0 14px;
background:#146ef5 url('../images/more-icon.png') no-repeat right 14px top 50%;
  -webkit-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;  
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a.more-btn:hover{
background-color:#145bc7;
background-position:right 10px top 50%;
}

#technologies{
position:relative;
background:#fcefe6 url('../images/tech-bg-1920.jpg') no-repeat 50% -60px;
padding:30px;
z-index:2;
}

#technologies:before,
#technologies:after{
position:absolute;
content:'';
left:0;
width:100%;
height:30px;
z-index:1;
}

#technologies:before{
top:0;
background: -moz-linear-gradient(top, rgba(10,106,173,0.8) 0%, rgba(10,106,173,0) 100%);
background: -webkit-linear-gradient(top, rgba(10,106,173,0.8) 0%,rgba(10,106,173,0) 100%);
background: linear-gradient(to bottom, rgba(10,106,173,0.8) 0%,rgba(10,106,173,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc117ac3', endColorstr='#00117ac3',GradientType=0 );
}

#technologies:after{
bottom:0;
background: -moz-linear-gradient(top, rgba(10,106,173,0) 0%, rgba(10,106,173,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(10,106,173,0) 0%,rgba(10,106,173,0.8) 100%);
background: linear-gradient(to bottom, rgba(10,106,173,0) 0%,rgba(10,106,173,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00117ac3', endColorstr='#00117ac3',GradientType=0 );
}

#technologies h3{
font-family:'Raleway';
font-weight:400;
position:relative;
font-size:30px;
color:#fff;
margin-bottom:20px;
text-align:center;
z-index:2;
}

#technologies ul{
text-align:center;
padding:20px 0;
}

#technologies ul li{
position:relative;
display:inline-block;
width:300px;
height:300px;
margin:0 20px;
background:#666;
-webkit-box-shadow: 0px 0px 15px 2px rgba(11,93,151,1);
-moz-box-shadow: 0px 0px 15px 2px rgba(11,93,151,1);
box-shadow: 0px 0px 15px 2px rgba(11,93,151,1);
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;  
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#technologies ul li.maras{
background:url('../images/maras.jpg') no-repeat 50% 50%;
background-size:100%;
}

#technologies ul li.esztergalas{
background:url('../images/eszterga.jpg') no-repeat 50% 50%;
background-size:100%;
}

#technologies ul li.egyeb{
background:url('../images/egyeb.jpg') no-repeat 50% 50%;
background-size:100%;
}

#technologies ul li:hover{
background-size:350px;
}

#technologies ul li a{
font-family:'Raleway';
display:block;
line-height:300px;
text-align:center;
color:#fff;
font-size:40px;
background:rgba(0,0,0,0.2);
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;  
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#technologies ul li.egyeb a{
font-size:30px;
}

#technologies ul li:hover a{
background:rgba(0,0,0,0.6);
}

@media all and (max-width: 1140px){
#technologies{
padding:30px 0;
}
}

@media all and (max-width: 1060px){
#technologies ul li{
width:28%;
height:auto;
}
#technologies ul li:after{
display:block;
padding-top:100%;
content: '';
}
#technologies ul li a{
position:absolute;
line-height:1.2;
width:100%;
height:100%;
padding-top:40%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#technologies ul li.egyeb a{
padding-top:38%;
}
}

@media all and (max-width: 840px){
#technologies ul li{
width:25%;
}
#technologies ul li a{
font-size:30px;
}
#technologies ul li.egyeb a{
font-size:25px;
}
}

@media all and (max-width: 660px){
#technologies ul li.esztergalas a,
#technologies ul li.egyeb a{
font-size:20px;
}
#technologies ul li a{
background:rgba(0,0,0,0.4);
}
}

@media all and (max-width: 530px){
#technologies ul li{
width:35%;
margin-bottom:30px;
}
#technologies ul li:last-child{
margin-bottom:0;
}
}

@media all and (max-width: 360px){
#technologies ul li.esztergalas a,
#technologies ul li.egyeb a{
font-size:16px;
}
#technologies ul li.maras a{
font-size:24px;
}
}

#design{
position:relative;
min-height:440px;
background-color:#fff;
z-index:1;
}

#design div.plan-layers{
position:relative;
float:right;
width:500px;
height:400px;
margin-left:40px;
}

#design div.plan-layers img{
position:absolute;
left:0;
  -webkit-transition: all 0.6s linear;
  -ms-transition: all 0.6s inear;  
  -moz-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
}

@media all and (max-width: 1199px){
#design div.plan-layers img{
width:100%;
}
#design div.plan-layers{
width:45%;
}
}
@media all and (max-width: 1120px){
#design div.container{
padding:20px;
}
}

@media all and (max-width: 640px){
#design div.plan-layers{
width:100%;
float:none;
margin:0 0 60px;
}
#design p{
margin-right:0;
}
}

@media all and (max-width: 490px){
#design div.plan-layers{
margin-bottom:20px;
}
}

@media all and (max-width: 380px){
#design div.plan-layers{
margin-bottom:0;
height:350px;
}
}

#design div.plan-layers img.layer-1{
top:0;
z-index:3;
}

#design div.plan-layers img.layer-1.start{
top:-460px;
}

#design div.plan-layers img.layer-2{
top:80px;
z-index:2;
}

#design div.plan-layers img.layer-2.start{
top:-380px;
}

#design div.plan-layers img.layer-3{
top:160px;
z-index:1;
}

#design div.plan-layers img.layer-3.start{
top:-300px;
}

#references{
position:relative;
background:url('../images/product-bg-1920.jpg') no-repeat 50% 50px;
}

#references:before,
#references:after{
position:absolute;
content:'';
left:0;
width:100%;
height:30px;
z-index:1;
}

#references:before{
top:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );
}

#references:after{
bottom:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
}

#references div.text{
width:auto;
float:left;
width:550px;
padding:30px;
margin:40px 0 40px 80px;
background:rgba(0,0,0,0.4);
}

@media all and (max-width: 700px){
#references div.text{
margin:40px 30px 20px;
}
}

@media all and (max-width: 640px){
#references div.text{
margin:20px 10px 20px;
width:auto;
}
}

#references h3,
#machines h3{
position:relative;
font-family: 'Raleway';
font-weight:400;
font-size:35px;
color:#ffb71c;
text-align:left;
margin-bottom:20px;
z-index:2;
}

@media all and (max-width: 990px){
#references h3,
#design h3,
#machines h3{
font-size:30px;
}
}

@media all and (max-width: 480px){
#references h3{
font-size:25px;
}
#references div.text{
margin:0;
}
}

#references p{
font-size:16px;
line-height:1.4;
color:#fff;
margin-bottom:20px;
text-align:justify;
}

#machines{
position:relative;
background-color:#fff;
}

#machines div.container{
min-height:350px;
padding-top:1px;
}

#machines div.container img.right{
margin:20px;
}

#machines div.container div.text{
width:50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

@media all and (min-width: 1200px){
#machines div.container div.text{
padding:40px 0 40px 80px;
}
}

@media all and (max-width: 1199px){
#machines div.container div.text{
padding:40px 0 40px 40px;
}
#machines div.container img.right{
width:45%;
}
}

@media all and (max-width: 990px){
#machines div.container div.text{
padding:40px 0 40px 20px;
}
#machines div.container img.right{
margin-top:40px;
}
}

@media all and (max-width: 690px){
#machines div.container div.text{
padding:0 20px 20px;
width:auto;
}
#machines div.container img.right{
width:80%;
float:none;
display:block;
margin:20px auto;
}
}

@media all and (max-width: 500px){
#machines div.container img.right{
width:90%;
}
}

footer#footer{
position:relative;
background: #15588c;
min-height:250px;
}

footer#footer:before,
footer#footer:after{
position:absolute;
content:'';
left:0;
width:100%;
height:30px;
z-index:1;
}

footer#footer:before{
top:0;
background: -moz-linear-gradient(top, rgba(17,77,124,1) 0%, rgba(17,77,124,0) 100%);
background: -webkit-linear-gradient(top, rgba(17,77,124,1) 0%,rgba(17,77,124,0) 100%);
background: linear-gradient(to bottom, rgba(17,77,124,1) 0%,rgba(17,77,124,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114d7c', endColorstr='#00114d7c',GradientType=0 );
}

footer#footer:after{
bottom:0;
background: -moz-linear-gradient(top, rgba(17,77,124,0) 0%, rgba(17,77,124,1) 100%);
background: -webkit-linear-gradient(top, rgba(17,77,124,0) 0%,rgba(17,77,124,1) 100%);
background: linear-gradient(to bottom, rgba(17,77,124,0) 0%,rgba(17,77,124,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00114d7c', endColorstr='#114d7c',GradientType=0 );
}

footer#footer div.container{

}

footer#footer img.logo{
margin:45px 0 0 40px;
width:170px;
float:left;
}

footer#footer div.address-block{
width:345px;
float:left;
padding:45px 10px 10px 30px;
}

footer#footer div.map{
position:relative;
width:360px;
height:230px;
float:right;
background:url('../images/europe-map.png') no-repeat 50% 50%;
background-size:230px;
margin:30px 10px 0;
}

footer#footer div.szechenyi{
float:left;
width:480px;
text-align:center;
margin:75px 0 0;
}

footer#footer div.address-block h2{
font-family:'xirodregular';
color:#fff;
font-size:20px;
font-weight:bold;
margin-bottom:25px;
}

footer#footer div.address-block h2 span{
color:#a1cef0;
}

footer#footer div.address-block li{
position:relative;
margin-bottom:13px;
font-size:16px;
line-height:20px;
color:#eee;
padding-left:40px;
}

footer#footer div.address-block li a{
color:#fff;
  -webkit-transition: color 0.3s linear;
  -ms-transition: color 0.3s linear;  
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  transition: color 0.3s linear;
}

footer#footer div.address-block li a:hover{
color:#a1cef0;
}

footer#footer div.address-block li:after{
position:absolute;
font-family: 'FontAwesome';
font-size:20px;
color:#fff;
left:0;
top:0;
width:20px;
text-align:center;
z-index:1;
}

footer#footer div.address-block li.address:after{
content:"\f041";
}

footer#footer div.address-block li.phone:after{
content:"\f095";
}

footer#footer div.address-block li.email:after{
content:"\f0e0";
}

footer#footer div.address-block li.linkedin:after{
top:-2px;
content:"\f0e1";
}

@media all and (max-width: 1230px){
footer#footer div.szechenyi{
width:357px;
}
}

@media all and (max-width: 1100px){
footer#footer div.map{
clear:both;
float:none;
margin:0 auto;
}
footer#footer div.address-block{
width:50%;
}
footer#footer div.szechenyi{
width:50%;
}
}

@media all and (max-width: 750px){
footer#footer div.address-block,
footer#footer div.szechenyi{
width:100%;
clear:both;
float:none;
margin:0 auto
}
footer#footer div.address-block{
width:345px;
}
}

@media all and (max-width: 380px){
footer#footer div.address-block{
padding:30px 10px 10px 15px;
width:auto;
}
footer#footer div.szechenyi img{
max-width:357px;
width:100%;
}
footer#footer div.address-block h2{
font-size:16px;
}
}

@media all and (max-width: 360px){
footer#footer div.map{
width:100%;
background-size:320px;
}
#footer div.map img.pin{
right:44%;
}
}

#footer p.copyright{
position:relative;
text-align:center;
clear:both;
line-height:30px;
font-size:13px;
color:#fff;
padding-bottom:10px;
z-index:2;
}

#map{
position:relative;
height:400px;
}

#footer #back-top{
	position:fixed;
	bottom:21px;
	left:23px;
	width:63px;
	height:63px;
	background-color:rgba(10,106,173,0.5);
	z-index:9999;
	cursor:pointer;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

@media all and (min-width: 500px){
#footer #back-top:hover{
background-color:rgba(10,106,173,1);
}
}

#footer #back-top.hide{
	z-index:-9;
}

#footer #back-top:after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
background:url('../images/jump-top.png') no-repeat 50% 50%;
z-index:2;
}

@media all and (max-width: 499px){
#footer #back-top{
	width:36px;
	height:36px;
}
#footer #back-top:after{
background-size:20px;
}
}

div.page-head{
position:relative;
height:200px;
}

section.page{
background-color:#0079c2;
}

body.ferrotilt section.page{
background-color:#000;
}

div.page-head:after{
position:absolute;
content:'';
left:0;
bottom:0;
height:20px;
width:100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 );
z-index:1;
}

div.page-head h3{
position:absolute;
left:0;
bottom:20px;
width:100%;
font-family:'Raleway';
text-align:center;
font-size:30px;
}

@media all and (max-width: 640px){
div.page-head h3{
font-size:25px;
}
}

/* Rólunk oldal */

#page-aboutus div.page-head{
background:url('../images/aboutus/head-bg.jpg') no-repeat 50% -60px;
background-size:1920px;
}


@media all and (max-width: 1280px){
#page-aboutus div.page-head{
background:url('../images/aboutus/head-bg-1280.jpg') no-repeat 50% 0;
}
}

@media all and (max-width: 640px){
#page-aboutus div.page-head{
height:163px;
background:url('../images/aboutus/head-bg-640.jpg') no-repeat 50% 0;
}
}

#page-aboutus div.page-head h3{
color:#dfeef8;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

section.page div.container{
padding:40px 20px;
}

section.page div.container img.center{
display:block;
margin:0 auto 20px;
max-width:100%;
}

section.page div.container p{
font-size:15px;
line-height:20px;
color:#fff;
margin-bottom:25px;
text-align:justify;
}

section.page div.container ul.bullet li{
position:relative;
font-size:15px;
line-height:20px;
color:#fff;
margin:0 0 25px 40px;
}

section.page div.container ul.bullet li:after{
position:absolute;
content:'';
left:-20px;
top:6px;
width:8px;
height:8px;
background-color:#64bfff;
z-index:1;
}

section.page div.container ul.bullet li{
margin-bottom:10px;
}

#page-aboutus div.container img.left{
margin:0 30px 10px 0;
}

@media all and (max-width: 500px){
#page-aboutus div.container img.left{
float:none;
margin:0 auto 20px;
display:block;
max-width:100%;
}
}

/* Tervezés */

#page-design div.page-head{
background:url('../images/design/head-bg.jpg') no-repeat 50% 0;
}

@media all and (max-width: 1280px){
#page-design div.page-head{
background:url('../images/design/head-bg-1280.jpg') no-repeat 50% 0;
}
}

@media all and (max-width: 640px){
#page-design div.page-head{
height:153px;
background:url('../images/design/head-bg-640.jpg') no-repeat 50% 0;
}
}

#page-design div.page-head h3{
color:#fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

/* Kapcsolat oldal */

#page-contact div.container{
padding-top:60px;
}

#page-contact div.page-head{
background:url('../images/contact/contactus-banner.jpg') no-repeat 50% -126px;
background-size:1920px;
}

@media all and (max-width: 1280px){
#page-contact div.page-head{
background:url('../images/contact/contactus-banner-1280.jpg') no-repeat 50% -63px;
}
}

@media all and (max-width: 640px){
#page-contact div.page-head{
height:152px;
background:url('../images/contact/contactus-banner-640.jpg') no-repeat 50% 0;
}
}

#page-contact div.page-head h3{
color:#2c556d;
text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
text-transform:uppercase;
}

#page-contact div.left-side,
#page-contact div.right-side{
position:relative;
float:left;
}

#page-contact div.left-side:before{
position:absolute;
content:'';
left:-26px;
top:-70px;
width:185px;
height:185px;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
background-color:#00639e;
z-index:1;
}

#page-contact div.left-side:after{
position:absolute;
content:'';
left:140px;
top:120px;
width:60px;
height:60px;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
background-color:#2c556d;
z-index:1;
}

#page-contact div.right-side{
padding-left:40px;
}

#page-contact div.input{
position:relative;
padding:10px 0;
z-index:3;
}

#page-contact div.input input{
height:36px;
width:300px;
padding-left:50px;
color:#3c617d;
font-size:16px;
border:0;
outline:0;
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.5);
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.5);
box-shadow:inset 0 2px 4px rgba(0,0,0,0.5);
}

#page-contact div.input textarea{
resize:none;
height:191px;
width:300px;
padding:10px 10px 10px 50px;
border:0;
outline:0;
color:#3c617d;
font-size:16px;
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.5);
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.5);
box-shadow:inset 0 2px 4px rgba(0,0,0,0.5);
}

#page-contact div.input.name input{
background:#fff url('../images/contact/name-icon.png') no-repeat 10px 50%;
}

#page-contact div.input.company input{
background:#fff url('../images/contact/company-icon.png') no-repeat 10px 50%;
}

#page-contact div.input.phone input{
background:#fff url('../images/contact/phone-icon.png') no-repeat 10px 50%;
}

#page-contact div.input.email input{
background:#fff url('../images/contact/email-icon.png') no-repeat 8px 50%;
}

#page-contact div.input.message textarea{
background:#fff url('../images/contact/message-icon.png') no-repeat 13px 15px;
}

#page-contact p.title{
position:relative;
font-weight:bold;
font-size:16px;
color:#fff;
clear:both;
margin-bottom:10px;
z-index:3;
}

#page-contact div.btn-box{
padding-top:10px;
text-align:right;
}

#page-contact #send-msg{
display:inline-block;
line-height:36px;
padding:0 40px 0 10px;
color:#fff;
font-size:16px;
cursor:pointer;
background:#2060a1 url('../images/contact/arrow-icon.png') no-repeat right 10px top 50%;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#page-contact #send-msg:hover{
background-color:#2a6bae;
background-position:right 5px top 50%;
}

#page-contact img.contact{
margin:10px 0px 0px 45px;
}

#page-contact div.members{
padding-bottom:20px;
float:left;
width:50%;
}

#page-contact div.our-addr{
width:300px;
float:left;
padding-bottom:20px;
}

@media all and (max-width: 900px){
#page-contact div.members{
width:calc(100% - 350px);
}
}

#page-contact div.our-addr p{
margin-bottom:30px;
}

#page-contact div.our-addr p label{
display:inline-block;
font-weight:bold;
margin-bottom:4px;
}

#page-contact p.title{
position:relative;
font-size:19px;
padding-bottom:5px;
margin-bottom:30px;
width:auto;
}

#page-contact p.title:after{
position:absolute;
content:'';
left:0;
bottom:-5px;
height:2px;
width:40%;
background: #54b0e5;
background: -moz-linear-gradient(left, #54b0e5 0%, #0079c2 100%);
background: -webkit-linear-gradient(left, #54b0e5 0%,#0079c2 100%);
background: linear-gradient(to right, #54b0e5 0%,#0079c2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b0e5', endColorstr='#0079c2',GradientType=1 );
z-index:1;
}

#page-contact div.our-addr p.title:after{
width:80%;
}

#page-contact div.member{
float:left;
width:250px;
margin-bottom:40px;
}

@media all and (max-width: 380px){
#page-contact div.members{
width:320px;
}
}

#page-contact div.member p.name{
color:#e6f6ff;
font-size:17px;
font-weight:bold;
margin-bottom:5px;
}

#page-contact div.member p.position{
color:#e8f6ff;
font-size:15px;
margin-bottom:5px;
}

#page-contact div.member a{
color:#99d0ff;
font-size:15px;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

#page-contact div.member a:hover{
color:#d9edff;
}

@media all and (max-width: 1260px){
#page-contact img.contact{
display:none;
}
#page-contact div.container,
#page-contact div.contact-form{
width:760px;
margin:0 auto;
}
#page-contact div.members{
padding-left:20px;
padding-right:20px;
float:none;
width:100%;
}
#page-contact div.our-addr{
padding-left:20px;
padding-right:20px;
}
#page-contact div.members div.member{
width:50%;
}
}
@media all and (max-width: 810px){
#page-contact div.container,
#page-contact div.contact-form{
width:auto;
}/*
#page-contact div.members{
width:600px;
}*/
#page-contact div.left-side,
#page-contact div.right-side,
#page-contact div.contact-form p.title{
float:none;
padding:0;
width:360px;
margin:0 auto;
}
#page-contact div.contact-form p.title{
margin-bottom:15px;
padding-bottom:10px;
}
#page-contact div.left-side div.input input{
width:310px;
}
#page-contact p.title:after{
width:90%;
}
}

@media all and (max-width: 570px){
#page-contact div.our-addr,
#page-contact div.members{
width:360px;
margin:0 auto;
padding-right:0;
padding-left:0;
float:none;
}
#page-contact div.members div.member{
width:100%;
float:none;
}
}

@media all and (max-width: 410px){
#page-contact div.left-side,
#page-contact div.right-side,
#page-contact p.title{
width:100%;
}
#page-contact div.right-side div.input textarea,
#page-contact div.left-side div.input input{
width:100%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#page-contact div.container{
padding:30px 10px 10px;
}
}

/* Pályázatok */

#page-competition div.page-head{
height:240px;
background:url('../images/competition/head-bg.jpg') no-repeat 50% -85px;
}

@media all and (max-width: 1280px){
#page-competition div.page-head{
background:url('../images/competition/head-bg-1280.jpg') no-repeat 50% 0;
}
}

@media all and (max-width: 640px){
#page-competition div.page-head{
height:153px;
background:url('../images/competition/head-bg-640.jpg') no-repeat 50% 0;
}
}

#page-competition div.page-head h3{
color:#fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

#page-competition ul{
text-align:center;
} 

#page-competition ul li{
display:inline-block;
margin:0 20px 40px;
-webkit-box-shadow: 10px 10px 10px 0px rgba(16,87,174,0.75);
-moz-box-shadow: 10px 10px 10px 0px rgba(16,87,174,0.75);
box-shadow: 10px 10px 10px 0px rgba(16,87,174,0.75);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#page-competition ul li:hover{
-webkit-box-shadow: 15px 15px 10px 0px rgba(16,87,174,1);
-moz-box-shadow: 15px 15px 10px 0px rgba(16,87,174,1);
box-shadow: 15px 15px 10px 0px rgba(16,87,174,1);
}

#page-competition ul li img{
width:300px;
max-width:100%;
}

#page-competition div.container{
padding-bottom:70px;
}

@media all and (max-width: 460px){
#page-competition ul li{
margin:0 0 30px;
}
}

/* Marás */

#page-milling div.page-head{
height:240px;
background:url('../images/milling/head-bg.jpg') no-repeat 50% -90px;
}

@media all and (max-width: 1280px){
#page-milling div.page-head{
background:url('../images/milling/head-bg-1280.jpg') no-repeat 50% 0;
}
}

@media all and (max-width: 640px){
#page-milling div.page-head{
height:153px;
background:url('../images/milling/head-bg-640.jpg') no-repeat 50% 0;
}
}

#page-milling div.page-head h3{
color:#fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

/* Esztergálás */

#page-turning div.page-head{
height:240px;
background:url('../images/turning/head-bg.jpg') no-repeat 50% -90px;
}

@media all and (max-width: 1280px){
#page-turning div.page-head{
background:url('../images/turning/head-bg-1280.jpg') no-repeat 50% 0;
}
}

@media all and (max-width: 640px){
#page-turning div.page-head{
height:153px;
background:url('../images/turning/head-bg-640.jpg') no-repeat 50% 0;
}
}

#page-turning div.page-head h3{
color:#fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

@media all and (max-width: 520px){
#page-more-tech img.left,
#page-millng img.left,
#page-turning img.left{
float:none;
display:block;
margin:0 auto 20px;
}
}

/* Egyéb technológiák */

#page-more-tech div.page-head{
height:240px;
background:url('../images/more-tech/head-bg.jpg') no-repeat 50% -180px;
}

@media all and (max-width: 1280px){
#page-more-tech div.page-head{
background:url('../images/more-tech/head-bg-1280.jpg') no-repeat 50% 0;
}
}

@media all and (max-width: 640px){
#page-more-tech div.page-head{
height:153px;
background:url('../images/more-tech/head-bg-640.jpg') no-repeat 50% 0;
}
}

#page-more-tech div.page-head h3{
color:#fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

/* Referenciák */

#page-references div.page-head{
height:240px;
background:url('../images/references/head-bg.jpg') no-repeat 50% -68px;
}

@media all and (max-width: 1280px){
#page-references div.page-head{
background:url('../images/references/head-bg-1280.jpg') no-repeat 50% 0;
}
}

@media all and (max-width: 640px){
#page-references div.page-head{
height:170px;
background:url('../images/references/head-bg-640.jpg') no-repeat 50% 0;
}
}

#page-references div.page-head h3{
color:#fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

/* Géppark */

#page-machines div.page-head{
height:240px;
background:url('../images/machines/head-bg.jpg') no-repeat 50% -68px;
}

@media all and (max-width: 1280px){
#page-machines div.page-head{
background:url('../images/machines/head-bg-1280.jpg') no-repeat 50% 0;
}
}

@media all and (max-width: 640px){
#page-machines div.page-head{
height:141px;
background:url('../images/machines/head-bg-640.jpg') no-repeat 50% 0;
}
}

#page-machines div.page-head h3{
color:#fff;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

#page-machines div.machine{
position:relative;
margin-bottom:70px;
}

#page-machines div.machine h3{
position:relative;
font-family:'Raleway';
font-size:30px;
line-height:1.2;
font-weight:400;
padding:15px 0;
margin-bottom:30px;
color:#d3e8fe;
}

#page-machines div.machine h3:after{
position:absolute;
content:'';
left:0;
bottom:-5px;
height:4px;
width:80%;
background: #54b0e5;
background: -moz-linear-gradient(left, #54b0e5 0%, #0079c2 100%);
background: -webkit-linear-gradient(left, #54b0e5 0%,#0079c2 100%);
background: linear-gradient(to right, #54b0e5 0%,#0079c2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b0e5', endColorstr='#0079c2',GradientType=1 );
z-index:1;
}

#page-machines div.img-side{
float:left;
width:550px;
}

#page-machines div.img-side img{
max-width:550px;
max-height:320px;
}

#page-machines div.text-side{
float:left;
width:480px;
padding-left:40px;
}

#page-machines div.text-side tr{
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

#page-machines div.text-side tr:hover{
background-color:rgba(255,255,255,0.1);
}

#page-machines div.text-side tr{
border-bottom:1px dashed rgba(255,255,255,0.1);
}

#page-machines div.text-side td{
padding:10px 0;
font-size:16px;
color:#d3e8fe;
}

#page-machines div.text-side td.label{
width:290px;
padding-left:10px;
}

#page-machines div.text-side td.value{
padding-right:10px;
}

@media all and (max-width: 1100px){
#page-machines div.machine{
width:550px;
margin:0 auto 70px;
}
#page-machines div.img-side{
margin-bottom:20px;
}
#page-machines div.machine h3:after{
width:95%;
}
#page-machines div.text-side{
padding-left:20px;
}
}

@media all and (max-width: 620px){

#page-machines div.machine,
#page-machines div.img-side{
width:100%;
max-width:550px;
}

#page-machines div.img-side img{
max-width:100%;
}
}

@media all and (max-width: 420px){
#page-machines div.machine{
margin-bottom:30px;
}
#page-machines div.container{
padding:40px 10px
}
#page-machines div.text-side{
width:100%;
padding-left:0;
}
#page-machines div.machine h3{
font-size:22px;
}
#page-machines div.img-side{
text-align:center;
}
#page-machines div.text-side td{
font-size:15px;
}
#page-machines div.text-side td.label{
padding-left:5px;
width:240px;
}
#page-machines div.text-side td.value{
padding-right:5px;
}
}

/* MESSAGEBOX */

#msg-bg-layer{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(11,124,230,0.6);
z-index: 390;
}

#messagebox{
position:fixed;
z-index: 400;
width: 360px;
min-height: 160px;
background-color: #ffffff;
border: 2px solid #ccc;
box-shadow: 3px 3px 8px #333333;
-webkit-box-shadow: 3px 3px 8px #333333;
left:50%;
margin-left:-180px;
top: 36%;
border-radius: 10px;
-webkit-border-radius: 10px;
padding:10px;
}

#messagebox .message-sign{
width:71px;
height:61px;
float:left;
}

#messagebox.success .message-sign{
background-image: url(../siteimg/contact/success.jpg);
}

#messagebox.wrong .message-sign{
background-image: url(../siteimg/contact/warning.png);
}

#messagebox .message-category{
width:230px;
height:58px;
margin-left:10px;
float:left;
font-size: 20px;
padding-top:20px;
font-weight:bold;
border-bottom:1px solid #bbb;
}

#messagebox.success .message-category{
color:#649B66;
}

#messagebox.wrong .message-category{
color:#444;
}

#messagebox  .clear{
margin-bottom:15px;
}

#messagebox p{
font-size:13px;
font-weight:bold;
line-height:18px;
margin:0 0 6px 10px;
}

#messagebox .close-button{
position:absolute;
width:25px;
height:25px;
right:15px;
top:15px;
color:#333333;
font-weight:600;
font-size:17px;
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, #e2e2e2;
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
border-radius:5px;
-webkit-border-radius:5px;
border: 1px solid #bbbbbb;
cursor:pointer;
}

#messagebox .close-button:hover{
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, #ededed;
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, -moz-linear-gradient(top, #ededed 0%, #e9e9e9 50%, #e3e3e3 51%, #fefefe 100%);
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(50%,#e9e9e9), color-stop(51%,#e3e3e3), color-stop(100%,#fefefe));
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, -webkit-linear-gradient(top, #ededed 0%,#e9e9e9 50%,#e3e3e3 51%,#fefefe 100%);
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, -o-linear-gradient(top, #ededed 0%,#e9e9e9 50%,#e3e3e3 51%,#fefefe 100%);
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, -ms-linear-gradient(top, #ededed 0%,#e9e9e9 50%,#e3e3e3 51%,#fefefe 100%);
background:url('../siteimg/close-icon.png') no-repeat 50% 50%, linear-gradient(to bottom, #ededed 0%,#e9e9e9 50%,#e3e3e3 51%,#fefefe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#fefefe',GradientType=0 );
}

#messagebox div.message-text{
font-size:14px;
line-height:16px;
color: #444;
}


#design div.plan-layers img.start,
#footer #back-top.hide{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#szechenyi-fixed{
	position:fixed;
	right:0;
	bottom:0;
	z-index:9000;
	width:340px;
	max-width: 60%;
}

#szechenyi-fixed img{
	max-width:100%;
}