/* CLOSED - BEGIN */
/*
main#pageContent:before {
    content: "We are temporarily closed. Please check back in a few days.";
    font-weight: 900;
    color: #ffff00;
    background-color: #f00;
    display: block;
    text-align: center;
    padding: 20px;
    font-size: 1.5rem;
}

button#addToCart {
    display: none !important;
}
*/
/* CLOSED - END */




@import url('https://fonts.googleapis.com/css?family=Montserrat:900');

body.pageMsg #pageLoading.other {
    opacity: 1;
}
body.pageMsg #pageLoaded {
    opacity: .2;
}

body {
	background: linear-gradient(135deg, rgb(226, 226, 226) 0px, rgba(255,255,255,1) 50vh);
}




/* BEGIN - FONT SIZES */
.font-10 {
	font-size:10px;
}
.font-12 {
	font-size:12px;
}
.font-14 {
	font-size:14px;
}
.font-20 {
	font-size:20x;
}
.font-24 {
	font-size:24px;
}
/* END - FONT SIZES */



/* BEGIN - BUTTON COLOR OVERRIDES */
/*
.btn-success {
    color: #fff;
    background-color: #990 !important;
    border-color: #990 !important;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

.btn-success.focus, .btn-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5) !important;
}
*/
/* END - BUTTON COLOR OVERRIDES */







.hide {
	display:none;
}

.breakAfter:after {
    content: "";
    display: block;
    clear: both;
}

div#header {
    width: 100%;
    position: fixed;
    left:0;
	top:0;
    z-index: 9;
	background-color: #000;
	transition:.6s;
	background-image: url(https://siteimgs.com/10018/imgs/be/header-bg_1589053651-0.jpg);
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
	background-position:bottom;
}



div#footerPhoneNumbers {
    color: #00305f;
    font-weight: 700;
    font-size: 17px;
}

/*
div#headerPhoneNumbers {
    color: #000;
    position: absolute;
    bottom: 20px;
    right: 145px;
    font-weight: bold;
    font-size: 17px;
}
@media (max-width: 991px) {
	div#headerPhoneNumbers {
	    display:none;
	}
}
@media (min-width: 992px) and (max-width: 1024px) {
	div#headerPhoneNumbers {
	    right: 15px;
	}
}
@media (min-width: 1024px) {
	div#headerPhoneNumbers {
	    right: 145px;
	}
}
*/


div#LeftDirPhoneNumbers a {
    color: #fff !important;
}
div#LeftDirPhoneNumbers {
    color: #ffff00 !important;
    font-weight: 500;
    text-align: center;
    padding: 20px 10px;
}





@media (max-width: 411px) {
	img#logo {
		width: 170px;
    	top: 9px;
    	left: 50px;
	}
}
@media (min-width: 412px) and (max-width: 519px) {
	img#logo {
    	width: 200px;
    	top: 5px;
    	left: 50px;
	}
}
@media (min-width: 520px) and (max-width: 1023px) {
	img#logo {
	    width: 305px;
	    top: -17px;
	    left: 70px;
	}
}
@media (max-width: 991px) {
	div#header, div#headerInner {
		height:69px;
	}

	main#pageContent {
		margin-top:69px;
	}

}
@media (min-width: 992px) {
	div#header, div#headerInner {
		height:110px;
	}

	main#pageContent {
		margin-top:110px;
	}

	img#logo {
	    width: 315px;
	    top: 5px;
	    left: 50px;
	}
}



/*
div#header.active {
    top: 0px;
}
div#header:not(.active) {
    top: -70px;
}
*/

div#headerBtns {
	position:absolute;
    top: -3px;
    right: 0px;
}
div#headerBtns span.headerBtn {
	position: absolute;
    font-size: 25px;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    height: 66px;
    line-height: 66px;
    text-align: center;
}


span#headerCartBtn:after {
    content: "CART";
    display: block;
    font-size: 10px;
    margin-top: -44px;
}
span#headerAccountBtn:after {
    content: "ACCOUNT";
    display: block;
    font-size: 10px;
    margin-top: -44px;
}
span#headerSearchBtn:after {
    content: "SEARCH";
    display: block;
    font-size: 10px;
    margin-top: -44px;
}


div#showMenu {
	display: inline-block;
	width: 50px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	margin-top: 14px;
	height: 43px;
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 3px;
	/*box-shadow: 1px 1px 3px #000;*/
}
div#showMenu:before, div#hideMenu:before {
	font-family: 'font awesome 5 free';
	font-weight: 900;
	font-size: 24px;
	line-height: 36px;
	cursor: pointer;
}
div#showMenu:before {
    content: '\f0c9';
}
div#showMenu:after {
	content: "MENU";
	display: block;
	font-size: 10px;
	margin-top: -9px;
}



img#logo {
    position: absolute;
	cursor:pointer;
}

span#headerCartBtn span.userCartQty {
    background-color: #008e20;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
}



@media (max-width: 899px) {
	div#siteSearch:not(.active) {
		display:none;
	}
	div#headerBtns span.headerBtn {
	    font-size: 25px;
		width: 50px;
	}
	span#headerSearchBtn {
    	right: 115px;
	}

	div#siteSearch.active {
	    position: absolute;
	    top: 69px;
	    left: 0;
	    width: 100vw;
	    height: 60px;
	    background-color: #000;
	    color: #fff;
	}
}



/*@media (max-width: 767px) {*/
@media (max-width: 899px) {
	div#headerBtns {
    	top: -4px;
	}

	span#headerAccountBtn {
	    right: 65px;
	}
	span#headerCartBtn {
	    right: 15px;
	}
	span#headerCartBtn span.userCartQty {
	    width: 18px;
	    height: 18px;
	    font-size: 10px;
	    line-height: 18px;
	    top: 16px;
	    left: 19px;
	}

	/*div#headerSearchForm:not(.active) {*/

	/*div#headerSearchForm.active {*/


	input#search {
	    position: absolute;
	    top: 10px;
	    left: 7px;
	    width: calc(100% - 70px);
	    border: none;
	    height: 38px;
		font-family: serif,sans-serif;
	    font-size: 18px;
	}
	button#searchBtn {
	    width: 50px;
		height: 38px;
	    background-color: #ab0000;
	    color: #FFF;
	    border: none;
	    position: absolute;
	    right: 10px;
	    top: 10px;
	}

	div#searchSuggest {
	    background-color: #fff;
	    border-bottom: 4px solid #000;
	    padding: 6px;
	    margin-top: 69px;
	    position: relative;
	    box-shadow: 1px 1px 10px #0000009c;
	}
}



@media (min-width: 900px) {


	div#headerBtns span.headerBtn {
		font-size: 30px;
		width: 56px;
	}

	span#headerAccountBtn {
	    right: 90px;
	}
	span#headerCartBtn {
	    right: 20px;
	}
	span#headerCartBtn span.userCartQty {
    	width: 19px;
    	height: 19px;
    	font-size: 11px;
    	line-height: 19px;
    	font-weight: 700;
    	top: 15px;
    	left: 23px;
	}

	/*div#headerSearchForm {*/
	div#siteSearch {
    	position: absolute;
    	top: 4px;
    	/*right: 150px;
    	max-width: 500px;*/
    	width: 50vw;
    	height: 60px;
    	/* background-color: #673AB7; */
    	color: #fff;
	}
	input#search {
    	position: absolute;
    	top: 10px;
    	left: 7px;
    	width: calc(100% - 70px);
    	height: 38px;
    	font-family: serif,sans-serif;
    	font-size: 22px;
	}
	button#searchBtn {
	    width: 50px;
	    height: 38px;
	    background-color: #ab0000;
	    color: #FFF;
	    border: none;
	    position: absolute;
	    right: 10px;
	    top: 10px;
	}

	div#searchSuggest {
	    background-color: #fff;
	    border-bottom: 4px solid #000;
	    padding: 10px;
	    margin-top: 11px;
	    position: relative;
		width: 690px;
    	float: right;
    	top: 58px;
    	left: 0px;
	}
}



@media (min-width: 900px) {
	span#headerSearchBtn {
		display:none !important;
	}
}
@media (min-width: 900px) and (max-width: 1023px) {
	div#siteSearch {
    	right: 150px;
    	max-width: 370px;
	}
}
@media (min-width: 1024px) {
	div#siteSearch {
    	right: 160px;
    	max-width: 500px;
	}
}



/*
div#pageDim {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #000000b0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
*/
div#pageDim {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #000000b0;
    width: 100%;
    height: 100%;
    z-index: 2;
}




div#leftDirectory:not(.active) div#hideMenu {
	display:none;
}

div#hideMenu:before {
    content: '\f00d';
    color: #fff;
    position: absolute;
    right: -60px;
    top: -1px;
    text-shadow: 1px 1px 1px #000;
    background-color: #404040;
    width: 60px;
    text-align: center;
}

/*
form#searchForm {
    position: absolute;
    width: 600px;
    max-width: calc(100% - 70px);
	padding:12px 12px 12px 0px;
	display:inline-block;
}
*/
/*
div#siteSearch {
	max-width: 760px;
	border: 2px solid #000;
	border-radius: 6px;
	background-color: #FFF;
}
*/


/*
select#searchTypeId {
	opacity: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 44px;
	cursor: pointer;
}

span#siteSearchTypeSelected {
    font-size: 14px;
    border-radius: 4px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    padding: 0px 10px;
    line-height: 38px;
}
span#siteSearchTypeSelected:after {
	content: '\f0d7';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 20px;
	margin-left: 4px;
	position: relative;
	top: 2px;
	cursor: pointer;
}
*/

input#search::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button;
	cursor:pointer;
}


button#searchBtn:before {
	content: '\f002';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 20px;
	line-height: 20px;
}

div#siteSearch:focus-within button#searchBtn {
    background-color: #F00;
}

/*
div#searchSuggest {
    background-color: #fff;
    border: 2px solid #000;
    padding: 6px;
    border-radius: 6px;
    margin-top: -2px;
    position: relative;
}
*/
div#searchSuggest header {
    font-size: 18px;
    font-weight: bold;
	margin: 0px 0px 6px 6px;
}
div#searchSuggest div#searchSuggestHide {
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
    padding: 0px 6px;
    border: 1px solid #000;
    border-radius: 6px;
}
div#searchSuggestedResults a {
    display: block;
	padding: 6px;
    border-radius: 6px;
}
div#searchSuggestedResults a:after {
    content: " ";
    display: block;
    clear: both;
}
div#searchSuggestedResults a:hover {
    background-color:#dcefff;
}
div#searchSuggestedResults img {
    border-radius: 6px;
    margin-right: 6px;
	width: 50px;
    height: 50px;
	float: left;
}







div#accountLogin {
    position: absolute;
    top: 10px;
    right: 10px;
}

div#cartData {
    position: absolute;
    top: 34px;
    right: 10px;
}










div#leftDirectory:not(.active) div#hideMenu {
	display:none;
}


/* BEGIN - NEW DIRECTORY MENUS */

div#leftDirectoryBack {
    background-color: #333333;
    line-height: 45px;
    height: 45px;
    text-transform: uppercase;
    font-weight: 500;
	white-space: nowrap;
}

div#leftDirectoryCurrent {
    padding: 10px;
    background-color: #5a5a5a;
	color: #d8d8d8;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
div#leftDirectoryCurrent:empty {
	display:none;
}

ul#leftDeptTreeShown li {
    border-bottom: 1px solid #124073
}

ul#leftDeptTreeShown a {
	padding: 6px;
	display:block;
    color:#fff;
	font-weight: 500;
}
body:not(.mobile) ul#leftDeptTreeShown a:hover {
	text-decoration:none;
	color: #ffff00;
}

@media (max-width: 1023px) {
    ul#leftDeptTreeShown a {
		font-size: 1rem;
    	padding: 8px 0px;
	}
}

ul#leftDeptTreeShown {
    list-style-type: none;
    margin: 0px;
	padding: 0 10px;
    width: 100%;
}

ul#leftDeptTreeShown li a.hasSubs:after {
    content: "\f054";
    float: right;
    color: #fff;
    font-family: 'font awesome 5 free';
    font-weight: 900;
}


div#leftDirectoryContent div.socials {
    background-color: #fff;
    margin: 20px;
    border-radius: 10px;
}
div#leftDirectoryContent div.socials i {
    font-size: 30px;
    margin: 4px 8px;
}


/* END - NEW DIRECTORY MENUS */

div#leftDirectory {
    width: 350px;
    max-width: calc(100% - 60px);
    background-color:#003366;
    position: fixed;
    top: 0px;
    left: -350px;
    transition: left 0.3s;
    z-index: 1039;
    height: 100%;
}
div#leftDirectory.active {
	left:0px;
}
div#leftDirectoryContent {
    overflow-y: auto;
    height: 100%;
}
div#leftDirectoryTopHello {
    font-size: 20px;
    color: #fff;
    font-weight: 900;
    margin-left: 6px;
}
div#leftDirectory div#leftDirectoryTop {
    margin: 2px 0px 0px 2px;
}
div#leftDirectory div#leftDirectoryTop a {
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff;
    height: 40px;
    display: inline-block;
    margin: 2px;
    width: calc(33% - 4px);
    text-align: center;
    background-color: #000;
    text-decoration: none;
	position: relative;
}
div#leftDirectory div#leftDirectoryTop a em {
    position: absolute;
    top: -4px;
    right: -4px;
    background-color: #008e20;
    font-weight: normal;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    font-size: 10px;
    font-style: normal;
}
div#leftDirectoryInner {
    /*height: calc(100% - 80px);
    overflow-y: auto;*/
    color: #fff;
}





















/* BEGIN - DIRECTORY FILTERS */

div#searchFields:after {
    content: " ";
    clear: both;
    display: block;
}
div#searchFields header {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #c0c0c0;
	padding-left: 10px;
	cursor:pointer;
}
div#searchFields div.filterGroup:after {
    content: " ";
    display: block;
    clear: both;
}
div#searchFields div.filterGroup:not(.collapsed) header:after {
    content: "\f139";
	font-family: 'font awesome 5 free';
    font-weight: 900;
    font-size: 20px;
	float: right;
    margin-right: 6px;
}
div#searchFields div.filterGroup.collapsed header:after {
    content: "\f13a";
	font-family: 'font awesome 5 free';
    font-weight: 900;
    font-size: 20px;
	float: right;
    margin-right: 6px;
}
div#searchFields div.filterGroup.collapsed section {
	display:none;
}
div#searchFields section div {
    padding: 6px;
}
div#searchFields ul {
    list-style-type: none;
	margin: 0px;
    padding: 10px;
}

div#searchFields ul li {
    color: #fff;
    line-height: 20px;
    min-height: 28px;
    cursor: pointer;
}
div#searchFields ul li.active {
    color: #2196f3;
}
div#searchFields ul li.active:before {
    content: "\f14a";
	font-family: 'font awesome 5 free';
    font-weight: 900;
    font-size: 20px;
	margin-right: 8px;
	vertical-align: top;
	color:#fff;
}

div#searchFields ul li:not(.active):before {
    content: "\f0c8";
	font-family: 'font awesome 5 free';
    font-weight: 900;
    font-size: 20px;
	margin-right: 8px;
	vertical-align: top;
	color:#fff;
}

div#searchFields ul li em {
    float: right;
    background-color: #a50000;
	color: #fff;
    padding: 0px;
    font-size: 12px;
    font-style: normal;
    min-width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 9px;
}

/* END - DIRECTORY FILTERS */




main#pageContent {
	padding: 4px 20px 20px 20px;
	min-height: 60vh;
	transition: opacity .4s;
}
body.loginRequired.modal-view-open main#pageContent {
    opacity: 0;
}






h1 {
    font-family: Montserrat, sans-serif !important;
}














div#compareItemBar {
    z-index: 9;
    position: fixed;
    left: 0px;
    bottom: -70px;
    width: 100%;
    height: 70px;
    border-top: 1px solid rgb(0, 0, 0);
    transition: 0.3s;
    padding: 10px;
    background: linear-gradient(rgb(226, 226, 226) 0%, rgb(219, 219, 219) 50%, rgb(209, 209, 209) 51%, rgb(254, 254, 254) 100%);
}

div#compareItemBar.active {
    bottom: 0px;
}
div#compareItemBar div.items {
	white-space: nowrap;
	overflow-x: auto;
}
div#compareItemBar div.items div.item {
    display: inline-block;
    margin-right: 6px;
    font-size: 12px;
    width: 208px;
    height: 50px;
    box-shadow: rgb(0, 0, 0) 1px 1px 2px;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(136, 136, 136);
    border-image: initial;
    border-radius: 4px;
}

div#compareItemBar div.item img {
    float: left;
    margin-right: 6px;
    border-radius: 4px;
}

div#compareItemBar div.item span {
    height: 36px;
    width: 120px;
    display: block;
    float: left;
    line-height: 12px;
    overflow: hidden;
    white-space: normal;
}

div#compareItemBar .item button {
    width: 30px;
    height: 30px;
    margin-top: 5px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    border-radius: 4px;
    outline: 0px;
}

div#compareItemBar .item button::before {
    content: '\f00d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}













/* BEGIN - ITEM REVIEWS */
div.item span.avgReviewStars {
    color: #ffc126;
}
/* END - ITEM REVIEWS */





/* BEGIN - GLOBAL FORM FIELDS */
div.form-field-row {
    position: relative;
    /*padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;*/
	padding: 8px;
    border-radius: 10px;
	border: 1px solid #fff;
	transition: background .6s;
}
@media (min-width: 425px) {
	div.form-field-row:not(.block-row) {
		display:flex;
	}
}
div.form-field-row:not(.form-field-row-error):not(.button-row):focus-within {
    background-color: #f9f9f9;
	border: 1px solid #e8e8e8;
}
div.form-field-row-error {
	background-color: #FF0000;
    color: #FFF;
}
div.form-field-row.form-field-row-error:focus-within {
	color:#ffff00;
}

div.form-field-row:not(.form-field-row-error) small.errorMsg {
	display:none;
}

label.form-field-label {
    width: 160px;
    display: block;
    padding-top: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
    position: relative;
    min-height: 1px;
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
    -ms-user-select: none;
}


@media (max-width: 424px) {
	label.form-field-label {
    	padding-bottom: 0px;;
	}
	label.form-field-label br {
		display:none;
	}
}
@media (min-width: 425px) {
	label.form-field-label {
		padding-bottom: calc(.375rem + 1px);
		margin-right: 10px;
	}

	label.form-field-label.form-field-label-multi-line {
		line-height: 100%;
		padding-top: 0px;
	}
}



label.form-field-check-label {
    margin-bottom: 0;
	cursor:pointer;
}
label.form-field-check-label input[type="checkbox"] {
	display:none;
}
label.form-field-check-label i.form-field-checkbox {
    font-size: 24px;
    float: left;
    margin-right: 10px;
	background-color: #FFF;
}
label.form-field-check-label span {
	vertical-align: middle;
}
label.form-field-check-label i.fa-check-square {
    color: #28a745;
}




label.form-field-radio-label input[type="radio"] {
	display:none;
}
label.form-field-radio-label i.form-field-radio {
    font-size: 24px;
    float: left;
    margin-right: 6px;
    background-color: #fff;
	border-radius: 50%;
}
label.form-field-radio-label i.form-field-radio.fa-dot-circle {
	background-color: #abd4ff;
}



div.form-row-field-wrap {
    width: 100%!important;
    position: relative;
}


input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 18px;
    height: 18px;
    -webkit-box-shadow: 0 0 0 0 #353535 inset;
    box-shadow: 0 0 0 0 #353535 inset;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    cursor: pointer;
    vertical-align: -4px;
    border: 1px solid;
}

/* END - GLOBAL FORM FIELDS */








/* BEGIN - SECURE SITE MESSAGE */

i.fab.fa-expeditedssl.addStoresSecure {
    color: #28a745;
    font-size: 40px;
    vertical-align: middle;
}
i.fab.fa-expeditedssl.addStoresSecure:after {
    content: "Shop Safe with Our 100% SSL Secure Shopping";
    font-size: 13px;
    color: #000;
    vertical-align: top;
    margin-left: 6px;
    max-width: 170px;
    display: inline-block;
    font-family: arial;
    padding-top: 6px;
}

/* END - SECURE SITE MESSAGE */






/* BEGIN - LIMIT SOME MODAL WIDTHS */
div#modal-view-content.userLoginBox, div#modal-view-content.userNewAccountBox {
    max-width: 800px;
}

div#modal-view-content.joinNewsletter {
    height: 300px;
    width: 600px;
    max-width: 100%;
    padding: 0px !important;
}
/* END - LIMIT SOME MODAL WIDTHS */



/* BEGIN - BACK TO TOP BUTTON */
i#backToTop {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: #c0c0c075;
    font-size: 20px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}
i#backToTop.active {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
body:not(.mobile) i#backToTop:hover {
	color:#fff;
	background-color:#007bff;
}
/* END - BACK TO TOP BUTTON */




.clickPulseActive {
	box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
	animation: addPulse .6s cubic-bezier(0.66, 0, 0, 1);
}

@-webkit-keyframes addPulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-moz-keyframes addPulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-ms-keyframes addPulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@keyframes addPulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}


i#showUserWay {
    background-color: #2d68ff;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
}