/*--------------------------------------------------------------
  Template Name: Simply Construction HTML Template.
  Template URI: #
  Description: Simply Construction is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: DevItems
  Version: 1.0
---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/

.htc__about__area .about-banner{
  float: left;
    width: 100%;
    margin-top: -90px;
}

@media (max-width: 834px){
  .htc__about__area .about-banner{
      margin-top: -55px;
  }
}
@media (max-width: 480px){
  .htc__about__area .about-banner{
      margin-top: 40px;
  }
}

.project-slider{
  position: relative;
}
.project-slider .slide{
  position: relative;
  height: auto;
}
.project-slider .owl-nav div {
    height: 54px;
    left: 0;
    line-height: 59px;
    position: absolute;
    top: 50%;
    width: 35px;
}
.project-slider .owl-nav div.owl-next {
    left: auto;
    right: 0;
}
.project-slider .owl-nav div i {
    color: #fff;
    font-size: 30px;
}
.project-slider.owl-theme .owl-nav [class*="owl-"] {
    background: #1f2d30 none repeat scroll 0 0;
    transition: 0.5s;
}

.project-slider.owl-theme .owl-nav [class*="owl-"]:hover {
    background: rgba(184, 144, 37, 0.6) none repeat scroll 0 0;
}
.project-slider.owl-theme .owl-nav {
  margin-top: 0;
}