/**
* ----------------------------------------------------
* This is the custom css file, to add new styles and
* responsiveness features in the webiste
* ----------------------------------------------------
*
*       Index
* -------------------
* 1. Basics
*    1.1 Tags
*    1.2 Colors
*    1.3 Global
* 2. Header
* 3. Mainbanner
*    3.1 Banner
*    3.2 Features
* 4. Main
*    4.1 Gallery
*    4.2 Features
*    4.3 Blog
* 5. Master Plan
* 6. Fact Sheet
* 7. Investment
* 8. Gallery
* 9. Location
* 10. Blog
* 11. Footer
* 12. Responsive
*
*
/**
* -------------------------
* 1. Basics
* -------------------------
*/
/****   1.1 Tags   ****/
a:hover {
  text-decoration: none !important;
}
/****   1.2 Colors   ****/
.maincolor {
  color: #d37d3d !important;
}
.maincolor-bg {
  background-color: #d37d3d !important;
}
.maincolor-bg:hover {
  background-color: #d98d55 !important;
}
.maingreen {
  color: #0e4414 !important;
}
.maingreen-bg {
  background-color: #0e4414 !important;
}
.maingreen-bg:hover {
  background-color: #15651e !important;
}
.white {
  color: #fff !important;
}
.white-bg {
  background-color: #fff !important;
}
/****   1.3 Global   ****/
.title-3::after {
  background-color: #d37d3d !important;
}
.social--port a i:hover {
  color: #d37d3d !important;
}
.bg-opacity {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.statistic .bg-opacity {
  padding: 65px 0;
  padding-top: 35px;
}
.contact .bg-opacity {
  padding: 45px 0;
}
.master-plan .bg-opacity,
.fact-sheet .bg-opacity,
.gallery .bg-opacity,
.blogs .bg-opacity,
.about .bg-opacity,
.investment .bg-opacity,
.contact-us .bg-opacity {
  padding: 125px 0;
}
.parallax-statistic {
  padding: 0;
  padding-top: 0;
}
.parallax--contact {
  padding: 0;
}
.parallax--nav,
.parallax--nav-1,
.parallax--nav-2,
.parallax--nav-4 {
  padding: 0;
}
.parallax--nav-4 {
  background-image: url(../img/bg-head-07.jpg);
  background-position: initial;
  background-size: contain;
}
/**
* -------------------------
* 2. Header
* -------------------------
*/
.top-contact .top-contact--left a {
  color: #969696;
  font-size: 11px;
}
.top-contact .top-contact--left a:hover,
.top-contact .top-contact--right a i:hover {
  color: #d37d3d;
  text-decoration: none;
  cursor: pointer;
}
header nav.menu-desktop  ul li a:hover {
  text-decoration: none;
  color: #d37d3d;
}
header .header-wrap {
  padding: 0px;
}
header .header-wrap .logo.pull-left {
  padding-left: 20px;
}
/**
* -------------------------
* 3. Mainbanner
* -------------------------
*/
/****   3.1 Banner   ****/
.tp-rightarrow, .tp-leftarrow {
  display: none;
}
.tp-caption:hover,
.tp-caption.au-btn--gray-1.au-btn--slide:hover {
  text-decoration: none;
  color: #fff !important;
}
.tp-caption.au-btn--pill.au-btn.au-btn--slide {
  color: #fff !important;
}
/****   3.2 Features   ****/
section.service-3 i {
  font-size: 30px;
}
/**
* -------------------------
* 4. Main
* -------------------------
*/
/****   4.1 Gallery   ****/
.home.gallery .gallery-item {
  border: none;
  margin-bottom: 25px;
  padding: 0 15px;
}
.home.gallery .gallery-item img {
  width: 100%;
}
.overlay--border-solid {
  border-color: #d37d3d !important;
}
/****  4.2 Features   ****/
.statistic .number {
  font-size: 35px;
}
/****  4.3 Blog   ****/
section.blog h4.blog-title a:hover {
  color: #d37d3d;
}
/**
* -------------------------
* 5. Master Plan
* -------------------------
*/
section.master-plan .port1__big-img {
  text-align: center;
}
section.master-plan .port__text>h3 {
  text-transform: inherit;
}
section.master-plan .lb-dataContainer {
  display: none;
}
/**
* -------------------------
* 6. Fact Sheet
* -------------------------
*/
section.fact-sheet .fact {
  margin: 15px 0;
}
section.fact-sheet .client-content::before {
  border: 10px solid #fff;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
section.fact-sheet .client-content {
  color: #666;
  background: #fff;
  -webkit-box-shadow: inset -70px 0px 144px -90px rgba(0,0,0,0.75);
  -moz-box-shadow: inset -70px 0px 144px -90px rgba(0,0,0,0.75);
  box-shadow: inset -70px 0px 144px -90px rgba(0,0,0,0.75);
}
/**
* -------------------------
* 7. Investment
* -------------------------
*/
section.investment.we-are .we-are__left video {
  margin-top: 85px;
}
section.investment.we-are .center,
section.about.we-are .center {
  text-align: center;
  margin-top: 50px;
}
/**
* -------------------------
* 8. Gallery
* -------------------------
*/
.gallery-items i {
  color: rgba(222, 222, 222, 0.3);
  position: absolute;
  top: 30%;
  left: 36%;
  font-size: 65px;
}
/**
* -------------------------
* 9. Location
* -------------------------
*/
section.location .center {
  text-align: center;
  margin-top: 35px;
}
/**
* -------------------------
* 10. Blog
* -------------------------
*/
.blog-list .blog-title a:hover,
.blog-sidebar a:hover {
  color: #d37d3d;
}
.blog-sidebar .title-sidebar::after {
  background-color: #d37d3d;
}
/**
* -------------------------
* 11. Footer
* -------------------------
*/
footer .ul--inline li a:hover {
  color: #d37d3d;
}
footer .social .social__item--circle:hover {
  background-color: #d37d3d;
}
/**
* -------------------------
* 12. Responsive
* -------------------------
*/
/****   Header   ****/
@media only screen and (max-width: 992px) {
  .click,
  .menu-mobile__button:hover,
  nav.menu-mobile>ul>li a:hover {
    background-color: #d37d3d !important;
  }
  nav.menu-mobile>ul {
    margin-top: 20px;
    border-top: 1px solid #d37d3d !important;
  }
}
/****   Mainbanner - Banner   ****/
@media only screen and (max-width: 1455px) {
  .rev_slider_wrapper, #revolution-slider3.rev_slider {
    height: 55.5vw !important;
  }
}
@media only screen and (max-width: 1100px) {
  .rev_slider_wrapper .slide-title p {
    font-size: 30px;
  }
}
@media only screen and (max-width: 760px) {
  #revolution-slider3.rev_slider ul li .tp-parallax-wrap:nth-child(2) {
    top: 100px !important;
  }
  #revolution-slider3.rev_slider ul li .tp-parallax-wrap:nth-child(3) {
    top: 200px !important;
  }
  .rev_slider_wrapper .slide-title p {
    font-size: 20px;
  }
}
/****   Gallery - Banner   ****/
@media only screen and (max-width: 575px) {
  section.gallery .gallery-item {
    text-align: center;
  }
}
/****   Fact Sheet   ****/
@media only screen and (min-width: 576px) {
  section.fact-sheet .client-img {
    width: 57%;
  }
  section.fact-sheet .client-content {
    width: 41%;
  }
}