html {
	min-height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body{
	margin: 0;
	padding:0;
	width: 100%;
	min-height: 100%;
	background-color: #fff;
	font-size: 16px;
	color: #fff;
}

.row {flex-wrap: wrap;display: -webkit-flex; display: -moz-flex; display: -ms-flexbox;  display: flex;transition: all 0.4s ease 0.05s;}
.clear {clear: both;}
.clear-white {clear: both; background-color:#FFFFFF; padding-bottom:20px;}
a {text-decoration: none;transition: all 0.35s ease 0s;color: #6d6e72;border-bottom: 1px dotted #bf1e2e;}
.rejtett {display: none;}
ul {margin:0;padding:0;}
p {margin: 14px 0;}
a {border:none;outline:none;}
img {border:none;outline:none;max-width: 100%;}
.balra {text-align: left;}


.bgfeher {background-color: #fff;}
.bgszurke {background-color: #f2f2f2;}
.bgsotet {background-color: #3f3e4c;}
.bglablec {background-color: #1f1f1f;}
.bglent {background-color: #191919;}
.bgpiros {background-color: #bf1e2e;}
.szurke {color: #7c7c7c;}
.piros {color: #bf1e2e;}
.feher {color: #fff;}
.kozepre {text-align: center;}

.ikon_bal {float: right;width: 100%; padding: 10px 10px 10px 45%;}
.ikon_jobb {float: left;width: 100%;padding: 10px 10px 10px 7%;}
.hasab_bal {float: right;width: 65%;padding: 10px 10px 10px 3%;}
.hasab_jobb {float: left;width: 65%;padding: 10px 10px 10px 3%;}
.b2c {position: relative;width: 55%;text-align: center;margin: auto;}
.b2w {position: relative;width: 100%;}

.b2b_zold {float: left;width: 100%; background-color:#16A692; padding-bottom:40px; padding-top:40px; padding-right:40px; padding-left:125px;
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_zold {float: right;width: 100%; background-color:#16A692; padding-bottom:40px; padding-top:40px; padding-left:40px; padding-right:125px;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}

.b2b_sarga {float: left;width: 100%; background-color:#FCC144; padding-bottom:40px; padding-top:40px; padding-right:40px; padding-left:125px;
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_sarga {float: right;width: 100%; background-color:#FCC144; padding-bottom:40px; padding-top:40px; padding-left:40px; padding-right:125px;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}

.b2b_feher {float: left;width: 45%;padding-bottom: 100 10%; background-color:#fff; 
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_feher {float: right;width: 45%;padding-bottom: 100 10%; background-color:#fff;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}

.b2k {width: 10%; background-color:#fff;}

h1 {text-transform:uppercase;font-size: 24px;margin: 10px 0;}
h2 {text-transform:uppercase;}
h3 {margin:0;}
h4 {text-transform:uppercase;}
hr {clear: both;border: none;width: 100%;height: 1px;background-color: #cecece;box-shadow: 0 0 1px #f2f2f2;margin: 20px 0;}

.urlap {border: none;background-color: #514f5c;color: #fff;margin-bottom: 10px;padding: 4px;}
.urlap {background-color: #fff;color: #6d6e72;box-shadow: 0 0 2px #514f5c;}
.kotelezo {background-image: url(csillag.png);background-repeat: no-repeat;background-position: 99% 4px;}
.textarea {border: none;padding: 4px;margin-bottom: 10px;background-color: #fff;color: #6d6e72;height: 150px;box-shadow: 0 0 2px #514f5c;}
.checkbox {display: inline-block;width: 25px;height: 25px;background-color: #514f5c;padding: 4px;color: #fff;font-weight: bold;font-size: 16px;text-align: center;}
.checkbox {background-color: #FCC144; border-color:#FFFFFF; border: 1px solid;}
.pirosgomb {display: inline-block;background-color: #bf1e2e;color: #fff;text-align: center;padding: 5px 12px 2px 12px;text-transform: uppercase;font-size: 18px;}
.pirosgomb:hover {background-color: #fff;color: #bf1e2e;box-shadow: 0 0 1px #bf1e2e;}
.u1 {width: 100%;}
.u2 {width: 48%;}
.u2terkoz {margin-right: 4%;}
::-webkit-input-placeholder {color: #FCC144;}
:-moz-placeholder { /* Firefox 18- */
   color: #FCC144;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #FCC144;  
}
:-ms-input-placeholder {color: #FCC144;}

.wrapper {position: relative;max-width: 2880px;width: 100%;margin: auto;padding: 0 10px;}
.wterkoz {padding: 40px 0px;}
.sav {position: relative;width: 100%;}


.lista {font-size: 16px;}



.nyilatkozatsav {position: relative;margin-top: 5px;}
.nyilatkozatsavon {position: relative;z-index: 5;}
.nybox {position: absolute;top: 0;}
.error {display: block;color: #bf1e2e;}
input.error {border:1px solid #bf1e2e;}
input.kepgomb {border: none;background-color: transparent;width: 35px;height:35px;background-position: center;}

.footer {padding: 10px 0;font-size: 12px;font-weight: bold;margin-top: 70px;}

@media only screen and (max-width: 790px) {
	.hasab_jobb {width: 100%;float: none;}
	.hasab_bal {width: 100%;float: none;}
	.b2c {width: 100%;}
	.b2b_feher {width: 100%;float: none;}
	.b2j_feher {width: 100%;float: none;}
	.b2b_zold {width: 100%;float: none;}
	.b2j_zold {width: 100%;float: none;}
	.b2b_sarga {width: 100%;float: none;}
	.b2j_sarga {width: 100%;float: none;}
	.b2k {width: 100%; padding-top:5%; padding-bottom:5%;}
	.nyilatkozatsav {padding-bottom: 20px;}
	.wterkoz {padding: 15px 10px;}
	.ikon_bal {float: left;width: 100%; padding: 10px 25% 10px 25%;}
	.ikon_jobb {float: left;width: 100%;padding: 10px 25% 10px 25%;}
	.ikonkoz {padding-top:2px; padding-bottom:5px;}
	.swiper-button-next.swiper-button-black-highlight, .swiper-container-rtl .swiper-button-prev.swiper-button-black-highlight { background-image: url(../images/arrow_right2.png);}
.swiper-button-prev.swiper-button-black-highlight, .swiper-container-rtl .swiper-button-next.swiper-button-black-highlight {background-image: url(../images/arrow_left2.png); }
	.swiper-button-next.swiper-button-black-highlight { height: 37px; width: 21px;  margin: -15px 10px 0; top: 50%; right:5%;} 
.swiper-button-prev.swiper-button-black-highlight { height: 37px; width: 21px;  margin: -15px 10px 0; top: 50%; left:5%;}
.slider-text {
color: #FCC144;
font-size:32px;
text-transform: uppercase;
	position: absolute;
	top: 25%;
	left: 15%;
	z-index: 10000;
}

.slider-hr {
border-top: 3px solid #FCC144;
margin-top:20px;
}

.b2b_zold {float: left;width: 100%; background-color:#16A692; padding-bottom:40px; padding-top:40px; padding-right:40px; padding-left:25px;
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_zold {float: right;width: 100%; background-color:#16A692; padding-bottom:40px; padding-top:40px; padding-left:40px; padding-right:25px;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}

.b2b_sarga {float: left;width: 100%; background-color:#FCC144; padding-bottom:40px; padding-top:40px; padding-right:40px; padding-left:25px;
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_sarga {float: right;width: 100%; background-color:#FCC144; padding-bottom:40px; padding-top:40px; padding-left:40px; padding-right:25px;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}
.b2b_feher {float: left;width: 100%;padding-bottom: 100 10%; background-color:#fff; 
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_feher {float: right;width: 100%;padding-bottom: 100 10%; background-color:#fff;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}

.text-title {font-size: 50px; line-height: 17px; text-align:center;}

}

@media screen and (max-width: 1024px) and (min-width: 800px) {
	.hasab_jobb {width: 100%;float: none;}
	.hasab_bal {width: 100%;float: none;}
	.b2c {width: 100%;}
	.b2b_feher {width: 100%;float: none;}
	.b2j_feher {width: 100%;float: none;}
	.b2b_zold {width: 100%;float: none;}
	.b2j_zold {width: 100%;float: none;}
	.b2b_sarga {width: 100%;float: none;}
	.b2j_sarga {width: 100%;float: none;}
	.b2k {width: 100%; padding-top:5%; padding-bottom:5%;}
	.nyilatkozatsav {padding-bottom: 20px;}
	.wterkoz {padding: 15px 10px;}
	.ikon_bal {float: left;width: 100%; padding: 10px 25% 10px 25%;}
	.ikon_jobb {float: left;width: 100%;padding: 10px 25% 10px 25%;}
	.ikonkoz {padding-top:2px; padding-bottom:5px;}
	.swiper-button-next.swiper-button-black-highlight, .swiper-container-rtl .swiper-button-prev.swiper-button-black-highlight { background-image: url(../images/arrow_right2.png);}
.swiper-button-prev.swiper-button-black-highlight, .swiper-container-rtl .swiper-button-next.swiper-button-black-highlight {background-image: url(../images/arrow_left2.png); }
	.swiper-button-next.swiper-button-black-highlight { height: 37px; width: 21px;  margin: -15px 10px 0; top: 50%; right:5%;} 
.swiper-button-prev.swiper-button-black-highlight { height: 37px; width: 21px;  margin: -15px 10px 0; top: 50%; left:5%;}
.slider-text {
color: #FCC144;
font-size:32px;
text-transform: uppercase;
	position: absolute;
	top: 25%;
	left: 15%;
	z-index: 10000;
}

.slider-hr {
border-top: 3px solid #FCC144;
margin-top:20px;
}

.b2b_zold {float: left;width: 100%; background-color:#16A692; padding-bottom:40px; padding-top:40px; padding-right:40px; padding-left:25px;
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_zold {float: right;width: 100%; background-color:#16A692; padding-bottom:40px; padding-top:40px; padding-left:40px; padding-right:25px;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}

.b2b_sarga {float: left;width: 100%; background-color:#FCC144; padding-bottom:40px; padding-top:40px; padding-right:40px; padding-left:25px;
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_sarga {float: right;width: 100%; background-color:#FCC144; padding-bottom:40px; padding-top:40px; padding-left:40px; padding-right:25px;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}
.b2b_feher {float: left;width: 100%;padding-bottom: 100 10%; background-color:#fff; 
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_feher {float: right;width: 100%;padding-bottom: 100 10%; background-color:#fff;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}

.text-title {font-size: 50px; line-height: 17px; text-align:center;}

}

@media screen and (max-width: 1280px) and (min-width: 1024px) {
.ikon_bal {float: right;width: 100%; padding: 10px 10px 10px 22%;}
.ikon_jobb {float: left;width: 100%;padding: 10px 10px 10px 9%;}
.hasab_bal {float: right;width: 90%;padding: 10px 10px 10px 3%;}
.hasab_jobb {float: left;width: 80%;padding: 10px 10px 10px 3%;}
.b2c {position: relative;width: 55%;text-align: center;margin: auto;}
.b2w {position: relative;width: 100%;}

.b2b_zold {float: left;width: 100%; background-color:#16A692; padding-bottom:40px; padding-top:40px; padding-right:40px; padding-left:5px;
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_zold {float: right;width: 100%; background-color:#16A692; padding-bottom:40px; padding-top:40px; padding-left:40px; padding-right:5px;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}

.b2b_sarga {float: left;width: 100%; background-color:#FCC144; padding-bottom:40px; padding-top:40px; padding-right:40px; padding-left:5px;
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_sarga {float: right;width: 100%; background-color:#FCC144; padding-bottom:40px; padding-top:40px; padding-left:40px; padding-right:5px;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}

.b2b_feher {float: left;width: 45%;padding-bottom: 100 10%; background-color:#fff; 
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_feher {float: right;width: 45%;padding-bottom: 100 10%; background-color:#fff;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}

.b2k {width: 10%; background-color:#fff;}
}

@media screen and (max-width: 1440px) and (min-width: 1280px) {
.ikon_bal {float: right;width: 100%; padding: 10px 10px 10px 22%;}
.ikon_jobb {float: left;width: 100%;padding: 10px 10px 10px 9%;}
.hasab_bal {float: right;width: 80%;padding: 10px 10px 10px 3%;}
.hasab_jobb {float: left;width: 80%;padding: 10px 10px 10px 3%;}
.b2c {position: relative;width: 55%;text-align: center;margin: auto;}
.b2w {position: relative;width: 100%;}

.b2b_zold {float: left;width: 100%; background-color:#16A692; padding-bottom:40px; padding-top:40px; padding-right:40px; padding-left:5px;
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_zold {float: right;width: 100%; background-color:#16A692; padding-bottom:40px; padding-top:40px; padding-left:40px; padding-right:5px;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}

.b2b_sarga {float: left;width: 100%; background-color:#FCC144; padding-bottom:40px; padding-top:40px; padding-right:40px; padding-left:5px;
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_sarga {float: right;width: 100%; background-color:#FCC144; padding-bottom:40px; padding-top:40px; padding-left:40px; padding-right:5px;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}

.b2b_feher {float: left;width: 45%;padding-bottom: 50; background-color:#fff; 
border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
-webkit-border-radius: 0 15px 15px 0;}
.b2j_feher {float: right;width: 45%;padding-bottom: 100 10%; background-color:#fff;
border-radius: 15px 0 0 15px;
-moz-border-radius: 15px 0 0 15px;
-webkit-border-radius: 15px 0 0 15px;}

.b2k {width: 10%; background-color:#fff;}
}

.button {display: inline-block;background-color: #bf1e2e;color: #fff;text-align: center;padding: 5px 12px 2px 12px;text-transform: uppercase;font-weight: bold;font-size: 18px;}
.button:hover {background-color: #fff;color: #bf1e2e;box-shadow: 0 0 1px #bf1e2e;}