/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/* GENERIC ////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}
body {
  font-family: 'Lato', sans-serif;
  font-size: 1.5rem;
  line-height: 1.3em;
  text-align: center;
  color: #bc8a4f;
  background-color: #ece6de;
}
h1,
h2,
h3 {
  font-family: 'Asap', sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 1em;
  color: #be5c33;
  margin-top: 0em;
  margin-bottom: 0em;
}
h1 {
  font-size: 3.75rem;
}
h2 {
  font-size: 2.25rem;
}
h3 {
  font-size: 1.875rem;
}
a {
  text-decoration: none;
  color: #bc8a4f;
}
a:hover {
  color: #be5c33;
}
ul {
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
}
div {
  overflow: hidden;
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* LAYOUT /////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
.container,
.container-flex,
.content {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.container-flex {
  padding: 0 3.125rem;
}
.content {
  padding: 0 .5em;
  max-width: 1400px;
  margin: 0 auto;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(32, 23, 20, 0.3);
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* SEMANTIC ///////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
.fixed {
  position: fixed;
  z-index: 101;
}
.hidden {
  display: none;
}
.clearfix {
  clear: both;
  display: inline-block;
  width: 100%;
}
.padding-top {
  padding-top: 6.25rem;
}
.padding-bottom {
  padding-bottom: 6.25rem;
}
.clear-margin-bottom {
  margin-bottom: 0;
}
.clear-padding-left-right {
  padding-left: 0;
  padding-right: 0;
}
.p-medium {
  font-size: 1.25rem;
  line-height: 1.3em;
}
.p-small {
  font-size: 1.125rem;
  line-height: 1.3em;
}
.block-color-primary {
  background-color: #be5c33;
  color: #d4b896;
}
.block-color-primary h1,
.block-color-primary h2,
.block-color-primary h3 {
  color: #ece6de;
}
.block-color-light {
  background-color: #d4b896;
  color: #ece6de;
}
.block-narrow {
  max-width: 800px;
  margin: 0 auto;
}
.btn {
  display: inline-block;
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 3.2em;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 0 1.5em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.btn i {
  vertical-align: top;
  font-size: 1.5em;
  line-height: 2.133333333333333em;
  margin-right: .5em;
}
.btn-primary {
  background-color: #be5c33;
  color: #ece6de;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn-primary:hover {
  background-color: #bc8a4f;
  color: #ece6de;
}
/* FORM ELEMENTS ////////////////////////////////////////////////////////*/
input,
textarea,
button {
  display: block;
  width: 100%;
  margin: 1em auto;
  font-family: 'Lato', sans-serif;
  font-size: 1.25rem;
  font-weight: 200;
  background-color: #d4b896;
  color: #be5c33;
  border: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
input:focus,
textarea:focus,
button:focus {
  outline: none !important;
}
input,
textarea {
  font-size: 1.25rem;
  padding: 0 1.5em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
input {
  line-height: 3.2em;
}
textarea {
  height: 9em;
  line-height: 1.5em;
  padding-top: 1em;
}
::-webkit-input-placeholder {
  font-style: italic;
  color: #ece6de;
}
:-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  color: #ece6de;
}
::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  color: #ece6de;
}
:-ms-input-placeholder {
  font-style: italic;
  color: #ece6de;
}
.form-error {
  background-color: #d9534f !important;
  color: #ece6de !important;
}
.form-success {
  background-color: #5cb85c !important;
  color: #ece6de !important;
}
#success-txt-1,
#success-txt-2,
#error-txt-1,
#error-txt-2 {
  display: none;
}
#success-txt-1,
#success-txt-2 {
  color: #5cb85c;
}
#error-txt-1,
#error-txt-2 {
  color: #d9534f;
}
/* MODAL WINDOW ////////////////////////////////////////////////////////*/
.modal-window {
  display: none;
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(32, 23, 20, 0.75);
}
.modal-window .modal-box {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 2em;
  background-color: #ece6de;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.modal-window .modal-box .modal-btn-close {
  position: absolute;
  right: 1em;
  top: 1em;
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* HEADER //////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
#header {
  padding-top: 3.125rem;
  -webkit-box-shadow: 0px 1px 10px 10px rgba(32, 23, 20, 0.3);
  -moz-box-shadow: 0px 1px 10px 10px rgba(32, 23, 20, 0.3);
  box-shadow: 0px 1px 10px 10px rgba(32, 23, 20, 0.3);
}
#header a.logo {
  float: left;
}
#header a.logo img {
  display: block;
}
#header ul.main-nav {
  float: right;
  margin-top: 0.5833333333333333em;
}
#header ul.main-nav li {
  display: inline-block;
  margin-left: .5em;
}
#header ul.main-nav li a {
  display: block;
  width: 8.333333333333333em;
  height: 2.666666666666667em;
  font-family: 'Asap', sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 1.5rem;
  line-height: 2.666666666666667em;
  background-color: #d4b896;
  color: #ece6de;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#header ul.main-nav li a:hover {
  background-color: #bc8a4f;
}
#header ul.main-nav li:first-child {
  margin-left: 0;
}
#header #mobile-btn {
  position: relative;
  display: none;
  float: right;
  width: 2em;
  height: 2em;
  font-size: 1.5em;
  line-height: 2em;
  background-color: #d4b896;
  color: #ece6de;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#header #mobile-btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#header #mobile-btn i#icon-close {
  display: none;
}
#header #mobile-btn:hover {
  background-color: #bc8a4f;
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* JUMBOTRON //////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
#jumbotron {
  position: relative;
  height: 100vh;
  background-color: #bc8a4f;
  background-image: url(../images/covers/cover-1.jpg);
  background-position: top center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #ece6de;
}
#jumbotron .content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4em;
}
#jumbotron .content h1 {
  color: #ece6de;
}
#c2a-trabajos > span:after {
  content: " nuestros";
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* SERVICIOS //////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
#servicios ul {
  overflow: hidden;
}
#servicios ul li {
  display: block;
  float: left;
  width: 25%;
  padding: 0 .5em;
}
#servicios ul li figure {
  background-color: #d4b896;
  color: #ece6de;
  margin: 0;
  padding: 1em;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
#servicios ul li figure i {
  vertical-align: top;
  font-size: 2.5em;
  margin: .25em;
}
#servicios ul li figure h3 {
  color: #be5c33;
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* TRABAJOS //////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
#slider-trabajos {
  position: relative;
  margin-top: 1em;
}
#slider-trabajos .slider-btn-left,
#slider-trabajos .slider-btn-right {
  position: absolute;
  width: 4.166666666666667em;
  height: 4.166666666666667em;
  top: 265px;
  background-color: #be5c33;
  color: #ece6de;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#slider-trabajos .slider-btn-left i,
#slider-trabajos .slider-btn-right i {
  line-height: 2.083333333333333em;
}
#slider-trabajos .slider-btn-left {
  left: 0;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}
#slider-trabajos .slider-btn-left:hover,
#slider-trabajos .slider-btn-right:hover {
  background-color: #bc8a4f;
}
#slider-trabajos .slider-btn-right {
  right: 0;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
}
#slider-trabajos .slider-nav {
  position: absolute;
  top: 550px;
  width: 100%;
  font-size: 1.5rem;
  line-height: 1em;
  text-align: center;
}
#slider-trabajos .slider-nav li {
  display: inline-block;
  margin-right: .25em;
}
#slider-trabajos .slider-nav li a {
  display: block;
  overflow: hidden;
  width: 1em;
  height: 1em;
  text-indent: -9999em;
  background-color: #ece6de;
  border: solid 0.2em #ece6de;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#slider-trabajos .slider-nav li a:hover {
  background-color: #d4b896;
}
#slider-trabajos .slider-nav li:last-child {
  margin-right: 0;
}
#slider-trabajos .slider-nav .active-pagination-btn {
  background-color: #be5c33;
}
#slider-trabajos div.slider-area {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#slider-trabajos div.slider-area ul.slider-block {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#slider-trabajos div.slider-area ul.slider-block li.slide {
  overflow: hidden;
  float: left;
  width: 100%;
  background-color: #ece6de;
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder {
  width: 100%;
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo {
  display: block;
  float: left;
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo figure {
  height: 600px;
  margin: 0;
  background-color: #d4b896;
  background-position: center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo figure figcaption {
  width: 50%;
  margin: 0 auto;
  background-color: #be5c33;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo figure figcaption h3 {
  margin: 0px;
  height: 2em;
  line-height: 2em;
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-00-A {
  background-image: url("../images/trabajos/00-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-00-B {
  background-image: url("../images/trabajos/00-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-00-C {
  background-image: url("../images/trabajos/00-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-01-A {
  background-image: url("../images/trabajos/01/01-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-01-B {
  background-image: url("../images/trabajos/01/01-B.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-02-A {
  background-image: url("../images/trabajos/02/02-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-02-B {
  background-image: url("../images/trabajos/02/02-B.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-03-A {
  background-image: url("../images/trabajos/03/03-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-03-B {
  background-image: url("../images/trabajos/03/03-B.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-04-A {
  background-image: url("../images/trabajos/04/04-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-05-A {
  background-image: url("../images/trabajos/05/05-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-06-A {
  background-image: url("../images/trabajos/06/06-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-07-A {
  background-image: url("../images/trabajos/07/07-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-08-A {
  background-image: url("../images/trabajos/08/08-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-09-A {
  background-image: url("../images/trabajos/09/09-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-10-A {
  background-image: url("../images/trabajos/10/10-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-10-B {
  background-image: url("../images/trabajos/10/10-B.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-11-A {
  background-image: url("../images/trabajos/11/11-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-12-A {
  background-image: url("../images/trabajos/12/12-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-13-A {
  background-image: url("../images/trabajos/13/13-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-13-B {
  background-image: url("../images/trabajos/13/13-B.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-13-C {
  background-image: url("../images/trabajos/13/13-C.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-14-A {
  background-image: url("../images/trabajos/14/14-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-14-B {
  background-image: url("../images/trabajos/14/14-B.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-15-A {
  background-image: url("../images/trabajos/15/15-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-16-A {
  background-image: url("../images/trabajos/16/16-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-16-B {
  background-image: url("../images/trabajos/16/16-B.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-17-A {
  background-image: url("../images/trabajos/17/17-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-18-A {
  background-image: url("../images/trabajos/18/18-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-19-A {
  background-image: url("../images/trabajos/19/19-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-19-B {
  background-image: url("../images/trabajos/19/19-B.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-20-A {
  background-image: url("../images/trabajos/20/20-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-21-A {
  background-image: url("../images/trabajos/21/21-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-22-A {
  background-image: url("../images/trabajos/22/22-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-23-A {
  background-image: url("../images/trabajos/23/23-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-23-B {
  background-image: url("../images/trabajos/23/23-B.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-24-A {
  background-image: url("../images/trabajos/24/24-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-25-A {
  background-image: url("../images/trabajos/25/25-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-26-A {
  background-image: url("../images/trabajos/26/26-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-26-B {
  background-image: url("../images/trabajos/26/26-B.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-26-C {
  background-image: url("../images/trabajos/26/26-C.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-27-A {
  background-image: url("../images/trabajos/27/27-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-28-A {
  background-image: url("../images/trabajos/28/28-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-28-B {
  background-image: url("../images/trabajos/28/28-B.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo .photo-29-A {
  background-image: url("../images/trabajos/29/29-A.jpg");
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo:last-child {
  padding-right: 0;
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.single li.photo {
  width: 100%;
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.double li.photo {
  width: 50%;
}
#slider-trabajos div.slider-area ul.slider-block li.slide ul.triple li.photo {
  width: 33.333%;
}
#slider-trabajos .slide-caption {
  padding: 3rem 2em;
  width: 100%;
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* HABLAMOS //////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
.call-to-action {
  padding-top: 1em;
}
.call-to-action .call-area {
  float: left;
  width: 33.333%;
  padding-right: .5em;
  text-align: left;
}
.call-to-action .call-area a.btn {
  width: 100%;
  text-align: center;
}
.call-to-action .call-area p {
  color: #be5c33;
}
.call-to-action form {
  float: right;
  width: 66.666%;
  padding-left: .5em;
  text-align: left;
  /* Firefox 18- */
  /* Firefox 19+ */
}
.call-to-action form input,
.call-to-action form button[type="submit"] {
  float: left;
  width: 50%;
  margin: 0;
}
.call-to-action form input {
  background-color: #ece6de;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.call-to-action form ::-webkit-input-placeholder {
  color: #d4b896;
}
.call-to-action form :-moz-placeholder {
  color: #d4b896;
}
.call-to-action form ::-moz-placeholder {
  color: #d4b896;
}
.call-to-action form :-ms-input-placeholder {
  color: #d4b896;
}
.call-to-action form button[type="submit"] {
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.call-to-action form p {
  color: #be5c33;
}
#c2a-phone-number-request > span:after {
  content: " nosotros";
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* CONTACTO //////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
#contacto ul {
  overflow: hidden;
  margin-top: 1em;
}
#contacto ul li {
  display: block;
  float: left;
  width: 33.333333333%;
  padding: 0 .5em;
}
#contacto ul li figure {
  overflow: hidden;
  margin: 0;
  padding: 1em;
  background-color: #d4b896;
  color: #ece6de;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
#contacto ul li figure i {
  margin: .25em;
  font-size: 2.5em;
}
#contacto ul li figure h3 {
  color: #be5c33;
}
#contacto ul li figure a {
  display: block;
  margin: .25em;
  font-size: 3rem;
  line-height: 1.3em;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#contacto ul li figure a small {
  font-size: 1.5rem;
  line-height: 1em;
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* FOOTER //////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
footer {
  text-align: left;
}
footer .logo {
  display: block;
  margin: 0;
  line-height: 0;
}
footer .logo a {
  display: inline-block;
}
footer .logo img {
  width: 180px;
  height: auto;
}
footer ul.footer-nav {
  float: left;
}
footer ul.footer-nav li {
  display: inline-block;
  margin-right: .5em;
  text-align: center;
}
footer ul.footer-nav li a {
  display: block;
  width: 7.5em;
  height: 2.777777777777778em;
  font-family: 'Asap', sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 1.125rem;
  line-height: 2.777777777777778em;
  background-color: #d4b896;
  color: #ece6de;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
footer ul.footer-nav li a:hover {
  background-color: #bc8a4f;
}
footer ul.footer-nav li:last-child {
  margin-right: 0;
}
footer ul.social-nav {
  float: right;
}
footer ul.social-nav li {
  display: inline-block;
  margin-left: .5em;
  text-align: center;
}
footer ul.social-nav li a {
  display: block;
  width: 2.777777777777778em;
  height: 2.777777777777778em;
  font-size: 1.125rem;
  line-height: 2.777777777777778em;
  background-color: #d4b896;
  color: #ece6de;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
footer ul.social-nav li a i {
  vertical-align: top;
  font-size: 1.333333333333333em;
  line-height: 2.083333333333333em;
}
footer ul.social-nav li a:hover {
  background-color: #bc8a4f;
}
footer ul.social-nav li:first-child {
  margin-left: 0;
}
footer p.p-copyright {
  font-style: italic;
  font-size: 0.9375rem;
  letter-spacing: .05em;
  margin-top: 6.25rem;
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* LARGE SIZE DEVICES // DESKTOP //////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/* MEDIUM SIZE DEVICES // LABTOP //////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 1300px) {
  /* GENERIC ////////////////////////////////////////////////////////////////////////*/
  body {
    font-size: 1.2rem;
  }
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 1.8rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  /* LAYOUT /////////////////////////////////////////////////////////////////////////*/
  .container-flex {
    padding: 0 2em;
  }
  /* SEMANTIC ///////////////////////////////////////////////////////////////////////*/
  .padding-top {
    padding-top: 4.16666667rem;
  }
  .padding-bottom {
    padding-bottom: 4.16666667rem;
  }
  .p-medium {
    font-size: 1rem;
  }
  .p-small {
    font-size: 0.9rem;
  }
  .btn {
    padding: 0 1.5em;
    font-size: 1rem;
  }
  .btn i {
    margin-right: .5em;
  }
  /* FORM ELEMENTS ////////////////////////////////////////////////////////*/
  input,
  textarea,
  button {
    width: 100%;
    font-size: 1rem;
    margin: 1em auto;
  }
  /* HEADER //////////////////////////////////////////////////////////////////////*/
  #header {
    padding-top: 2rem;
  }
  #header a.logo img {
    width: 220px;
    height: auto;
  }
  #header ul.main-nav {
    float: right;
    margin-top: 1.0628125em;
  }
  #header ul.main-nav li a {
    font-size: 1.2rem;
    line-height: 2.666666666666667em;
    width: 7.5em;
    height: 2.666666666666667em;
  }
  /* HABLAMOS //////////////////////////////////////////////////////////////////////*/
  #c2a-phone-number-request > span:after {
    content: "";
  }
  /* CONTACTO //////////////////////////////////////////////////////////////////////*/
  #contacto ul li figure a {
    font-size: 2.4rem;
  }
  #contacto ul li figure a small {
    font-size: 1.2rem;
  }
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* SMALL SIZE DEVICES // TABLET: LANDSCAPE /////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 992px) {
  /* GENERIC ////////////////////////////////////////////////////////////////////////*/
  body {
    font-size: 1.05rem;
  }
  h1 {
    font-size: 2.625rem;
  }
  h2 {
    font-size: 1.8rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  /* LAYOUT /////////////////////////////////////////////////////////////////////////*/
  .container-flex {
    padding: 0 .5em;
  }
  /* SEMANTIC ///////////////////////////////////////////////////////////////////////*/
  .padding-top {
    padding-top: 3.125rem;
  }
  .padding-bottom {
    padding-bottom: 3.125rem;
  }
  .p-medium {
    font-size: 1rem;
  }
  .p-small {
    font-size: 0.9rem;
  }
  .btn {
    padding: 0 1.5em;
    font-size: 0.875rem;
  }
  .btn i {
    margin-right: .5em;
  }
  /* FORM ELEMENTS ////////////////////////////////////////////////////////*/
  input,
  textarea,
  button {
    margin: .5em auto;
    font-size: 0.875rem;
    width: 100%;
  }
  /* HEADER //////////////////////////////////////////////////////////////////////*/
  #header {
    padding-top: 1em;
  }
  #header a.logo img {
    width: 180px;
  }
  #header ul.main-nav {
    display: none;
    float: none;
    clear: both;
    width: 100%;
    font-size: 1.5rem;
    margin-top: 0em;
    margin-bottom: 1em;
    border: 1px solid transparent;
  }
  #header ul.main-nav li {
    display: block;
    margin-left: 0em;
    margin-bottom: .25em;
  }
  #header ul.main-nav li a {
    font-size: 1.2rem;
    width: 100%;
  }
  #header #mobile-btn {
    display: block;
  }
  /* JUMBOTRON //////////////////////////////////////////////////////////////////////*/
  #jumbotron .content {
    margin-top: 40vh;
  }
  /* SERVICIOS //////////////////////////////////////////////////////////////////////*/
  #servicios ul li {
    display: block;
    width: 25%;
    float: left;
    padding: 0 .5em;
    margin-bottom: 1em;
  }
  /* TRABAJOS //////////////////////////////////////////////////////////////////////*/
  .slider-nav {
    display: none;
  }
  /* CONTACTO //////////////////////////////////////////////////////////////////////*/
  #contacto ul li {
    width: 33.333%;
    float: left;
    padding: 0 .5em;
    margin-bottom: 1em;
  }
  #contacto ul li figure a {
    font-size: 1.8rem;
  }
  #contacto ul li figure a small {
    font-size: 1.05rem;
  }
  /* FOOTER //////////////////////////////////////////////////////////////////////*/
  footer {
    text-align: center;
  }
  footer img {
    width: 180px;
    height: auto;
  }
  footer ul.footer-nav {
    width: 100%;
  }
  footer ul.footer-nav li {
    display: block;
    margin-right: 0;
    margin-bottom: .5em;
  }
  footer ul.footer-nav li a {
    width: 100%;
    height: 2.666666666666667em;
    font-size: 1.2rem;
    line-height: 2.666666666666667em;
  }
  footer ul.footer-nav li:last-child {
    margin-right: 0;
  }
  footer ul.social-nav {
    display: inline-block;
    float: none;
    clear: both;
    margin-top: 1em;
  }
  footer ul.social-nav li {
    display: inline-block;
    margin-left: .5em;
    text-align: center;
  }
  footer p.p-copyright {
    font-style: italic;
    font-size: 0.75rem;
    letter-spacing: .05em;
    margin-top: 3.125rem;
  }
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* SMALL SIZE DEVICES // TABLET: PORTRAIT /////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 768px) {
  /* SERVICIOS //////////////////////////////////////////////////////////////////////*/
  #servicios ul li {
    width: 50%;
  }
  #servicios ul li:nth-child(3),
  #servicios ul li:nth-child(4) {
    margin-bottom: 0;
  }
  /* TRABAJOS //////////////////////////////////////////////////////////////////////*/
  #slider-trabajos .slider-btn-left,
  #slider-trabajos .slider-btn-right {
    top: 227px;
  }
  #slider-trabajos .slider-nav {
    top: 490px;
  }
  #slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo {
    display: block;
    float: left;
    width: 100%;
  }
  #slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo figure figcaption {
    width: 30%;
  }
  #slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo figure figcaption h3 {
    font-size: 1.125rem;
  }
  #slider-trabajos div.slider-area ul.slider-block li.slide ul.single li.photo figure {
    height: 525px;
  }
  #slider-trabajos div.slider-area ul.slider-block li.slide ul.double li.photo figure {
    height: 262px;
  }
  #slider-trabajos div.slider-area ul.slider-block li.slide ul.triple li.photo figure {
    height: 175px;
  }
  #slider-trabajos .slide-caption {
    padding: 2.34375rem 2em;
  }
  /* HABLAMOS //////////////////////////////////////////////////////////////////////*/
  .call-to-action {
    padding-top: 1em;
  }
  .call-to-action .call-area {
    width: 100%;
    float: none;
    text-align: center;
    padding-right: 0;
  }
  .call-to-action form {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 1em;
    padding-left: 0;
  }
  .call-to-action form input,
  .call-to-action form button[type="submit"] {
    float: none;
    width: 100%;
    margin: 1em 0 0 0;
  }
  .call-to-action form input {
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
  }
  .call-to-action form button[type="submit"] {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
  }
  /* CONTACTO //////////////////////////////////////////////////////////////////////*/
  #contacto ul li {
    float: left;
    width: 50%;
    padding: 0 .5em;
    margin-bottom: 1em;
  }
  #contacto ul li figure a {
    font-size: 1.5rem;
  }
  #contacto ul li figure a small {
    font-size: 1.2rem;
  }
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* EXTRA SMALL SIZE DEVICES // PHONE //////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 480px) {
  /* HEADER //////////////////////////////////////////////////////////////////////*/
  #header a.logo img {
    width: 120px;
  }
  /* JUMBOTRON //////////////////////////////////////////////////////////////////////*/
  #c2a-trabajos > span:after {
    content: "";
  }
  /* SERVICIOS //////////////////////////////////////////////////////////////////////*/
  #servicios ul li {
    width: 100%;
  }
  #servicios ul li:nth-child(3),
  #servicios ul li:nth-child(4) {
    margin-bottom: 1em;
  }
  /* TRABAJOS //////////////////////////////////////////////////////////////////////*/
  #slider-trabajos .slider-btn-left,
  #slider-trabajos .slider-btn-right {
    width: 3em;
    height: 3em;
    top: 125px;
  }
  #slider-trabajos .slider-btn-left i,
  #slider-trabajos .slider-btn-right i {
    line-height: 1.5;
  }
  #slider-trabajos .slider-nav {
    top: 410px;
  }
  #slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo {
    display: block;
    float: left;
    width: 100%;
  }
  ¡ #slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo figure figcaption {
    width: 30%;
  }
  ¡ #slider-trabajos div.slider-area ul.slider-block li.slide ul.slide-holder li.photo figure figcaption h3 {
    font-size: 1rem;
    letter-spacing: .03em;
  }
  #slider-trabajos div.slider-area ul.slider-block li.slide ul.single li.photo figure {
    height: 300px;
  }
  #slider-trabajos div.slider-area ul.slider-block li.slide ul.double li.photo figure {
    height: 150px;
  }
  #slider-trabajos div.slider-area ul.slider-block li.slide ul.triple li.photo figure {
    height: 100px;
  }
  #slider-trabajos .slide-caption {
    padding: 1.5625rem 0.5em;
  }
  /* CONTACTO //////////////////////////////////////////////////////////////////////*/
  #contacto ul li {
    float: left;
    width: 100%;
    padding: 0 .5em;
    margin-bottom: 1em;
  }
  #contacto ul li figure a {
    font-size: 2.4rem;
  }
  #contacto ul li figure a small {
    font-size: 1.2rem;
  }
}
/*/////////////////////////////////////////////////////////////////////////////////*/
/* FIX SMALL DEVICES LANDSCAPE HEIGHT /////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/* FIX OVERLAY UP TO MEDIUM SEVICES   /////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
/* FIX VIEWPORT RELATIVE SIZES ON IOS DEVICES   /////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  /* IPAD PORTRAIT //////////////////////////////////////////////////////////////////////*/
  #jumbotron {
    height: 800px;
  }
}
/* IPAD LANDSCAPE //////////////////////////////////////////////////////////////////////*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  #jumbotron {
    height: 600px;
  }
}
/* IPHONE 5 //////////////////////////////////////////////////////////////////////*/
@media screen and (device-aspect-ratio: 40/71) {
  #jumbotron {
    height: 500px;
  }
}