/*
 *  Colors:
 *  gold official: #CDA434;
 *  gold dark    : #8D7124;
 *  gold light   : #DAAE37;
 *  gray         : #404040;
 *  black
 *  white
 *
 */

@import url('https://fonts.googleapis.com/css?family=Quicksand');

/* TEXT HYDRATUX */
h1, h2, h3, h4, h5, h6, p {
  font-family: 'Quicksand';
}

.text-gold {
  color: #DAAE37;
}
.text-gold:hover {
  color: #CDA434;
}
a.text-gold {
  text-decoration: none;
}

/* BUTTON HYDRATUX */
.btn-gold {
  color: #CDA434 !important;
  box-shadow: inset 0 0 0 1px rgba(205, 164, 52, 0.5);
  border-radius: 999px !important;
}
.btn-gold:hover, .btn-gold:active, .btn-gold:focus {
  color: #DAAE37;
  box-shadow: inset 0 0 0 1px #DAAE37;
}

/* menu */

#content-menu nav {
  background-color: transparent !important;
  /*box-shadow: inset 0 70px 80px -70px rgba(0,0,0,0.8);*/
}

#content-menu .logo img {
  max-width: 120px
}
@media (min-width: 576px) {
  #content-menu .logo img {
    max-width: 150px
  }
}

/* header */
#header {
  background-image: url('../images/bg/bg_4.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000;
  background-size: cover;
  background-attachment: fixed;
  margin-top: -56px !important;
}

#header .h-opacity {
  background-color: rgba(0,0,0,0.7);
  height: 500px;
}

#header .pictograma h2 {
  font-size: 20px;
  text-shadow: 0px 0px 3px #000;
}

#header .pictograma img {
  padding-top: 100px;
  max-width: 200px;
}

@media (min-width: 576px) {
  #header .pictograma h2 {
    font-size: 24px;
  }
  #header .pictograma img {
    padding-top: 50px;
    max-width: 300px;
  }
}

/*Software*/
#software {
  background-color: #1D1F20;
}
#planes {
  background-color: #f5f5f5;
}
@media (min-width: 576px) {
  #software .img-soft {
    padding: 3rem;
  }
}

/* Tecnologia */
#tech img {
  max-width: 80px;
}
@media (min-width: 576px) {
  #tech img {
    max-width: 100px;
  }
}
@media (max-width: 575px) {
  #tech .swiper-container {
    width: 100%;
  }
}

/* footer */
footer {
  background-color: #f5f5f5;
}
footer img {
  width: 120px;
}
footer .phones a, footer .mails a {
  font-size: 0.9em;
  text-decoration: none;
  color: #333;
}
footer .phones a:hover, footer .mails a:hover {
  color: #555;
}
/* -- Socials links */
.sl-default a {
  color: #333;
}
.sl-default a:hover {
  text-decoration: none;
  opacity: .5;
}

.social-links.light-link a {
  color: #fff;
}

.social-links.border-link a {
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  border: 1px solid #333;
  line-height: 32px;
}

.social-links.circle-link a {
  -webkit-border-radius: 50%;
    border-radius: 50%;
}

.social-links.round-link a {
  -webkit-border-radius: 3px;
    border-radius: 3px;
}

.social-links.colored-link a {
  color: #fff;
}
.social-links.colored-link a:hover {
  color: #fff;
}

.social-links.colored-link a.facebook {
  border-color: #395799;
  background: #395799;
}

.social-links.colored-link a.twitter {
  border-color: #19b2f5;
  background: #19b2f5;
}

.social-links.colored-link a.g-plus {
  border-color: #f05b44;
  background: #f05b44;
}

.social-links.colored-link a.youtube {
  border-color: #e62117;
  background: #e62117;
}

.social-links.colored-link a.instagram {
  border-color: #833ab4;
  background: #833ab4;
}

.social-links.colored-hover a:hover {
  opacity: 1;
  color: #fff;
}

.social-links.colored-hover a:hover {
  opacity: 1;
  color: #fff;
}

.social-links.colored-hover a.facebook:hover {
  border-color: #395799;
  background: #395799;
}

.social-links.colored-hover a.twitter:hover {
  border-color: #19b2f5;
  background: #19b2f5;
}

.social-links.colored-hover a.g-plus:hover {
  border-color: #f05b44;
  background: #f05b44;
}

.social-links.colored-hover a.youtube:hover {
  border-color: #e62117;
  background: #e62117;
}

.social-links.colored-hover a.instagram:hover {
  border-color: #833ab4;
  background: #833ab4;
}

.social-links.gray-border-links a {
  color: #888;
  border-color: #888;
}

/* ext bootstrap margins */
.m-6 {
  margin: 4rem !important;
}

.mt-6 {
  margin-top: 4rem !important;
}

.mr-6 {
  margin-right: 4rem !important;
}

.mb-6 {
  margin-bottom: 4rem !important;
}

.ml-6 {
  margin-left: 4rem !important;
}

.mx-6 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}

.my-6 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.p-6 {
  padding: 4rem !important;
}

.pt-6 {
  padding-top: 4rem !important;
}

.pr-6 {
  padding-right: 4rem !important;
}

.pb-6 {
  padding-bottom: 4rem !important;
}

.pl-6 {
  padding-left: 4rem !important;
}

.px-6 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}