.modal-body .page-section {
	    padding: 10px 0;
}

.pisane {
	font-family: 'Eagle Lake', cursive;
}


section#contact
{
    background-color: #323e4c;
    background-image: url(../img/map-image.png);
    background-repeat: no-repeat;
    /* background-position: right top; */
    background-image: url(../img/header-bg.jpg);
    background-size: cover;
    background-blend-mode: soft-light;
	
}
.logonapis
{
	font-size: 21px;
    font-weight: bolder;
    color: #fdfdfdad;
    text-transform: uppercase;
}

.navbar-brand {
	
	opacity:0;
}

.navbar-shrink .navbar-brand  {
		
	opacity:1;
	
}

.timeline-image-dot, .timeline-image-dots {
      position: absolute;
      z-index: 100;
      left: 0;
      width: 20px;
      height: 20px;
      margin-left: 0;
      text-align: center;
      color: white;
      border: #000;
      border-radius: 100%;
      background-color: #ccc;
 left: 50%;
        margin-left: -10px;
		top:50%;
    }
	
	.timeline-image-dots {
      border-radius: initial;
    }
	
	.timeline>li {
		margin-bottom:10px;
		min-height: 100px;
	}
	
	.timeline>li .timeline-panel {
		width:46%;
		padding:10px
	}


@media only screen and (max-width: 767px)

{
	
	.timeline>li .timeline-panel  	{
		
		
		width: 100%;
    padding: 10px;
    padding-left: 18%;}
	
	.timeline-image-dot, .timeline-image-dots {
		    left: 0;
    margin-left: 30px;
	}
	
}

.no-border, .no-border li {
	border:0;
	padding:0;
	list-style-type: circle;
	 list-style: square inside;
}