@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');


  /* PATI ---------------------------------------------------------------  */

  /*popup*/

  .pum-title {
    display: none;
  }

  .pum-container {
    background-color: #fbf3ef !important;
    padding: 30px !important;
    border: 20px solid #f4ebe6 !important;
    box-shadow: none !important;
  }

  .pum-container h1, .pum-container h4, .pum-container p {
    text-align: center;
  }

  .pum-container h1 {
    margin-bottom: 20px;
  }

  .pum-container h4 {
    background-position: center bottom;
  }

  .pum-close {
    background-color: #f4ebe6 !important;
    color: #2d2d2d !important;
  }

  .pum-theme-framed-border {
    background-color: rgba( 0, 0, 0, 0.30 );
  }


  @media only screen and (max-width: 500px) { 
    .pum-container {
      padding: 18px !important;
    }

    .pum-container p {
      line-height: 25px;
    }
  }

  /*----------------------------------------------------*/

  /* felső fehér sáv eltüntetésére */
  .header-clone {
    height: 100px !important;
  }

  /* general */
  .sow-image-container img {
    width: 100%;
  }

  .container {
    width: auto !important;
  }

  .sow-slider-image {
    background-color: rgba(255,255,255,0) !important;
  }

  .ow-button-base {   
    min-height: 40px;
  }

  .soliloquy-slides, .soliloquy-item { margin: 0 !important; padding: 0 !important; }


  /* 404 not found */

  #notfound-section {
    padding: 60px 0px 90px 0 !important;
  }

  /* footer */

 	#sidebar-footer #sow-image-2 img {
		padding: 15px 15px 0px 50px; 
    max-width: 514px;
	}

	.entry-footer {
    display: none;
  }

  .social-icon {
    max-width: 40px;
  }

  .social-icon img {
    height: 40px;
  }

  #facebook-icon { 
    margin-right: 5px; 
  }

  .footer-widgets {
    padding: 10px 0 10px 0;
  }

  .footer-widgets .container {
    max-width: 1500px; 
  }



  /* menü ikon */

  .responsive-menu-button {
    display: none !important;
  }

  #menu-icon {
    display: inline-block;
    cursor: pointer;
  }

  .float-header #menu-icon {
    padding-top: 10px !important;
  }

  #menu-icon .bar1, #menu-icon .bar2, #menu-icon .bar3 {
    width: 30px;
    height: 2px;
    background-color: white;
    margin: 6px 0;
    transition: 0.4s;
  }

  #menu-icon .bar2 {
    width: 15px;
    margin-left: 15px;
  }

  #menu-icon:hover .bar2 {
    width: 30px;
    margin-left: 0;
  }

  .float-header #menu-icon .bar1, .float-header #menu-icon .bar2, .float-header #menu-icon .bar3 {
    background-color: #342b25;
  }
  /* #menu-icon.is-active .bar1, #menu-icon.is-active .bar2, #menu-icon.is-active .bar3 */




  /* nyitott menü */

  #responsive-menu-container #responsive-menu-title {
    margin-top: 60px;
    padding: 0 !important;
  }

  .responsive-menu-title-image {
    margin-bottom: 10px !important;
  }


  #responsive-menu-additional-content .container.menu-footer .col-6.col-md-4 {
    width: 100%;
  }

  .copyright-open {
    font-size: 12px;
    text-align: center;
    padding: 8px 0 2px 0 !important;
  }

  .terms-open {
    font-size: 12px;
    text-align: center;
  }

  .flag-h img, .social-open img {
    height: 40px;
  }


  #responsive-menu-additional-content {
    position: absolute;
    bottom: 15px;
    padding: 0 !important;
    width: 100%;
  }

  #responsive-menu-additional-content .container.menu-footer {
    width: 100% !important;
  }




  /* home - hero */

  .home #hero-section {
    margin-top: -208px;
  }

  .home #hero-section h1 {
    padding-top: 0;
  }

  .text-slider {
    padding-top: 22%;
  }

  .text-slider .maintitle, .text-slider .subtitle {
    font-weight: 400;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    color: #fff!important;
  }

  .text-slider .maintitle {
    padding-bottom: 0;
    margin: 0 auto !important;
    display: block;
  }

  .text-slider .subtitle {
    font-size: 48px;
    line-height: 20px;
    padding-top: 0;
  }

  .text-slider .maintitle:after {
    content: none;
  }

  .text-slider .subtitle:after {
    content: "";
    position: absolute;
    bottom: 10px;
    width: 10%;
    height: 1.5px;
    background-color: #fff;
    left: 45%;
  }


  /* home - budapest */

  #booking-panel {
    padding: 0 !important;
  }

  #home-budapest {
    margin: 0 0 0 0;
  }

  #home-budapest h1 {
    margin: -40px 15% 70px 0;
    line-height: 70px;
  }


  .budapest-column.panel-cell-style-for-2-3-1 {
    background: linear-gradient(90deg, #fbf3ef 80%, #fff 20%);
    background-position: 0 100px;
  }

  .budapest-column.panel-cell-style-for-3332-3-1 {
    background: linear-gradient(90deg, #fbf3ef 80%, #fff 20%);
    background-position: 0 100px;
  }

  #budapest-img img{
    margin-top: -100px;
  } 

  #budapest-slider {
    margin: -30px -30px 0 0;
  }


  /* home - about */

  #home-about {
    background: linear-gradient(90deg, #fbf3ef 60%, #fff 40%);
    padding-top: 0 !important;
    margin-top: 30px;
  }


  /* home - apartments, meetings, offers */

  #home-apartments {
    padding: 100px 0 100px 0;
  }

  #home-meetings .meeting-slider {
    padding: 100px 0 150px 0 !important;
  }

  #home-apartments .sow-slider-image-wrapper, 
  #home-meetings .sow-slider-image-wrapper, 
  #home-offers .sow-slider-image-wrapper {
    padding: 0;
  }

  #home-apartments .apartment-slider, 
  #home-meetings .meeting-slider,
  #home-offers .offer-slider {
    margin-top: 0px; 
  }

  #home-apartments h1, 
  #home-meetings h1,
  #home-offers h1 {
    margin-bottom: 30px; 
  }

  #home-offers .list-slider.lefttext {
    background: linear-gradient(90deg, #fbf3ef 60%, #fff 40%);
  }


  /* home newsletter */


  #home-newsletter {
    margin-bottom: 100px;
  }


  .yikes-easy-mc-form.yikes-mailchimp-form-inline {
    max-width: 1024px;
  }

  #yikes-mailchimp-container-1, #yikes-mailchimp-container-2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 20px;
  }

  /*form fields*/


  .label-inline.yikes-mailchimp-field-required {
    width: 33% !important;
    padding-right: 25px !important;
  }

  .label-inline.yikes-mailchimp-field-required input {
    border-bottom: 1px solid #342b25 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background-color: transparent !important;
    height: 38px;
    color: #342b25;
    font-weight: 400;
    letter-spacing: 2px;
    padding: 0px 10px !important;
  }


  /*submit button*/

  .submit-button-inline-label {
    width: 33% !important;
  }

  .submit-button-inline-label span.empty-label {
    display: none;
  }

  .submit-button-inline-label span {
    color: #342b25;
    font-weight: 400;
    line-height: 38px;
    height: 100%;
    width: 100%;
    padding: 0;
    display: block;
    overflow: hidden;
  }

  .submit-button-inline-label:hover, .yikes-easy-mc-submit-button:hover, 
  .submit-button-inline-label span:hover {
    color: white;
  }

  .yikes-easy-mc-submit-button {
    line-height: 20px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 35px;
  }


  /* message */

  .yikes-easy-mc-success-message, .yikes-easy-mc-error-message {
    color: #342b25;
    padding: 15px;
    margin-right: 20px;
  }



  /* apartman és terem aloldal */

  .layout-list .faciliti-con img {
    width: 27px;
    margin-top: 0px;
  }

  .layout-list .sow-image-container {
    width: 30px;
  }

  .h1-gallery {
    margin-right: 53.5%;
    margin-top: -100px;
  }

  .parent-pageid-1575 #sidebar-footer {
    margin-top: -20px;
  }

  .parent-pageid-1575 .soliloquy-container .soliloquy-prev, .parent-pageid-34 .soliloquy-container .soliloquy-prev, 
  .parent-pageid-3415 .soliloquy-container .soliloquy-prev, .parent-pageid-3411 .soliloquy-container .soliloquy-prev {
    top: -12vh !important;
    left: 90% !important;
  }

  .parent-pageid-1575 .soliloquy-container .soliloquy-next, .parent-pageid-34 .soliloquy-container .soliloquy-next, 
  .parent-pageid-3415 .soliloquy-container .soliloquy-next, .parent-pageid-3411 .soliloquy-container .soliloquy-next {
    top: -12vh !important;
  }

  .faciliti-con img{
    width:30px;
    margin-top: -2px;
  }

  .info-list {
    padding: 0 !important;
  }

  .feature-list-row .panel-row-style {
    padding: 0 !important;
  }


  /* apartmanok, termek, ajánlatok listaoldalak  */

  .list-slider.righttext {
    background: linear-gradient(90deg, #fbf3ef 70%, #fff 30%);
  }

  .list-slider.lefttext {
    background: linear-gradient(90deg, #fff 10%, #fbf3ef 0%);
  }

  .list-slider {
    margin-bottom: 100px;
  }

  .list-slider .so-widget-sow-button {
    padding-top: 10px; 
  }

  #meetings-about {
    background: linear-gradient(90deg, #fbf3ef 60%, #fff 40%);
    padding-top: 0 !important;
  }

  .offer-slider#list-slider-first {
    margin-top: -90px;
  }

  .page-id-1317 .footer-widgets, .page-id-3381 .footer-widgets{
    margin-top: -90px;
  }

  .page-id-1575 .footer-widgets, .page-id-3411 .footer-widgets {
    padding-top: 60px;
  }

  #arlista-title-desktop {
  padding: 0 !important;
  }


  /* apartmanok, termek, ajánlatok listaoldalak - angol (nem paddingolt a fordított) */

  .list-slider.righttext > div {
    width: calc(50% - ( 0.5 * 30px ) );
  }

  .list-slider.righttext > div > .widget_sow-image > div {
    padding: 0px 0px 0px 150px;
  }

  .list-slider.righttext > div > .widget_sow-editor > div {
    padding: 0px 150px 0px 90px;
  }

  .list-slider.righttext > div > .widget_sow-button > div {
    padding: 10px 0px 0px 90px;
  }


  .list-slider.lefttext > div {
    width: calc(50% - ( 0.5 * 30px ) );
  }

  .list-slider.lefttext > div > .widget_sow-image > div {
    padding: 0px 100px 0px 0px;
  }

  .list-slider.lefttext > div > .widget_sow-editor > div {
    padding: 0px 90px 0px 200px;
  }

  .list-slider.lefttext > div > .widget_sow-button > div {
    padding: 10px 90px 0px 0px;
  }





  /* rólunk */

  #aboutus-kezdet {
    background: linear-gradient(90deg, #fbf3ef 60%, #fff 40%);
    padding: 0 0 0 0 !important;
    margin-bottom: 100px;
  }

  #aboutus-napjainkban {
    background: linear-gradient(90deg, #fff 50%, #fbf3ef 0%);
    padding: 0 !important;
    margin-bottom: 100px;
  }

  #aboutus-celunk {
    background: linear-gradient(90deg, #fbf3ef 60%, #fff 40%);
    margin-bottom: 240px;
  }


  /* kapcsolat */

  #contact-section {
    background: linear-gradient(90deg, #fbf3ef 60%, #fff 40%);
    margin-bottom: 30px;
  }

  #contact-section form label {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3.9px;
    font-weight: 400;
  }

  #contact-section input, #contact-section textarea {
    border-bottom: 1px solid #342b25;
  }

  #contact-section input[type="submit"] {
    min-width: 315px;
  }


  /* eseménynaptár oldal és lista */

  .post-type-archive-tribe_events #sidebar-footer, .post-type-archive-tribe_events footer {
    display: none;
  }

  .page-id-3057 #hero-section {
    margin-top: -100px;
  }

  .page-id-3057 .footer-widgets {
    padding-top: 80px !important;
  }

  #esemenylista {
    padding: 50px 0 0 0 !important;
    margin-bottom: 100px;
  }

  .event-list-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 1200px;
    box-shadow: 1px 1.2px 2px 1px #ccc;
    margin: 50px auto;
  }

  .event-list-item .event-col {
    max-height: 320px;
  }

  .event-list-item .first-col {
    flex: 1 1 350px;
    max-width: 350px;
  }

  .event-list-item .first-col .event-image {
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
  }

  .event-list-item .second-col {
    flex: 1 1 600px;
    max-width: 600px;
    min-width: 300px;
    padding: 30px 40px 40px 40px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
  }

  .second-col p {
    text-align: justify;
  }

  .second-col .details-button {
    margin-top: 5px;
  }

  .event-list-item .third-col {
    flex: 1 1 250px;
    max-width: 250px;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    background-color: #fbf3ef;
  }

  .event-list-item .event-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    margin-bottom: 15px;
  }

  .event-list-item h1 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 0px;
  }



  /* eseménynaptár naptár */

  #naptar {
    background-color: #fbf3ef;
  }

  table.fullcalendar {
    max-width: 1200px;
    margin: 0 auto;
  }

  .em-calnav {
    font-weight: 400;
  }

  .em-calendar thead td {
    height: 50px;
    text-align: center !important;
    background-color: white;
  }

  .em-calendar .month_name {
    font-size: 20px;
    font-family: 'Playfair Display';
    text-transform: lowercase;
  }

  .em-calendar .days-names td {
    height: 50px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3.9px;
    background-color: #fbf3ef !important;
    vertical-align: middle !important;
  }


  .em-calendar tbody td {
    width: 171px;
    min-width: 100px;
    height: 80px;
    text-align: center !important;
    background-color: white;
    color: #342b25;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 5px !important;
    vertical-align: top;
  }

  .eventful {
    background-color: #fbf3ef !important;
  }

  .eventful ul,
  .eventful-today ul {
    padding: 0;
  }

  .eventful li, 
  .eventful-today li {
    list-style-type: none;
  }

  .eventful a,
  .eventful-today a {
    color: #342b25 !important;
  }

  .eventful li a,
  .eventful-today li a {
    font-size: 16px;
    font-family: 'Playfair Display';
    letter-spacing: normal;
    color: #342b25 !important;
    text-transform: none;
    vertical-align: middle;
    font-weight: 400 !important;
  }

  .eventless-pre, .eventless-post, .eventful-pre, .eventful-post {
    color: #cdc7c4 !important;
  }

  .eventless-today, .eventful-today {
    background-color: #fbf3ef !important;
  }

  .eventless-today a, .eventful-today a {
    color: #342b25 !important;
    font-weight: 700 !important;
  }


  /* esemény aloldal */

  .event.type-event {
    background-color: #fbf3ef;
  }

  .single-event .container {
    padding: 0 !important;
  }

  .single-event .footer-widgets {
    padding: 90px 0 10px 0 !important;
  }

  .single-event .footer-widgets .container {
    padding: 0 15px !important;
  }

  .single-event footer .container {
    padding: 20px 30px !important;
  }

  .my-single-event {
    background-color: #fbf3ef;
  }

  #comments {
    display: none;
  }

  .hero {
    width: 100%;
    height: 100vh;
    margin-top: -45px;
    background-image: url("https://harmoniapalota.hu/wp-content/uploads/2020/05/Teremberles_nyitokep.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

  }

  .hero h1 {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 400;
    color: #fff !important;
    font-size: 57px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    margin-left: 13%;
    padding-top: 20%;
  }

  .event-content {
    margin: 100px 80px;
    padding: 80px;
    background-color: white;
    box-shadow: 1px 1.2px 2px 1px #ccc;
  }

  .event-content h1 {
    text-align: center;
    margin-bottom: 80px;
  }

  .event-content .event-image {
    float: right;
    max-width: 50%;
    margin: 5px 0 30px 50px;
  }

  .event-content .event-image img {
    max-height: 240px;
  }

  .event-desc p {
    text-align: justify;
  }

  .buttons {
    display: flex;
    flex-direction: row;
    margin-top: 60px;
  }

  .buttons .ow-button-base {
    margin-right: 20px;
  }

  .buttons .ow-button-base a {
    width: 250px;
  }

  .details {
    background-color: #fbf3ef;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    padding: 50px 60px 50px 80px;
    margin: 80px 0;
  }

  .details-col {
    min-width: 220px;
  }


  /* karrier */

  .page-id-2235 .container.content-wrapper {
    padding: 0 !important;
  }

  .panel-row-style-for-2235-0, #pg-2235-2, .page-id-2235 .container.content-wrapper, #pg-2235-0 {
    background-color: #fbf3ef;
  }

  .page-id-2235 .footer-widgets {
    padding-top: 90px;
  }

  #karrier-szekcio h4 {
    margin-top: 40px;
  }

  #karrier-szekcio {
    margin: -100px 80px 0 80px;
    padding: 80px;
    background-color: white;
    box-shadow: 1px 1.2px 2px 1px #ccc;
  }












  /* PATI - MOBIL --------------------------------------------------------- */

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

    .page .page-wrap .content-wrapper {
      padding: 0;
    }

    .siteorigin-panels-stretch.panel-row-style {
      margin-right: 0 !important;
    }

    .row {
      margin: 0 !important;
    }

    /* animációk */

    [data-aos=fade-left] {
      transform: none;
    } 

    [data-aos=fade-right] {
      transform: none;
    } 


    /* 404 not found - mobil */

    #notfound-section {
      padding: 0px 0px 50px 0 !important;
    }




    /* menü ikon - mobil */

    .header-wrap {
      text-align: right !important;
    }

    #mainnav-mobi {
      display: block !important;
      width: 100%;
      position: absolute;
      top: 0;
      background-color: transparent;
      margin-top: 5px;
      z-index: 99999;
    }

    #menu-icon .bar1, #menu-icon .bar2, #menu-icon .bar3 {
      background-color: #342b25;
    }

    .float-header #menu-icon {
      padding-top: 0px !important;
    }



    /* nyitott menü - mobil */

    #responsive-menu-container {
      width: 75% !important; 
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item a {
      font-size: 28px !important;
      line-height: 48px;
      height: 48px;
    }

    #responsive-menu-container #responsive-menu-title {
      margin-top: 60px;
    }
    
    #responsive-menu-item-1544 {
    margin-top:4px;
    }
    
    #responsive-menu-container img.flag-h {
    width: 35px;
    }



    /* footer - mobil */

    #sidebar-footer #sow-image-2 img {
      padding: 0;
      max-width: 500px;
    }
    
    .footer-widgets {
      padding: 20px 0px 0px 0px !important;
    }

    #sidebar-footer .container {
      margin-left: 25px;	
      margin-right: 25px;
    }

    #sidebar-footer .sidebar-column:nth-child(1) {
      width: 100% !important;
    }
    #sidebar-footer .sidebar-column:nth-child(2) {
      width: 100% !important;
    }
    #sidebar-footer .sidebar-column:nth-child(3) {
      width: 100% !important;
    }  

    .container.menu-footer {
      font-size: 12px!important;
      line-height: 26px;
    }  

    .fullscreenmenu .container.menu-footer {
      line-height: 20px;
    }  

    .social-logo.social-insta {
      margin-left: 60px;
      margin-top: -56px;
    }
    .footer-widgets .widget {
      margin-bottom: 30px;
    }
    
    footer .container.menu-footer .row {
     max-width: 1500px !important;
    }

    footer .container.menu-footer .row .col-md-4:nth-child(3) {
      text-align: left !important;
    }

    footer .container.menu-footer {
      padding: 10px;
    }


    /* hero - mobil */

    .sydney-hero-area {
      display: none;
    }

    #hero-section {
      margin-top: -130px !important;
    }

    #hero-section .sow-slider-images li {
      height: 100vh !important;
    }

    #hero-section h1 {
      text-align: center !important;
      padding: 10vh 0 6px 0 !important;
      font-size: 40px !important;
      margin-left: 0 !important;
    }

    #hero-section h2 {
      font-size: 26px;
      padding: 2px 0;
    }

    #hero-section p {
      text-align: center !important;
      font-weight: 400 !important;
      margin: 0 !important;
    } 

    /* home footer - mobil */
    .home .footer-widgets {
      margin-top: -50px;
    }


    /* home hero, booking - mobil*/

    #home-hero {
      padding-bottom: 0 !important;
    }

    .text-slider {
      padding-top: 18vh;
    }

    .text-slider .subtitle:after {
      bottom: -25px;
      width: 20%;
      height: 1.5px;
      left: 38%;
    }

    #booking-panel {
      padding: 0 !important;
    }

    #book-now {
      margin-top: -14px;
      background: #fbf3ef;
    }

    #enable-bootstrap input {
      text-align: center;
    }

    #enable-bootstrap button.btn.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
      min-width: 240px;
      max-width: 335px;
      height: auto !important;
    }

    #enable-bootstrap input {
      max-width: 310px;
    }

    #enable-bootstrap .input-group {
      display: flex;
      justify-content: center;   
    }

    #enable-bootstrap button {
      max-width: 310px !important;
    }

    .book-now #enable-bootstrap > div > div:nth-child(4) {
      width: 100% !important;
      max-width: none !important;
      margin: 15px auto 5px auto !important;
      display: flex;
      justify-content: center;
    }

    .book-now .large .enable-bootstrap .col-lg-3,
    .book-now .small .enable-bootstrap .col-sm-3, 
    .book-now .medium .enable-bootstrap .col-md-3, 
    .book-now .extra-small .enable-bootstrap .col-xs-12 {
      width: 100% !important;
    }

    #book-now .enable-bootstrap .btn {
      white-space: normal;
    }


    /* home budapest - mobil */

    #home-budapest {
      padding: 0 !important;
    }

    #home-budapest h1 {
      font-size: 40px;
      line-height: 52px;
      margin: 20px 0;
    }

    #home-budapest > div:nth-child(2) {
      margin-bottom: 0;
    }

    #home-budapest > div:nth-child(2) > .budapest-column {
      display: flex;
      flex-wrap: wrap;
      background: white;
    }

    #home-budapest > div:nth-child(2) > .budapest-column > div:first-child {
      order: 2;
    }

    #home-budapest > div:nth-child(2) > .budapest-column > div:nth-child(2) {
      order: 1;
    }

    #budapest-slider {
      margin: 0;
    }

    #budapest-img img {
      margin-top: 0;
    }

    /* home about - mobil */

    #home-about-mobil {
      padding: 40px 0 0 0 !important;
      margin-bottom: 0;
      margin-top: -20px;
      background: #fbf3ef; 
    }

    #home-about {
      padding: 0 0 40px 0 !important;
      background: #fbf3ef; 
      margin-top: 0;
    }


    /* hero apartments, meetings, offers - mobil */

    #home-apartments, #home-offers {
      padding: 40px 0 0 0 !important;
    }

    #home-meetings {
      background: #fbf3ef;
      margin-top: -30px;
    }

    #home-meetings #list-slider-first {
      margin-top: -130px;
    }

    #home-apartments .apartment-slider {
      background: white;
      margin-top: 0;
    }

    #home-offers .list-slider.lefttext {
      background: white;
      margin-top: 0;
    }

    #home-meetings .meeting-slider {
      padding: 0 !important;
      margin-top: 0;
      background: #fbf3ef;
    }

    #home-apartments .list-slider h4, #home-meetings .list-slider h4, #home-offers .list-slider h4 {
      padding-top: 0;
    }

    #home-apartments h1, #home-meetings h1 {
      padding: 0;
      margin-bottom: -10px;
    }

    #home-offers h1 {
      margin-bottom: 0;
    }

    #home-meetings h1 {
      padding-top: 40px;  
    }


    /* hero content léptető nyilak - mobil */

    .sow-slider-base .sow-slide-nav.sow-slide-nav-prev {
      left: 76%;
      top: 65px !important;
    }

    .sow-slider-base .sow-slide-nav.sow-slide-nav-next {
      top: 65px !important;
    }




    /* home newsletter - mobil */

    #home-newsletter {
      padding: 50px 40px 80px 40px !important;
      margin-top: -30px;
    }

    #home-newsletter h1 {
      padding: 0;
    }

    #yikes-mailchimp-container-1, #yikes-mailchimp-container-2 {
      margin: 0;
    }

    .yikes-easy-mc-error-message {
      margin: 0 0 20px 0 !important;
    }

    .label-inline.yikes-mailchimp-field-required {
      width: 100% !important;
      margin-bottom: 10px;
    }

    .label-inline.yikes-mailchimp-field-required input {
      text-align: center;
    }

    .yikes-easy-mc-submit-button {
      left: 0 !important;
      margin-top: 5px !important;
    }

    .yikes-easy-mc-form label.label-inline {
      padding-right: 0 !important;
    }

    .yikes-easy-mc-success-message, .yikes-easy-mc-error-message {
      margin: 0 20px 30px 0;
    }



    /* apartman és terem aloldal - mobil */

    .feature-list-row .panel-row-style{
      padding: 0 !important;
    }

    .apartman-slider-2 {
      background: linear-gradient(90deg, #fbf3ef 100%, #fff 0%) !important;
      margin-top: -115px;
      padding: 40px 20px 30px 20px !important;
    }

    .apartman-slider-2 h4, .apartman-slider-2 p {
      text-align: left !important;
      background-position: left bottom !important;
    }

    .layout-list, .feature-list {
      padding: 0 20px 40px 20px !important;
      max-width: 600px
    }

    .info-list{
      flex-direction: row !important;
      min-width: 380px;
    }

    .info-list-text p {
      text-align:left !important;
    }

    .faciliti-con {
      margin-left: 20px;
      text-align: left;
      max-width: 50px;
    }

    .h1-facilities h1 {
      text-align: left !important;
      margin: -40px 0 0 0 !important;
    }

    .h1-gallery h1 {
      text-align: left !important;
      margin-right: 0;
      margin-top: -170px !important;
    }

    .feature-list {
      padding: 0 20px 40px 40px !important;
    }

    .parent-pageid-1575 #sidebar-footer, .parent-pageid-34 #sidebar-footer {
      margin-top: -80px;
    }

    .parent-pageid-1575 .soliloquy-container .soliloquy-prev, 
    .parent-pageid-34 .soliloquy-container .soliloquy-prev,
    .parent-pageid-3411 .soliloquy-container .soliloquy-prev,
    .parent-pageid-3415 .soliloquy-container .soliloquy-prev
    {
      top: -10vh !important;
      left: 80%!important;
    }

    .parent-pageid-1575 .soliloquy-container .soliloquy-next, 
    .parent-pageid-34 .soliloquy-container .soliloquy-next,
    .parent-pageid-3411 .soliloquy-container .soliloquy-next,
    .parent-pageid-3415 .soliloquy-container .soliloquy-next
    {
      top: -10vh !important;
    }



    /* apartman, terem, ajánlat listaoldal - mobil */

    .list-slider {
      padding: 0 !important;
      margin-top: -15px;
      margin-bottom: 0;
      flex-direction: column;
    }

    .list-slider p, .list-slider h4 {
      text-align: left !important;
    }

    .list-slider h4 {
      padding-top: 20px;
    }

    .list-slider.righttext {
      background: linear-gradient(90deg, #fff 70%, #fff 30%);
    }

    .list-slider.lefttext {
      background: linear-gradient(90deg, #fbf3ef 70%, #fbf3ef 30%);
    }


    .list-slider.lefttext .sow-image-container .so-widget-image {
      padding-right: 0;
    }

    .list-slider.lefttext h4 {
      background-position: left bottom;
    }

    .righttext div:first-child {
      order: 2;
    }

    .righttext div:nth-child(2) {
      order: 1;
    }

    #list-slider-first {
      margin-top: 0px;
    }

    .meeting-slider#list-slider-first {
      margin-top: -130px;
    }

    .offer-slider#list-slider-first {
      margin-top: -200px;
    }

    /* termek listaoldal - minket választottak - mobil */ 

    #meetings-about-mobil {
      padding: 40px 0 0 0 !important;
      margin-bottom: 0;
      margin-top: -50px;
      background: #fbf3ef; 
    }

    #meetings-about {
      padding: 0 0 40px 0 !important;
      background: #fbf3ef; 
      margin-top: 0;
    } 



    /* apartmanok, termek, ajánlatok listaoldalak - angol (nem paddingolt a fordított) - mobil */

    .list-slider.righttext > div {
      width: 100%;
    }

    .list-slider.righttext > div > .widget_sow-image > div {
      padding: 0px;
    }

    .list-slider.righttext > div > .widget_sow-editor > div {
      padding: 30px 40px 0px 40px;
    }

    .list-slider.righttext > div > .widget_sow-button > div {
      padding: 10px 0px 50px 0px;
    }


    .list-slider.lefttext > div {
      width: 100%;
    }

    .list-slider.lefttext > div > .widget_sow-image > div {
      padding: 0px;
    }

    .list-slider.lefttext > div > .widget_sow-editor > div {
      padding: 30px 40px 0px 40px;
    }

    .list-slider.lefttext > div > .widget_sow-button > div {
      padding: 10px 0px 50px 0px;
    }




    /* rólunk - mobil */

    #aboutus-kezdet {
      background: #fbf3ef;
    }

    #aboutus-kezdet-mobil {
      background: #fbf3ef;
      padding: 0 !important;
      margin-top: -120px;
    }

    #aboutus-napjainkban {
      background: white;
      margin-bottom: 0;
    }

    #aboutus-napjainkban h1 {
      margin-top: -60px;
      margin-bottom: 20px;
    }

    #aboutus-celunk {
      background: #fbf3ef;
      padding: 0 !important;
      margin-top: -20px;
    }

    #aboutus-celunk div:nth-child(1) {
      order: 2;
    }

    #aboutus-celunk div:nth-child(2) {
      order: 1;
    }


    /* kapcsolat - mobil */

    #contact-section div:nth-child(1) {
      order: 2;
    }

    #contact-section div:nth-child(2) {
      order: 1;
    }

    #contact-section {
      background: #fbf3ef;
      padding: 50px 0 0 0 !important;
      margin-top: -115px;
    }

    #contact-section input, #contact-section textarea {
      width: 100%;
    }

    #contact-section input[type="submit"] {
      min-width: initial;
      max-width: 310px;
      margin-bottom: 20px;
    }


    /* eseménynaptár oldal és lista - mobil */

    #esemenylista {
      margin-bottom: 40px;
    }

    .esemenynaptar-h1 h1 {
      text-align: center !important;
    }

    #lista-h1 {
      margin-top: -100px;
    }


    .event-list-item {
      flex-direction: column;
      margin: 50px 40px;
    }

    .event-list-item .event-col {
      width: 100%;
      min-height: 200px;
      max-height: none;
    }

    .event-list-item h1 {
      margin-bottom: 0;
    }

    .event-list-item .first-col {
      order: 3;
      max-width: none;
      flex-basis: auto;
    }

    .first-col .event-image {
      min-height: 300px;
    }

    .event-list-item .second-col {
      order: 1;
      max-width: none;
      flex-basis: auto;
      padding: 30px;
    }

    .second-col .details-button {
      margin-top: 10px;
      margin-left: 30px;
    }

    .event-list-item .second-col .ow-button-base {
      min-height: 30px;
      margin-bottom: 30px;
    }

    .event-list-item .third-col {
      order: 2;
      max-width: none;
      flex-basis: auto;
      padding: 40px 30px 20px 30px;
    }

    .event-list-item .third-col p {
      line-height: 25px;
    }


    /* eseménynaptár naptár */
    #naptar {
      padding: 100px 0px 30px 0 !important;
    }

    #naptar-h1 {
      margin-top: -50px;
    }

    .em-calendar-wrapper {
      padding: 0 40px;
    }

    table.em-calendar {
      width: 100%;
    }

    .em-calendar .month_name {
      font-size: 18px;
    }

    .em-calendar .days-names td {
      height: 40px;
    }

    .em-calendar tbody td {
      width: 14%;
      min-width: 40px;
      height: 40px;
      padding: 5px;
      vertical-align: top;
    }

    .eventful li a {
      font-size: 14px;
    }


    /* esemény aloldal - mobil */

    .my-single-event .hero h1 {
      text-align: center !important;
      padding: 40vh 0 6px 0 !important;
      font-size: 40px !important;
      margin-left: 0 !important;
    }

    .event-content {
      margin: 60px 40px;
      padding: 30px;
    }

    .event-content h1 {
      text-align: center !important;
      margin-bottom: 50px;
    }

    .event-content .event-image {
      margin: 0 0 40px 0;
      float: none;
      max-width: none;
    }

    .buttons {
      display: block;
      margin: 50px 0 -10px 0;
    }

    .buttons .ow-button-base a {
      margin-left: 30px;
      padding: 11px 15px !important;   
      width: auto;
    }

    .buttons .ow-button-base {
      margin-bottom: 20px;

    }

    .details {
      display: block;
      padding: 10px 30px;
    }

    .details-col {
      min-width: 200px;
      margin: 50px auto;
    }


    /* karrier */

    .page-id-2235 .footer-widgets {
      padding-top: 70px !important;
    }

    #karrier-szekcio h1 {
      margin-bottom: -30px;
    }

    #karrier-szekcio h4 {
      margin-top: 40px;
    }

    #karrier-szekcio {
      margin: -130px 40px -50px 40px;
      padding: 30px;
    }































  }

  /* apartman és terem aloldal ikonos rész - mobil - 460px alatt */

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

    .info-list{
      flex-wrap: wrap !important;
    }

    .info-list-text p {
      text-align: center !important;
      margin-top: 15px;
    }

    .info-list > div > div {
      max-height: 27px;
    }

    .faciliti-con {
      margin-left: 0;
      max-width: 100%;
      margin-bottom: 25px;
    }

    .layout-list .sow-image-container {
      width: 100%;
    }

    .layout-list h4 {
      text-align: center !important;
      background-position: center bottom !important;
    }

    .info-list{
      min-width: initial;
    }

    .feature-list {
      padding: 0 40px 40px 40px !important;
    }


    .h1-facilities h1 {
      text-align: center !important;
      margin-bottom: -30px !important;
    }


		/* footer */
    
    #sidebar-footer #sow-image-2 img {
      padding: 0;
      max-width: 500px;
    }
    #sidebar-footer .sow-image-container {
      justify-content: center;
    }

  }

  /* ------------------------------------------------------  PATI  */








  /********************************************* MATYI *************************************************************/



  /******  GENERAL, TYPO **********/


  body {
    color: #342b25;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
  }

  .reply, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .project-filter li a.active, .project-filter li a:hover, .preloader .pre-bounce1, .preloader .pre-bounce2, .roll-team .team-item .team-pop, .roll-progress .progress-animate, .roll-socials li a:hover, .roll-project .project-item .project-pop, .roll-project .project-filter li.active, .roll-project .project-filter li:hover, .roll-button.light:hover, .roll-button.border:hover, .roll-button, .roll-icon-box.white .icon, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .go-top, .bottom .socials li:hover a, .sidebar .widget:before, .blog-pagination ul li.active, .blog-pagination ul li:hover a, .content-area .hentry:after, .text-slider .maintitle:after, .error-wrap #search-submit:hover, #mainnav .sub-menu li:hover > a, #mainnav ul li ul:after, button, input[type="button"], input[type="reset"], input[type="submit"], .panel-grid-cell .widget-title:after 
  {
    background-color: transparent;
  }

  terms h4, h5, h6{
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    color: #342b25!important;
  }

  #ui-datepicker-div {
    font-family: 'Roboto', sans-serif;
  }

  .container.menu-footer {
    font-family: 'Roboto', sans-serif;
    letter-spacing:1.5px;
  }

  h4 {
    font-weight: 400;
    font-size: 16px!important;
    letter-spacing: 3.5px;
    padding-bottom: 25px;
    line-height: 34px!important;
    background-image: url(https://harmoniapalota.hu/wp-content/uploads/2019/11/line-h4.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-bottom:30px!important;
    text-transform: uppercase;
  }

  .left-text h4 {
    background-position: right bottom;
  }

  p {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size:13px;
    letter-spacing:1.5px;
    line-height: 28px;
  }

  .midle-left-h1 h1{
    text-align:center;
  }

  div.fullscreenmenu ul.nav-menu li a {
    font-family: 'Playfair Display', sans-serif;
    font-size: 40px;
    line-height: 55px;
    color: #342b25!important;
  }

  .tribe-events-style-full .page-wrap{
    background:#fbf3ee;
  }

  h1, h2, h3, .subtitle{
    font-family: 'Playfair Display', sans-serif;
    font-weight:400;
    color: #342b25!important;
  }

  h1 {
    font-size:52px;
    margin-top:0px;
    line-height: 48px;
  }



  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#000!important;
    opacity: 1!important; /* Firefox */
  }
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#342b25!important;
  }
  ::-ms-input-placeholder { /* Microsoft Edge */
    color:#342b25!important;
  }

  .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper p {
    text-shadow: none!important;
  }

  .go-top.show {
    background: transparent;
  }



  .roll-button:hover {
    background:#fff;
    color:black;
  }

  .site-info.container {
    display: none;
  }


  img.site-logo-scroll {
    width: 40px;
  }


  /******  PRELOADER **********/

  .preloader {
    display: none !important;
  }

  .preloader .spinner {
    height: 128px;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: relative;
    top: 50%;
    width: 128px;
    background: url(https://harmoniapalota.hu/wp-content/uploads/2019/12/logo-big.png);
  }



  /***** BUTTONS ******/

  .ow-button-base a {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    padding: 0.8em 3em!important;
    background: #ffffff;
    color: #342b25;
    border-width: 1px 0;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    border: 1px solid #342b25 !important;
    font-size: 13px!important;
    text-transform: uppercase!important;
    letter-spacing: 3.9px!important;
    font-family: 'Roboto', sans-serif;
  }

  button{
    font-size: 13px!important;
    text-transform: uppercase!important;
    letter-spacing: 3.9px!important;
    font-family: 'Roboto', sans-serif;
  }


  /*****   BUTTON HOVER *******/

  #harmony-button, .btn, .wpcf7-submit, .ect-google a, .harmony-button {
    background-image: linear-gradient(to left,
      #fff,
      #fff 50%,
      #342b25 50%,
      #342b25)!important;
    background-position: 100% 0!important;
    background-size: 200% 100%!important;
    transition: all .25s ease-in!important;
  }
  #harmony-button:hover, .btn:hover, .wpcf7-submit:hover, .ect-google a:hover, .harmony-button:hover {
    background-position: 0 0!important;
    color:#fff!important;
  }

  .ect-google a {
    color: #00394f;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #342b25;
    padding: 6px 20px;
  }



  /*************  HEADER *************/

  .header-image {
    display: none;
  }

  .hentry .title-post {
    display: none;
  }

  #hero-section {
    margin-top: -175px;
  }

  #hero-section h1 {
    font-family: 'Playfair Display', sans-serif;
    font-weight: 400;
    color: #fff!important;
    font-size: 57px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    margin-left: 80px;
    padding-top: 50px;
  }

  #hero-section p {
    margin-right: 80px;
    text-align: right;
    line-height: 40px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5) !important;
  }

  #hero-section .sow-slide-nav.sow-slide-nav-next, #hero-section .sow-slide-nav.sow-slide-nav-prev{
    display:none!important;
  }

  .site-header {
    background-color: transparent;
  }
  .site-logo {
    max-width: 195px;
  }

  .site-logo img {
    max-height: 35px;
  }

  .site-logo-scroll img {
    height: 35px;
    display: block;
  }

  .header-wrap {
    margin-top: 20px;
    padding: 0px 20px;
  }

  .float-header {
    margin-top: -10px;
    padding-bottom: 14px!important;
  }

  .site-header.float-header {
    background-color: hsla(0, 0%, 100%, 0.74);
  }

  .site-header.float-header .animateddrawer span, .site-header.float-header .animateddrawer:before, .site-header.float-header .animateddrawer:after{
    background: #342b25;
  }

  .lang-switch a{
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 38px;
  }

  .lang-switch {
    width: 79px;
    float: right;
    margin-left: -75px;
    margin-top: -5px;
  }

  .float-header .lang-switch {
    margin-top: 7px;
  }

  a.lang-en {
    margin-left: -30px;
  }

  .float-header .lang-switch a{
    color: #342b25;
  }

  .float-header .site-logo {
    display: none;
  }

  .site-logo-scroll{
    display: none;
  }

  .float-header .site-logo-scroll{
    display: block;
  }

  .bookin-button-header{
    display: none;
  }



  .float-header .bookin-button-header{
    display: block;
  }

  @media only screen and (min-width: 1025px) {

    .float-header .row div:nth-child(2) {
      width: 100%;
    }

    .float-header .row div:nth-child(3) {
      width: 18%;
    }
  }



  /*****************  BOOKING BUTTON HEADER *****************/

  .bookin-button-header {
    float: right;
    margin-right: 1%;
    padding: 6px 20px;
    border-radius: 5px;
    border: 1px solid #342b25;
    height: 35px;
    letter-spacing: 3px;
    font-size:12px;
    width:150px;
    text-align:center;
    z-index: 99999999;
    background-image: linear-gradient(to left,
      #fff,
      #fff 50%,
      #342b25 50%,
      #342b25);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
  }

  .bookin-button-header:hover {
    background-position: 0 0;
    color:#fff;
  }






  /******   MENU ICON ***********/

  a.animateddrawer {
    background: transparent;
  }

  .animateddrawer:before, .animateddrawer:after {
    height: 0.2em;
    background: white;
  }

  .animateddrawer:before{
    bottom: 5px;
    top: 5px;
  }

  .animateddrawer:after{
    bottom: 5px;
  }

  .animateddrawer span {
    width: 50%;
    height: 0.2em;
    background: white;
    position: absolute;
    top: 50%;
    margin-top: -0.1em;
    border-radius: 2px;
    -ms-transform-origin: 0;
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition: none;
    transition: none;
    right: 0;
  }

  .open span, .open:after, .open:before{
    background: black;
  }

  .wpml-ls-native{
    background: transparent !important;
  }

  #mainnav:hover .animateddrawer span {
    width: 100%;
    -webkit-transition: width 1s; /* Safari prior 6.1 */
    transition: width 1s;
  }





  /**********  IMAGE SLIDER ***********/


  .soliloquy-container .soliloquy-pager {
    display: none;
  }

  .soliloquy-container  .soliloquy-next {
    background-image: url(https://harmoniapalota.hu/wp-content/uploads/2019/10/right-arrow.png)!important;
    display: block!important;
    top: 100% !important;
    margin-top: 15px!important;
    right: 15px!important;
    background-color:transparent!important;
  }

  .soliloquy-container .soliloquy-prev {
    background-image: url(https://harmoniapalota.hu/wp-content/uploads/2019/10/left-arrow.png)!important;
    display: block!important;
    top: 100%!important;
    margin-top: 15px!important;
    left: 77%!important;
    background-color: transparent!important;
  }


  /**  BOOK NOW ***/

  .book-now {
    text-align: center;
    margin-top: -191px;
    background: rgba(255,255,255,0.8);
    padding: 20px 0;
  }

  .book-now .date-selector {
    padding: 30px 0;
  }

  .book-now .input-group-lg > .input-group-addon {
    font-size: 32px;
    padding: 1px 20px;
  }

  .book-now .form-control {
    font-size: 16px;
  }

  .book-now .container {
    width: 100%;
  }

  input.arrDate.datepicker.form-control, input.depDate.datepicker.form-control, input.noa.form-control.input-lg {
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #342b25;
    font-size: 22px;
    color: #342b25;
  }

  input.noa.form-control.input-lg {
    margin-top: -4px;
  }

  #enable-bootstrap button.btn.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    border: 1px solid #342b25;
    padding: 7px;
    min-width: 240px;
    max-width: 335px;
    height: 34px;
  }

  #enable-bootstrap input {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3.9px;
    height: 34px !important;
  }

  .book-now #enable-bootstrap > div > div:nth-child(4) {
    width: 37%;
    max-width: 340px;
  }

  .book-now .small .enable-bootstrap .col-sm-3, 
  .book-now .medium .enable-bootstrap .col-md-3, 
  .book-now .large .enable-bootstrap .col-lg-3, 
  .book-now .extra-large .enable-bootstrap .col-lg-3 {
    width: 21%;
  }

  .book-now .large {
    padding-left: 5%;
  }

  .book-now .extra-large {
    padding-left: 10%;
  }



  /********   IMAGE SLIDER ***********/

  .iw-so-slider .slick-arrow {
    color:#342b25;
    background: #fff0;
  }
  .iw-so-slider .slick-arrow.slick-next {
    position: absolute;
    right: 0;
    bottom: -44px;
  }
  .iw-so-slider .slick-arrow.slick-prev {
    position: absolute;
    right: 40px;
    bottom: -44px;
  }
  .iw-so-slide-content {
    max-width: 100%!important;
  }
  .sow-slide-nav.sow-slide-nav-next, .sow-slide-nav.sow-slide-nav-prev{
    opacity: 1!important;
    display: block!important;
    top: 50%!important;
  }
  ol.sow-slider-pagination {
    display: none!important;
  }

  .sow-slider-base [class^="sow-sld-icon-"], .sow-slider-base [class*=" sow-sld-icon-"] {
    color: transparent;
  }
  .sow-slide-nav.sow-slide-nav-next {
    background: url(https://harmoniapalota.hu/wp-content/uploads/2019/10/right-arrow.png) no-repeat;
    background-position-x: center;
  }
  .sow-slide-nav.sow-slide-nav-prev{
    background: url(https://harmoniapalota.hu/wp-content/uploads/2019/10/left-arrow.png) no-repeat;
    background-position-x: center;
  }





  /**********  BACKGROUND ************/

  .apartman-slider{
    background: linear-gradient(90deg, #fff 10%, #fbf3ef 0%);
  }

  .apartman-slider-2 {
    background: linear-gradient(90deg, #fbf3ef 60%, #fff 0%);
  }

  .apartman-slider-2-2 {
    background: linear-gradient(90deg, #fbf3ef 90%, #fff 0%);
  }


  /************* NEW BOOKING FORM *******/

  div#enable-bootstrap { 
    background-color: rgba(255, 255, 255, 0)!important;
    color: #000000!important;
  }


  #enable-bootstrap input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #342b25;
    box-shadow:none;;
    -webkit-box-shadow: none;
    border-radius: 0;
    font-family: 'Roboto', sans-serif;
  }
  span.input-group-addon {
    display: none!important;
  }

  #enable-bootstrap .input-group {
    width: 100%;
  }

  .ui-datepicker-today a {
    background: #ccc !important;
    border: none !important;
  }



  /*********   MAILCHIMP **********/

  input[type="submit"] {
    background: #fff;
    color: #342b25;
    border-radius: 10px;
  }
  select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    color: #767676;
    background-color: #ffffff00;
    border: 0px;
    height: 50px;
    padding: 4px 20px;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom: 2px solid #000;
  }
  .mc4wp-form input:not([type="submit"]) {
    width: 100%;
    border-bottom: 1px solid #342b25;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 3.9px;
    color: #342b25;
    font-weight: 400;
    height: 35px;
  }
  input[type="submit"] {
    background: #fff;
    color: #342b25;
    padding: 6px 20px;
    border-radius: 5px;
    margin-top: 0px;
    border: 1px solid #342b25;
    height: 35px;
    letter-spacing: 3px;
    font-size: 13px;
    text-align: center;
    min-width:280px;
  }



  /********  FOOTER ************/
  #sidebar-footer {
    border: none !important;
  }


  .footer-widgets .panel-row-style{
    padding:10px 0 !important;
  }
  .footer-widgets p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: 26px;
    color:#342b25;
  }

  .widget-area .widget{
    padding-top: 0px!important;
  }

  .footer-widgets h4 {
    padding-bottom: 10px;
    letter-spacing:initial;
    font-family: 'Playfair Display', sans-serif;
    font-size:20px!important;  
    text-transform: none;
  }

  #sidebar-footer .sidebar-column:nth-child(1) {
    width: 39%;
    margin-right: 1%;
    margin-left: 0;
  }

  #sidebar-footer .sidebar-column:nth-child(2) {
    width: 35%;
  }

  #sidebar-footer .sidebar-column:nth-child(3) {
    width: 25%;
  }

  #sidebar-footer a#harmony-button {
    margin-top: 0px;
  }

  #sidebar-footer .so-widget-sow-button {
    margin-top: -15px;
  }

  footer .container.menu-footer {
    position: relative;
    bottom: -16px;
    width: 100%;
    font-size: 15px;
    background: #fbf3ef;
    padding: 20px 40px;
  }

  footer .container.menu-footer  .row {
    margin-left: -15px;
    margin-right: -15px;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 12px;
  }

  footer .container.menu-footer  .row  .col-md-4:nth-child(3){
    text-align: right;
  }

  .go-top.show {
    display: none;
  }



  /*************  LANGUAGE CSS ***************/

  html[lang="hu-HU"] .btnh-en{
    display:none!important;
  }

  html[lang="en-US"] .btnh-hu{
    display:none!important;
  }

  img.flag-h {
    width: 40px;
  }





















  /***********  MATYI - MOBILE *************************************************************************************/


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


    /***********  KEZDŐLAP & GENERAL  *********/

    h1 {
      font-size: 40px;
      margin-top: 0px;
      line-height: 52px;
      margin: 0;
      text-align: left !important;
    }

    h4 {
      text-align: left !important;
      background-position: left bottom !important;
    }

    p {
      text-align: left !important;
    }

    .lang-switch {
      display: none;
    }

    .site-header {
      background-color: #181d1b;
    }

    .cimg {
      z-index: 99999999;
    }




    a.animateddrawer {
      display: block!important;
      float: right;
      margin-top: -38px;
      margin-right: 10px
    }

    .panel-grid-cell {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }

    aside#siteorigin-panels-builder-2 {
      margin: -10px 0 -20px 0;
    }

    .position-button{
      margin-bottom:20px;
    }

    #harmony-button, .harmony-button {
      position: absolute;
      left: 40px;
    }

    .harmony-button-fix{
      left: 0px!important;
    }

    .navcontent {
      top: -20px!important;
    }

    #section-mob-row{
      margin-top:-145px;
    }

    .section-mob-row-midle{
      margin-top:-80px;
    }

    .apartman-slider-2-2 {
      background: linear-gradient(90deg, #fbf3ef 100%, #fff 0%);
    }

    footer .container.menu-footer {
      padding: 20px 30px;
    }

    .section-mob-row-bottom{
      padding-top: 30px!important;
    }
    .sow-slider-image-container h4{
      width:60%;
      line-height:28px!important;
    }

    #harmony-button, .btn, .wpcf7-submit, .tribe-events-button, .ect-google a {
      position: absolute;
    }

    input[type="submit"] {
      margin: 0;
      width: 100%;
    }



    /******  HEADER *************/

    .site-header{ 
      height: 75px; 
    }  

    .site-header.fixed {
      position: fixed !important;
      z-index: 999;
      background: #ffffff87!important;
      padding:0;
    }

    .site-header {
      background-color: #ffffff8a;
      position: absolute;
      top: 0!important;
      z-index:999;
      height: 75px;
    }

    .site-header.float-header {
      padding-top: 20px;
      position: fixed!important;
      z-index:999;
      padding:0px !important;
      height: 75px;
    }

    .float-header {
      margin-top: 0px;
      padding-bottom: 0px!important;
    }

    a.animateddrawer {
      display: block!important;
      float: right;
      margin-top: -46px;
      margin-right: 10px;
    }

    .mobile-booking {
      text-align: center;
      margin-top: 100px;
      background: #ffffff8a;
      position: absolute;
      bottom: 0px;
      left: 0;
    }

    html[lang="hu-HU"].btnh-en{
      display:none!important;
    }

    html[lang="en-US"] .btnh-hu{
      display:none!important;
    }

    .site-logo {
      display:none;
    }

    .site-logo.open-menu {
      display:block;
    } 

    .site-logo-scroll{
      display:block;
    }

    .animateddrawer:before, .animateddrawer:after, .animateddrawer span  {
      background: #342b25;
    } 

    .sow-slider-base .sow-slide-nav a {
      color: #342b25!important;
    }
    .sow-slider-image-container p{
      font-size: 13px!important; 
    }

    .site-header .col-sm-4 {
      width: 33.33333333%;
      float: left;
      padding: 0 !important;
    }

    .float-header .col-sm-4 {
      width: 33.33333333%;
    }

    .bookin-button-header{
      display: block;
    }



    /********  SLIDER NAV ******/

    .sow-slider-base ul.sow-slider-images {
      list-style: none;
      margin: 0;
      overflow: hidden;
      padding-bottom: 0px;
    }  



  }




  /*********************  BOOKING BUTTON  *********************/

  @media screen and (min-width: 1281px) {
    .bookin-button-header {
      margin-right: 0%;
    }
  }


  @media screen and (min-width: 1025px) and (max-width: 1280px) {
    .bookin-button-header {
      margin-right: 7%;
    }
  }

  @media screen and (min-width: 630px) and (max-width: 1024px) {
    .bookin-button-header {
      margin-right: 14%;
    }
  }

  @media screen and (min-width: 555px) and (max-width: 629px) {
    .bookin-button-header {
      margin-right: 0%;
      margin-left: 10%;
      float: left;
    }
  }

  @media screen and (min-width: 480px) and (max-width: 554px) {
    .bookin-button-header {
      float: right;
      margin-right: -9%;
    }
  }

  @media screen and (min-width: 444px) and (max-width: 479px) {
    .bookin-button-header {
      margin-right: -14%;
    }
  }

  @media screen and (min-width: 400px) and (max-width: 443px) {
    .bookin-button-header {
      margin-right: -21%;
    }
  }

  @media screen and (min-width: 380px) and (max-width: 399px) {
    .bookin-button-header {
      margin-right: -21%;
    }
  }

  @media screen and (min-width: 360px) and (max-width: 379px) {
    .bookin-button-header {
      margin-right: -35%;
    }
  }

  @media screen and (max-width: 359px) {
    .bookin-button-header {
      margin-right: -42%;
    }
  }


  /**************   EXTRA SMALL  **********/

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

    #responsive-menu-container #responsive-menu li.responsive-menu-item a {
      line-height: 38px;
      height: 38px;
      font-size: 22px !important;
    }

    #responsive-menu-additional-content > div.container.menu-footer.btnh-hu > div > div:nth-child(2) {
      padding-bottom: 5px;
    }

    .flag-h img, .social-open img {
      height: 35px;
    }

    #responsive-menu-container #responsive-menu-title {
      margin-top: 30px;
    }

    #responsive-menu-title-image img {
      height: 35px !important;
    }


    #home-meetings h1 {
      word-break: break-word;
    }

    .copyright-open, .terms-open {
      font-size: 9px;
      line-height: 14px !important;
    }


    .em-calendar tbody td {
      min-width: 32px;
    }

    .event-list-item .second-col {
      padding: 30px 80px 30px 30px;
    }
  }