/*Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
html,body{	
	font-family: "Titillium Web", sans-serif;
}

}
@font-face{
   font-family: "Titillium Web", sans-serif;
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.spacing{
  height:30px;
  background-color: #f4f4f4;
}
.header {
  margin:0 0 0;
  background-color: #f4f4f4;
}

span.menu  {
  display: none;
}

.containerbg{
    background: url(../images/containerbg.png) no-repeat 0px 0px;
    background-size: 100%;
}

.logo {
  float: left;
  width: 23%;
  margin: 2em 0 0;
}
.ures{
  float: left;
  width: 20%;
}

.zaszlo{
    text-align: right;
}

.zaszlo img{
    max-height: 24px;
    margin:7px 0;
    padding-right: 0.7em;
}

.magyar-zaszlo-sz, .angol-zaszlo-sz, .nemet-zaszlo-sz{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    transition: all 0.5s ease;
}


.magyar-zaszlo-sz:hover, .angol-zaszlo-sz:hover, .nemet-zaszlo-sz:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}



}
.top-nav{
  float: right;
  width: 70%;
}
.top-nav ul{
    float: right;
	padding:0;
	margin:0;
}
.top-nav ul  li{
  display: inline-block;
  padding:0;
  float: right;
font-family: 'Titillium Web', sans-serif;
}
.top-nav ul  li.active{
	background:#3e4cad;
    font-family: 'Titillium Web', sans-serif;
    
}
.top-nav ul li a {
  color: #000;
  font-size: 1.2em;
  margin-right: 0.5em;
  float: left;
  padding: 3em 0em 1.5em 0em;
  text-align: center;
  width: 100%;
  font-family: 'Titillium Web', sans-serif;
}
.top-nav ul li a:hover{
	text-decoration:none;
	color: #fff;
}
.top-nav ul li.active a {
  color: #fff;    
}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;                                           
  vertical-align: middle;
  -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
    -ms-osx-font-smoothing: grayscale;
        -o-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
    -o-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3e4cad; 
  -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
    -o-transition-property: transform;
  -moz-transition-property: transform;
  -ms-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.tartalom{
    background: url(../images/bg.gif) repeat-x 0px 0px;
}
.feature-top h4 {
  font-size: 1.7em;
  font-weight: 600;
  margin:1em 0;
  color:#89BE9D;
  font-family: 'Titillium Web', sans-serif;
}
.feature-top p {
  font-size:0.9em;
  color: #999;
  line-height: 1.9em;
  margin: 1em 0;
}
.feature-top {
  padding: 4em 0;
 
  text-align:center;
}
.service-left img {
  display: inline-block;
}
.ins-righ {
  float: right;
  width: 62%;
}
.ins-lef {
  float: left;
  width: 32%;
}
.instructors h4 {
  color: #3e4cad;
  font-size: 1.2em;
  font-weight: 400;
  margin: 0;
  font-family: 'Titillium Web', sans-serif;
}
.instructors p {
  font-size: 1.2em;
    line-height: 2em;
  color: #45494e;
  margin: 0em 0 0;
}
hr { width:100%; height:1px; background: #3e4cad; padding: 0; margin: 1em 0;
}
.inst-top {
  padding: 6em 0 2em 0;
  margin: 0em 0 0;
  transition: background-color 0.3s ease;
  background: #f4f4f4 url(../images/company_btn.jpg);
  background-size:100% auto;
}
.inst-top1 {
  padding: 6em 0 2em 0;
  margin: 1em 0 0;
  transition: background-color 0.3s ease;
  background: #f4f4f4 url(../images/certif_btn.jpg); 
  background-size:100% auto;
}
.inst-top3 {
  padding: 6em 0 2em 0;
  margin: 1em 0 0;
  transition: background-color 0.3s ease;
  background: #f4f4f4 url(../images/dualis_btn.jpg); 
  background-size:100% auto;
}
.inst-top4 {
  padding: 6em 0 2em 0;
  margin: 1em 0 0;
  transition: background-color 0.3s ease;
  background: #f4f4f4 url(../images/zolend_btn.jpg); 
  background-size:100% auto;
}
.inst-top11 {
  padding: 6em 0 2em 0;
  margin: 1em 0 0;
  transition: background-color 0.3s ease;
  background: #f4f4f4 url(../images/reference_btn.png); 
  background-size:100% auto;
}
.balmenu{
text-align: center;
}
.balmenu h4{
  color: #ffffff;
  font-size: 1.8em;
  padding: 0.2em;
  font-weight: 400;
  background: rgba(62, 76, 173, .7);
  margin: 0;
  font-family: 'Titillium Web', sans-serif;
}
.balmenu img{
    display: block;
    margin-left: auto;
    margin-right: auto;   
}
.inst-top2 {
  padding: 1em 0em 0em 0em;
}
.inst-top2 ul{
    list-style-type: square;
    color: #45494e;
    font-family: 'Titillium Web', sans-serif;
    font-size:1.2em;
    padding-left: 20px;
    margin: 0px;
}

.instru-left {
  padding: 0em 0em;
}
.instructors {
  padding: 3em 0 1em 0;
}
.tra-left {
  float: left;
  width: 40%;
}
.tra-right {
  float: right;
  width: 58%;
}

.udvozoljuk {
  width: 100%;
  padding: 0 1em;
  font-family: 'Titillium Web', sans-serif;
}
.udvozoljuk ul{
    list-style-type: square;
    color: #45494e;
    font-size:1.2em;
    padding: 1em 0 0 4em;
    margin: 0;
}

.kozbeszerzes h3{
    padding-bottom: 1em;    
}

.kozbeszerzes h4{
    text-align: center;
}

.instructors h3 {
  text-align: center;
  color: #3e4cad;
  font-size: 2em;
  font-weight: 600;
  margin: 0;
  font-family: 'Titillium Web', sans-serif;
}
.instructors h5 {
  color: #3e4cad;
  font-size: 1em;
  padding:0;
  margin: 0;
  font-weight: 400;
  font-family: 'Titillium Web', sans-serif;
}
.sructs li {
  display: inline-block;
  float: left;
  width: 31.33%;
  margin: 1%;
}

.training {
  margin: 0 0 1em;
}

.training a:hover{
    color:inherit;
  text-decoration: none;
}

.visszagomb{
    margin:1em 0;    
    display:block;
    text-align: center;
    padding:1em;
    background-color: #3e4cad;
    color:#fff;
     -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.visszagomb:hover{
    background:#293373;
}

/* GALÉRIA */

.negyzet {
    float: left;
    position: relative;
    width: 19.5%;
    padding-bottom: 19.5%;
    margin: 0.2%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.negyzetszoveg {
    position: absolute;
    text-align: center;
    bottom:0;
    left:0;
    color: #fff;
    margin-bottom: 10%;
    padding:5px;
    width:100%;
    background-color:rgba(62, 76, 173, .7);
}

.galeriatartalom{
    padding-left: 0;
}

.galeriatartalom h3{
    padding-bottom:1.5em;
    font-size: 3em;
}

/*KARBANTARTÁS KÉPEK*/

.karbantart-1 {
    background-image: url(../images/termekek/ZsakosSzuro/bagfilterinrefineryoilindustry.JPG);
}
.karbantart-2 {
    background-image: url(../images/termekek/ZsakosSzuro/bagfilterinrefineryoilindustry2.JPG);
}
.karbantart-3 {
    background-image: url(../images/termekek/ZsakosSzuro/bagfilterinrefineryoilindustry3.JPG);
}
.karbantart-4 {
    background-image: url(../images/termekek/ZsakosSzuro/bagfilterinrefineryoilindustry4.JPG);
}
.karbantart-5 {
    background-image: url(../images/termekek/AcelszerkezetPodium/IMG_5635.JPG);
}
.karbantart-6 {
    background-image: url(../images/termekek/AcelTaroloTartalyok/tartly_1_20111027_1935636642.jpg);
}
.karbantart-7 {
    background-image: url(../images/termekek/NagynyomasuEllatoEsVisszanyomoPumpaAllomas/IMG_0624.JPG);
}

/* PÁLYÁZAT */
.latogatottsag{
    margin-top:0.5em;
}

.latogatottsag p{
    line-height: 1.5em;
}

.infoblokk-img{
    height: 99px;
}

.img-logo{
    display: block;
} 

.img-ERFA{
    display: none;
}

.nyertes-palyazat{
    text-align: center;
    margin-bottom: 2em;
}

.nyertes-palyazat h4{
    padding: 1em 0;
    border-top: 1px solid #3e4cad;
    border-bottom: 1px solid #3e4cad;
    margin-top: 2em;
    font-weight: 700;
}

.nyertes-palyazat .palyazat-cim{
    text-align: center;
    margin: 1em 0;
}

.nyertes-palyazat .megnyitas-gomb{
    padding: 5px 0;
    background: #3e4cad;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.nyertes-palyazat a{
    text-decoration: none;
}

.nyertes-palyazat .megnyitas-gomb:hover{
    background: #293373;
}



.palyazat-kep{
  padding: 0 5% 5%;
}

.palyazat-adatok{
    margin-bottom: 3em;
}

.palyazat-adatok h3{
  color: #3e4cad;
  font-size: 1.2em;
  font-weight: 400;
  margin: 0.5em 0 0;
  font-family: 'Titillium Web', sans-serif; 
}

.palyazat-adatok h4{
  color: #333333;
  font-size: 1.2em;
  font-weight: 400;
  text-align: center;
  margin: 0;
  font-family: 'Titillium Web', sans-serif; 
}

/*-- footer --*/
.footer h3 {
  color:#3e4cad;
  font-size: 1.4em;
  margin: 0 0 0;
  font-weight:400;
  font-family: 'Titillium Web', sans-serif;
}
.footer {
  padding: 1em 0;
  background-color:#f4f4f4;
}

.soci{
  width:64.66%;
  float: left;
  padding:0 5px;
  margin:0;   
}
.soci img {
  margin: 0 1.5em 2em 0;
  padding: 0;
  float:left;
}
.soci li {
  display: inline-block;
  margin: 0 0.5em;
}

.soci hr{ width:100%; height:1px; background: #3e4cad; padding: 0; margin: 0.3em 0 1.4em 0;
}

.footer-left { 
    font-family: "Titillium Web", sans-serif;
    float: right;
    width:33.33%;
}

.footer-left hr{ width:100%; height:1px; background: #3e4cad; padding: 0; margin: 0.3em 0 0.7em 0;
}

.footer-left td{
    padding: 0 1em 1em 0;
}

.footer p {
  font-size: 0.9em;
  color: #45494e;
  line-height: 1.9em;
  margin: 0em 0;
}
.foot-bottom {
  text-align: center;
    font-family: "Titillium Web", sans-serif;
  color:#fff;
  padding: 0.5em 0;
  background-color:#45494e;
}
.footer p a {
  color: #eee;
  text-decoration:none;
}
.footer p a:hover{
  color: #2c2f32;
}
.view {
  width: 285px;
  height: 300px;
  margin: 0px;
  float: left;
  border: 0px solid #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 1px 1px 2px #e6e6e6;
  -moz-box-shadow: 1px 1px 2px #e6e6e6;
  box-shadow: 1px 1px 2px #e6e6e6;
  cursor: default;
}
.view .mask,.view .content {
   width: 285px;
   height: 300px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   padding:6em 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px 0;
   margin: 0 0 0 0;
}
.view p {
   font-family: "Titillium Web", sans-serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-eighth .mask {
   background-color: rgba(167, 203, 180, 0.76);
   top: -200px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   -o-transition: all 0.3s ease-out 0.5s;
   -ms-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;
}
.view-eighth h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.view-eighth p {
   color: #333;
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}
.view-eighth a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s;
}
.view-eighth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear;
}
.view-eighth:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-eighth:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-eighth:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}
.view1 {
  width: 570px;
  height: 300px;
  margin: 0px;
  float: left;
  border: 0px solid #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 1px 1px 2px #e6e6e6;
  -moz-box-shadow: 1px 1px 2px #e6e6e6;
  box-shadow: 1px 1px 2px #e6e6e6;
  cursor: default;
}
.view1 .mask,.view1 .content {
   width: 570px;
   height: 300px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   padding:6em 0;
}
.view1 img {
   display: block;
   position: relative;
}
.view1 h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   margin: 20px 0 0 0;
}
.view1 p {
   font-family: "Titillium Web", sans-serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #000;
   padding: 10px 20px 20px;
   text-align: center;
}
.view1 a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view1 a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view1-eighth .mask {
   background-color:rgba(167, 203, 180, 0.76);
   top: -200px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   -o-transition: all 0.3s ease-out 0.5s;
   -ms-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;
}
.view1-eighth h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.view1-eighth p {
   color: #333;
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}
.view1-eighth a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s;
}
.view1-eighth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear;
}
.view1-eighth:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view1-eighth:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view1-eighth:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}

.bann-left {
  padding: 0;
   border: 1px solid #fff;
}
.bann-right {
  padding: 0;
   border: 1px solid #fff;
}
/*-- contact --*/


#map{
    width: 100%;
    height:280px;
    border:0;
}

/*-- Képek formázás --*/

.kepekcontainer { 
    background-color:#f4f4f4;
    margin-top: 1em;
    padding:  1em 0 1em 0;
}

.kepekcontainer h3{
}

.col-md-20{ 
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width:20%;
}


.kepcontainer h6{
    font-size: 0.8em;
}
/*-- Képek formázás eddig --*/


/*-- kereső --*/
.keresofejlec {
    background: url(../images/blue1x7.png) repeat-y 0 0;
    background-color:#f0f0f0; 
    padding: 0.5em;
    text-align:center;
    font-size:16px;
    cursor: pointer;
    margin-bottom: 1em;
}

.kereso {
    -webkit-transition: max-height 1s; 
  -moz-transition: max-height 1s; 
  -ms-transition: max-height 1s; 
  -o-transition: max-height 1s; 
  transition: max-height 1s;  
  overflow: hidden;
}


.kereso ul{
    list-style-type: square;
    color: #e4e4e4;
    font-size:1.2em;
    padding: 1em 0 1em 2em;
    margin: 0px;
}

.selected{
    color: #3e4cad;
}

.kereso ul li.selected {
  color: #3e4cad;
}

.empty {
  background-color:#3e4cad;
  color: #fff;
}

ul li span {
    color: #45494e;
    cursor: pointer;
}

.termekbelyeg{
    padding: 0.5em 0.7em 2em 0.7em;
    margin: 0;
}

.termekbelyegszoveg{
    background-color:#f0f0f0;
    padding: 0.3em;
    display: table;
    min-height: 4.9em;
    font-size: 1.2em;
    width: 100%;
    height:50px;
    text-align: center;
}

.termekbelyeg:hover{
    color: #3e4cad;
    font-weight: 600;
}

.termekbelyegszoveg span {
  display: table-cell;
  vertical-align: middle;
}


.termekkep{
    padding: 0.1em;
    margin: 0;
    float: left;
}

.termekkep h3{
    text-align: center;
    color: #45494e;
    font-size: 1.8em;
        font-weight: 400;
}

.termekleiras h1{
    font-size:2.5em;
    text-align: center;
    color: #3e4cad;
    padding-bottom:0;
    font-weight: 600;
}

.termekgrid{
    margin-top:1em;
}

.termekgrid img{
    max-height: 7em;
    margin:auto;
}

.termekleiras{
    font-size: 1.2em;
    text-align:justify;
    padding: 0 0.5em; 
    margin:0;
}

.termekszoveg{ 
    padding: 0.3em;
    margin-bottom: 1em;
    font-size: 14px;
    text-align: center;
    
}

/*-- kereső eddig --*/


.contact h2 {
  color: #3e4cad;
  font-size: 2.5em;
  font-weight: 600;
  margin: 0 0 1.5em;
  font-family: 'Titillium Web', sans-serif;
  text-align: left;
}
.contact h3 {
  color:#3e4cad;
  font-size: 1.6em;
  font-weight: 600;
  margin:0.5em 0;
  font-family: 'Titillium Web', sans-serif;
}
.contact h4 {
    color:#3e4cad;
    margin:0.2em 0 0 0; 
    font-size: 1.4em;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
}
.contact p {
  font-size: 0.9em;
  color: #999;
  line-height: 1.9em;
  margin:0;
}
.contact p a{
  color: #999;
  text-decoration:none;
}
.contact p a:hover{
  color: #89BE9D;
}

.contact hr { width:100%; height:1px; background: #3e4cad; padding: 0; margin: 0.5em 0;
}
    
.contact {
  padding: 1em 0;
  margin-bottom: 2em;
  font-family: 'Titillium Web', sans-serif;
}
.form_details input[type="text"], .form_details textarea {
  padding: 11px;
  width: 100%;
  font-size: 1em;
  margin: 0px 0px 20px;
  border: 1px solid #45494e;
  color: #555;
  background: none;
  -webkit-appearance: none;
  float: left;
  outline: none;
}
.form_details textarea {
  height: 353px;
  resize: none;
  width: 100%;
}
.form_details input[type="submit"] {
  margin-top: 0em;
  color: #fff;
  font-family: 'Titillium Web', sans-serif;
  font-size: 1.2em;
  padding: 0.7em 1em;
  -webkit-appearance: none;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-weight: 400;
  border: none;
  outline: none;
  cursor: pointer;
  width: 30%;
  background: #3e4cad;
}
.form_details input[type="submit"]:hover {
  background:#293373;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/arrow.1.png) no-repeat 0px 0px;
}
#toTop:hover{
	outline: none;
}
/* Tanúsítvány */
.tanusitvany{
    font-family: 'Titillium Web', sans-serif;
    width:100%;
    padding:2em 0 0 0;
    margin:0;
}
.tanusitvany a{
    text-decoration: none;
    color: inherit;
    font-weight: 600;    
}

.tanusitvany a:hover{
    color:#3e4cad;
}

.certif_cont{
   max-height: 150px;
    margin-bottom: 2em;
}

.certif_cont_img{
    max-width: 100%;
    margin-right: 10px;
    float: left;
    height: auto;
    display: inline;
}

.certif_txt{
    position: absolute;
    left:130px;
    text-align: left;
    top:  30%;
    display: table-cell;
    vertical-align: middle;
}


/* Services */

.services, .kozbeszerzes {
  width: 100%;
  padding:0;
  font-family: 'Titillium Web', sans-serif;
}

.services h3{
    font-family: 'Titillium Web', sans-serif;
    font-size:1.2em;
    text-align:left;
    padding: 1em 0;
    color:#3e4cad;
}

.services p{
    font-family: 'Titillium Web', sans-serif;
    font-size:1.2em;
    color:#45494e;
}

.services ul{
    list-style-type: square;
    text-align:justify;
    font-family: 'Titillium Web', sans-serif;
    color: #45494e;
    font-size:1.2em;
     line-height: 2em;
    padding: 0 0 2em 2em;
    margin: 0px;
}

/* Project */

.projecttable {
    width:100%;
    font-size: 16px;
}

.projecttable td {
   padding: 0.2em;
   text-align: justify;
}

.casestudycont{
    padding-bottom:2em;
}


/* Project eddig */


/*-- responsive-mediaquries --*/
@media(max-width:1520px){

.contact h4{
    font-size: 1.2em;
}
}

/*-- responsive-mediaquries --*/
@media(max-width:1240px){
.logo{
    padding-top:1em;
}
 
.top-nav {
  padding-top:1em;
}
.top-nav ul li a {
  color: #000;
  font-size: 1em;
  float: left;
  padding: 3em 0em 1.5em 0em;
}
.footer h3 {
  font-size: 1.2em;
}
}


/*-- responsive-mediaquries --*/
@media(max-width:1199px){
.logo {
    width: 18%;
    margin: 2.5em 0 0;
}
}

/*-- responsive-mediaquries --*/
@media(max-width:1024px){
.top-nav ul li {
}
.logo {
    max-width: 160px;
}
.top-nav {
  float:right;
}   
.top-nav ul li a {
  font-size: 0.9em;
  margin-right:0.5em;
  float: left;
  padding: 3em 0em 1em 0em;
}    

.infoblokk-img {
    height: 70px;
}
    
.termekgrid img{
    max-height: none;
}
    
.header {
  margin: 0 0 0;
}
.contact h2 {
  font-size: 2.3em;
  margin: 0 0 0.5em;
}
.contact h3 {
  font-size: 1.8em;
  margin: 1em 0;
}
.form_details input[type="submit"] {
  width: 34%;
}
.contact h4 {
  font-size: 1.2em;
}
.view {
  width: 234px;
  height: 244px;
}
.view .mask, .view .content {
  padding: 5em 0;
   width: 234px;
  height: 244px;
}
.view1 {
  width: 468px;
  height: 244px;
}
.view1 .mask, .view1 .content {
  width: 468px;
  height: 244px;
  padding:5em 0;
}
/*instructors h3 {
  font-size: 1.7em;
}*/
.instructors h5 {
  font-size: 1.2em;
  margin: 0.5em 0 0;
}
.instructors p {
  margin: 0.5em 0 0;
}

.ins-lef {
  float: left;
  width: 35%;
}
.ins-righ {
  float: right;
  width: 60%;
}
.instructors h4 {
  /*font-size: 2em;*/
    padding:0.5em;
}
.instructors h6 {
  font-size: 1.7em;
  margin: 0 0 0.5em;
}
.training {
  margin: 0 0 3em;
}
.instructors {
  padding: 3em 0;
}
.footer {
  padding: 2em 0;
}
.feature-top h4 {
  font-size: 1.4em;
}
.feature-top {
  padding: 3em 0;
  text-align: center;
}
}

@media(max-width:991px){
.footer h3 {
  font-size: 1em;
    hyphens: auto;
}
    
.col-md-20{
    width: 100%;
    float: none;
}
    
}


/*-- responsive-mediaquries --*/
@media(max-width:991px){
.soci{
  width:62.66%;
}
}

/*-- responsive-mediaquries --*/
@media(max-width:719px){
.soci {
  float: none;
  width: 100%;
}   
    .footer-left {
        width: 100%;
        display: table;
        float: none;
    }
}
    
    
/*-- responsive-mediaquries --*/
@media(max-width:768px){	
span.menu {
	display: block;
	text-align: right;
	padding-right: 1em;
	cursor: pointer;
	color: #E74C3C;
	font-size: 16px;
	font-weight: 700;
}
    
.infoblokk{
    display: none;
    visibility: hidden;
}    

.spacing{
  float:right;
}
.logo{
    max-width: 100%;
}
    
.top-nav {
	float: right;
	margin-top: 3em;
	width: 20%;
}
ul.nav1 {
	display: none;
}
.top-nav ul {
	padding: 0;
	margin: 0;
	z-index: 9999;
	position: absolute;
	width: 100%;
	left:0;
	top:10%;
}
.top-nav ul.nav1 li {
	display: block;
	text-align: center;
    font-size: 1.5em;
	background: #3e4cad;
    padding:0;
	margin: 0;
	width: 100%;
}
.top-nav ul li a {
	padding: 1.5em 0;
	display: block;
	float: none;
}	
.top-nav ul li a {
	padding: 1em 0;
    color:#fff;
}

.top-nav ul li a:hover {
	padding: 1em 0;
    background-color:#293373;
}
    
.infoblokk-img {
    height: 99px;
}
    
.img-logo{
    display: none;
}    
    
.img-ERFA{
    display: block;
}
    
.contact {
    padding: 1em 0;
}
.form_details textarea {
  height: 200px;
}
.form_details input[type="submit"] {
  width: 24%;
  margin-top:0.5em;
}

.ab-rgt {
  margin: 1em 0;
}
.container {
  /*width: 721px;*/
  padding-right: 0px;
  padding-left: 0px;
}
.bann-left {
  float: left;
  width: 27%;
}
 .bann-right {
  float: left;
  width: 46%;
}
.view1 .mask, .view1 .content {
  width: 347px;
  height: 196px;
  padding: 3em 0;
}
.view .mask, .view .content {
  padding: 3em 0;
  width: 188px;
  height:196px;
}
.view {
  width: 188px;
  height: 196px;
}
.view1 {
  width:373px;
  height: 196px;
}
.instructors h3 {
  font-size: 1.5em;
}
.instru-left {
  padding: 1em 0.5em;
  width: 100%;
}
.instru-right {
  width: 100%;
}
.inst-top, .inst-top1, .inst-top11, .inst-top2, .inst-top3, .inst-top4 {
  padding: 1em 0;
}

.instructors h4 {
  font-size: 1.5em;
  margin: 2em 0;
}
.instructors h5 {
  font-size: 1.1em;
  margin: 0.5em 0 0;
}
.instructors h6 {
  font-size: 1.5em;
  margin: 0 0 1.1em;
}
.service-left {
  float: left;
  width: 46%;
}
.feature-top {
  padding: 2em 0;
  text-align: center;
}
.bann-left {
  float: left;
  width: 26%;
}
.bann-right {
  float: left;
  width: 48%;
}
.logo img {
  width: 100%;
}
.logo {
  width: 80%;
  margin:0;
    text-align: : center;
}
.top-nav {
  float: right;
  margin: 14px 0;
}
.header {
  margin: 0;
  padding: 2em 0;
}
.footer {
  padding: 2em 0;
}
.training {
  margin: 0 0 2em;
}
    
.negyzet {
    width: 32%;
    padding-bottom: 32%;
    margin: 0.2%;
}

.galeriatartalom{
    padding: 0 1em;
}
    
}
/*-- responsive-mediaquries --*/
@media(max-width:640px){
.form_details input[type="submit"] {
  width: 26%;
}
.soci li {
  margin: 0 0.1em;
}
.footer h3 {
  font-size: 1.5em;
}
.container {
  /*width: 592px;*/
}
.view {
  width: 154px;
  height: 152px;
}
.view .mask, .view .content {
  padding: 1em 0;
  width: 154px;
  height: 152px;
}
.view1 {
  width: 291px;
  height: 152px;
}
.view1 .mask, .view1 .content {
   width:285px;
  height: 152px;
  padding: 1em 0;
}
.instructors h3 {
  font-size: 1.4em;
}
.instructors h4 {
  font-size: 1.4em;
  padding: 0.5em 0;
}
.top-nav {
  margin: 11px 0;
}
.soci {
  float: none;
  width: 100%;
}
.footer-left {
  width: 100%;
  display: table;
  float: none;
  margin: 1em 0;
  padding-left: 5px;
}
    
.negyzet {
    width: 49%;
    padding-bottom: 49%;
    margin: 0.2%;
}
    
.galeriatartalom{
    padding: 0 0.5em;
}   
    
.galeriatartalom h3{
    font-size: 2em;
}

}

/*-- responsive-mediaquries --*/
@media(max-width:480px){
.contact h2 {
  font-size: 2em;
  margin: 0 0 0.5em;
}
.contact h3 {
  font-size: 1.5em;
  margin: 1em 0;
}
.contact h4 {
  font-size: 1.4em;
  margin:0.5em 0;
}
.form_details input[type="submit"] {
  width: 31%;
  margin-top: 0.5em;
  font-size:1em;
}

.footer {
  padding: 2em 0 0;
}
.container {
  /*width: 433px;*/
}
.view {
  width: 113px;
  height: 117px;
}
.view .mask, .view .content {
  padding: 1em 0;
  width: 113px;
  height: 117px;
}
.view1 {
  width: 225px;
  height: 117px;
}
.view1 .mask, .view1 .content {
  width: 207px;
  height: 117px;
}
.instru-left {
  width: 100%;
}
.tra-left {
  float: none;
  width: 100%;
}
.tra-left {
  float: none;
  width: 60%;
  margin: 1em auto;
}
.tra-right {
  float: none;
  width: 100%;
}
.tra-right {
  float: none;
  width: 100%;
  text-align: center;
}
.instru-right {
  width: 100%;
  padding: 0;
}
.training {
  margin: 0 0 1.5em;
}
.instructors {
  padding: 1em 0;
}
.feature-top h4 {
  font-size: 1.2em;
}
.logo img {
  padding-left:1em;
}
.b-search {
  width: 39%;
  margin: 0;
}
.top-nav {
  margin: 3px 0;
}
.top-nav ul li a {
  padding: 0.8em 0;
}
.view h2 {
   font-size: 13px;
   padding: 10px 0 0;
}
.view p {
   font-size: 11px;
   padding:5px 0px 0px;
}
.view1 h2 {
   font-size: 13px;
   padding: 10px 0 0;
}
.view1 p {
    font-size: 11px;
   padding:5px 0px 0px;
}
.service-left {
  float: left;
  width: 100%;
  padding: 0;
}
.instru-left {
  padding: 1em 3.5em;
}
}
/*-- responsive-mediaquries --*/
@media(max-width:320px){
.contact h2 {
  font-size: 1.7em;
  margin: 0 0 0.5em;
}
.contact h3 {
  font-size: 1.4em;
  margin: 0.8em 0;
}
.contact-left {
  padding: 0;
  margin: 1em 0;
}
.contact-right {
  padding: 0;
}
.form_details input[type="text"], .form_details textarea {
  padding: 8px;
  width: 100%;
  font-size: 1em;
  margin: 0px 0px 10px;
}
.contact-left iframe {
  height: 151px;
}
.con-left {
  padding: 1em 0 0;
}
.form_details input[type="submit"] {
  width: 40%;
  margin-top: 0.5em;
  font-size: 0.9em;
}
.form_details textarea {
  height: 150px;
}
.footer h3 {
  font-size: 1.4em;
}
.footer p {
  font-size: 0.875em;
}
.soci {
  padding: 0;
}

.ab-lft {
  padding: 0;
}
.ab-lft {
  padding: 0;
}
.ab-rgt {
  margin: 1em 0;
  padding: 0;
}
.ab-rgt {
  margin: 1em 0;
  padding: 0;
}
.container {
  width: 275px;
}
.view {
  width: 72px;
  height: 76px;
}
.view .mask, .view .content {
  padding: 1em 0;
  width: 72px;
  height: 76px;
  padding:0.5em 0 0; 
}
.view1 {
  width: 144px;
  height: 76px;
}
.view1 .mask, .view1 .content {
  width: 136px;
  height: 76px;
  padding:0;
}
.instructors p {
  font-size: 0.875em;
  margin: 0.5em 0 0;
}
.instructors h6 {
  font-size: 1.4em;
  margin: 0 0 0.5em;
}
.feature-top p {
  font-size: 0.875em;
}
.feature-top h4{
margin:1em 0 0;
}
.feature-top {
  padding: 1em 0;
}
.logo img {
  padding-left:0.2em;
}
.b-search {
  width: 49%;
  margin: 0.1em 0;
  display: none;
}
.top-nav {
  margin: 0px 0;
  float: right;
  width: 7%;
}
.top-nav ul {
	top:11%;
}
.header {
  margin: 0 0 0em;
  padding: 1.5em 0;
}
.top-nav ul li a {
  padding: 0.5em 0;
}
.view h2 {
   font-size: 10px;
   padding: 0px 0 0;
}
.view p {
   font-size: 8px;
   padding:3px 0px 0px;
}
.view1 h2 {
   font-size: 10px;
   padding: 0 0 0;
}
.view1 p {
    font-size: 8px;
   padding:3px 0px 0px;
}
.contact p {
  font-size: 0.875em;
}
.instru-left {
  padding: 1em 0.5em;
}
}