/* custom styling */

/**
 * NAVBAR
 * #begin region
 */

.navbar-expand-lg{
    /* background: #b2bdb4 */
    /* background:#c5dedf7d; */
    /* background: white; */
}


.navbar-nav .nav-link {
    /* color: #056602; */
    color: rgb(81 81 116);
    transition: .3s ease; 
}

.navbar-elements {
    display: flex;
    justify-content: space-between;
    width: inherit;
}

.dropdown-toggle::after {
    content: none;
}
.dropdown-menu{
    flex-direction: row;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    /* background-color: #fff; */
    background-color:transparent;
    background-clip: padding-box;
    border: none;
    border-radius: 0rem;
    margin-top: -10px;
}
.dropdown-item{
    /* color:#056602;  */
    color: rgb(81 81 116);
    padding: 0.5rem;
    margin-top: -1rem;
    font-size: 0.83rem;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: rgb(81 81 116);
    text-decoration: none;
    background: transparent;
}

/* Fade in */
.dropdown-item::after {
	content: '';
	position: absolute;
	bottom: 0.7rem;
	left: 0.3rem;
	width: 38%;
	height: 0.05em;
	background-color:rgb(81 81 116);
	opacity: 0;
	transition: opacity 300ms, transform 300ms;
}


li:nth-child(2)  .dropdown-item::after {
    left: 11rem;
	width: 17%;
}
li:nth-child(3)  .dropdown-item::after {
    left: 16rem;
	width: 17%;
}
li:nth-child(4)  .dropdown-item::after {
    left: 21rem;
	width: 17%;
}

.dropdown-item.method::after {
	content: '';
	position: absolute;
	bottom: 0.7rem;
	left: -20rem;
	width: 38%;
	height: 0.05em;
	background-color:rgb(81 81 116);
	opacity: 0;
	transition: opacity 300ms, transform 300ms;
}

.offer li .dropdown-item.method::after {
    left: 0.5rem;
	width: 28%;
}
.offer li:nth-child(2)  .dropdown-item.method::after {
    left: 9.5rem;
	width: 9%;
}
.offer li:nth-child(3)  .dropdown-item.method::after {
    left: 13.5rem;
	width: 19%;
}
.offer li:nth-child(4)  .dropdown-item.method::after {
    left: 20rem;
	width: 30%;
}


.dropdown-item.more::after {
	content: '';
	position: absolute;
	bottom: 0.7rem;
	left: 0.5rem;
	width: 21.7%;
	height: 0.05em;
	background-color:rgb(81 81 116); /* blau: rgb(188 201 219);*/
	opacity: 0;
	transition: opacity 300ms, transform 300ms;
}

.dropdown-menu.more li:nth-child(2)  .dropdown-item.more::after {
    left: 5.7rem;
	width: 21%;
}
.dropdown-menu.more li:nth-child(3)  .dropdown-item.more::after {
    left: 11rem;
	width: 15%;
}
.dropdown-menu.more li:nth-child(4)  .dropdown-item.more::after {
    left: 15rem;
	width: 23%;
}
.dropdown-menu.more li:nth-child(5)  .dropdown-item.more::after {
    left: 20rem;
	width: 30%;
}


.dropdown-item:hover::after,
.dropdown-item:focus::after {
	opacity: 1;
	transform: translate3d(0, 0.2em, 0);
}

/* Slide in */
.dropdown-item {
	overflow: hidden;
}

.dropdown-item::after {
	opacity 1;
	transform: translate3d(-100%, 0, 0);
}

.dropdown-item:hover::after,
.dropdown-item:focus::after{
	transform: translate3d(0, 0, 0);
}


.kyomei-logo{
    width: 50px;
}

.logo-container{
    margin-top: -18px;
    max-height: 60px;
}

.kyomei-logo-title{
    font-size: 0.35em;
    position: relative;
    top: 0.7em;
    padding: 0.3em 0.6em;
    line-height: 1.1em;
    /* color: #056602; */
    color: rgb(81 81 116);
}

.kyomei-logo-title spam{
    color: rgb(81 81 116);
}
.text-remark{
    font-weight: 500;
}

.deco-line {
    padding: 7px;
    border: thin;
    border-bottom-style: solid;
    border-bottom-color: #cf6e27;
    width: 100%;
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .dropdown-menu
    { 
        display: flex; 
        align-content: space-between;
    }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}

/**
 * #end region
 */

 

 /**
  * SECCION CONTENT
 */

 .jumbotron .container{
    max-width: 75%;
}

.section-content {
    margin-top:20rem;
} 

.feature-item{
  color:  rgb(81 81 116);
}
 
.intro-img{
    margin: 3em 0.5em;
    /* padding: 0.5em; */
}

.display-5{
    padding-top: 15em;
    width: 700px;
    font-size: 2em;
    color: #00515f;
}