.cim {
    font-size:30px;
    font-weight:500;
    font-family: 'Merriweather', serif;
  }

  a { 
   
  text-decoration:none;
  color:inherit;
  }
  .tovabbolvasom { text-decoration: underline; cursor: pointer; } 
  .monitorhide { display:none; }

  
  body {
    margin:0px;  
    font-family: 'Raleway', sans-serif;
    font-size:18px;
  }
  .maxszeles {
    max-width:1000px;
    margin:0px auto;

  }
  #head {
    position:absolute;
    background:rgb(42, 41, 44);
    height:100px;
    color:#FFF;
    z-index:10;
    width:100%;
  }
  #head #logo { 
    margin-right:0px;
  }

  #head > div > div {
    text-transform:uppercase;
    float:left;
    display:inline;
  }
  #head > div > div.menu {
     font-size:14px;
     padding:40px 20px;
     letter-spacing: 0.4px;
  }
  #head img {
    height:100px;
    margin-top:0px;
    margin-right:0px;
    float:left;
  }
  #head #nev {
    position:relative;
    top:20px;
    font-size:22px;  
    display:inline;    
  }

  #inkor {
    display: inline-block;
    background: #ffede2 ;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    position:relative;
    margin-top:20px;
    color:#000;
  }
 
  #head #inlogo {
    text-transform:none;
    font-size:32px;
    font-weight:800;
    position:absolute;
    margin-top:7px;
    padding-left:14px;
  }
  
  
  
  #head.lebeg {
    position:fixed;
    top:-50px;
    height:90px;
  }
  #head.lebeg #logo { 
    margin-left:100px;   
  }
  #head.lebeg img {
    height:60px;
    position:relative;
    top:40px;
  }
  #head.lebeg #nev {
    font-size:14px;
    position:relative;
    top:48px;
  }
  #head.lebeg .menu {
    padding: 60px 20px;
  }  
  #head.lebeg #inkor {
    margin-top:40px;  
  
  }

 

  #burgermenu {
    display:none;
  }

  #fooldal {
    background:#fbe8df;
    height:380px;
    padding-top:80px;
    background-image:url("header-image-desktop.jpg");
    background-repeat:no-repeat;
    background-position: center 100px ; 
  }
  
  #fooldal .maxszeles {
    height:380px;
    background-repeat: no-repeat;
    background-size: 1050px 600px;
    background-position: -315px -80px; 
   
  
  }
  #fooldal img {
    display:none;
  }
  #fooldal #motto {
    background-image:url("Text_box_DESKTOPRA-01-01.svg");
    background-repeat: no-repeat;
    margin-top:60px;
    height:275px;
    width:446px;
    
  }
  
  #s1 .maxszeles{
  
 }
  #hattercsik {
    height:51px;
    width:50%;
    background:#4a5d99;
    position:absolute;
    right:0px;
    z-index:-1;
   // border-top:solid 2px #000;
    border-bottom:solid 2px #000;
  }

  
  #s1o1 {
    width:25%;
    float:left;
    background:#fff;
  //  border-top:solid 2px #000;
    border-bottom:solid 2px #000;
   }

  #s1o1 > div {
    padding: 15px 0px 15px 30px;
  }
  #s1o2 {
    width:75%;
    float:left;
    color:#fff;
    background:#4a5d99;
 //   border-top:solid 2px #000;
    border-bottom:solid 2px #000;
 
  }
  #s1o2 > div {
    border-left:solid 2px #000;
    padding: 15px 0px 15px 30px;
  }

  
  #s2 {
    border-bottom:solid 2px #000;
    font-family: 'Merriweather', serif;
    
  }
  #hattercsik2 {
    height:0px;
    width:50%;
    position:absolute;
    right:0px;
    z-index:-1;
    border-bottom:solid 2px #000;
  }

  #s2 .maxszeles>div {
    float:left;
    width:25%;
  }
  #s2 .maxszeles>div>div {
    border-left:solid 2px #000;
    padding:20px 0px 30px 30px;  
    width: 100%;
  }
  #s2 .maxszeles>div>div.first {
    border-left:solid 0px #000;
  }
  
  
  .nagy {
    font-size:55px;
    font-weight:800;
  }
  .cb {
    clear:both;
  }
  #bemutatkozas {
     
  }
  #bemutatkozas .elem {
    width:33%;
    float:left;
  }
  #bemutatkozas .elem > div {
    padding: 80px 20px 80px 20px ;
  }
  #bemutatkozas .elem > div .line {
    border-top:solid 3px #b68d73;
    width:70px;
    margin:20px 0px;
  }
  #bemutatkozas .elem > div .text {
    line-height:130%
  }
/*  #selektgorgroup1 {
    display:none;
  }*/
  #s4 {
    text-align:center;
    text-transform:uppercase;
 
    background:#ffede2;
    color: rgb(241, 94, 90) ;
    padding:30px 0px 100px 0px;
  }
  #s4 > div > div {
    width:33%;
    float:left;
  }
  #s4o2 {
 
     color:#4a5d99 ;
     text-transform:uppercase;
     padding-top:30px;
  }
  
  #s5 {
    background:#ffede2;
  }
  
  #s5o1 {
    width:33%;
    float:left;
  }
  #s5o1a {
    height:250px;
    width:250px;
    border-radius:50%;
    background:url("bemutatkozas.jpg");
    background-repeat: no-repeat;
   background-size:cover;
 
  }
  
  #s5o1b{
    height:35px;
    width:250px;
    
    background:#4a5d99 ;
    text-align:center;
    color:#fff;
    padding-top:15px;
    margin-top:20px;
  }
  
  
  #s5o2 {
    width:66%;
    float:right;
  }

  #tobbbemutatkozas {
    display:none;
  }
  #s5o2b {
    margin-top:30px;
    line-height:130%
  }

  #s6 {
   text-align:center;
   background:#ffede2;
   padding-top:80px;
   padding-bottom:80px;
   
  }
  #s6 .maxszeles>div>div {
    float:left;
    width:25%;
    height:150px;
  }
  #s6 .maxszeles>div>div>div {
    position:relative;
    border-left:solid 2px #000;
    margin:20px 0px;
    height:80px; 
    width: 100%;
  }
  
  
  #s6 .datum {
    color:#b68d73 ;

    // font-family: 'Merriweather', serif;
    font-family: 'Raleway', serif;
     font-size:19px;
  }
  #s6 .text {
    padding:0px 18px;
  }
  
  .vonal {
    font-family: 'Merriweather', serif;
    position:absolute;
    top:-63px;
    left:-43px;
    font-size:24px;
    font-weight: bold;
  }
  
  #esz01 {

    color: #4a5d99;
    text-transform: uppercase;
    padding-top: 30px;
    width:33%;
    margin: 0px auto;
    text-align:center;
  }  
  #esz1,#esz2,#esz3 {
    padding: 60px 0px ;
  }
  #esz2 {
 
  }
  

  #tobbelmeszaki {
    display:none;
  }
  .eszcim {
    font-size: 30px;
    font-weight: 500;
    font-family: 'Merriweather', serif;
    float:left;
    width:25%;
  }
  .esztext {
    float:right;
    width:66%;
    border-left: solid 2px #000;
    padding-left:60px;
    line-height: 130%;
  }
  
  #esz4 {
    background:#ffede2;
  }
 
  #esz4cim {
    font-size: 30px;
    font-weight: 500;
    font-family: 'Merriweather', serif;

    width:20%;
    float:left;
    padding-top:96px;
    
  }
  #esz4okok {
    width:75%;
    float:right;
    padding:50px 0px;
  }
  #esz4okok>div {
    width:33%;
    float:left;
    
  }
  #esz4okok>div.cb {
    width:90%;
    float:none;
    border-bottom: solid 2px #000;  
    margin-left:30px;
  }

  #esz4okok>div>div {
    padding:30px;      
    line-height: 130%;
  }
  #esz4okok>div>div>span {
    padding:30px;      
    line-height: initial;
  }
  #esz4okok .jo {
    color:#b68d73;
    display:block;
    text-transform: uppercase;
    font-size:13px;
    padding: 10px 0px;
  }
  #esz4okok .cim {
    display:block;
    color: #4a5d99;
    font-size: 30px;
    padding: 20px 0px;
  }
  #esz5 {
    background: rgb(60, 60, 60);
    background:url('homaly.jpg');
    background-size:cover;
    font-family: 'Merriweather', serif;
    background-position:center;
    height:430px;
    padding-top:80px;
    padding-bottom:80px;
  } 
  #esz5 img {
    width:60px;
    display:block;
    margin: 0px auto;
    
  
  
  }
  #esz5 > div> div {
    padding:50px 90px;
    color:#fff;
    font-size:30px;
    text-align:center;
  }
  



  #arak > div > div {
    width:33%;
    float:left;
    text-align:center;

  } 
  #s7o2 {        
   //  border-top:solid 2px #000;
     color:#4a5d99 ;
     text-transform:uppercase;
     padding-top:30px;
  }
 
  #s8 .cim {
     margin: 60px 0px;
  }
  #s8 .text {
     line-height:130%;
  }
  #s9 > div > div {
    width: 33%;
    height:100px;
    border-left: solid 2px #000;
    float:left;
    margin:60px 0px;
  }
  #s9 > div > div > div {
  }
  
  #s9 .cim {
     width:30%;
     float:left;

  }
  #s9 .cim > div {
     margin:12px 35px;
  }
  #s9 .text {
     width:70%;
     float:right;
     line-height:130%;
  }
  #s10 {
     margin-bottom:60px;
  }
  #s10  .text {
       line-height:130%;
  }
  #s11 {
     background:#ffede2;
  
  }
  #s11 .cim {
     width:35% ;
     float:left;
     margin:60px 0px;
  }
  #s11 .text {
     width:65% ;
     float:right;
     margin:80px 0px;
     line-height:130%;
    
  }
  #kapcsolat {
    background-color:#4a5d99;  
  }
  #kapcsolat > div > div {
    width:33%;
    float:left;
    text-align:center;
  } 

  #s12o2 {
     color:#FFF ;
     text-transform:uppercase;
     padding:30px 0px;
  
  }
  #s13 {
     background-color:#4a5d99; ;
  
  }
  #s13 > div > div {
     width:33%;
     float:left;
     color:#fff;
     padding:180px 0px;
  }
  #s13o1a {
    height:250px;
    width:250px;
    border-radius:50%;
    background:url("kapcsolat.jpg");
    background-repeat: no-repeat;
  }
  #s13o2 .cim {
    padding-top:20px;
  }
  #s13o2 .text {
   
    line-height:130%;
  }
  
  #s13 > div > div > div.line {
    border-top:solid 3px #ffffff;
    width:70px;
    margin:20px 0px;
  }
  #s13o3 > div {
    padding:30px 0px;
    line-height:130%;
  }
  #s13o3 > div > a ,
  #s13o3 > div > div {
  
    font-family: 'Raleway', serif;
    display: block;
    color: #4a5d99; ;
    background: #ffffff;
 
    padding:10px;
    margin: 5px 0px 5px 30px;
    font-size:16px;
 //   text-align:center;
  }
  
  #s14 {
    background:rgb(42, 41, 44);
    color:rgb(112, 113, 118);
    height:80px;
    text-align:center;
  }
  #s14 div {
    padding-top: 15px;
  }  
  #s14 span {
    padding:20px;
   
  }
  .blockline {
    display:none;
  }
@media screen and (max-width: 1000px) {
  .blocklineborder {
    width:100%;
    text-align:center;
  }
  .blockline {
    width:80%;
    border-top: solid 1px #000;
    display:inline-block;
    margin:0px auto;
  }
  
  
  
  #head  {
    height:80px;
    position:absolute;
    top:0px;
 
  }
  #head.nyitva  {
    padding-top:80px;
  }
  
  #head.lebeg {
    height:auto;
    top:0px;
    position:absolute;
    display:none;
  }
  #head #logo {
    margin-top:0px;
    margin-right:0px;
    position:absolute;
    top:-10px;
  } 
   #head #nev {
    margin:0px;
    font-size:20px;
    top:-27px;
    
  }
  #head.lebeg #logo {
    margin-left:0px;
  }
  #head.lebeg img {
    top:0px;
  }
  #head.lebeg #nev {
    top:-27px;
    font-size:20px; 
  }

  #head img {
    height:100px;
 
    float:none;
    display:inline
  }
  #head>div>div {
    display:block;
    float:none;
    text-align:center;
  }  
  #head>div>div.menu {
    padding:15px 0px;
    font-size:30px;
    background: rgb(42, 41, 44);
    display:none;
  }
  #head>div>div.menu.nyitva {
    display:block;
  }
  #head #inkor,
  #head #inlogo {
     display:none;
  }
  
  
  #burgermenu {
    display:block;
    width:25px;
    position:absolute;
    right:40px;
    top:25px;
  }
  #burgermenu div {
    width: 35px;
    height: 1px;
    background-color: #fff;
    margin: 7px 0;
  }
  
  
  
  #fooldal {

    height:460px;
    position:relative;
    padding-top: 0px; 
  }

  #fooldal #motto {
   position:absolute;
   bottom:158px;
   top:60px;
   left:20px;
   width:50%;
   background-size:100%;
  } 
  
  #fooldal .maxszeles {
    height:370px;
    background-size: 660px 380px;
    background-position:-210px 55px;
  }
  #s1 {
   border:0px;
  } 
  #hattercsik {
    display:none;
  }
  #s1o1 {
    border:none;
  }
  #s1o1 > div {
    display:none;
    padding: 5px 0px 0px 5px;
  }
  #s1o2 {
    border:none;
    width:100%;
    font-size:15px;
    text-align:center;
  }
  #s1o2 > div {

    border:0px;
    padding: 10px 0px 10px 30px;
  }
  #hattercsik2 {
    display:none;
  }
  .nagy {
    font-weight:500;
   
  }
  #s2 {
    border:0px;
    margin:30px 30px;
    font-weight:500;
    font-size:15px;
  }
  #s2 .nagy {
    font-size:35px;
  }
  #s2 .maxszeles > div {
    width:49% 
    
  }
  #s2 .maxszeles > div > div {
    padding:0px;
    text-align:left;
    border:0px;
  }
  #s2 .maxszeles > div.elso {
    padding-bottom:20px;
  }
  #s2 .maxszeles > div.elso > div {
    top:-15px;
    position:relative;
  }
  #s2 .maxszeles > div.masodik {
    border-top:solid 1px #000;

  }

  #s2 .maxszeles > div.masodik > div {
    padding-top:20px;
  }

  #s2 .maxszeles > div.paratlan {
    border-left:solid 0px #000;
  }

  #s2 .maxszeles > div.paros {
    border-left:solid 1px #000;
    //padding-left:30px;
  }
  #s2 .maxszeles > div.paros>div {
    padding-left:35px;
  }
  #bemutatkozas {
    background:#ffede2 ;
  
  }
  #bemutatkozas .maxszeles {
    position:relative;
    height:330px;
  }
  #bemutatkozas .elem {
    width:auto;
    float:none;
    position:absolute;
  }
  #bemutatkozas .elem > div {
    padding: 50px 50px;
  }
  #bemutatkozas .elem > div .text {
    line-height:130%;
  }
  #bemutatkozas .belem {
    opacity:0;
  }
  #esz2 {
    background-color:#ffede2 ;
  }
  #esz4cim {
    padding-top: 30px;
  }
  #esz4okok {
    height:200px;
  
  }
  #esz4okok .jo {
    font-size:16px;
  }
  #esz4okok > div.cb {
    width: 100%;
    float: none;
    border-bottom: solid 0px #000;
    margin-left: 0px;
 }
 #selektgorgroup3 .scrollbar {
    border-top: solid 2px #000;
 }
 #esz5 > div > div {
    padding:80px 40px;
    text-align: left;
    font-size:24px;
 }
 /*
  #selektgorgroup1 {
    margin:0px auto;
    padding-bottom:40px;
    width:81px;
    display:block;
  } 
 
  #bemutatkozas > #selektgorgroup1 .mutasd {
    background:#f15e5a;
  }
  #bemutatkozas > #selektgorgroup1 > div > div {
    margin: 5px 10px;
    width:5px;
    height:5px;
    background:#fff;
    float:left;
    padding:1px;
  }*/
  #s4 {
    padding: 30px 0px;
  }
 
  #s4 > div > div {
    width:20%;
    float:left;
  }
  #s4 > div > div#s4o2 {
    width:60%;
    border-top:solid 1px #000;
  }  
  #s5o1 {
    width: 100%;
    float: none;
  }
  #s5o1a {
    margin: 30px auto;
    width:200px;
    height:200px;
  }
  #s5o1bk {
    position:relative;
    margin: 0px auto;
     width:250px;
  }
  #s5o1b {
  
  }
  
  
  #s5o2 {
    width:100%;
    float:none;
  }
  #s5o2 > div {
    padding:0px 40px;
  }
  #s5o2b {
   
  }
 /*  
 #selektgorgroup2 {
    margin:0px auto;
    padding-bottom:40px;
    width:111px;
    display:block;
  }
 #s6f  {
    background:#ffede2;
  }
 /*
  #s6f   #selektgorgroup2 .mutasd {
    background:#f15e5a;
  }
  #s6f   #selektgorgroup2 > div > div {
    margin: 5px 10px;
    width:5px;
    height:5px;
    background:#fff;
    float:left;
    padding:1px;
  }
  */
  #s6 {
    width:100%;
    height: 400px;
    position:relative;
    padding-top:0px;
  }
  #selektgorgroup2 {
    height:50px;
  }
  #s6 .kelem {
    position:absolute;
    top:0px;
    width:100%;
  }
  #s6 .kelem > div {
    margin:0px auto;
  }
  
  #s6 .maxszeles > div> div {
    float:none;
    height:auto;
    width:100%;
  }
  #s6 .maxszeles > div > div> div{
    border:0px;
    width:100%;
  } 
  .vonal {
    display:none;
  }

  .mobilhide {
    display:none;
  }
  .mobilshow {
    display:block;
  }
  #tobbelmeszaki {
    display:inline;
  }
  #esz1, #esz2, #esz3, #esz4{
    padding:40px 40px 80px 40px;
  }
  .eszcim {
    width:100%;
    padding: 40px 0px;
  }
  .esztext {
    width:100%;
  }

  #esz4cim {
    width:100%;
  }
  #esz4okok {
    width:100%;
  }

  #esz4okok > div {
    width:auto;
  }
  #esz4okok > div > div {
    padding:0px;
  }
  
  
 #arak > div > div {
    width:20%;
    float:left;
 } 
  #arak > div > div#s7o2 {
    width:100%;
  }
  #s8 { 
     padding:0px 20px;
  }  
  #s8 .cim,
  #s8 .text {
    width: 90%;
    float: none;
    margin: 0px auto;
    padding: 20px 0px;
  }
  #s9 { 
     padding:0px 20px;
  }  
  #s9 .cim {
    width:60px;;
    padding-right:10px;
    border-right: solid 1px #000;   
    line-height:150%; 
  }
  #s9 .cim div {
     margin:0px;
  }
  #s9 > div > div {
    width: 90%;
    height: 120px;
    border-left: solid 0px #000;
    float: none;
    margin: 10px 5%;
    border-top: solid 1px #000;
    padding-top: 30px;
    
  }
  #s9 > div > div.first {
    border-top: solid 0px #000;
  }
  
  #s9 > div > div .cim {
    font-size:40px;
  }
  #s9 > div > div .nagy {
    font-size:70px;
    font-weight:400;
  }
  #s9 .text {
    padding-left:20px;
  }
  
  #s10 { 
     padding:0px 20px;
  }  

  #s10 .text {
    width: 90%;
    float: none;
    margin: 0px auto;
    padding: 30px 0px;
  }
  #s11 { 
     padding:0px 20px;
  }  

  #s11 .cim {
    width: 90%;
    float: none;
    margin: 0px auto;
 
    padding: 30px 0px;
  }  
  #s11 .text {
    width: 90%;
    float: none;
    margin: 0px auto;
    padding: 30px 0px;
  }
  #kapcsolat {
    background: #4a5d99;
  }
  #s12o2 {
    color:#fff;
    border:0px;
 }
  #s13 { 
     padding:0px 20px;
  }  

  #s13 > div > a,
  #s13 > div > div {
    display:block;
    width:100%;
    float: none;
    margin: 0px auto;
    padding: 0px 0px;

  }  
  #s13 #s13o1a {
    margin: 0px auto;    

  } 
  #s13o3 > div > a ,
  #s13o3 > div > div {
    margin: 5px 0px;
  }  
  #kapcsolat > div > div {
    width:20%;
    float:left;
 } 
  #kapcsolat > div > div#s12o2 {
    width:60%;
  }

   
}
@media screen and  (max-width: 750px) {
  #fooldal {

     margin-top:80px;
     background: url("header-image-mobil.jpg");
     background-size:100%  ;
     height:auto;
     width:100%;
  }
  #fooldal img {
    width:100%;
    display:block;
  }
  #fooldal div {
    display:none;
  }
  #fooldal #mottomobil {
    position:absolute;
    top:100px;
    display:block;
    margin-top:60px;
    width:50%;
    right:20px;   
  }

  
  #fooldal #motto {
    display:none;
  }


}
/*
@media screen and  (max-width: 750px) {
  #s6 .maxszeles > div { 
    width:50%;
  }
 #s6 .maxszeles>div>div.kettes {
    border-left:solid 0px #000;
  } 
 #s6 .maxszeles>div>div.kettes .vonal {
    display:none;
 } 

} 

@media screen and (min-width: 751px) and (max-width: 1000px) {
  #s6 .maxszeles > div { 
    width:33%;
  }
 #s6 .maxszeles>div>div.harmas {
    border-left:solid 0px #000;
  }  
 #s6 .maxszeles>div>div.harmas .vonal {
    display:none;
 } 
} 
 */
@media screen and (min-width: 1001px) {
  #s6 .maxszeles>div>div>div.negyes {
    border-left:solid 0px #000;
  }
 #s6 .maxszeles>div>div>div.negyes .vonal {
    display:none;
 } 
 .vonal.negyes {
    display:none;
 }
}




  .scrollbar > div {
    margin:0px auto;  
  }
  .scrollbar .selector {
    width:7px !important;
    height:7px !important;
    background:white;
    float:left;
    border: solid 10px #ffede2;
  }
  
  .scrollbar .selector.mutasd {
    background:#b68d73;
  }  
@media screen and (max-width: 1000px) {
  .elem {
      width:100%;
    position:absolute;
    margin:0px auto;
  }
   #esz5 img {
    margin-left:40px;
   }
   #s13 > div > div > div.line {
     border-color:#4a5d99;
   }
}

@media screen and (max-width: 500px) {
  #s2 {
    margin: 30px 20px;
  }  
  #esz4okok {
    height: 230px;
  }
  #esz5 {
    background:url("homaly_mobil.jpg");
    background-repeat:no-repeat;
    background-size:100%;
    background-color:#4b5890;
    height:auto;
    //padding-top:20px;
  }
  #esz5 > div > div {
    padding: 20px 20px;
    font-size:18px;  
  }  
  #esz5 img {
    margin-left: 20px;
  }
  #s8 .cim, #s8 .text {
    width: 100%;
  }
  #s9 > div > div {
     font-size:18px;
     margin:0px;
     width:100%;
     padding: 20px 0px;
  }
   #s9 .cim {
      padding-right:0px;
   }
    #s9 .text {
     padding-left: 0px;
   }
    #s10 .text {
     width: 100%;
   }
   
   .cim {
      font-size:25px;
   }
  #bemutatkozas .elem > div {
    padding: 80px 20px 80px 20px;
  }
  #s5o2 > div {
    padding: 0px 20px;
  }
  #esz1, #esz2, #esz3, #esz4 {
      padding: 40px 20px 80px 20px;
  }
  #s11 .cim {
    width: 100%;
  }  
  #s11 .text {
    width: 100%;
  }  
}