@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i");
html::-webkit-scrollbar {
  display: none; }

body {
  overflow-y: hidden !important;
  margin: 0px;
  font-family: "verdana";
  font-size: 14px; }

header {
  background-image: linear-gradient(#00528e, #006db7);
  position: fixed;
  width: 100%;
  z-index: 9999; }

ul {
  margin-bottom: 0; }

/*FONTS STYLES*/
h1 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  color: #0071BA;
  font-size: 56px;
  line-height: 60px; }
  h1 span {
    color: #4B4B4B; }

h2 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  color: #fff;
  font-size: 40px;
  text-shadow: #035b84 0px 0px 1px; }

h3 {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  color: #4B4B4B;
  font-size: 34px; }

p, .intro ul {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 16px; }

p.fslide {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #4B4B4B;
  font-size: 16px; }

/*END FONTS STYLES*/
.logo {
  display: inline-block;
  margin: 0px;
  float: left;
  padding: 14px 0; }
  .logo img {
    display: block; }

.socials {
  display: block; }
  .socials a {
    display: block;
    color: #fff;
    font-size: 18px;
    padding: 12px 0; }
    .socials a:hover {
      color: #7ec1fb;
      transition: color 0.7s; }

#socials-small {
  display: none;
  position: fixed;
  bottom: 0;
  left: 5px;
  z-index: 300; }

.icon-socials {
  background: rgba(255, 255, 255, 0.8);
  max-width: 50px;
  height: auto;
  padding: 4px 10px;
  border-radius: 4px 4px 0 0; }
  .icon-socials img {
    width: 100%;
    height: auto; }

.socials-links {
  display: none;
  background: rgba(31, 116, 183, 0.8);
  padding: 0 10px;
  border-radius: 0 4px 0 0; }

footer {
  z-index: 200; }
  footer section:nth-child(1) {
    background: #0071ba;
    padding: 10px 0; }
  footer h4 {
    color: #fff;
    font-family: "verdana";
    font-weight: bold;
    font-size: 14px; }
  footer i {
    color: #00508b;
    margin-right: 4px; }
  footer .socials i {
    color: #fff;
    margin-right: 0; }
  footer li {
    margin-bottom: 10px;
    color: #fff; }
  footer a {
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    padding: 0 !important; }
    footer a:hover {
      color: #fff; }
  footer section:nth-child(2) {
    background: #fff;
    padding: 20px 0 14px; }
  footer section:nth-child(2) a {
    display: block; }

.space-foot {
  margin-bottom: 5px;
  background-color: #fff;
  padding-top: 1em; }

.footer-copyright {
  padding-top: 6px;
  color: #6c6c6c;
  font-size: 14px;
  text-align: right; }

.btn-primary {
  background-image: linear-gradient(#2770B4, #1384C5, #2770B4);
  color: #fff;
  text-shadow: none;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  border: 1px solid #1570B4; }

.btn-primary:focus, .btn-primary:hover, .btn-primary.active, .btn-primary:active {
  background: #2770B4;
  color: #fff;
  border: 1px solid #1570B4; }

.btn {
  font-family: 'Lato', sans-serif;
  margin-top: 12px;
  font-size: 14px; }

.btn-default {
  color: #3b70b6;
  text-shadow: none; }

#section0 {
  background-image: url();
  background-size: cover;
  background-position: right;
  /*   height: 100vh;
    width: 100vw;*/ }

#section1 {
  background-image: url();
  background-size: cover;
  background-position: right;
  /*   height: 100vh;
    width: 100vw;*/ }

#section2 {
  background-image: url();
  background-size: cover;
  background-position: right;
  /*   height: 100vh;
    width: 100vw;*/ }

#section3 {
  background-image: url();
  background-size: cover;
  background-position: right;
  /*   height: 100vh;
    width: 100vw;*/ }

#section4 {
  background-image: url();
  background-size: cover;
  background-position: right;
  /*   height: 100vh;
    width: 100vw;*/ }

#section5 {
  background-image: url();
  background-size: cover;
  background-position: right;
  /*   height: 100vh;
    width: 100vw;*/ }

.content-recort-repeat {
  width: 100%;
  height: 174%;
  position: fixed;
  top: 100%;
  z-index: 0; }
  .content-recort-repeat:after {
    display: block;
    padding-bottom: 70%;
    content: "";
    transform: skew(0deg, 10deg);
    -ms-transform: skew(0deg, 10deg);
    -webkit-transform: skew(0deg, 10deg);
    background: #00a6e5;
    /* Old browsers */
    background: -webkit-linear-gradient(0deg, #00a6e5 20%, #2770b4 55%);
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00a6e5), color-stop(55%, #2770b4));
    background: -webkit-linear-gradient(left, #00a6e5 20%, #2770b4 55%);
    background: -o-linear-gradient(left, #00a6e5 20%, #2770b4 55%);
    background: linear-gradient(90deg, #00a6e5 20%, #2770b4 55%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6e5', endColorstr='#2770b4',GradientType=1 ); }

.recort {
  background-image: url(../images/bg-gradblue-top.png), url(../images/bg-gradblue-bott.png);
  background-size: contain, 100vw 100vh;
  background-position: top center, 0 40.2vh;
  height: 100vh;
  background-repeat: no-repeat, no-repeat; }

.repeat {
  background-image: url(../images/bg-gradblue-bott.png);
  background-repeat: repeat-y;
  height: 100%;
  background-size: contain;
  margin-top: -2px; }

.intro {
  position: relative;
  z-index: 90; }
  .intro ul {
    margin: 0;
    margin-left: 20px;
    padding: 0; }

.img-cel img {
  position: absolute; }

#section2 .intro {
  margin-top: 60px; }

/*.list-slide li:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 25px;
  background: #fff;
  margin-right: 5px;
  vertical-align: middle;
}*/
#smov {
  display: none; }

.sdesk {
  display: none; }

.smov {
  display: block; }

@media (max-width: 768px) {
  header {
    position: fixed;
    top: 0;
    left: 0; }
  .socials {
    display: none; }
  #socials-small, .socials-links .socials {
    display: block; }
  .footer-copyright {
    padding-top: 15px;
    text-align: center; }
  #menu-fpage {
    display: block;
    position: fixed;
    margin-top: 52px; }
  #fp-nav, #fp-nav-line {
    display: none; }
  /*.content-recort-repeat {
    display: none;
  }*/
  .intro {
    padding-top: 50px; }
  h2 {
    margin-top: 78px; }
  #section0, #section1, #section2, #section4 {
    background-position-x: 55%; }
  .content-recort-repeat:after {
    padding-bottom: 100%; }
  .img-cel img {
    position: relative;
    width: 100%; }
  #section5, #section3 {
    background-position-x: 74%; }
    #section5 h1, #section3 h1 {
      text-shadow: #fff 1px 0px 1px; }
  .sdesk {
    display: block;
    margin-bottom: 0; }
  .smov {
    display: none; }
  .panel-default {
    margin-top: 0 !important; }
    .panel-default h4 {
      color: #fff;
      margin-top: 12px;
      padding-bottom: 5px; }
    .panel-default a {
      font-size: 14px;
      font-weight: bold;
      display: block;
      color: #fff !important; }
      .panel-default a:hover, .panel-default a:focus {
        text-decoration: none; }
    .panel-default .fa {
      color: #045188;
      font-size: 24px;
      margin-right: 12px;
      float: right; }
    .panel-default .list-unstyled a {
      display: inline;
      font-weight: 500; }
      .panel-default .list-unstyled a:hover, .panel-default .list-unstyled a:focus {
        text-decoration: underline; }
    .panel-default .list-unstyled .fas {
      color: #045188;
      font-size: 20px;
      margin-right: 12px; }
  .panel, .panel-difault {
    border-radius: 0 !important;
    background-color: #006bb1;
    border: none !important; }
    .panel .panel-heading, .panel-difault .panel-heading {
      background-color: #006bb1;
      border-color: #006bb1;
      background-image: none; }
    .panel .panel-body, .panel-difault .panel-body {
      border: none !important; } }

@media (max-width: 640px) {
  /*body {
    background: #ccc;
  }*/
  .logo img {
    margin: -7px 0 -7px 7px; }
  header {
    position: relative;
    top: 0;
    left: 0; }
  #menu-fpage {
    display: block;
    position: fixed;
    margin-top: 43px;
    transition: margin-top 1s;
    background: rgba(0, 0, 0, 0.8); }
  .movil-nav {
    margin-top: 0px !important;
    transition: margin-top 1s; }
  h1 {
    font-size: 42px;
    line-height: 36px; }
    h1 span {
      color: #4B4B4B; }
  h2 {
    font-size: 32px;
    margin-top: 0; }
  h3 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 5px; }
  p, p.fslide, .intro ul {
    font-size: 14px;
    text-shadow: #035b84 0px 0px 1px; }
  p.fslide {
    text-shadow: #fff 1px 0px 1px; }
  .btn {
    margin-top: 0; }
  .intro, #section2 .intro {
    padding-top: 0;
    margin-top: 0; }
  .img-cel img {
    width: 75%; } }

@media (max-width: 360px) {
  #sdesk {
    display: none; }
  #smov {
    display: block; }
  .content-recort-repeat:after {
    padding-bottom: 120%; }
  h2 {
    margin-bottom: 10px; } }