/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: Ferenc Eln
Author URI:  https://elnferenc.com
Template: salient
Version: 1.0
*/

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2023 MyFonts Inc. */

/**
  * @license
  * MyFonts Webfont Build ID 5046349, 2023-02-24T12:59:00-0500
  * 
  * The fonts listed in this notice are subject to the End User License
  * Agreement(s) entered into by the website owner. All other parties are 
  * explicitly restricted from using the Licensed Webfonts(s).
  * 
  * You may obtain a valid license at the URLs below.
  * 
  * Webfont: TTJenevers-Regular by TypeType
  * URL: https://www.myfonts.com/fonts/type-type/tt-jenevers/regular/
  * 
  * Webfont: TTJenevers-Italic by TypeType
  * URL: https://www.myfonts.com/fonts/type-type/tt-jenevers/italic/
  * 
  * Webfont: TTJenevers-Bold by TypeType
  * URL: https://www.myfonts.com/fonts/type-type/tt-jenevers/bold/
  * 
  * Webfont: TTJenevers-BoldItalic by TypeType
  * URL: https://www.myfonts.com/fonts/type-type/tt-jenevers/bold-italic/
  * 
  * 
  * Webfonts copyright: Copyright (c) 2018-2020 by TypeType. Designer Ivan Gladkikh, technical designers Nadezhda Polomoshnova, Vika Usmanova, Philipp Nurullin, Nadyr Rakhimov, Yuri Nakonechniy. All rights reserved.
  * 
  * © 2023 MyFonts Inc
 */
 
 /**
 * @license
 Font: OfeliaDisplay
 VILLAGE, 205 Water Street, 7b / Brooklyn, NY 11201, VLLG.COM ++ 1 718 864 0244, Order Number: 604232, January 14, 2022
 */
  
@font-face {
  font-family: "GarinoBoldOblique";
  src: url('webfonts/GarinoBoldOblique/font.woff2') format('woff2'), url('webFonts/GarinoBoldOblique/font.woff') format('woff');
}
@font-face {
  font-family: "GarinoBold";
  src: url('webfonts/GarinoBold/font.woff2') format('woff2'), url('webFonts/GarinoBold/font.woff') format('woff');
}
@font-face {
  font-family: "GarinoRegularOblique";
  src: url('webfonts/GarinoRegularOblique/font.woff2') format('woff2'), url('webFonts/GarinoRegularOblique/font.woff') format('woff');
}
@font-face {
  font-family: "GarinoRegular";
  src: url('webfonts/GarinoRegular/font.woff2') format('woff2'), url('webFonts/GarinoRegular/font.woff') format('woff');
}

@font-face {
font-family: 'OfeliaDisplay';
src: url('webfonts/OfeliaDisplay-Regular.eot');
src: url('webfonts/OfeliaDisplay-Regular.woff2') format('woff2'),
url('webfonts/OfeliaDisplay-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'OfeliaDisplay';
src: url('webfonts/OfeliaDisplay-Italic.eot');
src: url('webfonts/OfeliaDisplay-Italic.woff2') format('woff2'),
url('webfonts/OfeliaDisplay-Italic.woff') format('woff');
font-style: italic;
font-weight: normal;
}

@font-face {
font-family: 'OfeliaDisplay';
src: url('webfonts/OfeliaDisplay-Medium.eot');
src: url('webfonts/OfeliaDisplay-Medium.woff2') format('woff2'),
url('webfonts/OfeliaDisplay-Medium.woff') format('woff');
font-weight: bold;
font-style: normal;

}

@font-face {
font-family: 'OfeliaDisplay';
src: url('webfonts/OfeliaDisplay-MediumItalic.eot');
src: url('webfonts/OfeliaDisplay-MediumItalic.woff2') format('woff2'),
url('webfonts/OfeliaDisplay-MediumItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
}

@font-face {
  font-family: "TTJenevers";
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  src: url('webfonts/TTJenevers/normal_normal_normal.woff2') format('woff2'), url('webFonts/TTJenevers/normal_normal_normal.woff') format('woff');
}
@font-face {
  font-family: "TTJenevers";
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  src: url('webfonts/TTJenevers/normal_normal_bold.woff2') format('woff2'), url('webFonts/TTJenevers/normal_normal_bold.woff') format('woff');
}
@font-face {
  font-family: "TTJenevers";
  font-style: italic;
  font-weight: normal;
  font-stretch: normal;
  src: url('webfonts/TTJenevers/italic_normal_normal.woff2') format('woff2'), url('webFonts/TTJenevers/italic_normal_normal.woff') format('woff');
}
@font-face {
  font-family: "TTJenevers";
  font-style: italic;
  font-weight: bold;
  font-stretch: normal;
  src: url('webfonts/TTJenevers/italic_normal_bold.woff2') format('woff2'), url('webFonts/TTJenevers/italic_normal_bold.woff') format('woff');
}	

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 24, 2012 */

@font-face {
    font-family: 'Alef';
    src: url('webfonts/Alef-Bold.eot');
    src: url('webfonts/Alef-Bold.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Alef-Bold.woff') format('woff'),
         url('webfonts/Alef-Bold.ttf') format('truetype'),
         url('webfonts/Alef-Bold.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Alef';
    src: url('webfonts/Alef-Regular.eot');
    src: url('webfonts/Alef-Regular.eot?#iefix') format('embedded-opentype'),
         url('webfonts/Alef-Regular.woff') format('woff'),
         url('webfonts/Alef-Regular.ttf') format('truetype'),
         url('webfonts/Alef-Regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;
}	

/**
 * @license
 Font: ThatThatNewRoman
 https://www.thatthattype.com/ /// Invoice number: 001910 /// Invoice date: 2025-01-30
 */

@font-face {
  font-family: 'ThatThatNewRoman';
  src: url('webfonts/ThatThatNewRoman-Regular.woff2') format('woff2'), url('webFonts/ThatThatNewRoman-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ThatThatNewRoman';
  src: url('webfonts/ThatThatNewRoman-Italic.woff2') format('woff2'), url('webFonts/ThatThatNewRoman-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}	

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Solitas Serif Norm Regular by myfonts-production
 * URL: https://www.myfonts.com/collections/insigne-foundry
 
 * © 2025 MyFonts Inc. */


  
@font-face {
  font-family: 'SolitasSerifNormRegular';
  src: url('webfonts/SolitasSerifNormRegular/font.woff2') format('woff2'), url('webFonts/SolitasSerifNormRegular/font.woff') format('woff');
}



/*_________________HTML______________________*/

html {
	font-family: 'OfeliaDisplay' !important;
	font-style: normal;
	font-weight: normal;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga" on;
}

a[href^=tel],
a[href^="x-apple-data-detectors:"]
{
	color:inherit !important;
	text-decoration:none !important;
}

a {
  color:inherit;
}

body {
	font-family: 'OfeliaDisplay', sans-serif !important;
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga" on;
	font-feature-settings: "zero" on;
}

p {
	font-family: 'OfeliaDisplay';
	font-weight: normal;
	font-size: 18px;
	padding-bottom: 18px;
	line-height: 1.425em;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga" on;
	-webkit-font-smoothing: antialiased;
  /*font-variant-numeric: oldstyle-nums;*/
	 color: #000000;
	 letter-spacing: 0px;
	}

@media (min-width: 679px) {
	  p {
		font-size: 20px;
		padding-bottom: 20px;
	  }
	}
	
@media (min-width: 1001px) {
	  p {
		font-size: 21px;
		padding-bottom: 22px;
	  }
	}
	
@media (min-width: 1920px) {
	  p {
		font-size: 22px;
		padding-bottom: 24px;
	  }
	}
  
  ul li
  {
    font-family: 'OfeliaDisplay' !important;
    font-weight: normal;
  }
  
  ul li {
  font-size: 16px;
  padding-bottom: 18px;
  padding-left: 15px;
  line-height: 1.325em !important;
padding-bottom: 0px !important;
   letter-spacing: 0px;
  }
  
  @media (min-width: 679px) {
      ul li {
      font-size: 18px;
      padding-bottom: 20px;
      }
    }
    
  @media (min-width: 1001px) {
      ul li {
      font-size: 20px;
      line-height: 1.325em !important;
      }
    }
    
  @media (min-width: 1920px) {
      ul li {
      font-size: 21px;
      line-height: 1.375em !important;
      }
    }
    
    .nectar-fancy-ul[data-list-icon="dot"] ul li::before {
    content: "⚫";
    position: absolute;
    left: 0;
    top: 10px;
    line-height: 0;
    font-size: 90%;
    }
    
    @media (min-width: 679px) {
      .nectar-fancy-ul[data-list-icon="dot"] ul li::before {
      top: 12px;
      }
    }
    
    @media (min-width: 1001px) {
      .nectar-fancy-ul[data-list-icon="dot"] ul li::before {
      top: 14px;
      }
      }
      
    @media (min-width: 1920px) {
      .nectar-fancy-ul[data-list-icon="dot"] ul li::before {
      top: 16px;
      }
      }

 
p a {
    background: 
      linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)),
      linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-size: 100% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
    color: inherit;
  }
  
p  a:hover,
p  a:focus {
    background-size: 0 1px, 100% 1px;
  }
  
 .link-1 a {
    background: 
      linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)),
      linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-size: 100% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
  }
  
.link-1  a:hover,
.link-1  a:focus {
    background-size: 0 1px, 100% 1px;
  }
  
  body[data-form-style="minimal"] input[type="text"], body[data-form-style="minimal"] textarea, body[data-form-style="minimal"] input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] input[type="password"], body[data-form-style="minimal"] input[type="tel"], body[data-form-style="minimal"] input[type="url"], body[data-form-style="minimal"] input[type="search"], body[data-form-style="minimal"] input[type="date"], body[data-form-style="minimal"] input[type="number"], body[data-form-style="minimal"] select {
    background-color: rgba(0,0,0,0.035);
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0px solid rgba(0,0,0,0.25) !important;
    position: relative;
    margin: 0;
    font-size: 14px;
    border-bottom: 1px solid rgba(0,0,0,0.5) !important;
    -webkit-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
    border-radius: 0 !important;
  }

h1  {
	font-family: 'OfeliaDisplay';
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga" on;
  letter-spacing: -0.02em;
}

h2 {
	font-family: 'OfeliaDisplay';
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga" on;
  letter-spacing: -0.02em;
}

h3, h4, h5 {
	font-family: 'OfeliaDisplay';
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga" on;
  letter-spacing: -0.02em;
}

h6 {
	font-family: 'OfeliaDisplay';
	font-weight: bold;
	font-style: normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga" on;
  letter-spacing: -0.02em;
}

/*________h1_________*/

h1 {
  font-size: 32px !important;
  line-height: 1.425em;
}

@media (min-width: 679px) {
  h1 {
  font-size: 34px !important;
  }
}

@media (min-width: 999px) {
  h1 {
  font-size: 36px !important;
  }
}

@media (min-width: 1200px) {
  h1 {
  font-size: 38px !important;
  }
}

@media (min-width: 1920px) {
  h1 {
  font-size: 42px !important;
  letter-spacing: 1px;
  }
}

/*________h2_________*/

h2 {
  font-size: 28px !important;
  line-height: 1.125em !important;
}

@media (min-width: 679px) {
  h2 {
  font-size: 30px !important;
  }
}

@media (min-width: 999px) {
  h2 {
  font-size: 32px !important;
  }
}

@media (min-width: 1200px) {
  h2 {
  font-size: 34px !important;
  }
}

@media (min-width: 1920px) {
  h2 {
  font-size: 36px !important;
  line-height: 1.325em !important;
  }
}

/*________h3_________*/

h3 {
  font-size: 26px !important;
  line-height: 1.125em;
}

@media (min-width: 679px) {
  h3 {
  font-size: 28px !important;
  }
}

@media (min-width: 1200px) {
  h3 {
  font-size: 30px !important;
  }
}

@media (min-width: 1920px) {
  h3 {
  font-size: 32px !important;
  line-height: 1.325em;
  }
}

/*________h4_________*/

h4 {
  font-size: 22px !important;
  line-height: 1.275em;
}

@media (min-width: 679px) {
  h4 {
  font-size: 26px !important;
  }
}

@media (min-width: 1200px) {
  h4 {
  font-size: 28px;
  }
}

@media (min-width: 1920px) {
  h4 {
  font-size: 30px !important;
  line-height: 1.375em;
  }
}

/*________h5_________*/

h5 {
  font-size: 21px !important;
  line-height: 1.325em;
  padding-bottom: 5px;
}

@media (min-width: 679px) {
  h5 {
  font-size: 24px !important;
  padding-bottom: 6px;
  }
}

@media (min-width: 1200px) {
  h5 {
  font-size: 26px !important;
  padding-bottom: 8px;
  }
}

@media (min-width: 1920px) {
  h5 {
  font-size: 28px !important;
  padding-bottom: 10px;
  }
}

/*________h6_________*/

h6 {
  font-size: 18px !important;
  line-height: 1.325em;
  padding-bottom: 5px;
}

@media (min-width: 679px) {
  h6 {
  font-size: 20px !important;
  padding-bottom: 6px;
  }
}

@media (min-width: 1200px) {
  h6 {
  font-size: 22px !important;
  padding-bottom: 8px;
  }
}

@media (min-width: 1920px) {
  h6 {
  font-size: 23px !important;
  padding-bottom: 10px;
  }
  }

strong {
  font-family: 'OfeliaDisplay';
  font-weight: bold;
}

/*_________________menu______________________*/
  
.menu-title-text {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.075em;
  }

/*________VM-classes________*/

.home {
  font-family: 'OfeliaDisplay' !important;
}

.home .current-item {
  font-family: 'OfeliaDisplay' !important;
}

.home .current-item a {
  font-family: 'OfeliaDisplay' !important;
  text-decoration: underline !important;
}

.home .current-item a:hover {
  font-family: 'OfeliaDisplay' !important;
  text-decoration: none !important;
}

 .p-1 {
  font-family: 'OfeliaDisplay';
  font-weight: normal;
  font-size: 16px !important;
  padding-bottom: 0px !important;
  line-height: 1.325em;
   color: #000000;
   letter-spacing: 0px;
   -webkit-hyphens: auto !important;
   -ms-hyphens: auto !important;
   hyphens: auto !important;
  }

@media (min-width: 679px) {
   .p-1 {
    font-size: 18px !important;
    }
  }
  
@media (min-width: 1001px) {
   .p-1 {
    font-size: 19px !important;
    }
  }
  
@media (min-width: 1920px) {
    .p-1 {
    font-size: 20px !important;
    }
  }
  
  .p-2 {
    font-family: 'OfeliaDisplay';
    font-weight: normal;
    font-size: 16px !important;
    padding-bottom: 12px !important;
    line-height: 1.325em;
     color: #000000;
     letter-spacing: 0px;
    }
  
  @media (min-width: 679px) {
     .p-2 {
      font-size: 18px !important;
      padding-bottom: 14px !important;
      }
    }
    
  @media (min-width: 1001px) {
     .p-2 {
      font-size: 19px !important;
      padding-bottom: 16px !important;
      }
    }
    
  @media (min-width: 1920px) {
      .p-2 {
      font-size: 20px !important;
      padding-bottom: 18px !important;
      }
    }
    
    .p-3 {
      font-family: 'OfeliaDisplay';
      font-weight: normal;
      font-size: 14px !important;
      padding-bottom: 10px !important;
      line-height: 1.375em;
       color: #000000;
       letter-spacing: 0px;
      }
    
    @media (min-width: 679px) {
       .p-3 {
        font-size: 15px !important;
        padding-bottom: 12px !important;
        }
      }
      
    @media (min-width: 1001px) {
       .p-3 {
        font-size: 16px !important;
        padding-bottom: 14px !important;
        }
      }
      
    @media (min-width: 1920px) {
        .p-3 {
        font-size: 17px !important;
        padding-bottom: 16px !important;
        }
      }

 .p-be {
        font-size: 16px;
        padding-bottom: 18px;
        line-height: 1.415em;
      padding-bottom: 0px !important;
         letter-spacing: 0px;
        }
        
        @media (min-width: 679px) {
            .p-be {
            font-size: 18px;
            padding-bottom: 20px;
            }
          }
          
        @media (min-width: 1001px) {
            .p-be {
            font-size: 20px;
            }
          }
          
        @media (min-width: 1920px) {
            .p-be {
            font-size: 21px;
            }
          }
          
  .p-be-1 {
    font-size: 16px;
    padding-bottom: 18px;
    line-height: 1.415em;
  padding-bottom: 14px !important;
     letter-spacing: 0px;
    }
    
    @media (min-width: 679px) {
        .p-be-1 {
        font-size: 18px;
        padding-bottom: 20px;
        }
      }
      
    @media (min-width: 1001px) {
        .p-be-1 {
        font-size: 20px;
        }
      }
      
    @media (min-width: 1920px) {
        .p-be-1 {
        font-size: 21px;
        }
      }
           
 .p-0 {
 padding-bottom: 0px !important;
   }
   
   .tortenet {
     font-family: 'OfeliaDisplay';
     font-weight: normal;
     font-size: 16px !important;
     padding-bottom: 10px !important;
     line-height: 1.375em;
      color: #000000;
      letter-spacing: 0px;
     }
   
   @media (min-width: 679px) {
      .tortenet {
       font-size: 18px !important;
       padding-bottom: 12px !important;
       }
     }
     
   @media (min-width: 1001px) {
      .tortenet {
       font-size: 19px !important;
       padding-bottom: 14px !important;
       }
     }
     
   @media (min-width: 1920px) {
       .tortenet {
       font-size: 20px !important;
       padding-bottom: 16px !important;
       }
     }
     
.btm-1 {
  font-size: 18px !important;
  line-height: 1.375em;
}

@media (min-width: 679px) {
  .btm-1 {
  font-size: 20px !important;
  }
}

@media (min-width: 1200px) {
 .btm-1 {
  font-size: 22px !important;
  }
}

@media (min-width: 1920px) {
  .btm-1 {
  font-size: 24px !important;
  }
}


/*________online-kiallitas-cim_________*/
     
     .ok-cim-0 {
       font-family: 'SolitasSerifNormRegular';
       font-style: normal;
        font-size: 28px !important;
        line-height: 1.375em !important;
      }
      
      @media (min-width: 679px) {
        .ok-cim-0 {
        font-size: 30px !important;
        }
      }
      
      @media (min-width: 1200px) {
        .ok-cim-0  {
        font-size: 36px !important;
        }
      }
      
      @media (min-width: 1920px) {
        .ok-cim-0 {
        font-size: 42px !important;
      }
      }
     
    .ok-cim-1 {
      font-family: 'SolitasSerifNormRegular';
      font-style: normal;
       font-size: 19px !important;
       line-height: 1.375em !important;
     }
     
     @media (min-width: 679px) {
       .ok-cim-1 {
       font-size: 20px !important;
       }
     }
     
     @media (min-width: 1001px) {
        .ok-cim-1 {
        font-size: 21px !important;
        }
      }
     
     @media (min-width: 1600px) {
       .ok-cim-1  {
       font-size: 24px !important;
       }
     }
     
     @media (min-width: 1920px) {
       .ok-cim-1 {
       font-size: 26px !important;
     }
     }

.mucim {
font-family: 'OfeliaDisplay';
font-weight: normal;
font-style: italic !important;
font-size: 22px !important;
padding-bottom: 4px !important;
line-height: 1.45em !important;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga" on;
-webkit-font-smoothing: antialiased;
 letter-spacing: 0px;
}

@media (min-width: 679px) {
  .mucim {
	font-size: 26px !important;
	padding-bottom: 6px !important;
  }
}

@media (min-width: 1001px) {
  .mucim {
	font-size: 30px !important;
	padding-bottom: 10px !important;
	max-width: 860px;
  }
}

@media (min-width: 1001px) {
  .text-full  {
	font-size: 21px !important;
  padding-bottom: 22px;
 width: 100% !important;
 max-width: 100% !important;
  }
}

.balra-zar {
  text-align: left !important;
  }

.mail-01 {
  font-size: 14px !important;
  line-height: 1.25 !important;
  margin-bottom: 0px !important;
  }
  
@media (min-width: 679px) {
   .mail-01 {
	  font-size: 15px !important;
	  line-height: 1.45 !important;
	}
  }
  
@media (min-width: 1001px) {
	 .mail-01 {
		font-size: 16px !important; 
	  }
	}
  
  .heber-idezet {
    font-family: 'Alef' !important;
    font-weight: normal;
  }

.bio-02, .bio-02 a:link {
  font-family: 'OfeliaDisplay' !important;
  font-weight: normal;
  font-size: 14px !important;
  line-height: 1.375 !important;
  padding-bottom: 0px !important;
  }
	  
@media (min-width: 679px) {
   .bio-02, .bio-02 a:link {
   font-size: 15px !important;
   line-height: 1.375 !important;
		}
	  }
	  
	@media (min-width: 1001px) {
	.bio-02, .bio-02 a:link {
	font-size: 16px !important; 
		  }
		}
.adat {
       font-family: 'OfeliaDisplay';
       font-weight: bold;
       font-size: 0.805em !important;
       line-height: 1.45em !important;
       margin-bottom: 0px;
       padding-bottom: 0px !important;
       font-variant-ligatures: none;
       -webkit-hyphens: none;
         -ms-hyphens: none;
         hyphens: none;
       -webkit-text-size-adjust: none;
     }
     
     .adat-evszam {
       font-family: 'OfeliaDisplay';
       font-weight: normal;
       font-size: 0.9em !important;
       line-height: 1.15em !important;
       padding-bottom: 0px !important;
       padding-left: 10px !important;
       text-align: left;
       font-variant-ligatures: none;
       -webkit-hyphens: none;
         -ms-hyphens: none;
         hyphens: none;
       -webkit-text-size-adjust: none;
       text-transform: uppercase;
       letter-spacing: 2px;
     }
     
     .inline {
       display: inline-block !important;
       position: relative;
     }
     
     .adat-kiemeles {
       font-family: 'OfeliaDisplay';
       font-weight: normal;
       font-size: 1.025em !important;
       line-height: 1.5em !important;
       color: #0B7DBB !important;
       margin-bottom: 0px;
       padding-bottom: 0px !important;
       text-align: left;
       font-variant-ligatures: none;
       -webkit-hyphens: none;
       -ms-hyphens: none;
       hyphens: none;
       -webkit-text-size-adjust: none;
       text-transform: uppercase;
       letter-spacing: 2px;
     }
     
     @media (min-width: 691px) and (max-width: 999px){
       .adat-kiemeles {
         font-size: 1.15em !important;
         line-height: 1.5em !important;
       }
       }
       
       @media (min-width: 1000px) and (max-width: 1300px) {
       .adat-kiemeles {
        font-size: 1.25em !important;
        line-height: 1.6em !important;
       }
       }
       
       @media (min-width: 1301px) {
       .adat-kiemeles {
          font-size: 1.45em !important;
         line-height: 1.75em !important;
       }
       }
  
  .adat-01 {
   font-size: 0.875em !important;
    line-height: 1.45em !important;
    padding-bottom: 0px !important;
    }
    
  @media (min-width: 679px) {
     .adat-01 {
      font-size: 0.885em !important;
    }
    }
    
  @media (min-width: 1001px) {
     .adat-01 {
     font-size: 0.895em!important;
      }
    }
  
  .adat-02 {
   font-size: 0.875em !important;
    line-height: 1.45em !important;
    padding-bottom: 12px !important;
    }
    
  @media (min-width: 679px) {
     .adat-02 {
      font-size: 0.885em !important;
      padding-bottom: 14px !important;
    }
    }
    
  @media (min-width: 1001px) {
     .adat-02 {
     font-size: 0.895em!important;
      padding-bottom: 16px !important;
      }
    }
	
	.adat-ped {
	  font-size: 14px !important;
	  margin-bottom: 5px !important;
	  line-height: 1.25 !important;
		padding-bottom: 0px !important;
		max-width: 100% !important;
	  }
	  
	@media (min-width: 679px) {
	   .adat-ped {
		  font-size: 15px !important;
		  margin-bottom: 8px !important;
		}
	  }
	  
	@media (min-width: 1001px) {
		 .adat-ped {
			font-size: 16px !important;
			margin-bottom: 10px !important;
		  }
		}

.adat-03 {
  font-size: 14px !important;
  margin-bottom: 5px !important;
  line-height: 1.375 !important;
  }
  
@media (min-width: 679px) {
   .adat-03 {
	  font-size: 15px !important;
	  margin-bottom: 8px !important;
	}
  }
  
@media (min-width: 1001px) {
	 .adat-03 {
		font-size: 16px !important;
		margin-bottom: 10px !important;
	  }
	}
	
	.adat-03 a:link {
	  font-family: 'OfeliaDisplay' !important;
	  font-weight: normal;
	  font-size: 14px !important;
	  margin-bottom: 5px !important;
	  line-height: 1.375 !important;
	  }
	  
	@media (min-width: 679px) {
	   .adat-03 a:link {
		  font-size: 15px !important;
		  margin-bottom: 8px !important;
		}
	  }
	  
	@media (min-width: 1001px) {
		 .adat-03 a:link {
			font-size: 16px !important;
			margin-bottom: 10px !important;
		  }
		}
		
		.adat-nev {
			  font-size: 16px !important;
			  margin-bottom: 5px !important;
			  line-height: 1.375!important;
			  margin-bottom: 0px !important;
				padding-bottom: 0px !important;
			  -ms-font-feature-settings: "smcp";
			  -moz-font-feature-settings: "smcp";
			  -webkit-font-feature-settings: "smcp";
			  font-feature-settings: "smcp";
			  -webkit-hyphens: none;
				-ms-hyphens: none;
				hyphens: none;
			  }
			  
			@media (min-width: 679px) {
			   .adat-nev {
				  font-size: 17px !important;
				  margin-bottom: 0px !important;
				  padding-bottom: 0px !important;
				}
			  }
			  
			@media (min-width: 1001px) {
				 .adat-nev {
					font-size: 18px !important;
					margin-bottom: 0px !important;
					padding-bottom: 0px !important;
				  }
				}
				
	.kepadat {
		  font-size: 15px !important;
		  line-height: 1.275em !important;
		  }
		  
		  @media (min-width: 679px) {
		   .kepadat {
			  font-size: 16px !important;
			}
		  }
		  
		  @media (min-width: 1001px) {
			.kepadat {
			  font-size: 17px !important;
			}
		  }	

/*________typo_________*/

.li-kiemeles {
  font-size: 22px !important;
  line-height: 1.325em;
  padding-bottom: 5px;
}

@media (min-width: 679px) {
  .li-kiemeles {
  font-size: 24px !important;
  padding-bottom: 6px;
  }
}

@media (min-width: 1200px) {
  .li-kiemeles {
  font-size: 26px !important;
  padding-bottom: 8px;
  }
}

@media (min-width: 1920px) {
  .li-kiemeles {
  font-size: 28px !important;
  padding-bottom: 10px;
  }
}

.ram {
  font-family: 'OfeliaDisplay' !important;
}

.program {
font-size: 16px !important;
padding-bottom: 10px;
line-height: 1.25em !important;
}

@media (min-width: 679px) {
 .program {
	font-size: 18px !important;
  padding-bottom: 12px;
  }
}

@media (min-width: 1001px) {
  .program {
	font-size: 20px !important;
  padding-bottom: 15px;
  }
}

.program-2 {
  font-size: 14px !important;
  padding-bottom: 4px !important;
  line-height: 1.20em !important;
  color: #000;
  }
  
  @media (min-width: 679px) {
   .program-2 {
	  font-size: 15px !important;
	}
  }
  
  @media (min-width: 1001px) {
	.program-2 {
	  font-size: 16px !important;
	}
  }
  
.cap {
  text-transform: uppercase !important;
  }
  
  .verzal {
	text-transform: uppercase !important;
	padding-bottom: 0px;
	margin-bottom: 0px;
	letter-spacing: 2px;
	}
  
.behuzas {
  padding-left: 30px;
}
  
.megjegyzes {
	font-size: 14px !important;
	line-height: 18px !important;
  padding-bottom: 0px;
}

@media (min-width: 679px) {
  .megjegyzes {
	font-size: 16px !important;
	line-height: 22px !important;
  }
}

@media (min-width: 1001px) {
 .megjegyzes {
	font-size: 18px !important;
	line-height: 24px !important;
  }
}

.megjegyzes-1 {
  font-size: 16px !important;
  line-height: 1.415em;
  padding-bottom: 0px;
}

@media (min-width: 679px) {
  .megjegyzes-1 {
  font-size: 18px !important;
  }
}

@media (min-width: 1001px) {
 .megjegyzes-1 {
  font-size: 20px !important;
  }
}

@media (min-width: 1920px) {
 .megjegyzes-1 {
  font-size: 21px !important;
  }
}

.megjegyzes-2 {
  font-size: 14px !important;
  line-height: 18px !important;
  padding-bottom: 10px !important;
}

@media (min-width: 679px) {
  .megjegyzes-2 {
  font-size: 16px !important;
  line-height: 22px !important;
  }
}

@media (min-width: 1001px) {
 .megjegyzes-2 {
  font-size: 18px !important;
  line-height: 24px !important;
  padding-bottom: 14px !important;
  }
}

.megjegyzes-program {
  font-size: 14px !important;
  line-height: 18px !important;
  padding-bottom: 10px !important;
}

@media (min-width: 679px) {
  .megjegyzes-program {
  font-size: 16px !important;
  line-height: 22px !important;
  }
}

@media (min-width: 1001px) {
 .megjegyzes-program {
  font-size: 18px !important;
  line-height: 24px !important;
  padding-bottom: 14px !important;
  }
}

.jegyzetek {
  font-size: 16px !important;
  line-height: 1.415em;
  padding-bottom: 10px;
}

@media (min-width: 679px) {
  .jegyzetek {
  font-size: 18px !important;
  }
}

@media (min-width: 1001px) {
 .jegyzetek {
  font-size: 20px !important;
  }
}

@media (min-width: 1920px) {
 .jegyzetek {
  font-size: 21px !important;
  }
}

.datum-home {
  font-size: 12px !important;
  font-weight: bold;
    line-height: 18px !important;
    padding-bottom: 0px;
  }
  
  @media (min-width: 679px) {
    .datum-home {
    font-size: 15px !important;
    line-height: 22px !important;
    }
  }
  
  @media (min-width: 1001px) {
   .datum-home {
    font-size: 18px !important;
    line-height: 24px !important;
    }
  }

.kiemeles-szin-b {
	font-weight: bold !important;
	color: #000 !important;
	padding-bottom: 10px !important;
}

.kiemeles-szin-z {
	font-weight: bold !important;
	color: #a08e7e !important;
	padding-bottom: 10px !important;
}

.kiemeles-szin-p {
	font-weight: bold !important;
	color: #cc4740 !important;
	padding-bottom: 10px !important;
  padding-top: 15px !important;
}

.kiemeles-szin-k {
	font-weight: bold !important;
	color: #1716E2 !important;
	padding-bottom: 10px !important;
  padding-top: 15px !important;
}

.idezet {
	  text-indent: -10px;
}

.idezet-2 {
	  padding-bottom: 0 !important;
}

.jegyzet {
	font-size: 15px;
	line-height: 22px;
	margin-top: 0px;
	letter-spacing: 2px;
}

.cent {
	  text-align: center !important;
}

 .small {
	-ms-font-feature-settings: "smcp";
	-moz-font-feature-settings: "smcp";
	-webkit-font-feature-settings: "smcp";
	font-feature-settings: "smcp";
	-webkit-hyphens: none;
	  -ms-hyphens: none;
	  hyphens: none;
} 

.szerzo {
	text-align: right;
	margin-top: 15px;
	letter-spacing: 1px;
	-ms-font-feature-settings: "smcp";
	-moz-font-feature-settings: "smcp";
	-webkit-font-feature-settings: "smcp";
	font-feature-settings: "smcp";
	-webkit-hyphens: none;
	  -ms-hyphens: none;
	  hyphens: none;
} 

.szerzo-1 {
  text-align: left;
  margin-top: 25px;
  letter-spacing: 1px;
  padding-bottom: 0px;
  -ms-font-feature-settings: "smcp";
  -moz-font-feature-settings: "smcp";
  -webkit-font-feature-settings: "smcp";
  font-feature-settings: "smcp";
  -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
} 

.impresszum {
  font-family: 'OfeliaDisplay';
  font-weight: normal;
  font-size: 16px;
  padding-bottom: 14px;
  line-height: 1.375em;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  -webkit-font-smoothing: antialiased;
  /*font-variant-numeric: oldstyle-nums;*/
   color: #000000;
   letter-spacing: 0px;
  }

@media (min-width: 679px) {
    .impresszum  {
    font-size: 18px;
    }
  }
  
@media (min-width: 1001px) {
   .impresszum  {
    font-size: 20px;
    }
  }
  
@media (min-width: 1920px) {
    .impresszum  {
    font-size: 21px;
    }
  }
  
  .impresszum-b1 {
    font-family: 'OfeliaDisplay';
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 14px;
    line-height: 1.375em;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga" on;
    -webkit-font-smoothing: antialiased;
    /*font-variant-numeric: oldstyle-nums;*/
     color: #000000;
     letter-spacing: 0px;
    }
  
  @media (min-width: 679px) {
      .impresszum-b1  {
      font-size: 15px;
      }
    }
    
  @media (min-width: 1001px) {
     .impresszum-b1  {
      font-size: 16px;
      }
    }
    
  @media (min-width: 1920px) {
      .impresszum-b1  {
      font-size: 18px;
      }
    }


/*________row_________*/


.keskeny-hasab {
	padding-right: 0;
}

@media (min-width: 1001px) {
  .keskeny-hasab {
	padding-right: 25% !important;
  }
}


/*________front _________*/ 

.front {
	font-family: 'OfeliaDisplay';
	font-size: 24px !important;
	line-height: 30px !important;
}

@media (min-width: 679px) {
 .front {
	font-size: 32px !important;
	line-height: 36px !important;
  }
}

@media (min-width: 1200px) {
  .front {
	font-size: 44px !important;
	line-height: 56px !important;
  }
}

@media (min-width: 1920px) {
  .front {
	font-size: 62px !important;
	line-height: 74px !important;
	letter-spacing: 1px !important;
  }
}

/*////////////////--SPACES--////////////////*/

.full-800 {
	 width:800px;
	max-width:90%;
}

.full-a {
   padding-left: 15.225%;
   padding-right: 15.225%;
}

@media (min-width: 760px) and (max-width: 1000px) {
.full-a {
   padding-left: 22%;
   padding-right: 22%;
}
}

@media (min-width: 1001px) and (max-width: 1230px) {
.full-a {
   padding-left: 26%;
   padding-right: 26%;
}
}

@media (min-width: 1231px) and (max-width: 1400px) {
.full-a {
   padding-left: 28%;
   padding-right: 28%;
}
}

@media (min-width: 1401px) and (max-width: 1600px) {
.full-a {
   padding-left: 30%;
   padding-right: 30%;
}
}

@media (min-width: 1601px) and (max-width: 1920px) {
.full-a {
   padding-left: 38%;
   padding-right: 38%;
}
}

@media (min-width: 1921px) and (max-width: 2400px) {
.full-a {
   padding-left: 50%;
   padding-right: 50%;
}
}

@media (min-width: 2401px) {
.full-a {
   padding-left: 58%;
   padding-right: 58%;
}
}

.full-f {
   padding-left: 10%;
   padding-right: 10%;
}

@media (min-width: 1001px) and (max-width: 1230px) {
.full-f {
   padding-left: 15%;
   padding-right: 15%;
}
}

@media (min-width: 1231px) and (max-width: 1400px) {
.full-f {
   padding-left: 20%;
   padding-right: 20%;
}
}

@media (min-width: 1401px) and (max-width: 1600px) {
.full-f {
   padding-left: 26%;
   padding-right: 26%;
}
}

@media (min-width: 1601px) and (max-width: 1920px) {
.full-f {
   padding-left: 32%;
   padding-right: 32%;
}
}

@media (min-width: 1921px) and (max-width: 2400px) {
.full-f {
   padding-left: 35%;
   padding-right: 35%;
}
}

@media (min-width: 2401px) {
.full-f {
   padding-left: 40%;
   padding-right: 40%;
}
}

.full-5-15-in {
   padding-left: 20px;
   padding-right: 20px;
}

@media (min-width: 1201px) and (max-width: 1600px) {
.full-5-15-in {
   padding-left: 5%;
   padding-right: 5%;
}
}

@media (min-width: 1601px) and (max-width: 1919px) {
.full-5-15-in {
   padding-left: 8%;
   padding-right: 8%;
}
}

@media (min-width: 1920px) {
.full-5-15-in {
   padding-left: 15%;
   padding-right: 15%;
}
}

.full-0-25 {
   padding-left: 5px;
   padding-right: 5px;
}

@media (min-width: 1201px) and (max-width: 1600px) {
.full-0-25 {
   padding-left: 5%;
   padding-right: 5%;
}
}

@media (min-width: 1601px) and (max-width: 1919px) {
.full-0-25 {
   padding-left: 10%;
   padding-right: 10%;
}
}

@media (min-width: 1920px) {
.full-0-25 {
   padding-left: 25%;
   padding-right: 25%;
}
}

.full-0-40 {
   padding-left: 0%;
   padding-right: 0%;
}

@media (min-width: 1200px) and (max-width: 1600px) {
.full-0-40 {
   padding-left: 15%;
   padding-right:15%;
}
}

@media (min-width: 1601px) and (max-width: 1800px) {
.full-0-40 {
   padding-left: 20%;
   padding-right: 20%;
}
}

@media (min-width: 1801px) and (max-width: 2047px) {
.full-0-40 {
   padding-left: 25%;
   padding-right: 25%;
}
}

@media (min-width: 2048px) {
.full-0-40 {
   padding-left: 45%;
   padding-right: 45%;
}
}

/*////////////////--5-40--////////////////*/

.full-5-40 {
   padding-left: 20px !important;
   padding-right: 20px !important;
}
@media (min-width: 670px) and (max-width: 1200px) {
  .full-5-40 {
   padding-left: 6% !important;
   padding-right: 6% !important;
  }
  }
@media (min-width: 1201px) and (max-width: 1600px) {
.full-5-40 {
   padding-left: 8% !important;
   padding-right: 8% !important;
}
}
@media (min-width: 1601px) and (max-width: 1920px) {
.full-5-40 {
   padding-left: 15% !important;
   padding-right: 15% !important;
}
}
@media (min-width: 1921px) and (max-width: 2400px) {
.full-5-40 {
   padding-left: 25% !important;
   padding-right: 25% !important;
}
}
@media (min-width: 2401px) {
.full-5-40 {
   padding-left: 35% !important;
   padding-right: 35% !important;
}
}

/*////////////////--5-35--////////////////*/

.full-5-35 {
   padding-left: 5px !important;
   padding-right: 5px !important;
}

@media (min-width: 1201px) and (max-width: 1600px) {
.full-5-35 {
   padding-left: 4% !important;
   padding-right: 4% !important;
}
}
@media (min-width: 1601px) and (max-width: 1920px) {
.full-5-35 {
   padding-left: 10% !important;
   padding-right: 10% !important;
}
}
@media (min-width: 1921px) and (max-width: 2400px) {
.full-5-35 {
   padding-left: 20% !important;
   padding-right: 20% !important;
}
}
@media (min-width: 2401px) {
.full-5-35 {
   padding-left: 35% !important;
   padding-right: 35% !important;
}
}

/*////////////////--5-60--////////////////*/

.full-5-60 {
   padding-left: 20px !important;
   padding-right: 20px !important;
}

@media (min-width: 670px) and (max-width: 1200px) {
  .full-5-60 {
   padding-left: 6% !important;
   padding-right: 6% !important;
  }
  }

@media (min-width: 1201px) and (max-width: 1600px) {
.full-5-60 {
   padding-left: 8% !important;
   padding-right: 8% !important;
}
}

@media (min-width: 1601px) and (max-width: 1920px) {
.full-5-60 {
   padding-left: 15% !important;
   padding-right: 15% !important;
}
}

@media (min-width: 1921px) and (max-width: 2400px) {
.full-5-60 {
   padding-left: 30% !important;
   padding-right: 30% !important;
}
}

@media (min-width: 2401px) {
.full-5-60 {
   padding-left: 45% !important;
   padding-right: 45% !important;
}
}

.full-5-40-allo {
   padding-left: 15%;
   padding-right: 15%;
}

/*////////////////--5-40-allo--////////////////*/

@media (min-width: 620px) and (max-width: 1000px) {
.full-5-40-allo {
   padding-left: 20%;
   padding-right: 20%;
}
}

@media (min-width: 1001px) and (max-width: 1024px) {
.full-5-40-allo {
   padding-left: 25%;
   padding-right: 25%;
}
}

@media (min-width: 1025px) and (max-width: 1600px) {
.full-5-40-allo {
   padding-left: 25%;
   padding-right: 25%;
}
}

@media (min-width: 1601px) and (max-width: 2047px) {
.full-5-40-allo {
   padding-left: 30%;
   padding-right: 30%;
}
}

@media (min-width: 2048px) and (max-width: 2400px) {
.full-5-40-allo {
   padding-left: 40%;
   padding-right: 40%;
}
}

@media (min-width: 2401px) {
.full-5-40-allo {
   padding-left: 50% !important;
   padding-right: 50% !important;
}
}

/*////////////////--5-60-allo--////////////////*/

.full-5-60-allo {
   padding-left: 20% !important;
   padding-right: 20% !important;
}

@media (min-width: 620px) and (max-width: 1000px) {
.full-5-60-allo {
   padding-left: 22% !important;
   padding-right: 22% !important;
}
}

@media (min-width: 1001px) and (max-width: 1024px) {
.full-5-60-allo {
   padding-left: 25% !important;
   padding-right: 25% !important;
}
}

@media (min-width: 1025px) and (max-width: 1600px) {
.full-5-60-allo {
   padding-left: 28% !important;
   padding-right: 28% !important;
}
}

@media (min-width: 1601px) and (max-width: 2047px) {
.full-5-60-allo {
   padding-left: 34% !important;
   padding-right: 34% !important;
}
}

@media (min-width: 2048px) and (max-width: 2400px) {
.full-5-60-allo {
   padding-left: 50% !important;
   padding-right: 50% !important;
}
}

@media (min-width: 2401px) {
.full-5-60-allo {
   padding-left: 70% !important;
   padding-right: 70% !important;
}
}

.margo-kozep {
   padding-left: 18%;
   padding-right: 18%;
}

@media (min-width: 1001px) and (max-width: 1920px) {
  .margo-kozep {
	 padding-left: 10%;
	 padding-right: 10%;
  }
  }

@media (min-width: 1921px) and (max-width: 2047px) {
.margo-kozep {
   padding-left: 16%;
   padding-right: 16%;
}
}

@media (min-width: 2048px) {
.margo-kozep {
   padding-left: 30%;
   padding-right: 30%;
}
}

.margo-kozep-2 {
   padding-left: 5%;
   padding-right: 5%;
}

@media (min-width: 1001px) and (max-width: 1920px) {
  .margo-kozep-2 {
	 padding-left: 8%;
	 padding-right: 8%;
  }
  }

@media (min-width: 1921px) and (max-width: 2047px) {
.margo-kozep-2 {
   padding-left: 16%;
   padding-right: 16%;
}
}

@media (min-width: 2048px) {
.margo-kozep-2 {
   padding-left: 30%;
   padding-right: 30%;
}
}

.full-10-40 {
   padding-left: 10%;
   padding-right: 10%;
}

@media (min-width: 1200px) and (max-width: 1600px) {
.full-10-40 {
   padding-left: 15%;
   padding-right:15%;
}
}

@media (min-width: 1601px) and (max-width: 1919px) {
.full-10-40 {
   padding-left: 30%;
   padding-right: 30%;
}
}

@media (min-width: 1920px) {
.full-10-40 {
   padding-left: 45%;
   padding-right: 45%;
}
}

.txt-0-20 {
   padding-left: 0% !important;
   padding-right: 0% !important;
}

@media (min-width: 1001px) and (max-width: 1200px) {
.txt-0-20 {
   padding-left: 15% !important;
   padding-right: 15% !important;
}
}

@media (min-width: 1201px) and (max-width: 1919px) {
.txt-0-20 {
   padding-left: 20% !important;
   padding-right: 20% !important;
}
}

@media (min-width: 1920px) {
.txt-0-20 {
   padding-left: 10% !important;
   padding-right: 10% !important;
}
}


.full-10-60 {
   padding-left: 10% !important;
   padding-right: 10% !important;
}

@media (min-width: 1200px) and (max-width: 1600px) {
.full-10-60 {
   padding-left: 25% !important;
   padding-right:25% !important;
}
}

@media (min-width: 1601px) and (max-width: 1919px) {
.full-10-60 {
   padding-left: 40% !important;
   padding-right: 40% !important;
}
}

@media (min-width: 1920px) {
.full-10-60 {
   padding-left: 60% !important;
   padding-right: 60% !important;
}
}

.full-25-60-allo {
   padding-left: 15% !important;
   padding-right: 15% !important;
}

@media (min-width: 1001px) and (max-width: 1200px) {
.full-25-60-allo {
   padding-left: 20% !important;
   padding-right: 20% !important;
}
}

@media (min-width: 1201px) and (max-width: 1400px) {
.full-25-60-allo {
   padding-left: 30% !important;
   padding-right: 30% !important;
}
}

@media (min-width: 1401px) and (max-width: 1600px) {
.full-25-60-allo {
   padding-left: 40% !important;
   padding-right: 40% !important;
}
}

@media (min-width: 1601px) and (max-width: 1919px) {
.full-25-60-allo {
   padding-left: 50% !important;
   padding-right: 50% !important;
}
}

@media (min-width: 1920px) {
.full-25-60-allo {
   padding-left: 60% !important;
   padding-right: 60% !important;
}
}

/*************/

.marg-25-60-allo {
   margin-left: 20% !important;
   margin-right: 20% !important;
}

@media (min-width: 1001px) and (max-width: 1200px) {
.marg-25-60-allo {
   margin-left: 20% !important;
   margin-right: 20% !important;
}
}

@media (min-width: 1201px) and (max-width: 1400px) {
.marg-25-60-allo {
   margin-left: 20% !important;
   margin-right: 20% !important;
}
}

@media (min-width: 1401px) and (max-width: 1600px) {
.marg-25-60-allo {
   margin-left: 20% !important;
   margin-right: 20% !important;
}
}

@media (min-width: 1601px) and (max-width: 1919px) {
.marg-25-60-allo {
   margin-left: 20% !important;
   margin-right: 20% !important;
}
}

@media (min-width: 1920px) {
.marg-25-60-allo {
   margin-left: 20% !important;
   margin-right: 20% !important;
}
}

/*************/

.full-25r {
padding-left: 0;
padding-right: 0;}

@media (min-width: 1650px) {
  .full-25r {
	padding-left: 25% !important;
	padding-right: 0;
  }
}

.full-25l {
padding-left: 0;
padding-right: 0;}

@media (min-width: 1650px) {
  .full-25l {
	padding-right: 25% !important;
	padding-right: 0;
  }
}

.p-4-4 {
	padding-top:4.8% !important;
	padding-bottom:4.8% !important;
}

.p-2-2 {
	  padding-top:2% !important;
	padding-bottom:3% !important;
}

@media (min-width: 1001px) {
.p-4-2 { padding-top:3% !important;
	padding-bottom:4% !important;
}
}

.p-0-1 {
	  padding-top: 0px !important;
	padding-bottom:14px !important;
}

@media (min-width: 1001px) and (max-width: 1600px) {
.p-0-1 {
	padding-bottom:12px !important;
}
}

@media (min-width: 1601px) {
.p-0-1 {
	padding-bottom:10px !important;
}
}

/*------------p-1-0---m-6-0-----------------*/

.p-1-0 {
  padding-top: 5px !important;
}

@media (min-width: 768px) and (max-width: 1000px) {
.p-1-0 { padding-top: 6px !important;
}
}

@media (min-width: 1001px) and (max-width: 1600px) {
.p-1-0 { padding-top: 8px !important;
}
}

@media (min-width: 1601px) and (max-width: 2400px){
.p-1-0 { padding-top: 9px !important;
}
}

@media (min-width: 2401px) {
.p-1-0 { padding-top: 10px !important;
}
}

.m-1-0 {
  margin-top: 5px !important;
}

@media (min-width: 768px) and (max-width: 1000px) {
.m-1-0 { margin-top: 6px !important;
}
}

@media (min-width: 1001px) and (max-width: 1600px) {
.m-1-0 { margin-top: 8px !important;
}
}

@media (min-width: 1601px) and (max-width: 2400px){
.m-1-0 { margin-top: 9px !important;
}
}

@media (min-width: 2401px) {
.m-1-0 { margin-top: 10px !important;
}
}

.p-0-2 {
  padding-bottom:3% !important;
}

.p-2-0 { padding-top:18px !important;
  }

@media (min-width: 768px) and (max-width: 1000px) {
.p-2-0 { padding-top:20px !important;
}
}

@media (min-width: 1001px) and (max-width: 1600px) {
.p-2-0 { padding-top:22px !important;
}
}

@media (min-width: 1601px) and (max-width: 2400px){
.p-2-0 { padding-top: 23px !important;
}
}

@media (min-width: 2401px) {
.p-2-0 { padding-top: 25px !important;
}
}

.m-2-0 { margin-top:18px !important;
  }

@media (min-width: 768px) and (max-width: 1000px) {
.m-2-0 { margin-top:20px !important;
}
}

@media (min-width: 1001px) and (max-width: 1600px) {
.m-2-0 { margin-top:22px !important;
}
}

@media (min-width: 1601px) and (max-width: 2400px){
.m-2-0 { margin-top: 23px !important;
}
}

@media (min-width: 2401px) {
.m-2-0 { margin-top: 25px !important;
}
}

.p-4-0 { padding-top:28px !important;
}

@media (min-width: 768px) and (max-width: 1000px) {
.p-4-0 { padding-top:32px !important;
}
}

@media (min-width: 1001px) and (max-width: 1600px) {
.p-4-0 { padding-top:34px !important;
}
}

@media (min-width: 1601px) and (max-width: 2400px){
.p-4-0 {padding-top: 38px !important;
}
}

@media (min-width: 2401px) {
.p-4-0 {padding-top: 40px !important;
}
}

.m-4-0 { padding-top:28px !important;
  }

@media (min-width: 768px) and (max-width: 1000px) {
.m-4-0 { padding-top:32px !important;
}
}

@media (min-width: 1001px) and (max-width: 1600px) {
.m-4-0 { padding-top:34px !important;
}
}

@media (min-width: 1601px) and (max-width: 2400px){
.m-4-0 {padding-top: 38px !important;
}
}

@media (min-width: 2401px) {
.m-4-0 {padding-top: 40px !important;
}
}

.p-6-0 {
  padding-top:40px !important;
}

@media (min-width: 768px) and (max-width: 1000px) {
.p-6-0 { padding-top:45px !important;
}
}

@media (min-width: 1001px) and (max-width: 1600px) {
.p-6-0 { padding-top:50px !important;
}
}

@media (min-width: 1601px) and (max-width: 2400px){
.p-6-0 { padding-top: 55px !important;
}
}

@media (min-width: 2401px) {
.p-6-0 { padding-top: 60px !important;
}
}

.m-6-0 {
  margin-top:40px !important;
}

@media (min-width: 768px) and (max-width: 1000px) {
.m-6-0 {margin-top: 45px !important;
}
}

@media (min-width: 1001px) and (max-width: 1600px) {
.m-6-0 {margin-top: 50px !important;
}
}

@media (min-width: 1601px) and (max-width: 2400px){
.m-6-0 {margin-top: 55px !important;
}
}

@media (min-width: 2401px) {
.m-6-0 {margin-top: 60px !important;
}
}

.m-8-0 {
  margin-top:48px !important;
}

@media (min-width: 768px) and (max-width: 1000px) {
.m-8-0 { margin-top:50px !important;
}
}

@media (min-width: 1001px) and (max-width: 1600px) {
.m-8-0 { margin-top:60px !important;
}
}

@media (min-width: 1601px) and (max-width: 2400px){
.m-8-0 { margin-top: 70px !important;
}
}

@media (min-width: 2401px) {
.m-8-0 { margin-top: 80px !important;
}
}

.m-0 { margin-top: 0 !important;
}

/*/////////////___ /////////////*/

.full-img, .img-full {
width: 100% !important;
}

.img-450 {
max-width: 280px !important;
min-width: 200px !important;
}

@media (min-width: 768px) and (max-width: 1000px) {
.img-450 { max-width: 450px !important;
}
}

@media (min-width: 1001px) {
.img-450 { max-width: 480px !important;
}
}

.img-600 {
max-width: 600px !important;
min-width: 200px !important;
}

.img-60-vw {
max-width: 600vw !important;
min-width: 200px !important;
}

/*////////////////-- footer--///////////////////////*/

.foot-1 {
font-size: 12px;
line-height: 20px;
text-align: center;
border-top: 1px dotted #000;
margin-top: 5px;
}

.fa-angle-right a  {
	color: #848484 !important;
}

.w-800  {
	max-width: 800px !important;
}

.strk-000 {
  -webkit-text-stroke: 0.0225em black;
  -moz-text-stroke: 0.0225em black;
  color: transparent !important;
  }

.scroll-down-wrap, .minimal-arrow, .nectar-next-section-wrap {
	color: rgb(0, 0, 0, 1);
}

/*////////////////-- kepadatok--///////////////////////*/

.kepadat-c {
  max-width: 100% !important;
  font-family: 'OfeliaDisplay';
  font-weight: normal;
  font-size: 0.825em !important;
  line-height: 1.275em !important;
  color: #000;
  margin-bottom: 0px;
  text-align: center;
  padding-left: 5%;
  padding-top: 6px;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

@media only screen and (min-width: 320px) and (max-width: 999px) {
  .kepadat-c  {-webkit-text-size-adjust: none;}
}

@media (min-width: 1000px) {
  .kepadat-c  {
  font-size: 0.825em !important;
  line-height: 1.275em !important;
  }
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
.adat-l {
  font-family: 'OfeliaDisplay';
  font-weight: normal;
  font-size: 0.925em !important;
  line-height: 1.125em !important;
  color: #000;
  margin-bottom: 0px;
  text-align: left;
  padding-top: 10px;
}
}

@media only screen and (min-width: 769px) and (max-width: 999px) {
  .adat-l {-webkit-text-size-adjust: none;
	font-size: 1em !important;
	line-height: 1.225em !important;
   } 
}

@media (min-width: 1000px) {
  .adat-l {
  font-size: 1.025em !important;
  line-height: 1.325em !important;
  }
  }
  
 .kepadat-c1 {
   max-width: 100% !important;
  font-family: 'OfeliaDisplay';
  font-weight: normal;
  font-size: 0.825em !important;
  line-height: 1.275em !important;
  color: #000;
	margin-bottom: 0;
	text-align: center !important;
  padding-top: 0;
	font-variant-ligatures: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
  -webkit-text-size-adjust: none;
}

.kepadat-c0 {
   max-width: 100% !important;
  font-family: 'OfeliaDisplay';
  font-weight: normal;
  font-size: 0.825em !important;
  line-height: 1.275em !important;
  color: #000;
  margin-bottom: 0px;
  text-align: center !important;
  padding-top: 0px !important;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  -webkit-text-size-adjust: none;
}

.kepadat-c2 {
   max-width: 100% !important;
  font-family: 'OfeliaDisplay';
  font-weight: normal;
  font-size: 0.825em !important;
  line-height: 1.275em !important;
  color: #000;
	margin-bottom: 0px;
	text-align: center !important;
  padding-top: 0;
	font-variant-ligatures: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
  -webkit-text-size-adjust: none;
}

.map-1 {
   max-width: 100% !important;
  font-family: 'OfeliaDisplay';
  font-weight: bold;
  font-size: 1.125em !important;
  line-height: 1.125em !important;
  color: #000;
  margin-bottom: 0px;
  text-align: center !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  -webkit-text-size-adjust: none;
}

.map-2 {
   max-width: 100% !important;
  font-family: 'OfeliaDisplay';
  font-weight: normal;
  font-size: 0.825em !important;
  line-height: 1.125em !important;
  color: #000;
  margin-bottom: 0px;
  text-align: center !important;
  padding-top: 5px !important;
  padding-bottom: 0px !important;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  -webkit-text-size-adjust: none;
}

.kepadat-r {
  max-width: 100% !important;
	font-family: 'OfeliaDisplay';
	font-weight: normal;
	font-size: 0.825em !important;
	line-height: 1.275em !important;
	color: #000;
	margin-bottom: 0px;
	text-align: right;
	padding-left: 5%;
	padding-top: 12px;
	font-variant-ligatures: none;
	-webkit-hyphens: none;
	  -ms-hyphens: none;
	  hyphens: none;
}

@media only screen and (min-width: 320px) and (max-width: 999px) {
	.kepalir-1r {-webkit-text-size-adjust: none;}
}

@media (min-width: 1000px) {
  .kepadat-r {
	font-size: 1em !important;
	line-height: 1.0225em !important;
  }
}

.b5-title {
  font-weight: normal !important;
}

/*////////////////-- padding-full--///////////////////////*/


.max-90 {
   max-height: 90vh;
}

.full-5-40 {
   padding-left: 35px;
   padding-right: 35px;
}

@media (min-width: 670px) and (max-width: 1200px) {
  .full-5-40 {
   padding-left: 35px;
   padding-right: 35px;
  }
  }

@media (min-width: 1201px) and (max-width: 1920px) {
.full-5-40 {
   padding-left: 8%;
   padding-right: 8%;
}
}

@media (min-width: 1921px) and (max-width: 2047px) {
.full-5-40 {
   padding-left: 25%;
   padding-right: 25%;
}
}

@media (min-width: 2048px) {
.full-5-40 {
   padding-left: 40%;
   padding-right: 40%;
}
}

.allo-kep {
	   padding-left: 10% !important;
	   padding-right: 10% !important;
	}
	
@media (min-width: 1001px) {
.allo-kep 
	{
	padding-left: 15% !important;
	padding-right: 15% !important;
	}
	}
  
  .allo-kep-650 {
       padding-left: 10% !important;
       padding-right: 10% !important;
       max-width: 300px;
    }
    
  @media (min-width: 1001px) {
  .allo-kep-650 
    {
    padding-left: 15% !important;
    padding-right: 15% !important;
    max-width: 650px;
    }
    }


/*////////////////-- box-bg--///////////////////////*/

.mfp-bg {
  background: #ffffff !important;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #000 !important;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}

/*////////////////-- box-bg--///////////////////////*/

.full-img {
width: 100% !important;
}

.wpml-ls-legacy-list-horizontal a {
	display: block;
	text-decoration: none;
	padding: 5px 10px;
	line-height: 1;
	transition: all .3s;
}

.logo-1 {
	max-width: 225px !important;
}

.rotate-15 {
transform: rotate(-20deg);
overflow: hidden;
}


.comments-section {
	display: none !important;
}

.comment-respond {
	display: none !important;
}

@media (max-width: 1000px) {
.comments-section {
	display: none !important;
}
}

/*////////////////-- align--///////////////////////*/

.centre {
  text-align: center !important; 
}

/*////////////////-- images--///////////////////////*/

.max-500 {
  max-height: 500px !important;
  width: auto !important; 
}

.max-600 {
  max-height: 600px !important;
  width: auto !important; 
}

/*////////////////-- social -- ///////////////////////*/

.eapps-social-share-buttons-bg-color-black .eapps-social-share-buttons-item::before, .eapps-social-share-buttons-bg-color-on-hover-black .eapps-social-share-buttons-item::after {
  background: #adadad !important;
}

.eapps-social-share-buttons-inner {
  display: inline-block;
  margin-top: 40px;
  margin-left: -6px;
}

.eapps-social-share-buttons-text-hide .eapps-social-share-buttons-inner .eapps-social-share-buttons-item-icon-container {
  left: 50%;
  margin-left: -16px !important;
}

.eapps-social-share-buttons-text-hide .eapps-social-share-buttons-inner .eapps-social-share-buttons-item {
  text-align: center;
  width: 32px;
  min-width: 32px !important;
}

.eapps-social-share-buttons-item-icon-container {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 7px !important;
  transition: all 0.2s ease;
}

.eapps-social-share-buttons-text-hide .eapps-social-share-buttons-inner .eapps-social-share-buttons-item {
  text-align: center;
  width: 32px;
  min-width: 32px;
}

.eapps-social-share-buttons-item {
  height: 32px !important;
  line-height: 32px;
  min-width: 82px;
  width: 144px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  backface-visibility: hidden;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, opacity 0.3s;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  padding: 10px;
  font-size: 0;
}

/*////////////////-- material--///////////////////////*/

.material .wpb_row, .material .wpb_content_element {
	/*margin-bottom: 1.5em;*/
  margin-bottom: 10px !important;
}

.toggle a {
  font-family: 'OfeliaDisplay' !important;
  font-size: 18px !important;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}

/*////////////////-- image-hotspot--///////////////////////*/

.hot {
  font-family:'OfeliaDisplay' !important;
  font-weight: normal;
  font-size: 0.985em !important;
  line-height: 1.383em !important;
  color: #ffffff !important;
  margin-top: 5px;
  margin-bottom: 0px;
  text-align: left !important;
  letter-spacing: 0.0225em;
  -font-feature-settings: "liga" 0, "clig" 0;
  -moz-font-feature-settings: "liga" 0, "clig" 0;
  -ms-font-feature-settings: "liga" 0, "clig" 0;
  -o-font-feature-settings: "liga" 0, "clig" 0;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
  font-variant-ligatures: no-discretionary-ligatures !important;
  }
  
  @media only screen and (min-width: 320px) and (max-width: 999px) {
  .hot {-webkit-text-size-adjust: none;}
  }
  
  @media (min-width: 1000px) {
  .hot {
  font-size: 1.025em !important;
  line-height: 1.476em !important;
  }
  }

/*////////////////-- fancybox--///////////////////////*/

.fancybox-bg {
  background-color: #f7f7f7 !important;
  }

.fancybox-is-open .fancybox-bg {
  opacity: 1 !important;
  transition-timing-function: cubic-bezier(.22,.61,.36,1);
  }

button.fancybox-button {
  background-color: #f7f7f7 !important;
}

.fancybox-button--zoom, .fancybox-button--close
{
  color: #000 !important;
}

.fancybox-button--zoom:hover, .fancybox-button--close:hover
{
  color: #999 !important;
}

.fancybox-navigation button::before {
  content: "";
  position: absolute;
  top: 30px;
  right: 25px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-color: rgba(25, 25, 25, 0);
  z-index: -1;
  transform: scale(0.9);
  transition: all 0.25s cubic-bezier(.15,0.2,.1,1);
}

.fancybox-navigation button:hover:before{
  transform: scale(0.75) !important;
  box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

@media only screen and (min-width: 690px) {
  .fancybox-navigation button:hover:before{
	transform: scale(0.8) !important;
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
  }
}

.fancybox-button--fsenter {
  display: none !important;
}

/*////////////////-nectar-recent-posts-///////////////////////*/

@media (max-width: 679px) {
.nectar-recent-posts-single_featured[data-padding="10%"] .recent-post-container, #boxed .nectar-recent-posts-single_featured[data-padding="10%"] .recent-post-container {
	padding-left: 5% !important;
	padding-right: 5% !important;
}
}

.nectar-recent-posts-single_featured.multiple_featured > .container .controls {
	width: auto;
	margin-left: 15px;
	margin-bottom: 10px;
}


  #ajax-content-wrap #page-header-bg[data-post-hs="default_minimal"] #single-below-header span:not(.updated),
  #ajax-content-wrap .row.heading-title[data-header-style="default_minimal"] .col.section-title span.meta-category .meta-category  {
	display: none !important;
  }

/*////////////////-class-image-///////////////////////*/

#single-wcs-event .wcs-single__image {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	max-width: 100%;
	height: auto;
}

@media (max-width: 768px) {
	#single-wcs-event .wcs-single__image {
	display: none !important;
}
}

.ikon-logo {
  max-width: 12vw !important;
  min-width: 240px !important;
}

.ikon-logo-50 {
  max-width: 4vw !important;
  min-width: 50px !important;
  transition: 0.3s;
  filter: blur(0px);
}

.ikon-logo-50:hover {
  max-width: 4vw !important;
  min-width: 50px !important;
 filter: blur(1px);
}

.ikon-logo-80 {
  max-width: 5vw !important;
  min-width: 80px !important;
}

.photolab-logo-100 {
  max-width: 6vw !important;
  min-width: 100px !important;
  transition: 0.3s;
filter: blur(0px);
}

.photolab-logo-100:hover {
  max-width: 6vw !important;
  min-width: 100px !important;
filter: blur(1px);
}
  
.photolab-logo-150 {
  max-width: 7vw !important;
  min-width: 150px !important;
}

/*////////////////-- social -- ///////////////////////*/

.eapps-social-share-buttons-style-material .eapps-social-share-buttons-item {
  border-color: transparent;
  box-shadow: 0 0 0 rgba(0,0,0,0.14), 0 1px 1px rgba(0,0,0,0) !important;
}
.eapps-social-share-buttons-style-material .eapps-social-share-buttons-item:hover {
  border-color: transparent;
  box-shadow: 0 0 0 rgba(0,0,0,0.16), 0 1px 1px rgba(0,0,0,0) !important;
}

.eapps-social-share-buttons-bg-color-black .eapps-social-share-buttons-item::before, .eapps-social-share-buttons-bg-color-on-hover-black .eapps-social-share-buttons-item::after {
  background: #adadad !important;
}

.eapps-social-share-buttons-inner {
  display: inline-block;
  margin-top: 40px;
  margin-left: -6px;
}

.eapps-social-share-buttons-text-hide .eapps-social-share-buttons-inner .eapps-social-share-buttons-item-icon-container {
  left: 50%;
  margin-left: -16px !important;
}

.eapps-social-share-buttons-text-hide .eapps-social-share-buttons-inner .eapps-social-share-buttons-item {
  text-align: center;
  width: 32px;
  min-width: 32px !important;
}

.eapps-social-share-buttons-item-icon-container {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 7px !important;
  transition: all 0.2s ease;
}

.eapps-social-share-buttons-text-hide .eapps-social-share-buttons-inner .eapps-social-share-buttons-item {
  text-align: center;
  width: 32px;
  min-width: 32px;
}

.eapps-social-share-buttons-item {
  height: 32px !important;
  line-height: 32px;
  min-width: 82px;
  width: 144px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  backface-visibility: hidden;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, opacity 0.3s;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  padding: 10px;
  font-size: 0;
}


/*////////////////-mail-chimp-///////////////////////*/

.mc4wp-form-theme input[type="text"], .mc4wp-form-theme input[type="email"], .mc4wp-form-theme input[type="tel"], .mc4wp-form-theme input[type="url"], .mc4wp-form-theme input[type="date"], .mc4wp-form-theme textarea, .mc4wp-form-theme select {
  vertical-align: middle;
  text-shadow: none;
  background: #fff;
  border: 1px solid #777;
  border-radius: 2px;
  outline: 0;
  width: 100%;
  max-width: 480px;
  height: auto;
  min-height: 32px;
  padding: 8px 16px;
  line-height: 1.42857;
  color: #333 !important;
}

/*:root {
--wpforms-field-border-radius: 3px;
--wpforms-field-background-color: #ffffff;
--wpforms-field-border-color: rgba( 0, 0, 0, 0.25 );
--wpforms-field-text-color: rgba( 0, 0, 0, 0.7 );
--wpforms-label-color: rgba( 0, 0, 0, 0.85) !important;
--wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.85 )!important;
}
*/

input[type="submit"], button[type="submit"], input[type="button"] {
  background-color: #fff !important;
  padding: 7px 11px;
  border: none !important;
  cursor: pointer;
  transition: all 0.45s cubic-bezier(0.25,1,0.33,1);
  -webkit-transition: all 0.45s cubic-bezier(0.25,1,0.33,1);
  width: auto;
  font-family:'OfeliaDisplay' !important;
  font-weight: normal;
  font-size: 14px;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}


body[data-form-style="minimal"] input[type="text"], body[data-form-style="minimal"] textarea, body[data-form-style="minimal"] input[type="email"], body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body[data-form-style="minimal"] input[type="password"], body[data-form-style="minimal"] input[type="tel"], body[data-form-style="minimal"] input[type="url"], body[data-form-style="minimal"] input[type="search"], body[data-form-style="minimal"] input[type="date"] {
  background-color: rgba(255,255,255,0.9) !important;
  /*border-bottom: 1px solid #afafaf !important;*/
  text-align: left !important;
  color: #000000;
  }

li.b5-item:hover {
  background: none !important;
}

 /*////////////////-- BTM-1--///////////////////////*/
 
 /*________title _________*/
 

/*.title {
   font-size: 15px !important;
   line-height: 1.25em !important;
   color: black;
 } 
 
 @media (min-width: 679px) {
   .title {
   font-size: 16px !important;
   }
 }
 
 @media (min-width: 1200px) {
   .title {
   font-size: 16px !important;
   }
 }
 
 @media (min-width: 1920px) {
   .title {
   font-size: 16px !important;
   }
   }*/
 
 .title a {
   background: 
       linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)),
       linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
     background-size: 100% 1px, 0 1px;
     background-position: 100% 100%, 0 100%;
     background-repeat: no-repeat;
     transition: background-size 400ms;
   }
   
 .title a:hover, .title a:focus {
     background-size: 0 1px, 100% 1px;
   }
   
   .alahuzas a {
    background: 
        linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)),
        linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
      background-size: 100% 1px, 0 1px;
      background-position: 100% 100%, 0 100%;
      background-repeat: no-repeat;
      transition: background-size 400ms;
    }
    
    .alahuzas a:hover, .title a:focus {
       background-size: 0 1px, 100% 1px;
     }
   
 /*________excerpt _________*/  
   
 .excerpt {
   font-family: 'OfeliaDisplay' !important;
   font-size: 18px !important;
   line-height: 1.375em !important;
   /*font-weight: bold;*/
 } 
 
 .excerpt {
    font-family: 'OfeliaDisplay' !important;
    font-size: 17px !important;
    font-weight: bold;
  } 
  
  @media (min-width: 679px) {
     .excerpt {
     font-size: 18px !important;
     }
   }
   
   @media (min-width: 1200px) {
     .excerpt {
     font-size: 19px !important;
     }
   }
  
 
 #pagination {
   font-family: 'OfeliaDisplay' !important;
   font-weight: bold;
   position: relative;
   margin-bottom: 10px;
   height: 32px;
   width: 100%;
 }
 
 .kiemeles {
   font-family: 'OfeliaDisplay' !important;
   font-weight: normal;
   font-size: 0.975em !important;
   line-height: 1.25em !important;
   padding-bottom: 0px !important;
 }
 
 @media (min-width: 691px) and (max-width: 999px){
   .kiemeles {
   font-size: 1.05em !important;
   line-height: 1.32em !important;
   }
   }
   
   @media (min-width: 1000px) and (max-width: 1920px) {
   .kiemeles {
     font-size: 1.15em !important;
     line-height: 1.375em !important;
     }
     }
   
   @media (min-width: 1921px) {
   .kiemeles {
     font-size: 1.125em !important;
     line-height: 1.45em !important;
     }
     }
 
 .kiemeles-m {
   font-family: 'OfeliaDisplay' !important;
   font-weight: normal;
   font-size: 0.875em !important;
   line-height: 1.25em !important;
   padding-bottom: 0px !important;
   padding-top: 10px;
 }
 
 @media (min-width: 760px) and (max-width: 999px){
   .kiemeles-m {
   font-size: 0.975em !important;
   line-height: 1.32em !important;
   }
   }
   
   @media (min-width: 1000px) and (max-width: 1920px) {
   .kiemeles-m {
     font-size: 1.15em !important;
     line-height: 1.375em !important;
     }
     }
   
   @media (min-width: 1921px) {
   .kiemeles-m {
     font-size: 1.125em !important;
     line-height: 1.45em !important;
     }
     }

.featured-media-under-header__cat-wrap {
     display: none !important;
   }
   
.nectar-post-grid-wrap[data-style="content_under_image"] .nectar-post-grid[data-card="yes"] .post-heading
   {
     font-size: 1.05em !important;
     line-height: 1.275em !important;
   }
   
   @media (min-width: 691px) and (max-width: 999px){
    .nectar-post-grid-wrap[data-style="content_under_image"] .nectar-post-grid[data-card="yes"] .post-heading {
    font-size: 1.075em !important;
    }
    }
    
    @media (min-width: 1000px) and (max-width: 1600px){
    .nectar-post-grid-wrap[data-style="content_under_image"] .nectar-post-grid[data-card="yes"] .post-heading {
    font-size: 1.15em !important;
    }
    }
    
    @media (min-width: 1601px) and (max-width: 1920px){
    .nectar-post-grid-wrap[data-style="content_under_image"] .nectar-post-grid[data-card="yes"] .post-heading {
    font-size: 1.25em !important;
    }
    }
    
    @media (min-width: 1921px) {
     .nectar-post-grid-wrap[data-style="content_under_image"] .nectar-post-grid[data-card="yes"] .post-heading {
       font-size: 1.425em !important;
       }
       }
   
   .nectar-post-grid .nectar-post-grid-item .content .item-main
   {
     font-size: 20px !important;
   }
 
.leiras {
font-family: "TTJenevers";
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-variant-ligatures: common-ligatures;
font-variant-ligatures: historical-ligatures !important;
font-variant-numeric: slashed-zero;
font-variant-numeric: oldstyle-nums;
font-size: 18px !important;
line-height: 1.525em;
padding-bottom: 16px;
 }
 
 @media (min-width: 679px) {
.leiras {
font-size: 20px !important;
padding-bottom: 18px;
}
}
  
@media (min-width: 1001px) {
.leiras {
font-size: 22px !important;
padding-bottom: 20px;
}
}
	   
@media (min-width: 1920px) {
.leiras {
font-size: 24px !important;
padding-bottom: 22px;
 }
}

.kerdes {
font-family: "TTJenevers";
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-variant-ligatures: common-ligatures;
font-variant-ligatures: historical-ligatures !important;
font-variant-numeric: slashed-zero;
font-variant-numeric: oldstyle-nums;
font-size: 18px !important;
line-height: 1.525em;
padding-bottom: 16px;
 }
 
 @media (min-width: 679px) {
.kerdes {
font-size: 20px !important;
padding-bottom: 18px;
}
}
  
@media (min-width: 1001px) {
.kerdes {
font-size: 22px !important;
padding-bottom: 20px;
}
}
     
@media (min-width: 1920px) {
.kerdes {
font-size: 24px !important;
padding-bottom: 22px;
 }
}
 
 .main-content .featured-media-under-header {
   padding: min(4vw,40px) 0;
	 padding-top: min(4vw, 40px) !important;
	 padding-right: 0px;
	 padding-bottom: min(4vw, 40px) !important;
	 padding-left: 0px;
 }
 
 .line-a {
 -webkit-transition: all .35s ease-in;
 -moz-transition:    all .35s ease-in;
 -ms-transition:     all .35s ease-in;
 -o-transition:      all .35s ease-in;
 transition:         all .35s ease-in;
 }
 
.row .col.section-title h1, .row .col.section-title h2 {
   font-family: 'OfeliaDisplay' !important;
   font-weight: normal;
 }
 
.featured-media-under-header__featured-media {
 border-radius: 10px !important;
}

.cta-footer-01 {
text-decoration: none !important;
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 15px !important;
line-height: 17px !important;
max-width: 90%;
padding-bottom: 12px !important;
letter-spacing: -0.02em;
}

@media only screen and (min-width: 670px) {
.cta-footer-01 {
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 16px !important;
line-height: 19px !important;
max-width: 85%;
}
}

@media only screen and (min-width: 1001px) {
.cta-footer-01 {
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 16px !important;
line-height: 19px !important;
max-width: 75%;
}
}

.cta-footer-02 {
text-decoration: none !important;
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 15px !important;
line-height: 17px !important;
max-width: 90%;
padding-bottom: 6px !important;
letter-spacing: -0.02em;
}

@media only screen and (min-width: 670px) {
.cta-footer-02 {
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 16px !important;
line-height: 19px !important;
max-width: 85%;
}
}

@media only screen and (min-width: 1001px) {
.cta-footer-02 {
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 16px !important;
line-height: 19px !important;
max-width: 75%;
}
}

.cta-footer-02-a {
text-decoration: none !important;
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 15px !important;
line-height: 17px !important;
max-width: 100%;
padding-bottom: 6px !important;
}

@media only screen and (min-width: 670px) {
.cta-footer-02-a {
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 16px !important;
line-height: 19px !important;
max-width: 98%;
}
}

@media only screen and (min-width: 1001px) {
.cta-footer-02-a {
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 16px !important;
line-height: 19px !important;
max-width: 98%;
}
}

.cta-footer-03 {
font-family: 'OfeliaDisplay';
font-weight: bold;
font-size: 16px !important;
line-height: 19px !important;
max-width: 85%;
padding-bottom: 15px !important;
letter-spacing: -0.02em;
}

@media only screen and (min-width: 1001px) {
  .cta-footer-03 {
   max-width: 75%; 
    }
    }
    
    .cta-footer-03-n {
    font-family: 'OfeliaDisplay';
    font-weight: normal;
    font-size: 16px !important;
    line-height: 19px !important;
    max-width: 85%;
    padding-bottom: 15px !important;
    letter-spacing: -0.02em;
    }
    
    @media only screen and (min-width: 1001px) {
      .cta-footer-03 {
       max-width: 75%; 
        }
        }


.cta-footer-04 {
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 15px !important;
line-height: 17px !important;
padding-bottom: 0 !important;
letter-spacing: -0.02em;
}

@media only screen and (min-width: 670px) {
.cta-footer-04 {
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 16px !important;
line-height: 19px !important;
}
}


@media only screen and (min-width: 1001px) {
.cta-footer-04 {
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 16px !important;
line-height: 19px !important;
}
}

.cta-footer-04 a {
text-decoration: none !important;
}

/*____________________*/

.cta-podcast {
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 15px !important;
line-height: 17px !important;
padding-bottom: 0 !important;
letter-spacing: -0.02em;
text-align: right !important;
}

@media only screen and (min-width: 670px) {
.cta-podcast {
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 16px !important;
line-height: 19px !important;
}
}


@media only screen and (min-width: 1001px) {
.cta-podcast {
font-family: 'OfeliaDisplay';
font-weight: normal;
font-size: 16px !important;
line-height: 19px !important;
}
}

.cta-podcast a {
text-decoration: none !important;
}

/*____________________*/

.featured-media-under-header__excerpt {
  max-width: 95% !important;
  font-family: 'OfeliaDisplay' !important;
  font-style: normal;
  margin-top: 16px;
  font-size: 22px !important;
  line-height: 1.45em !important;
  font-weight: normal;
 }
 
@media (min-width: 679px){
.featured-media-under-header__excerpt {
  max-width: 90% !important;
  margin-top: 16px;
  font-size: 24px !important;
}
}

@media only screen and (min-width: 999px) {
.featured-media-under-header__excerpt {
  margin-top: 22px;
  font-size: 26px !important;
}
}

@media only screen and (min-width: 1200px) {
.featured-media-under-header__excerpt {
  margin-top: 24px;
  font-size: 28px !important;
}
}

@media only screen and (min-width: 1920px) {
.featured-media-under-header__excerpt {
  margin-top: 28px;
  font-size: 30px !important;
}
}

.cont-10-15 {
  margin-left: 15% !important;
  margin-right: 15% !important;
}

@media only screen and (min-width: 1000px) {
.cont-10-15 {
  margin-left: 12% !important;
  margin-right: 12% !important;
}
}

@media only screen and (min-width: 1200px) {
.cont-10-15 {
  margin-left: 10% !important;
  margin-right: 10% !important;
}
}

.image-650 {
  max-width: 650px !important;
}

.image-500 {
  max-width: 500px !important;
}

.image-450 {
  max-width: 450px !important;
}

.image-350 {
  max-width: 450px !important;
}

.image-50 {
  max-width: 50px !important;
}

.image-40 {
  max-width: 50px !important;
}

.image-30 {
  max-width: 40px !important;
}

.felso-cim {
  padding-bottom: 0 !important;
}

.nyito-kepek {
  max-height: 42% !important;
}

.cta-link {
  background-size: contain !important;
  background-size: auto !important;
  background-size: inherit !important;
}

.post-area.featured_img_left article .meta-category a {
  font-size: 16px;
  line-height: 19px;
  position: relative;
  display: inline-block;
  font-weight: bold;
  margin: 0 10px 10px 0;
}

/*.item-meta {
text-align: center !important;
font-size: 16px !important;
}*/

.item-meta-gallery {
font-size: 16px !important;
}

.menu-items-wrap[data-has-secondary-text="false"] > ul:first-child, #header-outer #mobile-menu .menu-items-wrap[data-has-secondary-text="false"] > ul:first-child > li:first-child::before
{
  font-family: 'OfeliaDisplay' !important;
  font-style: normal;
  font-weight: bold;
  -webkit-transition: opacity .2s ease,padding .2s ease;
  transition: opacity .2s ease,padding .2s ease;
}

.fa
{
  display: inline-block;
  font: normal normal normal 18px/1 FontAwesome;
    font-style: normal;
    font-variant-caps: normal;
    font-weight: normal;
    font-size: 18px !important;
    line-height: 1;
    font-family: FontAwesome;
    font-variant-alternates: normal;
    font-variant-east-asian: normal;
    font-variant-emoji: inherit;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tribe-events-single-event-title {
  font-family: 'OfeliaDisplay' !important;
  font-weight: normal;
}

.tribe-events-single > .tribe_events {
  max-height: 40vh !important;
}

.wcs-timetable--monthly-calendar .wcs-calendar__header h3 {
  flex-basis: 100%;
  margin: 0;
    margin-bottom: 0px;
  font-weight: normal !important;
  padding-bottom: 10px;
  order: 0;
}

.wcs-timetable__carousel .wcs-class__title {
  font-family: 'OfeliaDisplay' !important;
  font-weight: normal;
  display: block;
  font-size: 180%;
  margin: 2vh 2vh 1vh !important;
  flex-grow: 0;
}

.wcs-timetable__carousel .wcs-class__date-time {
  font-size: 100% !important;
}

#single-wcs-event .wcs-single__ending, #single-wcs-event .wcs-single__starting, #single-wcs-event .wcs-single__date {
    font-family: 'OfeliaDisplay' !important;
    font-weight: normal;
    display: inline-block;
    font-size: 1.375em !important;
    margin-bottom: 2vh;
  }

@media (min-width: 768px) {
  #single-wcs-event .wcs-single__ending, #single-wcs-event .wcs-single__starting, #single-wcs-event .wcs-single__date {
    display: inline-block;
    font-size: 1.475em !important;
    margin-bottom: 2vh;
  }
}

#single-wcs-event .wcs-single-right {
  font-family: 'OfeliaDisplay' !important;
  font-weight: normal;
  text-align: center;
  font-size: 1.375em !important;
}

@media (min-width: 768px) {
  #single-wcs-event .wcs-single-right {
    text-align: center;
    font-size: 1.375em !important;
  }
}

.text-01 {
  font-family: 'OfeliaDisplay' !important;
  font-weight: normal;
}
 
 /*//////-- munkatarsak--//////*/
 
 .tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
   background-color: rgba(255,255,255, 1);
 }
 
.wpb_content_element .wpb_tabs_nav li, body .wpb_content_element .wpb_tabs_nav li:hover {
  /*background-color: rgba(255,255,255, 0.8) ;*/
  border-radius: 6px;
  /*border: 1px solid white !important;*/
}

.tabbed > ul li a {
  color: #000 !important;
}

  .tabbed[data-style*="vertical"] .wpb_tabs_nav li {
    display: inline-block;
    font-size: 14px;
    margin: 5px;
    margin-bottom: 5px;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
  }

@media (min-width: 1000px) {
  .tabbed[data-style*="vertical"] .wpb_tabs_nav li {
    display: block;
    font-size: 15px !important;
    margin: 5px;
    margin-bottom: 5px;
  }
}

@media (min-width: 1920px) {
  .tabbed[data-style*="vertical"] .wpb_tabs_nav li {
    display: block;
    font-size: 16px !important;
    margin: 5px;
    margin-bottom: 5px;
  }
}

.tabbed > ul li .active-tab {
  color: #fff !important;
}

.tabbed[data-style*="vertical"] .wpb_tabs_nav {
  width: 30%;
  float: left;
}

.tabbed[data-style="vertical_modern"] .wpb_tabs_nav li a {
  border-radius: 6px;
  padding: 10px 10px;
  overflow: hidden;
}

.tabbed[data-style*="vertical"] > div {
  float: left;
  width: 70% ;
  padding-left: 40px;
  right: 0;
}

.foig .tabbed[data-style="vertical_modern"][data-color-scheme="extra-color-1"] .wpb_tabs_nav li .active-tab {
  background-color: #d53038 !important;
}

.adat-nev-1 {
  font-size: 18px !important;
  margin-bottom: 5px !important;
  line-height: 1.375!important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  -ms-font-feature-settings: "smcp";
  -moz-font-feature-settings: "smcp";
  -webkit-font-feature-settings: "smcp";
  font-feature-settings: "smcp";
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  }
  
@media (min-width: 679px) {
   .adat-nev-1 {
    font-size: 20px !important;
    margin-top: 10px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
  }
  }
  
@media (min-width: 1001px) {
   .adat-nev-1 {
    font-size: 22px !important;
    margin-top: 15px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    }
  }
  
  .adat-bio-1 {
    font-family: 'OfeliaDisplay' !important;
    font-weight: normal;
    font-size: 16px !important;
    line-height: 1.375 !important;
    padding-bottom: 0px !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
    }
      
  @media (min-width: 679px) {
     .adat-bio-1 {
     font-size: 17px !important;
      }
      }
      
    @media (min-width: 1001px) {
    .adat-bio-1 {
    font-size: 18px !important; 
        }
      }
      
.bal-35 {
     padding-left: 25px !important;
 }
 
 .bal-30 {
      padding-left: 0px;
  }
 
 @media (min-width: 679px) {
  .bal-30 {
   padding-left: 20px !important;
 }
 }
 
 @media (min-width: 1001px) {
   .bal-30 {
    padding-left: 30px !important;
  }
  }
      
.ford { 
  unicode-bidi:bidi-override; 
  direction: rtl; 
}
 
.rejt {
display: none;
}

 .w-200 {
max-width: 160px !important;
height: auto;
}

@media (min-width: 1001px) {
  .w-200 {
  max-width: 180px !important;
  height: auto;
  }
}

@media (min-width: 1920px) {
  .w-200 {
    max-width: 200px !important;
    height: auto;
    }
  }

 .w-300 {
max-width: 240px !important;
height: auto;
}

.img-hover {
padding-left: 5% !important;
padding-right: 5% !important;
padding-top: 5% !important;
padding-bottom: 5% !important;
}

@media (min-width: 1001px) {
  .w-300 {
  max-width: 260px !important;
  height: auto;
  }
}

@media (min-width: 1920px) {
  .w-300 {
    max-width: 300px !important;
    height: auto;
    }
  }
  
  .w-400 {
  max-width: 300px !important;
  height: auto;
  }
  
  @media (min-width: 1001px) {
    .w-400 {
    max-width: 360px !important;
    height: auto;
    }
  }
  
  @media (min-width: 1920px) {
    .w-400 {
      max-width: 400px !important;
      height: auto;
      }
    }
    
    .w-500 {
    max-width: 400px !important;
    height: auto;
    }
    
    @media (min-width: 1001px) {
      .w-500 {
      max-width: 450px !important;
      height: auto;
      }
    }
    
    @media (min-width: 1920px) {
      .w-500 {
        max-width: 500px !important;
        height: auto;
        }
      }
      
  /*//////-- page-title--//////*/
      
      .oldal-cim {
        /*padding: min(4vw,40px) 0;*/
        padding-top: min(4vw, 40px) !important;
        padding-right: 0px;
        padding-bottom: min(4vw, 40px) !important;
        padding-left: 0px;
        text-align: center;
      }
      
      .page-submenu {
    z-index: 100 !important;
    }
    
    .nectar-global-section {
    z-index: 1 !important;
    }
      
     /*.page-submenu.stuck {
        position: fixed;
        top: 0;
        left: 0;
        right: 10;
        z-index: 1000;
        transition: all .3s;
        -webkit-transition: all .3s;
      }*/
      
      .page-submenu li {
        display: inline-block;
        margin: 0 5px 0 0;
        color: inherit;
      }
      
      @media (min-width: 1601px) {
      .page-submenu li {
        display: inline-block;
        margin: 0 20px 0 0;
        color: inherit;
      }
      }
      
      body .page-submenu li a {
        font-size: 16px;
        font-weight: bold !important;
        color: inherit;
        transition: all .1s ease;
        -webkit-transition: all .1s ease;
        padding-top: 10px;
        padding-bottom: 12px;
        display: block;
        opacity: 1.0 !important;
        letter-spacing: -0.02em;
      }
      
      @media (min-width: 1601px) {
        body .page-submenu li a {
          font-size: 17px;
          font-weight: bold !important;
          color: inherit;
          transition: all .1s ease;
          -webkit-transition: all .1s ease;
          padding-top: 14px;
          padding-bottom: 16px;
          display: block;
          opacity: 1.0 !important;
          letter-spacing: 0;
        } 
      }
       
     body .page-submenu li a:hover {
          opacity: 0.8 !important; 
      }
      
      .box-1-10 {
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 10px 0px;
      background-color: rgba(255, 255, 255, 0.9);
      border-radius: 10px;
      }
      
      .box-1-15 {
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
 }
 .box-1-rgb {
 box-shadow: blue 0px 0px 0px 2px inset, rgb(255, 255, 255) 10px -10px 0px -3px, rgb(31, 193, 27) 10px -10px, rgb(255, 255, 255) 20px -20px 0px -3px, rgb(255, 217, 19) 20px -20px, rgb(255, 255, 255) 30px -30px 0px -3px, rgb(255, 156, 85) 30px -30px, rgb(255, 255, 255) 40px -40px 0px -3px, rgb(255, 85, 85) 40px -40px;
 }
 
 div.pdfemb-viewer {
   border: none !important;
   background-color: rgba(99, 99, 99, 0.2) !important;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 }
 
 .bold_timeline_container_slider_arrows_style_filled.bold_timeline_container button.bold_timeline_slick_arrow {
    border: none;
    background: #349ee6 !important;
    color: white !important;
  }
  
  .logo-size {
  max-width: 75px !important;
  height: auto;
  }
  
  @media (min-width: 1001px) {
    .logo-size {
    max-width: 90px !important;
    height: auto;
    }
  }
  
  @media (min-width: 1920px) {
    .logo-size {
      max-width: 100px !important;
      height: auto;
      }
    }
    
    .intezmeny {
    font-weight: bold !important;
    padding-bottom: 0px !important;
    }
    
    .sharing-default-minimal .nectar-social-inner > a {
      border: 1px solid #999 !important;
        border-top-color: rgb(153, 153, 153) !important;
        border-right-color: rgb(153, 153, 153) !important;
        border-bottom-color: rgb(153, 153, 153) !important;
        border-left-color: rgb(153, 153, 153) !important;
      padding: 9px 30px !important;
      margin-right: 10px;
    }
    
    .social-text, #ajax-content-wrap .sharing-default-minimal .nectar-social .social-text {
      display: none !important;
      opacity: 1;
      font-size: 15px;
      line-height: 15px;
    }
    
    .sharing-default-minimal .nectar-social[data-color-override="override"] .nectar-social-inner a:not(:hover) i, .sharing-default-minimal .nectar-social[data-color-override="override"] .nectar-social-inner a:not(:hover) {
      color: #999 !important;
    }
    
    .focim {transition: all .7s cubic-bezier(.2,1,.22,1);
     -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
     box-sizing: border-box;
    }
    
    .focim:hover {transform:scale(1.04) !important; -webkit-transform:scale(1.04) !important;}
    
    .focim-keret {
     margin-left: 20px !important;
       margin-right: 20px !important;
       padding: 10px;
      }
      
      @media (min-width: 679px) {   
      .focim-keret {
       margin-left: 25px !important;
        margin-right: 25px !important;
        }
        }
      
   @media (min-width: 1001px) {   
      .focim-keret {
       margin-left: 30px !important;
        margin-right: 30px !important;
        }
        }
        
    @media (min-width: 1920px) {    
        .focim-keret {
         margin-left: 30px !important;
          margin-right: 6vw !important;
         padding: 10px;
          }
          }
          
 @media (min-width: 2400px) {    
          .focim-keret {
           margin-left: 30px !important;
            margin-right: 10vw !important;
            padding: 15px;
            }
            }
    
    .wpb_gallery .nectar-flickity .flickity-slider .cell .item-meta {
      padding-top: 6px !important;
      max-width: 90%;
    }
    
    .wpb_gallery .nectar-flickity .flickity-slider .cell .item-meta h4 {
      margin-bottom: 5px;
      font-size: 14px !important;
      letter-spacing: 0 !important;
    }
    
    @media (min-width: 1001px) {
     .wpb_gallery .nectar-flickity .flickity-slider .cell .item-meta h4  {
     font-size: 15px !important;
      }
    }
    .slider-1 {
     height: 52vh !important;
     min-height: 150px !important;
    }
    
    /*________post-h3-title_________*/
    
    .post h3.title {
      font-size: 24px !important;
      margin-bottom: 4px;
      line-height: 1.425em;
    }
    
    @media (min-width: 679px) {
     .post h3.title {
      font-size: 23px !important;
      }
    }
    
    @media (min-width: 1200px) {
      .post h3.title {
      font-size: 24px !important;
      }
    }
    
    @media (min-width: 1920px) {
      .post h3.title {
      font-size: 26px !important;
      }
    }
    
    /*________post-h3-title_________*/
    
    
    .sz-2020 {
      max-width: 180px !important;
    }
    
    @media (min-width: 679px) {   
    .sz-2020 {
      max-width: 200px !important;
      }
      }
      
      @media (min-width: 1001px) {   
      .sz-2020 {
        max-width: 240px !important;
        }
        }
    
    @media (min-width: 1921px) {   
    .sz-2020 {
      max-width: 260px !important;
      }
      }
    
    .banner-1 {
      z-index: 999;
      position: fixed;
      top: 70px;
      bottom: auto;
      right: 0.95rem;
      left: auto;
    }
        
     @media (min-width: 1001px) {   
        .banner-1 {
          top: 85px;
          right: 1rem;
          }
          }
          
      @media (min-width: 1920px) {    
          .banner-1 {
            top: 95px;
            right: 1.15rem;
            }
            }
   
   .top-0 {
     top: 0 !important;
     position: fixed;
   }  
   
   .top-0-cim {
      top: 0 !important;
      z-index: 0 !important;
   }
   
   .e-color-1 {
   color:#d53038 !important;
   }
   
   .menu-left {
     z-index: 999 !important;
     position: fixed !important;
     top: 70px;
     bottom: auto;
     left: 0.95rem;
     right: auto;
   }
       
    @media (min-width: 1001px) {   
       .menu-left {
         top: 85px;
         left: 1rem;
         }
         }
         
     @media (min-width: 1920px) {    
         .menu-left {
           top: 95px;
           left: 1.15rem;
           }
           }
      
/*////////////////--sharing--////////////////*/
            
            .sharing-default-minimal .nectar-social-inner > a {
              border: 1px solid #999 !important;
              border-top-color: rgb(153, 153, 153) !important;
              border-right-color: rgb(153, 153, 153) !important;
              border-bottom-color: rgb(153, 153, 153) !important;
              border-left-color: rgb(153, 153, 153) !important;
              padding: 9px 30px !important;
              margin-right: 10px;
            }
            
            .social-text, #ajax-content-wrap .sharing-default-minimal .nectar-social .social-text {
              display: none !important;
              opacity: 1;
              font-size: 15px;
              line-height: 15px;
            }
            
            .sharing-default-minimal .nectar-social[data-color-override="override"] .nectar-social-inner a:not(:hover) i, .sharing-default-minimal .nectar-social[data-color-override="override"] .nectar-social-inner a:not(:hover) {
              color: #999 !important;
            }
              
              .page-submenu li {
                display: inline-block;
                margin: 0 25px 0 0;
                color: inherit;
                font-size: 0.9rem !important;
              }
              
 /*////////////////--cookie--////////////////*/
              
            #CookiebotWidget {
                word-wrap: break-word;
                left: 25px !important;
                bottom: 10px !important;
                animation: CookiebotWidgetFadeIn .3s ease-in;
                background-color: #141414;
                border-radius: 40px;
                box-shadow: 0 4px 16px rgba(0,0,0,.15);
                font-family: Helvetica,Arial,sans-serif;
                line-height: 1.5;
                min-height: 48px;
                min-width: 48px;
                opacity: 0;
                pointer-events: none;
                position: fixed;
                transition: all .2s ease-in;
                word-break: break-word;
                z-index: 2147483631;
              }
              
              #CybotCookiebotDialog h2 {
                font-family: 'OfeliaDisplay' !important;
                max-font-size: 24px !important;
                font-weight: normal !important;
                letter-spacing: .25px;
                line-height: 1.6em;
                margin-bottom: .5em;
              }
              
              #CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay * {
                background: transparent;
                box-sizing: border-box;
                color: inherit;
                font-family: 'OfeliaDisplay' !important;
                font-size: 15px;
                line-height: 1.325em !important;
                margin: 0;
                outline: 0;
                padding: 0;
                vertical-align: baseline;
              }
              
              #CybotCookiebotDialogPoweredbyLink {
                display: none !important;
                align-items: center;
                display: flex;
                width: 50%;
              }
  /*////////////////--portfolio--////////////////*/             
              
              .single-portfolio .row.project-title {
                  display: none !important;
              }
              
 /*////////////////--search--////////////////*/              
              body #search-outer #search input[type="text"] {
                height: auto !important;
                text-transform: none;
              border-radius: 0 !important; 
                color: #000;
              border-bottom: 1px solid #000 !important;
                  border-bottom-style: solid;
              border-top: 0px !important;
              border-left: 0px !important;
              border-right: 0px !important;
              }
     
     /*////////////////--gdpr--////////////////*/          
              .wordpress-gdpr-popup-overlay .wordpress-gdpr-popup-container {
                position: fixed;
                z-index: 99999;
                width: 90%;
                max-width: 500px;
                height: auto;
                margin: auto;
                padding: 20px !important;
                left: 50%;
                top: 50%;
                bottom: auto;
                border-radius: 15px !important;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
              }
              
 /*////////////////--map--////////////////*/
 
 .map-link {
   font-family: 'OfeliaDisplay' !important;
 font-size: 18px !important;
 line-height: 22px !important;
 font-weight: normal !important;
 cursor: pointer;
 }
 
 .map-link a {
     background: 
       linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)),
       linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
     background-size: 100% 1px, 0 1px;
     background-position: 100% 100%, 0 100%;
     background-repeat: no-repeat;
     transition: background-size 400ms;
   }
   
 .map-link  a:hover,
 .map-link  a:focus {
     background-size: 0 1px, 100% 1px;
   }
   
   /*////////////////--Cookiebot--////////////////*/
   
    #CookiebotWidget {
     word-wrap: break-word;
     left: 25px !important;
     bottom: 10px !important;
     animation: CookiebotWidgetFadeIn .3s ease-in;
     background-color: #141414;
     border-radius: 40px;
     box-shadow: 0 4px 16px rgba(0,0,0,.15);
     font-family: Helvetica,Arial,sans-serif;
     line-height: 1.5;
     min-height: 48px;
     min-width: 48px;
     opacity: 0;
     pointer-events: none;
     position: fixed;
     transition: all .2s ease-in;
     word-break: break-word;
     z-index: 2147483631;
     }
     
     #CybotCookiebotDialog h2 {
     font-family: 'OfeliaDisplay' !important;
     max-font-size: 24px !important;
     font-weight: normal !important;
     letter-spacing: .25px;
     line-height: 1.6em;
     margin-bottom: .5em;
     }
     
     #CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay * {
     background: transparent;
     box-sizing: border-box;
     color: inherit;
     font-family: 'OfeliaDisplay' !important;
     font-size: 15px;
     line-height: 1.325em !important;
     margin: 0;
     outline: 0;
     padding: 0;
     vertical-align: baseline;
     }
     
     #CybotCookiebotDialogPoweredbyLink {
     display: none !important;
     align-items: center;
     display: flex;
     width: 50%;
     }
     
 /*----------DLP-----------*/
      
.post table td, .post table th {
       text-align: left !important;
     }
     
.posts-data-table {
        text-align: left !important;
      }
      
.col-excerpt p {
         text-align: left !important;
         font-size: 16px;
       }
       
 .col-title p a {
           background: 
             linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)),
             linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
           background-size: 100% 1px, 0 1px;
           background-position: 100% 100%, 0 100%;
           background-repeat: no-repeat;
           transition: background-size 400ms;
           color: inherit;
         }
         
       .col-title p  a:hover,
       .col-title p  a:focus {
           background-size: 0 1px, 100% 1px;
         }
         
       .col-title .link-1 a {
           background: 
             linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)),
             linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
           background-size: 100% 1px, 0 1px;
           background-position: 100% 100%, 0 100%;
           background-repeat: no-repeat;
           transition: background-size 400ms;
         }
         
       .col-title .link-1  a:hover,
       .col-title .link-1  a:focus {
           background-size: 0 1px, 100% 1px;
         }
  .col-excerpt .dtr-control p {
     text-align: left !important;
     font-size: 14px !important;
   }
         
 .widgettitle {
     font-size: 16px !important;
     font-weight: bold;
   }
   
   @media (min-width: 679px) {   
   .widgettitle {
     font-size: 15px !important;
     }
     }
     
     @media (min-width: 1001px) {   
     .widgettitle {
       font-size: 15px !important;
       font-weight: bold;
       }
       }
            
  .archeobp-menu ul li {
    font-size: 16px !important;
    line-height: 1.425em !important;
    padding-left: 2px !important;
    margin-bottom: 2px;
  }
  
  @media (min-width: 1001px) {   
     .archeobp-menu ul li {
       font-size: 17px !important;
       }
       }
       
   @media (min-width: 1920px) {    
       .archeobp-menu ul li {
       font-size: 18px !important;
         }
         }
  
  .archeobp-menu ul li a  {
    background: 
      linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)),
      linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-size: 100% 1px, 0 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
  }
  
  .archeobp-menu ul li  a:hover, .archeobp-menu ul li  a:focus {
     background-size: 0 1px, 100% 1px;
   }

.kulcsszo {
     font-family: 'OfeliaDisplay';
     font-weight: normal;
     font-size: 15px;
     line-height: 20px;
     color: #000;
     margin-bottom: 0px;
     text-align: left;
     padding-top: 10px;
   }
  
  @media (min-width: 769px) {
  .kulcsszo {
    font-size: 15px;
     line-height: 22px;
  }
  }
  
  @media (min-width: 1001px) {
    .kulcsszo {
   font-size: 17px;
    line-height: 24px;
 } 
  }
  
/*------------kiemelesek----------------*/
  
  /*.kiemeles-1 {
      font-family: 'OfeliaDisplay';
      font-weight: bold;
      font-size: 18px;
      padding-bottom: 0 !important;
      line-height: 1.425em;
      }
    
    @media (min-width: 679px) {
        .kiemeles-1  {
        font-size: 20px !important;
        }
      }
      
    @media (min-width: 1001px) {
       .kiemeles-1  {
        font-size: 21px !important;
        }
      }
      
    @media (min-width: 1920px) {
        .kiemeles-1  {
        font-size: 22px !important;
        }
      }*/
  
   /*.kiemeles-2 {
     font-size: 24px !important;
     line-height: 1.325em !important;
      padding-bottom: 0 !important;
      margin-top: 12px;
      margin-bottom: 12px;
   }
   
   @media (min-width: 679px) {
   .kiemeles-2 {
     font-size: 26px !important;
     }
   }
   
   @media (min-width: 999px) {
    .kiemeles-2 {
     font-size: 28px !important;
     }
   }
   
   @media (min-width: 1200px) {
   .kiemeles-2 {
     font-size: 30px !important;
     margin-top: 18px;
      margin-bottom: 18px;
     }
   }
   
   @media (min-width: 1920px) {
    .kiemeles-2 {
     font-size: 32px !important;
     margin-top: 20px;
      margin-bottom: 20px;
     }
   }*/
   
  .kiemeles-narancs {
       border-bottom: 5px solid;
       border-bottom-color: #f7bf59 !important;
       border-collapse: separate;
       border-spacing: 0 0 0 0;
       display: table-cell;
   }
   
   @media screen and (min-width: 320px) {
     .kiemeles-narancs {
       border-bottom-color: #f7bf59 !important;
       border-bottom: 8px solid;
       border-collapse: separate;
       border-spacing: 0 0 0 0;
     }
   }
   @media screen and (min-width: 1000px) {
    .kiemeles-narancs {
       border-bottom-color: #f7bf59 !important;
        border-bottom: 10px solid;
       border-collapse: separate;
       border-spacing: 0 0 0 0;
     }
   }
   
   .kiemeles-zold {
       border-bottom: 5px solid;
       border-bottom-color: #b6e476 !important;
       border-collapse: separate;
       border-spacing: 0 0 25px 0;
       display: table-cell;
   }
   
   @media screen and (min-width: 320px) {
     .kiemeles-zold {
       border-bottom-color: #b6e476 !important;
       border-bottom: 8px solid;
       border-collapse: separate;
       border-spacing: 5px 0 25px 0;
     }
   }
   @media screen and (min-width: 1000px) {
    .kiemeles-zold {
       border-bottom-color: #b6e476 !important;
        border-bottom: 12px solid;
       border-collapse: separate;
       border-spacing: 15px 0 35px 0;
     }
   }
   
   .kiemeles-lila {
       border-bottom: 5px solid;
       border-bottom-color: #d167bd !important;
       border-collapse: separate;
       border-spacing: 0 0 25px 0;
       display: table-cell;
   }
   
   @media screen and (min-width: 320px) {
     .kiemeles-lila {
       border-bottom-color: #d167bd !important;
       border-bottom: 8px solid;
       border-collapse: separate;
       border-spacing: 5px 0 25px 0;
     }
   }
   @media screen and (min-width: 1000px) {
    .kiemeles-lila {
       border-bottom-color: #d167bd !important;
        border-bottom: 12px solid;
       border-collapse: separate;
       border-spacing: 15px 0 35px 0;
     }
   }
   
/*------------------program-kiemelesek-----------------------*/ 
  
   .program-ora, .program-nap, .program-cim { padding-top:10px !important;
     padding-bottom:4px !important;
     font-weight: bold !important;
     }
   
   @media (min-width: 768px) and (max-width: 1000px) {
   .program-ora, .program-nap, .program-cim { padding-top:12px !important;
     padding-bottom:6px !important;
   }
   }
   
   @media (min-width: 1001px) and (max-width: 1600px) {
   .program-ora, .program-nap, .program-cim { padding-top:16px !important;
     padding-bottom:8px !important;
   }
   }
   
   @media (min-width: 1601px) and (max-width: 2400px){
   .program-ora, .program-nap, .program-cim {padding-top: 18px !important;
     padding-bottom:10px !important;
   }
   }
   
   @media (min-width: 2401px) {
   .program-ora, .program-nap, .program-cim {padding-top: 22px !important;
     padding-bottom:12px !important;
   }
   }
   
   .program-ora {
     position: relative;
     display: inline-block; /* hogy a ::before a szöveghez igazodjon */
   }
   
   .program-ora::before {
     content: "";
     position: absolute;
     top: 8px;
     left: 0;
     width: 60px;
     height: 4px;
     background-color: #4aa893;
   }
   
   @media (max-width: 768px) {
     .program-ora::before {
       width: 60px;   /* kisebb szélesség */
       top: 2px;     /* pl. közelebb a szöveghez */
     }
   }
   
   .program-nap {
     position: relative;
     display: inline-block; /* hogy a ::before a szöveghez igazodjon */
   }
   
   .program-nap::before {
     content: "";
     position: absolute;
     top: 8px;
     left: 0;
     width: 60px;
     height: 4px;
     background-color: #4aa893;
   }
   
   @media (max-width: 768px) {
     .program-nap::before {
       width: 60px;   /* kisebb szélesség */
       top: 2px;     /* pl. közelebb a szöveghez */
     }
   }
   
   .program-cim {
     position: relative;
     display: inline-block; /* hogy a ::before a szöveghez igazodjon */
   }
   
   .program-cim::before {
     content: "";
     position: absolute;
     top: 2px;
     left: 0;
     width: 120px;
     height: 4px;
     background-color: #4aa893;
   }
   
   @media (max-width: 768px) {
     .program-cim::before {
       width: 100px;   /* kisebb szélesség */
       top: -1;     /* pl. közelebb a szöveghez */
     }
   }
   
   .program-reg { margin-top:-8px !important;
     padding-bottom: 16px !important;
     color: #ff0000 !important;
     }
   
   @media (min-width: 768px) and (max-width: 1000px) {
   .program-reg { margin-top:-10px !important;
     padding-bottom:18px !important;
   }
   }
   
   @media (min-width: 1001px) and (max-width: 1600px) {
   .program-reg { margin-top:-12px !important;
     padding-bottom:20px !important;
   }
   }
   
   @media (min-width: 1601px) and (max-width: 2400px){
   .program-reg {margin-top: -14px !important;
     padding-bottom:12px !important;
   }
   }
   
   @media (min-width: 2401px) {
   .program-reg {margin-top: -16px !important;
     padding-bottom: 24px !important;
   }
   }
   
   .program-reg {
     color: #ff0000 !important;
   }
   
   .program-reg a {
     color: #ff0000 !important;
     background: 
       linear-gradient(to right, rgba(255, 0, 0, 1), rgba(255, 0, 0, 1)),
       linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgba(255, 0, 0, 0));
     background-size: 100% 1px, 0 1px;
     background-position: 100% 100%, 0 100%;
     background-repeat: no-repeat;
     transition: background-size 400ms;
     }
     
   .program-reg  a:hover,
   .program-reg  a:focus {
     background-size: 0 1px, 100% 1px;
     }

/*------------------kiemeles-hatterrel-----------------------*/      
     .highlight {
       margin-bottom: 1.75rem;
       padding: 0.45rem 0.75rem;
     }
     
     .bg-grey {
       background: #ddd;
       border-left: 0.25rem solid #333;
     }
     
     .bg-purple-1 {
       background: #ff80ff;
       border-left: 0.25rem solid #800080;
     }
     
     .bg-purple-2 {
       background: #d9afd1;
       border-left: 0.25rem solid purple;
     }
     
     .bg-purple-3 {
       background: #c393f0;
       border-left: 0.25rem solid #441074;
     }
     
     .bg-blue-1 {
       background: #bfedeb;
       border-left: 0.25rem solid #0d98ba;
     }
     
     .bg-blue-2 {
       background: #81dff6;
       border-left: 0.25rem solid #0d98ba;
     }
     
     .bg-green {
       background: #beea80;
       border-left: 0.25rem solid green;
     }
     
     .bg-green-yellow {
       background: #ccff7d;
       border-left: 0.25rem solid #4c7d00;
     }
     
     .bg-yellow {
       background: #ffff89;
       border-left: 0.25rem solid #898900;
     }
     
     .bg-yellow-orange {
       background: #ffc77d;
       border-left: 0.25rem solid #7d4700;
     }
     
     .bg-orange {
       background: #ffd589;
       border-left: 0.25rem solid #fea400;
     }
     
     .bg-red-orange {
       background: #ff8b84;
       border-left: 0.25rem solid #840700;
     }
     .bg-colour {
     background: #EEAECA;
     background: radial-gradient(circle, rgba(238, 174, 202, 1) 0%, rgba(148, 210, 233, 1) 58%, rgba(222, 233, 148, 1) 99%);
     border-left: 0.25rem solid #508e0b;
     }
     
     /*------------------kiemeles-alahuzassal-----------------------*/
      
      .kiemeles-1 {
        border-bottom-color: #afded3 !important;
        border-bottom: 4px solid;
        border-collapse: separate;
        border-spacing: 5px 0 10px 0;
      } 
       
       @media screen and (min-width: 320px) {
         .kiemeles-1 {
           border-bottom-color: #afded3 !important;
           border-bottom: 5px solid;
           border-collapse: separate;
           border-spacing: 5px 0 10px 0;
         }
       }
       @media screen and (min-width: 1000px) {
        .kiemeles-1 {
           border-bottom-color: #afded3 !important;
            border-bottom: 6px solid;
           border-collapse: separate;
           border-spacing: 10px 0 15px 0;
         }
       }
       
       .kiemeles-2 {
          border-bottom-color: #b4b4b4 !important;
          border-bottom: 4px solid;
          border-collapse: separate;
          border-spacing: 5px 0 10px 0;
        } 
         
         @media screen and (min-width: 320px) {
           .kiemeles-2 {
             border-bottom-color: #b4b4b4 !important;
             border-collapse: separate;
             border-spacing: 5px 0 10px 0;
           }
         }
         @media screen and (min-width: 1000px) {
          .kiemeles-2 {
             border-bottom-color: #b4b4b4 !important;
             border-collapse: separate;
             border-spacing: 10px 0 15px 0;
           }
         }
         
         .kiemeles-3 {
           border-bottom-color: #dbc1ac !important;
           border-bottom: 4px solid;
           border-collapse: separate;
           border-spacing: 5px 0 10px 0;
         } 
          
          @media screen and (min-width: 320px) {
            .kiemeles-3 {
              border-bottom-color: #dbc1ac !important;
              border-collapse: separate;
              border-spacing: 5px 0 10px 0;
            }
          }
          @media screen and (min-width: 1000px) {
           .kiemeles-3 {
              border-bottom-color: #dbc1ac !important;
              border-collapse: separate;
              border-spacing: 10px 0 15px 0;
            }
          }
          
          /*-------vm-program--------*/
          
          .program-ora, .program-nap, .program-cim { padding-top:10px !important;
            padding-bottom:4px !important;
            font-weight: bold !important;
            }
          
          @media (min-width: 768px) and (max-width: 1000px) {
          .program-ora, .program-nap, .program-cim { padding-top:12px !important;
            padding-bottom:6px !important;
          }
          }
          
          @media (min-width: 1001px) and (max-width: 1600px) {
          .program-ora, .program-nap, .program-cim { padding-top:16px !important;
            padding-bottom:8px !important;
          }
          }
          
          @media (min-width: 1601px) and (max-width: 2400px){
          .program-ora, .program-nap, .program-cim {padding-top: 18px !important;
            padding-bottom:10px !important;
          }
          }
          
          @media (min-width: 2401px) {
          .program-ora, .program-nap, .program-cim {padding-top: 22px !important;
            padding-bottom:12px !important;
          }
          }
          
          .program-ora {
            position: relative;
            display: inline-block; /* hogy a ::before a szöveghez igazodjon */
          }
          
          .program-ora::before {
            content: "";
            position: absolute;
            top: 8px;
            left: 0;
            width: 60px;
            height: 4px;
            background-color: #4aa893;
          }
          
          @media (max-width: 768px) {
            .program-ora::before {
              width: 50px;   /* kisebb szélesség */
              top: 2px;     /* pl. közelebb a szöveghez */
            }
          }
          
          .program-nap {
            position: relative;
            display: inline-block; /* hogy a ::before a szöveghez igazodjon */
          }
          
          .program-nap::before {
            content: "";
            position: absolute;
            top: 8px;
            left: 0;
            width: 60px;
            height: 4px;
            background-color: #4aa893;
          }
          
          @media (max-width: 768px) {
            .program-nap::before {
              width: 50px;   /* kisebb szélesség */
              top: 2px;     /* pl. közelebb a szöveghez */
            }
          }
          
          .program-cim {
            position: relative;
            display: inline-block; /* hogy a ::before a szöveghez igazodjon */
          }
          
          .program-cim::before {
            content: "";
            position: absolute;
            top: 2px;
            left: 0;
            width: 120px;
            height: 4px;
            background-color: #4aa893;
          }
          
          @media (max-width: 768px) {
            .program-cim::before {
              width: 100px;   /* kisebb szélesség */
              top: -1;     /* pl. közelebb a szöveghez */
            }
          }
          
          .program-reg { margin-top:-8px !important;
            padding-bottom: 16px !important;
            color: #ff0000 !important;
            }
          
          @media (min-width: 768px) and (max-width: 1000px) {
          .program-reg { margin-top:-10px !important;
            padding-bottom:18px !important;
          }
          }
          
          @media (min-width: 1001px) and (max-width: 1600px) {
          .program-reg { margin-top:-12px !important;
            padding-bottom:20px !important;
          }
          }
          
          @media (min-width: 1601px) and (max-width: 2400px){
          .program-reg {margin-top: -14px !important;
            padding-bottom:12px !important;
          }
          }
          
          @media (min-width: 2401px) {
          .program-reg {margin-top: -16px !important;
            padding-bottom: 24px !important;
          }
          }
          
          .program-reg {
            color: #ff0000 !important;
          }
          
          .program-reg a {
            color: #ff0000 !important;
            background: 
              linear-gradient(to right, rgba(255, 0, 0, 1), rgba(255, 0, 0, 1)),
              linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgba(255, 0, 0, 0));
            background-size: 100% 1px, 0 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            transition: background-size 400ms;
            }
            
          .program-reg  a:hover,
          .program-reg  a:focus {
            background-size: 0 1px, 100% 1px;
            }
            
            .program-jegy { margin-top:-8px !important;
              padding-bottom: 16px !important;
              margin-bottom: 10px !important;
              color: #ff0000 !important;
              }
            
            @media (min-width: 768px) and (max-width: 1000px) {
            .program-jegy { margin-top:-10px !important;
              padding-bottom:18px !important;
              margin-bottom: 12px !important;
            }
            }
            
            @media (min-width: 1001px) and (max-width: 1600px) {
            .program-jegy { margin-top:-12px !important;
              padding-bottom:20px !important;
              margin-bottom: 14px !important;
            }
            }
            
            @media (min-width: 1601px) and (max-width: 2400px){
            .program-jegy {margin-top: -14px !important;
              padding-bottom:22px !important;
              margin-bottom: 16px !important;
            }
            }
            
            @media (min-width: 2401px) {
            .program-jegy {margin-top: -16px !important;
              padding-bottom: 24px !important;
              margin-bottom: 18px !important;
            }
            }
            
            .program-jegy {
              color: #ff0000 !important;
            }
            
            .program-jegy a {
              color: #ff0000 !important;
              background: 
                linear-gradient(to right, rgba(255, 0, 0, 1), rgba(255, 0, 0, 1)),
                linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0), rgba(255, 0, 0, 0));
              background-size: 100% 1px, 0 1px;
              background-position: 100% 100%, 0 100%;
              background-repeat: no-repeat;
              transition: background-size 400ms;
              }
              
            .program-jegy  a:hover,
            .program-jegy  a:focus {
              background-size: 0 1px, 100% 1px;
              }
          
          /*-------lecke---------*/
          .lecke-box {
          max-width: 1000px !important;
          }
