@charset "utf-8";
/* CSS Document */ 

.Brand-VP {
transition: 0.75s;
background-image: url(../images/BG.png);
background-repeat: no-repeat;
background-size: 100%;
}

.Brand-VP:hover {
background-image: url(../images/BG-VP.jpg);
background-repeat: no-repeat;
background-size: 100%;
}

.Brand-VP .image {
margin-top: 50px;
}

.Brand-VP:hover .image {
width: 100%;
}

.Brand-VP:hover .title {
}

.Brand-VP:hover p {
}

.Brand-VP:hover ul {
}

.Brand-VP:hover .list {
}

.Brand-VP:hover .table-text-col {

}

.Brand-VP:hover .text-spacer {
display: none;
}

.button-vp {
background-color: #75ad48; 
margin-top: 10px;
padding: 10px; 
width: 70%; 
text-align: center; 
color: #ffffff;
transition: 0.3s;
}

.button-vp a {
text-decoration: none;
color: #ffffff; 
}

.button-vp:hover {
background-color: #87cb50;
}

@media only screen and (max-width: 1000px) and (min-width: 601px) {
.Brand-VP:hover {
background-image: url(../images/BG.png);
}

.Brand-VP .image {
margin-top: 0px;
}

.Brand-VP:hover .image {
width: 100%;
}

.Brand-VP:hover .title {
color: #1D6E9F;
}

.Brand-VP:hover p {
color: #6d6e71;
}

.Brand-VP:hover ul {
color: #6d6e71;
}

.Brand-VP:hover .list {
color: #6d6e71;
}


.Brand-VP:hover .table-text-col {
background-color: rgba(255,255,255,0);
border-radius: 0px;
box-shadow: 0px 0px 0px #ffffff;
padding: 0px;
width: 100%;
margin-left: 0px;
}
}

@media only screen and (max-width: 600px) {
.Brand-VP:hover {
background-image: url(../images/BG.png);
}

.Brand-VP .image {
margin-top: 0px;
}

.Brand-VP:hover .image {
width: 100%;
}

.Brand-VP:hover .title {
color: #1D6E9F;
}

.Brand-VP:hover p {
color: #6d6e71;
}

.Brand-VP:hover ul {
color: #6d6e71;
}

.Brand-VP:hover .list {
color: #6d6e71;
}

.Brand-VP:hover .table-text-col {
background-color: rgba(255,255,255,0);
border-radius: 0px;
box-shadow: 0px 0px 0px #ffffff;
padding: 0px;
width: 100%;
margin-left: 0px;
}
}