/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 8px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

li {
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
}


ul > li {
    margin-left: 30px;
    margin-top: 10px;
    padding: 0px;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 55%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}


header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-image:url('../fotos/Qatar.jpg');
    background-image:url('../fotos/BIM.jpg');
}

header.carousel .fill.img1{
    background-image:url('../fotos/Jesolo.jpg');
  }

header.carousel .fill.img2{
    background-image:url('../fotos/Jesolo.jpg');
  }

header.carousel .fill.img3{
    background-image:url('../fotos/Jesolo.jpg');
  }

  .panel-body    li {
          display: block;
      }

  .panel-body    li:before {
          /*Using a Bootstrap glyphicon as the bullet point*/
          content: "+";
          font-family: 'Glyphicons';
          font-size: 30px;
          float: left;
          margin-top: -5px;
          margin-left: -27px;
          color: gray;
      }


      .icona-fuoco {

          margin-top: 20px;
        font-size: 30px;
      }

      .fuoco-titolo-button {
        font-size: 30px  !important;
          text-align: center;
      }

      .btn-primary-fuoco {
          display: block;
          color: #fff;
          background-color: rgba(0, 0, 0,0.5);

          border-color: #2e6da4;
          text-align: center;
      padding-bottom: 25px;
      margin:5% 15% 5% 15%;

      }



      .btn-primary-fuoco:hover {
          color: #fff;
          background-color: red;
          border-color: #269abc;
      }



  .servizi {
      background-color: #b8d7f2;
      margin: 30px;
      padding: 10px;
      border: 20px;
  }

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 0px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
        }


        nav.navbar img{
                  -webkit-transition: all .35s;
                  -moz-transition: all .35s;
                  height: 35px;
                }

        nav.navbar.shrink {
          -webkit-transition: all .35s;
          -moz-transition: all .35s;
          opacity: 0.8;
        }

          h1 {
            font-size: 30px;
          }
          h2 {
            font-size: 26px;
          }




        .Slideh1{
    font-size: 20px;
        }
        .Slideh3{
    font-size: 14px;
        }

    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }


    nav.navbar img{
              -webkit-transition: all .35s;
              -moz-transition: all .35s;
              height: 55px;
              height: 38px;

            }
    nav.navbar.shrink {
      -webkit-transition: all .35s;
      -moz-transition: all .35s;
      opacity: 0.8;
    }

    .testomega{
font-size: 100%;
    }


    header.carousel .carousel {
        height: 70%;
    }
}

      @media(min-width:768px) {
        .navbar-collapse {
          -webkit-transition: all .35s;
          -moz-transition: all .35s;
          max-height: 120px
          transition: all .35s;
          /*padding: 29px;*/
          /*background-image: url("../fotos/Logomatteo2.png" );*/
          background-repeat: no-repeat;
          background-size: contain;

          /* Add additional styles here for the UNCOLLAPSED state */
        }

        /*.navbar-collapse a {

        }*/

        .Slideh1{
    font-size: 34px;
        }
        .Slideh3{
    font-size: 26px;
        }

        .navbar-collapse.affix {

          padding: 0px;

          }


        nav.navbar img{
          -webkit-transition: all .35s;
          -moz-transition: all .35s;
          height: 50px;
        }

        nav.navbar.shrink {
          -webkit-transition: all .35s;
          -moz-transition: all .35s;
          min-height: 35px;
          opacity: 0.8;
        }

        nav.navbar.shrink img{
          height: 40px;
          opacity: 0.8;
          -webkit-transition: all .35s;
          -moz-transition: all .35s;
        }



        /*.navbar-collapse.affix a {

          margin: 0px 0px 0px 0px;
          max-height: 40px


          /* Add additional styles here for the COLLAPSED state
        }*/

      }

      .header-option{
        font-size: 9pt;
        height: 20px;
        padding: 0px 0px;
        width: 90px;
        margin-left: 15px;
        margin-top: 10px;
        display: block;
        z-index: 1000;
      }
      .footer-option{
        font-size: 9pt;
        height: 20px;
        margin-right: 0px;
        padding: 0px 0px;
        width: 130px;
        margin-left: 0px;
        margin-top: 0px;
        display: block;
        font-style: italic;
      }

      .container-index {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
          padding-bottom: 10px;
        padding-top: 10px;
      }

      .barra{

        width: 950px;
      }

      @media(max-width:991px) {
        .row{
              padding-right: 0%;
padding-left: 0%;
              }
              .barra{

                width: 100%;
              }
            }

      .row-index-bianco{

    background-color: white;  }

      .row-index-grigio {
background-color: #eee;
      }