/* Text Colors */ 
.g-color--primary {
  color: #D86B1D !important;
}

/* Links o hipervinculos*/
a {
  color: #fa6b1d;
  text-decoration: none;
}


a:focus, a:hover {
  color: #D86B1D;
  text-decoration: none;
}

a:focus {
  outline: none;
}

/*----------------------------------
  Selection
------------------------------------*/
::selection {
  color: #222324;
  background: #D86B1D;
  text-shadow: none;
}

::-webkit-selection {
  color: #fff;
  background: #D86B1D;
  text-shadow: none;
}

:active,
:focus {
  outline: none;
}

/*Propiedades de la barra de navegacion */
.s-header-v2__nav-link {
  position: relative;
  display: block;
  font-size: 0.8125rem;
  font-weight: 700;
  font-family: Montserrat, sans-serif;

  /*Cuando la barra de navegacion es transparente, color de texto*/
  color: #8e8e8e;
  line-height: 5.5rem;
  text-transform: uppercase;
  margin: 0 .9rem;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/* Hover Colors FOOTER */
.g-color--text[href]:hover {
  color: #D86B1D !important;
}

.g-color--white-opacity[href]:hover {
  color: #D86B1D !important;
}

/* Image Effect fondo en proyectos
------------------------------ */
.s-portfolio__img-effect:after {
  background: #3f3f3f;
}

/* Paginations v1 swiper de proyectos (puntito)
------------------------------ */
.s-portfolio__paginations-v1 .cbp-nav-controls {
  display: none;
}

.s-portfolio__paginations-v1 .cbp-nav-pagination {
  padding-left: .625rem;
}

.s-portfolio__paginations-v1 .cbp-nav-pagination-item {
  margin: 0 .9375rem;
}

.s-portfolio__paginations-v1 .cbp-nav-pagination-active {
  background: #D86B1D;
}

/*----------------------------------
  Buttons
------------------------------------*/
.s-btn--white-bg {
  color: #222324;
  background: #fff;
}

.s-btn--white-bg:focus, .s-btn--white-bg:hover {
  color: #c54041;
  background: #fff;
}

.s-btn--dark-bg {
  color: #fff;
  background: #222324;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #222324;
}

.s-btn--dark-bg:focus, .s-btn--dark-bg:hover {
  color: #fff;
  background: #D86B1D;
  border-color: #c54041;
}

.s-btn--primary-bg {
  color: #fff;
  background: #D86B1D;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #c54041;
}

.s-btn--primary-bg:focus, .s-btn--primary-bg:hover {
  color: #fff;
  background: #D86B1D;
  border-color: #c54041;
}

.s-btn--primary-brd {
  color: #3f3f3f;
  background: transparent;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #D86B1D;
}

.s-btn--primary-brd:focus, .s-btn--primary-brd:hover {
  color: #fff;
  background: #D86B1D;
  border-color: #c54041;
}

/*----------------------------------
  Back To Top
------------------------------------*/
.s-back-to-top {
  background: #fa6b1d;
}

.s-back-to-top:hover:before {
  color: #c54041;
}

/* Background Colors */
.g-bg-color--primary {
  background-color: #3f3f3f !important;
}

/*----------------------------------
  Common HTML elements and more for easier usage
------------------------------------*/ 
html {
  overflow-x: hidden;
}

html, html a, body {
  -webkit-font-smoothing: antialiased;
}

html {
  font-size: 16px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-size: 1rem;
  font-family: Lato, sans-serif;
  color: #222324;
  line-height: 1.6;
  background-color: #fff;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-family: Montserrat, sans-serif;
  line-height: 1.2;
  color: #242424;
  margin-top: 0;
  margin-bottom: .5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: capitalize;
  margin-bottom: 0.75rem;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #D86B1D;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

h1 a:focus, h1 a:hover,
h2 a:focus,
h2 a:hover,
h3 a:focus,
h3 a:hover,
h4 a:focus,
h4 a:hover,
h5 a:focus,
h5 a:hover,
h6 a:focus,
h6 a:hover {
  color: #ffffff;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

em,
li {
  font-size: 1rem;
  font-weight: 300;
  color: #242424;
}

em > a,
li > a {
  color: #242424;
}

em > a:hover,
li > a:hover {
  color: #13b1cd;
}

small {
  color: #656565;
}

label {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #242424;
  margin-bottom: .25rem;
}

i {
  line-height: 1;
}

/* Paragraph */
p {
  font-size: 0.9375rem;
  font-weight: 300;
  color: #656565;
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 1rem;
}

/* Links */
a {
  color: #13b1cd;
  text-decoration: none;
}

a:focus, a:hover {
  color: #1095ac;
  text-decoration: none;
}

a:focus {
  outline: none;
}

/*Cuando el cursor esta sobre el Nav menu*/
.s-header-v2__nav-link:hover {
  color: #E85D38;
}