/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}

a:focus {outline:none!important;}

.head-social {
	margin:10px 30px 0px 0px;
	display:none;
}

#rwd-dist {
	background:url(../img/responsive.png) no-repeat right bottom transparent;
	width:191px;
	height:192px;
     position:fixed;
     bottom:0;
     right:0;
	 display:none
}
.stol tr, .stol tr th{text-align:center;}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
.navbar-wrapper .navbar {
  padding-left: 15px;
  padding-right: 15px;
}
.butcol-1 {background:#0395D1;}
.butcol-1:hover {background:#5bc0de;}
.butcol-1  > a {color:#fff!important}
.butcol-2 {background:#6D446F;}
.butcol-2:hover {background:#8B4D8E;}
.butcol-2  > a {color:#fff!important}
.butcol-3 {background:#E41680;}
.butcol-3:hover {background:#EF3793;}
.butcol-3 > a {color:#fff!important}
.butcol-4 {background:#FF540B;}
.butcol-4:hover{background:#FF812D;}
.butcol-4 > a {color:#fff!important}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 460px;
  margin-bottom: 40px;
  margin-top: 120px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
}

/* Declare heights because of positioning of img element */
.carousel .item, .active {
  height: 100%;
  background-color: #777;
}
.carousel-inner{
height:100%;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}
.desc-orange h1 {color:#FF9000}
/* breadcumb*/

.breadcrumb {margin:10px 0px 30px 0px;}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 40px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
  
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
    .navbar-wrapper .container  img {
    width:350px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 110px;
  }
}

/*- footer -*/
footer {background: #fff url(../img/footer-bg.jpg) no-repeat center bottom; padding: 80px 0px; margin: 0px;}
footer h5 {letter-spacing: 0px; font-weight:700; }
footer a { color: #5A5A7B; }
footer a:hover { color: rgb(0, 0, 0); }
footer .gal div {background: url(../img/gal-logo.png) no-repeat scroll 7px 6px rgba(0, 0, 0, 0); color: #FFFFFF;font-family: 'Century Gothic';font-size: 12px;font-weight: 900;padding: 7px 39px;text-transform: uppercase; margin:20px 0px 0px 0px;}
.row { margin-right: -10px; margin-left: -10px; }
.bck-white {background:none repeat scroll 0 0 rgba(255, 129, 45, 0.3);padding-bottom: 10px;}
.row:before, .row:after { display: table; content: " "; }
.row:after { clear: both; }
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { min-height: 1px; padding-right: 10px; padding-left: 10px; -moz-box-sizing: border-box; }
@media screen and (min-width: 768px) {
  .container { max-width: 728px; }
  .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { float: left; }
  .span9 { width: 75%; }
  .span8 { width: 66.6667%; }
  .span6 { width: 50%; }
  .span4 { width: 33.3333%; }
  .span3 { width: 25%; }
  .span2 { width: 16.6667%; }
  .offset1 { margin-left: 8.33333%; }
}
@media screen and (min-width: 992px) {
  .container { max-width: 940px; }
  .head-social{display:block;}
}
@media screen and (min-width: 1200px) {
  .container { max-width: 1170px; }
  .row { margin-right: -15px; margin-left: -15px; }
  .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { padding-right: 15px; padding-left: 15px; }
  #rwd-dist, .head-social{display:block;}
}

/*--flex iframe */
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gallery-content .img-thumbnail {margin:8px;}
.bold {font-weight:700;}