/* Main Items ----------------------------------------- */
.padbottom td{padding-bottom:5px;}
.edge{padding:0 10px;}
.review_wrapper1{padding:20px; background-color:#f8f8f8; border-top:2px solid #a9a9a9;}
.review_wrapper1a{padding:10px 0 10px 0; background-color:#ffffff; border-top:2px solid #a9a9a9;}
.review_wrapper2{padding-left:10px; }
.specs td{padding:0 30px 5px 0;}
.related{float:left;width:33%;height:150px;}
.related_links a:link, .related_links a:visited{text-decoration:none;color:#949494;}
.related_links a:hover{text-decoration:none;color:#949494;}
.vm-button{font-weight:bold;font-size:16px;color:black;text-align:center;border-radius:10px;background:#e5e5e5;padding:10px;width:100px;font-family:'Century Gothic';}
.gray_text { color:#898989; }
.product_title { font-size:24px; }
.charcoal_link a:hover{text-decoration:none;color:#5d5d5d;}
.star_padding { float:left; margin-right:3px; }
.padding_left_5 { padding-left:5px; }

.ratings { font-size:13px; color:#5d5d5d; }
.ratings a:link, .ratings a:visited{text-decoration:none;color:#5d5d5d;}
.ratings a:hover{text-decoration:none;color:#6922d4;}
.suggestions { padding:10px; }

@media all and (max-width:570px){
.edge{padding:0 10px;}
.review_wrapper1{padding:10px; background-color:#f8f8f8; border-top:2px solid #a9a9a9;}
.review_wrapper1a{padding:10px; background-color:#ffffff; border-top:2px solid #a9a9a9;}
.review_wrapper2{padding:0px;}
}

.addtocart-button2{background:#08c211;background-image:-webkit-linear-gradient(top, #08c211, #1d820c);background-image:-moz-linear-gradient(top, #08c211, #1d820c);background-image:-ms-linear-gradient(top, #08c211, #1d820c);background-image:-o-linear-gradient(top, #08c211, #1d820c);background-image:linear-gradient(to bottom, #08c211, #1d820c);-webkit-border-radius:28;-moz-border-radius:28;border-radius:28px;font-family:Arial;color:#ffffff;font-size:17px;padding:10px 17px 10px 17px;text-decoration:none;}
.addtocart-button2:hover{background:#22d136;background-image:-webkit-linear-gradient(top, #22d136, #1aa10b);background-image:-moz-linear-gradient(top, #22d136, #1aa10b);background-image:-ms-linear-gradient(top, #22d136, #1aa10b);background-image:-o-linear-gradient(top, #22d136, #1aa10b);background-image:linear-gradient(to bottom, #22d136, #1aa10b);text-decoration:none;}

.moreinfo-button2{background:#c2c2c2;background-image:-webkit-linear-gradient(top, #c2c2c2, #7b7b7b);background-image:-moz-linear-gradient(top, #c2c2c2, #7b7b7b);background-image:-ms-linear-gradient(top, #c2c2c2, #7b7b7b);background-image:-o-linear-gradient(top, #c2c2c2, #7b7b7b);background-image:linear-gradient(to bottom, #c2c2c2, #7b7b7b);-webkit-border-radius:28;-moz-border-radius:28;border-radius:28px;font-family:Arial;color:#ffffff;font-size:17px;padding:10px 17px 10px 17px;text-decoration:none;}
.moreinfo-button2:hover{background:#d4d4d4;background-image:-webkit-linear-gradient(top, #d4d4d4, #a1a1a1);background-image:-moz-linear-gradient(top, #d4d4d4, #a1a1a1);background-image:-ms-linear-gradient(top, #d4d4d4, #a1a1a1);background-image:-o-linear-gradient(top, #d4d4d4, #a1a1a1);background-image:linear-gradient(to bottom, #d4d4d4, #a1a1a1);text-decoration:none;}

.tabs{display:flex;flex-wrap:wrap;background:#ffffff;}
.tabs input{position:absolute;opacity:0;}
.label{width:100%;padding:20px 30px;background:#e5e5e5;cursor:pointer;font-weight:bold;font-size:18px;color:#7f7f7f;transition:background 0.1s, color 0.1s;}
.label:hover{background:#d8d8d8;}
.label:active{background:#ccc;}
.tabs input:focus + .label{box-shadow:inset 0px 0px 0px 3px #2aa1c0;z-index:1;}
.tabs input:checked + .label{background:#d8d8d8;color:#000;}
.tabs input:checked + .label + .panel{display:block;}
.panel{display:none;padding:20px 10px 30px 10px;background:#f2f2f2;width:100%;}

@media (min-width:800px){
.panel{order:99;}
.label{width:auto;}
}


@media all and (max-width:1000px){
.related{float:left;width:33%;height:150px;}
}
@media all and (max-width:900px){
.related{float:left;width:50%;height:150px;}
}
@media all and (max-width:770px){
.related{float:left;width:50%;height:150px;}
}
@media all and (max-width:600px){
.related{float:left;width:100%;height:150px;}
}

/* Add To Cart Form -------------------------------------- */
.custom-input {
	display: block;
	padding: 5px 10px;
	font-size: 1rem;
	line-height: normal;
	background-color: #fff;
	border: 1px solid #ccc;
}

.order-form {
	max-width: 600px;
}

.order-form table {
	max-width: 100%;
}

.order-form table td:first-child {
	min-width: 135px;
	width: 135px;
	/* was 110px */
}

@media (max-width: 767px) {
	.order-form {
		width: 100%;
	}
	.order-form table {
		/* table-layout: fixed; */
		width: 100%;
	}
}

/* Product Image Hover --------------------------------- */
.product-single {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 10px;
}

.product-single,
.product-single-images,
.product-single-details {
	box-sizing: border-box;
	position: relative;
}

.product-single-images {
	width: 40%;
}

.product-single-details {
	width: calc(60% - 30px);
	margin-left: auto;
}

@media (max-width: 850px) {
	.product-single-images,
	.product-single-details {
		width: 100%;
	}
	.product-single { 
		padding: 10px;
	}

}

.slider {
	position: relative;
	box-sizing: border-box;
	width: 100%;
}

.slider *,
.slider *:before,
.slider *:after{
	box-sizing: inherit;
}

.slider-inner_hold {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	overflow: hidden;
}

.slider-items {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.slider-item {
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
}

.slider-item-active {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}

.slider-item-image {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	        transform: translateY(-50%) translateX(-50%);

}

.slider-item-image img {
	position: relative;
	max-width: 100%;
	max-height: 450px;
}

@media (max-width: 400px) {
	.slider-item-image {
		max-width: 300px;
		max-height: 280px;
	}

	.slider-item-image img {
		max-width: 300px;
		max-height: 280px;
	}
}

@media (max-width: 375px) {
	.slider-item-image img {
		max-width: 270px;
		max-height: 250px !important;
	}
}
 
.slider-thumbs {
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: -5px;
	margin-right: -5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.slider-thumbs *,
.slider-thumbs *:before,
.slider-thumbs *:after {
	box-sizing: inherit;
}

.slider-thumbs-item {
	padding: 2px 5px;
	width: 50px;
}

.slider-thumbs-item-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 5px;
	cursor: pointer;
	height: 100%;
}

.slider-thumbs-item-image img {
	display: block;
	width: 100%;
	height: auto;
}

.slider-image-lens {
	z-index: 1000;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.25);
	box-sizing: border-box;
	box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, 0.5);
}

.slider-image-viewer{
     z-index: 9000;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	border-radius: 2px;
	background-color: white;
	width: 100%;

	background-repeat: no-repeat;
	overflow: hidden;
}

@media (min-width: 851px) {
	.slider-items,
	.slider-item {
		min-height: 450px;
	}
}

/* The Modal (background) */
.modal2 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 25%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content2 {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

/* The Close Button */
.close2 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close2:hover,
.close2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
 
/* The Modal (background) */
.hide_share {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  background-color: #fefefe;
  padding: 5px;
  left: 150px;
  top: 150px;
  width: 5%; /* Full width */
  height: 17%; /* Full height */
  overflow: auto; /* Enable scroll if needed */

}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 25%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* Header Styles -------------------------------- */

.desk-advisor-promo {
    padding: 20px 10px;
    font-size:22px;
    background-color:#f9f9f9;
    }
    
    .slider-inner {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	overflow: hidden;
    }
    .slider-inner {
    padding: 10px;
    border-radius: 10px;
    }
    .mobil_label {
    padding-bottom:5px;
    }
    .videoWrap { 
    padding:20px; 
    background-color:#000000;
    }
    .videoWrap2 { 
    width:100%; max-width:1600px;
    }
    .videoWrapper {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      padding-top: 25px;
      height: 0;
    }

    .videoWrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    
    .suggestion_wrapper { padding:0; }
    @media all and (max-width:1460px){
    .suggestion_wrapper { padding:0 10px; }
    }
    
    @media all and (max-width:570px){
    	.videoWrap { padding:10px; }
			.slider-inner ul li img {
	    	max-height: 300px;
		 	}

	    .padbottom td { padding-bottom:10px; }
	    .webby-select, .mobil_label { font-size: 16px; }
	    .product_title { font-size:24px; padding:0 10px 0 10px; }
	    .breadcrumbs { margin-bottom:5px; padding:0px; }
	    .breadcrumbs a { font-size:16px; }
	    .product-single { padding-top:0px; } 
	    .desk-advisor-promo { padding: 10px; font-size:16px; }
    }
    
    @media all and (max-width:400px){
    	.product_title { font-size:25px; }
    } 

    .tooltip_link a { border-bottom: 1px dotted black; }
    .tooltip_link a:link, .tooltip_link a:visited { color:black; }
    .tooltip_link a:hover { color:#6922d4; text-decoration:none; }
    .black_link2 a:link, .black_link2 a:visited{text-decoration:none;color:#000000;}
    .black_link2 a:hover{color: #000000; text-decoration:none;}
	.specs2 td { padding:10px; margin:10px; border:1px solid #e3e3e3; }
	.specs3 td { padding:10px; margin:10px; }
    
    .mob_pad { padding: 0px; }
    @media all and (max-width:1445px){
    .mob_pad { padding-left: 10px; }
	}
    
	.addtoorder-button{
	background:#4284f5;
	background-image:-webkit-linear-gradient(top, #4284f5, #3263b7);
	background-image:-moz-linear-gradient(top, #4284f5, #3263b7);
	background-image:-ms-linear-gradient(top, #4284f5, #3263b7);
	background-image:-o-linear-gradient(top, #4284f5, #3263b7);
	background-image:linear-gradient(to bottom, #4284f5, #3263b7);
	-webkit-border-radius:28;
	-moz-border-radius:28;
	border-radius:28px;
	font-family:Arial;color:#ffffff;font-size:15px; padding:10px 17px 10px 17px;text-decoration:none;
	border:2px solid black;}
	.addtoorder-button:hover{
	background:#22d136;
	background-image:-webkit-linear-gradient(top, #5c96fb, #4677cc);
	background-image:-moz-linear-gradient(top, #5c96fb, #4677cc);
	background-image:-ms-linear-gradient(top, #5c96fb, #4677cc);
	background-image:-o-linear-gradient(top, #5c96fb, #4677cc);
	background-image:linear-gradient(to bottom, #5c96fb, #4677cc);text-decoration:none;}
	
	.learnmore-button{
	background:#d8d8d8;
	background-image:-webkit-linear-gradient(top, #bababa, #a1a1a1);
	background-image:-moz-linear-gradient(top, #bababa, #a1a1a1);
	background-image:-ms-linear-gradient(top, #bababa, #a1a1a1);
	background-image:-o-linear-gradient(top, #bababa, #a1a1a1);
	background-image:linear-gradient(to bottom, #bababa, #a1a1a1);
	-webkit-border-radius:28;
	-moz-border-radius:28;
	border-radius:28px;
	font-family:Arial;color:#ffffff;font-size:15px; padding:10px 17px 10px 17px;text-decoration:none;
	border:2px solid #4c4c4c;}
	.learnmore-button:hover{
	background:#a6a6a6;
	background-image:-webkit-linear-gradient(top, #a6a6a6, #979797);
	background-image:-moz-linear-gradient(top, #a6a6a6, #979797);
	background-image:-ms-linear-gradient(top, #a6a6a6, #979797);
	background-image:-o-linear-gradient(top, #a6a6a6, #979797);
	background-image:linear-gradient(to bottom, #a6a6a6, #979797);
	text-decoration:none;}
	
.addtoorder-button2{
background:#4284f5;
background-image:-webkit-linear-gradient(top, #4284f5, #3263b7);
background-image:-moz-linear-gradient(top, #4284f5, #3263b7);
background-image:-ms-linear-gradient(top, #4284f5, #3263b7);
background-image:-o-linear-gradient(top, #4284f5, #3263b7);
background-image:linear-gradient(to bottom, #4284f5, #3263b7);
-webkit-border-radius:28;
-moz-border-radius:28;
border-radius:28px;
font-family:Arial;color:#ffffff;
font-size:13px; 
padding:7px 12px 7px 12px;text-decoration:none;
border:2px solid black;
}
.addtoorder-button2:hover{
background:#22d136;
background-image:-webkit-linear-gradient(top, #5c96fb, #4677cc);
background-image:-moz-linear-gradient(top, #5c96fb, #4677cc);
background-image:-ms-linear-gradient(top, #5c96fb, #4677cc);
background-image:-o-linear-gradient(top, #5c96fb, #4677cc);
background-image:linear-gradient(to bottom, #5c96fb, #4677cc);
text-decoration:none;
}

.addtocart-button4{
background:#08c211;
background-image:-webkit-linear-gradient(top, #08c211, #1d820c);
background-image:-moz-linear-gradient(top, #08c211, #1d820c);
background-image:-ms-linear-gradient(top, #08c211, #1d820c);
background-image:-o-linear-gradient(top, #08c211, #1d820c);
background-image:linear-gradient(to bottom, #08c211, #1d820c);
-webkit-border-radius:28;
-moz-border-radius:28;
border-radius:28px;
border:0px;
font-family:Arial;
color:#ffffff;
font-size:17px;
padding:10px 17px 10px 17px;
text-decoration:none;
box-shadow: 2px 2px 0px #222222;
}
.addtocart-button4:hover{
background:#22d136;
background-image:-webkit-linear-gradient(top, #22d136, #1aa10b);
background-image:-moz-linear-gradient(top, #22d136, #1aa10b);
background-image:-ms-linear-gradient(top, #22d136, #1aa10b);
background-image:-o-linear-gradient(top, #22d136, #1aa10b);
background-image:linear-gradient(to bottom, #22d136, #1aa10b);
text-decoration:none;
}

.moreinfo-button4{
background:#c2c2c2;
background-image:-webkit-linear-gradient(top, #c2c2c2, #7b7b7b);
background-image:-moz-linear-gradient(top, #c2c2c2, #7b7b7b);
background-image:-ms-linear-gradient(top, #c2c2c2, #7b7b7b);
background-image:-o-linear-gradient(top, #c2c2c2, #7b7b7b);
background-image:linear-gradient(to bottom, #c2c2c2, #7b7b7b);
-webkit-border-radius:28;-moz-border-radius:28;
border-radius:28px;
font-family:Arial;
color:#ffffff;
font-size:17px;
padding:10px 17px 10px 17px;
text-decoration:none;
border:0px;
box-shadow: 2px 2px 0px #222222;
}
.moreinfo-button4:hover{
background:#d4d4d4;
background-image:-webkit-linear-gradient(top, #d4d4d4, #a1a1a1);
background-image:-moz-linear-gradient(top, #d4d4d4, #a1a1a1);
background-image:-ms-linear-gradient(top, #d4d4d4, #a1a1a1);
background-image:-o-linear-gradient(top, #d4d4d4, #a1a1a1);
background-image:linear-gradient(to bottom, #d4d4d4, #a1a1a1);
text-decoration:none;
}

.addtocart-button3{
background:#08c211;
background-image:-webkit-linear-gradient(top, #08c211, #1d820c);
background-image:-moz-linear-gradient(top, #08c211, #1d820c);
background-image:-ms-linear-gradient(top, #08c211, #1d820c);
background-image:-o-linear-gradient(top, #08c211, #1d820c);
background-image:linear-gradient(to bottom, #08c211, #1d820c);
-webkit-border-radius:28;
-moz-border-radius:28;
border-radius:28px;
font-family:Arial;
color:#ffffff;
font-size:17px;
padding:7px 12px 7px 12px;
text-decoration:none;
}

.addtocart-button3:hover{
background:#22d136;
background-image:-webkit-linear-gradient(top, #22d136, #1aa10b);
background-image:-moz-linear-gradient(top, #22d136, #1aa10b);
background-image:-ms-linear-gradient(top, #22d136, #1aa10b);
background-image:-o-linear-gradient(top, #22d136, #1aa10b);
background-image:linear-gradient(to bottom, #22d136, #1aa10b);
text-decoration:none;
}
	
	.learnmore-button2{
	background:#c2c2c2;
	background-image:-webkit-linear-gradient(top, #c2c2c2, #7b7b7b);
	background-image:-moz-linear-gradient(top, #c2c2c2, #7b7b7b);
	background-image:-ms-linear-gradient(top, #c2c2c2, #7b7b7b);
	background-image:-o-linear-gradient(top, #c2c2c2, #7b7b7b);
	background-image:linear-gradient(to bottom, #c2c2c2, #7b7b7b);
	-webkit-border-radius:28;
	-moz-border-radius:28;
	border-radius:28px;
	font-family:Arial;color:#ffffff;font-size:13px; padding:7px 12px 7px 12px;text-decoration:none;
	border:2px solid #4c4c4c;}
	.learnmore-button2:hover{
	background:#d4d4d4;
	background-image:-webkit-linear-gradient(top, #d4d4d4, #a1a1a1);
	background-image:-moz-linear-gradient(top, #d4d4d4, #a1a1a1);
	background-image:-ms-linear-gradient(top, #d4d4d4, #a1a1a1);
	background-image:-o-linear-gradient(top, #d4d4d4, #a1a1a1);
	background-image:linear-gradient(to bottom, #d4d4d4, #a1a1a1);
	text-decoration:none;}
	
.related_links2 a:link, .related_links2 a:visited{text-decoration:none;color:#363636;}
.related_links2 a:hover{text-decoration:underline;color:#363636;}

	/* Style the tab */
	.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	}

	/* Style the buttons that are used to open the tab content */
	.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	}

	/* Change background color of buttons on hover */
	.tab button:hover {
	background-color: #ddd;
	}

	/* Create an active/current tablink class */
	.tab button.active {
	background-color: #ccc;
	}

	/* Style the tab content */
	.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
	}
    
/* Show More Button */

.showmore-button {
  display: inline-block;
  border: none;
  text-align: center;
  
  width: 140px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  box-shadow: 2px 2px 0px #424242;
  
  background:#0898c2;
  background-image:-webkit-linear-gradient(top, #0898c2, #0c6d82);
  background-image:-moz-linear-gradient(top, #0898c2, #0c6d82);
  background-image:-ms-linear-gradient(top, #0898c2, #0c6d82);
  background-image:-o-linear-gradient(top, #0898c2, #0c6d82);
  background-image:linear-gradient(to bottom, #0898c2, #0c6d82);
  -webkit-border-radius:28;
  -moz-border-radius:28;
  border-radius:28px;
  font-family:Arial;
  color:#ffffff;
  font-size:15px;
  padding:14px 21px;
  text-decoration:none;
}

.showmore-button:hover {
transition: 0.5s;
box-shadow: 2px 2px 0px #424242;
background:#22b6d1;
background-image:-webkit-linear-gradient(top, #22b6d1, #0b91a1);
background-image:-moz-linear-gradient(top, #22b6d1, #0b91a1);
background-image:-ms-linear-gradient(top, #22b6d1, #0b91a1);
background-image:-o-linear-gradient(top, #22b6d1, #0b91a1);
background-image:linear-gradient(to bottom, #22b6d1, #0b91a1);
text-decoration:none;
}

.showmore-button {
    background-color:#778ef1;
    color: #FFFFFF;
}

.showmore-button:hover {
    background-color:#376ade;
}

.showmore-button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.showmore-button span:after {
  content: \" \\00BB\";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.showmore-button:hover span {
  padding-right: 15px;
}

.showmore-button:hover span:after {
  opacity: 1;
  right: 0px;
}