/*
Theme Name: Home Construction Company Pro
Theme URI:  https://www.themescaliber.com/themes/premium-construction-wordpress-theme/
Author: tc Themes
Author URI: https://www.themescaliber.com/
Description: Our premium Construction WordPress theme finds its application in wide range of building and construction businesses. It can be used by land dealers, real estate agents, contractors, builders, architects, construction material traders, property dealers, renovation business, repair businesses etc. Its unique design will give the best online platform for your business. You can even demonstrate your work through the gallery. A website designed with our theme will speak for your work. Our theme comes with jam-packed features and high-quality functions. It supports a wide variety of plugins to implement any functionality you wish to have on your site. Its professional look will make your business stand out and help boost it in the best possible way. It has a user-friendly design which allows easy navigation. It is designed to give maximum exposure to your quality work. Work is worship for us. Hence we do not compromise with the quality and deliver the best to our customers. This premium Construction theme is dedicatedly designed by our expert developers to bring out the best theme and justify the value of your money. Trusting us will be your decision and proving you right will be ours.
Version: 1.7.4
Requires at least: 5.4.2
Requires PHP: 5.2.4
Tested up to: 5.8.1
License: GNU General Public License
License URI:license.txt
Text Domain: home-construction-company-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Home Construction Company Pro WordPress Theme has been created by tc Themes(themescaliber.com), 2023.
Home Construction Company Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
:root {
  --white: #ffffff;
  --black-0:#000000;
  --orangs:#ec1e31;
  --offwhite1:#dddddd;
  --black-b:#bbbbbb;
  --gray-3:#333333;
  --gray-in:#424648;
  --skyblue:#3890cb;
  --offwhite-e:#eeeeee;
}
*{
  margin:0;
  padding:0;
  outline:none;
}
html body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  font-size: 14px;
  color:#393536;
}
img,h1,h2,h3,h4,h5,h6{
  margin:0;
}
.logo img {
    height: 92px;
    max-height: 240px;
    max-width: 240px;
    width: 155px;
}
img{
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img,img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{
  padding:10px 0;
  line-height: 1.4;
  letter-spacing: 1px;
  color:#393536;
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:14px;
  font-weight:normal;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  color:var(--orangs);
}
a:hover{
  color:var(--black-b);
}
body a,a:hover,a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{
  margin:0 0 0 15px;
  padding:0;
}
ul li, ol li{font-size: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  color: var(--black-b);
  background:#393536;
}
blockquote:before {
  content: "\201C";
  font-size: 80px;
  left: -10px;
  top: -10px;
  color: #393536;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],input[type="tel"],input[type="email"],input[type="phno"],input[type="password"],textarea{
  border:1px solid var(--gray-in);
  font-size:16px;
  padding:10px;
  margin:0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 8px;
  text-transform: uppercase;
  border: none;
  background-color: var(--orangs);
}
input[type="submit"]:hover{
  cursor: pointer;
}
h2.woocommerce-loop-product__title,.woocommerce ul.products li.product .price,.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,.widget_calendar td,.widget_calendar th{
  text-align: center;
}
input[type="submit"],#return-to-top i,.widget_calendar tbody a,.widget_calendar tbody a:hover,.widget_calendar tbody a:focus,a.button,#sidebar .textwidget input[type="submit"],.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  color: var(--white);
}
html body,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce div.product form.cart .variations select{
  background-color: var(--white);
}
blockquote:before,blockquote cite,.aligncenter, img.aligncenter,.widget_calendar tbody a,#sidebar h3:after {
  display: block;
}
.alignleft,img.alignleft,.alignright, img.alignright{
  display: inline;
}
.spinner-loading-box .lds-ripple,.hvr-sweep-to-right,#sidebar .tagcloud a,.woocommerce a.added_to_cart{
  display: inline-block;
}
html body,blockquote,.hvr-sweep-to-right{
  position:relative;
}
blockquote:before,.screen-reader-text,.spinner-loading-box .lds-ripple,.spinner-loading-box .lds-ripple div,.hvr-sweep-to-right:before{
  position: absolute;
}
.spinner-loading-box,#return-to-top{
  position: fixed;
}
section h4,#sidebar input[type="search"],#sidebar input[type="submit"],#sidebar .tagcloud a,.widget_calendar caption{
  color:var(--black-0);
}
section h2,section h5,input[type="submit"],a.button{
  font-weight:bold;
}
.alignleft,img.alignleft,.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous,#sidebar .textwidget label,#sidebar label{
  float: left;
}
.alignright, img.alignright,.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next{
  float: right;
}
.wp-caption{
  font-size:13px;
  max-width:100%;
}
.wp-caption,.wp-caption-text,.gallery-caption,.bypostauthor{
  margin:0;
  padding:0;
}
section h5,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  color: #393536;
}
.screen-reader-text {
  top:-9999em;
  left:-9999em;
}
.alignleft,img.alignleft,.alignright, img.alignright{
  margin-bottom:10px;
  padding:5px;
}
.alignleft,img.alignleft{
  margin-right:20px;
  margin-top:4px;
}
.alignright, img.alignright {
  margin-left:25px;
}
.aligncenter, img.aligncenter {
  clear: both;
  margin:0 auto;
  padding:5px;
}
.comment-list .comment-content ul {
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
table, td, th {
  border: 1px solid black;
}
.bth_consult a{
  color: #fff !important;
}
/* ==========================================================================
   Spinner Style
   ========================================================================== */
.spinner-loading-box{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:var(--orangs);
  cursor: pointer;
  z-index: 9999;
}
.spinner-loading-box .lds-ripple{
  width: 80px;
  height: 80px;
  left: 50%;
  top:50%;
  transform: translateY(-50%);
}
.spinner-loading-box .lds-ripple div {
  border: 4px solid var(--white);
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.spinner-loading-box .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/* ==========================================================================
   Scroll Top Style
   ========================================================================== */
#return-to-top {
  background-color:var(--orangs);
  width: 40px;
  height: 40px;
  display: none;
  text-decoration: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 5;
  border-radius: 50%;
  padding: 10px 0px;
  right: 30px;
  margin: auto;
  bottom: 20px;
}
#return-to-top i {
  font-size: 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 15px;
}
#return-to-top.left{
   left: 10px;
   right: auto;
}
#return-to-top.center{
   left: 50%;
   right: 50%;
}
#return-to-top.right{
   left: auto;
   right: 5%;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
  border: 1px solid var(--white);
}
.widget_calendar td,.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: var(--black-b);
  font-weight: 700;
}
.widget_calendar tbody a:hover,.widget_calendar tbody a:focus {
  background-color: #393536;
}
.widget th,.widget td {
  padding: 0.5384615385em;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button{
  border: 2px solid var(--skyblue);
  background:var(--skyblue);
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase;
}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  text-align: right;
  width: auto;
}
/*----------------------  index ---------------------------*/
.postwrapper-box{
  border: 2px solid var(--offwhite-e);
}
/*------------------------- Headings --------------------------*/
section h2,section h5{
  margin: 0 auto;
  padding:0;
  margin-bottom: 20px;
}
section h3{
  margin:30px 0 0 0;
}
section h4{
  font-size:20px;
}
section h5{
  margin:0 0 10px 0;
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}

/*------------------------- Welcome-----------------------------*/
.aboutus{
  padding-bottom: 3%;
}
.welcome_img img{
  height: 100%;
  object-fit: cover;
}
#welcome {
    padding-top: 2%;
}
.welcome-heading {
  border-bottom: solid 1px var(--offwhite1);
  padding: 15px 0px 15px 15px;
}
.welcome-heading small{
  display: block;
  color: var(--orangs);
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 1px;
}
.welcome-heading h2{
  font-size: 34px;
  font-weight: bold;
  color: #393536;
}
.welcomeborder{
   border-left: solid 5px var(--orangs);
 }
 .choose-box-icon img {
    padding-top: 6px;
}

.welcome-heading img{
  text-align: right;
}
.welcome-content p {
  font-size: 16px;
  line-height: 30px;
  color: #393536;
}
.welcome-content a {
  border-left: solid 5px var(--orangs);
  font-weight: bold;
  font-size: 16px;
  color: #393536;
  text-transform: uppercase;
  letter-spacing: 1px;
  display:block;
}
/*------------------------- Properties -----------------------------*/
#properties .properties_box img {
    height: 400px;
    object-fit: cover;
}
#properties{
  position: relative;
}
#properties button.owl-prev{
  left: -150px !important;
}
#properties button.owl-next {
  right: -150px!important;
}
#properties button.owl-prev,#properties button.owl-next{
      position: absolute;
      border: none;
      /* top: 25%; */
      bottom: 50%;
      padding: 15px 22px;
      background-color: #393536;
      border-radius: 50%;
      font-size: 18px;
      color: #fff;
}

#properties{;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#properties .owl-carousel {
  padding: 40px 0;
}
#properties .properties-title {
  background-color: #393536;
}
#properties h3 a {
  border-left: solid 5px var(--orangs);
  letter-spacing: 0;
  font-size: 22px;
  text-transform: uppercase;
   color: #ffffff;
}
#properties h3 a:hover {
  color: var(--orangs);
}
#properties .owl-dots {
  text-align: center;
  margin-top: 30px;
}
#properties button.owl-dot {
  width: 12px;
  height: 12px;
  margin: 2px;
  background-color: var(--white);
  border: solid 2px #393536;
}
#properties button.owl-dot.active {
  background-color: var(--orangs);
  border: solid 2px var(--orangs);
}
#properties button:focus {
  outline: inherit !important;
}

/*------------------------- Project -----------------------------*/
.welcome-heading small {
    display: block;
    color: var(--orangs);
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
}
.welcomeborder {
    border-left: solid 5px var(--orangs);
}
.project-title h3 a{
  color: #fff;
}

#project {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#project ul.nav.nav-pills.nav-justified {
  display: block;
}
.project-img img {
  width: 100%;
 height: 188px;
}
.project-title {
  background-color: #393536;
}
.project-title h3 a{
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
#project .link-bg {
  background-color: var(--white);
  height: 493px;
}
#project .nav-justified .nav-item {
  text-align: left;
  height: 82.2px;
}
#project a.nav-link {
  display: block;
  color: var(--orangs);
}
#project a.nav-link:hover,#project .nav-pills .nav-link.active {
  color: #393536;
}
#project .nav-pills .nav-link.active {
  background-color: inherit;
}
#project p.project_cat_title {
  display: none;
}
#project  li.nav-item:hover p.project_cat_title, #project  a.nav-link.active p.project_cat_title{
  display: block;
}
#project li.nav-item{
  position: relative;
}
#project  p.project_cat_title {
  position: absolute;
  top: 0;
  background: #393536;
  z-index: 1;
  left: 0;
  width: 185px;
  color: #fff;
  font-weight: 700;
  height: 95%;
  padding-top: 30px;
}
#project li.nav-item{
    border-bottom: solid 1px var(--offwhite1);
}
#project  li.nav-item a{
  width: 100%;
  text-align: center;
  border-radius: 0;
}
#project  li.nav-item a:hover, #project a.nav-link.active{
  background: var(--offblue) !important;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
    width: 120px;
}


/*--------------- Sidebar -----------------*/
#sidebar .textwidget input[type="submit"],#sidebar input[type="search"],#sidebar .textwidget label,#sidebar form,.widget_categories select{
  width: 100%;
}
#sidebar .textwidget label {
  margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
  background: #393536;
  border: none;
  padding: 14px 0;
  font-size: 15px;
  margin: 0;
}
#sidebar form{
  display: table;
  border: 1px solid var(--black-b);
}
#sidebar h3 {
  margin: 0 0 10px;
  font-size: 20px;
  color: var(--orangs);
}
#sidebar h3:after{
  content: "";
  width: 32px;
  height: 3px;
  background: #393536;
  margin-top: 7px;
}
.widget_categories select {
  padding: 6px;
}
#sidebar input[type="search"],#sidebar input[type="submit"]{
  background:transparent;
  padding:10px 10px;
  border:none;
  font-size:15px;
}
#sidebar label{
  width:71%;
  margin-bottom:0;
}
#sidebar input[type="submit"],#sidebar ul{
  margin:0;
}
#sidebar aside{
  margin-bottom:30px;
  border:1px solid var(--black-b);
  padding: 10px;
}
#sidebar ul {
  list-style:none;
  padding:0;
  font-size:17px;
}
#sidebar ul li{
  line-height: 32px;
  background: url('./images/arrow-right.png') no-repeat 0px 10px;
}
#sidebar ul li a{
  color:rgba(0, 0, 0, 0.78);
  /* padding-left: 15px; */
}
.container.bradcrumbs.py-3{
  padding: 0;
}
#sidebar .tagcloud a{
  background:var(--offwhite-e);
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
}
#sidebar .tagcloud a:hover{
  background:var(--skyblue);
}
#sidebar .widget_recent_entries ul li{
  background: none;
}
#sidebar .post-content {
  line-height: 20px;
  margin-bottom: 15px;
}

/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
  font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  border-radius: 0;
  padding: 10px 14px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: var(--orangs);
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  border: 1px solid var(--orangs);
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid var(--offwhite1);
  padding-bottom: 17px;
}
.woocommerce span.onsale,.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background-color: var(--orangs);
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2,.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address{
  max-width: 100%;
}
input#password, input#reg_password {
  padding: 10px;
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
  width: 100%;
}
.woocommerce a.added_to_cart {
  padding: 0 .5em .5em;
}
#newsletter #submit{
  margin-top: 20px!important;
}
a:not([href]):not([tabindex]) {
    color: #fff !important;
}


.wpcf7 form .wpcf7-response-output{
      margin: 2em 0.5em 1em;
      width: 87%;
}
#newsletter .wpcf7-response-output{
  color: #fff;
}
p.comment-form-url{
  display: none;
}
#about .button-welcome{
  display: none;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image{
  padding-bottom: 15px;
}
.credit_link a:hover{
  color: var(--orangs);
}