/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/
.jumbotron {
background: #358CCE;
color: #FFF;
border-radius: 0px;
}
.jumbotron-sm { padding-top: 24px;
padding-bottom: 24px; }
.jumbotron small {
color: #FFF;
}
.h1 small {
font-size: 24px;
}
.ind{

  text-indent: 18px;
}


 .he {
font: Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;

    color: #4d4e5b;
    text-shadow: 1px 1px 2px #00BBFA;
  }
  .linkhead{

    color: #4d4e5b;
    text-shadow: 1px 1px 2px #00BBFA;
    text-align: center;
  }

.links1{

text-align: center;

}
.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 200%;
  padding: 30px;
  width: auto;
}
#brand{
  height: 10%;
  padding-right: 0.6px;
  padding bottom: 0.6px
  width: 10%;
  }


  #Addislogo {
  height: 20%;
  padding: 0px;
  width: 50%;
  }

#img1 {
  height: 50%;
  padding: 0px;
  width: 55%;
}

#bootomlink{
            border-color: #C0C0C0;
            border-width: 3px;
            border-radius: 0;
            box-shadow: -5px 0px 0 0.4px #808080;
}
.para{
  text-align: justify;
  padding-bottom: 0px;
}
/*************************
EXAMPLES 2-7 BELOW 
**************************/

/* EXAMPLE 2 (larger logo) - simply adjust top bottom padding to make logo larger */

.example2 .navbar-brand>img {
  padding: 7px 15px;
}
.carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
      min-height:200px;
  }

 
.btn-vertical-slider{ margin-left:35px; cursor:pointer;}
a {  cursor:pointer;}
.carousel.vertical .carousel-inner .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

 .carousel.vertical .active {
  top: 0;
  left: 100;
}

 .carousel.vertical .next {
  top: 100%;
   left: 100;
}

 .carousel.vertical .prev {
  top: -100%;
   left: 100;
}

 .carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
   left: 100;
}

 .carousel.vertical .active.left {
  top: -100%;
   left: 100;
}

 .carousel.vertical .active.right {
  top: 100%;
   left: 100;
}

 .carousel.vertical .item {
    left: 0;
     left: 100;
}

#Backbone {
 background-image: url(img/Free-IT-Assessment-Sutherland-Shire-Sydney.png);
 display: compact;


}
p{
  font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: 8px;
}
.intro{
  font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: 8px;
}
.tabs-left{
 
  box-shadow: 10px 10px 6px -6px #00BBFA;
  margin: 20px auto;
  overflow: hidden;
  position: relative;
  display: block;
   text-shadow: 0.2px 0.2px 0.2px #00BBFA;
}
.tab-content{
  width: 1100px; height: 620px;
  background-color: #e1e8ed;
  color: black;
}



#main{

height: 350px;
margin-top: 20px;
margin-bottom: 30px;
padding-left: 10px;

padding-top: 20px;
font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  
}

#navbar2{
box-shadow: 10px 15px 10px -6px #00BBFA;
height: 250px;
padding-right: 50px;
margin-right: -14px;
}
#bootomlink{
box-shadow: 10px 10px -6px -6px #00BBFA;
}
.HomeLink{
  color: #fff;
}
.links_buttons{
margin-top: 50px;
margin-bottom: 50px;
padding-top: 50px;
padding-bottom: 50px;
 }
 #myCarousel{

  height: 300px;
 }

.caption {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;  
  width: 640px;
}