#selector-boxes { margin-bottom: 50px; }
#selector-boxes .card { margin-top:5%; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; border-radius: 0px!important; border:none; background-color:white; }
#selector-boxes .btn { border: 2px solid var(--white); opacity:0; position:absolute; left:50%; top: 105%; transform: translate(-50%, -50%); box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; border-radius: 0px; padding:0.8rem 1.5rem; font-weight:bold; }
#selector-boxes .card:hover .btn { opacity:1; top: 75%; box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.25); }
#selector-boxes .card:hover { box-shadow: 0 4px 18px 0 rgba(0,0,0,0.7); }
#selector-boxes .btn:hover { color:white; background-color: var(--blue); border: 2px solid var(--white); }
#selector-boxes .card img { border-radius: 0px!important; }
#selector-boxes .selector-box-title h3 { font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 28px; line-height: 32px; margin: 20px 0 8px 0; text-align: center; margin-top: -20px; }
#selector-boxes .material-title { background-color: var(--blue); color: var(--white); }
#selector-boxes .material-title h2 { font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 28px; line-height: 32px; margin: 60px 0 60px 0; text-align: center; }


/*#selector-boxes .selector-box { border: 1px solid var(--darkgrey); padding: 20px; margin-bottom: 25px; }*/






@-webkit-keyframes animation-bg {
    0% { background-position: 50% 100%; }
    100% { background-position: 50% 0%; }
}
@keyframes animation-bg {
    0% { background-position: 50% 100%; }
    100% { background-position: 50% 0%; }
}

/*.card { margin-top:5%; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; border-radius: 0px!important; border:none; background-color:white; }
.btn { opacity:0; position:absolute; left:50%; top: 105%; transform: translate(-50%, -50%); box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; border-radius: 0px; padding:0.8rem 1.7rem; border:none; font-weight:bold; }
.card:hover .btn { opacity:1; top: 75%; box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.25); }
.card:hover { box-shadow: 0 4px 18px 0 rgba(0,0,0,0.7); }
.btn:hover { color:white; border:none; background-color: var(--red); border: 2px solid var(--white); }
.card img { border-radius: 0px!important; }*/









@media (max-width: 4200px) {
    /* global */

}

@media (max-width: 1429px) {
    /* global */

}

@media (max-width: 1199px) {
    /* global */

}

@media (max-width: 991px) {
    /* global */

}

@media (max-width: 767px) {
    /* global */

}

@media (max-width: 575px) {
    /* global */
}

@media (max-width: 374px) {


}