/*Intro Style Einfach*/
 
 .intro-simple{
     background-size:cover;
     background-position:center center;
     padding-top:80px;
     padding-bottom:80px;
     margin-bottom:20px;

 }
 
 .intro-simple .intro-box{
     background-color:rgba(255,255,255,0.7);
     padding-top:15px;
     padding-bottom:15px;
     padding-left:10px;
     padding-right:10px;
     border-radius:6px;
 }
 
 .intro-simple h1{
     margin-top:0px;
     font-size:36px;
 }
 
  .intro-simple h2{
     margin-top:0px;
     font-size:30px;
 }
 
 .intro-simple .btn-action{
     width:100%;
     background-color:#D83C3C;
     border:2px solid transparent;
     left:0;
     right:0;
     color:#fff;
     text-transform:uppercase;
     margin-top:20px;
     transition:all .31s;
 }
 
  .intro-simple .btn-action:hover{
     background:#fff;
     color: #D83C3C;
     border:2px solid #D83C3C;
  }
 
 @media(max-width:767px){
     .intro-simple{padding-bottom:30px;}
     .intro-simple h1{font-size:22px;}
     .intro-simple h2{font-size:20px;}
 }
 
 /*Intro Styles Grid*/
 
 .intro-grid{
     background-size:cover;
     background-position:center center;
     padding-top:30px;
     margin-bottom:20px;
 }
 
 .container-intro-grid{
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    z-index:100;
 }

  .intro-grid .intro-box{
     background-color:rgba(255,255,255,0.7);
     padding-top:15px;
     padding-bottom:15px;
     padding-left:10px;
     padding-right:10px;
     border-radius:6px;
 }
 
 .intro-grid h1{
     margin-top:0px;
     font-size:36px;
 }
 
  .intro-grid h2{
     margin-top:0px;
     font-size:30px;
 }
 
 .intro-grid .btn-action{
     width:100%;
     max-width:500px;
     background-color:#D83C3C;
     border:2px solid transparent;
     margin:auto;
     display:block;
     color:#fff;
     text-transform:uppercase;
     margin-top:20px;
     transition:all .31s;
 }
 
  .intro-grid .btn-action:hover{
     background:#fff;
     color: #D83C3C;
     border:2px solid #D83C3C;
  }
  
 .carousel-control{
    z-index:100;
 }

 @media(max-width:991px){
      .container-intro-grid{
          top:0;
          padding-top:70px;
      }
      .intro-grid .intro-box{
          margin-bottom:20px;
      }
 }
 
 @media(max-width:767px){
     .intro-grid h1{font-size:22px;}
     .intro-grid h2{font-size:20px;}
 }
 
 
 
 
  /*Intro Styles Tabs*/
 
 .intro-tabs{
     background-size:cover;
     background-position:center center;
     padding-top:30px;
     margin-bottom:20px;
 }
 
 .container-intro-tabs{
    position:absolute;
    top: 25%;
    left: 0;
    right: 0;
    z-index:100;
 }

.intro-tabs .tab-content{
    background-color:#fff;
    padding:10px;
    min-height:200px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
}
 
 .intro-tabs .nav-tabs > li > a{
    background-color:#D83C3C;
    color:#fff;
 }
 
 .intro-tabs .nav-tabs > li.active > a, .intro-tabs .nav-tabs > li.active > a:hover, .intro-tabs .nav-tabs > li.active > a:focus{
     background-color:#fff;
     color:#333;
 }
 
 
 .intro-tabs h1{
     margin-top:0px;
     font-size:36px;
 }
 
  .intro-tabs h2{
     margin-top:0px;
     font-size:30px;
 }
 
 .intro-tabs .btn-action{
     width:100%;
     background-color:#D83C3C;
     border:2px solid transparent;
     color:#fff;
     text-transform:uppercase;
     margin-top:20px;
     transition:all .31s;
 }
 
  .intro-tabs .btn-action:hover{
     background:#fff;
     color: #D83C3C;
     border:2px solid #D83C3C;
  }
  
 @media(max-width:991px){
      .container-intro-tabs{
          top:0;
          padding-top:70px;
      }
      .intro-tabs .intro-box{
          margin-bottom:20px;
      }
 }
 
 @media(max-width:767px){
     .intro-tabs h1{font-size:22px;}
     .intro-tabs h2{font-size:20px;}
 }
 
 /*Intro Style Carousel*/
 .intro-carousel{
     background-size:cover;
     background-position:center center;
     padding-top:180px;
     min-height:700px;
     margin-bottom:0px;

 }
 
 @media(min-width:768px){
     .intro-carousel{
         min-height:84vh;
     }
 }
 
 .intro-carousel a{
      text-decoration:none;
 }
 
 .intro-carousel .intro-box{
     background-color:rgba(255,255,255,0.7);
     padding-top:15px;
     padding-bottom:15px;
     padding-left:10px;
     padding-right:10px;
     border-radius:6px;
 }
 
 .intro-carousel h1{
     color:#fff;
     margin-top:0px;
     font-size:36px;
 }
 
  .intro-carousel h2{
     margin-top:0px;
     font-size:30px;
 }
 
 .intro-carousel .btn-action{
     width:100%;
     background-color:#D83C3C;
     border:2px solid transparent;
     left:0;
     right:0;
     color:#fff;
     text-transform:uppercase;
     transition:all .31s;
     max-width: 250px;
     display: block;
     margin: auto;
     margin-top:20px;
 }
 
  .intro-carousel .btn-action:hover{
     background:#fff;
     color: #D83C3C;
     border:2px solid #D83C3C;
    ;
  }
  
  .item-content{
      min-height:300px;
  }
 
 .intro-carousel .carousel-caption{
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    background:none;
 }
 
 #introCarousel .carousel-control{
     top:inherit;
     bottom:0;
     margin-bottom:40px;
     color:#fff;
     font-size:40px;
     width:50%;
 }
 
 #introCarousel .carousel-control .glyphicon-chevron-right{
     left:0;
 }
 
 #introCarousel .carousel-control .glyphicon-chevron-left{
     right:0;
     left: 85%;
 }
  
  
 
 @media(max-width:767px){
     .intro-carousel{padding-top:80px;padding-bottom:30px;min-height:400px;}
     .intro-carousel h1{font-size:22px;}
     .intro-carousel h2{font-size:20px;}
      #introCarousel .carousel-control .glyphicon-chevron-left{left:80%;}
 }