body {
font-size: 0.99rem;


}
.bg-dark {
	background-color: #131313!important;
	opacity: 0.98;
	
	
}
.focim {
	color: #595959;
	border-left: 6px solid #62a914;
	overflow: hidden;
    position: relative;
    max-height: 300px;

}

p {
	line-height: 25px;
	font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	
}

.terkep {
	overflow: hidden;
    position: relative;
	top:28px;
}

p.small {
	line-height: 25px;
	font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 10px;
	color: gray;
	text-align: center;
}


.rowimage {
  margin: 25px;
  
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color:rgba(255,255,255,.0)
}

a:link {
  color: blue;
}


a:visited {
  color: blue;
}

/* mouse over link */
a:hover {
  color: green;
}

/* selected link */
a:active {
  color: blue;
}


a.pageup:link {
  color: white;
}


a.pageup:visited {
  color: white;
}

/* mouse over link */
a.pageup:hover {
  color: black;
}

/* selected link */
a.pageup:active {
  color: white;
}

a.footer:link {
  color: white;
  font-size: 15px;
}


a.footer:visited {
  color: white;
  font-size: 15px;
}

/* mouse over link */
a.footer:hover {
  color: green;
  font-size: 15px;
}

/* selected link */
a.footersc:active {
  color: white;
  
  
}

a.footersc:link {
  color: white;
  
}


a.footersc:visited {
  color: white;
  
}

/* mouse over link */
a.footersc:hover {
  color: white;
  text-decoration: none;
}

/* selected link */
a.footersc:active {
  color: white;
  
}


a.drop:link {
  color: white;
}


a.drop:visited {
  color: white;
 
}

/* mouse over link */
a.drop:hover {
  color: black;
  background-color:white;
  
}

/* selected link */
a.drop:active {
  color: black;
}

a.drop {
 text-decoration: none;
}


a.kerem:link {
  color: white;
}


a.kerem:visited {
  color: white;
 
}

/* mouse over link */
a.kerem:hover {
  color: white;
  
  
}

/* selected link */
a.kerem:active {
  color: white;
}

a.kerem {
 text-decoration: none;
}


input.mezo {
background-color: white;
width:100%;
padding: 20px;
border-radius: 5px;
border: 1px solid;
border-color: gray;
color:gray;
}
select.telepules {
background-color: white;
width:100%;
padding: 20px;
border-radius: 5px;
border: 1px solid;
border-color: gray;
color:gray;
}


p.price {
	background-color: rgba(33, 108, 161, 1);
	padding:15px;
	border: 2px solid #000;
	color: #fff;
	
}
h2.cim {
    margin-left: 10px;
    font-size: 25px;
    text-transform: uppercase;

    opacity: 0;
    transform: translateY(20px);

    animation: cimBeuszas 0.8s ease forwards;
}

@keyframes cimBeuszas {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

h2.vonal {
	background-color: #131313!important;
	padding: 10px;
	color: rgb(195, 195, 195);
	font-size: 20px;
    line-height: 30px;
		
}

div.tartalom {
	position: relative;
	margin: 60px auto;
	padding: 15px;
	max-width: 95%;
	
}
div.cim {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	border-top:2px solid gray;
	width:100%;
	
}
.bg-blue {
	background-color: rgba(33, 108, 161, 1);
	color: white;
	
}
.bg-brown {
	background-color: #d39e00!important;
	color: white;
}

.bg-green {
	background-color: #33a14b!important;
	color: white;
}


.bg-red {
	background-color: #dc3545!important;
	color: white;
}
.bg-dark {
	
	color: white;
	
}


.navbar-brand {
	  background-image: url(images/logo/granitdepo_logo.png);
      background-repeat: no-repeat;
	  width: 240px;
	  height: 68px;
    }

p.popup {
    margin: 0;
    line-height: 20px;
    text-align: left;
}

.modal-header {
    display: -ms-flexbox;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

/* Hover dropdown */
.navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

/* Kis nyíl visszaállítása */
.navbar-dark .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";                 /* ez maradhat üresen */
    border-top: .3em solid white; /* ez adja a nyíl színét */
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

/* Dropdown item hover */
a.drop:hover {
    color: black;
    background-color: white;
    text-decoration: none;
}

/* Megmarad a navbar stílusod */
.bg-dark {
    background-color: #131313!important;
    opacity: 0.98;
    color: white;
}
/* Navbar linkek sötét hátterű navbarhoz */
.navbar-dark .navbar-nav .nav-link {
    color: white; /* alap szín */
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: #33a14b; /* pl. zöld hover */
    text-decoration: none;
}

/* Dropdown linkek */
.navbar-dark .dropdown-menu .dropdown-item {
    color: white;
}

.navbar-dark .dropdown-menu .dropdown-item:hover {
    color: black;
    background-color: white;
}

.footer,
.footer:link,
.footer:visited,
.footer:hover,
.footer:active {
    text-decoration: none;
}