/***** BUTTON CLASSES *****/
/* basic buttton - red */
.btnBasic {
    display: inline-block;
    padding: 10px 30px;
    border-radius: 4px;
    border: 2px solid #E10A0A;
    background-color: #E10A0A;
    background-image: none;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 1em;
    text-decoration: none !important;
    cursor: pointer;
    text-decoration: none;
	text-align: center;
	font-family: inherit;
}
    .btnBasic:hover {
        background-color: #eb0000;
        border-color: #eb0000;
        color: #fff;
        text-decoration: none;
    }

.btnSecond {
    background-color: transparent;
}
.btnSecond:hover,
.btnBlackbg .btnSecond:hover
 {
    color: #000;
    background-color: #eee;
    border-color: #eee;
    }

/* background specific buttons */
/* currently 4 groups - btnLightbg, btnBlackbg, btnRedbg, btnRed2bg  */
/* currently 4 buttons and 1 filter style */

.btnLightbg {}
    .btnLightbg .btnBasic {}
    .btnLightbg .btnPrime {background-color: #007cad; border-color: #007cad;}
        .btnLightbg .btnPrime:hover,
		.btnLightbg .btnPrime:focus {background-color: #34a8d6; border-color: #34a8d6;}
    .btnLightbg .btnInactive {background-color: transparent; border-color: #9c9c9c; color: #9c9c9c; cursor: not-allowed !important;}
        .btnLightbg .btnInactive:hover,
		.btnLightbg .btnInactive:focus {background-color: transparent; border-color: #9c9c9c; color: #9c9c9c; cursor: not-allowed !important;}
    .btnLightbg .btnSecond {color: #000; border-color: #000; background: transparent;}
        .btnLightbg .btnSecond:hover,
		.btnLightbg .btnSecond:focus {color: #fff; background-color: #333; border-color: #333; text-decoration: none !important;}
    .btnLightbg .btnFilter {background-color: #eb0000; border-color: #eb0000;}

.btnBlackbg {}
    .btnBlackbg .btnBasic {}
    .btnBlackbg .btnPrime {background-color: #34a8d6; border-color: #34a8d6;}
        .btnBlackbg .btnPrime:hover,
		.btnBlackbg .btnPrime:focus {background-color: #3fbff2; border-color: #3fbff2;}
    .btnBlackbg .btnInactive {background-color: transparent; border-color: #9c9c9c; color: #9c9c9c; cursor: not-allowed !important;}
        .btnBlackbg .btnInactive:hover,
		.btnBlackbg .btnInactive:focus {background-color: transparent; border-color: #9c9c9c; color: #9c9c9c; cursor: not-allowed !important;}
    .btnBlackbg .btnSecond {color: #fff; border-color: #fff; background: transparent;}
	.btnBlackbg .btnSecond:hover,
	.btnBlackbg .btnSecond:focus  {background-color: #eee; border-color: #eee; color: #000;}
    .btnBlackbg .btnFilter {background-color: #eb0000; border-color: #eb0000;}

.btnRedbg {}
    .btnRedbg .btnPrime {}
    .btnRedbg .btnBasic {background-color: #000; border-color: #000;}
        .btnRedbg .btnBasic:hover,
		.btnRedbg .btnBasic:focus {background-color: #464646; border-color: #464646;}
    .btnRedbg .btnInactive {background-color: transparent; border-color: #9c9c9c; color: #9c9c9c; cursor: not-allowed !important;}
        .btnRedbg .btnInactive:hover,
		.btnRedbg .btnInactive:focus {background-color: transparent; border-color: #9c9c9c; color: #9c9c9c; cursor: not-allowed !important;}
    .btnRedbg .btnSecond {color: #fff; border-color: #fff; background: transparent;}
        .btnRedbg .btnSecond:hover,
		.btnRedbg .btnSecond:focus { color: #000; background-color: #eee; border-color: #eee;}
    .btnRedbg .btnFilter {background-color: #464646; border-color: #464646;}
	.btnRedbg .btnWhitebg {background-color: #fff; border-color: #fff; color: #000;}
	.btnRedbg .btnWhitebg:hover,
	.btnRedbg .btnWhitebg:focus {background-color: transparent; border-color: #fff; color: #fff;}

.btnRed2bg {}
    .btnRed2bg .btnPrime {}
    .btnRed2bg .btnBasic {background-color: #000; border-color: #000;}
        .btnRed2bg .btnBasic:hover,
		.btnRed2bg .btnBasic:focus {background-color: #464646; border-color: #464646;}
    .btnRed2bg .btnInactive {background-color: transparent; border-color: #9c9c9c; color: #9c9c9c; cursor: not-allowed !important;}
        .btnRed2bg .btnInactive:hover,
		.btnRed2bg .btnInactive:focus {background-color: transparent; border-color: #9c9c9c; color: #9c9c9c; cursor: not-allowed !important;}
    .btnRed2bg .btnSecond {color: #fff; border-color: #fff; background: transparent;}
        .btnRed2bg .btnSecond:hover,
		.btnRed2bg .btnSecond:focus { color: #000; background-color: #eee; border-color: #eee;}
    .btnRed2bg .btnFilter {background-color: #464646; border-color: #464646;}


.btnApple {
	cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 17px;
    line-height: 1.1764805882;
    font-weight: 400;
    letter-spacing: 0em;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Helvetica", "Arial", sans-serif, "SF Pro Icons";
    min-width: 28px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 980px;
	border: solid 1px #6e6e73;
	background: transparent;
	text-decoration: none;
	color: #6e6e73 !important;
	font-weight: normal !important;
}
	.btnApple:hover {background: none #fff; border: 1px solid #000; color: #000 !important; text-decoration: none;}

.btnBlackbg .btnApple {color: #ceced2 !important; border-color: #ceced2;}
	.btnBlackbg .btnApple:hover,
	.btnBlackbg .btnApple:focus {color: #333 !important; background-color: #fff;}

@media screen and (max-width:800px) {
    .btnBasic {
        font-size: 15px;
    }
}