/* Move down content because we have a fixed navbar that is 50px tall */
body {
  font: 12px sans-serif;
  color: #666;
  line-height: 1.2;
  background-color: #f0f3f5;
}


a, a:focus, a:hover, button, button:focus, button:hover, button:active { 
  text-decoration: none; 
  outline: none; 
  -o-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -khtml-transition: color 0.2s linear;
  -webkit-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
a {
  color: #4f6779;
  font-weight: 700;
}
a:hover, a:focus {
  color: #009639;
  outline: 0 none !important;
  text-decoration: none;
}

img { border: none; outline: none; }

.text-justify {
  text-align: justify;
}

.blockquote {
  font-size: 1rem;
}


/* Font-face for webpage */
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Regular.woff2') format('woff2'),
        url('fonts/Montserrat-Regular.woff') format('woff'),
        url('fonts/Montserrat-Regular.ttf') format('truetype'),
        url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} 
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/Montserrat-Bold.eot');
    src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Bold.woff2') format('woff2'),
        url('fonts/Montserrat-Bold.woff') format('woff'),
        url('fonts/Montserrat-Bold.ttf') format('truetype'),
        url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
} 
@font-face {
    font-family: 'Montserrat-Medium';
    src: url('fonts/Montserrat-Medium.eot');
    src: url('fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Medium.woff2') format('woff2'),
        url('fonts/Montserrat-Medium.woff') format('woff'),
        url('fonts/Montserrat-Medium.ttf') format('truetype'),
        url('fonts/Montserrat-Medium.svg#Montserrat-Bold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
} 

img.bbcode-img {
  max-width: none;
}


/*********************************
*** TOP MAIN MENU ****************
**********************************/
#header.header {
  background-color: #189446;
}
/* Top Info Bar */
#header .top-infobar {
  background-color: #5bb171;
}
#header .top-infobar-inner {

}
#header .sitetag {
  font-size: 14px;
  font-family: "Montserrat-Medium", sans-serif;  
  color: #fff;
  letter-spacing: -.03em;
  text-transform: uppercase;
  line-height: 1.5em;
}

/* Header Main Menu */
#header .header-primary {
  background-color: #5bb171;
}
#header .header-primary-inner {
  background-color: #5bb171;
}
#header .header-primary-inner::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  width: 20%;
  background-color: #189446;
  left: -30px;
  margin-left: 0;
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}

/* Bootstrap Breakpoint to 1199px */
@media (max-width: 1199px) {
  #header .header-primary-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 1.5rem !important;
  } 
}

/* Logo */
#header .header-logo {
  position: absolute;
  top: -110px;
  left: 80px;
}

/* Bootstrap Breakpoint to 1199px */
@media (max-width: 1199px) {
  #header .header-logo {
    left: 0;
  } 
}


#header .header-logo img {
  position: relative;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* Header Secondary */
#header .header-secondary {
  background-color: #189446;
}
#header .secondary ul.secondary-infoblock {
  list-style: none;
  padding: 0;
  margin: 0;
}
#header .header-secondary ul.secondary-infoblock li {
  margin: 7px 0 0 26px;
  min-height: 26px;
  padding: 20px 0 32px 50px;
  list-style: none;
}
#header .header-secondary ul.secondary-infoblock li span.secondary-icon {
  width: 40px;
  height: 40px;
  font-size: 38px;
  position: absolute;
  left: 0;
}
#header .header-secondary ul.secondary-infoblock li h6 {
  font-family: "Montserrat-Bold", sans-serif;  
  color: #fff;
  letter-spacing: -.03em;
  font-size: 12px;
  line-height: 1.2em;
  text-transform: uppercase;
}
#header .header-secondary ul.secondary-infoblock li .contact-info-email { 
  color: #dbdbdb;
  font-size: 12px;
  line-height: 1.2em;
}


/* Main Menu */
.navbar {
 z-index: 10;  
}


/* Header */
.header-bg-image {
  position: relative;
  background: url(images/header_bg.jpg) no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/*************************************
*** Main NAVIGATION ***************************
**************************************/
/* change the link color */
.navbar-custom .nav-main > .nav-item,
.navbar-custom .nav-main > .nav-item.dropdown {
  font-family: "Montserrat-Medium", sans-serif;
  font-size: 14px; 
  color: #fff;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
}
/* color of main nav links */
.navbar-custom .nav-main > .nav-item .nav-link,
.navbar-custom .nav-main > .nav-item.dropdown .nav-link {
  color: #fff;
}
.navbar-custom .nav-main > .nav-item:hover .nav-link,
.navbar-custom .nav-main > .nav-item.dropdown:hover .nav-link,
.navbar-custom .nav-main > .nav-item.dropdown .nav-link.show {
  color: #d92027;
}
/* for dropdown only - change the color of droodown */
.navbar-custom .nav-main > .nav-item.dropdown ul.dropdown-menu {
  background-color: #189446;
  min-width: 15rem;
  padding: 20px;
}
.navbar-custom .nav-main > .nav-item.dropdown ul.dropdown-menu li {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 12px;  
  color: #fff;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
  padding: 0 0 10px 0;
}
.navbar-custom .nav-main > .nav-item.dropdown ul.dropdown-menu li:last-child {
  padding: 0 0 0 0;
}
.navbar-custom .nav-main > .nav-item.dropdown ul.dropdown-menu > li > a {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 12px;
  color: #fff; 
  padding: 0;
  white-space: nowrap;
  background-color: transparent;
}
.navbar-custom .nav-main > .nav-item.dropdown ul.dropdown-menu > li > a:hover {
  color: #d92027;
  background-color: transparent; 
} 
.navbar-custom .nav-main > .nav-item.dropdown ul.dropdown-menu li:hover,  
.navbar-custom .nav-main > .nav-item.dropdown ul.dropdown-menu li:focus,
.navbar-custom .nav-main > .nav-item.dropdown ul.dropdown-menu li.active
.navbar-custom .nav-main > .nav-item.dropdown ul.dropdown-menu li:active {
  color: #d92027;
  background-color: transparent;
}


/*************************************
*** MAIN NAVIGATION TOGGLER ************************
**************************************/ 
/* Set the border color */ 
#header .navbar > .navbar-toggler { 
  border-color: rgba(255,255,255,0.7); 
} 
#header .navbar > .navbar-toggler:hover { 
  border-color: #f36100; 
} 
/* Setting the stroke to green using rgb values (0, 128, 0) */ 
#header .navbar > .navbar-toggler .navbar-toggler-icon { 
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
} 
#header .navbar > .navbar-toggler:hover .navbar-toggler-icon { 
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(243,97,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
}

/* MAIN MENU TOGGLER MENUBOX */
/* Bootstrap Breakpoint to 1199px */
@media (max-width: 1199px) {
  #header .navbar .navbar-collapse {
    background-color: #01480c;
    padding: 15px;
    top: 56px;
    width: 100%;
  } 
}


/*************************************
*** SECUNDARY NAVBAR *********************
**************************************/
.secondary-nav { }
.secondary-nav > ul.nav-list { }
.secondary-nav > ul.nav-list > li { 
  font-family: "Montserrat-Medium", sans-serif;
  font-size: 14px;
  color: #d3d3d3;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
  border-right: 1px solid #d3d3d3;
  padding: 1px 10px;
}
.secondary-nav > ul.nav-list > li a { 
  color: #d3d3d3;
}
.secondary-nav > ul.nav-list > li a:hover { 
  color: #fff;
}


/*************************************
*** HEADER VIDEOBOX *********************
**************************************/
#video-bg {
  position: relative;
  background-color: black;
  height: auto;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0px 15px 10px -15px #111;
	-moz-box-shadow: 0px 15px 10px -15px #111;
	box-shadow: 0px 15px 10px -15px #111;
}

#video-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#video-bg .container {
  position: relative;
  z-index: 2;
}

#video-bg .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
  #video-bg {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }

  #video-bg video {
    display: none;
  }
}

/* VIDEOBOX CONTENT */
#video-bg  .top-menu-box { }
#video-bg  .top-menu-title { display: none !important; }
#video-bg  .top-menu-title h4 { }
#video-bg  .top-menu-body { }
#video-bg  .top-menu-body h5 { color: rgba(255, 255, 255, 0.7); }
#video-bg  .top-menu-body h6 { color: rgba(255, 255, 255, 0.7); }
#video-bg  .top-menu-body .fordulo { color: rgba(255, 255, 255, 0.7); }
#video-bg  table#liga-tabella > thead > tr > th { 
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7); 
  border-bottom: none;
}
#video-bg  table#liga-tabella > tbody > tr > th,
#video-bg  table#liga-tabella > tbody > tr > td { 
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7); 
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#video-bg  table#eddigi-eredmenyek caption { color: rgba(255, 255, 255, 0.7) !important; }
#video-bg  table#eddigi-eredmenyek > tbody > tr > td { 
  color: rgba(255, 255, 255, 0.7); 
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}  


/*************************************
*** HOME PAGE ABOUT *********************
**************************************/
.section-title {

}

#features .section-title .icon-box .icon {
  float: left;
  margin-right: 40px;
}
#features .section-title .icon-box .icon {
  display: inline-block;
  position: relative;
  width: 156px;
  height: 185px;
  line-height: 129px;
  text-align: center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #189446;
  color: #fff;
  font-size: 61px;
}
#features .section-title .icon-box .icon::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -60px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 60px 56px 60px;
  border-color: transparent transparent white transparent;
}
#features .section-title h1 {
  font-size: 50px;
  font-family: "Montserrat-Medium", sans-serif;  
  color: #3e454c;
  letter-spacing: -.03em;
  text-transform: uppercase;
  line-height: 1.1em;
}


/* Bootstrap Breakpoint to 767px */
@media (max-width: 767px) {
  #features .section-title .icon-box .icon {
    display: block !important;
    margin: 1rem auto 1rem auto !important;
    float: none !important;
  } 
  #features .section-title h1,
  #features .section-title h5 {
    text-align: center !important;
  } 
}

#features .feature-box-3 {

}
#features .feature-box .feature-icon {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 32px;
  color: #ffffff;
  background-color: #189446;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#features .feature-box h4 {
  color: #5bb171;
  font-size: 36px;
  line-height: 1.2em;
  text-transform: uppercase;
  font-family: "Montserrat-Medium", sans-serif;  
  letter-spacing: -.03em;
  margin-bottom: 1rem;
}
#features .feature-box .feature-text {
  clear: both;
  font-size: 20px;
  line-height: 25px;
  color: #a7aaa6;
  line-height: 1.2em;   
}
#features .feature-box .feature-text .cpage-menu.home-service-1 .btn-cpage,
#features .feature-box .feature-text .cpage-menu.home-service-2 .btn-cpage,
#features .feature-box .feature-text .cpage-menu.home-service-3 .btn-cpage { 
  display: block;
  width: 80%;
  font-family: "Montserrat-Medium", sans-serif;  
  font-size: 14px;
  line-height: 1em;  
  text-align: center;
  text-transform: uppercase;
  margin: 20px auto;
  padding: 15px;
  transition: all .3s ease;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}


/* Bootstrap Breakpoint to 1199px */
@media (max-width: 1199px) {
  #features .feature-box .feature-icon {
    display: block !important;
    margin: 1rem auto 1rem auto !important;
    float: none !important;
  } 
  #features .feature-box h4 {
    font-size: 26px;
    text-align: center;
  }
}


/*************************************
*** LATEST NEWS GRID *********************
**************************************/
#latest-news .home-latestnews { }
#latest-news .home-latestnews-title { 
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e8;
  width: 100%;
}
#latest-news .home-latestnews-title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 1px;
  bottom: -1px;
  background: #189446;
}
#latest-news .home-latestnews-title h2 { 
  font-family: "Montserrat-Bold", sans-serif;
  color: #242329;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 0;
}
#latest-news .home-latestnews-item { 

}
#latest-news .home-latestnews-item .home-latestnews-item-image { 
  overflow: hidden;
}
#latest-news .home-latestnews-item .home-latestnews-item-image img { 
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
#latest-news .home-latestnews-item:hover .home-latestnews-item-image img {
  -moz-transform: scale(1.1);  
  -webkit-transform: scale(1.1);  
  -o-transform: scale(1.1);  
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#latest-news .home-latestnews-item .latest-news-content { 
  padding: 10px 15px;
}
#latest-news .home-latestnews-item .latest-news-category { 
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 12px;
  line-height: 1em;
}
#latest-news .home-latestnews-item .latest-news-category a {
  color: #189446;
}
#latest-news .home-latestnews-item .latest-news-category a:hover {
  color: #31404b;
}
#latest-news .home-latestnews-item .latest-news-content h3 { 
  color: #31404b;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 18px;
  line-height: 1.3em;
  letter-spacing: -.03em;
}
#latest-news .home-latestnews-item .latest-news-content h3 a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #d91f26;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}
#latest-news .home-latestnews-item:hover .latest-news-content h3 a::before {
  width: 100%;
}
#latest-news .home-latestnews-item .latest-news-content h3 a {
  color: #31404b;
  position: relative;
  z-index: 1;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#latest-news .home-latestnews-item:hover .latest-news-content h3 a {
  color: #d91f26; 
}
#latest-news .home-latestnews-item .latest-news-time { 
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 12px;
  color: #9a9da2;
  line-height: 1.2em;
}


/*************************************
*** NEWS GRID 1 BOX CATEGORY ID=3 ****
**************************************/
#news-cat-3 .news-grid-1 { }
#news-cat-3 .news-grid-1-title { 
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e8;
  width: 100%;
}
#news-cat-3 .news-grid-1-title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 1px;
  bottom: -1px;
  background: #189446;
}
#news-cat-3 .news-grid-1-title h2 { 
  font-family: "Montserrat-Bold", sans-serif;
  color: #242329;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 0;
}
#news-cat-3 .news-grid-1-title h2 a { 
  color: #242329;
}
#news-cat-3 .news-grid-1-title h2 a:hover { 
  color: #009639;
}

/* Item */
#news-cat-3 .news-grid-1-item { }
#news-cat-3 .news-grid-1-item .item-image { 
  overflow: hidden;
}
#news-cat-3 .news-grid-1-item .item-image img { 
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
#news-cat-3 .news-grid-1-item:hover .item-image img {
  -moz-transform: scale(1.1);  
  -webkit-transform: scale(1.1);  
  -o-transform: scale(1.1);  
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#news-cat-3 .news-grid-1-item .item-content { 
  padding: 10px 15px;
}
#news-cat-3 .news-grid-1-item .news-grid-1-category { 
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 12px;
  line-height: 1em;
}
#news-cat-3 .news-grid-1-item .news-grid-1-category a {
  color: #189446;
}
#news-cat-3 .news-grid-1-item .news-grid-1-category a:hover {
  color: #31404b;
}
#news-cat-3 .news-grid-1-item .item-content h3 { 
  font-family: "Montserrat-Bold", sans-serif;  
  color: #31404b;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: -.03em;
}
#news-cat-3 .news-grid-1-item .item-content h3 a { 
  color: #31404b;
  position: relative;
  z-index: 1;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s; 
}
#news-cat-3 .news-grid-1-item .item-content h3 a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #d91f26;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}
#news-cat-3 .news-grid-1-item:hover .item-content h3 a::before {
  width: 100%;
}
#news-cat-3 .news-grid-1-item:hover .item-content h3 a {
  color: #d91f26; 
}
#news-cat-3 .news-grid-1-item .item-content h3 a:hover {
  color: #d92027;
}
#news-cat-3 .news-grid-1-item .item-content .item-time { 
  font-family: "Montserrat-Medium", sans-serif;
  color: #484848;
  line-height: 1.3em;
}


/*************************************
*** NEWS GRID 2 BOX CATEGORY ID=4 ****
**************************************/
#news-cat-4 .news-grid-2 { }
#news-cat-4 .news-grid-2-title { 
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e8;
  width: 100%;
}
#news-cat-4 .news-grid-2-title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 1px;
  bottom: -1px;
  background: #189446;
}
#news-cat-4 .news-grid-2-title h2 { 
  font-family: "Montserrat-Bold", sans-serif;
  color: #242329;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 0;
}
#news-cat-4 .news-grid-2-title h2 a { 
  color: #242329;
}
#news-cat-4 .news-grid-2-title h2 a:hover { 
  color: #009639;
}

/* Featured */
#news-cat-4 .featured-item { }
#news-cat-4 .featured-item .featured-image { 
  overflow: hidden;
}
#news-cat-4 .featured-item .featured-image img { 
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
#news-cat-4 .featured-item:hover .featured-image img {
  -moz-transform: scale(1.1);  
  -webkit-transform: scale(1.1);  
  -o-transform: scale(1.1);  
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#news-cat-4 .featured-item .item-content { 
  padding: 10px 15px;
}
#news-cat-4 .featured-item .news-grid-2-category { 
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 12px;
  line-height: 1em;
}
#news-cat-4 .featured-item .news-grid-2-category a {
  color: #189446;
}
#news-cat-4 .featured-item .news-grid-2-category a:hover {
  color: #31404b;
}
.news-grid-4 .featured-item h3 {
  font-family: "Montserrat-Bold", sans-serif;  
  color: #31404b;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: -.03em;
}
#news-cat-4 .featured-item .featured-content h3 { 
  font-family: "Montserrat-Bold", sans-serif;  
  color: #31404b;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: -.03em;
}
#news-cat-4 .featured-item .featured-content h3 a { 
  color: #31404b;
  position: relative;
  z-index: 1;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s; 
}
#news-cat-4 .featured-item .featured-content h3 a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #d91f26;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}
#news-cat-4 .featured-item:hover .featured-content h3 a::before {
  width: 100%;
}
#news-cat-4 .featured-item:hover .featured-content h3 a {
  color: #d91f26; 
}
#news-cat-4 .featured-item .featured-content h3 a:hover {
  color: #d92027;
}
#news-cat-4 .featured-item .featured-content .featured-item-time { 
  font-family: "Montserrat-Medium", sans-serif;
  color: #484848;
  line-height: 1.3em;
}

/* Item */
#news-cat-4 .news-grid-2-item { }
#news-cat-4 .news-grid-2-item .item-image { 
  overflow: hidden;
}
#news-cat-4 .news-grid-2-item .item-image img { 
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
#news-cat-4 .news-grid-2-item:hover .item-image img {
  -moz-transform: scale(1.1);  
  -webkit-transform: scale(1.1);  
  -o-transform: scale(1.1);  
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#news-cat-4 .news-grid-2-item .item-content { 
  padding: 10px 15px;
}
#news-cat-4 .news-grid-2-item .item-content h3 { 
  font-family: "Montserrat-Medium", sans-serif;
  color: #31404b;
  font-size: 16px;
  line-height: 1.3em;
  letter-spacing: -.03em;
}
#news-cat-4 .news-grid-2-item .item-content h3 a { 
  color: #31404b;
  position: relative;
  z-index: 1;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s; 
}
#news-cat-4 .news-grid-2-item .item-content h3 a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #d91f26;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}
#news-cat-4 .news-grid-2-item:hover .item-content h3 a::before {
  width: 100%;
}
#news-cat-4 .news-grid-2-item:hover .item-content h3 a {
  color: #d91f26; 
}
#news-cat-4 .news-grid-2-item .item-content h3 a:hover {
  color: #d92027;
}
#news-cat-4 .news-grid-2-item .item-content .item-time { 
  font-family: "Montserrat-Medium", sans-serif;
  color: #484848;
  line-height: 1.3em;
}


/*************************************
*** NEWS GRID 3 BOX CATEGORY ID=6 ****
**************************************/
#news-cat-6 .news-grid-3 { }
#news-cat-6 .news-grid-3-title { 
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e8;
  width: 100%;
}
#news-cat-6 .news-grid-3-title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 1px;
  bottom: -1px;
  background: #189446;
}
#news-cat-6 .news-grid-3-title h2 { 
  font-family: "Montserrat-Bold", sans-serif;
  color: #242329;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 0;
}
#news-cat-6 .news-grid-3-title h2 a { 
  color: #242329;
}
#news-cat-6 .news-grid-3-title h2 a:hover { 
  color: #009639;
}


/* Featured */
#news-cat-6 .featured-item { } 
#news-cat-6 .featured-item .featured-image {
  position: relative;
  overflow: hidden; 
  -moz-border-radius: 4px 4px 0 0;
  -khtml-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;  
}
#news-cat-6 .featured-item .featured-image img {
  width: 100%;
  height: auto;
  -moz-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; 
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
#news-cat-6 .featured-item:hover .featured-image img {
  -moz-transform: scale(1.1);  
  -webkit-transform: scale(1.1);  
  -o-transform: scale(1.1);  
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#news-cat-6 .featured-item .news-grid-3-category { 
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 12px;
  line-height: 1em;
}
#news-cat-6 .featured-item .news-grid-3-category a {
  color: #189446;
}
#news-cat-6 .featured-item .news-grid-3-category a:hover {
  color: #31404b;
}
#news-cat-6 .featured-item .featured-content h3 {
  font-family: "Montserrat-Bold", sans-serif;  
  color: #31404b;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: -.03em;
}
#news-cat-6 .featured-item .featured-content h3 a { 
  color: #31404b;
  position: relative;
  z-index: 1;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s; 
}
#news-cat-6 .featured-item .featured-content h3 a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #d91f26;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}
#news-cat-6 .featured-item:hover .featured-content h3 a::before {
  width: 100%;
}
#news-cat-6 .featured-item:hover .featured-content h3 a {
  color: #d91f26; 
}
#news-cat-6 .featured-item .featured-content h3 a:hover {
  color: #d92027;
}
#news-cat-6 .featured-item .featured-content .news-grid-3-time { 
  font-family: "Montserrat-Medium", sans-serif;
  color: #484848;
  line-height: 1.3em;
}
#news-cat-6 .featured-item .featured-content .summary { }

/*
.news-grid-3 .featured-item .news-image .news-header .news-info {
  color: #e5e5e5;  
} 
.news-grid-3 .featured-item .news-image .news-header .news-info .news-readmore a {
  font-family: "Raleway-Bold", Arial;
  color: #e5e5e5;
  text-transform: uppercase;
}
.news-grid-3 .featured-item .news-image .news-header .news-info .news-readmore a:hover {
  color: #fff;
  text-decoration: underline;
}
*/
/* Item */
#news-cat-6 .news-grid-3-item { }
#news-cat-6 .news-grid-3-item .item-image { 
  overflow: hidden; 
}
#news-cat-6 .news-grid-3-item .item-image img { 
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
} 
#news-cat-6 .news-grid-3-item:hover .item-image img {
  -moz-transform: scale(1.1);  
  -webkit-transform: scale(1.1);  
  -o-transform: scale(1.1);  
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#news-cat-6 .news-grid-3-item .item-content { 
  padding: 10px 15px;
}
#news-cat-6 .news-grid-3-item .item-content h3 { 
  font-family: "Montserrat-Medium", sans-serif;
  color: #484848;
  font-size: 16px;
  line-height: 1.3em;
  letter-spacing: -.03em;
}

#news-cat-6 .news-grid-3-item .item-content h3 a { 
  color: #31404b;
  position: relative;
  z-index: 1;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s; 
}
#news-cat-6 .news-grid-3-item .item-content h3 a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #d91f26;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}
#news-cat-6 .news-grid-3-item:hover .item-content h3 a::before {
  width: 100%;
}
#news-cat-6 .news-grid-3-item:hover .item-content h3 a {
  color: #d91f26; 
}
#news-cat-6 .news-grid-3-item .item-content h3 a:hover {
  color: #d92027;
}
#news-cat-6 .news-grid-3-item .item-content .item-time { 
  font-family: "Montserrat-Medium", sans-serif;
  color: #484848;
  line-height: 1.3em;
}


/*************************************
*** NEWS GRID 4 BOX CATEGORY ID=13 ****
**************************************/
#news-cat-13 .news-grid-4 { }
#news-cat-13 .news-grid-4-title { 
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e8;
  width: 100%;
}
#news-cat-13 .news-grid-4-title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 1px;
  bottom: -1px;
  background: #189446;
}
#news-cat-13 .news-grid-4-title h2 { 
  font-family: "Montserrat-Bold", sans-serif;
  color: #242329;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 0;
}
#news-cat-13 .news-grid-4-title h2 a { 
  color: #242329;
}
#news-cat-13 .news-grid-4-title h2 a:hover { 
  color: #009639;
}

/* Featured */
#news-cat-13 .featured-item { } 
#news-cat-13 .featured-item .featured-image {
  overflow: hidden; 
  -moz-border-radius: 4px 4px 0 0;
  -khtml-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;  
}
#news-cat-13 .featured-item .featured-image img {
  width: 100%;
  height: auto;
  -moz-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; 
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
#news-cat-13 .featured-item:hover .featured-image img {
  -moz-transform: scale(1.1);  
  -webkit-transform: scale(1.1);  
  -o-transform: scale(1.1);  
  -ms-transform: scale(1.1);
  transform: scale(1.1);
} 
#news-cat-13 .featured-item .news-grid-4-category { 
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 12px;
  line-height: 1em;
}
#news-cat-13 .featured-item .news-grid-4-category a {
  color: #189446;
}
#news-cat-13 .featured-item .news-grid-4-category a:hover {
  color: #31404b;
}
.news-grid-13 .featured-item h3 {
  font-family: "Montserrat-Bold", sans-serif;  
  color: #31404b;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: -.03em;
}
#news-cat-13 .featured-item .featured-content h3 a { 
  color: #31404b;
  position: relative;
  z-index: 1;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s; 
}
#news-cat-13 .featured-item .featured-content h3 a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #d91f26;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}
#news-cat-13 .featured-item:hover .featured-content h3 a::before {
  width: 100%;
}
#news-cat-13 .featured-item:hover .featured-content h3 a {
  color: #d91f26; 
}
#news-cat-13 .featured-item .featured-content h3 a:hover {
  color: #d92027;
}
#news-cat-13 .featured-item .featured-content .news-grid-4-time { 
  font-family: "Montserrat-Medium", sans-serif;
  color: #484848;
  line-height: 1.3em;
}
#news-cat-13 .featured-item .featured-content .summary { }


/*************************************
*** NEWS GRID 6 BOX CATEGORY ID=18 ****
**************************************/
#news-cat-18 .news-grid-6 { }
#news-cat-18 .news-grid-6-title { 
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e8;
  width: 100%;
}
#news-cat-18 .news-grid-6-title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 1px;
  bottom: -1px;
  background: #189446;
}
#news-cat-18 .news-grid-6-title h2 { 
  font-family: "Montserrat-Bold", sans-serif;
  color: #242329;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 0;
}
#news-cat-18 .news-grid-6-title h2 a { 
  color: #242329;
}
#news-cat-18 .news-grid-6-title h2 a:hover { 
  color: #009639;
}

/* Item */
#news-cat-18 .news-grid-6 .item-content { 
  padding: 10px 15px;
}
#news-cat-18 .news-grid-6 .item-content h3 { 
  font-family: "Montserrat-Medium", sans-serif;
  color: #484848;
  font-size: 16px;
  line-height: 1.3em;
  letter-spacing: -.03em;
}

#news-cat-18 .news-grid-6 .item-content h3 a { 
  color: #31404b;
  position: relative;
  z-index: 1;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s; 
}
#news-cat-18 .news-grid-6 .item-content h3 a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #d91f26;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}
#news-cat-18 .news-grid-6 .item-content:hover h3 a::before {
  width: 100%;
}
#news-cat-18 .news-grid-6 .item-content:hover h3 a {
  color: #d91f26; 
}
#news-cat-18 .news-grid-6 .item-content h3 a:hover {
  color: #d92027;
}
#news-cat-18 .news-grid-6 .item-content .item-time { 
  font-family: "Montserrat-Medium", sans-serif;
  color: #484848;
  line-height: 1.3em;
}


/*************************************
*** CONTACT FORM ON HOME PAGE *********************
**************************************/
#contact-form {

}
#contact-form .section-title h1 {
  position:relative;
  display:inline-block;	
  font-family: "Montserrat-Medium", sans-serif;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
}
#contact-form .section-title h1:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin: 10px auto;
  width: 50%;
  height: 6px;
  background-color: #189446;
}


/*************************************
*** FOOTER MENUS *********************
**************************************/
#footer .footer-title {

}
#footer .footer-title h1 {
  color: #fff;
  font-size: 14px;
  font-family: "Montserrat-Bold", sans-serif;
  text-transform: uppercase;
  line-height: 1.2em;
  letter-spacing: -.02em;
}
#footer .footer-body {
  font-size: 14px;
  line-height: 1.1em;
  color: #9a9da2;
}

/*************************************
*** POPULAR (HITS MENU) *********************
**************************************/
.popular-item {

}
.popular-image {

}
.popular-image img {
  -moz-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}
.popular-title-box {

}
.popular-category {
  line-height: 1;
  text-align: center;
  vertical-align: baseline;
  font-size: 10px;
  -moz-border-radius: .25em;
  -khtml-border-radius: .25em;
  -webkit-border-radius: .25em;
  border-radius: .25em;
  font-family: "Montserrat_Medium",sans-serif;
  padding: .5em 1.1em;
  text-transform: uppercase;
}
.popular-category a {
  color: #fff;
}
.popular-category a:hover {
  color: #000;
}
.popular-title {
  font-size: 14px;
  font-family: "Montserrat-Medium",sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -.03em;
  line-height: 1em;
}
.popular-title a {
  color: #fff;
}
.popular-title a:hover {
  color: #d91f26;
}
.popular-date {
  font-size: 10px;
  font-family: "Montserrat-Medium",sans-serif;
  text-transform: uppercase;
  letter-spacing: -.03em;
  line-height: 1em;
}


/*************************************
*** MAIN CONTENT *********************
**************************************/
#main-content {
  overflow: hidden;
  background-color: #f2f2f2;
}


/*************************************
*** NEWS PAGES - news.php *********************
**************************************/
.header-image {
  background-color: #1e2024;
  background-image: url(images/header_bg2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 70%;
  text-align: center;
  padding: 120px 0;
  position: relative; 
  -webkit-box-shadow: 0px 15px 10px -15px #111;
  -moz-box-shadow: 0px 15px 10px -15px #111;
  box-shadow: 0px 15px 10px -15px #111;
}
.header-image::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(images/pattern2.png);
  background-size: auto;
  background-position: 100% 0;
  background-repeat: repeat;
  opacity: .3;
}
.page-title {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 60px;
  color: #fff;
}

/* Bootstrap Breakpoint to 1199px */
@media (max-width: 1199px) {
  .page-title {
    font-size: 40px;
  } 
}

/* Bootstrap Breakpoint to 767px */
@media (max-width: 767px) {
  .page-title {
    font-size: 30px;
  } 
}



/********************************
****** PAGE BREADCRUMB ***********
**********************************/
.breadcrumbs-content { 
  
}
.breadcrumbs-content ul.breadcrumb { 
  width: 100%;   
  margin: 0 0 40px 0; 
  padding: 5px; 
  position: relative;   
  background: #ececec; 
  list-style: none;
  border-radius: 15px; 
}
.breadcrumbs-content ul.breadcrumb li { 
  height: 20px; 
  line-height: 20px; 
  float: left; 
  padding: 0 0 0 .7rem;
}
.breadcrumbs-content ul.breadcrumb li a { 
  text-decoration: none;
}
.breadcrumbs-content ul.breadcrumb li .fas { 
  width: 20px; 
  height: 20px; 
  line-height: 20px;
  position: absolute; 
  left: -10px; 
  top: -10px; 
  background: #d7d7d7; 
  padding: 15px; 
  border-radius: 50%; 
  font-size: 20px; 
  line-height: 1; 
  box-shadow: 0px 0px 50px 0px rgba(0,0,0,.2);  
  box-sizing: content-box;
}
.breadcrumbs-content ul.breadcrumb a:hover { text-decoration: none; color: #189446; }

/* Bredcrumb Fill 2 - style 1 */
.breadcrumbs-content ul.breadcrumb, .breadcrumb li, .breadcrumb li.active, .breadcrumb li a { color: #626262;}
.breadcrumbs-content ul.breadcrumb li:first-child { margin-right: 30px;}
.breadcrumbs-content ul.breadcrumb .fas:hover { transform: scale(1.15)}


/*******************************************
*** DEFAULT NEWS LAYOUT ********************
********************************************/
.default-news-page-title {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 20px;
  line-height: 1.2em;
  letter-spacing: -.02em;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #e4e7ed;
  border-left: 6px solid #189446;
  border-radius: 4px;
}
.default-news { 
  margin: 0;
  padding: 0;
}
.default-news .default-news-item {
  border: 1px solid #e4e7ed;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
} 
.default-news .default-news-item .default-news-images-main {  
  overflow: hidden; 
  -moz-border-radius: 4px 4px 0 0;
  -khtml-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;    
}
.default-news .default-news-item .default-news-images-main img {   
  -moz-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; 
  width: 100%;
  height: auto;
  -webkit-transition: transform .5s ease;
  -moz-transition: transform .5s ease;
  -ms-transition: transform .5s ease;
  -o-transition: transform .5s ease;
  transition: transform .5s ease;
}
.default-news .default-news-item .default-news-images-main:hover img {
  -moz-transform: scaleX(1.1);  
  -webkit-transform: scaleX(1.1);  
  -o-transform: scaleX(1.1);  
  -ms-transform: scaleX(1.1);
  transform: scale(1.1)
}
.default-news .default-news-item .default-news-category {
  position: absolute;
  left: 25px;
  top: 25px;
  overflow: hidden;
  font-size: 12px;
  font-family: "Montserrat-Bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: -.03em;
  line-height: 1em;
}
.default-news .default-news-item .default-news-category a {
  color: #fff;
}
.default-news .default-news-item .default-news-category a:hover {
  color: #000;
}
.default-news .default-news-item .default-news-item-caption {
  position: relative;
}
.default-news .default-news-item .default-news-date {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 12px;
  color: #9a9da2;
  text-transform: uppercase;
  font-family: Montserrat,sans-serif;
  line-height: 1.2em;
}
.default-news .default-news-item .default-news-title h3 {
  color: #31404b;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
}
.default-news .default-news-item .default-news-title h3 a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #d91f26;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}
.default-news .default-news-item:hover .default-news-title h3 a::before {
  width: 100%;
}
.default-news .default-news-item .default-news-title h3 a {
  color: #31404b;
  position: relative;
  z-index: 1;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.default-news .default-news-item:hover .default-news-title h3 a {
  color: #d91f26; 
}
.default-news .default-news-item .default-news-body { 
  font: 15px sans-serif;  
  color: #9a9da2;     
  margin: 0;  
  padding: 0;   
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 6.0em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;  
  /* place for '...' */
  padding-right: 1em;
}
/* create the ... */
.default-news .default-news-item .default-news-body:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.default-news .default-news-item .default-news-body:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: #fff;
}
.default-news .default-news-item .default-item-footer {
  border-top: 1px solid #e4e7ed;
} 
.default-news .default-news-item .default-news-info {
  text-transform: uppercase;
}
.default-news .default-news-item .default-news-author,
.default-news .default-news-item .default-news-author a,
.default-news .default-news-item .default-news-comment,
.default-news .default-news-item .default-news-hits {
  color: #9a9da2;
}
.default-news .default-news-item a.default-news-extended-link {
 display:block;
 position:absolute;
 top: 0;
 right:25px;
 width:50px;
 height:50px;
 overflow:hidden;
 border-radius:50%;
 transform:translateY(-50%);
 background-color: #5bb171;
}
.default-news .default-news-item a.default-news-extended-link:after,
.default-news .default-news-item a.default-news-extended-link:before {
 content:"";
 display:block;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 background-color:#fff;
 transition:transform .25s ease;
}
.default-news .default-news-item a.default-news-extended-link:before {
 width:17px;
 height:3px;
}
.default-news .default-news-item a.default-news-extended-link:after {
 width:3px;
 height:17px;
}
.default-news .default-news-item a.default-news-extended-link:hover:after,
.default-news .default-news-item a.default-news-extended-link:hover:before {
 transform:translate(-50%,-50%) rotate(90deg);
}


/*************************************
*** NEWS CATEGORIES BACKGROUND COLOR *
**************************************/
.default-news-category.news-category-1 { background-color: #5aa628; }
.default-news-category.news-category-2 { background-color: #f04a3c; }
.default-news-category.news-category-3 { background-color: #189446; }
.default-news-category.news-category-4 { background-color: #607d8d; }
.default-news-category.news-category-5 { background-color: #ffa905; }
.default-news-category.news-category-6 { background-color: #c064de; }
.default-news-category.news-category-7 { background-color: #009788; }
.default-news-category.news-category-8 { background-color: #ec1562; }
.default-news-category.news-category-9 { background-color: #ff5608; }
.default-news-category.news-category-10 { background-color: #7b2f3d; }
.default-news-category.news-category-11 { background-color: #5aa628; }
.default-news-category.news-category-12 { background-color: #f04a3c; }
.default-news-category.news-category-13 { background-color: #40bff5; }
.default-news-category.news-category-14 { background-color: #607d8d; }
.default-news-category.news-category-15 { background-color: #ffa905; }
.default-news-category.news-category-16 { background-color: #c064de; }
.default-news-category.news-category-17 { background-color: #009788; }
.default-news-category.news-category-18 { background-color: #fc0; }
.default-news-category.news-category-19 { background-color: #ff5608; }
.default-news-category.news-category-20 { background-color: #7b2f3d; }


/*************************************
*** NEWS CATEGORIES MORE LINK COLOR **
**************************************/
.default-news .default-news-item.news-category-1 a.default-news-extended-link { background-color: #5aa628; }
.default-news .default-news-item.news-category-2 a.default-news-extended-link { background-color: #f04a3c; }
.default-news .default-news-item.news-category-3 a.default-news-extended-link { background-color: #189446; }
.default-news .default-news-item.news-category-4 a.default-news-extended-link { background-color: #607d8d; }
.default-news .default-news-item.news-category-5 a.default-news-extended-link { background-color: #ffa905; }
.default-news .default-news-item.news-category-6 a.default-news-extended-link { background-color: #c064de; }
.default-news .default-news-item.news-category-7 a.default-news-extended-link { background-color: #009788; }
.default-news .default-news-item.news-category-8 a.default-news-extended-link { background-color: #ec1562; }
.default-news .default-news-item.news-category-9 a.default-news-extended-link { background-color: #ff5608; }
.default-news .default-news-item.news-category-10 a.default-news-extended-link { background-color: #7b2f3d; }
.default-news .default-news-item.news-category-11 a.default-news-extended-link { background-color: #5aa628; }
.default-news .default-news-item.news-category-12 a.default-news-extended-link { background-color: #f04a3c; }
.default-news .default-news-item.news-category-13 a.default-news-extended-link { background-color: #40bff5; }
.default-news .default-news-item.news-category-14 a.default-news-extended-link { background-color: #607d8d; }
.default-news .default-news-item.news-category-15 a.default-news-extended-link { background-color: #ffa905; }
.default-news .default-news-item.news-category-16 a.default-news-extended-link { background-color: #c064de; }
.default-news .default-news-item.news-category-17 a.default-news-extended-link { background-color: #009788; }
.default-news .default-news-item.news-category-18 a.default-news-extended-link { background-color: #fc0; }
.default-news .default-news-item.news-category-19 a.default-news-extended-link { background-color: #ff5608; }
.default-news .default-news-item.news-category-20 a.default-news-extended-link { background-color: #7b2f3d; }


/*************************************
*** SIDE MENU ************************
**************************************/
.side-menu { }
.side-menu .side-menu-title { 
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e8;
  width: 100%;
}
.side-menu .side-menu-title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 1px;
  bottom: -1px;
  background: #189446;
}
.side-menu .side-menu-title h2 { 
  font-family: "Montserrat-Bold", sans-serif;
  color: #242329;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 0;
}
.side-menu-body {
  font-size: 14px;
  line-height: 1.2em; 
}
.side-menu-body iframe {
  width: 100% !important;
  height: auto !important;
  max-height: 80px !important;
  margin: 0 15px;
}


/*************************************
*** NEWS-MENU-LATEST *****************
**************************************/
.news-menu-latest {

}
.latest-item {

}
.latest-item-image {

}
.latest-item-image img {
  -moz-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}
.latest-item-title-box {

}
.latest-category {
  line-height: 1;
  text-align: center;
  vertical-align: baseline;
  font-size: 10px;
  -moz-border-radius: .25em;
  -khtml-border-radius: .25em;
  -webkit-border-radius: .25em;
  border-radius: .25em;
  font-family: "Montserrat_Medium",sans-serif;
  padding: .5em 1.1em;
  text-transform: uppercase;
}
.latest-category a {
  color: #fff;
}
.latest-category a:hover {
  color: #000;
}
.latest-title {
  font-size: 14px;
  font-family: "Montserrat-Medium",sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -.03em;
  line-height: 1em;
}
.latest-title a {
  color: #fff;
}
.latest-title a:hover {
  color: #d91f26;
}
.latest-date {
  font-size: 10px;
  font-family: "Montserrat-Medium",sans-serif;
  text-transform: uppercase;
  letter-spacing: -.03em;
  line-height: 1em;
}

/* IF SIDEMENU */
.side-menu .latest-category {
  background-color: #189446 !important;
}
.latest-title {
  font-family: "Montserrat-Bold",sans-serif !important;
}
.side-menu .latest-title a {
  color: #4f6779 !important;
}
.side-menu .latest-title a:hover {
  color: #d91f26 !important;
}
/* IF BOTTOMMENU */
.footer-menu .latest-date {
  color: rgba(255, 255, 255, 0.5) !important; !important;
}


/*************************************
*** NEWS MENU OTHER NEWS CAROUSEL *****************
**************************************/
.carousel-title {
  font-size: 20px;
  font-family: "Montserrat-Medium",sans-serif;
  color: #4f6779;
  text-transform: uppercase;
  letter-spacing: -.03em;
  line-height: 1em;
}


/*************************************
*** NEWS EXTENDED LAYOUT *************
**************************************/
.view-item { 
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fff;
}
.view-item .view-news-image-main {
  border-radius: 4px 4px 0 0;
}
.view-item .view-news-image-main img {
  max-width: 100%;
  height: auto;
  border-radius: 0 !important;
}
.view-item .view-news-category {
  font-size: 14px;
  font-family: "Montserrat-Bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: -.03em;
  line-height: 1em;
}
.view-item .view-news-category a {
  color: #fff;
}
.view-item .view-news-category a:hover {
  color: #000;
}
.view-item .view-news-title h2 {
  color: #31404b;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 34px;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
}
.view-item .view-news-meta {
  font-family: "Montserrat-Medium", sans-serif;
  color: #9a9da2;
  letter-spacing: -.03em;
  text-transform: uppercase;
}
.view-item .view-news-body,
.view-item .view-news-body-extended {
  color: #696b6f;
  font-size: 15px;
  line-height: 1.3em;
  font-family: sans-serif;
}

/* View item TAG */
.view-item .view-item-tags {

}
.view-item .view-item-tags a {
  margin: 0 5px 8px 0;
}
.view-item .view-item-tags a.btn-outline {
  font-family: "Montserrat-Bold", sans-serif;
  text-transform: uppercase;
  background-color: transparent;
  border-color: #e4e7ed;
  color: #5b6973;
  font-size: 10px;
}
.view-item .view-item-tags a.btn-outline:hover {
  color: #fff;
  background-color: #189446;
}

/* NEWS SOCIAL SHARE */
.view-item-share .xurl-social-icons {
  margin-top: 10px;
  margin-bottom: 10px;
}
.view-item-share .xurl-social-icons a.social-icon {
  display: inline-block;  
  width: 100%;
}
.view-item-share .xurl-social-icons a.social-icon:after { 
  content: attr(aria-label); 
  font-size: 14px; 
  font-family: "Montserrat-Bold", sans-serif;
  color: #fff;
  line-height: 32px;  
  padding: 0 10px 0 15px;
}

/* Facebook */
.view-item-share .xurl-social-icons a.social-icon.social-facebook {
  background-color: #516eab;
}
.view-item-share .xurl-social-icons a.social-icon.social-facebook span {
  width: 50px;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  padding: 0;
  border-right: 1px solid #fff;
}
.view-item-share .xurl-social-icons a.social-icon.social-facebook:hover {
  background-color: #415889;
}

/* Twitter */ 
.view-item-share .xurl-social-icons a.social-icon.social-twitter {
  background-color: #29c5f6;
}
.view-item-share .xurl-social-icons a.social-icon.social-twitter span {
  width: 50px;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  padding: 0;
  border-right: 1px solid #fff;
}
.view-item-share .xurl-social-icons a.social-icon.social-twitter:hover {
  background-color: #25a6cf;
}

/* Instagram */
.view-item-share .xurl-social-icons a.social-icon.social-instagram {
  background-color: #516eab;
  background-image: -webkit-linear-gradient(right, #ff8a00 0%, #da1b60 100%); /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -moz-linear-gradient(right, #ff8a00 0%, #da1b60 100%); /* Firefox 3.6 - 15 */
  background-image: -o-linear-gradient(right, #ff8a00 0%, #da1b60 100%); /* Opera 11.1 - 12 */
  background-image: -ms-linear-gradient(right, #ff8a00 0%, #da1b60 100%); /* ie10+ */
  background-image: linear-gradient(to right, #ff8a00 0%, #da1b60 100%); /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */ 
}
.view-item-share .xurl-social-icons a.social-icon.social-instagram span {
  width: 50px;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  padding: 0;
  border-right: 1px solid #fff;
}
.view-item-share .xurl-social-icons a.social-icon.social-instagram:hover {
  background-color: #e1306c;
  ackground-color: #516eab;
  background-image: none; /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: none; /* Firefox 3.6 - 15 */
  background-image: none; /* Opera 11.1 - 12 */
  background-image: none; /* ie10+ */
  background-image: none; /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */ 
}

/* Youtube */
.view-item-share .xurl-social-icons a.social-icon.social-youtube {
  background-color: #e11710;
}
.view-item-share .xurl-social-icons a.social-icon.social-youtube span {
  width: 50px;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
  padding: 0;
  border-right: 1px solid #fff;
}
.view-item-share .xurl-social-icons a.social-icon.social-youtube:hover {
  background-color: #c4302b;
}
                                 

/* Next-Prev Pagination */
.view-news-pagination .card {
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fff;
}
.view-news-pagination .card-inner-prev {
  padding-left: 90px !important;
}
.view-news-pagination .card-inner-next {
  padding-right: 90px !important;
}
.view-news-pagination .card-inner-prev .card-inner-prev-title,
.view-news-pagination .card-inner-next .card-inner-next-title {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 18px;
  color: #31404b;
  text-transform: uppercase;
  letter-spacing: -.03em;
}
.card-inner-prev .btn-nav,
.card-inner-next .btn-nav  {
  display: inline-block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  border-radius: 3px;
  background-color: #9a9da2;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  transition: all .3s ease;
}
.card-inner-prev .btn-nav {
  position: absolute;
  left: 23px;
  top: 50%;
  transform: translateY(-50%);
}
.card-inner-next .btn-nav {
  position: absolute;
  right: 23px;
  top: 50%;
  transform: translateY(-50%);
}
.card-inner-prev .btn-nav:hover,
.card-inner-next .btn-nav:hover {
  color: #fff;
  background-color: #31404b;
}

/* Related News */
.view-news-related {

}
.view-news-related .related-news-title { 
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e8;
  width: 100%;
}
.view-news-related .related-news-title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 1px;
  bottom: -1px;
  background: #189446;
}
.view-news-related .related-news-title h2 { 
  font-family: "Montserrat-Bold", sans-serif;
  color: #242329;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 0;
}
.related-news-item {
  border: 1px solid #e4e7ed;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
} 
.related-news-item .related-news-image {  
  overflow: hidden; 
  -moz-border-radius: 4px 4px 0 0;
  -khtml-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;    
}
.related-news-item .related-news-image img {   
  -moz-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important; 
  width: 100%;
  height: auto;
  -webkit-transition: transform .5s ease;
  -moz-transition: transform .5s ease;
  -ms-transition: transform .5s ease;
  -o-transition: transform .5s ease;
  transition: transform .5s ease;
}
.related-news-item .related-news-image:hover img {
  -moz-transform: scaleX(1.1);  
  -webkit-transform: scaleX(1.1);  
  -o-transform: scaleX(1.1);  
  -ms-transform: scaleX(1.1);
  transform: scale(1.1)
}

.related-news-item .related-news-item-title h3 {
  color: #31404b;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 18px;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
}
.related-news-item .related-news-item-title h3 a::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #d91f26;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: -1;
}
.related-news-item:hover .related-news-item-title h3 a::before {
  width: 100%;
}
.related-news-item .related-news-item-title h3 a {
  color: #31404b;
  position: relative;
  z-index: 1;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.related-news-item:hover .related-news-item-title h3 a {
  color: #d91f26; 
}


/*************************************
*** CONTACT *****************
**************************************/
#contactInfo { }
#contactInfo h4.my-company { 
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 40px;
  color: #189446;
  text-transform: uppercase;
  letter-spacing: -.03em;
  margin-bottom: 40px;
  text-shadow: #bdbdbd 0.1em 0.1em 0.2em;
}
#contactInfo .custom-message { 
  font-family: "Montserrat-Medium", sans-serif;
  font-size: 16px;
  color: #666;
}
#contactInfo address,
#contactInfo .phone1,
#contactInfo .phone2,
#contactInfo .phone3,
#contactInfo .email1,
#contactInfo .email2,
#contactInfo .fax,
#contactInfo .clock { 
  overflow: hidden;
  margin-bottom: 35px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #c4c4c4;
  text-align: left;
}
#contactInfo address i,
#contactInfo .phone1 i,
#contactInfo .phone2 i,
#contactInfo .phone3 i,
#contactInfo .email1 i,
#contactInfo .email2 i,
#contactInfo .fax i,
#contactInfo .clock i {
  font-size: 30px;
  color: #51ac5b;
  display: inline-block;
  height: 65px;
  width: 65px;
  background: #ddd;
  border-radius: 50%;
  line-height: 65px;
  text-align: center;
  float: left;
  margin-right: 20px;
}
#contactInfo address p,
#contactInfo .phone1 p,
#contactInfo .phone2 p,
#contactInfo .phone3 p,
#contactInfo .email1 p,
#contactInfo .email2 p,
#contactInfo .fax p,
#contactInfo .clock p { 
  overflow: hidden;
  color: #666;
  margin-bottom: 0;
  padding-top: 10px;
}
/* CONTACT MAP STYLE */
#contactInfo .contact-map-wrap {
  overflow: hidden;
  width: 100%;
  height: 400px;
}
#contactInfo #contactForm .form-group .button {
  width: 100%;
}


/* Centerside menu */
.centerside-menu {
 /* background-color: #ececec; */
}
.centerside-menu .centerside-menu-title {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 26px;
  color: #31404b;
  text-transform: uppercase;
  letter-spacing: -.03em;
}
.centerside-menu label {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  letter-spacing: -.03em;
  padding: 10px 0;
}
.centerside-menu .centerside-menu-body {

}
.centerside-menu .centerside-menu-body .tbox {
  border: 1px solid #e4e7ed;
}
/*
.centerside-menu .centerside-menu-body img.icon.secure-image {
  color: #000;
  background-color: #0d9115;
}
*/


/* Centerside menu2 - Contact-form */
.centerside-menu2 {
 background-color: #ececec;
}
.centerside-menu2 .centerside-menu-title2 {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 32px;
  color: #31404b;
  text-transform: uppercase;
  letter-spacing: -.03em;
}
.centerside-menu2 label {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  letter-spacing: -.03em;
  padding: 10px 0;
}
.centerside-menu2 .centerside-menu-body2 {

}
.centerside-menu2 .centerside-menu-body2 .tbox {
  border: 1px solid #e4e7ed;
}


/*************************************
*** FOOTER ***************************
**************************************/
#footer {
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #9a9da2;
}
#footer .footer-2 {
  background-color: #1e2024;
}
#footer .footer-2 a.social-icon {
  margin: 15px 10px 0 10px;
  color: #868686;
  background: #363636;
  border: 2px none transparent;
  border-radius: 50px;
  width: 2em;
  height: 2em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  transition: all .2s ease-in-out;
  font-size: 34px;
}
#footer .footer-2 a.social-icon:hover {
  background: #5bb171;
}
#footer .footer-2 a.social-icon span[class^="e-social-"] {
  display: inline-flex;
  align-self: center;
  font-size: 34px;
}
#footer .footer-2 a.social-icon:hover span[class^="e-social-"] {
  color: #fff;
}
#footer .footer-3 {
  background-color: #189446;
}
#footer .footer-3-inner {
  position: relative;
  background-color: #1e2024;
  padding: 12px 0 26px;
}
#footer .footer-3-inner::after {
  right: -20px;
  transform: skew(-20deg);
}
#footer .footer-3-inner::before {
  left: -20px;
  transform: skew(20deg);
}
#footer .footer-3-inner::after,
#footer .footer-3-inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  background-color: #189446;
  display: block;
}


/*************************************
*** AKTUÁLIS TABELLA - LIGA ESEMÉNY ***************************
**************************************/
#liga-tabella .table-light {
  border-top: none !important;
}
#liga-tabella a {
  color: #008000;
}
#liga-tabella a:hover {
  color: #4f6779;
}
#liga-esemeny-elozo h6 {
  margin-bottom: 0;
}
#liga-tabella .liga_menu_hazai,
#liga-tabella .liga_menu_hazai a {
  color: #900 !important;
  font-weight: 700;  
}


.liga_esemeny_szezonnev {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 12px;
  color: #666;
  line-height: 1.3em;
  text-transform: uppercase;
  letter-spacing: -.03em;
  margin-bottom: 15px;
}
.liga_esemeny_table {

}
.liga_esemeny_table table.table {

}
.liga_esemeny_table table.table td {
  padding: 5px !important;
  text-align: center;
}


/*************************************
*** GÓLLÖVŐLISTA ***************************
**************************************/
#adatbank-gollovolista a {
  color: #008000;
}
#adatbank-gollovolista a:hover {
  color: #4f6779;
}


/*************************************
*** BÜNTETŐK ***************************
**************************************/
#adatbank-buntetok a {
  color: #008000;
}
#adatbank-buntetok a:hover {
  color: #4f6779;
}


/*************************************
*** ÖSSZEÁLLÍTÁS ***************************
**************************************/
#adatbank-osszeallitas a {
  color: #fff;
}
#adatbank-osszeallitas a:hover {
  color: #900;
}



/*************************************
*** ÖSSZEHASONLÍTÁS - AKTUÁLIS MÉRLEG ***************************
**************************************/
#aktualis-merleg .table-light {
  border-top: none !important;
}


/*************************************
*** LOGIN - signin_template.php ******
**************************************/
/*
#header .header-secondary ul.secondary-infoblock li.login-block {
  margin: 7px 0 0 26px;
  min-height: 26px;
  padding: 20px 0 32px 50px;
  list-style: none;
}
*/
#header .header-secondary .secondary-infoblock .login-block > ul.navbar-nav > li.dropdown-avatar {
  margin: 0;
  padding: 0;
}
#header .header-secondary .secondary-infoblock .login-block > ul.navbar-nav > li.dropdown-avatar > a.nav-link {
  color: #fff;
  padding: 0;
}
#header .header-secondary .secondary-infoblock .login-block > ul.navbar-nav > li.dropdown-avatar > ul.dropdown-menu {
  background-color: #5bb171;
  padding: 10px 0;
}
#header .header-secondary .secondary-infoblock .login-block > ul.navbar-nav > li.dropdown-avatar > ul.dropdown-menu li {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  text-transform: uppercase;
  letter-spacing: -.03em;
  color: #fff;
  margin: 0;
  padding: .5rem 2rem;
  list-style: none;
}
#header .header-secondary .secondary-infoblock .login-block > ul.navbar-nav > li.dropdown-avatar > ul.dropdown-menu li a {
  color: #fff;
  padding: 0;
  background-color: transparent;
}
#header .header-secondary .secondary-infoblock .login-block > ul.navbar-nav > li.dropdown-avatar > ul.dropdown-menu li a:hover {
  color: #d92027;
  background-color: transparent;
}


/* User signin if not  */
#header .header-secondary .secondary-infoblock .login-block .login span.signin-item a.signin-link,
#header .header-secondary .secondary-infoblock .login-block .login span.signin-item.dropdown a.signin-link {
  font-family: "Montserrat-Bold", sans-serif;
  color: #fff;
  letter-spacing: -.03em;
  font-size: 12px;
  line-height: 1.2em;
  text-transform: uppercase;
}
#header .header-secondary .secondary-infoblock .login-block .login span.signin-item a.signin-link:hover {
  color: #d92027;
}
#header .header-secondary .secondary-infoblock .login-block .login span.signin-item.dropdown > a:hover,
#header .header-secondary .secondary-infoblock .login-block .login span.signin-item.dropdown > a.show {
  color: #d92027;
}
#header .header-secondary .secondary-infoblock .login-block .login .signin-item div.dropdown-menu {
  background-color: #189446;
  border: 1px solid #2d7949;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 12px;
  line-height: 1.1em;
  text-transform: uppercase;
  letter-spacing: -.03em;
  color: #fff;  
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
#header .header-secondary .secondary-infoblock .login-block .login .signin-item div.dropdown-menu a {
  color: #fff;
}
#header .header-secondary .secondary-infoblock .login-block .login .signin-item div.dropdown-menu a:hover {
  color: #d92027;
}
#header .header-secondary .secondary-infoblock .login-block .login span.vr {
  background-color: #fff;
  margin: 0 5px;
  opacity: .8; 
}


/*************************************
*** GALLERY CATEGORY ***************************
**************************************/ 
.gallery-cat { }
.gallery-cat .thumbex { 
  overflow: hidden;
  background-color: #000;
}
.gallery-cat .thumbex .thumbnail-image {
  overflow: hidden;
  position: relative;
}
.gallery-cat .thumbex .thumbnail-image img {
  height: auto;
  width: 100%;
  -o-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -khtml-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.gallery-cat .thumbex .thumbnail-image:hover img {
  -moz-transform: scale(1.2);  
  -webkit-transform: scale(1.2);  
  -o-transform: scale(1.2);  
  -ms-transform: scale(1.2); 
  transform: scale(1.2);
}
.gallery-cat .thumbex .thumbnail-image .gallery-cat-title {
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 20px;
  text-align: center;
  width: 80%;
  font-family: "Montserrat-Medium", sans-serif;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.2px;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -khtml-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.gallery-cat .thumbex .thumbnail-image .gallery-cat-title a {
  color: #fff;
}
.gallery-cat .thumbex .thumbnail-image:hover .gallery-cat-title {
  opacity: 0;
}


/*************************************
*** GALLERY LIST ***************************
**************************************/ 
.gallery-list h5 {
  font-family: "Montserrat-Medium", sans-serif;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.2px;
}
.gallery-list h5 a {

}
.gallery-list h5 a:hover {

}


/*------------------------------------
	PORTFOLIO SLIDER PORTFOLIO Style
-------------------------------------*/
.portfolio-caption { 
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e8;
  width: 100%;
}
.portfolio-caption::before {
  content: '';
  position: absolute;
  left: 46%;
  bottom: 0;
  width: 100px;
  height: 1px;
  bottom: -1px;
  background: #189446;
}
.portfolio-caption h2 { 
  font-family: "Montserrat-Bold", sans-serif;
  color: #242329;
  line-height: 1.3em;
  letter-spacing: -.03em;
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 0;
}
 

/*************************************
*** GALLERY SLIDESHOW MENU ***********
**************************************/ 
#gallery-slideshow-wrapper {
  position: relative;
  height: 240px !important;
}
#gallery-slideshow-content {
  position: relative;
  width: 100% !important;
  height: 240px !important;
}
#gallery-slideshow-content .slide {
  
}

.gallery-slideshow-controls .gallery-control {
  width: 30px;
  height: 30px;
  padding: 6px 0px !important;
  border-radius: 15px;
  text-align: center;
  font-size: 12px !important;
  line-height: 1.42857 !important;
}
.gallery-slideshow-controls .gallery-slide-jumper-container {
  display: flex;
  justify-content: center;
  padding: 0;
  list-style: none;
}     
.gallery-slideshow-controls .gallery-slide-jumper-container .gallery-slide-jumper {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -9999px;
  cursor: pointer;
  background-color: #5aa628;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
}
.gallery-slideshow-controls .gallery-slide-jumper-container .gallery-slide-jumper.gallery-slide-jumper-selected {
  opacity: 1;
}



/*************************************
*** PROFILE PAGE *********************
**************************************/
#user-profile-bs-5 .user-avatar {
  max-width: 150px;
  max-height: 150px;
  margin-top: -90px;
  margin-bottom: 15px;
  border: 5px solid #fff;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-left: auto;
  margin-right: auto;
}
#user-profile-bs-5 .card-body-data {
  padding: 2rem;
}
#user-profile-bs-5 .card-body-data > .row > [class^="col-"] {
  padding-top: .75rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid rgba(39,41,43,0.1);
}
#user-profile-bs-5 .user-view-nextprev a {
  color: #189446;
}
#user-profile-bs-5 .user-view-nextprev a:hover {
  color: #000;
}

/*************************************
*** CUSTOM PAGES *********************
**************************************/
.cpage-body table.table {
  font-size: 14px;
}

.page-pages-list .cmenu-image.thumbnail {
  width: 230px;
  height: 230px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.page-pages-list .cmenu-image.thumbnail img {
  -webkit-transition: transform .5s ease;
  -moz-transition: transform .5s ease;
  -ms-transition: transform .5s ease;
  -o-transition: transform .5s ease;
  transition: transform .5s ease;
}
.page-pages-list .cmenu-image.thumbnail:hover img {
  -moz-transform: scaleX(1.1);  
  -webkit-transform: scaleX(1.1);  
  -o-transform: scaleX(1.1);  
  -ms-transform: scaleX(1.1);
  transform: scale(1.1)
}


/*************************************
*** FOOTBALL TEAMS PAGE - CUSTOM PAGES *********************
**************************************/
.football-teams-list {
  
}
.football-teams-list .football-team-col { 
  overflow: hidden;
}
.football-teams-list .football-team-col .football-team { 
  background: #eee url(images/csapat-bg.jpg) no-repeat left bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; 
}
.football-teams-list .football-team-col .football-team { 
  width: 100%;
  height: 200px;
}
.football-teams-list .football-team-col .football-team .football-team-image { 
  position: absolute;
  top: 15px;
  right: 15px;
}
.football-teams-list .football-team-col .football-team .football-team-image img { 
  width: 100px;
  height: 100px;
}
.football-teams-list .football-team-col .football-team .football-team-title h3 { 
  font-size: 30px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}


/* FIRST CHILD */
.football-teams-list .football-team-col:nth-child(1) { 
  width: 80% !important;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
.football-teams-list .football-team-col:nth-child(1) .football-team { 
  width: 100%;
  height: 300px;
  display: block;
}
.football-teams-list .football-team-col:nth-child(1) .football-team .football-team-image { 
  position: absolute;
  top: 20px;
  right: 20px;
}
.football-teams-list .football-team-col:nth-child(1) .football-team .football-team-image img { 
  width: 150px;
  height: 150px;
}
.football-teams-list .football-team-col:nth-child(1) .football-team .football-team-title h3 { 
  font-size: 50px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}



/*******************************************************************************
         core style 
********************************************************************************/


/*------------------------------------------
	TBOX, CHATBOX
--------------------------------------------*/
.tbox{ 
  font-family: sans-serif;  
  font-size: 14px; 
  color: #555; 
  line-height: 1em;
  background-color: #fff;  
  margin: 0 0 10px 0; 
  padding: 15px; 
  border: 1px solid #eee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset; 
}
.tbox.chatbox { 
  width: 100% !important;
  max-width: 100% !important;
  color: #555; 
  background: #fff;
  padding: 6px; 
  margin: 0 auto; 
  border: 1px solid #eee;
  -moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset; 
} 


/*------------------------------------------
	BUTTONS
--------------------------------------------*/
.btn,
.btn-default,
.btn-primary,
.btn-secondary { 
  font-family: "Montserrat-Medium", sans-serif;  
  font-size: 14px;
  color: #fff;
  line-height: 1em;  
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px; 
  padding: 15px;
  transition: all .3s ease;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #189446;
  background-image: none;
  border: 1px solid #498721;
  -o-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -khtml-transition: color 0.2s linear;
  -webkit-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.btn:focus, .btn.focus,
.btn-default:focus, .btn-default.focus,
.btn-primary:focus, .btn-primary.focus,
.btn-secondary:focus, .btn-secondary:focus {
  color: #fff;
  background-color: #535353;
  background-image: none;
  border: 1px solid #8a9892;  
}
.btn:hover,
.btn-default:hover,
.btn-primary:hover,
.btn-secondary:hover{
  color: #fff;
  background-color: #535353;
  background-image: none;
  border: 1px solid #8a9892;
  outline: none; 
}
.btn:active, .btn.active, .open > .dropdown-toggle.btn,
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default,
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
.btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary {
  color: #fff;
  background-color: #535353;
  background-image: none;
  border: 1px solid #8a9892;
  outline: none; 
}
.btn:active:hover, .btn.active:hover, .open > .dropdown-toggle.btn:hover, .btn:active:focus, .btn.active:focus, .open > .dropdown-toggle.btn:focus, .btn.focus:active, .btn.active.focus, .open > .dropdown-toggle.btn.focus,
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus,
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus,
.btn-secondary:active:hover, .btn-secondary.active:hover, .open > .dropdown-toggle.btn-secondary:hover, .btn-secondary:active:focus, .btn-secondary.active:focus, .open > .dropdown-toggle.btn-secondary:focus, .btn-secondary.focus:active, .btn-secondary.active.focus, .open > .dropdown-toggle.btn-secondary.focus {
  color: #fff;
  background-color: #535353;
  background-image: none;
  border: 1px solid #8a9892;
  outline: none;
} 
.btn:active, .btn.active, .open > .dropdown-toggle.btn,
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default,
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
.btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary {
  background-image: none; 
} 
.btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover, .btn.disabled:focus, .btn[disabled]:focus, fieldset[disabled] .btn:focus, .btn.disabled.focus, .btn.focus[disabled], fieldset[disabled] .btn.focus,
.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default.focus[disabled], fieldset[disabled] .btn-default.focus,
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary.focus[disabled], fieldset[disabled] .btn-primary.focus,
.btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus, .btn-primary.disabled.focus, .btn-secondary.focus[disabled], fieldset[disabled] .btn-secondary.focus {
  background-color: #e7e7e7;
  background-image: none;
  border: 1px solid #d0d0d0;
  color: #c6c6c6;
} 




/*------------------------------------------
	PROGRESS BAR
--------------------------------------------*/
.progress {
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image:      -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#f5f5f5', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 20px;
  overflow: hidden;
}
.progress-bar {   
  background-color: #5bc0de;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -webkit-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);  
  background-repeat: repeat-x;    
  background-size: 40px 40px;
  -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  color: #fff;
  float: left;
  font-size: 12px;
  height: 100%;
  line-height: 20px;
  text-align: center;
  -o-transition: width 0.6s ease 0s;
  -moz-transition: width 0.6s ease 0s;
  -khtml-transition: width 0.6s ease 0s;
  -webkit-transition: width 0.6s ease 0s;
  -ms-transition: width 0.6s ease 0s;
  transition: width 0.6s ease 0s;
  width: 0;
}


/*------------------------------------------
	PAGINATION on ALL PAGES
--------------------------------------------*/
.pagination-wrapper {
  text-align: center;
  margin: 20px 0 40px 0;
}
.pagination {
  display: inline-block !important;
  height: 70px;
  margin-top: 0;
  padding: 0;
  border-radius: 35px;
  background-color: #eee;
}
@media only screen and (max-width: 1199px) {
  .pagination {
    height: 50px;
    margin-top: 50px;
    padding: 0 10px;
    border-radius: 25px;
  }
}
.page-numbers {
  display: block;
  padding: 0 25px;
  float: left;
  transition: 400ms ease;
  font-family: "Montserrat-Bold", sans-serif;
  color: #595959;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 70px;
}
.page-numbers:hover, .page-numbers.current {
  background-color: #86c023;
  color: #fff;
}
.page-numbers.prev:hover, .page-numbers.next:hover {
  background-color: transparent;
  color: #86c023;
}
@media only screen and (max-width: 1199px) {
  .page-numbers {
    padding: 0 15px;
    font-size: 16px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .page-numbers {
    padding: 0 14px;
    display: none;
  }
  .page-numbers:nth-of-type(2) {
    position: relative;
    padding-right: 50px;
  }
  .page-numbers:nth-of-type(2)::after {
    content: "...";
    position: absolute;
    font-size: 25px;
    top: 0;
    left: 45px;
  }
  .page-numbers:nth-child(-n+3), .page-numbers:nth-last-child(-n+3) {
    display: block;
  }
  .page-numbers:nth-last-child(-n+4) {
    padding-right: 14px;
  }
  .page-numbers:nth-last-child(-n+4)::after {
    content: none;
  }
}


/*------------------------------------------
	PAGINATION on DOWNLOAD PAGE
--------------------------------------------*/
.pagination-download { }
.pagination-download .page-item.previous { }
.pagination-download .page-item.text-center { }
.pagination-download .page-item.next { }
.pagination-download .page-item.previous a.page-link,
.pagination-download .page-item.text-center a.page-link,
.pagination-download .page-item.next a.page-link { 
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px;
  color: #4f6779;
}
.pagination-download .page-item.previous a.page-link:hover,
.pagination-download .page-item.text-center a.page-link:hover,
.pagination-download .page-item.next a.page-link:hover { 
  color: #009639;
}


 

/*************************************
*** TEXTS ****************************
**************************************/
small { font-size: 85%; }
small span.label { clear: both; display: block; padding: 5px 10px; }
.smalltext { font: 11px Arial; } 
.smallblacktext { font: 11px Arial; }  
.defaulttext { font: 12px Arial; }
.mediumtext { font: 12px Arial; }

blockquote { 
  font: italic 20px Arial; 
  background: transparent;
  border-left: 5px solid #9b9b9b;
  margin: 5px 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #9b9b9b;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

/* MISC */ 
/* form { margin: 2px 0px 0px 0px; }  */
p { margin: 0px; padding: 10px 0; }
.spacer{ padding: 0; }
hr { 
  width: 100%;
  height: 1px;
  width: 100%;
  background-color: #f0f0f0;
  border-top: 1px solid #dfdfe0;
  margin: 20px auto;
} 
.helpbox { width: 94%; background: transparent; font: 11px sans-serif; color:#8e6e4f; border: 0px; margin: 0; padding: 0; }