.new_footer_area {
    background: #fbfbfd;
}

.new_footer_top {
    padding: 0px 0px 270px;
    background-color: white;
    position: relative;
      overflow-x: hidden;
}

.new_footer_top .footer_bg {
    position: absolute;
    bottom: 0;
    background: url("https://jadiin.id/jema_css/footer_bg_building.png") no-repeat scroll center 0;
    width: 100%;
    height: 275px;
}

/*.new_footer_top .footer_bg .footer_bg_one {*/
/*    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia0PYPxwT5ifToyP3SNZeQWfJEWrUENYA5IXM6sN5vLwAKvaJS1pQVu8mOFFUa_ET4JuHNTFAxKURFerJYHDUWXLXl1vDofYXuij45JZelYOjEFoCOn7E6Vxu0fwV7ACPzArcno1rYuVxGB7JY6G7__e4_KZW4lTYIaHSLVaVLzklZBLZnQw047oq5-Q/s16000/volks.gif") no-repeat center center;*/
/*    width: 330px;*/
/*    height: 105px;*/
/*  background-size:100%;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 30%;*/
/*    -webkit-animation: myfirst 22s linear infinite;*/
/*    animation: myfirst 22s linear infinite;*/
/*}*/

.new_footer_top .footer_bg .footer_bg_two {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLGwEUVwPK6Vi8xXMymsc-ZXVwLWyXhogZxbcXQYSY55REw_0D4VTQnsVzCrL7nsyjd0P7RVOI5NKJbQ75koZIalD8mqbMquP20fL3DxsWngKkOLOzoOf9sMuxlbyfkIBTsDw5WFUj-YJiI50yzgVjF8cZPHhEjkOP_PRTQXDHEq8AyWpBiJdN9SfQA/s16000/cyclist.gif") no-repeat center center;
    width: 40px;
    height: 50px;
  background-size:100%;
    bottom: 0;
    left: 38%;
    position: absolute;
    -webkit-animation: myfirst 30s linear infinite;
    animation: myfirst 30s linear infinite;
}

@-moz-keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}

@-webkit-keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}

@keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}
/*************footer End*****************/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,500,300,700);


.element-distributed{
    background: rgb(25 49 79);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: justify;
    font: bold 16px sans-serif;
    padding: 30px 100px;
}

.element-distributed .element-left,
.element-distributed .element-center,
.element-distributed .element-right{
	display: inline-block;
	vertical-align: top;
}

/* element left */

.element-distributed .element-left{
	width: 25%;
	padding: 0em 1em;
}

/* The company logo */

.element-distributed h3{
    color: #ffffff;
    font-size: 36px;
    font-family: 'Noto Serif';
    margin: 0;
}

.element-distributed h3 span{
	color:  lightseagreen;
}

/* element links */

.element-distributed .element-links{
	color:  #ffffff;
	margin: 0px 0 12px;
	padding: 0;
}

.element-distributed .element-links a{
	display:inline-block;
	line-height: 1.8;
    font-weight:400;
	text-decoration: none;
	color:  inherit;
}

.element-distributed .element-company-name{
	color:  #222;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

/* element Center */

.element-distributed .element-center{
	width: 40%;
    padding: 0em 2em;
}

.element-distributed .element-center i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.icon-location::before {
    content: "\f041";
    color:#fff;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    margin-right: 10px;
}

.icon-location{
    color:#fff;
    margin-top: 14px;
    font-size: 14px;
    font-weight: normal;
}

/*.element-distributed .element-center p{*/
/*	display: inline-block;*/
/*	color: #ffffff;*/
/*	font-weight:400;*/
/*	vertical-align: middle;*/
/*	margin:0;*/
/*}*/

/*.element-distributed .element-center p span{*/
/*	display:block;*/
/*	font-weight: normal;*/
/*	font-size:14px;*/
/*	line-height:2;*/
/*}*/

/*.element-distributed .element-center p a{*/
/*	color:  lightseagreen;*/
/*	text-decoration: none;;*/
/*}*/

.element-distributed .element-links a:before {
  content: "|";
  font-weight:300;
  font-size: 20px;
  left: 0;
  color: #fff;
  display: inline-block;
  padding-right: 5px;
}

.element-distributed .element-links .link-1:before {
  content: none;
}

/* element Right */

.element-distributed .element-right{
	width: 20%;
	padding: 0em 2em;
}

.element-distributed .element-company-about{
	line-height: 20px;
	color:  #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.element-distributed .element-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}


/* If you don't want the element to be responsive, remove these media queries */

@media (min-width: 250px){
	.element-distributed{
        height: 25em;
        padding: 30px 13px;
	}
	
    .element-distributed h3 {
        font-size: 18px
    }
	
    .element-distributed .element-links {    
        font-size: 12px;
    }
    
    .element-distributed .element-company-about {
        font-size: 12px
    }
	
    .element-distributed .element-left,
	.element-distributed .element-center {
        width: 100%;
        padding: 0em 1em;
        display: block;
        text-align: justify;
    }
    
	.element-distributed .element-right {
	    display:none;
    }

    .icon-location{
        font-size: 12px;
    }
    
    .element-distributed .element-right iframe{
        width: 300px;
        height: 200px;
    }
}


@media (min-width: 430px){
	.element-distributed{
        height: 38em;
        padding: 30px 30px;
	}
	
    .element-distributed h3 {
        font-size: 18px
    }
	
    .element-distributed .element-links {    
        font-size: 14px;
    }
    
    .element-distributed .element-company-about {
        font-size: 14px
    }
	
    .element-distributed .element-left,
	.element-distributed .element-center {
        width: 100%;
        padding: 0em 1em;
        display: block;
        text-align: justify;
    }
    
	.element-distributed .element-right {
        width: 100%;
        padding: 2em 1em;
        display: block;
        text-align: justify;
    }

    .icon-location{
        font-size: 14px;
    }
    
    .element-distributed .element-right iframe{
        width: 300px;
        height: 200px;
    }

}

@media (min-width: 685px){
	.element-distributed{
    	font: bold 20px sans-serif;
        height: 30em;
        padding: 30px 50px;
	}
	
    .element-distributed h3 {
        font-size: 18px
    }
    

    .element-distributed .element-company-about {
        font-size: 15px
    }
    
    .element-distributed .element-left,
	.element-distributed .element-center {
        width: 100%;
        padding: 0em 1em;
        display: block;
        text-align: justify;
    }
    
	.element-distributed .element-right {
        width: 100%;
        padding: 2em em;
        display: block;
        text-align: justify;
    }
    
    .element-distributed .element-right iframe{
        width: 400px;
        height: 250px;
        padding-bottom: 3em;
    }

}


@media (min-width: 813px) {

	.element-distributed{
    	font: bold 14px sans-serif;
        height: 20em;
        padding: 30px 50px;
	}
	
    .element-distributed h3 {
        font-size: 18px
    }
    

    .element-distributed .element-company-about {
        font-size: 15px
    }

    .icon-location{
        font-size: 12px;
    }    

	.element-distributed .element-left{
		width: 49%;
        display: inline-block;
        text-align: justify;
	}
	.element-distributed .element-center{
		width: 50%;
        display: inline-block;
        text-align: justify;
	}

	.element-distributed .element-right{
	    display: none;
	}

	.element-distributed .element-center i{
		margin-left: 0;
	}

}

@media (min-width: 992px) {

	.element-distributed{
        height: 25em;
        padding: 30px 50px;
        width: 100%;
        display: grid;
        grid-template-columns: 11fr 10fr 17fr;
        grid-gap: 115px;
	}
	
    .element-distributed h3 {
        font-size: 18px
    }
    
    .element-distributed .element-links {    
        font-size: 12px;
        position: absolute;
    }
    
    .element-distributed .element-company-about {
        font-size: 12px
    }

	.element-distributed .element-left{
		width: 100%;
        display: inline-block;
        text-align: justify;
        padding-top: 2em;
	}

	.element-distributed .element-center{
        width: 160%;
        display: inline-block;
        text-align: justify;
        padding-top: 2em;
    }


	.element-distributed .element-right{
		/*width: 15%;*/
        display: inline-block;
        /*padding: 0em 7px;*/
	}
	
    .element-distributed .element-right iframe{
        width: 300px;
        height: 200px;
        /*margin: 0px 50px;*/
    }

	/*.element-distributed .element-center i{*/
	/*	margin-left: 0;*/
	/*}*/

}


@media (min-width: 1050px) {

	.element-distributed{
        height: 25em;
        padding: 30px 50px;
        width: 100%;
        display: grid;
        grid-template-columns: 11fr 10fr 17fr;
        grid-gap: 120px;
	}
	
    .element-distributed h3 {
        font-size: 18px
    }
    
    .element-distributed .element-links {    
        font-size: 14px;
        position: absolute;
    }
    
    .element-distributed .element-company-about {
        font-size: 14px
    }

    .icon-location{
        font-size: 14px;
    } 

	.element-distributed .element-left{
		width: 100%;
        display: inline-block;
        text-align: justify;
        padding-top: 2em;
	}

	.element-distributed .element-center{
        width: 150%;
        display: inline-block;
        text-align: justify;
        padding-top: 2em;
    }


	.element-distributed .element-right{
		/*width: 15%;*/
        display: inline-block;
        /*padding: 0em 7px;*/
	}
	
    .element-distributed .element-right iframe{
        width: 300px;
        height: 200px;
        /*margin: 0px 50px;*/
    }

}

@media (min-width: 1200px){
	.element-distributed{
        grid-template-columns: 10fr 10fr 17fr;
        grid-gap: 180px;
	}
	
	.element-distributed .element-center{
        width: 170%;
    }
    
}