html,body {
height: 100%;
/* The html and body elements cannot have any padding or margin. */
}

body{
  background-color: #f5f5f5;
}

p{
font-family: nexa_lightregular;
}

 #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
     /*   margin: 0 auto -60px; */
      }
#nobgwrap {
  background-image: none;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
     /*   margin: 0 auto -60px; */
      }

.logo-top {
width: 12%;
margin-bottom: -92px;
position: relative;
left: 18%;
margin-top: -50px;
}

.navbar-collapse.collapse {
height: 0 !important;
}

.nav {
margin-left: 0;
margin-bottom: -80px;
list-style: none;
padding-top: 40px;
float: right;
position: relative;
/* display: block; */
width: 40%;
right: 26%;
}

.navtab{
    width: 100%;
    right: 0%;
   float: left;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
 color: #FA5151;
}

.liauto{
    height: initial;
    width: initial;
}

.nav-justified > li {
display: table-cell;
width: 200px;
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 1px 0px 21px 1px #5E5353;
}

.nav>li>a, .nav>li>a {
text-decoration: none;
/* background-color: #eeeeee; */
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(1, #FFDA82),
	color-stop(0.05, #D19D00)
);
background-image: -o-linear-gradient(bottom, , #FFDA82 100%#D19D00 5%);
background-image: -moz-linear-gradient(bottom, #FFDA82 100%, #D19D00 5%);
background-image: -webkit-linear-gradient(bottom, #FFDA82 100%, #D19D00 5%);
background-image: -ms-linear-gradient(bottom, #FFDA82 100%, #D19D00 5%);
background-image: linear-gradient(to bottom, #FFDA82 100%, #D19D00 5%);

color: #fff;
font-weight: bold;
text-shadow: 1px 1px #B8B8B8;
}

.nav>li.active>a{
   color: #FA5151;  
}

.nav>li>a:hover, .nav>li>a:focus {
text-decoration: none;
 color: #FA5151;
/* background-color: #eeeeee; */
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.05, #D19D00),
	color-stop(1, #FFDA82)
);
background-image: -o-linear-gradient(bottom, #D19D00 5%, #FFDA82 100%);
background-image: -moz-linear-gradient(bottom, #D19D00 5%, #FFDA82 100%);
background-image: -webkit-linear-gradient(bottom, #D19D00 5%, #FFDA82 100%);
background-image: -ms-linear-gradient(bottom, #D19D00 5%, #FFDA82 100%);
background-image: linear-gradient(to bottom, #D19D00 5%, #FFDA82 100%);
}

.jumbotron{
 background-image:url(../images/backgroundmain.jpg);
 background-repeat: no-repeat;
 background-size:100%;
 height: 300px;
 background-color: transparent;
}

.jumbotron h2{
  font-family: nexa_lightregular;
    color: #fff;
}

.jumbotron p{
  font-size: 18px;
}

#line1{
  color: #fff;
}
#line2{
  font-family: nexa_boldregular;
  font-size: 34px;
}
#line3{
  color: #F17021;
}

.titlemain{
  margin-top:15%;
}

.btn-primary{
  float:left;
}

.mainimg{
float: left;
width: 58%;
position: relative;
/* top: -20%; */
margin-top: -24%;
margin-left: 20%;
}

 /* Set the fixed height of the footer here */
      #push,
      #footer {
       /* height: 60px;   */
       margin-top: 20px;
      }
      #footer {
        background-color: #f5f5f5;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }

.products{
  margin-top:65px;
}

.categoryname{
  font-family: nexa_lightregular;
  width: 100%;
float: left;
margin-top: 20px;
font-size: 20px;
font-weight: bold;
}

.productrowstop{
  border-top: 1px solid orange;
padding-top: 5px;
float: left;
}

.productrows{
padding-top: 30px;
float: left;
}

.productlistpad{
margin-top: 20px;
height: 300px;
}

.productlistimg{
  width: 80%;
}

.btn-pos{
position: relative;
float: left;
top: 20px;
}

.smalltitle{
  text-align: left;
float: left;
width: 100%;
font-family: nexa_lightregular;
color: orange;
font-weight: bold;
font-size: 14px;
}
a:hover, a:focus {
color: #EEB55F;
text-decoration: underline;
}

.listtitle{
  font-family: nexa_lightregular;
font-weight: bold;
font-size: 12px;
color: #000;
}

.modal-dialog {width:700px;}
.thumbnail {margin-bottom:6px;}
.modal-body {
position: relative;
overflow-y: auto;
max-height: 700px;
padding: 15px;
}
.modal.fade.in {
top: 10%;
width: 720px;
/* max-height: 830px; */
overflow: hidden;
}

.weight{
  font-family: nexa_lightregular;
font-weight: normal;
font-size: 12px;
color: #000;
}

.row{
  margin : 0px;
background-color: #f5f5f5;
}

.span12{
  float: none;
  margin: 0 auto;
}

.carousel {
    margin-bottom: 0;
	padding: 0 40px 30px 40px;
}
/* Reposition the controls slightly */
.carousel-control {
	left: -12px;
}
.carousel-control.right {
	right: -12px;
}
/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
    width: 60px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}

.indicate{
  width: 100px;
  margin: 0px auto;
}

.row-fluid .span3 {
width: 14%;
}

.thumbnail {
border: 0px;
background-color: #f5f5f5;
}
a.thumbnail:hover, a.thumbnail:focus{
  border: 2px solid;
}

.span3 > a:hover, .span3 > a:focus {
color: #CC8C1B;
text-decoration: underline;
}

.welcome{
 font-family: nexa_boldregular;
 text-decoration: underline;
 color: #F17021;
}

.aboutus{
font-family: nexa_boldregular;
 color: #F17021;
 border-bottom: 1px solid orange;
 width: 100%;
 display: block;
}

.aboutus > h2{
  line-height:5px;
}

.bottom_left, .bottom_right{
font-family: nexa_lightregular;
margin-bottom: 18px;
padding-left: 50px;
}

.bottom_right2{
font-family: nexa_lightregular;
margin-bottom: 18px;
padding-left: 50px;
}

.bottom_right2 h5{
 color: #F17021;
}

.bottom_left p{
  padding-top: 10px;
}

.orange{
 color: #F17021;
 font-weight: bold;
}

.bottom_right{
  text-align: right;
  line-height: 1;
}

.topborder{
background-color: #777;
height: 1px;
}

.copyright{
padding: 8px;
text-align: center;
border-top: 1px solid #777;
}

/*Tablet & small pc (Portrait and Landscape) */
@media only screen and (min-width: 961px) and (max-width : 1280px){
 .nav{
  width:46%;
  right: 10%;
}

#wrap {
min-height: 500px;
}
.mainimg {
float: left;
width: 48%;
position: relative;
/* top: -20%; */
margin-top: -22%;
margin-left: 25%;
}

.row {
margin-top: -45px;
}
}

/*Tablet / ipad (Portrait and Landscape) */
@media only screen and (min-width: 768px) and (max-width : 960px){
.nav{
  width:60%;
  right: 5%;
}

.navtab{
    width: 100%;
    right: 0%;
}

#wrap {
min-height: 500px;
}

.mainimg {
float: left;
width: 48%;
position: relative;
/* top: -20%; */
margin-top: -26%;
margin-left: 30%;
}
}

/*ipad mini and 7" (Portrait and Landscape) */
@media only screen and (min-width: 569px) and (max-width : 767px){
.navbar-header{
  margin-top:0px;
  background-color: rgba(248, 163, 85, 0.79);
margin: 2px;
border-radius: 8px;
}

.navbar-toggle {
border: 1px solid rgb(214, 163, 31);
}

.navbar-toggle .icon-bar {
background-color: #777;
}

.navbar-collapse.collapse {
 height: auto !important;
}

.logo-top {
width: 30%;
margin-bottom: 0px;
position: relative;
left: 0%;
float: left;
margin-top: -20px;
}

.nav {
width:100%;
 margin-left: 0;
 margin-bottom: inherit;
list-style: none;
padding-top: 0px;
float: none;
/* position: relative; */
/* display: block; */
 right: 0%;
}

.nav-justified > li {
display: block;
width: 100%;
}

.jumbotron h2{
  font-size: medium;
}

#wrap {
  min-height: initial;
height: 340px !important;
}

.row{
margin-top: -44px;
}

.row-fluid [class*="span"] {
display: block;
width: 14%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.7624309392265194%;
}

#line2 {
font-family: nexa_boldregular;
font-size: medium;
}

.mainimg {
float: left;
width: 52%;
position: relative;
/* top: -20%; */
margin-top: -38%;
margin-left: 45%;
}
}

/*Smartphone (Portrait and Landscape) */
@media only screen and (min-width: 240px) and (max-width : 568px){
.navbar-header{
  margin-top:0px;
  background-color: rgba(248, 163, 85, 0.79);
margin: 2px;
border-radius: 8px;
}

.navbar-toggle {
border: 1px solid rgb(214, 163, 31);
}

.navbar-toggle .icon-bar {
background-color: #777;
}

.navbar-collapse.collapse {
 height: auto !important;
}

.logo-top {
width: 30%;
margin-bottom: 0px;
position: relative;
left: -10%;
float: left;
margin-top: -20px;
}

.nav {
width:100%;
 margin-left: 0;
 margin-bottom: inherit;
list-style: none;
padding-top: 0px;
float: none;
/* position: relative; */
/* display: block; */
 right: 0%;
}

.nav-justified > li {
display: block;
width: 100%;
}
.row{
  margin-top:-18px;
}

.row-fluid [class*="span"] {
display: block;
width: 14%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.7624309392265194%;
}
#wrap {
min-height: inherit;
height: auto !important;
}

.jumbotron{
  background-size: 200%;
}

.jumbotron h2{
  font-size: medium;
}

#line2 {
font-family: nexa_boldregular;
font-size: medium;
}

.mainimg {
display: none;
}

.bottom_left, .bottom_right, .bottom_right2 {
font-family: nexa_lightregular;
margin-bottom: 40px;
padding-left: 0px;
}
.bottom_right, .bottom_right2{
  padding-right: 0px;
}

}