/* --------------------------------------
   Navigation
   -------------------------------------- */

#searchInput
{
      width: 200px;
}

#myLogo
{
}

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

/* --------------------------------------
   Buttons
   -------------------------------------- */
.btn
{

      margin-top: 2px;
}

/* --------------------------------------
   Email
   -------------------------------------- */
span.reverse
{
      unicode-bidi: bidi-override;
      direction: rtl;
}

/* --------------------------------------
   Typography padding-top: 50px;
   -------------------------------------- */

body
{
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizelegibility;
      padding-bottom: 70px;
      width: 100%;
      height: 100%;
      position: relative;
}

html
{
      width: 100%;
      height: 100%;
}

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

.well .page-header h1
{
      margin-top: 0;
}
/* 
#main .row
{
      padding-top: 70px;
} */

#main h2
{
      padding-left: 20px;
}

#main .btn-lg
{
      margin-top: 5px;
}

.tabbable
{
      margin-top: 5px;
}

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



/* --------------------------------------
   Modal
   -------------------------------------- */
#iframeModal
{
      width: 100%;
      height: 500px;
}

/* --------------------------------------
   Screen size stuff
   -------------------------------------- */
/*@percent: 1;
    @height: `Math.round( screen.height * @{percent})`;
    @width: `Math.round( screen.width * @{percent})`;
    div.content {
    margin: auto;
    top: @height;
    width: @width;
    }


/* --------------------------------------
   Navbar
   -------------------------------------- */

   
/* --------------------------------------
   Three boxes in midel
   -------------------------------------- */
#myServices .caption
{
      text-align: center;
}

/*#leftBox {
	background: url('../../images/home-page/people-front-box-lg.jpg') top center no-repeat;
}*/
   
/* --------------------------------------
   Carousel
   -------------------------------------- */

#myCarouselHome
{
      margin-top: 80px;
}

#myCarouselHome .carousel-caption
{
      background-color: rgba(0,0,0,0.30);
}

#myCarouselHome .carousel-inner h4
{
      font-weight: bold;
      font-size: 32px;
      color: #FFFFFF;
}

#myCarouselHome .carousel-inner p
{
      font-weight: bold;
      font-size: 24px;
      color: #FFFFFF;
}
}

/*#myCarouselHome .item { 
    height: 400px; 
}*/

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

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

#slide3
{
      background: url('../../images/slider-home/boy-face-md.jpg') top center no-repeat;
}

#slide4
{
      background: url('../../images/slider-home/home-log-md.jpg') top center no-repeat;
}

#slide5
{
      background: url('../../images/slider-home/car-flag-md.jpg') top center no-repeat;
}

/* --------------------------------------
   Global Styles
   -------------------------------------- */

.alert
{
      margin-top: 20px;
      display: none;
}

.well
{
      margin: 20px 0;
}


/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */

.people-section
{
      height: 100%;
      padding-top: 50px;
      
      background: #fff;
}

.promotion-section
{
      height: 100%;
      padding-top: 50px;
      
      background: #fff;
}

.events-section
{
      height: 100%;
      padding-top: 50px;
     
      background: #fff;
}

.moreInfo-section
{
      height: 100%;
      padding-top: 50px;
      
      background: #fff;
}

.spacer-section
{
      height: 100%;
      padding-top: 70px;
      
      background: #fff;
}

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

.thumbnail .price
{
      font-size: 14px;
}

.thumbnail .price sup
{
      font-size: 10px;
}

#myCarouselHome
{
      margin-top: 120px;
}
}

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

/*#myCarousel .item { height: 310px; }*/
	
#slide1
{
      background: url('../../images/carousel_small_01.jpg') top center no-repeat;
}

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

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

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

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

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

#myCarouselHome
{
      margin-top: 120px;
}

.btn-responsive {
    padding:4px 7px;
    font-size:84%;
    line-height: 1.2;
    border-radius:3px;
  }
}

/* Med desktop */

@media (min-width: 769px) and (max-width: 992px) {
 
.btn-responsive {
    padding:4px 9px;
    font-size:90%;
    line-height: 1.2;
  } 
    
}




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

/*#myCarousel .item { height: 500px; }*/
	
#slide1
{
      background: url('../../images/carousel_large_01.jpg') top center no-repeat;
}

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

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

#myCarouselHome
{
      margin-top: 70px;
}

#iframeModal
{
      width: 100%;
      height: 600px;
}

#main
{
      width: 970px;
}

#navcon
{
      width: 970px;
}
}