*								{ box-sizing:border-box; }
body							{ background:#fff;font-family:lato;position:relative; }

.mt25							{ margin-top:25px !important; }
.mt70							{ margin-top:70px !important; }
.pl20							{ padding-left:20px !important; }
.noflex							{ display:block !important; }

div.header						{ max-width:1400px;height:110px;margin:0 auto;position:relative;background:url('../images/css/presite-logo-smaller.png') no-repeat 0 25px; }
div.header span					{ text-transform:uppercase;color:#838383;position:absolute;left:160px;top:71px;font-size: 15px; }
div.presite-header				{ height:150px !important;background:url('../images/css/presite-logo.png') no-repeat 0 59px; }
div.presite-header span			{ left:199px;top:112px;font-size: 16px; }

div.footer-inside				{ height:80px !important;padding-top: 50px !important; }
div.footer						{ max-width:1400px;height:120px;margin:0 auto;background:#fff;color:#d6d6d6;padding-top: 90px;text-transform:uppercase;font-size:14px; }
div.footer div					{ float:left; }
div.footer div.copy				{ width:20%;text-align:left;color:#838383; }
div.footer div.menu				{ width:55%;text-align:center; }
div.footer div.contact			{ width:25%;text-align:right; }
div.footer div.copy span		{ color:#000; }
div.footer div a				{ margin:0 15px;color:#838383;text-decoration:none; }
div.footer div a:first-child	{ margin-left:0; }
div.footer div a:last-child		{ margin-right:0; }

div.canvas-container			{ width:100%;position:relative; }
canvas#presite-canvas			{ background:#e4dfdb; }
div.selector-container			{ width:36%;height:88%;position:absolute;z-index:1;top:6%;left:50%;margin-left:-18%;text-align:center; }
a.selector-left					{ width:49%;height:100%;background:#fff;position:absolute;text-decoration:none;left:0;top:0; }
a.selector-left:before			{ width:10px;height:40%;content:' ';position:absolute;left:10px;top:0;z-index:-1;box-shadow:-5px 10px 30px #000;transform:rotate(-3deg); }
a.selector-right				{ width:49%;height:100%;background:#fff;position:absolute;text-decoration:none;right:0;top:0; }
a.selector-right:before			{ width:10px;height:40%;content:' ';position:absolute;right:10px;top:0;z-index:-1;box-shadow:5px 10px 30px #000;transform:rotate(3deg); }
div.selector-container img		{ width:45%;margin:20% 0 13% 0;position:relative; }

a.selector-left div.tovabb		{ width:85%;display:inline-block;margin:0 auto;border:1px solid #c83a32;color:#c83a32;padding:15px 0;text-transform:uppercase;text-align:center;text-decoration:none;position:absolute;bottom:25px;left:7.5%;font-weight:bold; }
div.alert-title-text			{ text-transform:uppercase;color:#000;font-size:17px;margin-bottom:13%; }
span.alert-highlight			{ color:#c83a32;font-weight:bold;font-size:44px;line-height:60px; }

div.enter-title-text			{ text-transform:uppercase;color:#000;font-size:17px;margin-bottom:13%;line-height:25px; }
span.enter-highlight			{ color:#6b90df;font-weight:bold;font-size:44px;line-height:49px; }
a.selector-right div.tovabb		{ width:85%;display:inline-block;margin:0 auto;border:1px solid #6b90df;color:#6b90df;padding:15px 0;text-transform:uppercase;text-align:center;text-decoration:none;position:absolute;bottom:25px;left:7.5%;font-weight:bold; }

a.selector-right:hover div.tovabb	{ background:#6b90df;color:#fff; }
a.selector-left:hover div.tovabb	{ background:#c83a32;color:#fff; }

span.selector-info-text			{ color:#aeaeae;font-size:14px; }

img.menu-icon,div.footer div.menu span.footer-menu-icon,img.top-menu-icon,span.top-menu-icon-text { display:none; }


div.top-menu-con				{ width:100%;height:75px;background:#e8372e;color:#fff;font-size:19px; }
div.top-menu-con div			{ height:100%;text-align:center;position:relative; }
div.top-menu-con a				{ color:#fff;text-decoration:none;text-transform:uppercase;margin:28px 15px 0 15px;font-size:19px;padding:0 0 5px 0;display:inline-block; } 
div.top-menu-con a:hover		{ border-bottom:2px solid #fff; }
div.top-menu-con span.sep		{ margin-top:28px;display: inline-block; }

div.fixed-top-menu				{ position:fixed;top:0;left:0;z-index:999999;box-shadow: 0 0 3px #333; }

img.top-menu-logo				{ position:absolute;left:20px;top:20px;display:none; }

div.szerviz-kereso-container	{ width:100%;height:526px;position:relative;background:url('../images/css/szerviz_kereso_bg.jpg') no-repeat right 0;padding-top:60px;z-index:1; }
div.content-container			{ max-width:1400px;margin:0 auto;display:flex; }
div.kereso-container			{ width:432px;height:406px;background:#fff;position:relative;margin-right:6px;padding:30px 20px 20px 20px; }
div.map-container				{ width:962px;height:406px;background:#fff;position:relative;display:flex; }
div.map-container img.greylogo	{ position:absolute;bottom:30px;right:30px; }
div.map-container div.map-img	{ width:66%;text-align:right; }
div.map-container div.map-text	{ width:34%;padding: 30px 10px 0 30px;position:relative;text-align:left; }
div.map-container div.map-text .title				{ text-transform:uppercase;margin-top:15px; }
div.map-container div.map-text .title span.black	{ color:#000;font-size:22px;line-height:25px; }
div.map-container div.map-text .title span.blue		{ color:#6b90df;font-size:29px;font-weight:bold; }
div.map-container div.map-text .text				{ color:#838383;font-size:14px;margin-top:10px;line-height:18px; }

div.kereso-container:before		{ width:10px;height:50%;content:' ';position:absolute;left:5px;top:0;z-index:-1;box-shadow:-5px 10px 30px #000;transform:rotate(-3deg); }
div.map-container:before		{ width:10px;height:50%;content:' ';position:absolute;right:5px;top:0;z-index:-1;box-shadow:5px 10px 30px #000;transform:rotate(3deg); }

p.kereso-title					{ text-transform:uppercase;font-size:30px; font-weight:bold; }
p.kereso-title-red				{ font-size:47px;line-height:80px;color:#e8372e;font-weight:bold; }
p.kereso-leiras					{ color:#838383;font-size:20px;line-height:25px; }

label.szerviz-kereso			{ margin-top:35px;text-transform:uppercase;display:block;font-size: 20px;position:relative; }
label.szerviz-kereso input		{ width:100%;border:2px solid #ff0000;display:block;margin-top:10px;padding:12px 85px 12px 15px;font-size:18px;background:url('../images/css/kereso-btn.png') no-repeat right 0; }
span.kereso-help-text			{ font-size:14px;color:#838383;display:block;line-height:19px;margin-top:5px; }
label.szerviz-kereso a			{ width:74px;height:49px;display:block;position:absolute;bottom:0;right:0; }

div.content-small				{ width:40%;padding:80px 30px; }
div.content-big					{ width:60%;padding:80px 30px; }

div.content-container h1				{ text-transform:uppercase;color:#000;font-size:23px; }
div.content-container h1 span.tpms-big	{ color:#e8372e;font-size:43px;font-weight:bold; }
div.content-container h2				{ text-transform:uppercase;color:#fff;font-size:40px;font-weight:bold; }
div.content-container p.text			{ font-size:17px;color:#838383;line-height:24px;margin-top:25px; }
div.content-container p.white-text		{ font-size:17px;color:#fff;line-height:24px;margin-top:25px; }
div.content-container ul				{ margin:0 10px; }
div.content-container ul li				{ padding:10px 0;color:#838383;line-height: 20px; }
div.content-container ul li.padding		{ padding:3px 0 !important; }


span.text-bl-hl	{ color:#000;font-weight:bold; }
p.text span.red	{ color:#e8372e; }

div.content-big img,div.content-small img { margin:0 auto; }

div.bg-container				{ width:100%;background:#f6f5f4; }
div.red-bg-container			{ width:100%;background:#e8372e; }

div.uzemeltetes-bg				{ width:100%;height:650px;background:url('../images/css/tpms-uzemeltetes-bg.jpg') no-repeat left 0; }
div.uzemeltetes-bg div.text		{ width:700px;height:650px;background-color:#f6f5f4;position:relative;margin: 0 0 0 auto;padding: 80px 30px 0 120px; }
div.uzemeltetes-bg div.text img	{ position:absolute;left:-415px;top:115px; }
div.uzemeltetes-bg div.text ul	{ padding-left:27px;color:#838383; }

div#map							{ width:100%; height:406px;display:block; }

div.contact-left				{ width:50%; }
div.contact-right				{ width:50%; }
div.contact-con					{ display:flex;text-align:left !important; }
div.contact-con select			{ width:100%;font-family:lato;border:1px solid #fff;background:#e8372e;display:block;color:#fff;padding:7px;margin-bottom:10px;font-size:16px;resize:none; }
div.contact-con input[type='submit']				{ background:#fff;color:#e8372e;font-weight:bold;cursor:pointer; }
div.contact-con input[type='submit']:hover			{ background:#e8372e;color:#fff; }
div.contact-con input								{ width:100%;border:1px solid #fff;background:#e8372e;display:block;color:#fff;padding:10px;margin-bottom:10px;font-size:16px; }
div.contact-con textarea							{ width:100%;height:125px;font-family:lato;border:1px solid #fff;background:#e8372e;display:block;color:#fff;padding:10px;margin-bottom:10px;font-size:16px;resize:none; }
div.contact-con input::-webkit-input-placeholder	{ color: #fff !important; }
div.contact-con input::-moz-placeholder				{ color: #fff !important; }
div.contact-con input:-moz-placeholder				{ color: #fff !important; }
div.contact-con input:-ms-input-placeholder			{ color: #fff !important; }
div.contact-con textarea::-webkit-input-placeholder	{ font-family:lato;color: #fff !important; }
div.contact-con textarea::-moz-placeholder			{ font-family:lato;color: #fff !important; }
div.contact-con textarea:-moz-placeholder			{ font-family:lato;color: #fff !important; }
div.contact-con textarea:-ms-input-placeholder		{ font-family:lato;color: #fff !important; }


span.contact-title				{ color:#fff;font-weight:bold;text-transform:uppercase;margin-bottom:10px;display:block; }
span.success-contact			{ display:block;margin-bottom:15px;color:#fff; }
a.return-btn-map				{ display:block;padding:10px;background:#e8372e;color:#fff;text-transform:uppercase;position:absolute;bottom:20px;left:20px;font-size: 14px;text-decoration:none; }
a.partnerszerviz-link			{ text-decoration:none;color:#6b90df; }
a.partnerszerviz-link:hover		{ text-decoration:underline; }
div.search-list-item:first-child{ padding-top:0; }
div.search-list-item			{ width:100%;padding:10px;text-align:left;border-bottom: 1px solid #ccc; }

div#lista						{ width:100%;display:none;padding:20px; }
span.list-item-cegnev			{ font-size:25px;text-transform:uppercase;color:#6b90df;display:block;margin-bottom:5px; }
span.list-item-cim				{ font-size:15px;display:block;margin-bottom:5px; }
span.list-item-tel				{ font-weight:bold; }

.vilagit-a-tipms-mobil			{ display:none; }
.uzemeltetes-mobil-img			{ display:none; }

p.white-text a.link				{ color:#ffffff; }
p.white-text a.link:hover		{ text-decoration:none; }

@media ( min-width: 900px ) and ( max-height: 819px ) {
	div.selector-container img	{ width:40%;margin: 12% 0 10% 0; }
	div.alert-title-text		{ margin-bottom:5%;font-size:14px; }
	span.alert-highlight		{ font-size:30px;line-height:35px; }
	a.selector-left div.tovabb	{ padding: 12px 0;bottom: 15px; }
	div.enter-title-text		{ margin-bottom:5%;font-size:14px;line-height: 19px; }
	span.enter-highlight		{ font-size: 30px;line-height: 35px; }
	a.selector-right div.tovabb	{ padding: 12px 0;bottom: 15px; }
}

@media ( min-width: 900px ) and ( max-height: 695px ) {
	span.selector-info-text		{ display:none; }
}

@media all and ( max-width: 1400px ) {
	div.presite-header		{ background:url('../images/css/presite-logo-smaller.png') no-repeat 30px 65px; }
	div.header				{ background:url('../images/css/presite-logo-smaller.png') no-repeat 30px 25px; }
	div.header span			{ left:195px;font-size:14px; }
	div.footer div.copy		{ padding-left:30px; }
	div.footer div.contact	{ padding-right:30px; }

	div.content-big img, div.content-small img	{ width:95%; }
	p.kereso-title			{ font-size:26px; }
	p.kereso-title-red		{ font-size:42px !important;line-height: 50px;margin-bottom:10px; }
	div#map					{ width:100%;margin:0 auto; }
	div.map-container div.map-text	{ width:45%;padding-right:30px; }
	div.map-container div.map-img	{ width:55%; }
}

@media all and ( max-width: 1200px ) {
	div.footer div a						{ margin:0 10px; }
	div.kereso-container					{ width:600px;margin-right:0; }
	div#map									{ height:100%; }
	div.map-container div.map-text			{ width:90%;position:absolute;z-index:1; }
	div.map-container div.map-text .text	{ width:100%;margin-top:25px; }
	div.map-container div.map-text img		{ float:left;margin-right:20px; }
	div.map-container div.map-img			{ display:none; }
	div.map-container div.map-text .title	{ margin:10px 0 0 0; }
	p.kereso-title							{ font-size:24px; }
	p.kereso-title-red						{ font-size: 38px !important;line-height: 48px; }
	p.kereso-leiras							{ font-size:18px;line-height:23px; }
	div.fixed-top-menu div					{ text-align:right; }
	div.content-small  						{ width:50%; }
	div.content-big							{ width:50%; }
	div.content-container p.text			{ font-size:16px;line-height:23px; }
	div.content-container h1				{ font-size:22px; }
	div.content-container h1 span.tpms-big	{ font-size:41px; }
	div.top-menu-con span.sep				{ font-size:15px;margin-top:28px; }
	div.top-menu-con a 						{ margin:28px 10px 0 10px; }
}

@media all and ( max-width: 1100px ) {
	div.top-menu-con a						{ font-size:15px; }
}
@media all and ( max-width: 1000px ) {
	div.fixed-top-menu a, div.fixed-top-menu span.sep	{ display:none; }
	div.fixed-top-menu img.top-menu-icon				{ display:inline;cursor:pointer; }
	div.fixed-top-menu span.top-menu-icon-text			{ display:inline;margin-right:10px;color:#fff;cursor:pointer;font-size:16px;line-height: 24px; }
	div.fixed-top-menu div.content-container			{ text-align:right;padding:25px 25px 0 0;position:relative; }
	div.fixed-top-menu div.top-mobile-menu a			{ display:block;margin:0 !important;border-bottom: 1px solid #fff;padding:15px 0; }
	div.fixed-top-menu div.top-mobile-menu				{ width:100%;height: auto !important;position:absolute !important;top:75px;left:0;background:#e65952;z-index:999;text-align: center !important;margin-right:0 !important; }
}
@media all and ( max-width: 900px ) {
	.uzemeltetes-mobil-img		{ display: block !important;width: 100%;top: 0 !important;left: 0 !important;position: relative !important;margin-top:20px; }
	div.selector-container		{ width:80%;margin-left:-40%; }
	div.selector-container img	{ margin:18% 0 10% 0; }
	div.enter-title-text		{ margin-bottom:9%; }
	div.alert-title-text		{ margin-bottom:10%; }
	div.footer div.menu a,div.footer div.menu span.sep { display:none; }
	div.footer div.copy			{ width:40%; }
	div.footer div.contact		{ width:40%; }
	div.footer div.menu			{ width:20%;text-align:center; }
	img.menu-icon				{ display:inline;cursor:pointer; }
	div.bottom-mobile-menu		{ width:100%;position:absolute;bottom:0;left:0;background:#f3f3f3;padding-top: 10px; }
	div.bottom-mobile-menu a	{ width:100%;display:inline-block;color:#838383;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #fff;text-align:center;text-decoration:none;text-transform:uppercase;font-size:14px; }
	div.bottom-mobile-menu a:last-child { border:0;margin-bottom:0; }
	div.content-container		{ display:block;width:100%; }
	div.szerviz-kereso-container{ padding-top:20px; }
	p.kereso-title				{ font-size: 23px; }
	p.kereso-leiras				{ display:none; }
	label.szerviz-kereso		{ margin-top:10px;font-size: 18px; }
	div.map-container div.map-text .title span.black{ font-size:18px; }
	div.map-container div.map-text .title span.blue { font-size:28px; }
	div.map-container div.map-text	{ padding:0; }
	div#map					{ height:100%;margin:0 auto;height:100%; }
	div#lista				{ padding:0; }
	span.list-item-cegnev	{ font-size:23px; }
	div.header span			{ left:195px;font-size:12px; }
	p.kereso-title-red		{ font-size:32px !important;line-height: 38px; }
	div.kereso-container	{ width:95%;height:auto;margin:0 auto 10px auto;padding:20px; }
	span.top-menu-icon-text	{ display:inline;margin-right:10px;color:#fff;cursor:pointer;font-size:16px;line-height: 24px; }
	div.top-menu-con div.content-container { text-align:right;padding:25px 25px 0 0;position:relative; }
	div.top-mobile-menu		{ width:100%;height: auto !important;position:absolute !important;top:75px;left:0;background:#e65952;z-index:999;text-align: center !important; }
	div.top-menu-con div.top-mobile-menu a	{ display:block;margin:0 !important;border-bottom: 1px solid #fff;padding:15px 0; }

	div.top-menu-con a, div.top-menu-con span.sep	{ display:none; }
	div.top-menu-con img.top-menu-icon				{ display:inline;cursor:pointer; }
	div.top-menu-con span.top-menu-icon-text			{ display:inline;margin-right:10px;color:#fff;cursor:pointer;font-size:16px;line-height: 24px; }
	div.top-menu-con div.content-container			{ text-align:right;padding:25px 25px 0 0;position:relative; }

	div.top-menu-con a:hover{ border-bottom: 1px solid #fff; }
	
	.content-force-top		{ display: table-header-group !important; }
	.content-force-bottom	{ display: table-footer-group !important; }
	.content-force-top h1	{ margin-top:20px !important; }

	div.content-small		{ width:100%;padding:20px 0 0 0;word-break: break-word;word-wrap: break-word; }
	div.content-small h1	{ padding:0 20px;font-size:18px; }
	div.content-container h1 span.tpms-big { font-size:30px; }
	div.content-small p.text{ padding:20px;margin-top:0;font-size:15px;line-height:19px; }
	div.content-big			{ width:100%;padding:0;text-align:center; }
	div.content-big img		{ width:90%;margin:40px 0 !important; }
	div.content-small.contact, div.content-big.contact	{ display:block !important;padding-top:20px; }
	p.kereso-title			{ font-size:20px; }
	span.kereso-help-text	{ font-size:13px; }
	label.szerviz-kereso input { padding: 10px 85px 10px 15px;margin-top:4px; }
	div.map-container div.map-text .title				{ margin:0; }
	div.map-container div.map-text img					{ width:60px;margin-right:10px; }
	div.map-container div.map-text .title span.black	{ font-size:14px;line-height:20px; }
	div.map-container div.map-text .title span.blue		{ font-size:20px; }
	div.map-container		{ width:95%;margin:0 auto 10px auto;height:280px;padding:20px; }
	div.uzemeltetes-bg div.text img	{ display:none; }
	div.uzemeltetes-bg div.text		{ width:100%;height:auto;padding:30px 20px; }
	div.uzemeltetes-bg				{ height:auto; }
	div.map-container img.greylogo	{ display:none; }
	a.return-btn-map				{ right:20px;left:auto !important; }
	div.content-container p.white-text	{ padding: 0 20px 20px 20px;font-size: 16px;line-height: 22px; }
	div.content-container h2			{ font-size: 26px;padding: 0 20px; }
	div.contact-con			{ padding:20px; }
}
@media all and ( max-width: 590px ) {
	.partnerszerviz-link	{ display:none; }
	div.contact-con			{ display:block; }
	div.contact-left		{ width:100%; }
	div.contact-right		{ width:100%;padding-left:0 !important;padding-top:20px; }
	div.contact-con textarea{ height:200px; }
	div.selector-container	{ width:90%;margin-left:-45%; }
	a.selector-left			{ width:100%;height:48%; }
	a.selector-right		{ width:100%;height:48%;top:54%; }
	div.selector-container img	{ display:none; }
	span.selector-info-text		{ display:none; }
	a.selector-right div.tovabb,a.selector-left div.tovabb { display:none; }	
	div.header				{ background:url('../images/css/presite-logo-small.png') no-repeat center 25px;text-align:center;padding-top:75px; }
	div.header span			{ position:static;font-size:13px; }
	a.selector-left:before	{ box-shadow:none; }
	a.selector-right:before	{ box-shadow:none; }
	div.alert-title-text,div.enter-title-text { height:100%;margin:0 auto;font-size:130%;display: table; }
	
	.vilagit-a-tipms-mobil	{ display: table-cell;vertical-align: middle; }
	span.mobile-hide		{ display:none !important; }
	
	div.enter-title-text	{ line-height:120%; }
	span.enter-highlight	{ font-size:220%;line-height:120%; }
	span.alert-highlight	{ font-size:220%;line-height:120%; }
	div.footer				{ height:50px;padding-top:20px;font-size:10px; }
	div.footer div.copy		{ padding-left:10px; }
	div.footer div.contact	{ display:none; }
	div.footer div.menu		{ width:60%;text-align:right;padding-right:10px; }
	div.presite-header		{ height:120px !important; }
	span.valign-center		{ display: table-cell;vertical-align: middle; }
	div.footer div.menu span.footer-menu-icon { display:inline;margin-right:10px;color:#838383;cursor:pointer; }
	body.presite			{ overflow:hidden; }
}
@media all and ( max-width: 400px ) {
	div.map-container div.map-text img { width:45px; }
	a.return-btn-map		{ right:20px;bottom:13px; }
	div.map-container		{ height:260px;padding:20px; }
	span.list-item-cegnev	{ font-size:15px; }
	span.list-item-cim,span.list-item-tel { font-size:14px; }
	div.search-list-item	{ padding: 10px 0; }
	div#map { width:100%;height:100%; }
	div.map-container div.map-text .title span.black { font-size:14px; }
	div.map-container div.map-text .title span.blue { font-size:20px; }
	div.map-container div.map-text .text { margin-top:15px; }
}