/*@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext);*/
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,700&subset=latin-ext);
img[src*="icons/"] {opacity:0.7;}

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
img.centered, .aligncenter, div.aligncenter {display: block;margin-left: auto; margin-right: auto;}

 .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.alap { margin: auto; border-left:0px solid #EEE; border-right:0px solid #EEE;}
ul.lista {padding-left: 40px; margin-top:20px;}
ul.lista li {display: list-item;
background: url(/images/check.png) no-repeat left top;
min-height: 30px;
padding-left: 30px;
padding-top: 0px; margin-top:15px;}
ul.lista2 {padding-left: 20px; margin-top:0px;}
ul.lista2 li {display: list-item;
background: url(/images/check.png) no-repeat left top;
min-height: 30px;
padding-left: 30px;
padding-top: 0px; margin-top:0px;}

body { color:#555; font-family: Tahoma;}
h1 { color: #000; font-size:22px;  font-family: 'Alegreya Sans SC'; margin-top:20px; margin-bottom:15px; font-weight: 700;}
h2 { color: #555; font-size:15px;  font-family: Arial; line-height:22px; margin-bottom:15px;}
h3 { color: #555; font-size:22px;  font-family: Arial; margin-bottom:10px;}
img.alignright {margin: 0 0 2px 15px;display: inline}
img.alignleft {margin: 0 15px 2px 0;display: inline}
.alignright {float: right;}.alignleft {float: left;}
a {text-decoration:none; color:#07B0E9;transition:all 0.5s ease;}
a:hover {text-decoration:none; color:#0582AB;}
/*HTML5 block*/
header, section, footer,
aside, nav, article, figure {
 display: block;
}
/*HTML5 clearfix*/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ################# HEADER ######################## */


header {  margin-left: 7%; margin-right: 7%;
 padding:0;
}
header .logo {
 float:left;
 min-width:200px;
 max-width:400px;
 height:80px;
 position: relative;
}
header .logo img {
 height:auto;
 position: relative;
 top: 50%;
 transform: translateY(-50%);
}

header nav {
 float: right;
 margin-right:0px;
 font-family: 'Alegreya Sans SC';
 font-size: 22px;
 color:#535353;
 height:80px;
}

header nav li {
 float:left;
}
header nav li a {
 float:left;
 text-decoration:none;
 display:block;
 color:#535353;
 padding-left:25px;
 padding-right:25px;
 line-height:80px;
 height:80px;
 transition:all 0.5s ease;
}
header nav li.current-menu-item a {
 color:#07B0E9;
}
header nav li a:hover {
 color:#FFF;
 background-color:#07B0E9;
}
header nav li.current-menu-item a:hover {
 color:#07B0E9;
}

header .menu2 a{
 text-decoration:none;
 color:#FFF;
 display:block;
 padding-left:25px;
 padding-right:25px;
 line-height:50px;
 height:50px;
 font-size:20px;
 border-bottom: 1px solid #AAA;
 transition:all 1.5s ease;
}
header .menu2 a:hover {
 color:#FFF;
 background-color:#07B0E9;
}

.footermenu {
 float:right;
 font-size:14px;
 text-decoration:none;
 color:#FFF;
 display:block;
 padding-left:15px;
 padding-right:15px;
 line-height:40px;
 height:40px;
 transition:all 0.5s ease;
}
.footermenu:hover {
 background-color:#07B0E9;
}
.SzurkeCim { color:#AAA; font-family: 'Alegreya Sans SC'; font-weight: 700; font-size: 20px; line-height:20px;}
.ZoldCim { color:#54A007; font-family: 'Alegreya Sans SC'; font-weight: 700; font-size: 20px; line-height:20px;}
.SargaCim { color:#FF9326; font-family: 'Alegreya Sans SC'; font-weight: 700; font-size: 20px; line-height:20px;}
.KekCim { color:#07B0E9; font-family: 'Alegreya Sans SC'; font-weight: 700; font-size: 20px; line-height:20px;}
.SzolgCim { color:#555; font-family: 'Alegreya Sans SC'; font-weight: 700; font-size:20px; padding-left:0px;}
.Szolgaltatas {font-family:Verdana; cursor:pointer; height:30px; transition:all 0.5s ease; border-color:#EEE;}
.Szolgaltatas:hover { background-color: #E8F9FD; }
.SzolgKinyitva{ background-color: #F5FDFE;}
.SzolgaltatasLeiras {display:none; background-color: #FFF; font-family:Verdana; max-height: 170px; overflow-y: auto; font-size: 14px; padding-left:30px; padding-top:10px; color:#888; line-height:20px;}
.SzolgKep {float:left; margin-right:5px; margin-top:2px; opacity:0.5;}
.rotated {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg); /* IE 9 */
  -moz-transform: rotate(90deg); /* Firefox */
  -webkit-transform: rotate(90deg); /* Safari and Chrome */
  -o-transform: rotate(90deg); /* Opera */
}

.mozgo { padding-top:10px; transition:all 0.5s ease;}
.mozgo:hover { padding-top:0px; padding-bottom:10px;}

.dobozok {margin: auto;width: 100%; margin-top:-80px; z-index:10; position: relative;}
.dobozSzurke { border-top: 5px solid #AAA; cursor: pointer; float:left; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3); width:265px; height:170px; margin: 10px; text-align: center; transition:margin 0.5s ease;}
.dobozSzurke:hover { margin-top:5px; margin-bottom:15px;  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.8); box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.8);}
.gombSzurke { background-color: #AAA; width: 170px; font-size: 20px; font-weight: bold; line-height: 38px; height:38px; text-align: center; color: #FFF; cursor:pointer;  font-family: 'Alegreya Sans SC'; margin: 0 auto; position: relative; transition:all 1s ease;}
.gombSzurke:hover { background-color: #888; }


.dobozKek2 { border-top: 5px solid #07B0E9; cursor: pointer; float:left; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3); width:265px; height:170px; margin: 10px; margin-top:-20px; text-align: center; transition:margin 0.5s ease;}
.dobozKek2:hover { margin-top:-25px; margin-bottom:15px;  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.8); box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.8);}

.dobozKek { border-top: 5px solid #07B0E9; cursor: pointer; float:left; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3); width:265px; height:170px; margin: 10px; text-align: center; transition:margin 0.5s ease;}
.dobozKek:hover { margin-top:5px; margin-bottom:15px;  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.8); box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.8);}
.gombKek { background-color: #07B0E9; width: 170px; font-size: 20px; font-weight: bold; line-height: 38px; height:38px; text-align: center; color: #FFF; cursor:pointer;  font-family: 'Alegreya Sans SC'; margin: 0 auto; position: relative; transition:all 1s ease;}
.gombKek:hover { background-color: #0582AB; }

.dobozZold { border-top: 5px solid #54A007; cursor: pointer; float:left; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3); width:265px; height:170px; margin: 10px; text-align: center; transition:margin 0.5s ease; }
.dobozZold:hover { margin-top:5px;  margin-bottom:15px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.8); box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.8);}
.gombZold { background-color: #54A007; width: 170px; font-size: 20px; font-weight: bold; line-height: 38px; height:38px; text-align: center; color: #FFF; cursor:pointer;  font-family: 'Alegreya Sans SC'; margin: 0 auto; position: relative; transition:all 1s ease;}
.gombZold:hover { background-color: #3D7405; }

.dobozSarga { border-top: 5px solid #FF9326; cursor: pointer; float:left; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3); width:265px; height:170px; margin: 10px; text-align: center; transition:all 0.5s ease; }
.dobozSarga:hover { margin-top:5px;  margin-bottom:15px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.8); box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.8);}
.gombSarga { background-color: #FF9326; width: 170px; font-size: 20px; font-weight: bold; line-height: 38px; height:38px; text-align: center; color: #FFF; cursor:pointer;  font-family: 'Alegreya Sans SC'; margin: 0 auto; position: relative; transition:all 1s ease;}
.gombSarga:hover { background-color: #EA7500; }

.dobozZold2 { border-top: 5px solid #00D9A3; cursor: pointer; float:left; background-color: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3); width:265px; height:170px; margin: 10px; text-align: center; transition:all 0.5s ease; }
.dobozZold2:hover { margin-top:5px;  margin-bottom:15px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.8); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.8); box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.8);}
.gombZold2 { background-color: #00D9A3; width: 170px; font-size: 20px; font-weight: bold; line-height: 38px; height:38px; text-align: center; color: #FFF; cursor:pointer;  font-family: 'Alegreya Sans SC'; margin: 0 auto; position: relative; transition:all 1s ease;}
.gombZold2:hover { background-color: #00B2B2; }

#fokep { width:100%; height:400px; background-position: center; background-size: cover;}
.HideOnMobil { display:block;}
.ShowOnMobil { display:none; }

.content { margin-left:7%; margin-right:7%; margin-top:20px;}
.footer { background-color:#EEE; width:100%; height:220px; margin-top:50px;}
.IFfooter { background-color:#333; width:100%; min-height:40px;}
.footerIrodanev { font-size:26px; height:40px; padding-top:20px; }

.rendeldMeg {clear:both; margin: 0 auto; width:750px; position: relative; padding-top:30px; padding-bottom:20px;}
.foszoveg {color:#FFF; font-size:50px; margin-left:7%; padding-top:30px; margin-top: 0px;}

.karika {width:100px; height:100px; margin-right:15px; text-align: center; float:left; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.karika2 {width:100px; height:100px; text-align: center; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.infoDoboz {width:50%; float:left; margin-top: 30px;}
.video {width:80%; border:1px solid #EEE; clear:both; background-color: #FAFAFA; margin: 0 auto; margin-top: 50px; margin-bottom: 50px;  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); }

.kek {color: #07B0E9;}
.zold {color: #54A007;}
.sarga {color: #FF9326;}
.zold2 {color: #00D9A3;}

.kekHatter {background-color: #07B0E9;}
.zoldHatter {background-color: #54A007;}
.sargaHatter {background-color: #FF9326;}
.zold2Hatter {background-color: #00D9A3;}
.szurkeHatter {background-color: #AAA;}

.jobbraszoveg {margin-left: 40%; text-align: justify; height:420px;}
.feher {color:#FFF;}
.nagy {font-size:26px;}
.jobbraszoveg h1 {margin-left: -10px;}
.balraszoveg h1 {margin-left: -10px;}

.balraszoveg {margin-right: 45%; text-align: justify;}
.balBg {position: absolute; z-index: -1; overflow: hidden; width:100%; max-width:1600px;}
.balBg2 {position: absolute; z-index: -1; overflow: hidden; width:100%; max-width:1600px;}
.jobbBg {position: absolute; z-index: -1; overflow: hidden; width:100%; max-width:1600px;}

.gombosdoboz {text-align: center; width:20%; padding:20px; float:left; cursor:pointer;}

.gombKek2 { border: 1px solid #07B0E9; color: #07B0E9; width: 100px; font-size: 16px; font-weight: bold; line-height: 32px; height:30px; text-align: center; cursor:pointer; font-family: 'Alegreya Sans SC'; margin: 0 auto; transition:all 0.5s ease;}
.gombosdoboz:hover .gombKek2 {background-color: #07B0E9; color:#FFF;}

.gombZoldX2 { border: 1px solid #54A007; color: #54A007; width: 100px; font-size: 16px; font-weight: bold; line-height: 32px; height:30px; text-align: center; cursor:pointer; font-family: 'Alegreya Sans SC'; margin: 0 auto; transition:all 0.5s ease;}
.gombosdoboz:hover .gombZoldX2 {background-color: #54A007; color:#FFF;}

.gombSarga2 { border: 1px solid #FF9326; color: #FF9326; width: 100px; font-size: 16px; font-weight: bold; line-height: 32px; height:30px; text-align: center; cursor:pointer; font-family: 'Alegreya Sans SC'; margin: 0 auto; transition:all 0.5s ease;}
.gombosdoboz:hover .gombSarga2 {background-color: #FF9326; color:#FFF;}

.gombZold22 { border: 1px solid #00D9A3; color: #00D9A3; width: 100px; font-size: 16px; font-weight: bold; line-height: 32px; height:30px; text-align: center; cursor:pointer; font-family: 'Alegreya Sans SC'; margin: 0 auto; transition:all 0.5s ease;}
.gombosdoboz:hover .gombZold22 {background-color: #00D9A3; color:#FFF;}

.gombSzurke3 { border: 1px solid #AAA; color: #AAA; width: 100px; font-size: 16px; font-weight: bold; line-height: 32px; height:30px; text-align: center; cursor:pointer; font-family: 'Alegreya Sans SC'; margin: 0 auto; transition:all 0.5s ease;}
.gombSzurke3:hover {background-color: #AAA; color:#FFF;}

.gombKek3 { border: 1px solid #07B0E9; color: #07B0E9; width: 100px; font-size: 16px; font-weight: bold; line-height: 32px; height:30px; text-align: center; cursor:pointer; font-family: 'Alegreya Sans SC'; margin: 0 auto; transition:all 0.5s ease;}
.gombKek3:hover {background-color: #07B0E9; color:#FFF;}

.gombZoldX3 { border: 1px solid #54A007; color: #54A007; width: 100px; font-size: 16px; font-weight: bold; line-height: 32px; height:30px; text-align: center; cursor:pointer; font-family: 'Alegreya Sans SC'; margin: 0 auto; transition:all 0.5s ease;}
.gombZoldX3:hover {background-color: #54A007; color:#FFF;}

.gombSarga3 { border: 1px solid #FF9326; color: #FF9326; width: 100px; font-size: 16px; font-weight: bold; line-height: 32px; height:30px; text-align: center; cursor:pointer; font-family: 'Alegreya Sans SC'; margin: 0 auto; transition:all 0.5s ease;}
.gombSarga3:hover {background-color: #FF9326; color:#FFF;}

.gombZold23 { border: 1px solid #00D9A3; color: #00D9A3; width: 100px; font-size: 16px; font-weight: bold; line-height: 32px; height:30px; text-align: center; cursor:pointer; font-family: 'Alegreya Sans SC'; margin: 0 auto; transition:all 0.5s ease;}
.gombZold23:hover {background-color: #00D9A3; color:#FFF;}

input[type=text],
input[type=email],
select, textarea {
    background:#ffffff;
    border:1px solid #c8bfa8;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:8px 10px;
    margin:5px;
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size:16px;
    transition:all 0.5s ease;
}
input[type=text]:focus,
input[type=email]:focus {
    box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}