/*

My Custom CSS
=============

Author:  Hemang Rishi
Updated: January 2013
Notes:	

*/


/* --------------------------------------
   Layout
   -------------------------------------- */

#SAN{
  margin-top: 20px;
  padding-right: 20px;
}


#SANpic{
  margin-right: 20px;
  margin-bottom: 20px;
}

#linktext{
  margin-left: 30px;
  margin: 40px;
  font-size: 20px;
}

#genpic{
  margin-right: 20px;
}

#linktext2{
  margin: 60px;
  font-size: 20px;
}
#features {
   text-align: center;
}

#mission{
  text-align: center;
  font-size: 20px;
}

#contact_us{
  text-align: left;
}

#address{
  margin-top: 5px;
}

#email{
  margin-top: : 5px;
}

#phone{
  margin-top: 5px;
}

#features img {
   margin: 0 0 20px;
}

#schematic{
  text-align: center;
  vertical-align: center;

}

#designs {
   background: #000000;
}


#informants{
  padding-top: 10px;
}

#dehorning{
  padding-top: 10px;
}

#poisoning{
  padding-top: 10px;
}

#designs img {
   margin: 0 0 20px;
   background: #000000;
}



#inputMessage {
   margin-bottom: 15px;
}

footer {
   background: #333;
   color: #eee;
   font-size: 11px;
   padding: 20px;
}


#header{
   
   margin-top: 50px; 
   background: #000000;
   color: #eee;
   font-size: 11px;
   padding: 20px;
}

#top{
   margin-top: 20px; 
}


#solution{
   margin: 0 30 30 30px;
   padding-right: 40px;
   padding-bottom: 10px
}

#intel{
  text-indent: 20px;
}

#names{
   text-align: center;
}

#whybut{
   margin-bottom: 30px
}

#tab1{
   padding-top: 10px;
   overflow: hidden;
}

#tab2{
   padding-top: 10px;
   overflow: hidden;
}

#tab3{
   padding-top: 10px;
   overflow: hidden;
}

#Placeholderimage{
  margin-right: 20px;
  margin-bottom:20px;
}

#gif{
  margin-left: 20px;
  margin-bottom:10px;
}

#effect{
  padding-top: 100px
}
/* --------------------------------------
   Typography
   -------------------------------------- */

body {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
}

.thumbnail {
  margin-right: 50px;
}


.well .page-header{
   margin-top:0 ;
}

.mission{
  font-size: 50px;
}
.well .page-header{
   margin-top:0 ;
}

ul.unstyled {
   list-style: none;
   padding: 0;
}

li.indent {
  list-style-position: inside;
  text-indent: 10px;
}


.btn-balloon{
   background: #73a8cb;
   background-image: none;
   border:none;
   color: #fff;
   letter-spacing: 1px;
   font-weight: 600;
   text-decoration: none ! important;
   text-shadow: none;
   text-transform: uppercase;
   
   transition: all 0.3s ease-in-out 0s;      
   -webkit-transition: all 0.3s ease-in-out 0s;    
}

.btn-balloon:hover {
   background: #333;
   color: #fff;
}

.btn-camera{
   background: #449467;
   background-image: none;
   border:none;
   color: #fff;
   letter-spacing: 1px;
   font-weight: 600;
   text-decoration: none ! important;
   text-shadow: none;
   text-transform: uppercase;
   
   transition: all 0.3s ease-in-out 0s;      
   -webkit-transition: all 0.3s ease-in-out 0s;    
}

.btn-camera:hover {
   background: #333;
   color: #fff;
}


.btn-camera{
   background: #449467;
   background-image: none;
   border:none;
   color: #fff;
   letter-spacing: 1px;
   font-weight: 600;
   text-decoration: none ! important;
   text-shadow: none;
   text-transform: uppercase;
   
   transition: all 0.3s ease-in-out 0s;      
   -webkit-transition: all 0.3s ease-in-out 0s;    
}

.btn-camera:hover {
   background: #333;
   color: #fff;
}


.btn-power{
   background: #b75226;
   background-image: none;
   border:none;
   color: #fff;
   letter-spacing: 1px;
   font-weight: 600;
   text-decoration: none ! important;
   text-shadow: none;
   text-transform: uppercase;
   
   transition: all 0.3s ease-in-out 0s;      
   -webkit-transition: all 0.3s ease-in-out 0s;    
}

.btn-power:hover {
   background: #333;
   color: #fff;
}


.btn-process{
   background: #f9af2d;
   background-image: none;
   border:none;
   color: #fff;
   letter-spacing: 1px;
   font-weight: 600;
   text-decoration: none ! important;
   text-shadow: none;
   text-transform: uppercase;
   
   transition: all 0.3s ease-in-out 0s;      
   -webkit-transition: all 0.3s ease-in-out 0s;    
}

.btn-process:hover {
   background: #333;
   color: #fff;
}

.btn-transmit{
   background: #ad6eb1;
   background-image: none;
   border:none;
   color: #fff;
   letter-spacing: 1px;
   font-weight: 600;
   text-decoration: none ! important;
   text-shadow: none;
   text-transform: uppercase;
   
   transition: all 0.3s ease-in-out 0s;      
   -webkit-transition: all 0.3s ease-in-out 0s;    
}

.btn-transmit:hover {
   background: #333;
   color: #fff;
}




.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}




/* --------------------------------------
   Navbar
   -------------------------------------- */
#searchInput {
   width: 200px;
} 

.navbar-brand{
   padding: 13px 15px;
}
   
   
/* --------------------------------------
   Carousel
   -------------------------------------- */
#myCarousel {
   margin-top: 60px;
}

.carousel-caption {
   font-size: 24px;
}

.carousel-caption h4 {
   font-size: 32px;
}



#myCarousel .item { height: 400px; }

#slide1 {
   background: url('../../images/home_medium_01.jpg') top center no-repeat;
}

#slide2 {
   background: url('../../images/home_medium_02.jpg') top center no-repeat;
}

#slide3 {
   background: url('../../images/home_medium_03.jpg') top center no-repeat;
}



#slide1a {
   background: url('../../images/whyskyno_medium_01.jpg') top center no-repeat;
}

#slide2b {
   background: url('../../images/whyskyno_medium_02.jpg') top center no-repeat;
}

#slide3b{
   background: url('../../images/esign_01.jpg') top center no-repeat;
}

/* --------------------------------------
   Global Styles
   -------------------------------------- */
.alert {
   margin-top: 20px;
   display: none;
}

.well {
   margin: 20px 0;
}

.tabbable img.thumbnail {
   margin: 0 20px 20px 0;
}
/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {

  #myCarousel .item { height: 310px; }
   
   #slide1 {
      background: url('../../images/home_small_01.jpg') top center no-repeat;
   }
   
   #slide2 {
      background: url('../../images/home_small_02.jpg') top center no-repeat;
   }
   
   #slide3 {
      background: url('../../images/home_small_03.jpg') top center no-repeat;
   }


    #slide1a {
      background: url('../../images/whyskyno_small_01.jpg') top center no-repeat;
   }
   
   #slide2b {
      background: url('../../images/whyskyno_small_02.jpg') top center no-repeat;
   }
   
   
   
   .carousel-caption {
      font-size: 16px;
   }
   
   .carousel-caption h4 {
      font-size: 22px;
   }
   
}

/* Large desktop */
@media (min-width: 1200px) {

   #myCarousel .item { height: 500px; }
   
   #slide1 {
      background: url('../../images/home_01.jpg') top center no-repeat;
   }
   
   #slide2 {
      background: url('../../images/home_02.jpg') top center no-repeat;
   }
   
   #slide3 {
      background: url('../../images/home_03.jpg') top center no-repeat;
   }


   #slide1a {
      background: url('../../images/whyskyno_large_01.jpg') top center no-repeat;
   }
   
   #slide2b {
      background: url('../../images/whyskyno_large_02.jpg') top center no-repeat;
   }
   
   


	
}