*{font-family: 'Open Sans', sans-serif;font-weight:400;}
body{max-width:51.25em;margin:0px auto; background-color: #08121c;}
.pure-g{letter-spacing:normal;}
.wrapper {width:51.25em;margin:0px auto;}
.ac {text-align:center !important;}
#uzenet, #jobframe{display:none;}

h2{font-size:1.3em;font-weight:600;}
#head {padding:.5em 1em;position: relative;background-color: #CBDDF1;text-align:center;}
#head h1{font-size:1.25em;font-weight:600;text-align: center;}
#head > span > p{font-size:1.25em;font-weight: 600;text-align: center;}
#head a#gamma_logo {background:url(/images/gamma_logo720.jpg) center center no-repeat;height:12em;width:100%;display:block;background-size:contain;}
#head > div {position: absolute;right:0;display:inline-block;text-align:center;color:#5a5a5a;}
#head > div > a {background:none;height:inherit;width:inherit;text-decoration:none;color:#5a5a5a;}

#menu {margin-bottom:2.5em;background-color: white;}
#menu ul {padding:0;margin:0;}
#menu ul li{list-style-type:none;display:inline-block;text-transform:uppercase;text-align:center;}
#menu ul li a {font-weight:600;text-decoration:none;font-size:1em;color:#5a5a5a;display:inline-block;line-height:2em;border-bottom:solid 2px white;
  -o-transition:border .2s ease-out, color .2s ease-out;
  -ms-transition:border .2s ease-out, color .2s ease-out;
  -moz-transition:border .2s ease-out, color .2s ease-out;
  -webkit-transition:border .2s ease-out, color .2s ease-out;
  /* ...and now override with proper CSS property */
  transition:border .2s ease-out, color .2s ease-out;
}
#menu ul li a:hover {border-bottom:solid 2px #5a5a5a;color:#000;}
/*
#menu ul li:last-child{background:#91ca64;
  -o-transition:background .2s ease-out;
  -ms-transition:background .2s ease-out;
  -moz-transition:background .2s ease-out;
  -webkit-transition:background .2s ease-out;  
  transition:background .2s ease-out;
}
*/

#menu ul li:last-child:hover{
  /*border-bottom:solid 1px #5a5a5a;color:#000;
  -o-transition:background .2s ease-out;
  -ms-transition:background .2s ease-out;
  -moz-transition:background .2s ease-out;
  -webkit-transition:background .2s ease-out;
  */
  /* ...and now override with proper CSS property */
  /* transition:background .2s ease-out;*/ 
}
#menu ul li:last-child a{ 
  /* color:#5a5a5a;border:0; */

  }

.morzsa {background-color: white;margin:0;font-size: 9px;line-height: 2.5em;}
.morzsa li {display: inline-block;list-style-type: none;padding: 0 .4em;}
.morzsa li span , .morzsa li a {color: #5a5a5a;font-size:9px;}
.morzsa li a:hover {color:#000;}
.morzsadark{background-color: transparent;color:#999 !important;}
.morzsadark li span , .morzsadark li a {color: #999 !important;font-size:9px;}
.morzsadark li a:hover {color:#fff !important;}


#flags{position:absolute;top:1em !important;right:1em !important;}
#flags > a > img {width:2em; border:0;}

#footer {background:white;margin-bottom:2.5em;position:relative;}
#footer div {padding:2.5em;line-height:1em;color:#5a5a5a;}
/* #footer div.bg {background: url(/logo2.png) right 1em no-repeat;background-size:7em auto;} */
#footer div p {opacity: 0.8; line-height:2em;margin:0;}
#footer div p a {color:#5a5a5a;}
#footer div p:last-child{text-align:center;}
#footer div p:last-child, #footer div p:first-child { opacity: 1 !important;font-weight:600;}

.simpletext {background:white;margin-bottom:2.5em;position:relative;}
.simpletext div {padding:2.5em;line-height:1em;color:#5a5a5a;}
.simpletext div p {opacity: 0.8; line-height:1.5em;margin:0;}
.simpletext div li {opacity: 0.8; line-height:1.5em;margin:0;}
.simpletext div h1 {font-size:1.375em;font-weight: 600;}
.relative {position:relative;}

#kapcsolat {background:white;margin:2.5em auto;margin-top:0;}
#kapcsolat div {padding:2.5em;line-height:1em;color:#5a5a5a;}
#kapcsolat div h1{font-weight:600}
#kapcsolat div p b {font-weight:600}

#ajanlatkeres {background:white;margin:2.5em auto;margin-top:0;}
#ajanlatkeres > form > div {padding:2.5em;line-height:1em;color:#5a5a5a;}
#ajanlatkeres > form > div#aj1 {padding-bottom:0;}
#ajanlatkeres > form > div#aj2 {padding-top:0;}
#ajanlatkeres > form > div:first-child p {margin-bottom:0;}
#ajanlatkeres > form > div:first-child {padding-bottom:0;}
#ajanlatkeres > form > div h1{font-weight:600}
#ajanlatkeres > form > div p b {font-weight:600}
#ajanlatkeres > form > div > span > p {position:relative;}
#eredmeny {color:red;font-weight: bold;line-height: 2.5em;}
#ajanlatkeres > form > div > span > p > input {line-height: normal;padding: 0.5em;width: 80%;margin-right: 1em;background: #f8f8f8;color: #aaa;border: solid 2px #f8f8f8;}
#ajanlatkeres > form > div > span > p > input:focus {line-height: normal;padding: 0.5em;width: 80%;margin-right: 1em;background: #f8f8f8;color: #5a5a5a;border: solid 2px white;outline-color:white;}
#ajanlatkeres > form > div > span > p > select {line-height: normal;padding: 0.5em;width: 80%;margin-right: 1em;background: #f8f8f8;color: #aaa;border: solid 2px #f8f8f8;}
#ajanlatkeres > form > div > span > p > select:focus {line-height: normal;padding: 0.5em;width: 80%;margin-right: 1em;background: #f8f8f8;color: #5a5a5a;border: solid 2px white;outline-color:white;}
#ajanlatkeres > form > div > span > p > textarea {line-height: normal;padding: 0.5em;width: 80%;margin-right: 1em;background: #f8f8f8;color: #aaa;border: solid 2px #f8f8f8;}
#ajanlatkeres > form > div > span > p > textarea:focus {line-height: normal;padding: 0.5em;width: 80%;margin-right: 1em;background: #f8f8f8;color: #5a5a5a;border: solid 2px white;outline-color:white;}
#ajanlatkeres > form > div > span > p > a {color: black;background: #b2ca1e;text-decoration: none;padding: 0.5em 2em;opacity: 0.75;border: solid 1px white;position:relative;
  -o-transition:opacity .2s ease-out;
  -ms-transition:opacity .2s ease-out;
  -moz-transition:opacity .2s ease-out;
  -webkit-transition:opacity .2s ease-out;
  /* ...and now override with proper CSS property */
  transition:opacity .2s ease-out;
}
#ajanlatkeres > form > div > span >  p > a:hover {opacity:.85;} 
#ajanlatkeres > form > div > span > p > a i {font-size: 1.8em;line-height: 1.3em;height: 0.5em;font-weight: 100;position: absolute;left: .20em;top: 0;}



/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{display:none;position:absolute;}

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}

ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers li{float:left;}

p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/* demo styles */


#carousel1{
  width:51.25em;
  padding:0 0 3em 0;
  margin:0 auto;
  overflow:hidden;
  position:relative;
  display:none;
}


 ul.bjqs-controls li a{
  display:block;
  padding:0;
  position:absolute;
  top:50% !important;
  margin-top:-0.75em;
  background:black;
  font-size:2em;
  color:white;
  text-decoration:none;
  text-transform:uppercase;
  opacity:0.5;
}

#carousel1 > ul.bjqs-controls > li > a{top:45% !important;}

a.bjqs-prev{
  left:0;
}

a.bjqs-next{
  right:0;
}

 p.bjqs-caption{
  background:rgba(0,0,0,0.7);
  color:#fff;
  text-align:center;
}

 ol.bjqs-markers{
  position:absolute;
  bottom:1.1em;
}

 ol.bjqs-markers li{
  float:left;
  margin:0 3px;
}

 ol.bjqs-markers li a{
  display:block;
  height:10px;
  width:10px;
  overflow:hidden;
  text-indent:-9999px;
  background:#4b4b4b;
  border-radius:10px;
  opacity:0.5;
}

ol.bjqs-markers li.active-marker a{
  background:#4b4b4b;
  opacity:1;
}
.carousel_text {position:absolute;top:1.5em;}
.carousel_text h1{font-weight:800 !important;text-transform:uppercase;}
.carousel_text p{line-height:1.5em;}
.carousel_text a {color: black;background: white;text-decoration: none;padding: 0.5em 2em;opacity: 0.75;border: solid 1px white;position:relative;
  -o-transition:opacity .2s ease-out;
  -ms-transition:opacity .2s ease-out;
  -moz-transition:opacity .2s ease-out;
  -webkit-transition:opacity .2s ease-out;
  /* ...and now override with proper CSS property */
  transition:opacity .2s ease-out;
}
.carousel_text a:hover {opacity:.85;} 
.carousel_text a i {font-size: 1.8em;line-height: 1.3em;height: 0.5em;font-weight: 100;position: absolute;left: .20em;top: 0;}

.rolunkirtak {background-color: white;margin-bottom:2.5em;padding-top:2.5em;}

h1.carousel2{background-color: white;}
#carousel2{
  background-color: white;
  width:51.25em;
  padding:0.5em 0 0 0;
  margin:0 auto;
  overflow:hidden;
  position:relative;
  margin-bottom:2.5em;
  width:100% !important;
  display:none;
}
h1.carousel2 {text-align:center;display:none;width:100%;opacity:0.75;margin:0;}
#carousel2 ul li div{text-align:center;opacity:0.75;line-height:1.5em;}
#carousel2 > ul.bjqs-controls li a{
  display:block;
  padding:0;
  position:absolute;
  top:50% !important;
  margin-top:-1em;
  font-size:2em;
  color:black;
  background:white;
  text-decoration:none;
  text-transform:uppercase;
  opacity:0.5;
}

#carousel2 > ul.bjqs-controls li > a.bjqs-prev{left:0;}
#carousel2 > ul.bjqs-controls li > a.bjqs-next{right:0;}


div.termeklinkek{margin:0 auto 0 auto;position:relative;}
div.termeklinkek > li {background:white;background-size:95% !important;padding:0;color:#5a5a5a;position:relative;text-align:center;margin-bottom: 1em;}
div.termeklinkek > li:hover {
  -o-transition:background .5s ease-out;
  -ms-transition:background .5s ease-out;
  -moz-transition:background .5s ease-out;
  -webkit-transition:background .5s ease-out;
  transition:background .5s ease-out;}

div.termeklinkek > li.tarsashazkezeles{background: url(/images/tile-tarsashazkezeles0.jpg) center center no-repeat;}
div.termeklinkek > li.tarsashazkezeles:hover{background: url(/images/tile-tarsashazkezeles1.jpg) center center no-repeat;} 
div.termeklinkek > li.tarsashazkezeles > a{line-height:1em !important;height:2em;padding:4em 0;}
div.termeklinkek > li.komuves{background: url(/images/tile-komuves0.jpg) center center no-repeat;}
div.termeklinkek > li.komuves:hover{background: url(/images/tile-komuves1.jpg) center center no-repeat;} 
div.termeklinkek > li.vizvez{background: url(/images/tile-vizvezszer0.jpg) center center no-repeat;}
div.termeklinkek > li.vizvez:hover{background: url(/images/tile-vizvezszer1.jpg) center center no-repeat;} 
div.termeklinkek > li.csotores{background: url(/images/tile-csotores0.jpg) center center no-repeat;}
div.termeklinkek > li.csotores:hover{background: url(/images/tile-csotores1.jpg) center center no-repeat;} 
div.termeklinkek > li.csotores > a{line-height:1em !important;height:4em;padding:3em 0;}
div.termeklinkek > li.epuletuzemeltetes{background: url(/images/tile-epuzem0.jpg) center center no-repeat;}
div.termeklinkek > li.epuletuzemeltetes:hover{background: url(/images/tile-epuzem1.jpg) center center no-repeat;} 
div.termeklinkek > li.festes{background: url(/images/tile-festes0.jpg) center center no-repeat;}
div.termeklinkek > li.festes:hover{background: url(/images/tile-festes1.jpg) center center no-repeat;} 
div.termeklinkek > li.szigeteles{background: url(/images/tile-szigeteles0.jpg) center center no-repeat;}
div.termeklinkek > li.szigeteles:hover{background: url(/images/tile-szigeteles1.jpg) center center no-repeat;} 
div.termeklinkek > li.szigeteles > a{line-height:1em !important;height:2em;padding:4em 0;}
div.termeklinkek > li.vagyonvedelem{background: url(/images/tile-orzes0.jpg) center center no-repeat;}
div.termeklinkek > li.vagyonvedelem:hover{background: url(/images/tile-orzes1.jpg) center center no-repeat;} 
div.termeklinkek > li.teto{background: url(/images/tile-teto0.jpg) center center no-repeat;}
div.termeklinkek > li.teto:hover{background: url(/images/tile-teto1.jpg) center center no-repeat;} 

div.termeklinkek > li.vizvezetek {background:white;background-size:100% !important;padding:0;color:#5a5a5a;position:relative;text-align:center;}

div.termeklinkek > li.vizvezetek{background: url(/images/tile-vizvezetek0.jpg) center center no-repeat;}
div.termeklinkek > li.vizvezetek:hover{background: url(/images/tile-vizvezetek1.jpg) center center no-repeat;} 
div.termeklinkek > li.vizvezetek_fertotlenites_szoveg{background:white;text-align:left;}
div.termeklinkek > li.vizvezetek_fertotlenites_szoveg > div{margin:2.5em;}
div.csukva {display:none;}

div.termeklinkek > li > a{font-size:1.5em;line-height:10em;display:block;color:black;font-weight:800;text-shadow:white 0px 0px 10px;text-decoration:none;}


span.socials {text-align: center;}
span.socials a {display: inline-block;text-align: center;font-size: 3em;opacity: 0.5;}
span.socials a i{color:#b2ca1e;}
span.socials a:hover {opacity: 0.9;}
span.socials a:hover i.fa-facebook-square {color:#3b5998;}
span.socials a:hover i.fa-twitter-square  {color:#0084b4;}
span.socials a:hover i.fa-google-plus-square {color:#d34836;}
span.socials a:hover i.fa-youtube-square {color:#d34836;}
span.socials a:hover i.fa-pinterest-square {color:#cb2027;}

#technologiak ul li {line-height: 1.5em;opacity: 0.8;}
div.album_fotok{margin:-2.5em;}

@media screen and (min-width: 48em){  /* 768px lg*/
  .null{}
  #head{text-align: left;}
  #head a#gamma_logo{height:8em;}
  #head h1 {display:block;}
  div.termeklinkek{margin:0 auto .75em auto;}
  div.termeklinkek > li {margin-bottom: 0;}  
  #head > h1{font-size:1.5em;font-weight:600;}
  div.album_fotok{margin:-2.5em;}
 
}

@media screen and (min-width: 64em){  /* 1024px lg*/
  .null{}
  /* #footer div.bg {background: url(/logo2.png) right 1em no-repeat;background-size:10.625em auto;} */
  #carousel1, #carousel2, h1.carousel2 {display:block;}  
  #carousel2 > ul.bjqs-controls li > a.bjqs-prev{left:0;}
  #carousel2 > ul.bjqs-controls li > a.bjqs-next{right:0;}
  
  span.socials a {display: block;text-align: right;font-size:1.5em;}
  #flags > a > img {width:1.5em; border:0;}
  div.album_fotok{margin:-2.5em;}
}