/* Default CSS */
body { 
  color:#080f1a;
  overflow-x:hidden;
}

/*------------------------------------------------ 
  NAV 
-------------------------------------------------*/
/*.navbar { 
  box-shadow: 0 8px 20px 0 rgb(0 18 46 / 15%);
  background-color:#fff;
  height:80px;
}
*/
#navbar {
/*  box-shadow: 0 8px 20px 0 rgb(0 18 46 / 15%);*/
  background-color: #fff;
  padding: 24px 0 24px 0;
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  top: 0; /* At the top */
  z-index: 99;
}
@media screen and (max-width: 580px) {
  #navbar {
    padding: 15px 10px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
  }
}
.navbar a { 
  color:#000;
  transition: 0.4s; 
}
.nav-pills .nav-link.active { 
  padding-left:10px;
  background-color:#f2f2f2;
  color:#000;
}
/* Set the border color to the desired color */
.navbar-toggler {
    border-color: #f2f2f2;
}
.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(0, 0, 0, 0.2)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }
#brandimg { 
  max-height:60px;
  transition: 0.4s; 
}  
@media screen and (max-width: 385px) {
  #brandimg { 
   max-height:40px!important;
  }  
}


/*------------------------------------------------ 
  SECTIONS 
-------------------------------------------------*/
section {
  padding-top: 100px;
  width:100%; 
}
.section-title {
  text-align: center;
  padding:30px 0;
  position: relative;
}
.section-title h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 45px;
  font-weight: 600!important;
  margin-bottom: 40px;
  padding-bottom: 0;
  color: #191919;
  position: relative;
  z-index: 2;
}
.section-title h5 {
  font-weight: 400!important;
  line-height:30px;
}
.section-title span {
  position: absolute;
  top: 30px;
  color: #f4f4f4;
  left: 0;
  right: 0;
  z-index: 1;
  font-weight: 700;
  font-size: 52px;
  text-transform: uppercase;
  line-height: 0;
}
.section-title p {
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  text-transform:uppercase;
}
@media (max-width: 575px) {
  .section-title h2 {
    font-size: 35px;
    margin-bottom: 15px;
  }
  .section-title span {
    font-size: 38px;
  }
}

/*---------------------------------------------
 CARD 
----------------------------------------------*/
.card { 
  box-shadow: 0 28px 40px 0 rgb(0 18 46 / 15%);
  border:none;
  padding:30px;
  text-align:left;
  margin-bottom:25px;
  border-radius:15px;
}
.card h2 { 
  font-weight:700;
  font-size:35px;
  margin-bottom:10px;
  text-align:center;
}
.card h3 { 
  font-weight:200;
  font-size:24px;
  margin-bottom:30px;
  text-align:center;  
}
.referenciakrow .card { 
  text-align:center;
}

/*------------------------------------------------ 
  HERO 
-------------------------------------------------*/
#hero {
  background-color:#fff; 
}
.herorow {
  padding-top:50px;
  min-height:650px; 
}
.herorow .btn {
  margin-top:40px; 
  color:#fff;
}
/*
#hero h1 {
  font-size:40px;
  font-family: 'Montserrat', sans-serif;
}
*/

/*---------------------------------------------
 RÓLUNK
----------------------------------------------*/
#rolunk {
  background-color:#f2f2f2;
  margin-top:10px;
  padding-bottom:40px; 
}
.rolunkrow {
  min-height:550px; 
  margin-bottom:10px;
  padding-top:70px;
}

.rolunkrow img {
  margin-top:-70px;
  margin-bottom:-80px; 
  max-width:100%;
  height:auto;
}
@media only screen and (max-width: 767px) { 
  .rolunkrow img { 
  padding-top:70px;
  padding-bottom:50px; 
  }
}
.rolunkrow h2 {
  line-height:50px;
  margin-top:-50px; 
  margin-top:20px;
}
@media only screen and (max-width: 767px) { 
  .rolunkrow h2 { 
    line-height:30px;
    font-size:22px;  
  }
  .rolunkitems { 
    text-align:center;
  }  
}

/*---------------------------------------------
 SZOLGÁLTATÁSOK 
----------------------------------------------*/
#szolgaltatasok {                                 
  padding-top:100px;
  padding-bottom:100px;
}
.szolgaltatasokrow h5 { 
  font-weight:400;
  line-height:35px;
}
@media only screen and (max-width: 767px) { 
  .szolgaltatasokimg { 
    max-width:70%;
    padding-bottom:40px;}
}

/*---------------------------------------------
 AMIÉRT
----------------------------------------------*/
#amiert {
  color: #f2f2f2;
  background: 
  /* color overlay */ 
    linear-gradient(
      rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.8)
    ),
    /* image to overlay */
    url('../img/discover_bg.webp');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-attachment: fixed;
  background-size: cover;
  margin-bottom:100px;
}  
.amiertrow {
  min-height:550px;
  background-repeat:no-repeat;
  background-position: 30% 0%;
  background-size:auto;
  z-index: 1;
}
.amiertrow h3 { 
  line-height:40px;
}

/*-----------------------------------------
FOOTER
-----------------------------------------*/
.footerrow {
  min-height:60px;
}

.accordion-button:not(.collapsed)
{
  color: #212529;
  background-color: white;
  font-weight: bold;
}
.accordion-button.collapsed
{
  color: #212529;
  background-color: white;
  font-weight: bold;
}
.form-group
{
  padding-top: 6px;;
}

li.nav-item a.nav-link
{
  background-color: #C4EAAA;
  text-align: center;
  font-size: 1rem;
  border-right-color: #3BA117;
  border-right-width: 1px;
  border-right-style: solid;
  border-radius: 0;
}

h2
{
  background-color: #C4EAAA;
  padding: 10px;
  border-radius: .25rem;
  margin-bottom: 1em;
}

#fejlec
{
  transition: 0.4s;
  z-index: 99;
  background-color: white; 
  padding: 20px 0px 0px 0px; 
  font-size: 1.5rem;
}