/* Import fonts */
@import url('/landingCommon/fonts/fonts.css');

html, body {
    font-family: 'Nunito Sans', sans-serif;  
    background-color: #D8BD92;
    background: linear-gradient(180deg, #896B45 0%, #D8BD92 20%, #D8BD92 90%, #896B45 100%);
    color: #000000;
    font-size: 14px;
}

a, a:hover, a:active {
    color: #000000;
}

.text-red {
    color: #6E1213;
}

@media (min-width: 1400px) {
    .fejlec-linkek {
        padding-top: 60px;
    }
    .fejlec-cim {
        margin-top: -40px;
    }
}

@media (max-width: 1399px) {
    .fejlec-cim {
        padding-top: 30px;
    }
    .fejlec-linkek {
        padding-top: 10px;
    }
}

.fejlec {
    text-align: center;
    margin-bottom: 100px;
}

.fejlec-linkek {
    text-align: right !important;
}

.fejlec-linkek .facebook,
.fejlec-linkek .holjarsz {
    padding: 0px 10px;
}

.fejlec-cim {
    text-align: center !important;
}

.fejlec-cim .focim {
    font-size: 3.8em;
    line-height: 100%;
    font-weight: 800;
    text-transform: uppercase;
}

.fejlec-cim .alcim {
    font-size: 3.6em;
}

@media (min-width: 768px) {
    .fejlec-cim .focim {
        font-size: 7.2em;
    }
    .fejlec-cim .alcim {
        font-size: 4.6em;
    }
}

.fejlec-cim .ikonok {
    padding: 5px 0px;
}

.fobox {
    color: #000000;
    margin: 25px 0px;
}

.fobox .box-fejlec-kep {
    margin-top: -80px;
    margin-bottom: -20px;
}

@media (max-width: 992px) {
    .magyar-app {
        display: none;
    }
}

.magyar-app {
    font-size: 1.4em;
    line-height: 105%;
    margin-bottom: 20px;
}

.magyar-app .text-right {
    display: inline-block;
}

.magyar-app .text-right strong {
    text-transform: uppercase;
}

.magyar-app img {
    display: inline-block;
    margin-top: -32px;
}

@media (min-width: 992px) {
    .fobox {
        background-color: #BA9662;
        background: linear-gradient(180deg, #AC9069 0%, #BA9662 100%);
        padding: 0px 20px;
        border-radius: 530px;
    }
    .fobox .box-kep-1 {
        margin-top: -130px;
        margin-bottom: -80px;
    }
    .row.padding {
        padding: 0px 100px;
    }
    .fobox .round {
        padding-bottom: 110px;
    }
    .fobox .round li:nth-last-child(6),
    .fobox .round li:nth-last-child(5),
    .fobox .round li:nth-last-child(4) {
        padding-right: 60px;
    }
    .fobox .round li:nth-last-child(3),
    .fobox .round li:nth-last-child(2) {
        padding-right: 90px;
    }
    .fobox .round li:last-child {
        padding-right: 140px;
    }
}

@media (min-width: 1200px) {
    .fobox .round {
        padding-bottom: 120px;
    }
    .fobox .round li:nth-last-child(6),
    .fobox .round li:nth-last-child(5),
    .fobox .round li:nth-last-child(4) {
        padding-right: 60px;
    }
    .fobox .round li:nth-last-child(3),
    .fobox .round li:nth-last-child(2) {
        padding-right: 100px;
    }
    .fobox .round li:last-child {
        padding-right: 120px;
    }
    .fobox .box-kep-3 {
        margin-top: 0px;
    }
}

@media (max-width: 1200px) {
    .fobox h1 {
        font-size: 2.5em;
    }
}

h1 {
    color: #6E1213;
    font-size: 3.5em;
    line-height: 100%;
    font-weight: 800;
    text-transform: uppercase; 
}

h1 .ikon {
    display: inline-block;
    margin-top: -15px;
}

h2 {
    font-size: 2.1em;
    line-height: 110%;
    font-weight: 300;
}

.fobox h1 {
    color: #ffffff;
}

.fobox h2 {
    color: #000000;
}

.fobox h2.alt {
    font-size: 3.6em;
    line-height: 100%;
    font-weight: 800;
}

.fobox p {
    padding: 10px 0px;
}

.fobox ol {
    padding: 10px 0px 0px 15px;
    margin: 0px;
}

.fobox li {
    padding: 0px;
    margin: 0px;
}

.mellekbox {
    position: relative;
    margin: 100px 0px;
    width: 100%;
    padding: 40px 0px;
}

@media (min-width: 768px) {
    .mellekbox {
        border: 2px solid #B89168;
        padding: 40px;
    }
    .mellekbox-szerviz-fejlec,
    .mellekbox-letoltes-fejlec,
    .mellekbox-labresz {
        margin: 0px -40px;
    }
}

.mellekbox-szerviz-fejlec,
.mellekbox-letoltes-fejlec,
.mellekbox-labresz {
    display: block;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.mellekbox-szerviz-fejlec {
    top: -120px;
}

.mellekbox-letoltes-fejlec {
    top: -20px;
}

.mellekbox-labresz {
    bottom: -60px;
}

.mellekbox-szerviz-fejlec .mellekbox-cim,
.mellekbox-letoltes-fejlec .mellekbox-cim {
    display: inline-block;
    background-color: #D8BD92;
    padding: 0px 50px;
}

@media (max-width: 576px) {
    .mellekbox-szerviz-fejlec .mellekbox-cim,
    .mellekbox-letoltes-fejlec .mellekbox-cim {
        padding: 0px;
    }
    .mellekbox-szerviz-fejlec,
    .mellekbox-letoltes-fejlec,
    .mellekbox-labresz {
        margin: 0px;
    }
}

.mellekbox-labresz .mellekbox-labresz-tartalom {
    display: inline-block;
    background-color: #D8BD92;
    padding: 0px 30px;
}

@media (max-width: 576px) {
    .mellekbox-labresz .mellekbox-labresz-tartalom {
        width: 300px;
    }
    .mellekbox {
        padding-bottom: 100px;
    }
    .mellekbox-letoltes {
        padding-bottom: 0px !important;
    }
    .mellekbox-labresz {
        bottom: -80px;
    }
    .heading-kupon {
        font-size: 2em;
    }
}

.mellekbox .holjarsz {
    margin: -20px -20px 0px 0px;
    z-index: 2;
    position: relative;
}

@media (min-width: 768px) and (max-width: 1200px) {
    .mellekbox .holjarsz {
        margin: -40px -40px 0px 0px;
        width: 120px;
    }
}

@media (max-width: 768px) {
    .mellekbox .holjarsz {
        display: none !important;
    }
}

.mellekbox .mellekbox-tartalom {
    margin-top: 50px;
}

.mellekbox .mellekbox-tartalom h1 {
    font-size: 1.6em;
    line-height: 100%;
    font-weight: 800;
    text-transform: none;
}

.mellekbox .mellekbox-tartalom h1 .kiemelt {
    text-transform: uppercase;
    color: #ffffff;
}

.heading-kupon {
    text-transform: none;
    font-weight: 300;
    font-size: 2.4em;
    line-height: 120%;
}

.kupon {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 2.3em;
    word-wrap: break-word;
}

.webshop .ikon{
    margin-top: -20px;
}

.webshop-text {
    font-size: 2em;
    display: inline-block;
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 100%;
    position: relative;
    z-index: 1;
}

.webshop-text:link {
    text-decoration: none;
}

.webshop-text .text-red {
    font-size: 0.8em;
}

.vasarolj-kep-container {
    position: relative;
}

.vasarolj-kep {
    margin-left: -150px;
    position: relative;
    z-index: 0;
}

.vasarolj-kep-container .ar {
    position: absolute;
    bottom: 30%;
    right: 15%;
    text-align: right;
    font-size: 1.2em;
    line-height: 150%;
}

.vasarolj-kep-container .ar strong {
    font-size: 2em;
    text-shadow: 2px 2px #896B45;
}

@media (min-width: 1200px) {
    .vasarolj-kep {
        margin-top: -60px;
        margin-bottom: -70px;
    }
}

.vasarlas {
    font-size: 1.5em;
    font-weight: 800;
}

.vasarolj {
    font-size: 1.5em;
}

@media (max-width: 576px) {
    .vasarolj {
        font-size: 1.1em;
    }
}

.ingyenszallias {
    text-transform: uppercase;
}

.vasarlasi-elony {
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 800;
    color: #ffffff;
    display: inline-block;
    word-wrap: unset;
    padding: 5px 10px;
}

.applikacio-letoltes,
.hasznalati-utmutato {
    display: block;
    font-size: 1.5em;
    font-weight: 600;
}

.kep-letoltes-telefon {
    margin-bottom: -20px;
}

.labresz .hivjon {
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 800;
}

.labresz .hivjon .bizalommal {
    font-size: 1.2em;
}

.labresz .ugyfelszolgalat {
    font-size: 1.2em;
    font-weight: 800;
    padding-top: 80px;
    padding-bottom: 80px;
}

.webshop-gomb {
    background-color: rgba(110, 18, 19, 0.98);
    background-image: url('images/webshop_ikon_alt.png');
    background-position: -2px 8px;
    background-repeat: no-repeat;
    background-size: 66px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.1em;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 18px 20px 18px 70px;
    margin: 0px 8px 8px 0px;
    border-radius: 4px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: none;
}

.webshop-gomb:link, 
.webshop-gomb:hover, 
.webshop-gomb:active {
    color: #ffffff;
    text-decoration: none;
}

@media (max-width: 992px) {	
	.fobox p {
		text-align: left;
	}
	
	h1, h2, .webshop, .vasarlas {
		text-align: center !important;
	}
}