
/*template.php*/
@media all {
    .partners-list {

    }
    .partners-item {
		background-color: #f5f5f5;
		padding: 10px 0 10px 10px;
		display: flex;
		color: #000;
		align-items: center;
    }
	.partners-item + .partners-item {
		margin-top: 30px;
	}
    .partners-item__image {
		width: 200px;
		height: 150px;
		margin-right: 20px;
		background-color: #fff;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
		padding: 8px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
    }
	.partners-item__image img {
		max-width: 100%;
		max-height: 100%;
	}
	.partners-item__content {
		margin: 10px;
    }
    .partners-item__title {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 10px;
    }
	.partners-item__site {
		margin-top: 12px;
	}
	.tech-doc-list {
		display: flex;
		flex-direction: column;
	}
	.tech-doc-item {
		margin-top: 15px;
   		border: 1px solid #cdcdcd;
   		display: flex;
   		flex-direction: row;   		
   		padding: 10px;
	}
	.tech-doc-item__name {
		font-weight: 600;
		color: #3598dc;
	}
	.more-info-file {
		display: flex;
		flex-direction: row;
	}
	.about-file-wrapper {
		display: flex;
   		flex-direction: row;
   		position: relative;   		
		padding: 0 10px;
		width: 100%;
	}
	.about-file {
		width: 100%;
	}
	.file_size {
		color: #000;
		font-weight: normal;
	}
	.file_original_name {
		display: block;
		color: #888;
		font-weight: normal;
	}
	.ext-icn {
		width: 40px;
		min-width: 40px;
		background-repeat: no-repeat;
    	background-position: center;
	}	
	a[href$=".doc"],
	a[href$=".docx"],
	a[href$=".rtf"] {
	    background-image: url("/upload/images/assets/doc_icon.svg");	   
	}
	a[href$=".pdf"] {
	    background-image: url("/upload/images/assets/pdf_icon.svg");
	}
	a[href$=".xls"],
	a[href$=".xlsx"] {
	    background-image: url("/upload/images/assets/icon_xls.png");
	}
	.btn_download {
		background-image: none !important;
		background-color: #fff;
		width: 130px;
	    height: 36px;
	    line-height: 36px;
	    border: 1px solid #2283c6;
	    border-radius: 5px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin: 7px 0;
	    text-decoration: none;
	}
	.btn_download:hover {
		color: #fff;
		background-color: #2283c6;
		transition: .2s;
	}
	/*.arrow {
		display: block;
		position: absolute;
		top: 6px;
		left: 0;
		margin-left: 30px;
		display: inline-block;
		font-size: 26px;
		text-align: center;
		width: 40px;
		height: 40px;
		border: 3px solid #b3c33a;
		overflow: hidden;   
		border-radius: 50%;
		color: #b3c33a;
		transform: rotate(180deg);
		transition: width 1.5s ease-in-out,
				    margin 1.5s ease-in-out,
				    border-radius 1.25s ease-in-out,
				    color 1.25s ease-in-out 1.25s;
	  
	}
	.arrow:hover::before {
		animation: lineUp 1s cubic-bezier(0.0, 0.6, 1.0, 0.4) infinite .5s;
	}
	.arrow:hover::after {
		animation: tipUp 1s cubic-bezier(0.0, 0.6, 1.0, 0.4) infinite .5s;
	}

	.arrow::before {
		position: absolute;
		display: inline-block;
		content: "";
		background: #b3c33a;
		width: 3px;
		height: 20px;
		top: 50%;
		left: 50%;
		margin-top: -8px;
		margin-left: -2px;
	}
	.arrow::after {
		position: absolute;
		display: inline-block;
		content: "";
		width: 15px;
		height: 15px;
		color: #b3c33a;
		border-top: 3px solid;
		border-left: 3px solid;
		top: 50%;
		left: 50%;
		margin-top: -9px;
		margin-left: -8px;
		transform: rotateZ(45deg);
	}
}*/

@media (max-width: 1150px) {
	.about-file-wrapper {
   		flex-direction: column;
   	}
}

@media (max-width: 1023px) {
	.partners-item {
		align-items: flex-start;
	}
	.partners-item__image {
		margin-right: 4px;
		margin-top: 16px;
		width: 100px;
		height: auto;
		padding: 4px;
	}
}

@media (max-width: 479px) {
	.partners-list {
		margin: 0 -15px;
	}
	.partners-item {
		padding: 10px 7px 10px 15px;
	}
	.about-file-wrapper {
		display: flex;
   		flex-direction: column;
	}
}
@media (max-width: 359px) {
	.partners-item__image {
		display: none;
	}
}


/*@keyframes tipUp {
	0%   { transform: translateY(50px) rotateZ(45deg); }
	100%   { transform: translateY(-70px) rotateZ(45deg); }
}
@keyframes lineUp {
	0%   { transform: translateY(50px); }
	100%   { transform: translateY(-70px); }
}*/