/*
Author: Diego Fernandes
Author URI: https://parnet.com.br
*/

/*--GERAL--------------------------------*/

body { margin:0; font-weight:400; font-size: 16px; font-family: 'Nunito Sans', sans-serif; -webkit-font-smoothing: antialiased;}
a { text-decoration:none; cursor: pointer}
img { border:0; vertical-align:top;}
h1,	h2 { font-weight: 900; display: block; }
h1 { font-size: 6.5em; line-height: 1em; margin: 0; }
p { font-size: 1.1em; line-height: 2em; color: #414042;}

.home { background-color: #FFF }
.centra { width: 90%; max-width: 1200px; margin: 0 auto; overflow: hidden;}

/*--BANNER-------------------------------*/

.banner { width: 100%; height: 980px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.banner table {width: 100%; height: 100%; min-height: 100%; position: absolute; top: 0; left: 0; }
.banner .centra { overflow: hidden;}
.playButon { width: 9em; height: 9em; line-height: 11em;  box-sizing: border-box; font-size: 2em;  position: relative; border: 8px solid #00deff; color: transparent; text-align: center; border-radius: 50%; transition:all .2s ease }	
.infoBanner { display: table; float: right; color: #FFF;  }
.infoBanner h2 { font-size: 2.5em; color: #00deff; margin: 0}
.svgIcon { position:relative;}
.svgIcon svg { width:3em; margin: 0 0 0 .9em; fill: #00deff; transition: all .15s ease}
.playButon:hover .svgIcon svg { fill: #FFF; transform: scale(1.3,1.3)}
.playButon:hover { border: 6px solid #FFF; transform: scale(.9,.9); box-shadow: 0 0px 15px -3px #00deff;}
.videoHome { width: 30em; height: 17em; border: 6px solid #00deff; box-sizing: border-box; border-radius: 4px;  float: left; background-position: center; position: relative;background-repeat: no-repeat; background-size: cover}
.dentra { width: 100%; height: calc(17em - 12px); line-height: calc(17em - 12px); position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.6);}
.videoHome .playButon { margin: 0 auto; display: block; transform: scale(.5, .5)}


/*--SEÇÃO 1-------------------------------*/

.sec1 { padding: 5.5em 0; background-image: url(img/sec1.jpg); background-position: 0 6vw; background-size: 43%; background-repeat: no-repeat; }
.ladoB { width: 100%; max-width: 550px; float: right; }
.tipoH2 { color: #00deff; font-size: 2.2em;}
.tigrado:after { content: ''; margin: .4em 0 1.8em 0; display: block; height: 10px; width: 65px; background-color: #00deff;}
.vermais {color: #00deff; font-weight: 900}
.imgHist { display: none; width: 100%; max-width: 420px; margin: 0 auto;}


/*--SEÇÃO 2-------------------------------*/

.sec2 { padding: 5.5em 0 10em 0; background-position: right 6vw; background-size: 43%; background-repeat: no-repeat; }
.sec2 h2 { text-align: center}
.chamadas { width:100%; box-sizing:border-box; padding:0; clear: both; margin: 7.5em 0 0 0;}
.chamadas .item {background: #035484; margin: 0 10px; box-sizing:border-box; border:0;	height:400px;}
.sec2 .owl-dots { overflow:hidden;  margin:20px auto 0 auto; display:table; }
.sec2 .owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; margin: 20px 5px 0 5px; background: #ddd;}
.sec2 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #00deff }
.videoHolda { width: 100%; height: 280px; background-color: #000; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.videoHolda .playButon { margin: 0 auto; float: none;clear: both; transform: scale(.45,.45)}
.fade { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.6)}
.contentaVideo { display: block; padding: 1em 1em 0 1.4em; box-sizing: border-box;}
.contentaVideo b { color: #00deff; font-size: 1.7em; font-weight: 900}

/*--SEÇÃO 3-------------------------------*/

.sec3 { padding: 10em 0 13em 0;  background-repeat: no-repeat; background-size: cover; clip-path: polygon(0 0, 0 98%, 5% 99%, 13% 100%, 17% 100%, 25% 99%, 32% 98%, 39% 96%, 46% 94%, 53% 92%, 57% 91%, 67% 89%, 77% 88%, 87% 89%, 89% 89%, 95% 90%, 100% 91%, 100% 0); }
.deLados1 { width: calc(50% - 20px); float: left;  }
.deLados2 { width: calc(50% - 20px); float: right; }
.sec3 p { color: #FFF; }

.chamadas2 { width:100%; box-sizing:border-box; padding:0; clear: both; margin: 0;}
.chamadas2 .item { margin: 0; box-sizing:border-box; height:400px; text-align: center; }
.sec3 .owl-dots { overflow:hidden;  margin:0 auto; display:table; }
.sec3 .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 0 5px; background: #ddd;}
.sec3 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #00deff }
.avatar { width: 150px; height: 150px; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 50%; display: block; margin: 0 auto 2.5em auto;}
.chamadas2 h3 { display: block; letter-spacing: .1em;  margin: 0 0 1em 0;; font-size: 1.5em; text-transform: uppercase; color: #00deff }
.chamadas2 p { color: #FFF; margin: 0;  }

/*--SEÇÃO 4-------------------------------*/

.sec4 { padding: 15em 0 20em 0; position: relative; background-repeat: no-repeat; background-size: 51%; }
.bigga { font-size: 5em; line-height: 1em; color: #00deff; font-weight: 900;margin: 1.2em 0 0 0; }
.sec4 .centra { padding: 1em 0 0 0; }
.dLado4 { width: calc(60% - 20px); float: right; text-align: right;}
.dLado4 b { display: block; font-size: 2.3em; margin: .8em 0 0 0; color: #646464}
.dLado4 a {color: #00deff; font-weight: 900}
.fotoSec4 { width: 42vw; position: absolute; left: 0; }

.sec4 ul { display: block; clear: both;  margin:2em 0 0 0;}
.sec4 li { list-style: none; width: 50%; float: left; padding: 0 1em 0 0; height: 40px; box-sizing: border-box; border-right: 1px solid #eee; }
.sec4 li a { font-size: .8em; font-weight: 900; padding: 0 0 1em 0; text-transform: uppercase; color: #646464; text-align: right; display: block; border-bottom: 1px solid #eee}
.sec4 li a:hover { color: #00deff}

/*--SEÇÃO 5-------------------------------*/

.sec5 {background-size: 53%; padding: 14em 0; margin: -8em 0 0 0; position: relative; background-image: url('img/bg2.png'); background-repeat: no-repeat; background-position: right 0; }
.sec5 .centra { padding: 1em 0 0 0; }
.dLado5 { width: calc(60% - 20px); }
.dLado5 b { display: block; font-size: 2.3em; margin: .8em 0 0 0; color: #646464}
.imgHosp { width: 90%; float: right; display: none;}

/*--SEÇÃO 6-------------------------------*/

.sec6 { padding: 6em 0 10em 0; margin: -7em 0 0 0; position: relative; background-color: #0a618e; clip-path: polygon(0 1%, 22% 0, 42% 1%, 59% 3%, 73% 5%, 87% 8%, 95% 10%, 100% 11%, 100% 100%, 0 100%);}
.sec6 .dLado4 {text-align: left;}
.sec6 b, .sec6 p { color: #FFF; }
.fotoSec6 { position: absolute; width: 40vw; left: 2em; }

/*--SEÇÃO 7-------------------------------*/

.sec7 { margin: -4em 0 0 0; padding: 12em 0; clip-path: polygon(0 4%, 5% 6%, 10% 7%, 16% 7%, 28% 6%, 42% 4%, 55% 2%, 65% 1%, 76% 1%, 88% 2%, 92% 3%, 97% 5%, 100% 7%, 100% 100%, 0 100%);}
.sec7 .bigga { color: #FFF; }
.sec7 .dLado5 { float: left;}
.sec7 .dLado4 { width: 37%; padding: 7.5em 0 0 0; float: right;}

/*--SEÇÃO 8-------------------------------*/

.sec8 { padding: 10em 0 10em 0; background-repeat: no-repeat; background-position: right bottom; background-size: 50%;}
.oLadox1 {width: calc(50% - 20px)}
.oLadox1 .bigga { margin: 0;}
.ll { float: left;}
.rr { float: right;}
.chamadas3 { width:100%; box-sizing:border-box; padding:0; clear: both; margin: 3em 0 0 0;}
.chamadas3 .item { margin: 0; background-position: center; background-repeat: no-repeat; background-size: cover; height:340px; text-align: center; }
.chamadas3 .item:hover { opacity: .8}

.owl-nav {width:100%; height:1px}
.owl-nav div {width:30px; height:30px; font-size:45px; color:#00deff!important; text-shadow: 1px 1px 1px #053e62; background-color: transparent!important; position:absolute; z-index:9; top:calc(50% - 50px); cursor:pointer; transition:all .2s ease}
.owl-prev {left:10px; }
.owl-next {right:10px; }

.owl-prev:hover {left:0; }
.owl-next:hover {right:0;}
	

.sec8 .owl-dots { overflow:hidden;  margin:20px auto auto; display:table; }
.sec8 .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 20px 5px 0 5px; background: #ddd;}
.sec8 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #00deff }

/*--FOOTER--------------------------------*/

.footer { padding: 7em 0 4em 0; background-position: center; background-repeat: no-repeat; background-size: cover; clip-path: polygon(0 13%, 6% 7%, 13% 4%, 22% 2%, 31% 4%, 43% 10%, 57% 22%, 66% 29%, 75% 32%, 84% 33%, 91% 31%, 96% 28%, 100% 24%, 100% 100%, 0 100%);}
.logo { float: left; width: 200px; }
.redes { width: 300px; text-align: right; padding: 2em 0 0 0; float: right; display: table;}
.redes b { color: #FFF; font-size: 1.4em; text-transform: uppercase; display: block; font-weight: 400; }
.redes a { background-color: #FFF; font-size: 1em; width: 30px; margin: 5px 0 0 8px; height: 30px; display: inline-table; border-radius: 50%; line-height: 30px; text-align: center; color: #04577f}
.redes a:hover { color: #FFF; background-color: #04577f}

/*--INTERNAS------------------------------*/

#sobreTudo {  color: #FFF;  background-color: rgba(0,0,0,.9); overflow: hidden; position: fixed; top: 1em; left: 1em;	z-index: 99; opacity: 0; transition: opacity .3s ease }
#sobreTudo table { width: 100%; min-height: 100%; position: absolute; top: 0; left: 0;}
.aberto { width: calc(100vw - 2em)!important; height: calc(100vh - 2em)!important; opacity: 1!important; transition: opacity .3s ease}
.fechador { position: absolute; top: 2em; right: 2em; color: #FFF; font-size: 2.3em; z-index: 999}
#oVideo { width: 90%; max-width: 1300px; height: 40em; box-sizing: border-box; border: 3px solid #00deff; margin: 0 auto; display: block; }
#conteudo { overflow: auto; max-height: calc(100vh - 1em); -webkit-overflow-scrolling: touch;}

.paginaInterna p { color: #FFF; }
.historiaFoto { width: 100%; max-width: 530px}

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

@media screen and (max-width:1500px)
{
	body { font-size: 15px;}
	.banner { height: 850px;}
	.sec1 {  padding: 5.5em 0 1em 0; background-size: 48%;}
	.sec2 { padding: 4.5em 0 7em 0;}
	.chamadas { margin: 5.5em 0 0 0}
	.sec4 {  padding: 10em 0 10em 0;}
	.sec5 { background-size: 49%;}	
}
@media screen and (max-width:1300px)
{
	body { font-size: 14px;}
	.banner { height: 750px;}
	h1 { font-size: 5em; margin: .7em 0 0 0}
	.infoBanner h2 { font-size: 2.2em;}
	.infoBanner { width: 60%}
	.sec1 { background-size: 41%;  background-position: 0 8em;}
	.sec3 { padding: 6em 0 8em 0;}
	.bigga { font-size: 4em; line-height: 1em; color: #00deff; font-weight: 900;margin: 1.2em 0 0 0; }
	.sec5 { padding: 10em 0 14em 0;}
	.videoHome { width: 25em;}

}
@media screen and (max-width:1000px)
{
	.centra { max-width: 600px;}
	.infoBanner { text-align: center; width: 100%; float: none;}
	.videoHome { margin:1em auto 0 auto; height: 15em; float: none; }
	.dentra { height: calc(15em - 12px); line-height: calc(15em - 12px)}
	.banner { height: 650px;}
	h1 { font-size: 4em; margin: 1em 0 0 0}
	.infoBanner h2 { font-size: 1.9em;}
	.sec1 { background-image: url(img/bg1.jpg); background-position: left top}
	.imgHist { display: block; }
	.ladoB  { max-width:100%; float: none;}
	.sec2 {  padding: 1.5em 0 5em 0;}
	.sec3 {  padding: 3em 0 11em 0;}
	.bigga {font-size: 3em;}
	.deLados1, .deLados2 {  width: 100%; text-align: center; float: none}
	.deLados1 { margin-bottom: 2em}
	.avatar { width: 120px; height: 120px;}
	.chamadas2 .item { height: auto}
	.fotoSec4 { width: 100%; max-width: 450px; display: block; position: relative; margin: 0 auto; left: auto}
	.dLado4 { width: 100%; float: none; text-align: center;}
	.fotoSec6 { position: relative; width: 100%; max-width: 400px; display: block; margin: 0 auto; left: auto}
	.sec6 .dLado4 {  text-align: center}
	.sec7 {  padding: 6em 0 2em 0;}
	.sec7 .dLado5 { float: none; width: 100%; text-align: center;}
	.sec7 .dLado4 { width: 100%; padding: 0; float: none;}
	.sec7 .playButon { transform: scale(.5,.5); margin: 0 auto; display: block; float: none;}
	.oLadox1 { width: 100%}
	.ll, .rr { float: none;}
	.sec8 { padding: 7em 0 5em 0; background-position: right bottom}
	.sec8 .bigga { text-align: center}
	#oVideo {  height: 30em; }
	.sec4 li { border:0;  }
	.sec4 li a { text-align: center; }
}
@media screen and (max-width:700px)
{
	.sec5 { background-image: none; padding: 0 0 14em 0;}
	.imgHosp { display: block; }
	.dLado5 { width: 100%; text-align: center; float: none}
	.logo { float: none; margin: 0 auto; display: block}
	.redes { display: block; text-align: center; float: none; margin: 1em auto 0 auto}
	#oVideo {  height: 25em; }
	.paginaInterna { padding: 2em 0 5em 0;}
	.fechador { top: .7em; right: .7em; }
	.sec4 ul {margin: 0; padding: 0}
	.sec4 li { width: 100%; float: none; height: auto; padding: 1em 0 0 0;  }
}