*, html, body
    {
    font-family: 'Raleway';
    font-size: 1rem;
    line-height: 2rem;                                 
    }
   
html, body {
    background-color: #f4f4f4;
     color: #191918;
}

h1, h2, h3, .h1, .h2, .h3{font-family: 'Domine', serif;}
p, p strong{font-family: 'Raleway', sans-serif; font-size: 1rem;}
.p-a, .p-a:hover, .p-a:focus {color:#52E5BA !important;}
.h3, h3 {
    font-size: 1.65rem;
    padding-bottom:30px;
}

@media (min-width: 768px)
{
.container, .container-md, .container-sm {
    max-width: 648px;
    }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
      
@media (max-width:767px)
    {
    .h3, h3 {
    font-size: 1.45rem;
    padding-bottom:15px;
    }
    }
    
.navbar
    {
    text-transform: uppercase;
    background:#fff;
    color: #191918 !important;
    }
    
.dropdown-toggle::after
    {
    display:none;
    }    
.brand-img
    {
    min-height:65px;max-width:100px;
    } 
main{margin-top:65px;}
.navbar-expand-md .navbar
    {
    min-height:65px;
    color: #191918 !important;
    }   
@media(max-width:767px)
    {
    .navbar
        {
        background:linear-gradient(to bottom, #fff 0px, #fff 65px, #f3f4f5 66px , #f3f4f5  100%) ;
        }
.navbar-expand-md .nav-item .nav-link
    {
    padding:5px 10px 5px 10px !important
    }
    }
@media(min-width:768px)
    {
.navbar-expand-md .nav-item .nav-link
    {
    padding:15px 19px 15px 19px !important;
    }
main{margin-top:68px;}
.navbar-expand-md .navbar
    {
    min-height:68px;
    }
    }
@media(min-width:992px)
    {
.navbar-expand-md .nav-item .nav-link
    {
    padding:26px 19px 26px 19px !important;
    }

@media (min-width:1200px)
    {
    *, html {font-size: 1.2rem;}
    main{margin-top:136px;}
.navbar-expand-md .navbar
    {
    min-height:130px;
    }    
    }
    }
@media (min-width:1200px)
{

.brand-img
    {
    min-height:130px;max-width:201px;
    }    
main{margin-top:130px;}
.navbar-expand-md .navbar
    {
    min-height:130px;
    }

.navbar-expand-md .nav-item .nav-link
    {
    padding:49px 38px 49px 38px !important;
    }
} 

.nav-link{color: #191918 !important;}

.nav-item .active
    {
    background:#c6dc68;
    color: #191918 !important;
    } 
        
.navbar-nav .show {
    background: #c6dc68 !important;
    color: #191918 !important;
}   
.navbar-nav .dropd {
    margin: 0;
    background-color: #fff !important;
    border-radius: unset;
    border: none;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #191918;
    text-decoration: none;
    background-color: #c6dc68;
}
@media (min-width: 768px){
.navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
    width: 100%;
}
}
.nav-item:hover  
    {
    background:#c6dc68;
    color: #191918 !important;
    }    
@media (min-width:768px)
{
.nav-item:hover  
    {
    background:linear-gradient(to top, #c6dc68 0px, #c6dc68 10px, #fff 11px , #fff  100%) ;
    color: #191918 !important;
    }
}
    
    
section
    {
        padding: 3rem 0 3rem 0;
    }
.lila 
    {
    background:#3b3b83 !important;
    color:#ffffff !important;
    }
.bg-kek
    {
    background: #2A295B !important;
    color:#ffffff !important;
    }
p a, p a:hover, p a:focus {color:#1B75F6 !important;}
a, a:hover, a:focus,
.c-kek {color:#2A295B !important;}   
.c-f {color: #191918 !important;} 
.bg-n
    {
    background-color: #F78B1F !important;
    background-image: url(../img/home/bg-lg.png);
    background-position: bottom;
    background-repeat: repeat-x;
    color: #fff !important;
    }
.btn-kka
    {
    background:#c6dc68;
    }
.btn-kka:hover, btn-kka:focus
    {
    background:#7d61ff;
    color:#fff;
    }
    
.btn-sugo
    {
    width:100%;
    min-height:67px;
    background: linear-gradient(to left, #4136A1 0px , #4136A1 50px, #5447C8 51px, #5447C8 100% ) ;
    color: #fff !important;
    text-align:left;
    border-radius:14px;
    padding: 18px;
    padding-left: 15px;
    padding-right: 60px;
    font-weight: Bold;
    }
.btn-aszf
    {
    width:100%;
    min-height:67px;
    background: linear-gradient(to left, #1098BA 0px , #1098BA 50px, #25ABCE 51px, #25ABCE 100% ) ;
    color: #fff !important;
    text-align:left;
    border-radius:14px;
    padding: 18px;
    font-weight: Bold;
    }
.btn-sugo::after, .btn-aszf::after    
    {
    content: '';
    background: url(../img/btn-arrow.svg);
    min-width: 15px;
    min-height: 15px;
    position: absolute;
    z-index: 2;
    right: 33px;
    top: calc(50% - 7px);
    transition: all 0.3s linear;
    }

.btn-sugo:hover, .btn-sugo[aria-expanded="true"], .btn-aszf:hover, .btn-aszf[aria-expanded="true"]
    {
    background: linear-gradient(to left, #EEAF00 0px , #EEAF00 50px, #F2C80F 51px, #F2C80F 100% );
    color: #fff !important;
    }
    
.btn-sugo[aria-expanded="true"]::after, .btn-aszf[aria-expanded="true"]::after
    {
    transform: rotate(180deg);
    transition: all 0.3s linear;
    }
     
.btn-suti
    {
    width:100%;
    min-height:67px;
    background:#C4DF55;
    color: #394187 !important;
    text-align:left;
    border-radius:14px;
    font-size:16px !important;
    line-height:20px !important;
    padding: 15px;
    font-weight: Bold;
    }
    
.btn-suti:hover, .btn-suti:focus
    {
    background: #3b3b83;
    color: #fff !important;
    }  
.section-people
    {
    margin-top: -6rem;
    }
    
.footer-menu
    {
    font-weight: 600;
    }

.fmi .fm-item{border-bottom:2px solid #dadada; min-width:100%;}
    

@media (min-width:768px)
{
.footer-menu
    {
    flex-direction: row;
    }
.footer-menu-item
    {
    flex: auto;
    }
.footer-menu-item:nth-child(1)
    {
    text-align: center;
    padding-right:18px;
    border-right:2px solid #dadada;
    }
.footer-menu-item:nth-child(2), .footer-menu-item:nth-child(3)
    {
    padding-right:19px;
    padding-left:19px;
    border-right:2px solid #dadada;
    text-align: center;
    }

.footer-menu-item:nth-child(4)
    {
    text-align: center;
    padding-left:20px;
    }
}

@media(min-width:992px)
{    
#accordion ul li, .row ul li, .row ul li a, .row ul li table tr td
    {
    font-size:1rem !important;
    }       

.home-also-kep
    {
    position: absolute;
    max-width: 520px;
    margin: 0 auto;
    left: -2%;
    }
}
@media (min-width:1590px)
{
.home-also-kep
    {
    position: absolute;
    max-width: 520px;
    margin: 0 auto;
    left: 5%;
    }    
}
@media (min-width:1900px)
{
.home-also-kep
    {
    position: absolute;
    max-width: 520px;
    margin: 0 auto;
    left: 12%;
    }    
}


/* HAMBURGER */
#nav-icon {
  width: 32px;
  height: 18px;
  position: absolute;
  right:15px;
  top:20px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index:9999
}
#nav-icon span:focus, button:focus, .dropdown-toggle, .dropdown  {outline:0;}
#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #191918;
  border-radius: 4px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon[aria-expanded="false"] span:nth-child(1) {
  top: 0px;
}

#nav-icon[aria-expanded="false"] span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 9px;
}

#nav-icon[aria-expanded="false"] span:nth-child(4) {
  top: 18px;
}

#nav-icon[aria-expanded="true"] span:nth-child(1) {
    top: -100%;
    filter: alpha(opacity=0);
    opacity:0;
}

#nav-icon[aria-expanded="true"] span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon[aria-expanded="true"] span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon[aria-expanded="true"] span:nth-child(4) {
    top: 200%;
    filter: alpha(opacity=0);
    opacity:0;
}


/* HAMBURGER VÉGE */




.btn
{
font-size: 16px;
line-height: 20px;
font-weight:bold;
}
p, p a, ul li, ul li a, p ul li, p strong, table tr td, table tr td a
{
letter-spacing: 0.14px;
line-height: 22px;
font-size: 14px;
}

@media (min-width:768px)
    {
    p, p a, ul li, ul li a, p ul li, p strong, table tr td, table tr td a, .btn
        {
        letter-spacing: 0.16px;
        line-height: 25px;
        font-size:16px;
        }
    
    .btn
        {
        font-size: 17px;
        line-height: 23px;
        letter-spacing: 0;
        }
    }
@media (min-width:992px)
    {
    p, p a, ul li, ul li a, p ul li, p strong, table tr td, table tr td a, .btn
        {
        letter-spacing: 0.2px;
        line-height: 32px;
        font-size:20px;
        }
    .btn
        {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
        }                
    }