.card-video
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 20vh;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
}

.card-hover
{
	transition: 0.2s;
}

.card-hover:hover
{
	-webkit-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5);
    -moz-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5);
	box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5);
	transition: 0.2s;
}

.product-about
{
	transform: translate(0, 70%);
	-ms-transform: translate(0, 70%);
	-webkit-transform: translate(0, 70%);
}

#card-1
{
	background-color: #c3c3c3;
	transition: 0.2s;
}

#card-1:hover
{
	background-color: #dd4f41;
	transition: 0.2s;
}

.btn-card-1
{
	background-color: rgba(221, 79, 65, 1);
	color:white;
	border-radius: 5em !important;
	border: 2px solid #dd4f41 !important;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5);
    -moz-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5);
	box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5);
	transition: 0.2s;
}

.btn-card-1:hover
{
	background-color: rgba(255,255,255,0.95) !important;
	color: #dd4f41;
	border: 2px solid #dd4f41;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5) !important;
    -moz-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5) !important;
	box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5) !important;
	transition: 0.2s;
}

#card-2
{
	background-color: #c3c3c3;
	transition: 0.2s;
}

#card-2:hover
{
	background-color: #dd4f41;
	transition: 0.2s;
}

.btn-card-2
{
	background-color: rgba(221, 79, 65, 1);
	color:white;
	border-radius: 5em !important;
	border: 2px solid #dd4f41 !important;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5);
    -moz-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5);
	box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5);
	transition: 0.2s;
}

.btn-card-2:hover
{
	background-color: rgba(255,255,255,0.95) !important;
	color: #dd4f41;
	border: 2px solid #dd4f41;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5) !important;
    -moz-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5) !important;
	box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5) !important;
	transition: 0.2s;
}

#card-3
{
	background-color: #c3c3c3;
	transition: 0.2s;
}

#card-3:hover
{
	background-color: #dd4f41;
	transition: 0.2s;
}

.btn-card-3
{
	background-color: rgba(221, 79, 65, 1);
	color:white;
	border-radius: 5em !important;
	border: 2px solid #dd4f41 !important;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5);
    -moz-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5);
	box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5);
	transition: 0.2s;
}

.btn-card-3:hover
{
	background-color: rgba(255,255,255,0.95) !important;
	color: #dd4f41;
	border: 2px solid #dd4f41;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5) !important;
    -moz-box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5) !important;
	box-shadow: 1px 1px 10px 0px rgba(28,28,28,0.5) !important;
	transition: 0.2s;
}