@media (max-width: 576px) {
		.container-cards { padding-right:2px; padding-left:2px; }
	}	
	.card-modal {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.modal-top-spacer {
		display: block;
		width:100%;
		margin-top: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align:center;
	}
	.badge-spacer {
		color: #fff;
		background-color: #6c757d;
		height: 10px;
		width: 68px;
	}

	.modal-dialog-bottom-ol {
		position: absolute;
		width: 100%;
		margin: auto;
		pointer-events: none;
		bottom: 0;
	}
	.modal.fade .modal-dialog-bottom-ol {
		transition: -webkit-transform 0.3s ease-out;
		transition: transform 0.3s ease-out;
		transition: transform 0.3s ease-out, 
		-webkit-transform 0.3s ease-out;
		-webkit-transform: translate(0, 0px);
		transform: translate(0, 0px);
	}
	
	.modal-header .close {
		margin: -1rem -1rem 1rem auto;
	}


	.rounded-4 { border-radius: .5rem; }
	.rounded-5 { border-radius: .75rem; }
	.rounded-6 { border-radius: 1rem; }

	.modal-sheet .modal-dialog {
	  width: 380px;
	  transition: bottom .75s ease-in-out;
	}
	.modal-sheet .modal-footer {
	  padding-bottom: 2rem;
	}


	@-webkit-keyframes fadeInUp {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform:translate3d(0, 100%, 0)
		}

		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform:translateZ(0)
		}
	}

	@keyframes fadeInUp {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform:translate3d(0, 100%, 0)
		}

		to {
			opacity: 1;
			-webkit-transform: translateZ(0);
			transform:translateZ(0)
		}
	}

	.fadeInUp {
		-webkit-animation-name: fadeInUp;
		animation-name:fadeInUp
	}
	.animated {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode:both
	}

	.animated.infinite {
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count:infinite
	}

	.animated.delay-1s {
		-webkit-animation-delay: 1s;
		animation-delay:1s
	}

	.animated.delay-2s {
		-webkit-animation-delay: 2s;
		animation-delay:2s
	}

	.animated.delay-3s {
		-webkit-animation-delay: 3s;
		animation-delay:3s
	}

	.animated.delay-4s {
		-webkit-animation-delay: 4s;
		animation-delay:4s
	}

	.animated.delay-5s {
		-webkit-animation-delay: 5s;
		animation-delay:5s
	}

	@media (prefers-reduced-motion: reduce),(print) {
		.animated {
			   -webkit-animation-duration: 1ms !important;
					   animation-duration: 1ms !important;
			  -webkit-transition-duration: 1ms !important;
					  transition-duration: 1ms !important;
		-webkit-animation-iteration-count: 1 !important;
				animation-iteration-count: 1 !important
		}
	}
	
	a.modal-link:focus, a.modal-link:active,
	a.top5:focus, a.top5:active {
  		outline: none !important;
  		box-shadow: none !important;
	}
	
	
	@media (min-width: 1041px) { 
		.scrolling-wrapper-flexbox {
			height: 320px;
		}
	}
	@media (max-width: 1040px) {
		.scrolling-wrapper-flexbox {
			height: 270px;
		}
		.card-top5 .card-body {
			height: 70px;
		}
	}
	@media (max-width: 414px) {
		.scrolling-wrapper-flexbox .card-top5 {
			margin-right: 16px;
		}
	}