@import url('normalize.css');
@import url('foundation.css');
@import url('../fonts/font.css');
@import url('../font-awesome-4.4.0/css/font-awesome.min.css');

.row { max-width: 74em; }

/*********************************************
BANNER*/
.banner {
  background: url('../img/bg.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: top;
  min-height: 700px;
}

.banner-mobile {
  background: url('../img/bg-mobile.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: top;
  height: 350px;
}

/*********************************************
HEADER*/
header .phones,header .medias,header .search { text-align: right; }

header .medias { margin: 10px 0 30px 0; }

header .phones p {
  font-family: 'Capsuula';
  color: #000;
  font-size: 1.8em;
  display: inline;
}

header .phones p a { color: #000; }

header .phones i,header .medias i {
  font-size: 1.8em;
  color: #232323;
  margin-right: 10px;
}

header .phones p a:hover,header .medias i:hover { color: #2e2e2e; }

header .search form input[type="text"] {
  width: 330px;
  height: 45px;
  border: none;
  float: right;
}

header .search form button {
  width: 50px;
  height: 45px;
  color: #fff;
  background-color: #20bdbe;
  padding: 0;
  float: right;
}

header .search form button:hover { background-color: #19a4a5; }

header.interna { background-color: #20bdbe; }

/*********************************************
HEADER NAV*/
header nav { margin-top: 25px; }

header nav ul li {
  display: inline;
  margin: 0 15px 0 15px;
  position: relative;
}

header nav ul li:first-child { margin: 0 15px 0 0; }

header nav ul li:last-child { margin: 0 0 0 15px; }

header nav ul li a {
  font-family: 'Capsuula';
  font-weight: bold;
  color: #d7d8ea;
  font-size: 1.4em;
}

header nav ul li a:hover { color: #b9badc; }

header nav ul li ul {
  display: none;
  position: absolute;
  width: 100%;
  top: 25px;
  left: -22px;
  background: #46a5a0;
  padding: 0;
  z-index: 9999;
}

header nav ul li:hover > ul { display:block; }

header nav ul li ul li {
  text-align: center;
  font-size: 0.83em;
  border-bottom: 2px solid #d7d8ea;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}

header nav ul li ul li:first-child { margin: 0; }

header nav ul li ul li:last-child { margin: 0; border-bottom: none; }

header .icone-doutor {
	text-align: right;
}

header .icone-doutor .icone-doutor-title {
	font-weight: 700;
}

header .icone-doutor .icone-doutor-text {
	font-size: 12px;
}

header .icone-doutor a {
	color: #232323;
}

/*********************************************
CHAMADAS*/
.chamadas {
  text-align: center;
  background-color: #20bdbe;
  padding: 0;
  margin: 390px 0 0 0;
}

.chamadas ul li { padding: 0; }

.chamadas img {
  margin-top: -40px;
}

.chamadas h2 {
  font-family: 'Capsuula';
  font-size: 1.22em;
  color: #fff;
  line-height: 1;
}

/*********************************************
SLIDER*/
.slider { padding: 0; margin: 0; }

.slider img { width: 100%; height: 550px; display: block; }

.slider .orbit-container .orbit-timer { display: none; }

.orbit-bullets { display: none; margin-top: -40px; }

.orbit-bullets li {
  height: 20px;
  width: 20px;
  background: transparent;
  border: 3px solid #fff;
  background-color: #fff;
  margin: 0 5px 0 5px;
}

.orbit-bullets li.active {
  background-color: #913f98;
  border: 3px solid #fff;
}

.orbit-bullets li:first-child { margin: 0 5px 0 0; }
.orbit-bullets li:last-child { margin: 0 0 0 5px; }

.slider ul.links {
  position: absolute;
  margin: 60px 0 0 2%;
  z-index: 9999;
}

.slider ul.links li {
  font-family: 'Capsuula';
  font-size: 1.8em;
  font-weight: bold;
  color: #913f98;
  margin: 5px 0 5px 0;
}

.slider ul.links li a { color: #913f98; }

.slider .caption {
  position: absolute;
  right: 10%;
  bottom: -12px;
  width: 30%;
}

.slider ul li .caption h2 {
  font-family: 'Capsuula';
  font-size: 1.8em;
  font-weight: bold;
  color: #913f98;
  background-color: #fff;
  padding: 10px;
  width: 80%;
  float: right;
}

.slider ul li .caption p {
  font-family: 'Arial';
  font-size: 0.87em;
  padding: 20px;
  color: #fff;
  background-color: #913f98;
  float: right;
}

/*********************************************
CONTENT*/
.content {
  text-align: center;
  padding: 40px 0 40px 0;
}

.content h2 {
  font-family: 'Capsuula';
  font-size: 2.2em;
  font-weight: bold;
  color: #913f98;
}

.content h3 {
  font-family: 'Capsuula';
  font-size: 2.4em;
  color: #000;
}

.content p,.content ul li {
  font-family: 'Arial';
  font-size: 0.87em;
  color: #000;
}

.content a.saiba-mais {
  font-family: 'Capsuula';
  font-size: 1.12em;
  color: #0d8687;
}

.content a.saiba-mais span { font-weight: bold; }

.content.interna { text-align: left; min-height: 560px; }

.content.interna h1 {
  font-family: 'Capsuula';
  font-size: 2.2em;
  font-weight: bold;
  color: #913f98;
  text-align: center;
}

.content.interna h2 {
  font-family: 'Capsuula';
  font-size: 2.4em;
  font-weight: normal;
  color: #000;
  margin-top: 35px;
}

.content form input[type="submit"] {
	background-color: #903f98;
}

.content form input[type="submit"]:hover {
	background-color: #ba3ac7;
}

.subtitle-preparacao-semen {
	font-size: 18px;
}

.large-bold {
	font-size: 18px;
	font-weight: 700;
}

/*********************************************
FOOTER*/
footer { background-color: #319292; }

footer p {
  font-family: 'Arial';
  font-size: 0.62em;
  line-height: 1;
  text-align: justify;
  color: #fff;
  margin: 10px 0 10px 0;
}

/*******************************************
MENU MOBILE*/
.tab-bar {
  height: 130px;
  background-color: #20bdbe;
}

.tab-bar img { margin-top: 10px; }

.tab-bar .left-small { border-right: none; }
.tab-bar .menu-icon span::after { box-shadow: 0 0 0 1px #903f98, 0 7px 0 1px #903f98, 0 14px 0 1px #903f98; }
.left-off-canvas-menu { background-color: #20bdbe; }
ul.off-canvas-list li a { text-align: left; color: #903f98; border-bottom: 1px solid #16a4a5; }
ul.off-canvas-list li a:hover,ul.off-canvas-list li a:active { background: #16a4a5; }
ul.off-canvas-list li ul li { list-style: none; }

/*********************************************
MEDIAS QUERIES*/
@media only screen and (min-width: 40.063em) {
  .tab-bar,.banner-mobile { display: none; }
}

@media only screen and (min-width: 84.375em) {
  .chamadas { margin: 600px 0 0 0; }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  header nav ul li { margin: 0 8px 0 8px; }
  header nav ul li:first-child { margin: 0 8px 0 0; }
  header nav ul li:last-child { margin: 0 0 0 8px; }
  header nav ul li a { font-size: 1.4em; }
  header nav ul li ul { top: 22px; }
  header.interna  nav ul li a { font-size: 1.2em; }
  .slider img { width: 100%; height: 400px; }
  .slider ul.links { margin: 20px 0 0 5%; max-width: 50%; }
  .slider ul.links li { font-size: 1.3em; }
  .slider .caption { right: 5%; top: 100px; }
  .slider ul li .caption h2 { font-size: 1.2em; width: 95%; }
  .slider ul li .caption p { padding: 10px; }
}

@media only screen and (max-width: 40.063em) {
  .banner { background: none; min-height: 0; }
  .chamadas { margin: 0; }
  .chamadas img { margin: 10px 0 10px 0; }
  .chamadas h2 { display: none; }
  header,.slider { display: none; }
}