/* Theme Name: Construx | Construction, Architecture & Building Multipurpose HTML resposive Template
   Author: bulltheme
   Version: 1.0.0
   File Description: Template yellow color
*/

.btn-custom {color: #fff; background-color: #f4752d; border-color: #f4752d;}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.btn-custom.focus,
.btn-custom:active,
.btn-custom:focus,
.btn-custom:hover,
.open > .dropdown-toggle.btn-custom {border-color: #d9af29; background-color: #d9af29; color: #fff; outline: none; box-shadow: none;}

.bg-custom,
.loader-span,
.team .team-overlay:before,
.loader-span:after,
.form-control ~ .focus-border,
.work .work-detail:before {background-color: #f4752d;}

.text-custom,
.navbar-custom .navbar-nav .show > .nav-link,
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .nav-link.active,
.navbar-custom .navbar-nav .nav-link:hover,
.navbar-custom .navbar-nav .nav-link:focus,
.form-control:focus ~ label,
.has-content.form-control ~ label {color: #f4752d;}

.fill-custom {fill: #f4752d;}

.border-custom {border-color: #f4752d;}

.work-button-group button:hover,
.work-button-group .is-checked {border-top-color: #f4752d; }

.blog .blog-detail {border-left-color: #f4752d; }

.team-overlay {
    background-color: rgba(255, 255, 255, 0) 0%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0) 0%), to(#f4752d 100%));
    background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #f4752d 100%);
    background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #f4752d 100%);
    background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #f4752d 100%);
    background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #f4752d 100%);
    background-image: linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #f4752d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 0) 0%', endColorStr='#f4752d 100%');
}
.tech-support-box {
    width: 300px;
    background: rgba(0, 0, 0, 0.7) url(/img/tech-support.png) no-repeat right center;
    height: 351px;;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999999999999;
    color: #fff;
    margin-left: -238px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}
.tech-support-box .tech-support-wrapp {
    position: relative;
    text-align: center;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    padding: 30px 82px 30px 20px;
}
.tech-support-wrapp h3{
    color: #fff;
}
.tech-support-wrapp p{
    color: #fff;
}
.tech-support-box:hover {
    margin-left: 0;
}
.single-special h5{
    color: #565656;
    font-size: 13px;
    font-style: italic;
}
@media(max-width: 1100px){
    .mobilehide{
        display: none;
    }
}