#pagination-cont {width:85%; margin-left:7.5%; clear:both;}
#previous-page {float:left; padding: 10px 0;}
#next-page {float:right; padding: 10px 0;}
#logo-with-back {position: absolute; top:0; left:0; width:100px; height:108px;}
.signatures {color:#767675; font-style: italic;}
a {text-decoration: none; color:#e26c55;}

#m-add-cont {width:100%; height:62px; background:#f7c172;}
#m-add {float:right; padding-top:20px; padding-right:7.5%; font-size: 22px; font-family: 'AvenirCndBold'; color:#515151;}

#email {  padding-top:20px;  height:22px; width: auto; padding-right:1%; float:right;}
html, body, img, h1, h6, p, div {margin:0; padding: 0; font-family: 'AvenirMedCn', sans-serif; font-weight: normal;}

#main-title {font-family: 'AvenirCndHeavy', sans-serif;  font-size: 40px; padding: 0px 0 15px 0;}
#main-title2 {font-family: 'AvenirCndBold', sans-serif;  font-size: 1.5vw; padding: 0.5vw 0 0.8vw 0;}

.title-grey {color: #515151;} 
.alcim {font-family: 'oratorStd'; font-size: 35px;}

#bordering-two-lines {border-top: 5px solid #d1d1d1; border-bottom: 5px solid #d1d1d1; padding: 10px 0; width: 85%; margin-left: 7.5%;}
#main-menu {padding:0px 0 0px 0px ; margin: 0px 24px 0px 0; display: inline-block;  font-size: 24px;}
#menu-wrap { background: #e26c55; z-index: 10; margin: 0px 0 0px 0; padding: 10px 0 10px 0px;  width: 100%;  text-align: right; margin-bottom: 50px;}
#menu-wrap2 {z-index: 10; background: white; width: 100%; margin-right: 0%; margin-left: 0%;}
#main-menu2 {padding:0px 0% 0 0 ; margin: 20px 0% 0px 0; font-size: 24px; text-align: center;}
#main-menu li {list-style-type: none; display: inline-block; font-family: 'AvenirCndBold', sans-serif; }
#main-menu2 li {list-style-type: none; display: inline-block; font-family: 'AvenirCndBold', sans-serif; }
#main-menu li a {color: white; text-decoration: none; font-family: 'AvenirCndBold';}
#main-menu li a:hover, #main-menu2 li a:hover {border-bottom: 3px solid white; padding-bottom: 5px;}
#main-menu2 li a {color: #515151; text-decoration: none; font-family: 'AvenirCndBold';}
.menu-divider {padding: 0 15px 0 19px;}
#mountain {width: 100%; margin-bottom: 8vw; height: 5.2vw;}

#page-top {width: 100%; position: relative; z-index: 10; opacity: 0.9;}
#introduction-todo h2 {color: #515151;}
.chapter-title h2, .chapter-title h3 {font-family: 'AvenirLReg';}
.hezag {width: 100%; height:15px; display: block;}

.icons-kek, .icons-szurke {display: inline-block; width: 25%; font-size: 18px; vertical-align: top;}
.icons-kek {background: #f9fcdd; }
.icons-szurke {background: #f7c172; }

.icons-im {width: 80px; height: auto; padding: 10px 0 0 10px;}
.icons h2 {padding: 0 0 10px 10px; font-size: 18px; font-weight: 400; font-family: 'oratorStd';}

em {font-style: normal;}


#me-photo {width: 35%; height: auto; float: left;  padding: 0; margin-right: 15px;}
#mobile-example {margin-left: 0%; height: 320px;}
#laptop-example {height: 320px;}
#tablet-example {height: 320px; float: right; margin-right: 0%;}


.cntr {text-align: center;}



.ar { height: 30px;  font-size: 45px; color: white; font-weight:700;}

#responsive-table {margin-left: 7.5%; width: 85%; margin-top: 20px; margin-bottom: 30px;}
.money p {font-family: 'Tajawal', sans-serif; line-height: 24px; }

.from {font-size: 18px;}


.pounds {font-size: 24px; padding: 18px 3px 18px 2px; }
.howmuch-kek, .howmuch-piros, .howmuch-zold {font-weight: 700; color:#767675; font-size: 16px; font-style: italic;}

#money {display: none; width: 85%; margin-left: 7.5%; font-family: 'Tajawal', sans-serif !important; font-size: 0px; margin-bottom: 80px; margin-top: 20px;}
.money {height: 300px; border: 1px solid #dbdada; border-radius: 6px; vertical-align: top; width: 32.4%; margin-left: 0%;  display: inline-block; text-align: center; color: #767675; margin-top: 0px; font-family: 'Tajawal', sans-serif; }
#money1 { margin-left: 0;  height: 300px;margin-right: 1%; }

#money3 {margin-right: 1%; }

.mi-ez-csomag ul li, .mi-ez-csomag ul, .money {list-style-position: outside; font-size: 18px !important; color: white;}

.chapter-title {height: 75px; width: 85%;  margin-left: 7.5%; bborder-bottom: 4px solid #cfe3d2; padding-bottom: 10px; position: relative;}



#section1, #section1b, #sectionTest {position: relative; margin: 0; padding: 0; background:white;}

#section2, #section3, #section4, #section5, #section6 {position: relative; margin-bottom: 0px; bbackground: rgba(255,255,255, 1);}

#section2 {margin-top: 60px;}

#about-small-text, #about-small-text-right, #why-me-small-text {display: inline-block; width: 40.5%; margin-left: 7.5%; padding-bottom: 30px; text-align: justify; margin-top: 20px;}

#about-small-text-right {float: right; margin-left: 0; margin-right: 7.5%; display: inline-block;}
#introduction-todo, #introduction, #introduction2, #introduction3, #introduction-contact {vertical-align: top; margin-bottom: 20px;width: 85%;
text-align: justify; font-family: 'AvenirMedCn', sans-serif; font-weight: 500; font-size: 17px; margin-top:20px; padding-bottom:20px; color: #767675;
line-height: 38px;}

#introduction, #introduction2, #introduction3 {line-height: 32px;}
#introduction-todo, #introduction, #introduction2 { padding: 0px 0px 0px 0px; margin-left: 7.5%;}
#introduction-todo {text-align: left;  margin-left: 7.5%; padding: 0; width: 85%; font-size: 17px; font-weight: 500; list-style-type: none; margin-bottom: 35px;}
.cost-icons {height: 40px; width: auto; float:left;  margin: 5px 10px 3px 0;}
.cost-item-title {font-weight: 700;}
#introduction-todo {font-size: 0; width: 85%;}
#introduction { padding-bottom: 17px; font-style: italic;}
#vonal-5 { display: none;position: absolute; top:-80px; left:calc(85% + 1px );  width: 1px; height: 100%; background-color:#c1ad83; opacity: 0.4;}
#vonal-6 {display: none;position: absolute; bottom: 0%; left:20%; background-color: #6092b1; width: 44%; height: 1px;}

h2#testimonials-title, p#testimonials-title, p#testimonials-title-contact {text-align: left;font-family: 'AvenirCndBold'; font-size: 31px;  color:#6d6d6d; padding: 40px 0 0 5px;}

.what-said-common, #about-small-text, #about-small-text-right, #why-me-small-text, #behind-scenes,#behind-scenes2 {font-family: 'AvenirMedCn', sans-serif; font-weight: 400; font-size: 17px; line-height: 30px; color: #767675; text-align: justify;}

.stars {width: 100px; height: 20px; padding-left: 10px;}
.quote {width: 30px; height: 30px; padding-right: 30px;}

#kocka-jobbik {display: none;z-index:-1;background-image: url("../images/dia.png"); background-repeat: repeat; position: absolute; right: 20%; height: 600px; width: calc(31% - 3px); top: -70px;}

#testes-boci-1, #testes-boci-2 { top: 10px; margin-left: 7.5%; width: 85%;}
#testes-boci-1 {border-top: solid 0px #6092b1; padding-top: 40px;}
#what-roland-said, #what-bianca-said, #what-tatis-said, #what-ati-said { text-align: justify; font-weight: 400; line-height: 30px; color: #767675; padding-top:20px; }
#what-roland-said {  left: 0; width: 100%;}
#what-bianca-said {  right: 0; width: 100%;}
.testimonials-photo {width:15%; height: auto; border-radius:50%;}
.testimonial-text-jobb {width: 75%; float: right; font-size: 17px;}
.testimonial-text-bal {width: 75%; float: left; padding-right: 5%; font-size: 17px;}

#section7 { width: 100%; overflow: auto; display: block; display: none;}

h2, h3 {padding: 0; padding-bottom: 5px; margin: 0;}
.storelistcont {display:flex; flex-direction: row; justify-content: space-between;  margin-left:7.5%; width:85%; color: #767675; font-weight: 400; font-size: 17px; line-height: 30px;}
.storelistoszlop {margin-top:20px;}
.what-is-image-cont {text-align:center;}
#notice {position: absolute; background:#e26c55; display:none; width:100%; top:70px; text-align: center; font-size: 18px; padding:10px 0px; color:white;}
.fl-cont {  width:85%; margin-left:7.5%;}

h1#title-over-video  {
    position: relative;
    width: 100%;
    z-index: 20;
    text-align: center;
    color:white;
    font-size: 4.65vw;
    font-family: 'AvenirCndBold'; }
    
    .main-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover;
    width:100%;
    display: block;
    clear:both;
    z-index: 0;
   
}

.video-container {
    overflow: hidden !important;
    object-fit: cover !important;
    height: 100vh !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (min-width: 769px) {
    
    .on-mobile {display: none;}
   
}

@media only screen and (max-width: 768px) {
    .on-laptop {display: none;}
    #email-top {display: none !important;}
}