@charset "UTF-8";
@import "css/bootstrap.min.css";
@import "css/fancybox.css";
@import "css/font-awesome.min.css";
@import "css/normalize.css";
@import "css/owl.carousel.css";
    
/*
Theme Name: Escola Integrar | Berçário e ED. Infantil
Theme URI:  
Description: 
Version: 1.0 - 2018
Author: Agência Mobic
Author URI: http://mobic.com.br
Front-End e Wordpress: Valter Carnaúba
Email: valter.csousa@gmail.com
Site: http://valtercarnauba.com.br
*/

/*+---------------------------+
  RESET / FONT-FACE
+---------------------------+*/
@font-face {font-family: 'robusta_demoregular';src: url('fonts/robusta_demo-webfont.woff2') format('woff2'), url('fonts/robusta_demo-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'exo_2bold';src: url('fonts/exo2-bold-webfont.woff2') format('woff2'), url('fonts/exo2-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'exo_2medium';src: url('fonts/exo2-medium-webfont.woff2') format('woff2'), url('fonts/exo2-medium-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'exo_2regular';src: url('fonts/exo2-regular-webfont.woff2') format('woff2'), url('fonts/exo2-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

html, body, button, input, select, textarea {color: #383433;font: normal normal 20px 'exo_2regular', Tahoma, Arial, sans-serif;} 
*, h1, h2, h3, h4, h5 {margin: 0;padding: 0;outline: none;list-style-type: none;list-style-position: inside;font-family: 'exo_2regular', Arial, Helvetica, sans-serif;}
a, a:hover, a:focus, a:visited {color: #383433;text-decoration: none;outline: none;font-family: 'exo_2regular', Arial, Helvetica, sans-serif;}
ul, p {margin: 0}
img {max-width: 100%;height: auto;margin: 0 auto;display: block;object-fit: cover;}

/*+---------------------------+
  GERAL
+---------------------------+*/
.position-relative {position: relative;}

/*+---------------------------+
  TOPO
+---------------------------+*/
.top {padding: 24px 0 18px;}
.top a {float: left;display: inline-block;color: #2192c6;}
.top-info {margin-top: 20px;float: right;}
.social {margin: 0;float: left;}
.telefone {margin: 5px 20px 0;font-size: 18px;float: left;font-family: 'exo_2bold';}
.nome-social {margin: 4px 0 0 0;font-size: 16px;float: left;}
.fa-stack-2x {font-size: 1.2em;}
.fa-stack {width: 1.7em;}
/*+---------------------------+
  BANNER DESTAQUE
+---------------------------+*/
.owl-destaque {position: relative;}
.owl-destaque img {width: 100%;height: 600px;margin: 0 auto;display: table;object-fit: cover;}
.owl-destaque i.glyphicon.glyphicon-menu-left, .owl-destaque i.glyphicon.glyphicon-menu-right {padding: 10px;margin: 0;border-radius: 20px;border: 2px solid #fff;z-index: 2;opacity: 1;color: #023a82;background: #fff;}
.owl-destaque .owl-controls .owl-buttons div {padding: 0 5px;margin: 0;font-size: 16px;background: transparent;opacity: 1;}
.owl-destaque .owl-controls {margin-top: initial;}
.owl-destaque .owl-prev {position: absolute;top: 46.5%;left: 2%;}
.owl-destaque .owl-next {position: absolute;top: 46.5%;right: 2%;}
/*+---------------------------+
  INDEX
+---------------------------+*/
.quem-somos {padding: 50px 0 90px;}
.quem-somos h1 {margin-bottom: 30px;font-size: 100px;text-align: center;color: #2676b3;font-family: 'robusta_demoregular';}
.quem-somos p {color: #4d4d4d;font-size: 26px;line-height: 48px;text-align: center;}
.proposta {padding: 55px 0 70px;background: #ebcf58;}
.proposta h1 {margin-bottom: 5px;font-size: 50px;color: #2676b3;text-align: center;font-family: 'robusta_demoregular';}
.proposta h2 {margin-bottom: 45px;font-size: 40px;color: #2676b3;text-align: center;}
.form-control {height: 51px;padding: 6px 18px;font-size: 20px;border-radius: 10px;} #download {display: inline-block;padding: 15px 20px;border-radius: 10px;margin: 30px auto 0;font-size: 20px;display: table;}

 #footer h3 {font-size: 20px; font-family: 'exo_2bold';} 
 #footer p {margin-bottom: 10px; font-size: 18px;}
 #footer .top {padding: 24px 0 0;}

/*+---------------------------+
  MEDIA QUERIES
+---------------------------+*/
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 767px) {
  .top a {margin: 0 auto;float: initial;display: table;}
  .social a {float: left;}
  .top-info {float: initial;}
  .social {margin: 10px auto 0;display: table;float: initial;}
  .telefone {text-align: center;float: initial;}
  .nome-social {width: 100%;font-size: 16px;float: initial;text-align: center;margin: 0 auto;display: table;}
  .quem-somos h1 {font-size: 46px;}
  .quem-somos p {font-size: 18px;line-height: 24px;}
  .proposta h1 {font-size: 36px;}
  .proposta h2 {margin-bottom: 35px; font-size: 26px;}
  .owl-destaque img {height: 300px;}
  #footer .top a {margin: 0 auto 30px; }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {}

/* Layout geral responsivo */
@media (max-width: 768px) {}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}