@charset "UTF-8";
/* MASTER CSS
====================================================================================== */
/*
* Filename: style.css
* Description: master CSS
* Author name: ShiwaForce Zrt.
* Author url: http://www.shiwaforce.com
*/


/* IMPORTS
--------------------------------------------------------------------------------------- */
@import "normalize-legacy.css";
@import "siwwwa-defaults.css";


/* GLOBALS
--------------------------------------------------------------------------------------- */
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
::selection {
	background:#88c656;
	color:#fff;
	text-shadow:none;
}
::-moz-selection {
	background:#88c656;
	color:#fff;
	text-shadow:none;
}
::-webkit-selection {
	background:#88c656;
	color:#fff;
	text-shadow:none;
}
#screen-info {
	font-size:12px;
	line-height:16px;
	width:314px;
	position:absolute;
	left:0;
	top:0;
	position:fixed;
	padding:3px;
	z-index:9999;
	color:white;
	background:#ff6600;
	display:none;
}
a {
	outline: none;
	cursor:pointer;
	transition:color 0.2s;
	-o-transition:color 0.2s;
	-moz-transition:color 0.2s;
	-webkit-transition:color 0.2s;
}
img { display:block; }


/* TYPOGRAPHY - DESKTOP OPTIMIZED
--------------------------------------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, p { font-family:Arial, sans-serif; font-weight:normal; color:#65666b; }
h1, h2, h3, h4, h5, h6, p { margin:0 0 1.55em 0; padding:0; font-size:75%; line-height:125%; }
h1 {
	font-size:200%;
	line-height:110%;
	color:#4c4c4c;
	font-weight:bold;
	margin-bottom: 5%;
}
h2 {
	font-size:155.5%;
	line-height:122.5%;
	color:#2183a8;
	font-weight:bold;
	margin-bottom:2%;
}
h3 {
	font-size:130%;
	font-weight:bold;
	color:#4c4c4c;
	margin-bottom:0.6em;
}
h4 {
	font-weight:bold;
	margin-bottom:0.45em;
}
h4, h5, h6, p, td { font-size: 118.5%; }
ul.list li { font-size:118.5%; line-height:125% }
a { color:#2183a8; font-weight: bold; text-decoration:none; }
a:hover { text-decoration:underline; }

.horizontal-list {}
.horizontal-list li {}

.bg-purple { background-color: rgba(65, 11, 88, 0.7); }
.bg-white { background-color: white; }
.bg-green { background-color: #78c139; }
.bg-black { background-color: black; }
.bg-black h1,
.bg-black h2,
.bg-black h3,
.bg-black h4,
.bg-black h5,
.bg-black h6,
.bg-black p,
.bg-black li { color: white; }
.color-grey { color: #65666b; }
.color-white { color: #fff; }
.color-orange { color: #f86c1a; }
.color-green { color: #7abf43; }
.color-purple { color: #994d8f; }
.color-gold { color: #bd9938; }
.color-blue { color: #2183a8; }

hr { width:100%; height:1px; background-color:#ccd7e1; color:#ccd7e1; }


/* LAYOUT - FLUID
--------------------------------------------------------------------------------------- */
html { height:100%; }
/* body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } */
body { position: relative; overflow: auto; background: url(../../g/mobile/body-bg.png) 0 0 repeat; }
.with-menu { overflow: hidden; min-height:2000px; }
#wrapper { width: 100%;	min-width:320px; }
.with-menu #wrapper { margin-left: 85%; }
section { position:relative; clear:both; }
#wrapper .grid-container {
	position:relative;
	height:100%;
}
#wrapper .grid-container.grid-full { padding:0; }
#wrapper .grid-container.grid-app { overflow: hidden; }
#wrapper .grid-container.grid-content { padding:5% 6.5%; }


/* NAV */
nav.menu {
	position: absolute;
	top: 0;
	left: -85%;
	bottom: 0;
	background: url(../../g/mobile/menu-sprite-bg.png) -2000px 0 repeat-y;
	width: 85%;
}
.with-menu nav.menu { left: 0; }
nav.menu > ul {
	font-size:75%;
	margin:0 0 2px -1px;
	padding:0;
}
nav.menu > ul > li {
	position:relative;
	display:block;
	background:url(../../g/mobile/menu-sprite-bg.png) 0 0 repeat-y;
}
nav.menu > ul > li:hover,
nav.menu > ul > li.active {
	background:url(../../g/mobile/menu-sprite-bg.png) -1000px 0 repeat-y;
}
nav.menu > ul > li > a {
	display:block;
	line-height:100%;
    border-top:1px solid #5c5d59;
    border-bottom:1px solid #000000;
	position:relative;
	padding: 5% 2% 5% 8%;
	color:#fff;
    font-size:200%;
	text-decoration:none;
}
nav.menu > ul > li:hover > a:after,
nav.menu > ul > li:hover > span.after,
nav.menu > ul > li ul li ul {display:none;}


/* HEADER */
#wrapper > header {
	border-top:2px solid #88c656;
	position:relative;
	background:linear-gradient(#7abf43, #56a049);
	background:-o-linear-gradient(#7abf43, #56a049);
	background:-ms-linear-gradient(#7abf43, #56a049);
	background:-moz-linear-gradient(#7abf43, #56a049);
	background:-webkit-linear-gradient(#7abf43, #56a049);
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#7abf43), to(#56a049));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7abf43', endColorstr='#56a049');
	-webkit-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.62);
	-moz-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.62);
	box-shadow:0px 3px 6px rgba(0, 0, 0, 0.62);
	z-index:10;
}
#logo {
	height:100%;
	float:none;
	margin:auto;
	background:url(../../g/mobile/logo.png) center center no-repeat;
	z-index:100;
	width:auto;
}
#logo a,
.nav-link a {
	height:98%;
	text-indent:-9999px;
	display:block;
	font-size:413%;
	line-height:98%;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.nav-link {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100px;
}
#nav-link-search {
	left: auto;
	right: 0;
}
#nav-link-back { display: none; }

#nav-link-menu a { background-image: url(../../g/mobile/icon-menu.png); }
#nav-link-back a {background-image: url(../../g/mobile/icon-back.png); }
#nav-link-search a { background-image: url(../../g/mobile/icon-search.png); }


/* FOOTER */
#wrapper > footer {
	clear:both;
	width: 100%;
	padding-top:5%;
}
#wrapper > footer #nav-links-footer {
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	width: 96%;
	padding:2%;
}
#wrapper > footer #nav-links-footer ul {
	margin:0;
	padding:0;
	text-align:center;
}
#wrapper > footer #nav-links-footer li {
	list-style: none;
	display:inline;
	padding:0 5%;
	text-transform:uppercase;
	font-weight:bold;
	font-size:80%;
}
#wrapper > footer .copyright {
	width:96%;
	text-align:center;
	font-weight:bold;
	font-size:80%;
	text-transform:uppercase;
	padding:2%;
}


.box-text { width:100%; padding:0; position:relative; float:left; }

.box-text-bordered {
	padding: 3% 0;
	border-width: 1px 0;
	border-style: solid;
	border-color: #c3c3c3;
	margin: 1.5% 0;
	width: auto;
	float: none;
}
.box-text-bordered.border-blue,
.box-text-bordered.border-gold,
.box-text-bordered.border-purple {
	width: auto !important;
	padding: 4.5% 8% !important;
	background-color: transparent;
}
.box-text-bordered.border-blue { border-color: #0180cd; }
.box-text-bordered.border-gold { border-color: #bd9938; }
.box-text-bordered.border-purple { border-color: #994d8f; }

.box-text-bordered.border-blue * { color: #0180cd; }
.box-text-bordered.border-gold * { color: #bd9938; }
.box-text-bordered.border-purple * { color: #994d8f; }

.box-text-bordered.border-blue h3,
.box-text-bordered.border-gold h3,
.box-text-bordered.border-purple h3 { font-size: 165%; }

.box-text-bordered.border-blue img,
.box-text-bordered.border-gold img,
.box-text-bordered.border-purple img {
	margin-top: -1.5%;
	max-width: 100% !important;
	height: auto;
}

.box-text-bordered.border-blue .layer-fixed.layer-right a,
.box-text-bordered.border-gold .layer-fixed.layer-right a,
.box-text-bordered.border-purple .layer-fixed.layer-right a {
	position: absolute;
	background: none;
}
.box-text-bordered.border-blue .layer-fixed.layer-right a:after,
.box-text-bordered.border-gold .layer-fixed.layer-right a:after,
.box-text-bordered.border-purple .layer-fixed.layer-right a:after {
	content: "";
	width: 22px;
	height: 39px;
	display: block;
	position: absolute;
	left: 90%;
	top: 50%;
	margin-top: -20px;
	background-image: url(../../g/mobile/readmore-arrows.png);
	background-repeat: no-repeat;
}
.box-text-bordered.border-blue .layer-fixed.layer-right a:after { background-position: 0 0; }
.box-text-bordered.border-gold .layer-fixed.layer-right a:after { background-position: -22px 0; }
.box-text-bordered.border-purple .layer-fixed.layer-right a:after { background-position: 100% 0; }

.grid-container.grid-app .box-text { padding:4.1% 5%; width:90%; }
.box-text ul.list {
	padding:0;
	margin:0 0 5% 5%;
	list-style-image: url(../../g/mobile/ul-li.png);
}
.box-text ul.list li { padding:0 0 0.5% 0; }
.box-text ul.list ul.list li {
	font-size:100%;
	list-style-image:url(../../g/mobile/ul-li-li.png);
}
.box-text ul.list li.listitem,
.box-text ul.list ul.list li.listitem { list-style-type: none; list-style-image: none; }
/*.box-text ul.list li.listitem.type00,
.box-text ul.list ul.list li.listitem.type00 { list-style-image: url(../../g/mobile/ul-li.png); }
.box-text ul.list li.listitem.type01,
.box-text ul.list ul.list li.listitem.type01 { list-style-image: url(../../g/mobile/ul-li-type01.png); }
.box-text ul.list li.listitem.type02,
.box-text ul.list ul.list li.listitem.type02 { list-style-image: url(../../g/mobile/ul-li-type02.png); }*/
.box-text table.table { margin-bottom: 5%; }
.box-text table.table td {
	padding: 5%;
	border: 1px solid #c3c3c3;
}
.box-text table.table tr.odd td { background-color: #e9eff4; }
.box-text table.table tr.even td { background-color: #f1f5f8; }


.layer-fixed { padding:2.5% 7.1%; width:85.8%; }
.layer-fixed h1,
.layer-fixed h2,
.layer-fixed h3,
.layer-fixed p { margin-bottom:0; }
.box-text-bordered h1,
.box-text-bordered h2,
.box-text-bordered h3,
.box-text-bordered p { margin-bottom:0; }
.bg-green h3,
.bg-green p {
	color:#325421;
	text-shadow: 0 2px 0 rgba(255, 255, 255, 0.2);
}
.box-text-bordered .layer-right { padding:0;width:100%; }
.box-text-bordered a.readmore { background: url(../../g/mobile/icon-readmore.png) 95% center no-repeat; width:100%; height:100%; display:block; text-indent:-9999px; float:right; }


/* promoslider */
.effect-container,
.effect-container .effect-slide,
.effect-container .effect-slide ul li { width: 100%; }
.effect-container .effect-slide,
.effect-container .effect-slide ul li .box-mainpromo {
	position: relative;
	overflow: hidden;
}
.effect-container,
.effect-container .effect-slide ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
.effect-container { padding-bottom:4.7%; }
.effect-container .effect-slide ul li { float: left; }
.effect-container .promo-pager-container { position: absolute; left:50%; bottom:0; }
.effect-container .promo-pager-container .promo-prev,
.effect-container .promo-pager-container .promo-next {
	position: absolute;
	width: 12px;
	height: 13px;
	display: block;
	cursor: pointer;
	text-indent: -10000px;
	background: url(../../g/mobile/promoslider-pager.png) no-repeat 50% 0;
}
.effect-container .promo-pager-container .promo-prev {
	left: 0;
}
.effect-container .promo-pager-container .promo-next {
	right: 0;
	background-position: 0 -39px;
}
.effect-container .promo-pager-container .promo-pager {
	margin: 0 19px;
	padding: 0;
	list-style: none;
}
.effect-container .promo-pager-container .promo-pager li {
	width: 18px;
	height: 13px;
	display: block;
	background: url(../../g/mobile/promoslider-pager.png) no-repeat 50% -13px;
	text-indent: -10000px;
	cursor: pointer;
	float: left;
}
.effect-container .promo-pager-container .promo-pager li.active { background-position: 50% -26px; }
/* promoslider */


/* landing */

#logo-landing {
	position: absolute;
	z-index: 7777;
	width: 38.12%;
}
#logo-landing a {
	display: block;
}

.grid-landing-content { padding: 0; }

.grid-landing-content .box-landing {
	padding: 5% 6.5% 1% 6.5%;
	overflow: hidden;
	width: auto;
	float: none;
}
.grid-landing-content .box-landing.bg-gold { background-color: #bd9938; }
.grid-landing-content .box-landing.bg-green { background-color: #7abf43; }
.grid-landing-content .box-landing.bg-purple { background-color: #994d8f; }

.grid-landing-content .box-landing.bg-gold *,
.grid-landing-content .box-landing.bg-green *,
.grid-landing-content .box-landing.bg-purple * { color: #fff; }

.box-text ul.list {
	margin: 0 0 5% 0;
	padding: 0;
}
.box-text ul.list li.listitem {
	list-style: none;
	padding: 0 0 3% 9%;
}
.box-text ul.list li.listitem.type00 { background: url(../../g/mobile/listitem-type00.gif) 0 0 no-repeat; background-size: 5.8%; }
.box-text ul.list li.listitem.type01 { background: url(../../g/mobile/listitem-type01.gif) 0 0 no-repeat; background-size: 5.8%; }
.box-text ul.list li.listitem.type02 { background: url(../../g/mobile/listitem-type02.gif) 0 0 no-repeat; background-size: 5.8%; }
.box-text ul.list li.listitem.type03 { background: url(../../g/mobile/listitem-type03.gif) 0 0 no-repeat; background-size: 5.8%; }
.box-text ul.list li.listitem.type04 { background: url(../../g/mobile/ul-li-type01.png) 2.2% 13% no-repeat; }

.box-text .button {
	display: block;
	position: relative;
	height: 100%;
	margin: 0px 0px 15px 0px;
	font-weight: bold;
/* 	font-size: 130%; */
	text-align: center;
	border-radius: 5px;
}
.box-text .button:hover {
	text-decoration: none;
}
.box-text a.button {
	font-size: 130%;
	line-height: 1;
}
.box-text .button.button-type00 {
	padding: 5% 4%;
	color: #fff;
	text-shadow: 0px 1px 0px #719639;
	background: #68b545; /* Old browsers */
	background: -moz-linear-gradient(top,  #82c34e 0%, #56ab47 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82c34e), color-stop(100%,#56ab47)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #82c34e 0%,#56ab47 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #82c34e 0%,#56ab47 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #82c34e 0%,#56ab47 100%); /* IE10+ */
	background: linear-gradient(top,  #82c34e 0%,#56ab47 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c34e', endColorstr='#56ab47',GradientType=0 ); /* IE6-9 */
}
.box-text .button.button-type01 {
	padding: 5% 4%;
	color: #fff;
	text-shadow: 0px 1px 0px #147086;
	background: #279ab8; /* Old browsers */
	background: -moz-linear-gradient(top,  #3bb6ca 0%, #2184a9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3bb6ca), color-stop(100%,#2184a9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3bb6ca 0%,#2184a9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3bb6ca 0%,#2184a9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3bb6ca 0%,#2184a9 100%); /* IE10+ */
	background: linear-gradient(top,  #3bb6ca 0%,#2184a9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb6ca', endColorstr='#2184a9',GradientType=0 ); /* IE6-9 */
}
.box-text .button.button-type02 {
	padding: 5% 4%;
	color: #fff;
	background-color: #0180cd;
}
.box-text .button.button-type03 {
	padding: 5% 4%;
	color: #fff;
	background-color: #bd9938;
}
.box-text .button.button-type04 {
	padding: 5% 4%;
	color: #0180cd;
	border: 1px solid #dee0dc;
	background-color: #fff;
}
.box-text .button.button-type05 {
	padding: 5% 4%;
	color: #bd9938;
	border: 1px solid #dee0dc;
	background-color: #fff;
}
.box-text .button.button-type06 {
	padding: 5% 4%;
	color: #585858;
	text-shadow: 0px 1px 0px #eff0ec;
	background: #cccdc1; /* Old browsers */
	background: -moz-linear-gradient(top,  #dddfd5 0%, #bfc0b2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddfd5), color-stop(100%,#bfc0b2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dddfd5 0%,#bfc0b2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dddfd5 0%,#bfc0b2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dddfd5 0%,#bfc0b2 100%); /* IE10+ */
	background: linear-gradient(top,  #dddfd5 0%,#bfc0b2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddfd5', endColorstr='#bfc0b2',GradientType=0 ); /* IE6-9 */
}

/* landing */

/* időszakos promo */
body.prevent-scroll { background: #57AA45; }
.box-promo-static.hide,
.box-promo-periodic.hide {
	display: none;
}
.box-promo-static,
.box-promo-periodic {
	background: #57AA45;
}
.box-promo-static .promo-content,
.box-promo-periodic .promo-content {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* height: 559px; */
	height: auto;
	background: #57AA45 url('../../g/olimpia/fullbanner-mobil.jpg') no-repeat;
	background-size: 100%;
	z-index: 1000;
}
.box-promo-static .promo-content .promo-close,
.box-promo-periodic .promo-content .promo-close {
	position: absolute;
	left: 25px;
	right: 25px;
	bottom: 50px;
	padding: 7px;
	text-align: center;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.box-promo-static .promo-content .promo-close:after,
.box-promo-periodic .promo-content .promo-close:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url('../../g/megtakaritas/arrow-blue-right.png')
}

@media (max-height: 400px) {
	.box-promo-periodic .promo-content .promo-close {
		bottom: 25px;
	}
}
/* időszakos promo */