@import url(reset.css);
/*
  font-family: 'KoHo', sans-serif;
	
	#526897
  fekete: #111
  zöld: #526897
  szürke: #999
*/

html{background:#fff;height:100%;}
body{height:100%;font-size:18px;color:#333;font-family: 'KoHo', sans-serif;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;-webkit-hyphens:auto;}
a{color:#fff;}
input, select, textarea{}
div, ul, li{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
p{margin:20px 0;}
h1,h2,h3,h4{font-family: 'KoHo', sans-serif;text-align:left;text-transform:uppercase;color:#E1BB6F;}
h1{font-weight:bold;font-size:3em;}
h1.kezdolap{text-transform:inherit;}
@media screen and (max-width: 859px){h1{font-size:2em;}}
@media screen and (max-width: 659px){h1{font-size:1.5em;}}
h2.h2-content{font-weight:bold;font-size:2em;text-align:center;color:#526897;}
@media screen and (max-width: 859px){h2{font-size:2em;}}
@media screen and (max-width: 659px){h2{font-size:1.5em;}}
h3{color:#526897;margin:10px 0;font-size:2em;}
@media screen and (max-width: 659px){h3{font-size:1.2em;}}
.scrollup{width:48px;height:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;border:none;position:fixed;bottom:60px;right:60px;display:none;text-indent:-9999px;background:#111 url('../images/site/to_top.png') no-repeat;}
@media screen and (max-width: 1019px)
{
.scrollup{bottom:10px;right:10px;opacity: .5;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.scrollup:hover{opacity: 1;}
}

.flex{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-text-justify: center;
}


header{width:100%;background:#111;position:fixed;z-index:9999;-moz-box-shadow:0 0px 2px 0 #000;-webkit-box-shadow:0 0px 2px 0 #000;box-shadow:0 0px 2px 0 #000;}
header div#header-content{width:100%;max-width:1080px;margin:0 auto;}

header div#header-content .head-contact{width:calc(100% - 460px);text-align:center;float:left;color:#fff;line-height:20px;height:60px;font-size:1.3em;}
header div#header-content .head-contact p{width:100%;height:60px;}

header div#header-content span#logo-text{display:inline-block;border:#fff 3px solid;color:#fff;font-size:1.6em;padding:1px 20px 3px 20px;margin:6px 0 0 20px;font-family: 'KoHo', sans-serif;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
header div#header-content span.color{color:#E1BB6F;}
header div#header-content div#logo-holder{width:100%;max-width:180px;float:left;} ////////////////////////////////////////////////////////
header div#header-content div#logo-holder div#logo{width:100%;margin:0 auto;}
header div#header-content div#logo-holder div#logo a{}
header div#header-content div#logo-holder div#logo a:hover{}
header div#header-content div#logo-holder div#logo a img{padding:0;}
header div#header-content div#logo-holder div#logo.mobile{display:none;}
@media screen and (max-width: 1019px)
{
  header div#header-content div#logo-holder{}
  header div#header-content div#logo-holder div#logo{height:60px;}
  header div#header-content div#logo-holder div#logo a{display:inline-block;text-align:center;}
  header div#header-content .head-contact{width:calc(100% - 260px);}
}
@media screen and (max-width: 540px)
{
  header div#header-content div#logo-holder div#logo a h1 span{display:none;}
  header div#header-content div#logo-holder{max-width:180px;}
  header div#header-content div#logo-holder a{max-width:180px;}
  header div#header-content .head-contact{font-size:1em;}
}
@media screen and (max-width: 420px)
{
  header div#header-content span#logo-text{font-size:1.6em;padding:1px 5px 3px 5px;margin:6px 0 0 5px;}
  header div#header-content div#logo-holder div#logo{display:none;}
  header div#header-content div#logo-holder div#logo.mobile{display:inline-block;}
  header div#header-content div#logo-holder{max-width:128px;}
  header div#header-content div#logo-holder a{max-width:128px;}
  header div#header-content .head-contact{width:calc(100% - 200px);font-size:0.8em;}
}
@media screen and (min-width: 1020px)
{
  label.show-menu, input#show-menu{display:none;}
  header div#header-content nav{float:right;}
  header div#header-content nav ul#menu{}
  header div#header-content nav ul#menu li{float:left;line-height:60px;}
  header div#header-content nav ul#menu li a{font-weight:300;transition:all 400ms ease;-moz-transition: all 400ms ease;-webkit-transition: all 400ms ease;-o-transition: all 400ms ease;}
  header div#header-content nav ul#menu li a:hover{}
.sf-menu, .sf-menu *{font-size:1em;list-style:none;color:#BCB499;}
.sf-menu ul{position:absolute;top:-999em;width:220px;}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;}
.sf-menu li{float:left;position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0;top:60px;z-index:99;}
.sf-menu a{padding:0 6px;text-decoration:none;display:block;position:relative;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color:#fff;font-weight:bold; }
.sf-menu li{background:none;}
.sf-menu li li{height:50px;line-height:50px !important;background:#000;border-bottom:1px solid #000;text-align:left;}
.sf-menu li li a{padding:0 5px;}
.sf-menu li li:first-child{border-top:1px solid #000;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#526897;outline:0;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 10; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
}
@media screen and (max-width: 1019px)
{
  header div#header-content nav ul{list-style-type:none;margin:0;padding:0;position:absolute;}
  header div#header-content nav li{display:inline-block;float:left;}
  header div#header-content nav li a{padding-right:0 !important;padding-left:0 !important;display:block;height:50px;text-align:center;line-height:50px;color:#3E6367;background:#fff;}
  header div#header-content nav li:hover a{background:#f9f9f9;}
  header div#header-content nav li:hover a:active{background:#f9f9f9;}
  header div#header-content nav li:hover ul a{color:#3E6367;height:50px;line-height:50px;}
  header div#header-content nav li:hover ul a:hover{background:#fcfcfc;color:#3E6367;}
  header div#header-content nav li:hover ul a:active{background:#fcfcfc;}
  header div#header-content nav li ul{display:block;}
  header div#header-content nav li ul li{display:block;float:none;}
  header div#header-content nav li ul li a{display:block;width:100%;padding:0;background:#f9f9f9;}
  header div#header-content nav ul li a:hover + .hidden, .hidden:hover{display:block;}
  header div#header-content nav .show-menu{color:#3E6367;background:#fff url(../images/site/mobile_menu_icon.png)no-repeat left center;float:right;margin:5px 5px 0 0;padding:0;width:60px;text-align:right;height:50px;line-height:50px;display:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
  header div#header-content nav input[type=checkbox]{display:none;-webkit-appearance:none;}
  header div#header-content nav input[type=checkbox]:checked ~ #menu{display:block;}
  header div#header-content nav ul{position:static;display:none;}
  header div#header-content nav li{margin-bottom:1px;}
  header div#header-content nav ul li, li a{width:100%;}
  header div#header-content nav .show-menu{display:block;}
}
div#main{width:100%;padding-top:50px;font-size:1.1em;min-height:100%;margin-bottom:-64px;padding-bottom:64px;}

div#main .parallax-window{background:transparent;}
div#main .text-box{width:100%;max-width:1120px;padding:100px 20px;margin:0 auto;text-align:justify;color:#000;}
div#main .text-box.inverz{color:#111;}
@media screen and (max-width: 719px){
  div#main .text-box{padding:30px 15px;text-align:left;}
}
div#main .text-box .text-on-image{width:100%;float:left;background: rgba(27,27,27,.4);padding:20px;}
div#main .text-box .text-on-image .h2-content{color:#fff;} 
div#main .text-box .text-on-image p{color:#fff;}

div#main .text-box .text-on-image-b{width:100%;float:left;background:none;padding:50px 40px;}
div#main .text-box .text-on-image-2{width:100%;float:left;background: rgba(255, 255, 255, .3);padding:10px;}
div#main .head-box{position:relative;color:#fff;height:500px;}
div#main .head-box h1{position:absolute;left:20px;bottom:110px;font-size:4em;font-weight:400;}
div#main .head-box h2{position:absolute;left:20px;bottom:220px;font-size:1.5em;color:#fff;}
div#main .head-box p{position:absolute;left:20px;bottom:40px;}
div#main .head-box a{}

@media screen and (max-width: 719px)
{
  div#main .head-box h1{font-size:2em;}
}


div#main div#content img.left-image{float:left;margin:0 20px 0 0;}
div#main div#content img.right-image{float:right;margin:0 0 0 20px;}
div.centered{margin:auto;text-align:center;}
div.promo-image img{width:100%;}
.button-holder{text-align:center;width:100%;}
.button{font-size:2em;margin:10px auto;padding:10px 20px;border-radius:4px;display:inline-block;background:#526897;color:#fff;}
.button:hover{color:#323232;}
.button.small{font-size:1em;width:20%;min-width:200px;}
.button.medium{font-size:1em;width:30%;min-width:280px;}
.portfolio {margin:0 auto;list-style:none;text-align:center;}
.portfolio li {display:inline-block;width:177px;text-align:left;position:relative;margin:20px;}
@media screen and (max-width: 859px){.portfolio li {width:80px;margin:10px;}}}
.portfolio figure {position:relative;}
.portfolio figure img {max-width:100%;display:block;position:relative;}
.portfolio figcaption {position:absolute;top:0;left:0;background:#2c3f52;color:#526897;padding:20px;}
.portfolio figcaption h4 {color:#fff;font-size:1em;}
.portfolio figcaption span.feladat{font-size:0.9em;}
.portfolio figcaption span.extra{color:#BCB490;font-size:0.9em;}
.portfolio figcaption a {max-width:177px;text-align:center;padding:5px 10px;border-radius:2px;display:inline-block;background:#526897;color:#fff;}
.portfolio li{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-perspective-origin:0 100%;-moz-perspective-origin:0 100%;perspective-origin:0 100%;}
.portfolio figure{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}
.portfolio figure > div{overflow:hidden;}
.portfolio figure img{-webkit-transition:-webkit-transform 0.4s;-moz-transition:-moz-transform 0.4s;transition:transform 0.4s;}
.no-touch .portfolio figure:hover img, .portfolio figure.cs-hover img{-webkit-transform:translateX(25%);-moz-transform:translateX(25%);-ms-transform:translateX(25%);transform:translateX(25%);}
.portfolio figcaption{height:100%;width:100%;opacity:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transition:-webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition:-moz-transform 0.4s, opacity 0.1s 0.3s;transition:transform 0.4s, opacity 0.1s 0.3s;}
.no-touch .portfolio figure:hover figcaption, .portfolio figure.cs-hover figcaption{opacity:1;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition:-webkit-transform 0.4s, opacity 0.1s;-moz-transition:-moz-transform 0.4s, opacity 0.1s;transition:transform 0.4s, opacity 0.1s;}
.portfolio figcaption a{position:absolute;bottom:20px;left:20px;}
ul.elonyok{}
ul.elonyok li{float:left;width:25%;text-align:center;}
ul.elonyok li h4{padding:3px 0 0 0;font-weight:bold;font-size:1.5em;}
ul.elonyok li p{padding:0 3px;}
@media screen and (max-width: 859px){ul.elonyok li{width:50%}}
@media screen and (max-width: 659px){ul.elonyok li{width:100%}}
ul.elonyok-plusz{margin:20px 0;}
ul.elonyok-plusz li{width:23%;margin:1%;text-align:center;min-height:380px;}
ul.elonyok-plusz li img{width:100%;border:#526897 1px solid;}
ul.elonyok-plusz li h4{margin:0;padding:10px 0;font-weight:bold;font-size:1em;text-align:center;background:#526897;color:#fff;}
ul.elonyok-plusz li p{margin:10px 0 0 0;padding:0 3px;}
ul.elonyok-plusz li a{color:#fff;}
ul.elonyok-plusz li a:hover{}
@media screen and (max-width: 859px){ul.elonyok-plusz li{width:50%}}
@media screen and (max-width: 659px){ul.elonyok-plusz li{width:100%}}


.kethasab{width:48%;float:left;margin:1%;}
.kethasab a{text-decoration:none;}
.kethasab h4{font-weight:400;font-size:1.4em;}
.kethasab img{width:100%;}
@media screen and (max-width: 519px)
{
  .kethasab{width:100%;float:none;padding:0;margin:0 0 20px 0;}
}


.segedletek{text-align:left;}
.segedletek a{}


table.costs{width:100%;text-align:center;background: rgba(67, 67, 67, .8);color:#fff;}
table.costs tr{}
table.costs tr th{color:#fff;}
table.costs tr td, table.costs tr th{padding:10px;border:#3C3C3C 1px solid;}
table.costs tr th{text-align:center;background:#526897;}
table.costs tr td{}
table.costs tr:nth-child(odd) td{background: rgba(67, 67, 67, .5);}
table.costs tr td:first-child{text-align:left;}
table.costs tr.kiemelt td{font-weignt:bold;font-size:1.4em;}
table.costs tr td.left-text{text-align:left;}
.table-container{overflow:auto;}
div.two-container, div.one-container{text-align:center;width:48%;margin:0 auto;background:#434343;color:#fff;border-bottom:#526897 5px solid;}
div.two, div.one{Width:100%;height:250px;}
div.two{background:url(../images/feltoltott/kiskepek/person-1.jpg) no-repeat center;}
div.one{background:url(../images/feltoltott/kiskepek/laptop-service.jpg) no-repeat center;background-size:cover;}
/*
div.two-container{float:right;}
div.one-container{float:left;}
*/
@media screen and (max-width: 859px){div.two-container, div.one-container{margin:0 5%;}}
@media screen and (max-width: 659px)
{
  div.two-container, div.one-container{float:none;margin:0 auto 20px auto;width:100%;}
  div.two-container .two, div.one-container .one{margin:0 auto;}
}
.contact-name{font-size:2em;font-weight:bold;}




.terms_title{font-weight:bold;clear:both;margin:0 0 20px 0;text-transform:uppercase;}
.terms_id{float:left;}
.terms_text{float:left;margin:0 0 20px 0;clear:both;}


#map{width:100%;height:450px;}


footer{width:100%;color:#fff;background:#23282D;}
div#footer-content-a{background:#3C3C3C;text-align:center;max-width:1120px;padding:20px;}
div#footer-content-a ul{text-align:left;margin:auto;}
div#footer-content-a ul li{float:left;}
div#footer-content-a ul li:last-child{float:right;}
div#footer-content-a ul li a{}
footer div#footer-content-b{width:100%;max-width:1120px;padding:20px;margin:0 auto;}
footer div#footer-content-b ul{width:100%;max-width:1120px;margin:0 auto;}
footer div#footer-content-b ul li{float:left;}
footer div#footer-content-b ul li:first-child{text-align:left;}
footer div#footer-content-b ul li:last-child{float:right;}
footer div#footer-content-b ul li a{color:#EEDFCF;}
footer div#footer-content-b ul li a:hover{color:#fff;}
@media screen and (max-width: 1019px)
{
  footer div#footer-content-b ul li{float:none;text-align:center;display:block;}
  footer div#footer-content-b ul li:first-child{float:none;text-align:center;display:block;}
  footer div#footer-content-b ul li:last-child{float:none;text-align:center;display:block;}
}

.segedletek a.button{display:inline-block;}