.download-type-wrapper {
	-margin-top: 50px;
	-margin-bottom: 50px;
}


.download-type-wrapper{
	
	margin-left:0px!important;
	margin-right:0px!important;
	
}

.download-type-wrapper h4{
	
	color:#444444;
	font-weight: bold;
	font-size:18px;
	
}


.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.dl-content{
	
	align-items: center;
  -justify-content: center;
	
}


.download-item-wrapper {
			max-width: 100%;
			margin: 0 auto;
			display: grid;
			grid-template-columns:1fr;
			/*grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));*/
			grid-gap: 20px;
			justify-items: center;
			align-items: center;
}
.download-item {
	width: 100%;
	max-height: 200px;
	background: white;
		-border: 1px dashed black;
}

.download-item-wrapper.file-item{

	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));

}


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

	.download-item {
		max-height: none;
	}

}


.download-item {
    text-decoration: none !important;; 
    margin:0;
}




/* Icons Download Start */

.download-item .item-img {
	border: 8px solid #F8F8F8;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin: 2rem;
	position: relative;
	text-align: center;
}

.download-item .item-img img {
	object-fit: scale-down;
	width: 90px!important;
	height: 90px!important;
	position: relative;
	vertical-align: middle;
	margin-top: -12px;
	margin-left: -12px;
	max-width: inherit !important;
}

/* Icons Download End */






.download-item .item-text {
	
	margin: 2rem;
	-padding-top:1.5rem;
	margin-left:0rem;
	color:#676767;

	width:100%;
	display:grid;
	grid-auto-columns: 1fr;

}

.download-item .item-text .item-text-col{

	float: left;
	clear: left;
	align-content: center;
	padding-right:10px;
	grid-row: 1;
	padding-left:0px;
}

.item-text-col.item-text-col-name{

	display: grid;
	padding-left:10px;

}

.download-item .item-text .item-text-col span{

	
}

/*
.download-item > div > div:last-child {
    display: flex;
    flex-flow: column;
    justify-content: center;
}
*/



download-item-wrapper{
	
	margin-left:0px!important;
	margin-right:0px!important;
	
}



.download-item-overlay-content{
	
	
	z-index:1001;
	
}


.download-item-overlay:after{
	
	content: "";
	opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;

}
	
.download-item-overlay:hover:after{
	
	transition: opacity .6s ease-out;
    opacity: .95;
	-background: #B2DAEE!important;
	
}
	

.download-item-overlay-content{
	
    background: transparent!important;
}


.download-item-overlay:after{
	
	content: "";
	opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;

}

.download-item{
	
	font-weight: bold;
	
}


	
.download-item-overlay:hover:after{
	
	transition: opacity .6s ease-out;
    opacity: .95;
	-background: red;
	
}
	

.download-item-overlay-content{
	
    background: transparent!important;
}




.download-item-wrapper{
	
	position: relative;
	
}
.download-item-wrapper:after{
	
	content:"";
	position:absolute;
	width: 100%;
	height:100%;
	overflow:hidden;
	
	
}

.download-item-overlay-content {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    opacity: 0;
    transition: opacity .6s ease-out;
    background: #436FBC!important;
    bottom:0;
    width:100%;
}
.download-item-overlay-content:hover {
    opacity: .95;
}


.download-item-wrapper{
	
	-border: 1px solid white;
	overflow:hidden;
	
}

/* fix animated svg position */
.download-item-overlay-content svg{
	
	margin-top:20px;	
	
}


.download-item-overlay-content svg .dl-arrow{
	
		align-self: flex-end;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        -background-color: #F44336;
        -height: 200px;
        margin: 0 auto 0 auto;
        transform-origin: bottom;
        width: 200px;
		
	
	}

  .bounce-7 {
        animation-name: bounce-7;
        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    }
    @keyframes bounce-7 {
        0%   { transform: scale(1,1)      translateY(0); }
        10%  { transform: scale(1.1,.9)   translateY(0); }
        30%  { transform: scale(.9,1.1)   translateY(-30px); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        57%  { transform: scale(1,1)      translateY(-4px); }
        64%  { transform: scale(1,1)      translateY(0); }
        100% { transform: scale(1,1)      translateY(0); }
    }