/* Rudy-custom CSS */


/* Navbar */
/* Colors Orange=#D13820;  Light Orange=#e18c4d;  Gray=D9D9D9;  Light Blue=#218cda Green=#6c9e1a  light green = #63C200 */


body.product {
	background-color: #eaeaea;
}



.navbar-default .navbar-nav > li > a, a, .link {
	color: #a80000;
}

.navbar-default .navbar-nav > li > a:hover, a:hover, .link:hover {
	color: #000000;
}

.append-play-button::before {
	background-color: #D13820;
}

button, .btn, button.btn {
	background-color: #D13820;
	
}


/* Color buttons */

button:hover, .btn:hover, button.btn:hover {
	background-color: #fff;
	border-color: #fff;
	color: #D13820;
}

#btnUpload {
	background-color: #D13820;
	border: none;
}

#btnUpload:hover, #btnUpload:active, #btnUpload:focus {
	background-color: #D13820;
}

.carousel-indicators.bars li {
	background-color: #000000;
	border-color: #000000;
}

								/* Navigation Bar */
@media screen and (min-width: 768px) {
	pc-header .navbar-brand {
		height: 80px;
		width: 200px;
	}
	.navbar-header {
		margin: 0px;
	}
	#s-nav .container > .navbar-default > .navbar-header {
		display: none;
	}
	#s-nav .navbar-collapse {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#s-nav .navbar-collapse::before {
		content: none;
	}
	#s-nav .navbar-collapse::after {
		content: none;
	}


@media screen and (max-width: 768px) {
	.navbar-default {
		font-family: "Roboto";
        margin-left: -15px;
		margin-right: -15px;
        background-color: #fff;
		border: none;
		border-bottom: 1px solid #e7e7e7;
		max-height: 100vh;
		display: flex;
		flex-direction: column;
        text-align: CENTER;
	}
	.navbar-brand {
		height: 120px;
		width: 200px;
	}
.navbar-nav>li>a {
    line-height: 1.2;
}
    
    pc-header {
		display: none;
	}
	div#s-user {
		padding-bottom: 20px;
	}
	div#s-menu .navbar-nav li a {
		white-space: normal;
	}
}
@media (min-width: 1200px)
.container {
    width: 1200px;
}



							/*   Header Height.   */

	#System_Header, #s-user {
		padding: 5px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	
	#s-user .btn, #s-user #user-cart {
		background-color: inherit;
		border: none;
		padding: 0px;
	}
	
	pc-header {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		-webkit-box-flex: 0;
		-ms-flex: 0 1 25%;
		flex: 0 1 25%;
		margin: 0px;
		max-width: 25%;
	}
	#s-menu {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		-webkit-box-flex: 0;
		-ms-flex: 0 1 75%;
		flex: 0 1 75%;
		text-align: right;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		max-width: 75%;
	}
	#s-menu > * {
		display: inline-block;
	}


	#s-header {
		margin: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: transparent;
		border-radius: 0px;
		z-index: 1;
	}
	#s-header .navbar-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		float: none;
	}

								/* NavBar Height */

	#s-header a.navbar-brand {
		display: block;
		float: none;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0px;
		height: 50px;
		width: 200px;
	}
	#s-header a.navbar-brand:only-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#s-header a.ng-scope {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		max-height: 60px;
	}
	#s-header a.ng-scope:only-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	#s-header a {
		color: #fff;
	}
}


							/* End Navigation Bar */



.cta-product-feature {
	background-color: #eaeaea;
	color: #333;
	display: block;
	-webkit-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	margin-bottom: 20px;
}

.cta-product-feature:hover {
	color: #D13820;
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cta-product-feature:hover .cta-product-feature__caption-title {
	color: #D13820;
}

.cta-product-feature strong {
	color: #D13820;
}


.review-item__score {
	color: #D13820;
	margin-bottom: 10px;
}



#p-footer a:hover {
	color: #fff;
}

#p-footer a:hover::after {
	width: 100%;
	background-color: #D13820;
}



	#System_Header {
		background-color: #D13820;
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 50%;
		flex: 1 0 50%;
		position: relative;
		max-width: 50%;
        font-family: "Montserrat", Geneva, Verdana, sans-serif;
	    font-weight: 100;
	}
	#System_Header::before {
		content: "";
		display: block;
		height: 100%;
		background-color: #D13820;
		position: absolute;
		top: 0px;
		right: 100%;
		width: 50vw;
	}
	#s-user {
		background-color: #D13820;
		color: #000;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 50%;
		flex: 1 0 50%;
		text-align: right;
		margin: 0px;
		position: relative;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		max-width: 50%;
	}
	#s-user a, #s-user a.btn {
		color: #fff;
	}
	#s-user * {
		display: inline-block;
		float: none !important;
		margin: 0;
		padding: 0 5px;
	}

	#s-user::after {
		content: "";
		display: block;
		height: 100%;
		background-color: #D13820;
		position: absolute;
		top: 0px;
		left: 100%;
		width: 50vw;
	}
	



#s-products .list-group-item > a:hover {
	background-color: #333979;
	color: #fff;
}
								
								/* Product Tabs */

ul.tabbernav li a, ul.tabbernav li a:link {
	padding: 0 6px;
	text-decoration: none;
	text-align: center;
	display: block;
	font-size: 1.0em;
	line-height: 47px;
	height: 47px;
	width: 100%;
	transition: all 40ms ease-in-out;
	color: #000;
	background: #fff;
	border: none;
	border-radius: 0px;
	margin: 0px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;

}


.tabberlive .tabbertabhide {
	display: none;
}




.tabberlive {
	margin-top: 1em;
	margin-bottom: 40px;
}

ul.tabbernav {
	margin: 0;
	padding: 3px 0;
	height: 18px;
	width: 100%;
	border: none;
}

ul.tabbernav li a {
	color: #fff;
	padding: 0 24px;
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	font-size: 1.2em;
	line-height: 47px;
	height: 47px;
	background: #fff;
	margin-left: 4px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}




ul.tabbernav li a:hover {
	color: #000;
	background: #fff;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

								/* Active Tab */

ul.tabbernav li.tabberactive a {
	color: #fff;
	background: #63C200;
	border-top: 4px solid #218cda;
	border-right: 1px solid #000;
	border-left: 1px solid #0000;
}


								/* Hover over Tabs */

ul.tabbernav li.tabberactive a:hover {
	background: #63C200;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	

}


ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline-block;
	width: 25%;
	 
}

								/* Product Info Tab static */






								/* Job Specifications Box */

body.product #order .panel-heading {
	color: fff;
	border-radius: 0px;    
	background-color: order-job-specs-bg-color;
	background: #D13820;
	height: 47px;
	padding: 0;
	border: none;
}

	
								/* Hover over Product Info Tab */


ul.tabbernav li a:hover, ul.tabbernav li a:link:hover {
	color: #fff;        
	background: #ffff  
	font-weight: bold;
	border-top: 4px solid #218cda;
	

}


.tabberlive .tabbertab {
	background: #fff;
	border: 1px solid #000000;
	border-width: 1px;
	border-style: solid;
	margin-top: 26px;
	padding: 10px;
	width: 100%;

}

.tabbertab {
	background: #fff;
	border-color: #fff;
}

.tabbertab a {
	color: #ff0000;
	
}

.tabbertab a:hover {
	text-decoration: none;
	color: #000000;
	border-top: 5px solid black
}






								/* Prices */


body.product #order #quote-top, body.product #order #quote-val, body.product #order #save-unit {
	color: #6c9e1a;
	font-weight: bold;
	background-color: transparent;
	font-size: 1.75rem;
}



								/* Categories Menu */

								/* Three Rules next to Product Box */

#s-products #hdr-products p {
	font-size: 3rem;
	color: transparent;
	margin: 0;
	position: relative;
	font-family: "Gotham", sans-serif;
	font-weight: 500;
	font-size: 2.75rem;
	margin: 0px;
}

								/* Product Box three rule placement */

#s-products #hdr-products p::before {
	content: "";
	position: absolute;
	top: 35%;
	left: 10px;
	width: 0.75em;
	height: 0.63em;
	border-top: 0.375em double #fff;
	border-bottom: 0.125em solid #fff;
}

								/* Product Box Text */

#s-products #hdr-products p::after {
	content: "Products";
	display: block;
	font-family: "Roboto";
	font-weight: 500; 
	letter-spacing: 2px; 	
	font-size: 2.75rem;
	position: absolute;
	color: #fff;
	top: 4px;
	margin-left: 45px;
}

								/* End Three Rules next to Product Box */

								
#s-products .btn {
	background-color: #fff;
	color: #D13820;
}

#s-products .btn:hover {
	background-color: #218cda;
	color: #fff;
}

#s-products .list-group-item > a:hover {
	background-color: #218cda;
	color: #fff;
}
								/* Header blocks for Products */

#hdr-products {
	background-color: #D13820;
	padding: 7px;
}



								/* Bottom Footer Color */

#container__footer {
	background-color: #FFFFFF;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 5px;
}

#copyright_footer {
	background-color: #000000;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 12px;
	margin: 0px;
}


#p-footer a:hover::after {
	width: 100%;
	background-color: #000000;
}


.carousel-inner > .item > img.background-image {
    width: 100%;
    min-height: 110px;
    object-fit: scale-down;
    object-position: initial;

}

								/* Price Bar area */


div.save.discount {
    color: #db0505;
    Font-size: 20px;
    font-variant-caps: inherit;
    font-weight: bold;

}

div.save.full {

    font-weight: bold;
    Font-size: 16px;

}

.nav>li>a {
    position: relative;
    display: block;
    padding: 15px 10px;
    
@media screen and (min-width: 768px)
#s-menu {
    font-family: "Roboto";
    font-size: 1.4rem;
    font-weight: 300;
    text-transform: uppercase;
    
/* dropdowns.less css */
    
//
// Dropdown menus
// --------------------------------------------------

.dropdown-header {
  display: block;
  padding: 2px 20px;
  font-size: @font-size-small;
  line-height: @line-height-base;
  color: @dropdown-header-color;
  white-space: nowrap; // as with > li > a
}