/*
  Theme Name: Fixelo Handyman Repair Services HTML Template
  Author: Udayraj
  Author URI: https://themeforest.net/user/udayraj
  Created Date: 1 May 2020
*/
.tgt-bgcolor-orange{
  background-color:#1789d2;
}
.tgt-bgcolor-darkblue{
  background-color:#002B57; 
}
.tgt-bgcolor-light{
  background-color:#f6f6f6; 
}
.tgt-section-top-border{
  border-top: 1px solid rgba(0,0,0,.10);
}
.tgt-section-bottom-border{
  border-bottom: 1px solid rgba(0,0,0,.10);
}
.tgt-txt-orange{
  color: #fc6a20;
}


/* section title */
.tgt-section-title{
  text-align: center;
  margin-bottom: 40px;
}
.tgt-section-title h2{
  font-weight: 600;
}

/* sub title */
.tgt-sub-title{
  color:#177ab9;
  margin-bottom: 15px;
  font-weight:600;
  font-size: 14px;
  text-transform: uppercase;  
}
.tgt-sub-title.style2{
  color: #999;
}
.tgt-sub-title.style3{
  color: #fc6a20;
}
.tgt-sub-title.white-text-color{
  color: #FFF;
}
.tgt-sub-title.light-text-color{
  color: #999999;
}

/* ======================  */
/* Background Image        */
/* ====================== */
.bg-image2{
    background-image: url(../images/bg/services-bg.jpg);
}
.bg-image3{
    background-image: url(../images/video-bg.png);
}
.bg-image4{
    background-image: url(../images/bg/quote-bg.png);
}



/* white color box */
.white-color h1,.white-color h2,.white-color h3{
  color: #FFF; 
}
.white-color h4{
  font-weight: 400;
  font-size: 18px;
  color: #FFF;  
}
.white-color p{
  color: #c7c6c6;  
}
.white-color a:hover,.white-color a:focus{
  color: #F96921;
}
p.white-text-color{
  color: #FFF;
}
.inner-box{
  position: relative;
  padding: 25px 15px;
  margin-bottom: 30px;
  text-align: center;  
}
.tgt-list-style{
  padding: 0 0 10px 0;   
}
.tgt-list-style li {
    padding-left: 23px;
    list-style: none;
    position: relative;
    padding-bottom: 8px;
    color: #4b5463;
    font-weight: 500;
    font-size: 14px;
}
.tgt-list-style li:before{
    content: "\f00c";
    font-family: "Font Awesome 5 Free";  
    color: #1789d2;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    position: absolute;
    left: 0;
    font-weight: 900; 
}
.tgt-list-style.style2 li:before{
   content: "\f054";
}  
.tgt-list-style.style3 li:before{
   content: "\f14a";
}  

.feature-box-left-icon{
  display: flex;
  float: left;
  position: relative;
  margin-bottom: 15px;
}
.feature-box-icon{
  position: absolute;
  text-align: center;
}  
.feature-box-icon i{
  font-size: 42px;
  color: #1789d2;
}  
.feature-box-left-content{
  display: inline-block;
  padding-left: 65px;
}
.feature-box-left-content h4{
  font-size: 18px;
}  
.box-icon{
  margin-bottom: 5px;
}
.box-icon i{
  font-size: 40px;
  color: #FC6A20;
} 
.star-ratings{
  margin-bottom: 15px;
  float: right;
  margin-right: 20px;
}
ul.rating{
  padding: 0;
  margin: 0;
  display: flex;
}
ul.rating li{
  list-style: none;
  margin: 2px;
}
ul.rating li i{
  font-size: 13px;
  color: #ddae0a;
}  
ul.rating li i.rating-white{
  color: #c3c3c3;
}

.form-control{
  border-radius: 0;
  font-size: inherit;
  background:#fdfdfd; 
  border:1px solid #e4e4e4;
  min-height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: #999999;
}
.form-group input[type=text], .form-group select, .form-group textarea {
    border: 1px solid #e4e4e4;
    background-color: #fdfdfd;
    border-radius: 0;
    min-height: 48px;
    font-size: 14px;
    color: #999999;
}
.form-control:focus{
  box-shadow:none;
}
/* ============= */
/* Button        */
/* ============= */

.btn{

}
.btn-primary{
  border-radius: 0;
  background: #1789d2;
  color: #FFF;
  border-color:#1789d2;
  font-size: 15px; 
  padding: 10px 23px;
  border:none;    
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active:focus,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{
  color: #FFF;
  box-shadow: none;
  background: #002b57;  
  border:none;  
}
.btn-primary.btn-lg{
  padding: 15px 28px;
  font-size: 16px;
}

.btn-default{
  border-radius: 0;
  background: #1789d2;
  color: #FFF;
  border-color:#1789d2;
  font-size: 15px; 
  padding: 10px 23px;
  border:none;      
}
.btn-default:hover,.btn-default:focus,.btn-default:active:focus,
.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle
{
  color: #FFF !important;
  box-shadow: none;
  background: #002850;  
  border:none;  
}  
.btn-outline-primary{
  color: #ffffff;
  border-color: #ffffff;
  border-radius: 0;
  border:solid 2px;
  font-size: 16px;
  padding: 9px 24px;  
}
.btn-outline-primary:hover,.btn-outline-primary:focus{
  background:#fc6a20;
  border-color: #fc6a20; 
}
.btn-outline-secondary{
  color: #002b57;
  border-color: #002b57;
  border-radius: 0;
  border:solid 2px;
  font-size: 16px;
  padding: 9px 24px;  
}
.btn:hover,.btn:focus{
  box-shadow: none;
}
.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle
{
  background:#002b57;
  border-color: #002b57; 
  box-shadow: none;
  color: #FFF;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-read{
  color: #09162a;
  font-size:14px;
  text-transform: uppercase;
  border-bottom: 1px solid #7a7d83;
  font-weight: 500;
}
.btn-read:hover,.btn-read:focus{
  color: #fc6a20;
  border-bottom: 1px solid #fc6a20;
}
.btn.btn-lg{
  padding: 12px 22px;
}


/* custom-modal css */

.custom-modal .modal-content .modal-header {
    padding: 20px 30px;
    background: #fc6a20;
    border-radius: 0 0;
}
.custom-modal .modal-content {
    background: transparent;
}
.custom-modal .modal-content .modal-body {
    padding: 30px;
    background: #fff;
    border-radius: 0;
}
.custom-modal .modal-content .modal-header .modal-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.custom-modal .modal-content .modal-header span {
    font-weight: 400;
    color: #fff;
    cursor: pointer;
}
.custom-modal .modal-content .modal-body .popup-form-group .popup-form-control {
    height: 60px;
    outline: none;
    width: 100%;
    border: none;
    border-radius: 0;
    color: #000;
    background: rgba(0, 43, 83, 0.1);
    padding: 0 20px 0 60px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.custom-modal .modal-content .search-button {
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    color: #fff;
    border: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #002b57;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
    border-radius: 0;
}
.custom-modal .modal-content .modal-body .popup-form-group > span {
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #002b57;
    font-size: 16px;
}
.custom-modal .modal-content .modal-body .popup-form-group {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}


.space30{
  padding: 30px;
}

.m0{
  margin: 0 !important;
}
.m5{
  margin: 0 !important;
}
.m10{
  margin: 0 !important;
}
.mt0{
  margin-top: 0 !important;
}
.mt5{
  margin-top: 5px !important;
}
.mt10{
  margin-top: 10px !important;
}
.mt15{
  margin-top: 15px !important;
}
.mt20{
  margin-top: 20px !important;
}
.mt25{
  margin-top: 25px !important;
}
.mt30{
  margin-top: 30px !important;
}
.mt35{
  margin-top: 35px !important;
}
.mt40{
  margin-top: 40px !important;
}
.mt50{
  margin-top: 50px !important;
}
.mt60{
  margin-top: 50px !important;
}
.mt70{
  margin-top: 50px !important;
}
.mt80{
  margin-top: 50px !important;
}

.mb0{
  margin-bottom: 0 !important;
}
.mb5{
  margin-bottom: 5px !important;
}
.mb10{
  margin-bottom: 10px !important;
}
.mb15{
  margin-bottom: 15px !important;
}
.mb20{
  margin-bottom: 20px !important;
}
.mb25{
  margin-bottom: 25px !important;
}
.mb30{
  margin-bottom: 30px !important;
}
.mb35{
  margin-bottom: 35px !important;
}
.mb40{
  margin-bottom: 40px !important;
}
.mb50{
  margin-bottom: 50px !important;
}
.mb60{
  margin-bottom: 60px !important;
}
.mb70{
  margin-bottom: 70px !important;
}
.mb80{
  margin-bottom: 80px !important;
}

.mr0{
  margin-right: 0 !important;
}
.mr5{
  margin-right: 5px !important;
}
.mr10{
  margin-right: 10px !important;
}
.mr15{
  margin-right: 15px !important;
}
.mr20{
  margin-right: 20px !important;
}
.mr25{
  margin-right: 25px !important;
}
.mr30{
  margin-right: 30px !important;
}
.mr35{
  margin-right: 35px !important;
}
.mr40{
  margin-right: 40px !important;
}
.mr50{
  margin-right: 50px !important;
}
.mr60{
  margin-right: 60px !important;
}
.mr70{
  margin-right: 70px !important;
}
.mr80{
  margin-right: 80px !important;
}

.ml0{
  margin-left: 0 !important;
}
.ml5{
  margin-left: 5px !important;
}
.ml10{
  margin-left: 10px !important;
}
.ml15{
  margin-left: 15px !important;
}
.ml20{
  margin-left: 20px !important;
}
.ml25{
  margin-left: 25px !important;
}
.ml30{
  margin-left: 30px !important;
}
.ml35{
  margin-left: 35px !important;
}
.ml40{
  margin-left: 40px !important;
}
.ml50{
  margin-left: 50px !important;
}
.ml60{
  margin-left: 60px !important;
}
.ml70{
  margin-left: 70px !important;
}
.ml80{
  margin-left: 80px !important;
}
/* padding */

.p0{
  padding: 0 !important;
}
.p5{
  padding: 0 !important;
}
.p10{
  padding: 0 !important;
}
.pt0{
  padding-top: 0 !important;
}
.pt5{
  padding-top: 5px !important;
}
.pt10{
  padding-top: 10px !important;
}
.pt15{
  padding-top: 15px !important;
}
.pt20{
  padding-top: 20px !important;
}
.pt25{
  padding-top: 25px !important;
}
.pt30{
  padding-top: 30px !important;
}
.pt35{
  padding-top: 35px !important;
}
.pt40{
  padding-top: 40px !important;
}

.pb0{
  padding-bottom: 0 !important;
}
.pb5{
  padding-bottom: 5px !important;
}
.pb10{
  padding-bottom: 10px !important;
}
.pb15{
  padding-bottom: 15px !important;
}
.pb20{
  padding-bottom: 20px !important;
}
.pb25{
  padding-bottom: 25px !important;
}
.pb30{
  padding-bottom: 30px !important;
}
.pb35{
  padding-bottom: 35px !important;
}
.pb40{
  padding-bottom: 40px !important;
}

.p10{
  padding: 10px !important;
}
.p20{
  padding: 20px !important;
}
.p30{
  padding: 30px !important;
}
.p40{
  padding: 40px !important;
}

.tgt-blue-link{
  color: #09162a;
}
.tgt-blue-link:hover,.tgt-blue-link:focus{
  color: #FC6A20;
}