@import url(animate.css);
@import url(bootstrap.min.css);
@import url(flickity.css);
@import url(jquery.fancybox.css);
@import url(lightbox.css);
@import url(queries.css);
@import "https://fonts.googleapis.com/css?family=Nunito:400,300,700";
@import url(styles-two.css);
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css";
@import "//cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.css";
.use-btn {
  background-color: #414083;
  color: #F0F0F0;
  font-weight: bold; }
  .use-btn:hover {
    background-color: #FFA93A;
    color: #414083; }

.learn-btn:hover {
  border-color: #414083;
  background-color: #F0F0F0;
  color: #414083 !important; }

.hero {
  position: relative;
  padding: 60px 0 60px 0;
  min-height: 800px;
  background: #284666 url("../images/img_header.jpg") no-repeat center center;
  background-size: cover;
  color: #F0F0F0; }
  .hero h1 {
    font-weight: bold; }
  .hero .logo {
    width: 20%; }

.hero-sections {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  height: 230px;
  min-height: 230px; }

.nav-menu {
  float: right; }
  .nav-menu li {
    margin-left: 10px; }
  .nav-menu a {
    font-size: 1.4em;
    color: #F0F0F0; }

.features-intro img {
  height: 401px;
  object-fit: cover;
  width: 100%; }
.features-intro .features-slider {
  background: #FFA93A; }
  .features-intro .features-slider a {
    color: #F0F0F0; }

.showcase h1 {
  font-weight: bold; }
.showcase p {
  font-size: 1.2em; }
.showcase ul {
  color: #F0F0F0;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 2em; }

#form-cot {
  display: none;
  padding: 40px 0; }
  #form-cot label, #form-cot input, #form-cot select {
    width: 100%; }
  #form-cot p {
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
    width: 30%; }
    #form-cot p textarea {
      height: 55px; }

.screenshots figure img {
  height: 350px;
  object-fit: cover; }

.showcase {
  background: url("../images/guarderia-silao-gto.jpg") no-repeat center center fixed;
  background-size: cover; }

.download {
  background: #40b7c7; }
  .download label {
    font-size: 1.2em;
    width: 50%; }
  .download input {
    width: 100%; }
  .download textarea {
    height: 90px; }
  .download .use-btn {
    background-color: #ef877e !important;
    border-color: transparent !important;
    color: #F0F0F0 !important;
    font-size: 1.1em;
    margin-left: 84px;
    width: 50%; }
  .download .download-btn:hover {
    border-color: #FFA93A;
    color: #FFA93A; }

footer {
  background: #FFA93A;
  padding: 0; }
  footer li {
    margin-right: 14%;
    color: #F0F0F0; }
    footer li:hover {
      color: #414083; }
  footer a {
    color: #F0F0F0; }
    footer a:hover {
      color: #414083; }
  footer p {
    color: #F0F0F0; }
  footer img {
    width: 30%; }
  footer .social {
    float: right;
    display: inline-flex; }
    footer .social li {
      margin-left: 20px; }
      footer .social li i {
        font-size: 1.3em; }

@media only screen and (max-width: 768px) {
  .hero .logo {
    width: 85%; }

  .features-slider {
    padding: 10% 5% 1% 5%; }

  .flickity-viewport {
    height: 300px; }

  .flickity-page-dots {
    margin-top: 0; }

  .screenshots ul li {
    width: 50%; }

  .download label {
    width: 95%; }

  footer li {
    margin-left: 10px; } }

/*# sourceMappingURL=styles.css.map */