@charset "UTF-8";
/**
 * Folha de estilos principal.
 *
 *  @package    main.scss
 *  @category   Website custom
 *  @author     Brunno Pleffken Hosti <brunno.hosti@phocus.com.br>
 *  @copyright  Phocus Interact
 *  @link       /scss/main.scss
 *  @since      1.0.0
 */
/**
 * Arquivo com variáveis e funções úteis para as folhas de estilo.
 *
 *  @package    app.scss
 *  @category   website custom
 *  @author     Brunno Pleffken Hosti <brunno.hosti@phocus.com.br>
 *  @copyright  Phocus Interact
 *  @link       /scss/configurations.scss
 *  @since      1.0.0
 */
/* Funçoes do Compass */
/* Variáveis */
/* Funções básicas */
/* Funções de cálculo */
/* Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
/* Resets */
* {
  border: 0;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 0;
}
.tt{
  border: 2px;
}
/* BODY AND HELPERS */
body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}
body .clear {
  clear: both;
}
body .fleft {
  float: left;
}
body .fright {
  float: right;
}
body .tcenter {
  text-align: center;
}
body .tright {
  text-align: right;
}
body .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
body.blue .content a, body.blue .content h2 {
  color: #008ccc;
}
body.blue .sectionTitle h1 {
  background-color: #008ccc !important;
}
body.blue .pagination .current {
  background-color: #008ccc;
  color: #fff;
}
body.blue .project-list li {
  border-color: #008ccc !important;
}
body.blue .button-link {
  background-color: #008ccc;
}
body.blue .button-link:hover {
  background-color: #0097db;
}
body ul li {
  list-style-image: url(../img/bullet-blue.png);
}
body.brown .content a, body.brown .content h2 {
  color: #e68a00;
}
body.brown .sectionTitle h1 {
  background-color: #e68a00 !important;
}
body.brown .pagination .current {
  background-color: #e68a00;
  color: #fff;
}
body.brown .project-list li {
  border-color: #e68a00 !important;
}
body.brown .button-link {
  background-color: #e68a00;
}
body.brown .button-link:hover {
  background-color: #f59300;
}
body ul li {
  list-style-image: url(../img/bullet-brown.png);
}
body.red .content a, body.red .content h2 {
  color: #d93a37;
}
body.red .sectionTitle h1 {
  background-color: #d93a37 !important;
}
body.red .pagination .current {
  background-color: #d93a37;
  color: #fff;
}
body.red .project-list li {
  border-color: #d93a37 !important;
}
body.red .button-link {
  background-color: #d93a37;
}
body.red .button-link:hover {
  background-color: #db4744;
}
body ul li {
  list-style-image: url(../img/bullet-red.png);
}
body.green .content a, body.green .content h2 {
  color: #96be00;
}
body.green .sectionTitle h1 {
  background-color: #96be00 !important;
}
body.green .pagination .current {
  background-color: #96be00;
  color: #fff;
}
body.green .project-list li {
  border-color: #96be00 !important;
}
body.green .button-link {
  background-color: #96be00;
}
body.green .button-link:hover {
  background-color: #a2cd00;
}
body ul li {
  list-style-image: url(../img/bullet-green.png);
}
body.purple .content a, body.purple .content h2 {
  color: #9c73bf;
}
body.purple .sectionTitle h1 {
  background-color: #9c73bf !important;
}
body.purple .pagination .current {
  background-color: #9c73bf;
  color: #fff;
}
body.purple .project-list li {
  border-color: #9c73bf !important;
}
body.purple .button-link {
  background-color: #9c73bf;
}
body.purple .button-link:hover {
  background-color: #a37ec4;
}
body ul li {
  list-style-image: url(../img/bullet-purple.png);
}
body.grey .content a, body.grey .content h2 {
  color: #666;
}
body.grey .sectionTitle h1 {
  background-color: #666 !important;
}
body.grey .pagination .current {
  background-color: #666;
  color: #fff;
}
body.grey .project-list li {
  border-color: #666 !important;
}
body.grey .button-link {
  background-color: #666;
}
body.grey .button-link:hover {
  background-color: #6e6e6e;
}
body ul li {
  list-style-image: none;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

input, textarea {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

#white-overlay {
  background-color: rgba(255, 255, 255, 0.8);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 900;
}

.transition {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

/* GRID */
.grid > div {
  float: left;
  margin-right: 20px;
}
.grid > div:after {
  border-bottom: 1px solid transparent;
  content: "";
  display: block;
  float: left;
}
.grid > div:first-child {
  margin-left: 10px !important;
}
.grid > div:last-child {
  margin-right: 10px !important;
}
.grid:after {
  clear: both;
  content: "";
  display: block;
}
.grid .span1 {
  width: 63px;
}
.grid .span2 {
  width: 146px;
}
.grid .span3 {
  width: 229px;
}
.grid .span4 {
  width: 312px;
}
.grid .span5 {
  width: 395px;
}
.grid .span6 {
  width: 478px;
}
.grid .span7 {
  width: 561px;
}
.grid .span8 {
  width: 644px;
}
.grid .span9 {
  width: 727px;
}
.grid .span10 {
  width: 810px;
}
.grid .span11 {
  width: 893px;
}
.grid .span12 {
  width: 976px;
}

.container {
  margin: auto;
  width: 996px;
}

/* HEADER */
header {
  border-bottom: 1px solid #cccccc;
  height: 96px;
}
header .header-holder {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000;
  width: 100%;
  background-color: #FFFFFF;
}
header .logo {
  height: 96px;
}
header .logo .logoImage {
  display: inline-block;
  vertical-align: middle;
}
header .span10 {
  position: relative;
}
header .navigation {
  display: table;
  height: 96px;
  list-style-type: none;
  position: absolute;
  z-index: 999;
  width: 100%;
}
header .navigation > li {
  display: table-cell;
  font-size: 15px;
  height: 90px;
  position: relative;
  text-transform: uppercase;
}
header .navigation > li.conheca {
  border-top: 5px solid #008ccc;
}
header .navigation > li.conheca > ul {
  border-bottom: 2px solid #008ccc;
}
header .navigation > li.conheca > ul li a {
  color: #008ccc;
}
header .navigation > li.ajudar {
  border-top: 5px solid #e68a00;
}
header .navigation > li.ajudar > ul {
  border-bottom: 2px solid #e68a00;
}
header .navigation > li.ajudar > ul li a {
  color: #e68a00;
}
header .navigation > li.noticias {
  border-top: 5px solid #d93a37;
}
header .navigation > li.contato {
  border-top: 5px solid #96be00;
}
header .navigation > li.contato > ul {
  border-bottom: 2px solid #96be00;
}
header .navigation > li.contato > ul li a {
  color: #96be00;
}
header .navigation > li.paciente {
  border-top: 5px solid #9c73bf;
}
header .navigation > li.paciente > ul {
  border-bottom: 2px solid #9c73bf;
}
header .navigation > li.paciente > ul li a {
  color: #9c73bf;
}
header .navigation > li.busca {
  border-top: 5px solid #666;
}
header .navigation > li .linkContainer {
  height: 92px;
  position: relative;
}
header .navigation > li .linkContainer > a {
  bottom: 10px;
  color: #666666;
  display: inline-block;
  font-weight: 600;
  padding: 55px 24px 0 24px;
  text-align: center;
  width: 100%;
}
header .navigation > li .linkContainer > a:hover {
  text-decoration: none;
}
header .navigation > li:hover {
  height: 105px;
}
header .navigation > li:hover.conheca {
  background: #008ccc url("../img/menuIconConheca.png") no-repeat center 25px;
}
header .navigation > li:hover.conheca .linkContainer a {
  color: #ffffff;
}
header .navigation > li:hover.conheca > ul:before {
  border-color: #008ccc transparent transparent transparent;
}
header .navigation > li:hover.ajudar {
  background: #e68a00 url("../img/menuIconComoAjudar.png") no-repeat center 25px;
}
header .navigation > li:hover.ajudar .linkContainer a {
  color: #ffffff;
}
header .navigation > li:hover.ajudar > ul:before {
  border-color: #e68a00 transparent transparent transparent;
}
header .navigation > li:hover.noticias {
  background: #d93a37 url("../img/menuIconNoticias.png") no-repeat center 25px;
}
header .navigation > li:hover.noticias .linkContainer a {
  color: #ffffff;
}
header .navigation > li:hover.contato {
  background: #96be00 url("../img/menuIconContato.png") no-repeat center 25px;
}
header .navigation > li:hover.contato .linkContainer a {
  color: #ffffff;
}
header .navigation > li:hover.contato > ul:before {
  border-color: #96be00 transparent transparent transparent;
}
header .navigation > li:hover.paciente {
  background: #9c73bf url("../img/menuIconAreaPaciente.png") no-repeat center 25px;
}
header .navigation > li:hover.paciente .linkContainer a {
  color: #ffffff;
}
header .navigation > li:hover.paciente > ul:before {
  border-color: #9c73bf transparent transparent transparent;
}
header .navigation > li:hover.busca {
  background: #666 url("../img/menuIconBusca.png") no-repeat center 25px;
}
header .navigation > li:hover.busca .linkContainer a {
  color: #ffffff;
}
header .navigation > li:hover > ul {
  display: block;
}
header .navigation > li > ul {
  background-color: #ffffff;
  display: none;
  list-style-type: none;
  position: absolute;
  text-transform: none;
  top: 100px;
  left: 0;
  right: 5px;
  width: 220px;
}
header .navigation > li > ul:before {
  border-style: solid;
  border-width: 10px 10px 0 10px;
  content: "";
  height: 0;
  left: 20px;
  margin-left: -10px;
  position: absolute;
  top: 0;
  width: 0;
}
header .navigation > li > ul li:hover {
  background-color: #efefef;
}
header .navigation > li > ul li:first-child {
  margin-top: 20px;
}
header .navigation > li > ul li:last-child {
  margin-bottom: 15px;
}
header .navigation > li > ul li a {
  color: #f00;
  display: block;
  padding: 6px 10px;
  width: 100%;
}

/* SEARCH BOX */
.search-box {
  background-color: rgba(255, 255, 255, 0.7);
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1000;
}
.search-box .bg-container {
  background-color: #fff;
  display: none;
}
.search-box .bg-container .span12 {
  padding: 20px 0;
  position: relative;
}
.search-box .bg-container .span12 .close {
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 18px;
}
.search-box .bg-container p {
  color: #7f7f7f;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 20px;
}
.search-box .bg-container input {
  border-bottom: 1px solid #ddd;
  font-size: 30px;
  padding: 5px 0;
  width: 100%;
}

/* MIDDLE */
.sectionTitle {
  margin-bottom: 40px;
  text-align: right;
  width: 50%;
  z-index: -99;
}
.sectionTitle h1 {
  color: #ffffff;
  font-size: 35px;
  font-weight: normal;
  line-height: 36px;
  margin-right: 95px;
  padding: 10px;
  text-transform: uppercase;
}
.sectionTitle h1.blue {
  background-color: #008ccc;
}
.sectionTitle h1.brown {
  background-color: #e68a00;
}
.sectionTitle h1.green {
  background-color: #96be00;
}
.sectionTitle h1.purple {
  background-color: #9c73bf;
}
.sectionTitle h1.red {
  background-color: #d0343a;
}
.sectionTitle.photo {
  position: absolute;
}
.sectionTitle.photo .imageContainer {
  margin-right: 95px;
}
.sectionTitle.photo .imageContainer img {
  display: block;
  width: 100%;
}
.sectionTitle.fixed {
  position: fixed;
}

section.estrelas {
  margin-top: 120px;
  height: 234px;
  background: url("../img/starsBg.png") repeat-x center;
  white-space: nowrap;
  text-align: center;
}
section.estrelas .container {
  position: relative;
}
section.estrelas .container > * {
  display: inline-block;
  vertical-align: bottom;
}
section.estrelas .container .text {
  padding-bottom: 25px;
  padding-right: 180px;
}
section.estrelas .container a {
  position: absolute;
  display: block;
  z-index: 1;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 75px;
}
section.estrelas .container .donation-text {
  padding-right: 150px;
  color: white;
  text-transform: uppercase;
  width: 700px;
  text-align: center;
  font-size: 25px;
}
section.estrelas .container .donation-text p.description {
  padding-bottom: 10px;
}
section.estrelas .container .donation-text span.number {
  font-weight: bold;
  font-size: 40px;
  padding-bottom: 5px;
  line-height: 11px;
}
section.estrelas .container .donation-text span.phone {
  font-size: 25px;
}

/* FOOTER */
footer {
  background-color: #000000;
  color: #ffffff;
  padding: 10px 0;
}
footer img {
  display: block;
  float: right;
}

/* SOCIAL NETWORKS */
.social {
  border-top: 1px solid transparent;
  position: fixed;
  width: 55px;
  left: 50%;
  margin-left: 445px;
}
.social .socialNetworks {
  position: absolute;
  right: -75px;
  top: 5px;
  width: 65px;
  z-index: 700;
}
.social .socialNetworks .box {
  float: right;
  height: 55px;
  margin-bottom: 5px;
  overflow: hidden;
  position: relative;
  border: solid 1px transparent;
}
.social .socialNetworks .box.donate {
  background-color: #009ddb;
  margin-bottom: 50px;
}
.social .socialNetworks .box.donate .logoBox {
  background: url("../img/iconDonate.png") no-repeat center;
}
.social .socialNetworks .box.twitter {
  background-color: #00c8ff;
}
.social .socialNetworks .box.twitter .logoBox {
  background: url("../img/iconTwitter.png") no-repeat center;
}
.social .socialNetworks .box.facebook {
  background-color: #4485b5;
}
.social .socialNetworks .box.facebook .logoBox {
  background: url("../img/iconFacebook.png") no-repeat center;
}
.social .socialNetworks .box.youtube {
  background-color: #cf3034;
}
.social .socialNetworks .box.youtube .logoBox {
  background: url("../img/iconYouTube.png") no-repeat center;
}
.social .socialNetworks .box.instagram {
  background-color: #49779d;
}
.social .socialNetworks .box.instagram .logoBox {
  background: url("../img/instagram-icon.png") no-repeat center;
}
.social .socialNetworks .box .logoBox {
  cursor: pointer;
  float: right;
  height: 100%;
  width: 65px;
}
.social .socialNetworks .box .socialNetworkContainer {
  float: left;
  height: 55px;
}
.social .socialNetworks .box .socialNetworkContainer input[type=text] {
  margin: 7px;
  padding: 10px 11px;
}
.social .socialNetworks .box:hover {
  border-color: #CCCCCC;
}

/* PAGINATION */
.pagination-container {
  display: block;
  padding-top: 20px;
  text-align: center;
}

ul.pagination {
  display: inline-block;
  list-style: none;
  margin: auto;
  overflow: hidden;
}
ul.pagination li {
  border-radius: 14px;
  float: left;
  font-size: 13px;
  line-height: 28px;
  margin-right: 5px;
  text-align: center;
  width: 28px;
}
ul.pagination li:last-child {
  margin: 0;
}
ul.pagination li > a {
  display: block;
}

/* COLOR OVERLAY */
.color-overlay-container {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 998;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.color-overlay-container:hover {
  opacity: 1;
}

/* BUTTON LINK */
a.button-link {
  color: #fff !important;
  display: block;
  font-size: 12px;
  margin: auto;
  padding: 5px 0;
  text-align: center;
  text-transform: uppercase;
  width: 300px;
}
a.button-link:hover {
  text-decoration: none;
}

/* SELECT2 */
.select2-container .select2-choice {
  background: #ffffff;
  border-color: #cccccc;
  border-radius: 0;
  color: #999 !important;
  height: 50px;
  line-height: 50px;
}
.select2-container .select2-choice .select2-arrow {
  background: transparent;
  border: 0;
  border-radius: 0;
}
.select2-container .select2-choice .select2-arrow b {
  background-position: 0 10px;
}

.select2-container-active .select2-choice {
  border-color: #cccccc;
}

.select2-drop {
  border-color: #cccccc;
  border-radius: 0;
  box-shadow: none;
}

.select2-search input {
  background: url("select2/select2.png") no-repeat scroll 100% -22px;
}

.error404 {
  text-align: center;
  padding: 70px 0px 170px 0px;
  width: 1000px;
  margin: 0 auto;
}
.error404 a {
  display: block;
  float: left;
  color: #ffffff;
  width: 159px;
  padding: 62px 0px 62px 0px;
  margin: 20px 15px 0px 15px;
}
.error404 a:hover {
  text-decoration: underline;
}
.error404 a.img1 {
  background: url(../img/img1.png) center center no-repeat;
  margin-left: 231px;
}
.error404 a.img1.unique {
  margin: 20px auto -165px auto;
  float: none;
}
.error404 a.img2 {
  background: url(../img/img2.png) center center no-repeat;
}
.error404 a.img3 {
  background: url(../img/img3.png) center center no-repeat;
}