/*

  Theme Name: Fixelo Handyman Repair Services HTML Template

  Author: Udayraj

*/



.tgt-bgcolor-orange{

  background-color:#FC6A20;

}

.tgt-bgcolor-darkblue{

  background-color:#03305e; 

}

.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:#fc6a20;

  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{

}

.bg-image3{

}

.bg-image4{

}

.bg-image5{

}





/* white color box */

.white-color h1,.white-color h2,.white-color h3,.white-color .tgt-sub-title{

  color: #FFF; 

}

.white-color h4{

  font-weight: 400;

  font-size: 18px;

  color: #FFF;  

}

.white-color p{

  color: #FFF;  

}

.white-color a:hover,.white-color a:focus{

  color: #F96921;

}



.btn-white{

  color: #FFF;    

}

.btn-white:hover{

  color: #FFF;    

}

.btn-white2{

  color: #FFF;    

}

.btn-white2:hover{

  color: #fc6a20;    

}



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: #FC6A20;

    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: #FC6A20;

}  

.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-top: 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;

    width: 100%;

}

.form-control:focus{

  box-shadow:none;

}

/* ============= */

/* Button        */

/* ============= */



.btn{



}

.btn-primary{

  border-radius: 0;

  background: #fc6a20;

  color: #FFF;

  border-color:#fc6a20;

  font-size: 15px; 

  padding: 12px 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: #f3631a;  

  border:none;  

}

.btn-primary.btn-lg,.btn-default.btn-lg,.btn-white.btn-lg{

  padding: 15px 28px;

  font-size: 16px;

}



.btn-primary.btn-sm,.btn-default.btn-sm,.btn-white.btn-sm{

  padding: 6px 12px;

  font-size: 14px;

}



.btn-default{

  border-radius: 0;

  background: #03305e;

  color: #FFF;

  border-color:#03305e;

  font-size: 15px; 

  padding: 12px 24px;

  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: #032c56;  

  border:none;  

}  

.btn-outline-primary{

  color: #fc6a20;

  border-color: #fc6a20;

  border-radius: 0;

  border:solid 2px;

  font-size: 16px;

  padding: 9px 24px;  

}

.btn-outline-primary.btn-sm{
   padding: 10px 20px;  
   font-size: 14px;
}

.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{

  background:#fc6a20;

  border-color: #fc6a20; 

  box-shadow: none;

  color: #FFF;

}

.btn-outline-secondary{

  color: #002b57;

  border-color: #002b57;

  border-radius: 0;

  border:solid 2px;

  font-size: 16px;

  padding: 12px 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 rgba(255,255,255,.25);

  font-weight: 500;

}

.btn-read:hover,.btn-read:focus{

  color: #fc6a20;

  border-bottom: 1px solid;
  border-color: #fc6a20;

}

.btn.btn-lg{

  padding: 13px 26px;

}





/* 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 !important;

    -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;

}

.mb90{

  margin-bottom: 90px !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;

}

.mr90{

  margin-right: 90px !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;

}

.ml90{

  margin-left: 90px !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;

}

.pt50{

  padding-top: 50px !important;

}

.pt60{

  padding-top: 60px !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;

}



.pl0{

  padding-left: 0 !important;

}

.pl5{

  padding-left: 5px !important;

}

.pl10{

  padding-left: 10px !important;

}

.pl15{

  padding-left: 15px !important;

}

.pl20{

  padding-left: 20px !important;

}

.pl25{

  padding-left: 25px !important;

}

.pl30{

  padding-left: 30px !important;

}

.pl35{

  padding-left: 35px !important;

}

.pl40{

  padding-left: 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;

}

/* Unit Test */
.widget .rssSummary {
    margin-top: 5px;
}
.widget_rss li a.rsswidget{
  font-weight: 500;
}
.btn-primary,.btn-default{
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  z-index: 1;  
}
.btn-primary::before,.btn-default::before,.btn-outline-secondary::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    background: rgba(0, 0, 0, 0.15);
    content: "";
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 700ms ease;
    transition: 700ms ease;
    z-index: -1;
}
.btn-default::before {
    background: rgba(255, 255, 255, 0.15);
}
.btn-primary:hover:before {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    background:#fc6a20;
}
.btn-default:hover:before {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    background:#032c56;
}
.btn-outline-secondary{
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  z-index: 1;  
}
.btn-outline-secondary::before{
  background: rgba(3, 44, 86, 0.8);
}
.btn-outline-secondary:hover:before {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    background:#032c56;
}