/* CSS Document */
@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100|Fjalla+One|Titillium+Web);

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
   color: #4b4b4b;
}

body {
  color: #6a6668;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}

.body-wrapper {
  border: 0px solid #c4eaf8;
  -moz-box-shadow: 0px 0px 12px #c4eaf8;
  -webkit-box-shadow: 0px 0px 12px #c4eaf8;
  box-shadow: 0px 0px 12px #c4eaf8;
}


.top-wrapper {
 
}

/* ****************** Main Menu CSS Goes Here ******************   */

.main-menu {
  background: transparent;
  font-weight:lighter;
  /*border:  1px solid #e90387;*/
}



  .navbar-inner {
    border:  none;
    background: transparent;
    border-radius:0px;
    padding-bottom: 0px;
    box-shadow: none;
    background-color: none;
    background-image: none;

   /* background-image: -moz-linear-gradient(top, #FFF, #FFF);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff, #fff);
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-repeat: repeat-x;*/
  /*  opacity: 0.5;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;*/

  }

  .navbar .nav  {
    color:lightblue;
    margin-left: 5px;
    /*text-transform: lowercase;*/
  }

  .navbar .nav > li > a {
    float: none;
    padding: 10px 2px 5px;
    color: #00acea;
    margin: 8px;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    text-transform:uppercase;
    font-family: 'Titillium Web', sans-serif;
}

  .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    /*background-color: #ed2027; */
    background: transparent;
    box-shadow: none;
    text-shadow:none;
    font-weight: 500;
    color: #e80286;
    border-bottom:1px solid #e80286;
    opacity: 1;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;

  }

h2 ,h3 ,h4 {
  color: #e80286;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
}



/* ******************End of  Main Menu CSS Goes Here ******************   */

.product-page {
  color: #FFF;
  width: 100%;
  background-color: #ed2027;
}
      .product-page h3  , .right-content h3 {
        color: #000;
        font-size: 22px;
        font-weight: 600;
        font-family: "Century Gothic",san-serif;
      }

      .product-page p a {
        color: #000;
      }

      .product-page p a:hover ,.product-page p a:focus {
        color: #FFF;
      }


.main-content {

}

.main-content p { line-height:  26px;}

  .page-header h2 {
    clear: both;
    font-size: 24px;
  }

 .intro-image  img {
  float: left;
  padding:10px;
  height: 150px;
  width: 150px;
  margin-right: 8px;
  border: 8px solid #d8d8d8;
 }

 .intro-image  img:hover , .intro-image  img:focus {
  border: 8px solid #ed2027;
 }

.right-content {

}

  .newsflash-title {
    font-size: 14px;

  }

 li  .newsflash-title {
    list-style-image: outside url('../images/ab_ham_list_style.png');

    color: #ed2027;
  }

  .right-content p strong {
    font-size: 12px;
  }

  .acysubbuttons .btn-primary{
    border-radius:  0px;
    background-color:#ed2027;
  }

.item-image {
  float:left;
  margin:8px;
  width:200px;
  height: auto;
}

  .btn {
    background-image: none;
    text-shadow:none;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    border-radius: 0px;
    font-size:12px;
    text-transform: uppercase;
  }

  .btn-primary {
  width: 100%;
  color: #ffffff;
  text-shadow: none;
  background-color:#e80286;
  background-image: none;
  *background-color: #e80286;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  }

  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:active,
  .btn-primary.active,
  .btn-primary.disabled,
  .btn-primary[disabled] {
    color: #ffffff;
    background-color: #6d0e11;
    *background-color: #6d0e11;
    text-shadow:none;
    font-style: normal;
  }


/* Topography   */




.redtext { color: #ed2027;}


/* Bottom Content  */

.bottom-content {
  border-top: 3px solid  #e80286;
  width:  100%;
}

  .google-map {
     image-size:cover;
     overflow: hidden;
  }

  .footer {
    margin-top: -60px;
  }


/**** read more link css layout****/

.readmore  a {
  background-color: #e80286;
}
/**Cotact us page CSS*/

.form-actions {
    background-color:#fff;
    border-top: 0px;
}
#contact-form legend:first-child {
	display:none;
}
.contact h3 { visibility: hidden;}

/* Large Screen Size  */


 @media (min-width: 1200px) {

  .main-menu  {
    margin-top: 40px;
    height: 50px;
  }

  .main-content {
    margin-left: 50px;
  }


 }

/* Portrait tablet to landscape and desktop */
 @media (min-width: 768px) and (max-width: 979px) {


  }

/* Landscape phone to portrait tablet */

 @media (max-width: 767px) {


  }

 /* Landscape phones and down */
@media (max-width: 480px) {
  .main-content {
    padding-left: 15px;

  }


}