@charset "utf-8";

@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bebasneue/v14/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Normal CSS */
body {
  color: #000;
  font-family: "Bebas Neue", sans-serif;
  line-height: 1.42857143;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
html, body {
  overflow-x: hidden;
}
*, *:focus {
  outline: none;
}
a {
  color: #9b242d;
  transition: all ease .4s;
  text-decoration: none;
}
a:focus {
  outline: none;
  outline-offset: 0;
}
a:hover, a:focus {
  color: #df9f50;
  text-decoration: none;
}
img {
  max-width: 100%;
}
iframe {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  border: none;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  line-height: 1.3;
}
p {
  color: #686864;
  font-size: 18px;
  line-height: 31px;
  font-family: "Roboto", sans-serif;
}
p strong {
  font-weight: 500;
  color: #000000;
}
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
video {
  display: block;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
}
audio, canvas, progress, video {
  vertical-align: middle;
}
figure {
  margin: 0;
}
::selection {
  background: #d1a65b;
  color: #ffffff;
}
::-webkit-selection {
  background: #d1a65b;
  color: #ffffff;
}
::-moz-selection {
  background: #d1a65b;
  color: #ffffff;
}
::-o-selection {
  background: #d1a65b;
  color: #ffffff;
}
::-ms-selection {
  background: #d1a65b;
  color: #ffffff;
}
/* Reseted CSS */

/* Buttons CSS */
.btn {
  min-width: 135px;
  padding: 10px 25px;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 20px;
  border-radius: 0;
  transition: all ease .4s;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin-right: 10px;
}
.btn img {
  margin-left: 12px;
  max-width: 15px;
  margin-top: -2px;
}
.btn:hover, .btn:focus {
  color: #fff;
}
.btn-style1 {
  background: #a78851;
}
.btn-style1:hover, .btn-style1:focus {
  background: #000;
}


/* Section Title Css */
.section-title {
  margin-bottom: 10px;
}
.section-title span {
  font-size: 27px;
  line-height: 37px;
  color: #2a2a28;
  font-weight: 300;
  display: flex;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.section-title h2 {
  font-size: 55px;
  line-height: 55px;
  color: #2a2a28;
  max-width: 400px;
  text-transform: uppercase;
}

/* Form CSS */
select::-ms-expand {
  display: none;
}
select.form-control {
  padding: 10px 40px 10px 20px;
  background-image: url(../images/dropdown-arrow.png);
  background-position: 95% 22px;
  background-repeat: no-repeat;
  background-size: 20px auto;
  cursor: pointer;
  text-indent: 0px;
  text-overflow: '';
}
textarea.form-control {
  height: 55px;
  width: 100%;
  resize: none;
}

.form-control {
  width: 100%;
  height: 76px;
  padding: 10px 40px;
  font-size: 18px;
  border-radius: 0;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none !important;
  color: #fff !important;
  font-weight: 300;
  border-width: 2px;
  box-shadow: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8) !important;
  font-family: "Roboto", sans-serif;
  background-size: 28px auto !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
  opacity: 1 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
  opacity: 1 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
  opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff !important;
  opacity: 1 !important;
}

/* Header CSS */
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all ease .4s;
  z-index: 999;
  display: flex;
  align-items: center;
  padding: 0 110px;
}
header > a img {
  max-width: 140px;
}
header.sticky {
  position: fixed;
  top: 0;
  background: #000;
  padding: 0 110px;
}
header.sticky > a img {
  min-width: inherit;
  max-width: 70px;
}
header.sticky nav > ul > li > a {
  padding: 20px 0;
  font-size: 18px;
  transition: all ease .4s;
}
header.sticky .socials ul li a img {
  max-width: 70%;
}
header.sticky .socials ul li {
  padding-left: 10px;
}
header.sticky nav > ul > li > a:after {
  bottom: 8px;
}
header.sticky nav > ul > li {
  padding: 0 42px 0 0;
}
.navbar-toggler {
  display: none;
}
nav {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 74px;
  font-size: 17px;
  width: 100%;
}
nav ul {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
nav > ul > li {
  position: relative;
  padding: 0 62px 0 0;
}

nav > ul > li:hover > a:before {
  width: 100%;
}
nav > ul > li:hover > a {
  color: #ffffff;
}
nav > ul > li > a {
  display: block;
  font-size: 23px;
  color: #fff;
  position: relative;
  text-transform: uppercase;
  font-weight: 300;
}
nav > ul > li > a:after {
  position: absolute;
  bottom: -19px;
  left: 0;
  width: 0;
  height: 3px;
  content: "";
  background: #fff;
  transition: all 0.5s ease;
}
nav > ul > li > a:hover:after {
  width: 100%;
}
.nav-toggle {
  display: inline-flex;
  vertical-align: middle;
  width: 100px;
  height: 100px;
  background: #79adcd;
  align-items: center;
  justify-content: center;
}
.nav-toggle span {
  display: block;
  width: 40px;
  height: 4px;
  background: #ffffff;
  position: relative;
  transition: all ease .4s;
}
.nav-toggle span:before, .nav-toggle span:after {
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #ffffff;
  content: "";
  transition: all ease .4s;
  z-index: 1;
}
.nav-toggle span:after {
  top: 12px;
}
.nav-toggle.active span {
  background: none;
}
.nav-toggle.active span:before {
  top: -6px;
  transform: translateY(7px) rotateZ(-45deg)
}
.nav-toggle.active span:after {
  top: 6px;
  transform: translateY(-5px) rotateZ(45deg)
}
/* Banner CSS */
.top-banner .container {
  padding-top: 150px;
/*  max-width: 920px;*/
}
.top-banner .banner-background:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  content: "";
  z-index: 0;
}
.banner-background {
  display: flex;
  height: 100vh;
  min-height: 100vh;
  background-image: url(../images/background1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  position: relative;
  align-items: center;
  padding-bottom: 120px;
}
.banner-background > * {
  position: relative;
  z-index: 1;
}
.banner-caption {
  max-width: 100%;
}
.banner-title {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 90px;
  line-height: 90px;
  color: #fff;
  text-transform: uppercase;
  max-width: 500px;
}
.banner-caption span {
  font-size: 27px;
  color: #fff;
  text-transform: uppercase;
}
.banner-caption p {
  font-size: 45px;
  color: #fff;
  font-weight: 200;
  margin-bottom: 35px;
}
.top-banner .owl-dots {
  max-width: 1641px;
  margin: 0 auto;
}

/* Owl Carousel Slider */
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: unset;
  -moz-user-select: unset;
  -ms-user-select: unset;
  user-select: unset;
}
.owl-carousel .owl-prev, .owl-carousel .owl-next, .owl-carousel .owl-dot {
  cursor: pointer;
}
.owl-carousel .owl-dots {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  width: 100%;
  padding-top: 20px;
  text-align: center;
}
.owl-carousel button.owl-dot {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 5px;
  text-indent: -999px;
  cursor: pointer;
  outline: none;
  border-radius: 0;
  transition: all ease .4s;
  margin: 0 4px;
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  border: none;
}
.owl-carousel button.owl-dot.active {
  opacity: 1;
  background: #d1a65b;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  display: flex;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 62px;
  height: 62px;
  background-color: rgba(255, 255, 255, 0.9);
  outline: none;
  align-items: center;
  justify-content: center;
  transition: all ease .4s;
  transform: translateY(-55%);
  z-index: 1;
  border-radius: 100%;
}
.owl-carousel .owl-nav button.owl-next:before, .owl-carousel .owl-nav button.owl-prev:before {
  position: absolute;
  top: 16px;
  left: 15px;
  width: 30px;
  height: 25px;
  z-index: 11;
  content: "";  
  background-image: url("../images/slider-nav.png");
  background-repeat: no-repeat;
  background-position: 0 -72px; 
  transition: all ease .4s;
}
.owl-carousel .owl-nav button.owl-next:hover:before, .owl-carousel .owl-nav button.owl-prev:hover:before {
  background-position: 0 -72px;
}
.owl-carousel .owl-nav button.owl-next:before {
  left: auto;
  right: 10px;
  background-position: 0 -211px;
}
.owl-carousel .owl-nav button.owl-next:hover:before {
  background-position: 0 -210px;
}
.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 10px;
}
.owl-carousel .owl-nav button:hover {
  background: #000;
}
.owl-carousel .owl-nav button:hover:before {
  border-bottom-color: #1c4357;
  border-left-color: #1c4357;
}
.owl-drag .disabled {
  display: none;
}
.slider-no-current {
  display: none;
  padding-top: 46px;
}
.current-no:after {
  content: "/"
}

/* About Us CSS */
.about-us {
  background: #f8f8f8;
  padding: 100px 0;
  position: relative;
}
.about-us .row {
  position: relative;
  z-index: 1;
}
.about-us .row [class*="col"]:first-child {
  padding-right: 100px;
  position: relative;
}
.about-us [class*="col"] > img {
  width: 100%;
}
.about-us .galeria.owl-carousel .owl-dots {
  position: static;
  padding-top: 20px;
  bottom: auto;
  text-align: center;
}
.about-us .galeria.owl-carousel button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #d5d2c3;
  margin: 0 5px;
}
.about-us .galeria.owl-carousel button.owl-dot.active,
.about-us .galeria.owl-carousel button.owl-dot:hover {
  background: #a78851;
}
.box-top-info {
  position: absolute;
  bottom: 0;
  right: 40px;
  background: #a78851;
  font-size: 27px;
  line-height: 34px;
  color: #fff;
  padding: 30px;
  max-width: 250px;
  z-index: 999;
}
.about-content {
  padding-left: 0;
}
.about-content p {
  margin-bottom: 35px;
}
.about-content ul {
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
  flex-direction: column;
  margin-bottom: 15px;
}
.about-content ul li {
  display: flex;
  align-items: center;
  font-size: 27px;
  color: #2a2a28;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cfcfcf;
}
.about-content ul li:last-child {
  border: none;
}
.about-content ul li span {
  color: #a78851;
  margin-right: 10px;
}

/* Img Info Section CSS */
.img-info-section {
  padding: 150px 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  position: relative;
}
.img-info-section:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  content: "";
  z-index: 0;
}
.img-info-section h2 {
  font-size: 80px;
  line-height: 75px;
  color: #fff;
  position: relative;
  z-index: 9;
  margin-bottom: 0;
}
.rapidez {
  padding: 100px 0;
}

.rapidez h2{
  max-width: 475px;
}

/* Characteristics CSS */
.characteristics {
  padding: 100px 0 40px;
  text-align: center;
  background: #f4f3ee;
}
.characteristics .section-title span {
  justify-content: center;
}
.characteristics .section-title h2 {
  padding-bottom: 60px;
  max-width: none;
}
.characteristics .item-box {
  background: #fff;
  border-radius: 100%;
  margin-bottom: 20px;
  height: 125px;
  width: 125px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all ease 1s;
}
.characteristics .item-box img {
  width: 55px;
}
.characteristics .item-box:hover {
  background: #d1a65b;
}
.characteristics .item-box:hover img {
  filter: brightness(0) invert(1);
}
.characteristics h3 {
  font-size: 25px;
}
.characteristics p {
  margin-bottom: 40px;
  font-size: 17px;
  line-height: 27px;
}


/*servicios*/
.servicios {
  padding: 95px 0 0;
  text-align: center;
  background: #f4f3ee;
}
.servicios .row {
  margin: 0 -56px;
}
.servicios .row [class*="col-"] {
  padding: 0 56px;
}
.servicios .section-title span {
  justify-content: center;
}
.servicios .section-title h2 {
  padding-bottom: 50px;
  max-width: none;
}
.accordion, .accordion-item, .accordion-button {
  background: transparent;
}
.accordion-button::after {
  background-image: url("../images/plus.png");
  background-size: 13px auto;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("../images/minus.png");
}
.accordion-button:not(.collapsed) {
  background-color: transparent;
}
.accordion-item .accordion-button {
  border-top: 2px solid #cfcfcf;
  box-shadow: none;
  padding: 15px 0;
} 
.accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}
.accordion-item {
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: none;
  padding-bottom: 5px;
}
.accordion-button {
  font-size: 26px;
}
.accordion-body {
  font-size: 18px;
  text-align: left;
  color: #686864;
  font-family: "Roboto", sans-serif;
  padding: 0 0 20px;
}
.accordion-button:not(.collapsed) {
  color: #000;
}



/* Our Projects CSS */
.our-projects .section-title {
  color: #fff;
  margin-bottom: 70px;
}
.our-projects .section-title + p {
  max-width: 565px;
}
.our-projects .container p {
  margin-right: 180px;
}
.our-projects .item {
  position: relative;
}
.our-projects .item > img {
  width: 100%;
  object-fit: cover;
}
.project-rollver {
  background: transparent;
  padding: 70px 45px 60px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
}
.project-rollver:hover {
  background: rgba(16, 76, 64, 0.65);
  opacity: 1;
}
.project-rollver h3 {
  font-size: 31px;
  color: #fff;
  text-transform: uppercase;
  font-family: "Gilda Display", serif;
  font-weight: 400;
}
.project-rollver span {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  opacity: 0;
}
.project-rollver p {
  font-size: 18px;
  color: #fff;
  line-height: 32px;
  font-weight: 300;
  margin: 25px 0;
  opacity: 0;
}
.project-rollver a {
  font-size: 110px;
  color: #fff;
  font-weight: 200;
}
.project-rollver a img {
  margin-left: 10px;
  opacity: 0;
}
.project-rollver:hover a img, .project-rollver:hover span, .project-rollver:hover p {
  opacity: 1;
}

.our-projects {
  padding: 100px 50px 80px;
  background: #f4f3ee;
}
.our-projects .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.our-projects .btn img {
  margin-left: 0;
}
.project-item {
  position: relative;
}
.aminities-list {
  position: absolute;
  top: -80px;
  left: 20px;
  z-index: 11;
}
.aminities-list ul {
  display: flex;
}
.aminities-list li {
  font-size: 18px;
  padding: 4px 18px;
  color: #2a2a28;
  background: rgba(255, 255, 255, 0.8);
  margin: 0 5px;
}
.aminities-list li.st1 {
  background: #a78851;
  color: #fff;
}
.project-item h4 {
  font-size: 28px;
  padding-left: 20px;
  padding-right: 20px;
  color: #2a2a28;
}
.project-item p {
  padding: 0 20px 20px 20px;
  color: #686864;
  min-height: 144px;
}
.our-projects .btn {
  background: #4d4d4d;
  color: #fff;
  margin-right: 0;
  width: 50%;
}
.our-projects .primary {
  background: #a78851;
  margin-right: 0;
}
.project-item {
  padding-top: 30px;
  background: #fff;
}
.primary img {
  padding-right: 12px;
}
.btn-block {
  display: flex;
  align-items: center;
}
.btn-block img {
  max-width: 30px;
}
.our-projects .btn {
  transition: all ease 1s;
  padding: 10px 20px;
  font-size: 16px;
}
.our-projects .btn:hover {
  background: #fff;
  color: #000;
}
.our-projects .btn img {
  filter: brightness(0) invert(1);
}
.our-projects .btn:hover img {
  filter: inherit;
}
.our-projects .owl-carousel .owl-dots {
  position: static;
  padding-top: 75px;
}
.our-projects .owl-carousel button.owl-dot {
  background: #d5d2c3;
}
.our-projects .owl-carousel button.owl-dot:hover, .our-projects .owl-carousel button.owl-dot.active {
  background: #a78851;
}
.our-projects .owl-carousel .owl-nav {
  max-width: 1278px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.our-projects .owl-carousel .owl-nav button.owl-prev {
  margin-right: 7px;
  left: auto;
  right: 62px;
}
.our-projects .owl-carousel .owl-nav button.owl-next:hover, .our-projects .owl-carousel .owl-nav button.owl-prev:hover {
  background: #a78851;
}

.our-projects .owl-carousel .owl-nav button.owl-next, .our-projects .owl-carousel .owl-nav button.owl-prev {
  background: #4d4d4d;
  width: 54px;
  height: 54px;
  border-radius: 0;
  top: -95px;
}
.our-projects .img-slider .owl-carousel button.owl-dot {
  height: 12px;
  width: 12px;
  border-radius: 100%;
}
.our-projects .img-slider .owl-dots {
  position: absolute;
  bottom: 15px;
  padding-right: 20px;
  content: "";
  text-align: right;
}
.our-projects .owl-nav {
  position: absolute;
  top: 0;
  right: 820px;
}

/* Hogares Sustentables CSS */
.hogares-sustentables {
  background: #f4f3ee;
  text-align: center;
  overflow: hidden;
  padding: 0 0 120px;
}
.hogares-sustentables .section-title {
  margin-bottom: 50px;
}
.hogares-sustentables .section-title span {
  justify-content: center;
}
.hogares-sustentables .row.top [class*="col-"] {
  padding: 0 40px;
}
.hogares-sustentables .icon-box {
  background: #fff;
  padding: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hogares-sustentables .icon-box img {
  max-width: 80px;
}
.hogares-sustentables .icon-box span {
  font-size: 23px;
  color: #2a2a26;
  margin-top: 25px;
}
.hogares-sustentables .icon-box:hover {
  background: #4d4d4d;
}
.hogares-sustentables .icon-box:hover span {
  color: #ffffff;
}
.counter-block {
  margin: 100px 0 0;
}
.counter-block span {
  font-size: 26px;
  position: relative;
  z-index: 1;
}
.counter-block span small {
  color: #ae9262;
  font-size: 100%;
}
.counter-block [class*="col-"] {
  position: relative;
}
.counter-block [class*="col-"]:after {
  position: absolute;
  top: -24px;
  right: 0;
  z-index: 1;
  width: 2px;
  height: 90px;
  background: #cfcfcf;
  content: "";
}
.counter-block .row [class*="col-"]:last-child:after {
  display: none;
}
.counter-block big {
  position: absolute;
  top: -17px;
  left: 0;
  right: 0;
  z-index: 0;
  font-size: 120px;
  color: #fff;
  line-height: 88px;
}


/* Form Section CSS */
.form-section {
  padding: 90px 0;
  background: #4d4d4d;
  position: relative;
}
.form-section .section-title {
  margin-bottom: 50px;
}
.form-section .section-title span {
  color: #fff;
}
.form-section .section-title h2 {
  color: #fff;
  margin-top: 22px;
}
.form-section .container {
  position: relative;
  z-index: 11;
}
.form-section .contact-info {
  margin-bottom: 40px;
}
.form-section .contact-info ul li {
  margin-bottom: 20px;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  color: #aaaaaa;
}
.form-section .contact-info ul li:last-child {
  margin-bottom: 0;
}
.form-section .contact-info ul li img {
  margin-right: 14px;
}
.form-section .contact-info img {
  width: 26px;
  height: 30px;
}
.form-section .contact-info ul li a {
  color: #aaaaaa;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
}
.form-section .contact-info ul li:nth-child(2) a {
  color: #fff;
}
.form-section .contact-info ul li:last-child a {
  color: #c09b59;
}
.form-section .socials ul li {
  padding: 0 30px 0 0;
}
.socials ul li a img {
  width: 23px;
}
textarea.form-control {
  padding-top: 32px;
  height: 149px;
}
.form-section .btn {
  margin-top: 45px;
}
.form-section .name {
  background-image: url("../images/user-icon.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 50% !important;
}
.form-section .email {
  background-image: url("../images/email-icon2.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 50% !important;
}
.form-section .whatsapp {
  background-image: url("../images/call-icon2.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 50% !important;
}
.form-section .message {
  background-image: url("../images/message-icon.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0 30% !important;
}

/* Footer CSS */
footer {
  background: #424242;
}
.socials ul li {
  display: inline-block;
  vertical-align: middle;
  padding-left: 27px;
}
.socials ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.socials ul li a img {
  filter: brightness(0) invert(1);
}
.socials ul li a:hover img {
  filter: inherit;
}
 .copyright {
  padding: 30px 0;
  font-size: 18px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
 }
 .copyright .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
 }
 .copyright .float-left {
  margin-top: 12px;
 }
 .copyright img {
  vertical-align: text-bottom;
  margin-left: 5px;
  width: 120px;
 }
 .copyright .float-right {
  color: #aaaaaa;
 }
  .copyright .float-right a {
    margin: 8px 0 0 10px;
  }

 /* Button CSS */
 #button {
  display: inline-block;
  background-color: #a78851;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#button:hover {
  cursor: pointer;
  background-color: #000;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

#button svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}
 
#consultForm input::placeholder, #consultForm textarea::placeholder{
  color: black !important;
}

#consultForm input{
  border-bottom: 1px solid black !important;
  height: 45px;
  padding-left: 0 !important;
  font-size: 16px;
  color: black !important;
}

#consultForm textarea{
  font-size: 16px;
  color: black !important;
  border-bottom: 1px solid black !important;
  padding-left: 0 !important;
  padding-top: 10px;
  height: 80px;
}

#consultForm button{
  background-color: #a78851;
}

.hogares-sustentables h2{
  margin: 0 auto;
}

.wpcf7-response-output{
  color: #fff;
}

.wpcf7-submit{
  position: relative;
  font-family: 'Bebas Neue';
  font-size: 20px;
  font-weight: 300;
  margin-top: 35px !important;
}

@media(max-width:768px){
  .about-us .galeria.owl-carousel .owl-dots{
    padding-bottom: 20px;
  }
}