/*
Theme Name: LightTheme
Theme URI: http://html5blank.com
Description: Template Base
Version: 1.4.3
Author: Base
Author URI: base
Tags: HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*FONTS
\*------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,800");
/*------------------------------------*MIXINS
\*------------------------------------*/
/*------------------------------------*GENERALES
\*------------------------------------*/
html {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important; }

body#master {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  z-index: 0;
  font-family: "Raleway", sans-serif; }

.maqueta {
  background-color: red; }

.maqueta2 {
  background-color: #da3998; }

.maqueta3 {
  background-color: #39c7da; }

.maqueta4 {
  background-color: #46da39; }

header.d-header {
  display: block;
  padding: 15px;
  background-color: transparent;
  position: fixed;
  width: 100%;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  z-index: 10;
  top: 28px; }

header.d-header.darkHeader {
  background-color: white;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  top: 0;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25); }

.logo {
  left: -5px;
  opacity: 0;
  -webkit-transition: all ease-in-out 0.9s;
  -moz-transition: all ease-in-out 0.9s;
  -o-transition: all ease-in-out 0.9s;
  transition: all ease-in-out 0.9s; }

.darkHeader .logo {
  left: 0px;
  opacity: 1;
  -webkit-transition: all ease-in-out 0.9s;
  -moz-transition: all ease-in-out 0.9s;
  -o-transition: all ease-in-out 0.9s;
  transition: all ease-in-out 0.9s; }

.logo-flotante a img {
  max-width: 150px;
  height: auto; }

svg.svg-logo {
  width: 98px;
  height: 34px; }

.menu-flotante {
  width: 250px;
  background-color: #000000;
  height: 100vh;
  position: fixed;
  z-index: 75;
  top: 0;
  right: -250px;
  padding: 170px 0 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  -webkit-box-shadow: -4px 5px 44px -11px transparent;
  -moz-box-shadow: -4px 5px 44px -11px transparent;
  box-shadow: -4px 5px 44px -11px transparent; }

.show-menu {
  width: 40px;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s; }

.visibleMenu {
  right: 0px;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  -webkit-box-shadow: -7px 1px 39px -13px rgba(0, 0, 0, 0.81);
  -moz-box-shadow: -7px 1px 39px -13px rgba(0, 0, 0, 0.81);
  box-shadow: -7px 1px 39px -13px rgba(0, 0, 0, 0.81); }

.hide-menu {
  width: 40px;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer; }

ul.menu-lateral {
  margin: 0;
  padding: 0;
  text-align: right;
  list-style: none; }
  ul.menu-lateral li {
    list-style: none; }
    ul.menu-lateral li a {
      font-size: 25px;
      color: #ffffff;
      text-decoration: none;
      padding: 5px 30px 5px 0;
      display: block;
      background-color: transparent;
      -webkit-transition: all ease-in-out 0.3s;
      -moz-transition: all ease-in-out 0.3s;
      -o-transition: all ease-in-out 0.3s;
      transition: all ease-in-out 0.3s; }
      ul.menu-lateral li a:hover {
        background-color: #037fe4;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s; }

.home-bloque-a {
  background-image: url(images/bloque-home.jpg);
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100vh;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.color-hover-bloque {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(79, 79, 79, 0.8); }

img.logo-Home {
  max-width: 340px; }

.home-bloque-b {
  background-image: url(images/bloque-home-b.jpg);
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100vh;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.caja-servicio {
  display: table;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 500px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
  overflow: hidden;
  -webkit-transition: all ease-in-out 0.4s;
  -moz-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s; }
  .caja-servicio a {
    text-decoration: none;
    color: #ffffff;
    display: block; }
  .caja-servicio a:hover {
    text-decoration: none;
    color: #ffffff; }
  .caja-servicio .color-hover-bloque {
    opacity: 1;
    -webkit-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    background-color: rgba(110, 110, 110, 0.5); }
  .caja-servicio .ico-servicio {
    max-width: 110px; }

.caja-servicio:hover .color-hover-bloque {
  opacity: 0;
  -webkit-transition: all ease-in-out 0.4s;
  -moz-transition: all ease-in-out 0.4s;
  -o-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s; }

#master h1 {
  font-size: 50px;
  font-weight: 300; }

#master h2 {
  font-size: 40px; }

#master h3 {
  font-size: 30px;
  font-weight: 400; }

a {
  outline: none !important;
  text-decoration: none !important; }

#master .navbar-default {
  background-color: transparent;
  border-color: transparent; }

#master .navbar-default .navbar-nav > li > a {
  color: #000000;
  font-size: 15px;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s; }
  #master .navbar-default .navbar-nav > li > a:hover {
    color: #00b5fe !important;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s; }

#master a.mPS2id-clicked {
  color: #00b5fe !important;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s; }

#master .navbar-default .navbar-toggle {
  border: none;
  padding: 0; }

#master .navbar-collapse {
  box-shadow: none; }

#master .navbar-default .navbar-toggle:hover,
#master .navbar-default .navbar-toggle:focus {
  background-color: transparent; }

#master .navbar-default .navbar-collapse,
#master .navbar-default .navbar-form {
  border: none; }

#master .so-widget-sow-hero-default-e9947fc1e08f .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper .sow-hero-buttons {
  margin-top: 5px; }

img.ico-menu {
  width: 40px;
  height: 40px; }

.d-block {
  display: block;
  width: 100%;
  height: auto;
  position: relative; }

.d-table {
  display: table;
  width: 100%;
  height: 100%;
  position: relative; }

.d-table-cell-top {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  position: relative; }

.d-table-cell-middle {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  position: relative; }

.d-table-cell-botton {
  display: table-cell;
  width: 100%;
  vertical-align: bottom;
  position: relative; }

.p-relative {
  position: relative !important; }

.p-absolute {
  position: absolute !important; }

.box-menu-principal {
  position: fixed;
  z-index: 100;
  top: 80px;
  background-color: transparent;
  width: 100%;
  display: block;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s; }
  .box-menu-principal .logo {
    opacity: 1;
    position: relative;
    top: -30px;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s; }
    .box-menu-principal .logo img {
      max-width: 280px;
      height: auto;
      -webkit-transition: all ease-in-out 0.5s;
      -moz-transition: all ease-in-out 0.5s;
      -o-transition: all ease-in-out 0.5s;
      transition: all ease-in-out 0.5s; }
  .box-menu-principal nav {
    position: relative;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s; }

.box-menu-principal.stickyM {
  position: fixed;
  top: 0;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  background-color: white;
  -webkit-box-shadow: 0px 6px 26px 0px rgba(0, 0, 0, 0.44);
  -moz-box-shadow: 0px 6px 26px 0px rgba(0, 0, 0, 0.44);
  box-shadow: 0px 6px 26px 0px rgba(0, 0, 0, 0.44); }
  .box-menu-principal.stickyM nav {
    top: 10px; }

.box-menu-principal.stickyM .logo {
  top: -20px; }

.box-menu-principal.stickyM .logo img {
  max-width: 200px;
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s; }

.box-logo-menu-principal {
  position: absolute;
  z-index: 2;
  top: -20px; }

#master .home-header h1, #master .home-header h2, #master .home-header h3, #master .home-header h4 {
  color: #ffffff;
  margin: 3px;
  padding: 3px; }

@media screen and (max-width: 992px) {
  .caja-servicio {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .menu-flotante {
    padding: 35% 0 10px 0; } }

@media screen and (max-width: 700px) {
  .help-header {
    display: block;
    height: 90px !important;
    background-color: #ffffff;
    width: 100%; }
  .box-menu-principal {
    top: 15px; } }

@media screen and (max-width: 648px) {
  .box-menu-principal .logo {
    top: -12px; }
    .box-menu-principal .logo img {
      max-width: 150px !important; }
  .box-menu-principal.stickyM .logo {
    top: -9px; }
  .box-menu-principal {
    background-color: #ffffff !important; } }