/**********************************
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;
  color: black;
  padding: 8px;
}
.tabs-left{
  margin: 20px auto;
  overflow: hidden;
  position: relative;
  display: block;

 
   text-shadow: 0.2px 0.2px 0.2px #00BBFA;
   
}

#options{


}
#main{
  width: 870px; height: 620px;
  background-color: #e1e8ed;
margin-top: -20px;
margin-left: 13px;
}
#navbar2{
box-shadow: 10px 15px 10px -6px #00BBFA;
height: 250px;
padding-right: 50px;
margin-right: -14px;
}

#bootomlink{
box-shadow: 15px 10px -6px -6px #00BBFA;
}
.HomeLink{
  color: #fff;
}

#Carosel_container{
background-color: red;
margin-top: 20px;
margin-left: 50px;

margin-bottom: -20px;

padding-right: 20px;

}
.Bing{
color: #fff;text-decoration: none;
font: normal 20px 'Lato', Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;
}
.Ping{
color: #fff;text-decoration: none;font: normal 16px 'Lato', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;padding: 10px;

}