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

body {
    padding-bottom: 40px;
    color: #5a5a5a;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

.h1 { font-weight: 700; color: #347c57; font-family: 'Montserrat', sans-serif; }

@media screen and (min-width: 768px) {
    .h1 { font-size: 53px; line-height: 53px; letter-spacing: -3px; }
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

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

.navbar-wrapper a { color: #fff; padding: 0 }
.navbar-wrapper a img { height: 49px; width: auto; }

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar-inverse {
      background-color: #fff !important;
      border-color:transparent !important;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.nav.navbar-nav>li>a:focus, .nav.navbar-nav>li>a:hover { color: #347c57; background-color:transparent; }

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #347C57;
}

.navbar-toggle .icon-bar { background-color: #347C57 !important; }


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

/* Carousel base class */
#myCarousel.carousel,
#planos-de-saude.carousel {
  height: 800px;
  margin-bottom: 60px;
  
  /* center */
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

/* Since positioning the image, we need to help out the caption */
#myCarousel .carousel-caption {
  z-index: 10;
  bottom:360px;
}
#myCarousel .carousel-caption.carousel-caption-fixed { bottom:250px; }

/* Declare heights because of positioning of img element */
#myCarousel.carousel .item {
  height: 800px;
  background-color: transparent;
  
  background-repeat:no-repeat;
  background-size: cover;
  background-position:top center;
}

#myCarousel.carousel .item .container {
	background: rgba(0,0,0,.65);
    position: relative;
    width: 100%;
    height: 100%;
}

#myCarousel .carousel-inner { 
   background-repeat:no-repeat;
  background-size: cover;
  background-position:top center;}

#myCarousel .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 800px;
  display:none;
}


@media (max-width: 440px) {
    .container-slide { margin-bottom: 250px; }
}

#planos-de-saude.carousel { height: 500px; }
#planos-de-saude .carousel-control {
    height: 60px;
    background-image: none;
    background-color: #347c57;
    opacity: 1;
}
#planos-de-saude .carousel-control:hover { background-color: #e3e6eb; }
#planos-de-saude .carousel-control .glyphicon { margin-top: 20px; }
#planos-de-saude .carousel-control.left,
#planos-de-saude .carousel-control.right {
    top: auto;
    bottom: 0;
    width: 60px;
    height: 60px;
    border-radius: 60px;
}

#planos-de-saude .carousel-control.right { left:auto; right: 0; }
#planos-de-saude .carousel-control.left { left:auto; right: 80px; }

@media (max-width:768px) {
    #planos-de-saude.carousel .item { padding: 0 20px; }
    #planos-de-saude .carousel-control.left,
    #planos-de-saude .carousel-control.right { top: 50%; }
    #planos-de-saude .carousel-control.right { right:-30px; }
    #planos-de-saude .carousel-control.left { left:-30px; }
}

.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron-balbino {
    background: #fff;
    margin: 0;
}
.jumbotron-balbino .h1 { font-weight: 700; color: #347c57; }
.jumbotron-balbino .text-price { margin-top: 12px; border: 3px solid; border-radius: 6px; font-weight: 700; color: #347c57; font-size: 36px; display: inline-block; padding: 6px; }
.jumbotron-balbino .small { font-size: 85% }
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* NotreDame */
.jumbotron-balbino-notredame .h1,
.jumbotron-balbino-notredame .text-price { color:#ffa000 }
.jumbotron-balbino-notredame .btn-balbino { background-color: #ffa000; }

.jumbotron.jumbotron-operadoras { background-color: #e3e6eb; text-align: left; border-radius: 0; }


.balbino-cta { background-color: #347c57; color: #fff; transition: all .3s ease; height: auto; }
.balbino-cta form { max-width: 480px; width: 100%; margin: 0 auto; }
/*.balbino-cta label { display:none; }*/
.balbino-cta input[type="text"],
.balbino-cta input[type="email"],
.balbino-cta input[type="tel"],
.balbino-cta textarea { background: #2c6848; color:#fff !important; border:none; }

.balbino-cta .btn { color: #2c6848; border-color: transparent; border-radius: 30px; }

.balbino-cta-closed { height: 0 !important; padding: 0 !important; overflow: hidden !important; }

.balbino-cta .form-control::-moz-placeholder {
  color: #fff;
}
.balbino-cta .form-control:-ms-input-placeholder {
  color: #fff;
}
.balbino-cta .form-control::-webkit-input-placeholder {
  color: #fff;
}

.balbino-cta .btn {  }


.btn-balbino {
	background-color: #347c57;
  	border-color: transparent;
	border-radius: 15px;
}

/* Omint */
.btn-balbino-omint {
	background-color: #002c6b;
}
.text-omint,
.h1.text-omint { color: #002c6b; }


/* One Health */
.btn-balbino-onehealth {
	background-color: #ff0000;
}
.text-onehealth,
.h1.text-onehealth { color: #ff0000; }


/* Porto Seguro */
.btn-balbino-portoseguro {
	background-color: #029CD8;
}
.text-portoseguro,
.h1.text-portoseguro { color: #029CD8; }

/* Qualicorp */
.btn-balbino-qualicorp {
	background-color: #14356E;
}
.text-qualicorp,
.h1.text-qualicorp { color: #14356E; }

/* São Cristóvão */
.btn-balbino-saocristovao {
	background-color: #003182;
}
.text-saocristovao,
.h1.text-saocristovao { color: #003182; }


/* Amil */
.btn-balbino-amil {
	background-color: #002c6b;
}
.text-amil,
.h1.text-amil { color: #002d79; }

/* Bradesco */
.btn-balbino-bradesco {
	background-color: #EE042C;
}
.text-bradesco,
.h1.text-bradesco { color: #EE042C; }

/* NotreDame */
.btn-balbino-notredame {
	background-color: #ffa000;
}
.text-notredame,
.h1.text-notredame { color: #ffa000; }

/* Sulamerica */
.btn-balbino-sulamerica {
	background-color: #FF750E;
}
.text-sulamerica,
.h1.text-sulamerica { color: #FF750E; }

/* Unimed */
.btn-balbino-unimed {
	background-color: #00aa66;
}
.text-unimed,
.h1.text-unimed { color: #00aa66; }


/* Caixa */
.btn-balbino-caixa {
	background-color: #0035a2;
}
.text-caixa,
.h1.text-caixa { color: #0035a2; }


/* Ameplan */
.btn-balbino-ameplan {
	background-color: #241d66;
}
.text-ameplan,
.h1.text-ameplan { color: #241d66; }


/* GreenLine */
.btn-balbino-greenline {
	background-color: #396a61;
}
.text-greenline,
.h1.text-greenline { color: #396a61; }


/* BioVida */
.btn-balbino-biovida {
	background-color: #c91926;
}
.text-biovida,
.h1.text-biovida { color: #c91926; }


.btn-planos {
    width: 160px;
    height: 160px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%;
    background-size: 100%;
}
.btn-planos-amil { background-image: url(images/logos-planos/amil-2.png) }
.btn-planos-amil:hover,
.btn-planos-amil:active { background-image: url(images/logos-planos/amil-1.png) }

.btn-planos-bradesco { background-image: url(images/logos-planos/bradesco-2.png) }
.btn-planos-bradesco:hover,
.btn-planos-bradesco:active { background-image: url(images/logos-planos/bradesco-1.png) }

.btn-planos-goldencross { background-image: url(images/logos-planos/goldencross-2.png) }
.btn-planos-goldencross:hover,
.btn-planos-goldencross:active { background-image: url(images/logos-planos/goldencross-1.png) }

.btn-planos-notredame { background-image: url(images/logos-planos/notredame-2.png) }
.btn-planos-notredame:hover,
.btn-planos-notredame:active { background-image: url(images/logos-planos/notredame-1.png) }

.btn-planos-omint { background-image: url(images/logos-planos/omint-2.png) }
.btn-planos-omint:hover,
.btn-planos-omint:active { background-image: url(images/logos-planos/omint-1.png) }

.btn-planos-notredame { background-image: url(images/logos-planos/notredame-2.png) }
.btn-planos-notredame:hover,
.btn-planos-notredame:active { background-image: url(images/logos-planos/notredame-1.png) }

.btn-planos-onehealth { background-image: url(images/logos-planos/one-health-2.png) }
.btn-planos-onehealth:hover,
.btn-planos-onehealth:active { background-image: url(images/logos-planos/one-health-1.png) }

.btn-planos-portoseguro { background-image: url(images/logos-planos/porto-seguro-2.png) }
.btn-planos-portoseguro:hover,
.btn-planos-portoseguro:active { background-image: url(images/logos-planos/porto-seguro-1.png) }

.btn-planos-qualicorp { background-image: url(images/logos-planos/qualicorp-2.png) }
.btn-planos-qualicorp:hover,
.btn-planos-qualicorp:active { background-image: url(images/logos-planos/qualicorp-1.png) }

.btn-planos-saocristovao { background-image: url(images/logos-planos/sao-cristovao-2.png) }
.btn-planos-saocristovao:hover,
.btn-planos-saocristovao:active { background-image: url(images/logos-planos/sao-cristovao-1.png) }

.btn-planos-sulamerica { background-image: url(images/logos-planos/sulamerica-2.png) }
.btn-planos-sulamerica:hover,
.btn-planos-sulamerica:active { background-image: url(images/logos-planos/sulamerica-1.png) }

.btn-planos-unimed { background-image: url(images/logos-planos/unimed-2.png) }
.btn-planos-unimed:hover,
.btn-planos-unimed:active { background-image: url(images/logos-planos/unimed-1.png) }

.btn-planos-caixa { background-image: url(images/logos-planos/caixa-2.png) }
.btn-planos-caixa:hover,
.btn-planos-caixa:active { background-image: url(images/logos-planos/caixa-1.png) }

.btn-planos-ameplan { background-image: url(images/logos-planos/ameplan-2.png) }
.btn-planos-ameplan:hover,
.btn-planos-ameplan:active { background-image: url(images/logos-planos/ameplan-1.png) }

.btn-planos-greenline { background-image: url(images/logos-planos/greenline-2.png) }
.btn-planos-greenline:hover,
.btn-planos-greenline:active { background-image: url(images/logos-planos/greenline-1.png) }

.btn-planos-biovida { background-image: url(images/logos-planos/biovida-2.png) }
.btn-planos-biovida:hover,
.btn-planos-biovida:active { background-image: url(images/logos-planos/biovida-1.png) }

.conteudo-planos { display: none; }
.intro-conteudo-planos { display: block; }


.balbino-cotacao {}
.balbino-cotacao form { max-width: 100%;  }
.balbino-cotacao .btn-group-vertical { display: block; }
.balbino-cotacao .btn { padding: 0 20px; border-radius: inherit; text-align: left; float:left; }

.balbino-cotacao.form-cotacao-reduzido .container-form-cotacao { max-width: 750px; }
.balbino-cotacao.form-cotacao-reduzido .optional-field { display:none; }

.balbino-cotacao.form-cotacao-reduzido .col-sm-12 { margin-bottom: 15px; }

.balbino-cta .btn .glyphicon-check { display:none; }
.balbino-cta .btn.active .glyphicon-unchecked { display:none; }
.balbino-cta .btn.active .glyphicon-check { display: inline-block; }


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

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


/* Featurettes
------------------------- */
.featurette { padding: 40px 0; }

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

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


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

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    padding-top: 20px;
      background: #fff
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }
  
  .navbar-wrapper .navbar-inverse {
      background-color: rgba(0, 0, 0, .4);
      border-color:#000;
    }

  /* 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: 120px;
  }
}