body
{
	font-family: 'Open Sans' !important;
    background-color:#343a40;
}
.bg-color
{
    background-color:white !important;
}

.demo {
    width:100%;
}
ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
li {
    display: block;

    margin-right: 6px;
    cursor:pointer;
}
img {
    display: block;
    height: auto;
    max-width: 100%;
}
.topbar
{
	background-color:  #282d33;
}
.topbar p
{
    color: ;
}
.navbar-dark .navbar-nav .nav-link
{
    color: white;
}
.dropdown-item:focus, .dropdown-item:hover
{
    background-color:#efefef;
}
.card-footer
{
	background-color:transparent;
    padding: 0  !important;
    padding-left: 1.25rem !important;
        padding-top: 0.75rem !important;
}
}
.product-card
{
	padding: .1rem 0.0rem;
}
.card-title
{
	font-weight:normal !important;
}
p.card-text
{
	font-weight: 300 !important;
}
.btn-link
{
	color: #343a40;
}
.btn-link:hover
{
	text-decoration:none;
}
.btn-link:focus
{
	text-decoration:none;
}
[data-toggle="collapse"].collapsed .fas:before {
  content: "\f067";
}
[data-toggle="collapse"] .fas:before {  
  content: "\f068";
}


.page-link 
{
	color: #343a40;
}

.page-link a
{
	color: #343a40;
}
.in{
opacity: .9;
}
.slider.slider-horizontal{
 width:65% !important;
 }
 .breadcrumb, a
 {
 	background-color:transparent;
 	padding-bottom: 0;
 	color:#343a40;
 }


h4 {
    margin: 20px 10px 10px;
}
p {
    margin: 0px;
}

#carousel-example-generic {
    margin: 20px auto;
    width: 400px;
}

#carousel-custom {
    margin: 20px auto;
    width: 400px;
}
#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}
#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}
#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}
#carousel-custom .carousel-outer {
    position: relative;
}
.dropdown-menu{
    border-radius: .1rem !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link
{
    background-color: #343a40;
}