body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 21px;
  color: #121212;
  font-family: 'Calibri', sans-serif;
  background:#fff;
}



img{width:100%}
:focus {
  outline-color: transparent;
  outline-style: none;
}
a,
a:visited,
a:focus,
a:active,
a:hover {
  text-decoration: none;
  outline: none;
  color:#121212;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 50px;
}
.white{color:white}
.green{color:#8abccb}
.upper{text-transform:uppercase}
.btn{    background: #8abccb; border-radius: 0px;}
.btn-lg{    padding: 10px 10vw;}
.clear{clear:both}
.nomargin{margin:0}
p {
    margin: 16px 0px 0px 0px;
}

h1{
	color:#e3051b;
	font-size: 38px;
	font-family: 'Molgroup Regular', sans-serif;
	text-transform:uppercase;
}

h3.team{margin-top: 2vw; margin-bottom: 2vw;}
.mit-keresunk h2{margin-bottom: 2vw;}

.header .header-inner {
    width: 100%;
	margin-top:80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
}

.header .logo {
    right: auto;
    left: 3em;
    width: 75px;
    height: 100%;
}

.header .hamburger, .header .logo {
    position: absolute;
    top: 0;
}

.logo {
    width: 122px;
    height: 27px;
    background: url(../img/arete_logo_headers.svg) center/contain no-repeat;
    display: block;
    text-indent: -999em;
    margin-top: 7px;
}

.navbar-default {
    background-color: #fff;
    border-color: #fff;
    height: 80px;
	font-size: 18px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-fixed-top {
    border-width: 0;
}

.navbar-nav {
    margin: 0 0px 0 30px;
}


.nav > li {
    margin-top: 27px;
}

.navbar-right.nav > li > a {
    padding: 10px 8px;
    font-size: 14px;
	margin-top: 7px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
	
}

.h100 {
    height: 100%;
}

.cover {
    transition: opacity .45s cubic-bezier(.25,.1,.25,1);
	width: 100%;
    margin-top: 80px;
}
.cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.hero {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f0f0f0;
    overflow: hidden;
}

.box{
	position: absolute;
    max-width: 56em;
    margin: 0 2em;
    padding: 2em;
    background-color: #fff;
    text-align: center;
}

section{    margin-bottom: 4vw;}

.box h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0;
}

h2{
    text-transform: uppercase;
    text-align: center;
}

.text{
	font-size: 18px;
    line-height: 21px;
	padding: 20px 80px;
}

.center{text-align:center}
.left{text-align:left}

.hero .box {
    width: 28vw;
    min-width: 430px;
    margin: 0 0 0 7vw;
	padding: 4em;
	left: 0;
    top: 50%;
    max-width: none;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.video-cover {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.video-cover.is-ready {
    opacity: 1;
}

.container-fluid {
    width: 1180px;
}

.ertekeink{background: #8abccb;padding-top: 4vw;padding-bottom: 4vw;}

.icon{
	height: 120px;
	width:auto;
    margin-bottom: 40px;
}

.fokusz .icon{
    width: 9vw;
	margin-bottom: 1vw;
}

.team-descr {
    height: 0px;
    opacity: 1;
	margin-bottom:4vw;
    overflow: hidden;
    transition: height,opacity 0.6s linear;
    -webkit-transition: height,opacity 0.4s linear;
}
.team-text{margin-top: 20px;}

.team-item img{border-radius: 50%;    cursor: pointer;}
.team-item .name{cursor: pointer;margin-top: 20px; padding-bottom: 30px;}
.close{    position: absolute; margin: 15px 0px 0px -40px;     opacity: 0.7;}

.fokusz{ height:33vw; background: url('../img/mk1.jpg') left/contain no-repeat; position:relative}
.mk1{background: url('../img/mk1.jpg') left/contain no-repeat;}
.mk2{background: url('../img/mk2.jpg') right/contain no-repeat;}
.mk3{background: url('../img/mk3.jpg') left/contain no-repeat;}
.graybox{
	background: #f5f5f5;
    width: 20vw;
    margin-left: 62vw;
    position: absolute;
    font-size: 1vw;
    line-height: 1.2vw;
	padding: 2vw;
	top: 50%;
    transform: translateY(-50%);
}

.mk2 .graybox {
	margin-left: 17vw;
}

.team-clear {
    float: none;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
}

.atlathatosag{ margin-top:120px}

footer{background: #8abccb; color:#fff;    padding: 1vw 0 1vw 0vw; }
.footmenu{padding: 2vw 0 0.5vw 0;}



@media (max-width: 1200px){
.container-fluid {
    width: auto;
}
}
@media (max-width: 1100px) {
.navbar-default {
	font-size: 14px;
}

@media (max-width: 990px){
h2, .h2{
    margin-top: 20px;
}
.navbar-default,.navbar-right.nav > li > a {
    font-size: 1.4vw;
}
.navbar-right.nav > li > a {
    padding: 10px 2px;
}
.nav > li {
    margin-top: 33px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
}
.navbar-nav {
    margin: 0 30px 0 0;
}
.icon {
    height: 158px;
    width: auto;
    margin-bottom: 10px;
    /*margin-top: 40px;*/
	
}
.team-item img {width: 60%;}
.close {margin: -14px 0px 0px 0px;}

.mk1,.mk2,.mk3 {
    background-size: cover;
    background-position-y: center;
}

}

@media (max-width: 760px){
.navbar-default .navbar-collapse, .navbar-default .navbar-form {    background: #fff;}
.navbar-default,.navbar-right.nav > li > a {
    font-size: 18px;
}
.nav > li {
    margin-top: 0;
}

.hero .box {
    max-width: 58em;
	display: none;
}

.navbar-nav {
    margin: 0;
}

.logo {
    margin-left: 15px;
}

.navbar-toggle {
    margin-top: 30px;
}
.navbar-right{
    float: right;
}

.navbar-right li{
    float: left;
}

.text{
	font-size: 14px;
    line-height: 16px;
	padding: 5px 20px;
}

.graybox {
    background: #f5f5f5;
    width: 100%;
    margin-left: 0;
    position: inherit;
    padding: 2vw;
    top: 0;
    transform: none;
}
.mk1,.mk2,.mk3{background:none}
.mk2 .graybox, .mk3 .graybox  {
    margin-left: 0;
    margin-top: 10px;
}
.fokusz .icon {
    height: auto;
	width: 18vw;
    margin-bottom: 20px;
    margin-top: 0px;
}
.fokusz {
    height: auto;
    background: none;
    position: inherit;
}
}






.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
}@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}