*{font-family: 'Lato', sans-serif;
}
p{font-family: 'PT Sans', sans-serif;
}
a {
    color: #0a8d8e;
    font-family: 'PT Sans';
}
h1, h2, h3, h4, h5 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}
blockquote p {
    font-size: 1.1rem;
    color: #513528;
}
/*.g-logo img {
    max-height: 65px;
    margin-top: 7px;
}*/
span.g-menu-item-title {
    color: #e8dfd1;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 17px;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0.2345rem 0.6rem;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    transition: 0.35s ease;
}
.sprocket-strips-content .readon {
    margin-top: 0;
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.sprocket-strips-item {
    box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
    border-radius: 100px;
    width: 200px;
    height: 200px;
	margin: auto;	
}
.sprocket-strips-content a {
    color: white;
}
.sprocket-strips-content {
    text-align: center;
    width: 200px;
    height: 200px;
    background: #240e0a70;
    border-radius: 100px;
    vertical-align: middle;
    padding-top: 39%;
	position: relative;
}
.sprocket-strips-content:hover {
    opacity: 0;
	 -webkit-transition: opacity 1s; /* Safari */
  transition: opacity 1s;
}
#g-showcase span.g-menu-item-content, #g-top span.g-menu-item-content {
    position: relative;
    top: 32%;
}
#g-showcase a.g-menu-item-container, #g-top a.g-menu-item-container, #g-top .g-menu-item-container , #g-showcase .g-menu-item-container {
    height: 78px;
}
#g-footer .g-container {
    padding: 0 0;
    text-align: center;
}
#g-copyright {
    text-transform: initial;
}
#g-copyright h6 {
    border-bottom: 1px solid #e8dfd1;
    font-size: 16px;
    padding-bottom: 9px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}
/*#g-above {
    margin-bottom: 6em;
}*/
#g-page-surround {
    background: url(/images/Kellekek/bg-01.jpg);
	background-size: contain;
} 
#g-above {
   background: url(/images/Kellekek/bg2.jpg) ;
    background-size: cover;
    background-position: 50% 16%;
   /* -webkit-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
    box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);*/
    padding-top: 2em;
    padding-bottom: 2em;
}
#g-utility{background: url(/images/Kellekek/bg-01.jpg) ;
    background-size: contain;}
ul.lang-inline {
    text-align: right;
    position: absolute;
    right: 132px;
    top: 31px;
}
#g-top ul.lang-inline {
    text-align: right;
    position: absolute;
    right: 11px;
    top: 18px;
}
#g-offcanvas ul.lang-inline {
    position: static;
	text-align: center;
}
#g-offcanvas, #g-offcanvas #g-mobilemenu-container ul  {
    background: #000000;
}
a[title="Faboba : Création de composantJoomla"] { 
  display: none !important;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover  {
    background: #000000;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover  span.g-menu-item-title{
    color: #fff;
}
#g-offcanvas span.g-menu-item-content {
    text-align: center;
}
#g-offcanvas a.g-menu-item-container {
    text-align: center;
}
.g-offcanvas-toggle {
    border-radius: 18px;
    color: #fff;
    border: 2px solid #fff;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
    background: #000000;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active span.g-menu-item-title {
    color: #ffffff;
}
#g-offcanvas #g-mobilemenu-container .active .g-menu-item-content {
    border-bottom: 1px solid #f7e6a0;
    /* padding-left: 10px!important; */
    /* padding-right: 10px!important; */
    /* margin-bottom: 10px; */
    width: 100%;
}
#g-offcanvas #g-mobilemenu-container .active .g-menu-item-content {
    border-bottom: 1px solid #f7e6a0;
    /* padding-left: 10px!important; */
    /* padding-right: 10px!important; */
    /* margin-bottom: 10px; */
    width: 100%;
}
#g-offcanvas #g-mobilemenu-container .active .g-separator.g-menu-item-content {
    width: 83%;
}
#g-mobilemenu-container .g-toplevel li.g-parent .g-menu-parent-indicator {
    position: static;
}
#g-offcanvas #g-mobilemenu-container .active .g-menu-item-content:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    position: relative;
    background-color: #f7e6a0;
    border-radius: 100%;
    top: 28px;
}
#g-offcanvas #g-mobilemenu-container .active .g-menu-item-content:after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    margin-left: auto;
    position: relative;
    background-color: #f7e6a0;
    border-radius: 100%;
    top: 4px;
}

.cmc-signup .btn.btn-primary.validate {
    float: right;
    border: 1px solid #0a8d8e;
    background: transparent;
    color: #0a8d8e !important;
}
input#jform_cmc_groups_EMAIL {
    width: 100%;
	    text-shadow: none;
}
form#cmc-signup-form-102 .controls {
    display: inline-block;
    width: calc(100% - 73px);
}
form#cmc-signup-form-102 .control-label {
    display: inline-block;
    margin-right: 30px;
}
.ui.green.button, .ui.green.buttons .button {
    background-color: #0a8d8e !important;
    border-radius: 0;
	width: 100%; 
}
.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {
    border-radius: 0 !important	;
}
.field.required label,
.field.required div.ui.dropdown.selection{
    display: inline-block !important;
	width: 49%;
}
td {
    border: 1px solid #0e8e8e;
}
.etlap table td h6{margin:0;
font-size:1em;
}
/*.etlap table td {
vertical-align:top;
}*/
.etlap table tbody tr td:first-child{
    width: 70%;
}
.etlap table.tripla tbody tr td:first-child{
    width: 40%;
}
.etlap table tbody tr td:last-child{
    text-align:center;
}
/*.etlap table td:first-child {
    border-right: 1px solid #0a8d8e;
}*/
em {
    font-style: italic;
    font-family: 'PT Sans';
}	
.etlap table tbody tr:first-child td{
    border-top: 1px solid #0a8d8e;
}
.etlap table tbody tr td,
.etlap table tbody tr td em{
    font-family: 'PT Sans', sans-serif;
}
.etlap table td {
    border-bottom: 1px solid #0a8d8e;
}
ul.g-active.g-dropdown.g-dropdown-right.g-zoom {
    background: #0e8c8e;
	    -webkit-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
    box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
}
.etlap h3 {
    margin-top: 50px;
    text-align: center;
}
.g-main-nav .g-standard > .g-dropdown, .g-main-nav .g-fullwidth > .g-dropdown {
    margin-top: 0;
}
#g-top ul.g-sublevel a.g-menu-item-container,
#g-showcase ul.g-sublevel a.g-menu-item-container {
    height: inherit;
}

#g-top ul.g-sublevel span.g-menu-item-title,
#g-showcase ul.g-sublevel span.g-menu-item-title {
    text-transform: initial;
}
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {
    display: none;
}
#g-bottom .custom {
    border-top: 10px solid #0a8d8e;
}
h4.sprocket-strips-title a {
    font-family: 'Playfair Display', serif;
}
@media only all and (max-width: 995px) and (min-width: 600px){
#g-utility .g-container {
    width: 100%;
}
.sprocket-strips .cols-4 > li {
    width: 35%;
    /* margin: auto; */
    display: inline-block;
	    float: none;
}
.sprocket-strips-container{text-align:center;}}
div#hetiar p {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    padding-top: 20px; 
} 
.g-sublevel span.g-menu-item-title:after {
    content: '';
    display: block;
    width: 22px;
    height: 2px;
    background: #e8dfd1;
    position: relative;
    top: 2px;
}


  
/*===========================================================================STICK================================================*/

html, body {height: 100%!important;}

.dontStick
{
     min-height: 100%!important;
	 padding-bottom: 275px!important;
	 
	 }
	 
#rt-footer-surround {
    height: 425px!important;
    margin-top: -425px!important;
    overflow: hidden;
}

.menu-home .dontStick {
    padding-bottom: 425px!important;
}

article.item-page {
  margin-bottom: 176px;
}

.menu-itallap #rt-mainbody-surround .rt-container, .menu-borlap #rt-mainbody-surround .rt-container, 
.menu-palinkalap #rt-mainbody-surround .rt-container, .menu-etlap #rt-mainbody-surround .rt-container {
  margin-bottom: 235px;
}

/*===========================================================================================================================*/

.dontStick {
  background: url('/images/back3.jpg') black 50% 0;
  
}

@media only screen and (max-width: 750px) {
.dontStick {background-size: 200%;}}

.g-home-particles #g-navigation {
    background: url(/images/20.jpg) no-repeat;
    background-size: cover;
    /* min-height: 100%!important; */
    /* height: 100%!important; */
    height: calc(100vh - 80px) !important;
    content: 'viewport-units-buggyfill;' 'height: 100vh;';
    padding: 0px!important;
    margin: 0px!important;
    background-position: 50% 20%;
}
#rt-top {
  background: transparent!important;
}

#rt-page-surround {
  background: transparent!important;}
  
@media only screen and (min-width: 1200px){
body.menu-home.layout-mode-responsive .rt-container {
  width: 100%!important;
}}
@media only screen and (max-width: 1199px) and (min-width: 960px){
body.menu-home.layout-mode-responsive .rt-container {
  width: 100%!important;
}}
@media only screen and (max-width: 959px) and (min-width: 768px){
body.menu-home.layout-mode-responsive .rt-container {
  width: 100%!important;
}}
@media only screen and (max-width: 767px) and (min-width: 481px){
body.menu-home.layout-mode-responsive .rt-container {
  width: 100%!important;
}}

.menu-home #rt-header {
  margin-top: -78px;
}

.layout-mode-responsive #rt-header {
  background: transparent;
}

#rt-header {
  margin-top: 0px;
}

#rt-header .rt-container{
  width: 100%;
}

#g-showcase {
    float: inherit;
    width: 100%;
    text-align: center;
    background: rgb(14, 141, 142) !important;
    z-index: 1000;
}
#g-extension a {
    color: #086e6f;
}
blockquote {
    border-left: 10px solid rgb(10, 141, 142);
    /* padding-top: 12px; */
    padding-bottom: 0px;
    margin-left: 30px;
}
blockquote p {
    font-family: 'Playfair Display';
    font-style: italic;
}
#g-showcase:before {
    content: none;		
}#g-extension:before {
    content: none;		
}
#g-top {
    float: inherit;
    margin: 0px!important;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.78) !important;
    z-index: 1000;
}
.menublock span.menuItemName.item_style {
    color: white!important;
}

.menublock span.price_style {
    color: white!important;
}

#rt-mainbody-surround {
  background: transparent!important;
  color: #f7e6a0;
}

p {
  margin: 0 0 0px 0!important;
}

.rolunk {
  background: url('/images/rolunk10.jpg') 50% 0 no-repeat;
  padding: 0px!important;
  margin: 0px!important;
  background-size: cover;
  -webkit-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
  -moz-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
  box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
}

.rolunk p {
    text-align: center;
}

.menu-block .gf-menu.l1 > li.active > .item .menu-item-bg {
  color: #f7e6a0!important;
}

#rt-footer {
  color: #f7e6a0!important;
  background: transparent!important;
}

body {
  font-size: 18px!important;
  line-height: normal!important;
}

@media only screen and (max-width: 967px) {
body {
  font-size: 14px!important;
  line-height: normal!important;
}
}


#g-above h1, #g-extension h1, .option-com-content h1, #g-mainbar .item-page h2, form#display-section1 h2, #g-utility h3.g-title, .etlap .page-header h2 {
    color: #513528;
    margin-top: 0px;
    margin-bottom: 30px;
    width: 400px;
    padding-bottom: 7px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-transform: initial;
    font-size: 1.5em;
    background: url(/images/Kellekek/title.svg) no-repeat;
    line-height: 2.3 !important;
    background-size: contain;
    background-position: center;
}

#g-mainbar .item-pagepalyazat h2 {
    color: #513528;
    margin-top: 0px;
    margin-bottom: 30px;
    width: 800px;
    padding-bottom: 7px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-transform: initial;
    font-size: 1.5em;

    line-height: 2 !important;
    background-size: contain;
    background-position: center;
}
.layout-mode-responsive.option-com-apocmenumanagerpro #rt-footer .custom h1 {
	color: white!important;
  margin-top: 0px;
  border-bottom: 1px solid #f7e6a0!important;
  margin-bottom: 13px!important;
  width: 600px;
  padding-bottom: 7px;
  margin-left: auto!important;
  margin-right: auto!important;
  text-align: center;
  line-height: 100%;
}

@media only screen and (max-width: 950px) { 
#g-mainbar .item-pagepalyazat h2, .etlap .page-header h2, #g-utility h3.g-title, #g-above h1, #g-extension h1, .option-com-content h1, #g-mainbar .item-page h2, .rolunk h1, .option-com-content h1, .option-com-content .item-page h2, .layout-mode-responsive.option-com-apocmenumanagerpro #rt-footer .custom h1 {
	    width: 100%;
    font-size: 20px !important;
    line-height: 2 !important;
}
}
@media only screen and (max-width: 1175px) {
span.g-menu-item-title {
    font-size: 11px;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    padding: 0.2345rem 0.2rem;
}
#g-showcase a.g-menu-item-container, #g-top a.g-menu-item-container, #g-showcase .g-menu-item-container, #g-top .g-menu-item-container {
    height: 50px;
}

}
@media only screen and (max-width: 1175px) and (min-width: 768){
.g-home-particles #g-navigation {
    height: calc(100vh - 50px) !important;
}}
@media only screen and (max-width: 1600px) and (min-width: 1200px){
div#logo-5160-particle {
    margin-top: 10px;
}}

.customrolunk {
  padding-top: 45px;
  padding-bottom: 45px;
  margin: 0 10% 0 10%;
}


h1, h2 {
    font-size: 25px!important;
    line-height: normal!important;
   /* text-transform: uppercase;*/
    font-family: 'Playfair Display', serif;
}

@media only screen and (max-width: 1199px) and (min-width: 960px){
body.layout-mode-responsive h1 {
  line-height: 100%!important;
}}

@media (max-width: 959px) and (min-width: 768px){
body.layout-mode-responsive h1 {
  line-height: 100%!important;
}}

@media (max-width: 767px){

.ui[class*="two column"].grid>.column:not(.row), .ui[class*="two column"].grid>.row>.column {
    width: 100% !important;
}
body.layout-mode-responsive h1 {
  line-height: 100%!important;
}
#g-top {
    display: none;
}
#g-showcase { 
    display: none;
}
.g-home-particles #g-navigation {
    height: 100vh !important;
}
#g-top ul.lang-inline, #g-navigation ul.lang-inline {
    right: 20px;
    top: 58px;
}}
div.mod-languages a {
    color: #fff;
    text-decoration: none;
}

.hetimenu h1 {
	color: white;
  margin-top: 0px;
  border-bottom: 1px solid #f7e6a0;
  margin-bottom: 0px;
  width: 40%;
  padding-bottom: 7px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 700px) {
.hetimenu h1 {
  width: 70%;}
}

.hetimenu h2 {
  color: white;
  text-align: center;
}

.kapcsolat h1 {
	color: white;
  margin-top: 0px;
  border-bottom: 1px solid #f7e6a0;
  margin-bottom: 30px;
  width: 40%;
  padding-bottom: 7px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 700px) {
.kapcsolat h1 {
  width: 70%;}
}

.kapcsolat h2 {
  color: white;
}
#g-extension {
    background: #e8dfd1;
    margin: 0px!important;
    padding-bottom: 0;
    padding-top: 0;
    background-size: cover;
    background-position: 50% 75%;
    -webkit-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
    box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
}
#g-bottom .g-container {
    padding: 0;
}

.maps {
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  opacity: 0.96;
  padding: 0px!important;
  margin: 0px!important;
}

.jogi {
  font-size: 11px;
}





.menu-block .gf-menu .item {
  color: #F7E6A0!important;}
  
.menu-block .gf-menu.l1 > li:hover > .item .menu-item-bg, .menu-block .gf-menu.l1 > li:focus > .item .menu-item-bg {
  color: #F7E6A0!important;
  text-decoration: underline;
}

.menu-block .gf-menu .item {
  font-weight: normal!important;}

@media only screen and (max-width: 767px) {
#rt-header {
  margin-top: 0px!important;
}}

.logodiv{
width: 100%;
  height: 100vh;
}


.logodiv img{

  
  height: auto;
  /* width: 673px; */
  /* height: 300px; */
  width: auto \9;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  vertical-align: middle;
  border: 0;
  

}

/*.hetimenu td {
  margin: 20px 0px 8px 0px;
  display: block;
  width: 19%;
  float: left;
    text-align: center;
}

.hetimenu table {
  width: 100%;
  text-align: center;
}*/

.customhetfo {
  width: 18%;
  margin: 0 1% 0 1%;
  float: left;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 25px;
}

@media only screen and (max-width: 680px) {
.customhetfo {
  width: 100%;
  float: none;
  
}
}

.gf-menu-toggle {
  color: #F7E6A0!important;
  background-color: transparent;
  border: 1px solid #F7E6A0!important;
  text-shadow: none!important;
  font-size: 16px!important;
}

body.layout-mode-responsive .gf-sidemenu-size-left {
  background: url('/images/back3.jpg');
  -webkit-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
  -moz-box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
  box-shadow: 0px 0px 31px 2px rgba(0,0,0,0.65);
}

.layout-mode-responsive .gf-menu-device-container .gf-menu {
  background-color: transparent!important;
  border-top: 50px solid rgba(239, 239, 239, 0)!important;
  border-bottom: 15px solid rgba(239, 239, 239, 0)!important;
}

.layout-mode-responsive .gf-menu-device-container {
  background: transparent!important;
}

.layout-mode-responsive .gf-sidemenu-size-left .gf-menu-device-container .gf-menu > li:first-child, .layout-mode-responsive .gf-sidemenu-size-left .gf-menu-device-container .gf-menu > li.active:first-child{  background-color: transparent !important;
  text-shadow: none!important;
}

.layout-mode-responsive .gf-sidemenu-size-left .gf-menu-device-container .gf-menu > li:last-child {
 background: transparent!important;
}

.layout-mode-responsive .gf-menu-device-container .gf-menu li:hover > .item .menu-item-bg, .layout-mode-responsive .gf-menu-device-container .gf-menu li:focus > .item .menu-item-bg, .layout-mode-responsive .gf-menu-device-container .gf-menu li.active > .item .menu-item-bg {
  color: #FFFFFF!important;
  
}

.layout-mode-responsive .gf-menu-device-container .gf-menu a {
color: #F7E6A0!important;
font-weight: normal!important;
font-size: 21px!important;
  line-height: normal!important;
  text-align: center!important;
}

.gf-menu.l1 > li > .item {
  display: block!important;}
  
@media (max-width: 767px){
.layout-mode-responsive .gf-menu-device-container .gf-menu li {
  padding-left: 0px !important;
  
}}

.layout-mode-responsive .gf-menu-device-container .gf-menu-device-container-wrapper .gf-menu .active .item {
border-bottom: 1px solid #f7e6a0;
padding: 0px!important;
margin-bottom: 10px;
}

@media (max-width: 767px){
.layout-mode-responsive .gf-menu li .item {
  padding: 1px 5px !important;
  margin: 0px 25px 0px 25px;}}

.layout-mode-responsive .gf-menu-device-container .gf-menu-device-container-wrapper .gf-menu .active .item:after {

content: '';
  display: block;
  width: 7px;
  height: 7px;
  margin-left: auto;
  position: relative;
  background-color: #f7e6a0;
  border-radius: 100%;
  top: 4px;}
  
.layout-mode-responsive .gf-menu-device-container .gf-menu-device-container-wrapper .gf-menu .active .item:before {
content: '';
  display: block;
  width: 7px;
  height: 7px;
  position: relative;
  background-color: #f7e6a0;
  border-radius: 100%;
  top: 41px;}
  
.mainbody-overlay-light #rt-header .rt-container .gf-menu li {
  float: left!important;
  display: block!important;
  text-align: center!important;
  position: relative!important;
  display: block!important;
  /* float: left; */
  width: 8.8%!important;
  margin-left: auto!important;
  margin-right: auto!important;
  border: none!important;
  border: 1px solid transparent!important;
  
}

.rt-container .menu-block .gf-menu.l1 > li > .item {
  height: 76px;
  padding: 0px!important;
  display: block!important;
  float: none!important;
  margin-left: auto!important;
  width: 100%!important;
  margin-right: auto!important;
    line-height: normal;
} 

.menu-block .menu-item-bg {
  text-align: center!important;
  font-size: 15px;
  top: 50%;
  position: relative;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  }
  


@media only screen and (max-width: 1115px) {
.menu-block .menu-item-bg {font-size: 13px;}
}

@media only screen and (max-width: 980px) {
.menu-block .menu-item-bg {font-size: 11px;}
}

@media only screen and (max-width: 850px) {
.menu-block .menu-item-bg {font-size: 9px;}
}

@media only screen and (max-width: 1180px) {
.jogi {
  font-size: 10px;
}}
@media only screen and (max-width: 1025px) {
.jogi {
  font-size: 9px;
}}
@media only screen and (max-width: 540px) {
.jogi {
  font-size: 6px;
}}



.rt-block.scroll {
  position: fixed;
  top: 0px;
  right: 3px;
  padding: 0;
  z-index: 10;
  display: none;
  margin: 0;
  /* width: 100%; */
  text-align: center;
}

.scroll #gantry-totop {
  background: url(/images/up2.png) center center no-repeat;
  background-size: contain;
  color: #F7E6A0;
  display: inline-block;
  width: 90px;
  margin-top: 9px;
  height: 71px;
  float: right;
  opacity: 1;
  cursor: pointer;
  z-index: 12;
}

.scroll .rt-block {
  padding: 0;
  margin: 0;
}

#rt-header .item101 a span {
  font-size: 0px!important;
  height: 76px;
}
#rt-header li.item101 {
  background: url('/images/logo.png') no-repeat 0;
  background-size: cover;
  font-size: 0px!important;
}

.gf-menu-toggle {
  position: fixed!important;
  z-index: 9999!important;}
  
.gf-sidemenu-size-marginleft {
  overflow: visible!important;
  
}

@media (max-width: 959px) and (min-width: 768px){
body.layout-mode-responsive h2, body.layout-mode-responsive .title {
  line-height: 100%!important;
}}

@media (max-width: 767px){
body.layout-mode-responsive h2, body.layout-mode-responsive .title {
  line-height: 100%!important;
}}

@media only screen and (max-width: 480px){
body.layout-mode-responsive h2, body.layout-mode-responsive .title {
  
  line-height: 100%!important;
}}

.gf-sidemenu-size-marginleft {
  overflow: visible!important;}
  


.gf-menu-toggle {
  position: fixed!important;
  z-index: 1000;
}

body.gf-sidemenu-size-marginleft {
  left: 0px!important;}
  
.layout-mode-responsive .gf-menu-toggle {
  border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.61);
  }
  
.gf-menu-toggle.active:before {
  font-family: FontAwesome;
  content: '\f068'!important;
}

.gm-style div, .gm-style div a, .gm-style div span{
  text-shadow: none!important;
}


@media (max-width: 760px){
.maps #map_canvas {
  height: 220px!important;}}
  
.item-page p {
  margin: 0 0 15px 0!important;
}

.layout-mode-responsive a {
  color: #FFFFFF;}
  
#rt-footer-surround {
  
  background-color: rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.54);
  -moz-box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.54);
  box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.54);
  /*border-top: 1px solid rgb(245, 230, 156);*/
}

.layout-mode-responsive #rt-footer h1 {
color: #ffffff;
font-size: 18px!important;
margin-bottom: 13px;
}

.layout-mode-responsive #rt-footer h1:before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  margin-left: auto;
  position: relative;
  background-color: #f7e6a0;
  border-radius: 100%;
  top: 36px;
}


@media (max-width: 750px){
.layout-mode-responsive #rt-footer h1 {
font-size: 15px!important;
}
.layout-mode-responsive #rt-footer h1:before {
  top: 33px;
}
}

@media (max-width: 635px){
.layout-mode-responsive #rt-footer h1 {
font-size: 13px!important;
}
.layout-mode-responsive #rt-footer h1:before {
  top: 31px;
}
}

@media (max-width: 561px){
.layout-mode-responsive #rt-footer h1 {
font-size: 11px!important;
}
.layout-mode-responsive #rt-footer h1:before {
  top: 29px;
}
}

@media (max-width: 479px){

.layout-mode-responsive #rt-footer h1:before {
  top: 40px;
}
}

.item-page img {
  margin: 10px;
}

#rt-footer .rt-container {
  width: 100%;
}

@media only screen and (max-width: 767px) and (min-width: 481px){
body.layout-mode-responsive #rt-mainbody-surround .rt-container {
  width: 90%;
}}

@media (max-width: 767px){
#rt-main .rt-block.scroll #gantry-totop {
  display: none;
  }
}

.fbbutton:before {
  font-family: FontAwesome;
  content: '\f09a';
  font-size: 55px;
 
}
.instabutton:before {
  font-family: FontAwesome;
  content: '\f16d';
  font-size: 55px;
 
}
.fbbutton {
  position: absolute;
  top: 0px;
  color: #F7E6A0;
  text-shadow: none;
  top: 13px;
  right: 12px;
}

a.fbbutton, a.instabutton {
    position: absolute;
  color: #ECDA92;
  font-size: 0;
    text-shadow: 2px 2px 30px #000000;
}
a.instabutton {
    top: 13px;
    right: 61px;
}
@media only screen and (max-width: 767px) {
.customhomeback .fbbutton {
  right: 8px;
    top: 12px;
  left: inherit;
}
}
.layout-mode-responsive .item-page .main_images_wrapper {
float: none!important;
  margin-left: auto;
  margin-right: auto;}
  
.item-page .main_images_wrapper img {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.54);
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.54);
}

.menu-galeria .item-page .main_left_right_arrows_div img {
  margin: -64px -36px 0px -36px;
  box-shadow: none;
  -webkit-box-shadow: none;
}

@media only screen and (max-width: 490px){
.menu-galeria .item-page .main_left_right_arrows_div img {
    margin: 13px 0px 0px 0px;}
}

img.large_img {cursor: pointer;}

.menu-galeria .item-page h2 {
  width: 400px;
 }
 
@media only screen and (max-width: 950px){
.menu-galeria .item-page h2 {
  width: 80%;
}}
 
.main_thumbs_arrow_wrapper {
  margin-top: 14px;
}

a.fbbutton:hover,
a.instabutton:hover {
  color: #ffffff;
}

.scrolldown {
  position: absolute;
  font-size: 0;
}
.mouse {
    width: 27px;
    position: absolute;
    height: 50px;
    border-radius: 15px;
    border: 2px solid #0f8c8e;
    bottom: 10%;
    left: 51%;
    margin-left: -12px;
    background-color: rgba(0, 0, 0, 0.16);
}
.scroll2 {
  display: block;
  margin: 6px auto;
  width: 3px;
  height: 11px;
  border-radius: 100%;
  background: #F1E299;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
  font-size: 0;
}

@keyframes scroll {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
} 


@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

@keyframes scrollup {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
} 


@-webkit-keyframes scrollup {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@media only screen and (max-width: 767px) {
.mouse {
  border-radius: 6px;
  bottom: 2%;
  border: 1px solid #FDEEA1;
  left: 50%;
  }
.scroll2 {
  margin: 26px auto;
-webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scrollup;
  animation-name: scrollup;}
}

@media only screen and (max-width: 767px) {
.fbbutton:before {
  font-size: 35px;
}}

.menu-az-etterem-multja h2 {
  font-size: 25px!important;}
  
@media only screen and (max-width: 360px) {
.menu-az-etterem-multja h2 {
  font-size: 22px!important;}
  
.menu-az-etterem-multja .item-page h2:before {
    top: 40px;
}  

}
  
.menutableHeading h2.section_style {
  color: rgb(247, 230, 160)!important;
  text-align: center;
}

.menuItemName {
  font-style: normal!important;
  font-size: 17px!important;}

.menu-wrapper  .menuItem {
   padding-top: 0px !important; 
   padding-bottom: 0px !important;}

.menutableBodyContent .menu-wrapper {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(235, 219, 152, 0.4);
  overflow: hidden;
  display: table;
  padding-bottom: 0px !important;
}

.menublock .menupricetable td:last-child {
	border-left: 1px solid rgba(235, 219, 152, 0.4)!important;
}

.menublock {
  width: 46%;
  margin-left: 2%;
  float: left;
  margin-right: 2%;
}

.menu-etlap .menublock {
  width: 100%;
  margin-left: 2%;
  float: left;
  margin-right: 2%;
}

.menublock .menuItem {
  /*height: 28px;*/
  margin-bottom: -22px;
  
  }
  


.menublock .menuPrice td {
  padding: 2px;}

.menublock .menutableHeading {
  border-bottom: 1px solid rgba(235, 219, 152, 0.4);
  background: none;
  margin-top: 17px;
}

/*.menu-borlap .menublock {min-height: 241px;}*/

.menublock .menutableBody .menutableBodyContent .menu-wrapper .menuPrice-wrapper .menupricetable .menuPrice .size-cell {color: #F7E6A0 !important;}

.bkbutton {
    position: absolute;
    top: 3px;
    left: 9px;
}

.bkbutton img {
  width: 104px;
}


.bvbutton {
  position: absolute;
  top: 78px;
    left: 11px;
}

.bvbutton img {
  width: 100px;
}
.etterembutton {
    position: absolute;
    top: 132px;
    left: -17px;
}

.etterembutton img {
    width: 155px;
}

@media only screen and (max-width: 767px) {

.bkbutton {
    position: absolute;
    top: -1px;
    right: 187px;
    left: inherit;
}
.bkbutton img {
  width: 82px;
}

.bvbutton {
  position: absolute;
  top: 3px;
  right: 73px;
  left: inherit;
}
.bvbutton img {
  width: 76px;
}

.etterembutton {
    position: absolute;
    top: -8px;
    right: 112px;
    left: inherit;
}
.etterembutton img {
  width: 105px;
}
a.instabutton {
    top: 10px;
    right: 40px;
}
.instabutton:before {
    font-family: FontAwesome;
    content: '\f16d';
    font-size: 40px;
}
}

@media only screen and (max-width: 1199px) and (min-width: 960px) {
.layout-mode-responsive.menu-palinkalap .rt-container, 
.layout-mode-responsive.menu-etlap .rt-container, 
.layout-mode-responsive.menu-itallap .rt-container, 
.layout-mode-responsive.menu-borlap .rt-container {
  width: 100%;
}}

@media only screen and (min-width: 1200px) {
.layout-mode-responsive.menu-itallap .rt-container {
  width: 90%;
}}

@media only screen and (max-width: 960px) {
#g-copyright h6 {
    font-size: 0.85rem;
    width: auto;
}
li.g-menu-item.g-menu-item-type-component.g-menu-item-101.g-standard {
    display: none;
}
}

.menu-palinkalap .menublock {
  width: 77%;
  margin-left: auto;
  float: none; 
  margin-right: auto;
}

@media only screen and (max-width: 967px) {

.menu-borlap .menublock, .menu-itallap .menublock {
  width: 96%;
  margin-left: 2%;
  float: none;
  margin-right: 2%;
}

.menu-borlap .menublock .menuItem {
  /* height: 28px; */
  margin-bottom: -40px;
}

}

.menu-block .gf-menu .active .item .menu-item-bg {
  text-decoration: underline;
}


@media only screen and (max-width: 800px) {
.menu-itallap .menuItemName, .menu-etlap .menuItemName, .menu-borlap .menuItemName, .menu-palinkalap .menuItemName {
  font-style: normal!important;
  font-size: 14px!important;
}

.menu-itallap .menublock .menuItem , .menu-etlap .menublock .menuItem , .menu-borlap .menublock .menuItem, .menu-palinkalap .menublock .menuItem {
  /* height: 28px; */
  margin-bottom: -36px;
}

.menu-palinkalap .menublock {
  width: 100%;
  margin-left: auto;
  float: none;
  margin-right: auto;
}

}

@media only screen and (max-width: 400px){
.menublock .menutableBody .menutableBodyContent .menuItem span {
  display: block !important;
  min-width: 190px !important;}}
  
@media only screen and (max-width: 400px){
.menublock tr.menuPrice td span, span.size-cell {
  min-width: 45px !important;
  width: 56px !important;
  display: block !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  text-align: left !important;
}}
#redim-cookiehint .cookiecontent {
    font-size: 14px;
    line-height: 24px;
    color: #000;
    display: inline-block;
}
#redim-cookiehint {
    width: 100%;
    padding: 26px 5%;
    box-sizing: border-box;
    position: fixed;
    background-color: rgba(231, 223, 209, 0.85);
    font-size: 14px;
    z-index: 9999999;
}
#redim-cookiehint .cookiebuttons .btn {
    padding: 5px 20px !important;
    color: #ffffff;
    background-color: #513628;
    font-size: 12px;
    line-height: 14px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 0;
    background-image: none;
    text-shadow: none;
    border: none;
}
#redim-cookiehint .cookiebuttons .btn:hover {
    background-color: #00afaa;
    color: #ffffff;
}