

.parallax{
    /* The image used */
    background-image: url("../images/bg2.jpg");
    width:100%;

    /* Set a specific height */
    min-height: 919px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.wel
{

    margin-top: 70px;
        border:0px; 

    background: rgba(255,175,75,1);
background: -moz-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(250,13,127,0.38) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(250,13,127,0.38)));
background: -webkit-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(250,13,127,0.38) 100%);
background: -o-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(250,13,127,0.38) 100%);
background: -ms-linear-gradient(left, rgba(255,175,75,1) 0%, rgba(250,13,127,0.38) 100%);
background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(250,13,127,0.38) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#fa0d7f', GradientType=1 )
}
#intro
{

    text-align:center;
    color:#ffe6f2;
    font-family: 'Suez One', serif;
}


.deva
{

  width:400px;
  margin-top: 130px;
}
.devtext
{

  width:210px;
  height:310px;
  
  float:right;


}
.devpara
{


    font-size: 18px;
    text-align: center;
    padding-top: 130px;

}
.paneltop
{

margin-top: 190px;


}

.goToTop {
  position: fixed;
  top: 0;
  height: 60px;
  z-index: 1;
  width:100%;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #080808;
    height: 58px;
}
.box1 {
  width: 100%;
}
.goToTop.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
    }
    .intro_p
    {
      text-align: justify;
      font-family: 'Sriracha', cursive;
      font-size: 16px;
  line-height: 1.5em;
  padding-top:60px;
    }
  .about
{
  padding-top: 20px;
  padding-bottom: 30px;
  text-align: center;
  color: #990000;
  font-weight: bold;
  font-style: italic;
   font-family: 'Kreon', serif;
}
.nav1
{

background-color: #ff3300;
border:1px solid #ff3300;

}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    height: 58px;
    }

    .navbar-inverse .navbar-nav>li>a {
    color: #fff;
    font-size: 15px;
  font-family: 'Baloo Paaji', cursive;
  }

  .nav_pad
  {
    padding-top: 8px;
margin-left: 50px;

  }
  .logo_img
  {
margin-bottom: 10px;

  }
  #about
  {

    margin-top: -20px;
  }
  .navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li.active a {
      color: #ffcc00; !important;
      }
  #products
  {
height:auto;
width:100%;
      }
      .box2
      {

    margin-top: 40px;
      }
      .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  .gal
  {
width:100%;
height:500px;
background-color: #ff5050;

  }
  /* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {
    margin-bottom: 0;
  padding: 40px 40px 40px 40px;
   overflow: hidden;
  display: inline-block;
  clear:both;
 
  background: rgba(243,226,199,1);
background: -moz-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(233,212,179,0.26) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,226,199,1)), color-stop(100%, rgba(233,212,179,0.26)));
background: -webkit-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(233,212,179,0.26) 100%);
background: -o-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(233,212,179,0.26) 100%);
background: -ms-linear-gradient(left, rgba(243,226,199,1) 0%, rgba(233,212,179,0.26) 100%);
background: linear-gradient(to right, rgba(243,226,199,1) 0%, rgba(233,212,179,0.26) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=1 );
}
/* 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;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
  background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}
.wellbg
{
  background-color: #ff9966;
}
@media only screen and (max-width : 640px) 

{

.wellbg 
{
  display: none;
}
}

.foot
{

  width:100%;
  height:auto;
  margin-top: -23px;
background: rgba(230,152,138,1);
background: -moz-linear-gradient(left, rgba(230,152,138,1) 0%, rgba(245,241,240,1) 36%, rgba(245,241,240,1) 71%, rgba(230,152,138,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230,152,138,1)), color-stop(36%, rgba(245,241,240,1)), color-stop(71%, rgba(245,241,240,1)), color-stop(100%, rgba(230,152,138,1)));
background: -webkit-linear-gradient(left, rgba(230,152,138,1) 0%, rgba(245,241,240,1) 36%, rgba(245,241,240,1) 71%, rgba(230,152,138,1) 100%);
background: -o-linear-gradient(left, rgba(230,152,138,1) 0%, rgba(245,241,240,1) 36%, rgba(245,241,240,1) 71%, rgba(230,152,138,1) 100%);
background: -ms-linear-gradient(left, rgba(230,152,138,1) 0%, rgba(245,241,240,1) 36%, rgba(245,241,240,1) 71%, rgba(230,152,138,1) 100%);
background: linear-gradient(to right, rgba(230,152,138,1) 0%, rgba(245,241,240,1) 36%, rgba(245,241,240,1) 71%, rgba(230,152,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6988a', endColorstr='#e6988a', GradientType=1 );
}
.slid_er
{

  padding-left:130px;
  padding-right: 130px;
}
@media only screen and (max-width : 2000px)
 {

.slid_er
{

  padding-left: 320px;
  padding-right: 250px;

}

}
.footbg
{

  height:auto;
margin-top: 30px;
padding-left: 120px;
}
.foot1
{

margin-top: 23px;
border-radius: 10px;
margin-top:40px;
padding-top: 16px;
background-color: #336699;
color:#fff;

}
.medal
{


  margin-top:100px;

}
@import url(http://fonts.googleapis.com/css?family=Anaheim);


h1{
  display: table;
  margin: 5% auto 0;
  text-transform: uppercase;
  font-family: 'Anaheim', sans-serif;
  font-size: 3em;
  font-weight: 400;
  text-shadow: 0 1px white, 0 2px black;
}
.container1{
  margin: 4% auto;
  width: 210px;
  height: 140px;
  position: relative;
  perspective: 1000px;
}
#carousel{
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  animation: rotation 20s infinite linear;
}
#carousel:hover{
  animation-play-state: paused;
}
#carousel figure{
  display: block;
  position: absolute;
  width: 90%;
  height: 50%px;
  left: 10px;
  top: 10px;
  background: black;
  overflow: hidden;
  border: solid 5px black;
}
#carousel figure:nth-child(1){transform: rotateY(0deg) translateZ(288px);}
#carousel figure:nth-child(2) { transform: rotateY(40deg) translateZ(288px);}
#carousel figure:nth-child(3) { transform: rotateY(80deg) translateZ(288px);}
#carousel figure:nth-child(4) { transform: rotateY(120deg) translateZ(288px);}
#carousel figure:nth-child(5) { transform: rotateY(160deg) translateZ(288px);}
#carousel figure:nth-child(6) { transform: rotateY(200deg) translateZ(288px);}
#carousel figure:nth-child(7) { transform: rotateY(240deg) translateZ(288px);}
#carousel figure:nth-child(8) { transform: rotateY(280deg) translateZ(288px);}
#carousel figure:nth-child(9) { transform: rotateY(320deg) translateZ(288px);}

.img1{
  -webkit-filter: grayscale(1);
  cursor: pointer;
  transition: all .5s ease;
}
.img1:hover{
  -webkit-filter: grayscale(0);
  transform: scale(1.2,1.2);
}

@keyframes rotation{
  from{
    transform: rotateY(0deg);
  }
  to{
    transform: rotateY(360deg);
  }
}
.foottext
{

   font-family:'Kreon', serif;
   font-style: italic;
   font-size: 16px;
}
.footlink
{

  font-weight:bold;
  font-family:'Kreon', serif
  font-size:15px;
}