/**handles:miq-fx**/
.element {
	display: inline;
	position: relative;
	z-index: 2;
	text-decoration: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
	-webkit-touch-callout: none; 
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	padding: 10px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-ms-transition: color 1s ease;
	-o-transition: color 1s ease;
	transition: color 1s ease;
}

.element:hover,
.element:focus {
	outline: 0;
	color: black;
	-webkit-transition: color 1s ease;
	-moz-transition: color 1s ease;
	-ms-transition: color 1s ease;
	-o-transition: color 1s ease;
	transition: color 1s ease;
	cursor: pointer;
}

.element:before {
	-webkit-transition: all 1s ease; /* add delay if wanted */
	-moz-transition: all 1s ease; /* add delay if wanted */
	-ms-transition: all 1s ease; /* add delay if wanted */
	-o-transition: all 1s ease; /* add delay if wanted */
	transition: all 1s ease; /* add delay if wanted */
}

.element:after {
	-webkit-transition: all 1s ease; /* add delay if wanted */
	-moz-transition: all 1s ease; /* add delay if wanted */
	-ms-transition: all 1s ease; /* add delay if wanted */
	-o-transition: all 1s ease; /* add delay if wanted */
	transition: all 1s ease; /* add delay if wanted */	
}

.element:hover:after,
.element:focus:after {
	outline: 0;
	background-color:black;
	-webkit-transition:  all 1s ease; /* add delay if wanted */
	   -moz-transition:  all 1s ease; /* add delay if wanted */
	    -ms-transition:  all 1s ease; /* add delay if wanted */
	     -o-transition:  all 1s ease; /* add delay if wanted */
	        transition:  all 1s ease; /* add delay if wanted */
}

.element:hover:before,
.element:focus:before {
	outline: 0;
	background-color: black;
	-webkit-transition:  all 1s ease; /* add delay if wanted */
	   -moz-transition:  all 1s ease; /* add delay if wanted */
	    -ms-transition:  all 1s ease; /* add delay if wanted */
	     -o-transition:  all 1s ease; /* add delay if wanted */
	        transition:  all 1s ease; /* add delay if wanted */
}



/************************************************************************************/
/* media queries */
/************************************************************************************/

/*********************/
/* bootstrap-lg */
/*********************/

@media handheld, only screen and (max-width: 1199px) {

}

/*********************/
/* bootstrap-md */
/*********************/

@media handheld, only screen and (max-width: 991px) {

    .element:hover,
    .element:focus {
        outline: 0;
        color: white;
        -webkit-transition: color 1s ease;
        -moz-transition: color 1s ease;
        -ms-transition: color 1s ease;
        -o-transition: color 1s ease;
        transition: color 1s ease;
        cursor: pointer;
    }

    .element:hover:after,
    .element:focus:after {
        outline: 0;
        background-color:white;
        -webkit-transition:  all 1s ease; /* add delay if wanted */
        -moz-transition:  all 1s ease; /* add delay if wanted */
        -ms-transition:  all 1s ease; /* add delay if wanted */
        -o-transition:  all 1s ease; /* add delay if wanted */
        transition:  all 1s ease; /* add delay if wanted */
    }


    .element:hover:before,
    .element:focus:before {
        outline: 0;
        background-color: white;
        -webkit-transition:  all 1s ease; /* add delay if wanted */
        -moz-transition:  all 1s ease; /* add delay if wanted */
        -ms-transition:  all 1s ease; /* add delay if wanted */
        -o-transition:  all 1s ease; /* add delay if wanted */
        transition:  all 1s ease; /* add delay if wanted */
    }
}

/*********************/
/* bootstrap-sm */
/*********************/

@media handheld, only screen and (max-width: 767px) {

}