:root {
	--color-gray: #EAECEB; 
	--color-darkgray: #CECDCA; 
	--color-brown: #654321; 
	--color-yellow: #FFFF99; 
	--color-green: #009900; 
	--color-black: #090909; 
	--color-blue: #0033CC; 
	--color-darkred: #C40B06; 
	--color-red: #F33505;
	--max-width: 1320px;
	--max-padding: 0 calc((100% - 1320px) / 2);
}

body {
	min-width: 360px;
	overflow-x: hidden;
	margin-bottom: 200px;
	font-family:"Open Sans";
}

a {
	color: var(--color-black);
	text-decoration: none;
	cursor: pointer;
}

b, strong {
	font-weight: bold;
}

h1 {
	font-size: 35px;
	line-height: 42px;
	margin-bottom: 15px;
	font-family:"Century Gothic Bold";
}
h2 {
	font-size: 35px;
	line-height: 42px;
	margin-bottom: 0px;
	font-family:"Century Gothic Bold";
}

h3 {
	font-size: 28px;
	line-height: 34px;
	font-family:"Century Gothic Bold";
}
h4{
	font-family:"Segoe";
	}

h5 {
	font-size: 23px;
	line-height: 26px;
}

.red {
	color: var(--color-darkred) !important;
}
.red strong{
	font-weight:bold;
	}

.green {
	color: var(--color-green);
}

.container {
	max-width: var(--max-width);
	margin: 0 auto;
	margin-top:-10px;
}

.container p {
	margin-bottom:9px;
	margin-bottom:9px;
	}
	
.container p a {
	color: #03C;
	text-decoration:underline;
	}
	
.kername{
	color: #FF6;
	}
.kerunder{
	text-decoration:underline;
	padding:5px;
	color:#C00;
	}

/* ALDOMAIN SPECIFIKUS OSZTÁLYOK */
.kerald_arak{
	font-size: 23px;
	border:6px dashed #009900;
	padding:20px;
	margin:-20px;
	margin-bottom:25px;
	border-bottom-left-radius:33px;
	border-bottom-right-radius:33px;
	}

	
.kerald_arak p{
	line-height:33px;
	}
		
.kerald_arak a{
	display:block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:6px;
	padding-right:6px;
	float:left;
	margin:5px;
	border:1px solid #fff;
	font-weight:bold;
	color:#03C;
	text-decoration:underline;
	}
	
.kerald_arak a span{
	text-decoration:none;
	}
	
.kerald_arak a:hover{
	background-color: #FFC;
	border: 1px solid #fff;
	text-decoration:none;
	color: #C00;
	}
.kontiarfej{
	background-color:#FFC;
	padding:10px;
	margin-top:15px;
	text-align:center;
	}
	
.clr{
	clear:both;
	}

@media only screen and (max-width: 640px) {
.kerald_arak{
	font-size: 23px;
	border:1px dashed #fff;
	padding:0px;
	margin:0px;
}	
.kerald_arak p{
	text-align:center;
	}	

}

/* HEADER */
.top {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px 20px;
	background-color: var(--color-gray);
}

.top p {
	display: none;
}

.img_truck {
	display: none;
}

.nav-list {
	overflow: hidden;
}

.nav-list--close {
	height: 51px;
}

.nav li,
.nav li a {
	font-size: 19px;
	color: var(--color-gray);
}

.nav li {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 10px;
	height: 50px;
	background: var(--color-brown);
	cursor: pointer;
}

.nav li:hover {
	text-decoration: underline;
}

.nav li:not(:last-child) {
	border-bottom: 1px solid var(--color-gray);
}

.nav__arrow {
	display: none;
}
.nav {
}
.nav li span{
	text-indent: 6px;
	}


.home {
	margin-right: 14px;
}

.hamburger {
	width: 50px;
	height: 27px;
	margin-left: 14px;
}

header .info {
	padding: 20px;
	font-size: 19px;
	text-align: center;
}

.phone {
	padding: 25px 20px;
	margin-bottom: 20px;
	background-color: var(--color-yellow);
}

.phone a {
	display: block;
	text-align: center;
	font-size: 39px;
	line-height: 48px;
	font-weight: bold;
	color: var(--color-black);
	white-space: nowrap;
	font-family: "Century Gothic Bold";
}

.phone a:hover {
	text-decoration: underline dotted;
}

.phone a:first-child {
	margin-bottom: 20px;
}

.phone p {
	padding: 10px;
	text-align: center;
	font-size: 19px;
	text-align: 24px;
}

.phone__tel {
	display: none;
}


/* CONTAINER */
.container {
	padding: 20px;
}

.container .video {
	margin: 0 -20px;
}

.container .info {
	margin: 0 -20px;
}

.container .info h1 {
	padding: 20px;
	font-size: 25px;
	line-height: 32px;
	text-align: center;
	border-bottom: 1px solid var(--color-gray);
}

.info__list {
	padding: 10px 0;
	font-size: 21px;
}

.info__list li {
	display: flex;
	align-items: center;
	padding: 10px 30px;
}

.info__list li img {
	margin-right: 10px;
}

.info p {
	padding: 0 20px;
	line-height:26px;
}

.banner {
	padding: 25px 20px;
	margin: 14px -20px;
	font-size: 25px;
	line-height: 32px;
	text-align: center;
	color: var(--color-gray);
	background-color: var(--color-green);
}

.banner h1{
	font-size:36px;
	font-family: "Century Gothic";
	color:#FFF;
	margin-bottom:0px;
	}

.felsorolas{
	line-height:30px;
	margin-left:22px;
	}
.felsorolas li{
	list-style-type: square;	
	}
	
.zona{
	font-family: "Century Gothic Bold";
	}
.table {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
}

.row div p strong{
	font-weight:bold;
	}

.table__imgs {
	display: none;
}

.table__row {
	line-height:26px;
}
.table__row div p strong{
	font-weight:bold;
	}

.table__row > div:first-child {
	display: flex;
	padding: 10px 20px 30px;
	border-bottom: 2px dashed var(--color-gray);
}

.table__row > div:first-child > div {
	margin-right: 8px;
}

.table__row > div:nth-child(2) {
	padding: 20px;
}

.table__row > div:nth-child(2) > div {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.table__row img {
	width: 132px;
	margin-right: 20px;
}

.table__row span {
	font-size: 23px;
	color: var(--color-green);
}

.table__prices-info {
	padding: 14px 20px;
	margin: 0 -20px;
	background-color: var(--color-gray);
}

.table--desktop {
	display: none;
}

.afa {
	padding: 20px;
	font-size: 15px;
	line-height: 19px;
	text-align: center;
}


/* DETAILS */
.details__box {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.details__box:not(:last-child) {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px dashed var(--color-gray);
}

.details__box img {
	margin-bottom: 14px;
}

.details__box h4 {
	margin-bottom: 12px;
	font-size: 21px;
	line-height: 25px;
	font-family: "Segoe";
	font-weight:bold;
}



/* COUNTER */
.counter {
	padding: 20px;
	margin: 20px 0;
	font-size: 24px;
	line-height: 27px;
	background-color: var(--color-gray);
	text-align: center;
	font-family: "Segoe";
}


.important p {
	font-size: 18px;
	line-height: 26px;
}
.important h5{
	margin-top:12px;
	margin-bottom:7px;
	}
.tel__number {
	padding: 20px;
	margin: 20px 0;
	text-align: center;
	background-color: var(--color-yellow);
}

.tel__number a {
	font-size: 39px;
	font-weight: bold;
	white-space: nowrap;
	font-family:"Century Gothic Bold";
}

.tel__number a:hover {
	text-decoration: underline;
	text-decoration-color: var(--color-blue);
	text-decoration-style: dotted;
}

.tel__number img {
	display: none;
}

.tel__center__text {
	margin-top: 14px;
}

.tel__center__text p {
	font-size: 23px;
	line-height: 28px;
}

.tel__center__info {
	padding: 0 20px;
}

.tel__center__info h4 {
	font-size: 25px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: dashed 2px var(--color-darkred);
}

.tel__center__info ul {
	margin-left:20px;
}

.tel__center__info li {
	margin-bottom: 14px;
}

.tel__center__info li:hover {
	text-decoration: underline;
}

.tel__center__info li:hover:before {
	text-decoration: underline;
	text-decoration-color: white;
}

.tel__center__info li:before {
	margin-right: 8px;
	content: "■";
	color: var(--color-darkgray);
	margin-left:-20px;
}

.tel__center__info a {
	color: var(--color-blue);
	padding-left:0px;
}

/* KERÜLET MENÜ */
.kerulet_menu{
	padding-left:20px;
	padding-right:10px;
	}
.kerulet_menu h4{
	font-size:25px;
	line-height:35px;
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom: 1px #CCC solid;
	}
.kerulet_menu li{

	padding:4px;
	}
.kerulet_menu a{
	text-decoration: underline;
	color:#03C;
	display:block;

	}
.kerulet_menu a:hover{
	text-decoration: none;
	color: #C00;
	background-color:#FFC
	}
	
	
/* tartalmi videó*/	
.in-content-video iframe{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
	
/* SLIDESHOW */
.slideshow {
	display: flex;
	width: 300vw;
	margin: 0 0 0 -20px;
	background-color: var(--color-gray);
	padding: 20px 40px 20px 20px;
	overflow-x: scroll;
}

.slideshow img {
	margin: 0 10px;
}

.slideshow img:first-child {
	margin-left: 20px;
}

.slideshow img:last-child {
	margin-right: 20px;
}

.delivery {
	margin-bottom: 20px;
	}

.delivery__title {
	display: flex;
	align-items: center;
	padding-bottom:5px;
	padding-top:20px;
}

.delivery__title img {
	margin-right: 8px;
}

.phones {
	display: flex;
	flex-direction: column;
	padding: 40px 20px;
	text-align: center;
	background-color: var(--color-yellow);
}

.phones a {
	margin-bottom: 30px;
	font-size: 39px;
	font-weight: bold;
	white-space: nowrap;
}

.phones a:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: var(--color-blue);
}

.phones a:first-child {
	margin-bottom: 40px;
}

.phones p, .phone p{
	font-size:26px;
	line-height:32px;
	}

.phones img {
	display: none;
}

.email {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 0;
	font-size: 18px;
	line-height: 23px;
}

.email__address {
	margin-bottom: 20px;
}

.email a {
	color: var(--color-blue);
}

.details h3 {
	margin-bottom: 20px;
}

.details h6 {
	font-size: 30px;
	margin-bottom: 20px;
	font-family: "Segoe";
	padding-top:7px;
}

.details > p {
	margin-bottom: 30px;
}

.details__box_c {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.details__box_c:not(:last-child) {
	border-bottom: none;
}

.details__box p {
	text-align: center;
}

.footer__bottom {
	padding: 20px;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	color: var(--color-gray);
}


.fixed-footer {
	position: fixed;
	width: 100vw;
	bottom: -500px;
	padding: 20px 0;
	margin: 0;
	transition: all .3s ease-out;
	line-height:25px;
}

.fixed-footer a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 8vw;
}

.fixed-footer a .red {
	margin: 0 8px;
}

.fixed-footer a:hover {
	text-decoration-color: var(--color-blue);
}

.fixed-footer img {
	margin-right: 16px;
}

.fixed-footer--visible {
	bottom: 0;
}


@media only screen and (min-width: 600px) {
	body {
		margin-bottom: 0;
	}

	.img_truck {
		display: block;
		margin-left: 20px;
	}

	.nav__arrow {
		position: absolute;
		display: block;
		left: 40px;
		/* left: calc(50% - 300px); */
	}

	.phone a {
	font-family:"Century Gothic Bold";
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.phone__tel {
		display: inline;
		vertical-align: center;
		margin-right: 12px;
	}

	.phone a span {
		padding: 0 8px;
	}

	.video {
		display: flex;
		justify-content: center;
	}

	.container .info {
		margin: 0;
	}

	.info__list {
		display: flex;
		flex-wrap: wrap;
		padding: 0 40px;
	}

	.info__list li {
		width: 50%;
		padding: 10px 0;
	}

	.info p {
		padding: 20px 0;
	}

	.details__box {
		flex-direction: row;
	}

	.details__box img {
		margin-right: 16px;
	}

	.details p {
		text-align: left;
	}
	
	.details__box img{
		width:33%;
		}

	.tel__number {
		margin: 20px;
		padding: 30px 40px;
		border: 1px dashed var(--color-darkred);
	}

	.tel__number a {
		display: flex;
		align-items: center;
	}

	.tel__number img {
		display: inline;
		margin-right: 16px;
	}

	.tel__number a .red {
		margin: 0 8px;
	}

	.tel__center__text {
		text-align: left;
	}

	.delivery__box p {
		padding-left: 48px;
		line-height:26px;
	}

	.delivery__title img {
		margin-right: 16px;
	}

	.phones a {
		display: flex;
		justify-content: center;
		align-items: center;
	font-family:"Century Gothic Bold";
	}

	.phones img {
		display: inline;
		margin-right: 16px;
	}

	.details__imgs {
		display: flex;
		flex-wrap: wrap;
	}

	.details__box_c {
		width: 50%;
		flex-direction: column;
	}

	.details__box_c p {
		font-size: 17px;
	}

	.fixed-footer.phone {
		display: none;
	}
.table__row div p strong{
	font-weight:bold;
	}
	
}

@media only screen and (min-width: 968px) {
	.top p {
		display: inline;
		padding: 16px;
		line-height: 31px;
		font-size: 25px;
	}

	.nav ul {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		background-color: var(--color-brown);
		width: 100%;
	}

	.nav li {
		white-space: nowrap;
		padding: 0 4px;
		font-size: 17px;
	}

	.nav li:first-child {
		padding-left: 20px;
		margin-right: auto;
	}

	.nav li a {
		font-size: 17px;
	}

	.nav li:not(:last-child) {
		border: none;
	}

	.nav__arrow {
		left: 250px;
	}

	.hamburger {
		display: none;
	}

	.info--top {
		display: none;
	}

	.phone {
		display: flex;
		flex-wrap: wrap;
	}

	.phone a {
		display: flex;
		justify-content: flex-start;
		width: 48%;
	}

	.phone p {
		width: 100%;
	}

	.phone a:first-child {
		justify-content: flex-end;
		margin: 0;
		padding-right: 20px;
	}

	.phone a span {
		font-size: 22px;
		line-height: 28px;
	}


	.table--mobile {
		display: none;
	}

	.table--desktop {
		display: grid;
		grid-template-columns: calc(100% - (3 * 254px)) 254px 254px 254px;
		grid-template-rows: repeat(7, auto);
		width: 100%;
	}

	.table--desktop .row {
		border: 1px solid var(--color-darkgray);
		line-height:26px;
	}

	.table--desktop .row-1 {
		border-bottom: none;
	}

	.table--desktop .row-1 div {
		border-left: 1px solid var(--color-darkgray);
	}

	.table--desktop .row-data:not(:first-child) {
		border-bottom: none;
	}

	.table--desktop .row-data > div:not(:first-child) {
		border-left: 1px solid var(--color-darkgray);
	}

	.row {
		display: grid;
		grid-template-columns: calc(100% - (3 * 254px)) 254px 254px 254px;
		grid-column: 1 / 5;
		width: 100%;
	}

	.row-1 {
		grid-row: 1;
		height: 38px;
		background-color: var(--color-gray);
	}

	.row-1 div {
		position: relative;
	}

	.row-1 img {
		position: absolute;
		left: 25%;
		top: -12px;
		width: 132px;
	}

	.row-1 div:first-child {
		grid-column: 2;
	}

	.row-2 {
		grid-row: 2;
	}

	.row-data > div {
		display: flex;
		justify-content: center;
		padding: 14px;
	}

	.row-data > div:not(:first-child) {
		align-items: center;
	}

	.row-data > div:first-child > div:first-child {
		margin-right: 8px;
	}

	.row-5 p {
		grid-column: 1 / 5;
		text-align: center;
		background-color: var(--color-darkgray);
		padding: 10px 0;
		margin: 2px 0;
	}

	.row-6 {
		grid-template-rows: 1fr auto;
	}

	.row-6 > div:first-child {
		grid-row: 1 / 3;
	}

	.row-6 > div:nth-child(2) {
		display: grid;
		grid-row: 1;
		grid-column: 2 / 5;
		grid-template-columns: 254px 254px 254px;
	}

	.row-6 > div:nth-child(2) div {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.row-6 > div:nth-child(2) > div:first-child {
		grid-column: 1;
	}

	.row-6 > div:nth-child(2) > div:nth-child(2) {
		grid-column: 2;
	}

	.row-6 > div:nth-child(2) > div:nth-child(3) {
		grid-column: 3;
	}

	.row-6 > div:last-child {
		grid-row: 2;
		grid-column: 2 / 5;
		padding: 12px;
		background-color: var(--color-gray);
		line-height: 23px;
	}
	
.table__row div p strong{
	font-weight:bold;
	}

	.table--desktop .row-data:last-child {
		border-bottom: 1px solid var(--color-darkgray);
	}

	.row.row-text {
		border-bottom: none;
	}

	.row-6 > div:nth-child(2) > div:not(:first-child) {
		border-left: 1px solid var(--color-darkgray);
	}

	.row-6 > div:nth-child(2) {
		padding: 0;
	}

	.row-6 > div:nth-child(2) > div {
		height: 100%;
	}

	.row-6 > div:nth-child(2) {
		border-bottom: 1px solid var(--color-darkgray);
	}

	.details {
		display: flex;
		flex-wrap: wrap;
	}

	.details__box {
		width: 48%;
		padding-bottom: 20px;
		margin-bottom: 20px;
	padding-right: 8px;
	}
	.details__box img{
		width:46%;
		}
		
	.details__box:nth-child(odd) {
		padding-right: 10px;
	}

	.details__box:not(:last-child) {
		border: none;
	}

	.counter + .container, .counter2 + .container {
		width: calc(100% - 600px);
		display: inline-block;
		vertical-align: top;
	}

	.tel__center {
		width: 550px;
		display: inline-block;
	}

	.delivery {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	}

	.delivery__box {
		width: 48%;
	}

	.delivery__box:nth-child(odd) {
		padding-right: 12px;
	}

	.phones {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.phones a {
		width: 47%;
	}

	.phones a:first-child {
		justify-content: flex-end;
		padding-right: 20px;
	}

	.phones a:last-of-type {
		justify-content: flex-start;
		padding-left: 20px;
	}

	.phones p {
		width: 100%;
	}

	.email {
		flex-direction: row;
		justify-content: center;
	}

	.email__address {
		margin: 0 20px 0 0;
	}

	.footer__nav ul {
		justify-content: center;
	}

	.footer__nav li a {
		font-size: 14px;
	}

	.footer__nav li:not(:last-child) {
		margin-right: 16px;
	}
}

@media only screen and (min-width: 1320px) {
	.top,
	.nav ul {
		padding: var(--max-padding);
	}

	.nav__arrow {
		left: calc(50% - 400px);
	}

	.nav ul {
		max-width: 1320px;
	}

	.video {
		width: 50%;
		display: inline-block;
	}

	.counter + .container, .counter2 + .container {
		max-width: 730px;
		margin-left: calc((100% - 1240px) / 2);
	}

	.tel__center {
		width: 510px;
		margin-left: auto;
	}

	.info--box {
		width: 50%;
		display: inline-block;
	}

	.details__box_c {
		width: 24%;
	}

	.footer__nav li a {
		font-size: 17px;
	}

	.footer__nav li:first-child {
		margin-right: 0;
	}
}

@media only screen and (min-width: 1460px) {
	.counter + .container, .counter2 + .container{
		max-width: 750px;
		margin-left: calc((100% - 1320px) / 2);
	}

	.tel__center {
		width: 550px;
		margin-left: auto;
	}
}
@media only screen and (max-width: 968px) {
	.nav li span{
		display:none;
		}
}

@media only screen and (max-width: 600px) {
	.velkep {
		width:99px;
		max-width:99px;
		margin-left:auto;
		margin-right:auto;
		display: inherit;
	}
	
}

@media only screen and (min-width: 600px) {
	.velkep {
		float:left;
		width:99px;
		max-width:99px;
	}
	
}

@media only screen and (max-width: 640px) {

.container .video{
	margin: 0 0px;	
	}
		
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	margin-bottom:0px;
	margin-top:0px;
	max-width: 100%;
	display: flex;
	justify-content: center;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:97%;
    width:100%;
    position:absolute;
}
	
}