@font-face {
  font-family: roboto-light;
  src: url(roboto-light.ttf);
}

body{
	margin-top:0;
	margin-left:0;
	margin-bottom:0;
	margin-right:0;
	font-family: roboto-light;
	color:#000000;
}

.logo{
	padding-left: 7vw;
    padding-right: 4vw;
    width: 6vw;
    height: auto;
    margin-bottom: -10vw;
}

.szeriglamping{
    width: 35vw;
    height: auto;
}

.svg{
	fill: #282e52;
    fill: -webkit-linear-gradient(#282e52, #204b6d);
    fill: -o-linear-gradient(#282e52, #204b6d);
    fill: -moz-linear-gradient(#282e52, #204b6d);
    fill: linear-gradient(#282e52, #204b6d);
}

.gomb{
	color: #111111;
	border-width: 2px;
	border-style: solid;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1vw;
    background-image: none;
    font-weight: 700;
	border-color: #1e41b5;
    background-color: transparent;
	stroke: none;
	position: absolute;
	border-radius: 0;
	display: table;
    cursor: pointer;
    font-family: inherit;
    line-height: inherit;
    text-decoration: none;
    outline-width: 0;
    -webkit-text-decoration-skip: objects;
    font-style: initial;
    white-space: nowrap;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    text-align: center;
	padding: 1vw 3vw;
    align-self: flex-start;
	
}

.gomb:hover{
	color: #ffffff;
	background: #282e52;
    background: -webkit-linear-gradient(#282e52, #204b6d);
    background: -o-linear-gradient(#282e52, #204b6d);
    background: -moz-linear-gradient(#282e52, #204b6d);
    background: linear-gradient(#282e52, #204b6d);
}

.bemutatgomb{
    margin: -4vw 20vw auto;
}

.szolgatatasokgomb{
	margin: 0 1.88vw auto;
}

.projectgomb{
	margin: -6.6vw 15.5vw auto;
}

.webshopgomb{
    margin: 10.2vw 6vw auto;
}

.felhivgomb{
	margin: 2vw 0vw auto;
	font-size: 2vw;
}

h1{
	font-size:3vw;
}

input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: textfield;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
	font-size: 3vw;
    padding: 12px 20px;
	border: none;
    border-width: 2px;
    width: 35vw;
    height: 5vw;
    border-style: unset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}

::-webkit-input-placeholder { 
color: rgb(39 47 83 / 45%);
}

:-ms-input-placeholder { 
color: rgb(39 47 83 / 45%);
}

::placeholder {
color: rgb(39 47 83 / 45%);
}

label {
    cursor: default;
	font-size: 3vw;
}

.blue {
	background: #282e52;
    background: -webkit-linear-gradient(#282e52, #204b6d);
    background: -o-linear-gradient(#282e52, #204b6d);
    background: -moz-linear-gradient(#282e52, #204b6d);
    background: linear-gradient(#282e52, #204b6d);
}

.karika {
    width: 6vw;
    height: 6vw;
    margin: 0 0 0 5vw;
    border-radius: 50%;
}

.arny{
box-shadow: 5px 5px 20px 0 rgb(0 0 0 / 40%);
}

.diagramok{
    width: 50vw;
    min-height: 30vw;
    margin-top: -27vw;
    margin-left: 19vw;
	margin-bottom: 1vw;
}

.diagramokkep{
	width: 48vw;
}

.esg{
    margin-top: 25vw;
    margin-left: 10vw;
    position: absolute;
	font-size:1.5vw;
}


.cseng{
    margin-top: 3vw;
    margin-left: 6vw;
    margin-bottom: 1vw;
    position: absolute;
}

.csengkep{
	width: 33vw;
}

/* Menü*/
 .lang{
	margin-top: -2vw;
    margin-left: 22vw;
    position: absolute;
}

.lang a {
		text-decoration: none;
		color: black;
}

.lang a:focus,
.lang a:hover{
		text-decoration: underline;
}

.fejlec{
    position: absolute;
    width: 100%;
    margin:0;
	top: 0;
    padding-top: 2vw;
}


.menu {
	float:right;
	font-size:2vw;
	margin:0;
}

.menu-links {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size:2vw;
}

.menu-links a {
	color: inherit;
	display: inline-block;
	padding: 1vw;
    padding-right: 1vw;
    padding-top: 1vw;
	text-decoration: none;
}

.menu-links a:focus,
.menu-links a:hover {
	text-decoration:underline;
	outline: none;
}

.menu-links a:active {
	
}

.menu-toggle-button {
	cursor: pointer;
	display: none;
	padding: 1rem;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	color: black;
	margin:0;
}

.menu-toggle:focus ~ .menu-toggle-button,
.menu-toggle-button:hover {
	
}

.menu-toggle {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	margin:0;
}

@media (max-width: 1024px) {
    .fejlec{
    margin:0;
    text-align: center;
    position: unset;

}

	.hu{
    position:absolute;
    left:5px;
    }
    
    .en{
    position:absolute;
    right:5px;
    }


	.menu {
	color: #fff;
	float:left;
	width: 100%;
	font-size:5vw;
	margin:0;
}
	.menu-links {
		flex-direction: column;
		font-size:5vw;
		margin:0;
			color:#000000;
	}
	
	.menu-links a {
		width: 100%;
		margin:0;
		padding: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
	}
	
	.menu-toggle:not(:checked) ~ .menu-links {
		display: none;
	}
	
	.menu-toggle-button {
		display: inline-block;
		width:100%;
		padding:0;
		padding-top: 1rem;
    padding-bottom: 1rem;
		color:#000000;
	}
}
@media (min-width: 1024px) {
	
	.menu-toggle-button {
		display: none;
		margin:0;
	}
	.menu-toggle{
		display: none;
		margin:0;
	}
	
	.langdiv{
	float:left;
	margin-top: 4vw;
	}
	
	.menu{
	float:right;
	}
	
	.logo {
    margin-top: -2vw;
    padding-left: 4vw;
    padding-right: 4vw;
    width: 13vw;
    height: auto;
	}
	
}

/* Menü vége*/
	
/* Grid*/
.fulldiv {

}

.centerdiv {

}

.rightdiv {

}

.leftdiv {

}


.gridcontainer {
    width: 100%;
}

.gridwrapper {
    overflow: hidden;
}

.gridbox {
    float: left;
}

.gridfull {
    width: 100%;
}

.threegridleft {

}

.threegridcenter {

}

.threegridright {

    margin-right: 0;
}

.twogridleft {

}

.twogridright {

    margin-right: 0;
}

.bemutatkozik_left {
    width: 55%;
}

.bemutatkozik_center {
    width: 40%;
	background-color: #ffffff;
}

.bemutatkozik_right {
    width: 5%;
}

.szolgaltatasok_left{
    width: 60%;
	min-height: 40vw;
}

.szolgaltatasinfo{
	min-height: 60vw;
}

.csik{
    width: 100%;
	min-height: 10vw;
	margin-top: 13vw;
}

.szolgaltatasaink{
	width: 70%;
    min-height: 25vw;
    margin-top: -17vw;
    margin-left: 2vw;
    background-color: #ffffff;
    font-size: 1.5vw;
    padding-left: 1vw;
}
}

.szolgaltatasok_right{
    width: 40%;
	min-height: 40vw;
	background-color: #ffffff;
}

.project_hatter_gray{
	background-color: #292d33;
	width: 100%;
	min-height: 45vw;
	padding-top: 1vw;
}

.project_hatter_light_gray{
	background-color: #555c66;
	width: 100%;
	min-height: 45vw
}

.project_kozep{
	background-color: #ffffff;
	width: 70vw;
    height: 40vw;
    margin: auto;
    margin-top: -127vw;
    margin-bottom: 87vw;
    position: relative;
}

.project_kozep_1{
    min-height: 25vw;
	background-color: #ffffff;
}

.futoprojektekleft{
    min-height: 25vw;
    width: 50%;
	background-color: #ffffff;
}

.futoprojektekright{
    min-height: 25vw;
    width: 50%;
	background: url(kepek/torcsik.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.szeriglampingright{
    min-height: 25vw;
    width: 50%;
	background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
}

.szeriglampinginfo{
    min-height: 25vw;
	padding-top:11vw;
	font-size: 1.5vw;
}

.futoprojektekinfo{
    min-height: 25vw;
}

.project_kozep_2{
    min-height: 25vw;
	background: url(kepek/projektek.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.project_kozep_3{
    min-height: 25vw;
	background-color: #ffffff;
}

.webshopgrid{
    margin-top: 0;
}

.webshopleft{
    min-height: 25vw;
    width: 50%;
	background: url(kepek/webshopenter.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.webshopright{
    min-height: 25vw;
    width: 50%;
	background-color: #ffffff;
}

.webshopinfo{
    min-height: 25vw;
}

.kapcsolat_left{
    width: 70%;
}

.kapcsolat_right{
    width: 30%;
}

.kapcsolati{
    min-height: 50vw;
}

.kapcsolat{
    background-color: #292d33;
    width: 60%;
    min-height: 40vw;
    margin: auto;
    margin-top: -46vw;
    right: 0;
    position: absolute;
}

.social{
    width: 20vw;
    min-height: 5vw;
    margin-top: -5.5vw;
    margin-left: 76vw;
    position: absolute;
}

.kapcsolat a {
	color:#ffffff;
	text-decoration: none;
	}
	
.kapcsolatfelirat {
	padding-top: 2vw;
    margin-bottom: -5vw;
	}


.partnerek{
	background-color: #292d33;
	padding-bottom: 1vw;
}

.bemutatkozo{
    padding: 3vw;
    font-size: 1.5vw;
	text-align: justify;
	}
	
.lablec{
	color:#ffffff;
	background-color: #292d33;
	padding-bottom: 2vw;
}

.telo{
	height: auto;
    width: 5vw;
    padding-top: 10vw;
    padding-left: 27.5vw;
}

.telszam{
	height: auto;
    padding-top: 1vw;
    padding-left: 24vw;
    color: #ffffff;
    font-size: 1.5vw;
	}

.borcsi{
	height: auto;
    width: 5vw;
    padding-top: 2vw;
    padding-left: 27.5vw;
}

.mail_cim{
    height: auto;
    padding-top: 1vw;
    padding-left: 22.5vw;
    color: #ffffff;
    font-size: 1.5vw;
	}
	
.alsodotti{
	height: auto;
    width: 10vw;
    margin-top: -18vw;
    margin-left: 22vw;
    position: absolute;
	}
	
.felhiv{
    min-height: 34vw;
    width: 35vw;
    position: absolute;
    margin-top: -48vw;
    margin-left: 2vw;
	}	


.socicon{
    height: 3vw;
    width: 3vw;
    padding: 1vw;
    fill: #ffffff;
	}	

@media only screen and (max-width: 1024px) {
	
	.logo {
    width: 30%;
    height: auto;
	padding-left: 0;
    padding-right: 0;
	}
	
	.lang {
    margin-left: unset;
	margin: auto;
	width: 80vw;
    height: auto;
	position: unset;
	}
	
.project_kozep {
    margin-top: 0vw;
	margin-bottom: 255vw;
}

.diagramokkep {
    display: none;
}

.cseng {
    display: none;
}

.esg {
    margin-top: 10vw;
	margin-left: 2vw;
	font-size: 4vw;
}

.szeriglamping {
    width: 100vw;
    height: auto;
	margin: -8px;
}

.szeriglampinginfo {
    margin-top: 6vw;
	font-size: 4vw;
}
	
.social {
	width: 70vw;
    min-height: 5vw;
    margin-top: -83vw;
    margin-left: 20vw;
    position: absolute;
}

.socicon{
	height: 10vw;
    width: 10vw;
	margin-right: 10vw;
    padding: 1vw;
    fill: #708ef0;
	}
	
	h1 {
    font-size: 6vw;
	}
	
    .threegridleft {
        width: 100%;
    }

    .threegridcenter {
        width: 100%;
    }

    .centerdiv {
        padding: 1%;
    }

    .threegridright {
        width: 100%;
    }
	
	.twogridleft {
    	width: 100%;
	}

	.twogridright {
    	width: 100%;
	}

    .rightdiv {
        padding: 1%;
    }
 
 	.leftdiv {
        padding: 1%;
    }

    .gridbox {
        margin-right: 0;
        float: left;
    }
	
	.slider {
    max-width: 100%;
    margin-left: 0.5vw;
    margin-top: 0.5vw;
	}
	
	.slide-viewer {
    height: 55vw;
	}
	
	.sliderkepek{
        width:100%; 
		height:auto;
    }
	
	.bemutatkozik_right {
    display: none;
	}
	
	.csik {
    display: none;
	}
	
	.lablec {
    padding-bottom: 5vw;
	}
	
	.csengkep {
    width: 100%;
	}
	
	.bemutatkozo {
    font-size: 4vw;
	}
	
	.karika {
	display:none;
	}
	
	.gomb {
    font-size: 4vw;
	}
	
	.bemutatgomb {
    margin: 0 0 0 35vw;
	}
	
	.projectgomb {
    margin: -8.6vw 0 0 30vw;
	}
	
	.webshopgomb {
    margin: -17.8vw 0 11px 50vw;
	}
	
.webshopinfo {
    min-height: 30vw;
}
	
	.szolgaltatasaink {
    width: 100%;
    font-size: 4vw;
	margin-top: 20vw;
	}
	
	.project_kozep {
    width: 100%;
	}
	
	.futoprojektekright {
    display: none;
}
	
	.project_hatter_light_gray {
    display: none;
	}
	
	.project_hatter_gray {
    display: none;
	}
	
	.kapcsolati {
    display: none;
	}
	
	.kapcsolat {
    width: 100%;
	min-height: 100vw;
    margin-top: unset;
    position: relative;
	}
	
.kapcsolatfelirat {
	padding-top: 6vw;
    margin-bottom: -3vw;
	}
	
	.telo{
	width: 17vw;
    padding-left: 40vw;
	}
	
	.telszam{
	font-size: 5.5vw;
	padding-left: 27vw;
	}
	

	.borcsi{
    width: 17vw;
    padding-left: 40vw;
	}
	
	.mail_cim{
	font-size: 4.5vw;
	padding-bottom: 10vw;
	padding-left: 26vw;
	}
	
.alsodotti{
    margin-top: -50vw;
    margin-left: 83vw;
	}
	
.felhiv {
    min-height: 34vw;
    width: 97%;
    background-color: #ffffff;
    position: relative;
	margin-top: -3vw;
    margin-left: 1vw;
    height: 65vw;
}

.felhivform{
    margin-top: 1vw;
    margin-left: 1vw;
	}
	
input{
    width: 95vw;
	height: unset;
	}
	
.felhivgomb {    
    width: 60vw;
    margin-left: 20vw;
}
	
}

@media (min-width: 1024px) {
	
	.slider {
    max-width: 54.5vw;
    margin-left: 0.5vw;
    margin-top: 0.5vw;
	}
	
	.slide-viewer {
    height: 30vw;
	}
	
	.sliderkepek{
        width:55vw; 
		height:auto;
    }
	
}
/* Grid vége */

.copyright{
		float:left;
		padding-left:2vw;
	}

.btmexpert{
		float:right;
		padding-right:2vw;
	}
	
.btmexpert a {
	color:#ffffff;
	text-decoration: none;
	}