body {
	color:#000
}
.form-group{
	color:#000;
	text-align:left;
	margin-bottom:30px
}
.form-group h4 {
    color: #10c0c8;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
}
.form-group h4:before{
	content:"\261B";
	margin-right:10px;
	font-size: 25px;
}
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 100;
}
h1, h2, h3, h4, h5{
	color:#000;
}
ol.r {list-style-type: upper-alpha;}
ol.f {list-style-type: decimal;}

/*for 1.*/
.foo {
  counter-reset: foo;
}
.foo li {
  list-style-type: none;
}
.foo li::before {
  counter-increment: foo;
  content: "1." counter(foo) " ";
}
.foo01 {
  counter-reset: foo01;
}
.foo01 li {
  list-style-type: none;
}
.foo01 li::before {
  counter-increment: foo01;
  content: "1.2." counter(foo01) " ";
}

/*for 2.*/
.foo1 {
  counter-reset: foo;
}
.foo1 li {
  list-style-type: none;
}
.foo1 li::before {
  counter-increment: foo1;
  content: "2." counter(foo1) " ";
}
.fo11 {
  counter-reset: fo11;
}
.fo11 li {
  list-style-type: none;
}
.fo11 li::before {
  counter-increment: fo11;
  content: "2.1." counter(fo11) " ";
}

/*for 3.*/
.foo2 {
  counter-reset: foo;
}
.foo2 li, .foo21 li {
  list-style-type: none;
}
.foo2 li::before {
  counter-increment: foo2;
  content: "3." counter(foo2) " ";
}
.foo21 {
  counter-reset: foo21;
}
.foo21 li::before {
  counter-increment: foo21;
  content: "3.3." counter(foo21) " ";
}

/*for 4.*/
.foo3 {
  counter-reset: foo3;
}
.foo3 li, .foo31 li {
  list-style-type: none;
}
.foo3 li::before {
  counter-increment: foo3;
  content: "4." counter(foo3) " ";
}
.foo31{
  counter-reset: foo31;
}
.foo31 li::before {
  counter-increment: foo31;
  content: "4.1." counter(foo31) " ";
}

/*for 5.*/
.foo5 {
  counter-reset: foo5;
}
.foo5 li, .foo51 li {
  list-style-type: none;
}
.foo5 li::before {
  counter-increment: foo5;
  content: "5." counter(foo5) " ";
}
.foo51{
  counter-reset: foo51;
}
.foo51 li::before {
  counter-increment: foo51;
  content: "5.1." counter(foo51) " ";
}

/*for 7.*/
.foo7 {
  counter-reset: foo7;
}
.foo7 li, .foo71 li {
  list-style-type: none;
}
.foo7 li::before {
  counter-increment: foo7;
  content: "7." counter(foo7) " ";
}
.foo71{
  counter-reset: foo71;
}
.foo71 li::before {
  counter-increment: foo71;
  content: "7.1." counter(foo71) " ";
}

/*for 8.*/
.foo8 {
  counter-reset: foo8;
}
.foo8 li, .foo81 li {
  list-style-type: none;
}
.foo8 li::before {
  counter-increment: foo8;
  content: "9." counter(foo8) " ";
}
.foo81{
  counter-reset: foo81;
}
.foo81 li::before {
  counter-increment: foo81;
  content: "9.1." counter(foo81) " ";
}

/*for 10.*/
.foo10 {
  counter-reset: foo10;
}
.foo10 li, .foo101 li {
  list-style-type: none;
}
.foo10 li::before {
  counter-increment: foo10;
  content: "10." counter(foo10) " ";
}
.foo101{
  counter-reset: foo101;
}
.foo101 li::before {
  counter-increment: foo101;
  content: "10.1." counter(foo101) " ";
}

/*for 11.*/
.foo11 {
  counter-reset: foo11;
}
.foo11 li, .foo1-1 li {
  list-style-type: none;
}
.foo11 li::before {
  counter-increment: foo11;
  content: "11." counter(foo11) " ";
}
.foo1-1{
  counter-reset: foo1-1;
}
.foo1-1 li::before {
  counter-increment: foo1-1;
  content: "11.1." counter(foo1-1) " ";
}

/*for 12.*/
.foo12 {
  counter-reset: foo12;
}
.foo12 li, .foo121 li {
  list-style-type: none;
}
.foo12 li::before {
  counter-increment: foo12;
  content: "12." counter(foo12) " ";
}
.foo121{
  counter-reset: foo121;
}
.foo121 li::before {
  counter-increment: foo121;
  content: "12.1." counter(foo121) " ";
}

/*for 13.*/
.foo13 {
  counter-reset: foo13;
}
.foo13 li, .foo131 li {
  list-style-type: none;
}
.foo13 li::before {
  counter-increment: foo13;
  content: "13." counter(foo13) " ";
}
.foo131{
  counter-reset: foo131;
}
.foo131 li::before {
  counter-increment: foo131;
  content: "13.1." counter(foo131) " ";
}

/*for 14.*/
.foo14 {
  counter-reset: foo14;
}
.foo14 li{
  list-style-type: none;
}
.foo14 li::before {
  counter-increment: foo14;
  content: "14." counter(foo14) " ";
}

/*for 15.*/
.foo15 {
  counter-reset: foo15;
}
.foo15 li, .foo151 li {
  list-style-type: none;
}
.foo15 li::before {
  counter-increment: foo15;
  content: "15." counter(foo15) " ";
}
.foo151{
  counter-reset: foo151;
}
.foo151 li::before {
  counter-increment: foo151;
  content: "15.1." counter(foo151) " ";
}

/*for 16.*/
.foo16 {
  counter-reset: foo16;
}
.foo16 li, .foo161 li {
  list-style-type: none;
}
.foo16 li::before {
  counter-increment: foo16;
  content: "16." counter(foo16) " ";
}
.foo161{
  counter-reset: foo161;
}
.foo161 li::before {
  counter-increment: foo161;
  content: "16.1." counter(foo161) " ";
}

/*for 17.*/
.foo17 {
  counter-reset: foo17;
}
.foo17 li, .foo171 li {
  list-style-type: none;
}
.foo17 li::before {
  counter-increment: foo17;
  content: "17." counter(foo17) " ";
}
.foo171{
  counter-reset: foo171;
}
.foo171 li::before {
  counter-increment: foo171;
  content: "17.2." counter(foo171) " ";
}

/*for 17.*/
.foo18 {
  counter-reset: foo18;
}
.foo18 li, .foo181 li {
  list-style-type: none;
}
.foo18 li::before {
  counter-increment: foo18;
  content: "18." counter(foo18) " ";
}
.foo181{
  counter-reset: foo181;
}
.foo181 li::before {
  counter-increment: foo181;
  content: "18.11." counter(foo181) " ";
}

.navbar-default .navbar-nav > li > a {
    color: #FFF;
    font-weight: bold;
}
.navbar-nav>li {
    margin-left: 10px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    text-transform: capitalize;
   color: #000;
    font-size: 1.5rem;
}
.navbar-default .navbar-nav > li > a {
    font-weight: bold;
    font-size: 1.5rem;
    text-transform: capitalize;
}
.navbar-default .navbar-nav > li > a : hover{
	text-transform:capitalize
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    text-transform: capitalize;
    background-color: #10c0c8;
}
small.product_info {
    font-size: 20px;
}
body{
	font-size:1.5em;
}
.product {
    border: 2px solid #10c0c8;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-align: center;
    background-color: #f5f5f5;
    min-height: 123px;
}
.product:hover {
    text-decoration: none;
    background-color: #ebfcfd;
    color: #000;
}
footer{
	text-align: center;
    color: #000;
    background-color: #f2f2f2;
    padding: 15px;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

/*mobile*/
@media screen and (max-width: 768px){
	.navbar-nav>li {
		margin-left: 0px; 
	}
	.navbar-nav {
		margin: 7.5px -15px;
		position: absolute;
		background-color: #000;
		z-index: 9999!important;
		width: 90%;
	}
}