/*
Theme Name: oinomageireion
Author: hiremycode
Description: Official theme for Laikon Psyxiko
Version: 0.0785
Template: technico
Text Domain: oinomageireion
*/


@font-face { 
   font-family: 'CFBlastGothic-SemiBold';
   src: url('fonts/BlastGothicMedi-SemiBold.woff') format('woff'),
        url('fonts/BlastGothicMedi-SemiBold.woff2') format('woff2');
}


:root {	
	--black-color: #333333;
	--blue-color: #1E5477;
	--red-color: #9D2632;
	--brown-color: #E6DFC7;
}
body, html {overflow-x: hidden !important}
body, .entry-content {font-family: "Geologica"; font-weight: 200 !important; font-size: 15px !important; line-height: 23px !important}

h1, h2, h3, h4, h5, h6 {font-family: 'CFBlastGothic-SemiBold'; font-weight: 400 !important; letter-spacing: 0.5px}

.entry-content h2 {font-size: 36px;}
.entry-content h3 {font-size: 29px;}

.entry-content p > a {font-weight: 400; border-bottom: 1px solid var(--black-color) !important; color: var(--black-color)}
.entry-content p > a:hover {color: var(--black-color)}

.nodesktop {display: none}

.main {padding-top: 0px; padding-bottom: 0px}

.vc_btn3 {font-family: 'CFBlastGothic-SemiBold'; font-weight: 400 !important; letter-spacing: 1px; padding: 10px 40px !important; background-image: none !important; font-size: 16px !important}

.lb-data .lb-details {display: none !important}


/*HEADER*/
.header {position: absolute; width: 100%;z-index: 10; /*transition: 0.5s all ease*/}
/*.scrollActive .header {position: fixed; width: 100%; background: #ffffff;  transition: 0.5s all ease}
.scrollActive .mast-head-wrap {padding: 10px 0px}*/
.centerlogo {text-align: center}
.site-logo {margin-top: 5px}

/*NAVIGATION*/
.left-nav {text-align: right; padding-right: 30px !important}
.right-nav {text-align: left; padding-left: 30px !important}

.nav .row {display: flex; align-items: center} 
.nav li a {font-family: 'CFBlastGothic-SemiBold'; font-weight: 400; letter-spacing: 0.5px; font-size: 18px; color: var(--black-color); border-bottom: 0px !important;}


/*HERO*/

.hero {height: calc(100vh - 50px); background: var(--brown-color); background-size: cover; background-repeat: no-repeat; background-position: center bottom; position: relative; border-bottom: 6px solid var(--brown-color)}

.hero-title {font-family: 'CFBlastGothic-SemiBold' !important; letter-spacing: 2px; font-weight: 400 !important; font-size: 52px; position: relative; margin-bottom: 0px !important}
.home .hero-title {margin-top: 100px !important;}
.hero-title:after {content: ""; position: relative; display: block; width: 200px; height: 3px; background: var(--black-color); margin-top: 15px; margin-bottom: 15px}
.centered .hero-title:after {margin: 15px auto !important}
.hero-subtitle {font-family: 'CFBlastGothic-SemiBold'; letter-spacing: 1px; font-size: 26px; line-height: 36px; margin-bottom: 15px}

.entrance {position: absolute; bottom: -10px;}

.inside-hero {height: auto; padding-top: 220px; padding-bottom: 80px}
.vc_row[data-vc-full-width].inside-hero {overflow: visible !important}
.hero-image {position: absolute; bottom: -92px}


/*HOME GIF*/
.black-cat-row {position: relative !important; z-index: 20; overflow: visible !important; background: var(--brown-color)}
.black-cat {position: absolute; bottom: -75px; width: 300px; right: -10%; animation: move 30s linear .2s infinite;}
/*.black-cat {position: absolute; bottom: -35px; width: 180px; right: calc(50% - 90px);}*/

@-webkit-keyframes move {
  from {
    right: -10%;
  }
  to {
    right: 100%;
  }
}



/*SECTIONS*/

.section {padding-top: 60px; padding-bottom: 60px;}
.brown-section {background: var(--brown-color);}
.red-section {background: var(--red-color); padding-bottom: 0px; color: #ffffff !important; font-family: "Geologica"; font-weight: 400 !important }
.red-section.centered .vc_column-inner {width: 70% !important; position: relative; margin: 0 auto}
.centered {text-align: center}
.top-section {padding-top: 0px !important}

.about-section {box-shadow: inset 0 8px 10px -8px rgba(165,160,143,0.9);}
.about-section.centered .vc_column-inner {width: 70% !important; position: relative; margin: 0 auto}

.section-title {font-family: 'CFBlastGothic-SemiBold'; font-size: 40px !important; position: relative; letter-spacing: 2px; margin-top: 0px !important}
.red-section .section-title {color: #ffffff}

.section-title:after {content: ""; position: relative; display: block; width: 200px; height: 3px; background: var(--black-color); margin: 15px 0px 20px 0px;}
.centered .section-title:after {margin: 15px auto 20px auto;}
.red-section .section-title:after {background: #ffffff}


.jukebox-section {padding-top: 60px}
.jukebox-column {padding-bottom: 0px !important}
.jukebox img {width: 220px; }




/*CAROUSEL*/

.vc_images_carousel .vc_carousel-control {top: auto !important; bottom: -60px !important; opacity: 1 !important;}

.vc_images_carousel .vc_carousel-control.vc_left {left: -20px !important;}
.vc_images_carousel .vc_carousel-control.vc_left .icon-prev:before {content: "" !important; display: block !important; width: 16px; height: 16px; background:url(img/left-arrow.png); background-size: cover; background-repeat: no-repeat;}

.vc_images_carousel .vc_carousel-control.vc_right {right: calc(100% - 80px) !important}
.vc_images_carousel .vc_carousel-control.vc_right .icon-next:before {content: "" !important; display: block !important; width: 16px; height: 16px; background:url(img/right-arrow.png); background-size: cover; background-repeat: no-repeat;}


.vc_images_carousel .vc_carousel-indicators {bottom: -35px !important; left: 15px !important}
.vc_images_carousel .vc_carousel-indicators li {border: 1px solid var(--black-color) !important; background: transparent !important}
.vc_images_carousel .vc_carousel-indicators li.vc_active {border: 1px solid var(--black-color) !important; background: var(--black-color) !important} 




/*SEPARATOR*/
.wave-separator {z-index: 2; overflow-x: hidden !important; background-size: contain;}

/*MAP*/
/*.map-section {margin-top: -45px;}*/
/*.map-section {background: url(img/wave.png);  background-position: center top; background-repeat: repeat-x; background-size: 50%}*/
#map {width: 100%; height: 550px; background: var(--brown-color);}

/*.home #map {margin-left: -17.5px !important; margin-top: -17.5px !important; margin-bottom: -17.5px !important}
.map-right {padding-left: 30px !important;}*/

.address-column ul {list-style-type: none; padding-left: 0px; font-family: 'CFBlastGothic-SemiBold'; letter-spacing: 1px; font-size: 26px; line-height: 36px; color: var(--blue-color);}

.table {position: absolute; left: 170px; bottom: -10px; width: 340px}

.info_content {padding: 10px 10px 0px 10px;}
.info_content h2 {margin-top: 10px; color: var(--black-color); font-size: 22px;}
.info_content .fa {font-size: 18px; margin-right: 10px; color:var(--black-color) !important; margin-bottom: 0px !important }
.info_content .fa-map-marker {font-size: 18px; padding-left: 2px; margin-right: 13px}
.info_content .fa-map {font-size: 15px}
.info_content .fa-phone {font-size: 16px; margin-right: 12px; position: relative; top: 1px; left: 1px}
.info_content p {margin-bottom: 10px !important; font-size: 15px; font-family: "Geologica"; font-weight: 200 !important; color: var(--black-color);}




/*TIMOKATALOGOS*/
.price-list {margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 80px !important}
.price-list .price-list-column {padding: 10px 30px 30px 30px !important}
.price-list .price-list-column.left-column {border: 2px solid var(--black-color); border-right: 1px solid var(--black-color);}
.price-list .price-list-column.right-column {border: 2px solid var(--black-color); border-left: 1px solid var(--black-color);}

.price-column {text-align: right}

.dish-category-title {margin-top: 40px !important; margin-bottom: 30px !important; padding-bottom: 10px !important; border-bottom: 2px solid var(--black-color); font-size: 32px; letter-spacing: 1px}
.menu-row .wpb_content_element {margin-bottom: 15px !important}

.price-list-message {margin-top: 40px}

.menu-row p {font-family: "Geologica"; font-weight: 400 !important;}
.menu-row em {color: #908766}


/*CONTACT*/
.wpcf7-form label {color: var(--black-color); font-family: "Geologica"; font-weight: 400 !important; text-transform: none; font-size: 16px; letter-spacing: 0px; }
.wpcf7-form p {margin-bottom: 25px}

.wpcf7-text {border:0px; border-bottom: 2px solid var(--black-color); padding: 0px 0px 0px 0px; background: transparent; color: var(--black-color);margin-top: 5px; height: 50px; }

.wpcf7-textarea {border:0px; border-bottom: 2px solid var(--black-color); padding: 15px 0px 0px 0px; background: transparent; color: var(--black-color); resize: vertical; height: 50px; margin-top: 5px; }
.wpcf7-text:hover,.wpcf7-text:focus, .wpcf7-textarea:hover, .wpcf7-textarea:focus, .wpcf7-select:hover,.wpcf7-select:focus {border-color: var(--black-color)}

.wpcf7-quiz {border:0px; border-bottom: 2px solid var(--black-color); padding: 0px 0px 0px 0px; background: transparent; color: var(--black-color);margin-top: 5px; height: 50px;}

.wpcf7-submit {background: transparent !important; font-weight: 400 !important; font-family: 'CFBlastGothic-SemiBold' !important; font-size: 16px !important; margin-top: 30px !important;letter-spacing: 1px !important; padding: 10px 40px !important; color: var(--black-color) !important; border: 2px solid var(--black-color) !important; border-radius: 0px !important}
.wpcf7-submit:hover {background:var(--black-color) !important; color: #ffffff !important}

.wpcf7-list-item {margin-left: 0px !important; margin-top: 10px !important; width: 100%}
.wpcf7-list-item a {font-family: "Geologica"; font-weight: 200 !important;}
.wpcf7-list-item label {font-size: 15px;font-family: "Geologica"; font-weight: 200 !important; margin-top: 10px}
.wpcf7-list-item-label {margin-left: 5px !important}
 
.wpcf7-response-output {text-align: center; font-size: 14px !important; margin-left: 0px !important; margin-right: 0px !important;font-family: "Geologica"; font-weight: 400 !important;}
.wpcf7-validation-errors {background: #cc0000 !important; border-color: #cc0000 !important; color: #ffffff !important} 
.wpcf7-mail-sent-ok {background: #2fb390 !important; border-color: #2fb390 !important; color: #ffffff !important} 

.wpcf7-list-item input[type="checkbox"] {-webkit-appearance: none; appearance: none; background-color: transparent; margin: 0; font: inherit; color: var(--black-color); width: 18px; height: 18px; border: 2px solid var(--black-color); transform: translateY(-0.075em); display: inline-grid; place-content: center;}

.wpcf7-list-item input[type="checkbox"]::before {content: ""; width: 0.65em; height: 0.65em; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; background-color: var(--black-color);}

.wpcf7-list-item input[type="checkbox"]:checked::before {transform: scale(1);}

.forconsent a {color: var(--black-color) !important; border-bottom: 1px solid var(--black-color);}

/*contact form placeholders*/
.wpcf7-form input::placeholder {color: var(--black-color);font-family: "Geologica"; font-weight: 400 !important; font-size: 13px; letter-spacing: 0.5px} 
.wpcf7-form input:focus::placeholder {color: #cfc8b3 !important;}
.wpcf7-form input::-webkit-input-placeholder {color: var(--black-color);font-family: "Geologica"; font-weight: 400 !important; font-size: 13px; letter-spacing: 0.5px} 
.wpcf7-form input:focus::-webkit-input-placeholder {color: #cfc8b3 !important}
.wpcf7-form input::-moz-placeholder {color: var(--black-color) !important;font-family: "Geologica"; font-weight: 400 !important; font-size: 13px; letter-spacing: 0.5px} 
.wpcf7-form input:focus::-moz-placeholder {color: #cfc8b3 !important}
.wpcf7-form input:-ms-input-placeholder {color: var(--black-color) !important;font-family: "Geologica"; font-weight: 400 !important; font-size: 13px; letter-spacing: 0.5px} 
.wpcf7-form input:focus:-ms-input-placeholder {color: #cfc8b3 !important;}
.wpcf7-form input:-moz-placeholder {color: var(--black-color) !important;font-family: "Geologica"; font-weight: 400 !important; font-size: 13px; letter-spacing: 0.5px} 
.wpcf7-form input::focus-moz-placeholder {color: #cfc8b3 !important;}
.wpcf7-textarea::placeholder {color: var(--black-color);font-family: "Geologica"; font-weight: 400 !important; font-size: 13px; letter-spacing: 0.5px} 
.wpcf7-textarea:focus::placeholder {color: #cfc8b3 !important;} 
.wpcf7-textarea::-webkit-input-placeholder {color: var(--black-color);font-family: "Geologica"; font-weight: 400 !important; font-size: 13px; letter-spacing: 0.5px} 
.wpcf7-textarea:focus::-webkit-input-placeholder {color: #cfc8b3 !important}
.wpcf7-textarea::-moz-placeholder {color: var(--black-color) !important;font-family: "Geologica"; font-weight: 400 !important; font-size: 13px; letter-spacing: 0.5px} 
.wpcf7-textarea:focus::-moz-placeholder {color: #cfc8b3 !important}
.wpcf7-textarea:-ms-input-placeholder {color: var(--black-color) !important;font-family: "Geologica"; font-weight: 400 !important; font-size: 13px; letter-spacing: 0.5px} 
.wpcf7-textarea:focus:-ms-input-placeholder {color: #cfc8b3 !important;}
.wpcf7-textarea:-moz-placeholder {color: var(--black-color) !important;font-family: "Geologica"; font-weight: 400 !important; font-size: 13px; letter-spacing: 0.5px} 
.wpcf7-textarea::focus-moz-placeholder {color: #cfc8b3 !important;}


/*PRIVACY POLICY*/

.privacy-policy h2:first-child {margin-top: 0px}


/*404*/
.error404 .error-hero {display: block; height: 100vh; text-align: center; background: var(--brown-color); position: relative}
.error404 .error-title {font-family: 'CFBlastGothic-SemiBold'; font-size: 36px; color: var(--black-color); width: 260px; height: 150px; position: absolute; left: 50%; top: 50vh; margin-left: -130px; margin-top: -75px; letter-spacing: 0.5px}
.error404 .error-title:before {content: "404"; display: block; font-family: 'CFBlastGothic-SemiBold'; font-weight: 400 !important; font-size: 100px; color: var(--black-color); margin-bottom: 20px; line-height: 100px}


/*COOKIES*/
.moove-gdpr-info-bar-container {padding: 5px 40px !important}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {background: var(--brown-color) !important; border-top: 0px !important; font-family: "Geologica"; font-weight: 400 !important;}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme p {color: var(--black-color) !important; font-weight: 400 !important }
.mgbutton {padding: 8px 10px !important; letter-spacing: 0.5px !important; font-family: "Geologica"; font-weight: 400 !important; color: var(--black-color) !important; background: var(--brown-color) !important; border-radius: 6px !important}
.mgbutton:hover {background: var(--brown-color) !important; color: var(--black-color) !important}
.mgbutton.moove-gdpr-infobar-settings-btn {background: var(--brown-color) !important; color: var(--black-color) !important; box-shadow: none !important; opacity: 1 !important}
.mgbutton.moove-gdpr-infobar-settings-btn:hover {color: var(--black-color) !important}
.moove_gdpr_text {font-family: "Geologica"; font-weight: 400 !important; letter-spacing: 0.5px !important}
.moovegdpr-arrow-close {background: var(--black-color) !important}

.gdpr_lightbox {background: rgba(30, 84, 119, 0.90) !important}
.moove-gdpr-modal-right-content, .moove-gdpr-modal-footer-content {background: #ffffff !important}
.moove-gdpr-modal-left-content {box-shadow: none !important; background: var(--brown-color) !important}
.moove-gdpr-modal-footer-content .mgbutton {background: var(--black-color) !important; color: #ffffff !important}

#moove-gdpr-menu li button {background: var(--brown-color) !important; font-family: "Geologica"; font-weight: 400 !important; color: var(--black-color) !important; border: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important}
#moove-gdpr-menu li.menu-item-selected button {}
.icon-3rd-party {height: 26px !important; position: relative; left: 4px}
.icon-strict-necessary {height: 26px !important; position: relative; left: 2px; top: 1px}
.moove-gdpr-branding {display: none !important}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon svg {height: 24px !important}


/*FOOTER*/

.footer-main {background: var(--blue-color) !important; padding-top: 80px; text-align: center}
.footer-main .widget_media_image img {width: 220px; position: relative; margin: 0 auto}
.footer-main a {color: var(--brown-color) !important}
.footer-main a:hover {color: var(--brown-color) !important}

.footer .address-column ul {color: #ffffff; font-size: 20px; line-height: 30px}

.footer .social-icon {background: transparent; color: #ffffff !important; font-size: 26px !important; margin-left: 5px; margin-right: 5px}
.footer .social-icon:hover {color: var(--brown-color) !important}


.footer-copy {font-family: 'CFBlastGothic-SemiBold'; font-weight: 400 !important; letter-spacing: 1px; font-size: 16px; border-top: 0px !important; padding: 25px 0px; background: #194664; text-align: center}
.footer-copy a {color: #ffffff !important}





/*@media screen and (max-width: 2560px) {
	
	
	.entrance {width: 670px}
	
	
}

@media screen and (max-width: 1500px) {
	
	
	.entrance {width: 500px; right: -20px}
	
}*/

@media screen and (min-height: 660px) {
	
	
.entrance {width: 540px;}
		
}



@media screen and (min-height: 840px) {
	
	
.entrance {width: 670px}
		
}


@media screen and (min-height: 1100px) {
	
	
.hero {height: 70vh}
		
}


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


.inside-hero {height: auto; padding-top: 140px; padding-bottom: 80px;}


}


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



.hero-title {font-size: 46px}
.hero-subtitle {font-size: 26px}

.inside-hero {padding-bottom: 45px}
.hero-image {bottom: -55px}

.section-title {font-size: 32px !important; letter-spacing: 1px}

.entry-content h2 {font-size: 36px}
.entry-content h3 {font-size: 26px}

#map {height: 500px;}

.black-cat {animation: move 20s linear .2s infinite;}


}



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

body, .entry-content {font-size: 14px !important; line-height: 20px !important}

.site-logo img {max-width: 220px}

.nomobile {display: none !important}
.nav {display: block}
.mobile-menu-trigger {position: absolute; right: 0px; top: 21px}

#mobilemenu {display: block;text-align: center; color: var(--black-color); z-index: 600; height: 100% !important; background: transparent;font-family: "Geologica"; font-weight: 400 !important;}
.fa-navicon:before {content:""; width: 32px; height: 32px; background: url(img/open-menu.png); background-size: cover; background-position: center center; display: block;}

.mm-opened #mobilemenu {background: var(--brown-color);}
.mm-menu.mm-top {max-height: 100%}
.mm-navbar {background: transparent !important; border-bottom: 0px !important; }
.mm-navbar .mm-title {display: none}
.mm-close {top: 15px !important; right: 0px !important; width: 55px !important;}
.mm-close::after {content: ""; width: 20px; height: 20px; background: url(img/close.png); background-size: cover; background-position: center center; display: block; margin-left: 0px; margin-top: 15px}
.mm-panels {background: transparent}
.mm-listview {height: 90%;display: flex; flex-direction: column; justify-content: center; align-items: center;}

.mm-listview > li > a, .mm-listview > li > span {white-space: initial}
.mm-listview li a {font-family: 'CFBlastGothic-SemiBold'; font-size: 32px; line-height: 34px; font-weight: 400; padding: 0px; color: var(--black-color) !important; letter-spacing: 1px;margin-bottom: 10px; text-transform: uppercase}
.mm-listview li.current-menu-item a {}
.mm-listview li a:hover {}

.mm-listview li a:active {background: transparent !important}
.mm-listview li a:focus {background: transparent !important}
.mm-listview > li:not(.mm-divider)::after {content: none}

.mm-menu .mm-listview > li a:not(.mm-next) {-webkit-tap-highlight-color: transparent; tap-highlight-color: transparent;}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {background: transparent;}

.mm-opened .fa-navicon {display: none}
.mm-panel.mm-subopened {opacity: 0.1 !important}

.mm-prev {top: 25px !important; left: 0px !important}
.mm-prev::after {content:""; width: 32px; height: 32px; background: url(img/left.png); background-size: cover; background-position: center center; display: block }
.mm-prev::before {display: none}

.mm-next {right: -70px !important; width: 350px !important;}
.mm-next:before {border: 0px !important}
.mm-next:after {content: ""; border: 0px !important; transform: none !important; width: 32px !important; height: 32px !important; top: -1px !important; background: url(img/right.png); background-size: cover !important; background-position: center center; display: block}
.mm-next:hover + a {color: var(--black-color) !important}

.menu-item-has-children a {margin-right: 0px !important}
.menu-item-has-children a:hover {border: 0px !important}



.home .hero {height: 650px}
.entrance {width: 500px}

.hero-title {font-size: 38px; letter-spacing: 1px}
.hero-subtitle {font-size: 22px; margin-bottom: 10px}

.hero-image {width: 450px}

.section-title {font-size: 32px !important;}
.entry-content h2 {font-size: 32px}
.entry-content h3 {font-size: 22px}

.about-section.centered .vc_column-inner {width: 80% !important}
/*.about-section.centered {text-align: left !important}
.about-section.centered .section-title {text-align: left !important}
.about-section.centered .section-title:after {margin-left: 0px !important}
.about-section.centered .vc_btn3-container {text-align: left !important}*/
.red-section.centered .vc_column-inner {width: 80% !important}

.wave-separator .vc_column-inner {padding-top: 25px !important}
#map {height: 400px;}


.price-list .price-list-column {padding: 0px 15px 15px 15px !important}
.menu-row .wpb_content_element {margin-bottom: 12px !important}

/*HOME GIF*/
.black-cat {position: absolute; bottom: -55px; width: 220px; right: -30%; animation: move 15s linear .2s infinite;}

@-webkit-keyframes move {
  from {
    right: -30%;
  }
  to {
    right: 100%;
  }
}


.wpcf7-list-item label {font-size: 14px;}


.footer .address-column ul {font-size: 18px; line-height: 26px}
.footer-copy {font-size: 15px}

}


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

.vc_col-sm-6 {width: 100% !important}
.vc_col-sm-push-6 {left: 0px !important}
.vc_col-sm-pull-6 {right: 0px !important}

.centerlogo {width: 100%}

.hero {text-align: center}
.home .hero {height: auto;}
.home .hero-title {margin-top: 140px !important}

.hero-title {text-align: center !important}
.hero-title:after {margin: 15px auto !important}
.hero-subtitle {text-align: center !important}

.hero-image {position: relative; bottom: -8px; width: 350px; }
.sxetika-image {left: 50%; margin-left: -212px}
.contact-image {left: 50%; margin-left: -260px}
.timokatalogos-image {left: 50%; margin-left: -187px}


.inside-hero {padding-top: 110px !important; padding-bottom: 0px !important}
.hero-text {margin-bottom: 20px !important}

.entrance {position: relative; margin: 0 auto; width: 450px}

.about-section.centered .vc_column-inner {width: 100% !important}
.red-section.centered .vc_column-inner {width: 100% !important}


.vc_images_carousel {margin-bottom: 50px}

.dish-column {width: 80% !important; float: left}
.price-column {width: 20% !important; float: right}
.price-list .price-list-column.left-column {border: 2px solid var(--black-color); border-right: 2px solid var(--black-color); border-bottom: 0px}
.price-list .price-list-column.right-column {border: 2px solid var(--black-color); border-left: 2px solid var(--black-color); border-top: 0px}


.wave-separator .vc_column-inner {padding-top: 20px !important}


.image-gallery .vc_grid-item {width: 50% !important; float: left !important}

/*HOME GIF*/
.black-cat {position: absolute; bottom: -55px; width: 220px; right: -30%; animation: move 13s linear .2s infinite;}

@-webkit-keyframes move {
  from {
    right: -30%;
  }
  to {
    right: 100%;
  }
}

/*COOKIES*/
.moove-gdpr-cookie-notice {margin-bottom: 0px !important; text-align: center !important}
.moove-gdpr-button-holder {text-align: center !important; display: inherit !important}
.moove-gdpr-info-bar-container {padding: 15px 20px 0px 20px !important}
.moove-gdpr-modal-left-content {padding-top: 20px !important}
.moove-gdpr-modal-right-content {padding: 25px 25px !important}

.moove-gdpr-company-logo-holder {text-align: center !important}
.moove-gdpr-company-logo-holder img {max-height: 60px !important}

.icon-3rd-party {height: 23px !important; position: relative; left: 0px}
.icon-strict-necessary {height: 25px !important; position: relative; left: 0px; top: 0px}


.jukebox img {width: 180px; }

}


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

.site-logo img {max-width: 200px}
.mobile-menu-trigger {position: absolute; right: 0px; top: 18px}


.entrance {position: relative; margin: 0 auto; width: auto}

.wave-separator {background-size: cover}

.inside-hero {padding-top: 80px !important}
.home .hero-title {margin-top: 115px !important}

.hero-image {position: relative; bottom: -8px; width: 300px; }
.sxetika-image {left: 50%; margin-left: -184px}
.contact-image {left: 50%; margin-left: -222px}
.timokatalogos-image {left: 50%; margin-left: -160px}


.section {padding-top: 40px; padding-bottom: 40px}
.red-section {padding-bottom: 10px !important}

.price-list {padding-bottom: 60px !important}
.price-list .price-list-column {padding: 0px 10px 10px 10px !important}

.jukebox img {width: 140px; }

/*HOME GIF*/
.black-cat {position: absolute; bottom: -50px; width: 200px; right: -30%; animation: move 10s linear .2s infinite;}

@-webkit-keyframes move {
  from {
    right: -30%;
  }
  to {
    right: 100%;
  }
}

}


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


.hero-title {font-size: 34px}

.price-list .price-list-column {padding: 0px 0px 0px 0px !important}
.dish-column {width: 70% !important}
.price-column {width: 30% !important}

.section-title {font-size: 28px !important;}

/*HOME GIF*/
.black-cat {position: absolute; bottom: -43px; width: 180px; right: -30%; animation: move 10s linear .2s infinite;}

@-webkit-keyframes move {
  from {
    right: -30%;
  }
  to {
    right: 100%;
  }
}

}

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

.site-logo img {max-width: 180px}
.mobile-menu-trigger {position: absolute; right: 0px; top: 16px}

}