/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* #Site Styles
================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }
body {
  line-height: 1; }
ol, ul {
  list-style: none; }
blockquote, q {
  quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }
table {
  border-collapse: collapse;
  border-spacing: 0; }

  h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
  h1, h2
  {
    font-family: "GaramondPro";
  }
  h3,h4,h5,h6,p,a
  {
    font-family: "Avenir"
  }
  a
  {
    text-decoration: none;
  }
  .row{padding: 0 50px;}
  .blanco{background-color: #fff; padding:60px 8%;}
  .gris{background-color: #f7f7f7;padding: 14vw 0;}
  .gris-oscuro{background-color: #282828;padding: 10px 0;}
/* MENU
============================================================================================ */


/* ---------------- For sticky header: class="float-panel"  ------------------*/
.float-panel {
    width:100%;
    z-index:300;
    padding:10px 0;
    transform: translateZ(0);
    transition:all 0.5s;rgba(255,255,255,0.2);
}
.float-panel .content-area {margin:10px auto;}
.float-panel a {font-size:16px;text-decoration:none;color:white;display:inline-block;padding:10px 20px;font-weight: bold;}
.float-panel a:hover {color:#39BDAB;}
.float-panel .fa-gg {color:#F0595C;font-size:30px;vertical-align:middle;transition:all 1s;}

.fixed {box-shadow:0 2px 6px rgba(0,0,0,0.2);padding:4px 0;animation:slide-down 0.7s;
  background-color: white;opacity:.9;}
  .fixed a{color:#444}
.fixed .fa-gg {transform: rotate(360deg); }
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 0.9;
        transform: translateY(0);
    }
}
/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
    visibility:hidden;
    visibility:visible\9;
}
.slideanim.slide {visibility: visible; animation:slide 1s;}
.slideanim::after {
    content: "";
    display: table;
    clear: both;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* .logo-img
{
  height: 40px;
  vertical-align: middle;
} */

/* PARALLAX
================================================== */
.section{
		text-align:center;
	}
.section{
  background-size: cover;
}
#section0{
  background-image: url(../images/coverslash.png);
  background-position: center;
}

 #parallax-layer{height: 200px;}



/* LOGO
================================================== */
.logo img{width: 100%;
  text-align: center;
  margin-left:auto;
  margin-right: auto;}

/* CONTACTO
================================================== */
#contacto h2{font-size: 6vh;
  font-family: 'AvenirB';
  color:#D30041;
  margin: 10px 0 0 0;}
#contacto h5{font-size: 16px; color:#232323; margin-bottom: 20px; padding-bottom: 10px;border-bottom: 2px solid #D30041;}
#contacto p{margin: 12px 0; font-family: 'Avenir'; color:#232323;}
#contacto svg{color:#D30041;}
#contacto a{color:#232323; text-decoration: none;}



  /* CTA
  ================================================== */

.cta{color:#fff; padding:50px 10%}
  .cta h5{
    font-size: 2.8vh;
    font-family: 'worksansSB';
    text-align: center;
    display: inline-block;
  }
  .cta h2{
    font-size: 2.8vh;
    font-family: 'worksansSB';
    text-align: center;
    display: inline-block;
  }
  .cta h4{
    font-size: 5vh;
    font-family: 'worksansSB';
    text-align: center;
    display: inline-block;
  }
  .cta p{
    font-size: 2.8vh;
    text-align: center;
    display: inline-block;
  }

  .cta-mobile{color:#fff; padding:50px 0}
  .cta-mobile h5{
    font-size: 3vw;
    font-family: 'worksansSB';
    text-align: center;
    display: inline-block;
  }
  .cta-mobile h2{
    font-size: 3vw;
    font-family: 'worksansSB';
    text-align: center;
    display: inline-block;
  }
  .cta-mobile h4{
    font-size: 4vh;
    font-family: 'worksansSB';
    text-align: center;
  }
  .cta-mobile p{
    font-size: 2.5vh;
    text-align:justify;
    display: inline-block;
  }

  #ctabtn{margin: 50px 0 30px 0;}
  #ctabtn a
  {
    padding:15px 25px;
    color:#fff;
    background-color: #eb794e;
    text-align: center;
    text-decoration: none;
    font-family: 'worksansSB';
    transition: all 0.3s ease;

  }
  #ctabtn a:hover
  {
    color:#eb794e;
    background-color: #fff;
    transition: all 0.3s ease;
  }


/* FOOTER
================================================== */
#derechos{text-align: center;}
#derechos p{font-size: 12px; color:#f7f7f7;}
/*
.facebook:hover{color:#4267B2; text-decoration: none;}
.linkedin:hover{color:#0077B5; text-decoration: none;}
.instagram:hover{background: linear-gradient(to top right, #DF104A, #BC19A6, #5D1ABC);
  -webkit-background-clip: text;-webkit-text-fill-color: transparent; text-decoration: none;}
.behance:hover{color:#0057FF; text-decoration: none;}
 */


/* REPONSIVE
================================================== */
.desktop {display:block;}
.mobile {display:none;}
/* .view-desktop2 {display:block;}
.view-mobile2 {display:none;} */
/* #Media Queries
================================================== */

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (min-width: 959px) and (max-width: 1280px) {

  }

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {


  }


  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 960px) and (max-width: 1085px) {

  }

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    /* .view-desktop {display:none;}
    .view-mobile {display:block;}
*/
  }



  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
    .desktop {display:none;}
    .mobile {display:block;}
    /*.view-desktop2 {display:none;}
    .view-mobile2 {display:block;} */
  }


  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    /* .view-mobile {display:block;} */


  }



  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {

      }


/* #Font-Face
================================================== */

  @font-face {
      font-family: 'GaramondPro';
      src:
      url('../fonts/AGaramondPro-Regular.otf') format('truetype');
      font-weight: normal;
      font-style: normal; }
  @font-face {
      font-family: 'Avenir';
      src:
      url('../fonts/AvenirNextLTPro-Regular.otf') format('truetype');
      font-weight: normal;
      font-style: normal; }
      @font-face {
          font-family: 'AvenirB';
          src:
          url('../fonts/AvenirNextLTPro-Bold.otf') format('truetype');
          font-weight: normal;
          font-style: normal; }
      @font-face {
          font-family: 'AvenirD';
          src:
          url('../fonts/AvenirNextLTPro-Demi.otf') format('truetype');
          font-weight: normal;
          font-style: normal; }