.footer{
	&>.container{
		padding-bottom: 50px;
	}
	padding: 200px 0 0 0;
	background-color: $color_1;
	color: $white;

	
	.footer-item{
		.logo-bottom{
			margin-bottom: 10px;
		}
		.footer-title{
			font-size: 24px;
			font-weight: 600;
			padding: 20px 0 20px 0;
			border-top: 1px solid lighten($color_1, 10%);
			margin-bottom: 30px;
			position: relative;
			&:before{
				content: '';
				display: block;
				width: 150px;
				border-top: 2px solid $color_3;
			    position: absolute;
			    left: 0;
			    top: 0;
			}
		}
		.footer-sosmed{
			margin-top: 50px;
			margin-bottom: 30px;
			display: inline-block;
			a{
				.item{
					color: $white;
					display: table-cell;
 					vertical-align: middle;
					margin: 0 14px;
					width: 40px;
					height: 40px;
					text-align: center;
					background-color: lighten($color_1, 5%);
					@include border-radius(50px);
					&:hover{
						background-color: $color_2;
					}
					.fa{
						font-size: 16px;
					}
				}
			}
		}

		// list info

		.list{
			margin: 0;
			padding: 0;
			li{
				list-style: none;
				margin: 14px 0;
				
				a{
					color: $color_2;
					&:hover{
						color: $color_3;
					}
				}
			}
		}

		.footer-subscribe{
	      position: relative;
	      input[type=email]{
	        width: 100%;
	        background: #fff;
	        padding: 10px 57px 10px 17px;
	        min-height: 38px;
	        max-width: 480px;
	        @include border-radius(0);
	        &:focus{
	          background: #fff;
	          @include border-radius(2px);
	          -webkit-box-shadow: 0 0 0 2px $color_3;
	          -moz-box-shadow: 0 0 0 2px $color_3;
	          box-shadow: 0 0 0 2px $color_3;
	          border-color: transparent;
	        }
	      }
	      input[type=submit]{
	        position: absolute;
	        left: 0;
	        top: 0;
	        visibility: hidden;
	      }
	      label{
	        position: absolute;
	        right: 0;
	        top: 0;
	        border: 0;
	        width: 40px;
	        height: 38px;
	        line-height: 40px;
	        padding: 0;
	        cursor: pointer; 
	        text-align: center;
	        font-size: 13px;
	        background: none;
	        color: $white;
	        outline: 0 !important;
	        -webkit-transition: color .3s ease;
	        -moz-transition: color .3s ease;
	        -ms-transition: color .3s ease;
	        -o-transition: color .3s ease;
	        transition: color .3s ease;
	        background: $color_3;
	      }
	      .icon{
	        font-size: 18px;
	      }
	      p{
	        color: rgba($white, .7);
	        font-size: 13px;
	        margin-top: 16px;
	      }
	  	}

	  	.recent-post{
  			margin: 0;
  			padding: 0;
	  		li{
	  			list-style: none;
	  			margin: 0 0 30px;
	  			a{
	  			    color: #fff;
				    line-height: 20px;
				    display: inline-block;
				    vertical-align: top;
			        margin: 0 0 14px;
			        &:hover{
			        	color: $color_3;
			        }
				}
				.date{
				    display: block;
				    font-size: 12px;
				    padding: 0;
				    color: rgba($white, .7);
				    i{
				    	margin-right: 5px;
				    }
				}
	  		}
	  	}

	}

	.fcopy {
	    padding: 30px 0;
	    color: $white;
	    font-size: 14px;
	    background-color: $blue_1;
	    border-top: 1px solid lighten($color_1,10%);
	}

}

.list-info{
	margin: 0;
	padding: 0;
	li{
		margin-bottom: 20px;
		list-style: none;
		.info-icon {
		    display: inline-block;
		    color: $blue_1;
		    font-size: 16px;
		    float: left;
		}
		.info-text{
			margin-left: 30px;
		}
	}
}