/*bootstrap navbar-fixed-top fix*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap');

body {
	font-family: 'Roboto', sans-serif;
	padding-top: 60px;
	padding-bottom: 40px;
	background-color: #F0FFFC;
}

/*
.content {
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
*/

.dropdown a {
	cursor: pointer;
}

.nav-list > .parent > a {
	background: #999;
}

.sidebar-nav {
	padding: 9px 0;
	margin: 0 -19px;
}

.well-inverse {
	background-color: transparent;
}

.qty_minus, .qty_plus {
	padding: 0 6px !important;
}

.navbar-inverse .navbar-inner {
	background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top, #7FB39C, #8DC4AC);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7FB39C), to(#8DC4AC));
    background-image: -webkit-linear-gradient(top, #7FB39C, #8DC4AC);
    background-image: -o-linear-gradient(top, #7FB39C, #8DC4AC);
    background-image: linear-gradient(to bottom, #7FB39C, #8DC4AC);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7FB39C', endColorstr='#ff8DC4AC', GradientType=0);
    border-color: #7FB39B;
}

.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a {
	background-color: #8DC4AC;
    background-image: -moz-linear-gradient(top, #8DC4AC, #7FB39C);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8DC4AC), to(#7FB39C));
    background-image: -webkit-linear-gradient(top, #8DC4AC, #7FB39C);
    background-image: -o-linear-gradient(top, #8DC4AC, #7FB39C);
    background-image: linear-gradient(to bottom, #8DC4AC, #7FB39C);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8DC4AC', endColorstr='#7FB39C', GradientType=0);
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: #8DC4AC;
    color: #000;
	text-shadow: none;
}

.navbar-inverse .brand, .navbar-inverse .nav>li>a {
    color: #000;
    text-shadow: none;
}

.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {
	border-top-color: #000;
	border-bottom-color: #000;
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}

.navbar-inverse .nav li.dropdown>a:hover .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}

.navbar-inverse .brand:hover, .navbar-inverse .nav>li>a:hover {
    color: #000;
}

.navbar-inverse .nav>li>a:focus, .navbar-inverse .nav>li>a:hover {
	color: #000;
}

.btn-sample {
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #297452;
	*background-color: #297452;
	background-image: -moz-linear-gradient(top, #698679, #297452);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#698679), to(#297452));
	background-image: -webkit-linear-gradient(top, #698679, #297452);
	background-image: -o-linear-gradient(top, #698679, #297452);
	background-image: linear-gradient(to bottom, #698679, #297452);
	background-repeat: repeat-x;
	border-color: #297452;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#698679', endColorstr='#297452', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-sample:hover,
.btn-sample:focus,
.btn-sample:active,
.btn-sample.active,
.btn-sample.disabled,
.btn-sample[disabled] {
	color: #FFFFFF;
	background-color: #297452;
	*background-color: #003bb3;
}

.btn-checkout {
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #27506C;
	*background-color: #27506C;
	background-image: -moz-linear-gradient(top, #7994A7, #27506C);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7994A7), to(#27506C));
	background-image: -webkit-linear-gradient(top, #7994A7, #27506C);
	background-image: -o-linear-gradient(top, #7994A7, #27506C);
	background-image: linear-gradient(to bottom, #7994A7, #27506C);
	background-repeat: repeat-x;
	border-color: #27506C;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7994A7', endColorstr='#27506C', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-checkout:hover,
.btn-checkout:focus,
.btn-checkout:active,
.btn-checkout.active,
.btn-checkout.disabled,
.btn-checkout[disabled] {
	color: #FFFFFF;
	background-color: #27506C;
	*background-color: #003bb3;
}

.product_pic {
	width:auto;
	max-width:300px;
	max-height:169px;
}

@media (max-width: 979px) {
	body {
		padding-top: 60px;
		padding-bottom: 0;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
		position: fixed;
	}
	.navbar-fixed-top .container-fluid, .navbar-fixed-bottom .container-fluid {
		padding-right: 20px;
		padding-left: 20px;
	}	
	.navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a {
		color: #fff;
	}
	.navbar-inverse .nav-collapse .nav>li>a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover {
		background-color: #fff;
		color: #000;
	}
	.navbar-inverse .brand, .navbar-inverse .nav>li>a {
		font-size: 14px;
		font-weight: bold;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 10px;
		max-width: 220px;
	}
	.product_pic { width:100%; height: auto; max-width: none; max-height: none;}
}

.navbar-inverse .brand {
	color:#fff;
}

.centered-pills { text-align:center; }
.centered-pills ul.nav-pills { display:inline-block; }
.centered-pills li { display:inline; }
.centered-pills a { float:left; }
* html .centered-pills ul.nav-pills { display:inline; } /* IE6 */
*+html .centered-pills ul.nav-pills { display:inline; } /* IE7 */

h4 {clear: both; border-bottom: 2px solid #ddd; font-size: 28px; line-height: 50px; margin: 20px 0;}
.nobold {font-weight: 400;}
footer .nav {background: #F0FFFC;}
a { color: #555; }
a:hover { color: #333; }