:root 
{
    /*color opacity*/
    --clr-opc: 1;
    --opc-grd-top: 1;
    --opc-grd-bot: 1;
    /*theme colors*/ 
    --bg-on-theme: rgba(0,0,0,1); 
    --bg-theme: rgba(255,255,255,1);
	
    /*border & shadows */ 
    --brd-r: 0;
    --brd-g: 0;
    --brd-b: 74;
    --brd-opc: .2;
    --brd-a: rgba(var(--brd-r),var(--brd-g),var(--brd-b),var(--brd-opc));
    --bs-border-color:  rgba(var(--pri-r), var(--pri-g), var(--pri-b), var(--brd-opc));

    --brd-onr: 250;
    --brd-ong: 250;
    --brd-onb: 250;
    --brd-onopc: .2;
    --brd-b: var(--brd-onr),var(--brd-ong),var(--brd-onb),var(--brd-onopc);
    
	/*fonts*/	
	--fnt-a: 'Roboto', sans-serif;
	--fnt-b: 'National Park', sans-serif;
	--fnt-c: 'Permanent Marker', serif;
	--fnt-d:  "Roboto Condensed", sans-serif;
	--fnt-e: 'Kalam', cursive;
	/*font weight*/
	--fnt-w1: 100;
	--fnt-w2: 200;
	--fnt-w3: 300;
	--fnt-w4: 400;
	--fnt-w5: 500;
	--fnt-w7: 700;
    --fnt-w8: 800;
	--fnt-w9: 900;
	/*custom var*/ 
    --txt-secthd-sz: 2.5rem;
    /*background images*/
    --bg-img-testi: url("https://securefencecom.com/inc/sect/testi/test-bg.jpg");
    /*testimonials vars*/
    --brd-testi-card: rgba(25,25,25,1);
    --bg-testi-card: rgba(--on-pri);
    /*card defaults*/
    --crd-border-top-sz: 1px;
    --crd-border-right-sz: 1px;
    --crd-border-bottom-sz: 1px;
    --crd-border-left-sz: 1px;
    --crd-border: var(--crd-border-top-sz) var(--crd-border-right-sz) var(--crd-border-bottom-sz) var(--crd-border-left-sz);
    --crd-border-clr-r: 0;
    --crd-border-clr-g: 0;
    --crd-border-clr-b: 15;
    --crd-border-rgb: var(--crd-border-clr-r), var(--crd-border-clr-g), var(--crd-border-clr-b);
    --crd-border-clr-opc: .19;
    --crd-border-style: solid;
    --crd-title-fnt-sz: calc(1.5rem + 6px);
    --crd-body-fnt-sz: calc(1rem + 3px);
    /*footer settings*/
    --foot-bg: 0,0,0;
    --foot-clr: 250,250,250;
    --foot-clr-opc: 1;
     --bs-light-rgb: rgba(225,225,225,.115);
	}
html {
     font-family: var(--fnt-d) !important;
    font-weight: var(--fnt-w3) !important;
    font-size: 1rem !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;
    text-rendering: optimizelegibility;
    font-feature-settings: "kern";
    font-kerning: normal;
    width: 100vw;
    overflow-x: hidden;
}


body {
  
    }
a {
    color: inherit !important;
    text-decoration: none !important;
    }
.bg-sec{
    background: var(--sec-rgba) !important;
    color: var(--on-sec);
    }
.bg-secv{
    background: var(--secv-rgba) !important;
    color: var(--on-secv);
    }

.bg-home {
    background-image: url("https://securefencecom.com/inc/bgs/secure_fence_company-bg-a.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    }

 
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 40
}
 /*testi banner*/
.sp-testi-lg {
    font-size: 3.5rem !important;
    color: var(--sec-rgba)!important;
    font-weight: 900;
    font-family: var(--fnt-e)!important;
    text-transform: uppercase; 
    line-height: 3.5rem;
    }
.sp-testi-sm{
       font-size: 1rem !important;
    color: var(--on-pri-rgba)!important;
    font-weight: 600;
    font-family: var(--fnt-a)!important;
    text-transform: uppercase; 
    line-height: 1rem;

    }
/*clr sec css*/
.clr-sec {
    color: var(--sec-rgba) !important;
    }
/*borders and shadows */ 
.brd-a { 
    --bs-border-color: var(--brd-a)!important;
   
    }
.brd-b {
    --bs-border-color: rgba(var(--brd-b)) !important;
    
    }
/*font fam*/
.fnt-a {
    font-family: var(--fnt-a) !important;
    }
.fnt-b {
    font-family: var(--fnt-b) !important;
    }
.fnt-c {
    font-family: var(--fnt-c) !important;
    }
.fnt-d {
    font-family: var(--fnt-d) !important;
    }
.fnt-e {
    font-family: var(--fnt-e) !important;
    }
/*font weight*/
.fnt-w2{
    font-weight: var(--fnt-w2)!important;
    }
.fnt-w3{
    font-weight: var(--fnt-w3)!important;
    }
.fnt-w4{
    font-weight: var(--fnt-w4)!important;
    }
.fnt-w5 {
    font-weight: var(--fnt-w5)!important;
    }
.fnt-w7 {
    font-weight: var(--fnt-w7)!important;
    }
.fnt-w8 {
    font-weight: var(--fnt-w8)!important;
    }
.fnt-w9 {
    font-weight: var(--fnt-w9)!important;
    }

.ftr-nav {
   text-transform: uppercase;
    }
/*buttons */
.btn {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-font-family: var(--fnt-b) !important;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-hover-font-weight: 500;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: inherit;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0em;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-lg {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 1rem;
    --bs-btn-font-family: var(--fnt-b);
    --bs-btn-font-size: 1.25rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 2rem;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important;
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size) !important;
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    border-radius: 0px !important;
  
  }

/*forms*/
.form-control {
    border-radius: 0 !important;
    }
    
/*span classes*/
.sp-head {
    font-size: 1.1rem !important;
    font-weight: var(--fnt-w7) !important;
    font-family: var(--fnt-a) !important;
    }
.sp-body {
    font-size: 1rem !important;
    font-weight: 300 !important;
    font-family: var(--fnt-b) !important;
    }
 
/* div settings */
.txt-brdcrmltbg {
    background: var(--pri-rgba) !important;
    }

.dv-pri {
    background: var(--pri-rgba) !important;
    color: var(--on-pri) !important;
    paddig-top: 2rem !important;
    paddig-bottom: 2rem !important;
    }
.dv-bread {
    width: 100%;
    background: var(--on-pri)!important;
    color: var(--pri-rgba)!important;
    }
.dv-testi {
    background: var(--pri-grad) !important;
    color: var(--on-pri-grad)!important;

    }
.dv-testi-card {
    border: 1px solid rgba(var(--brd-testi-card));    
    background: var(var(--bg-testi-card));
    
    }
.ico-qotd {
    color: var(--sec-rgba) !important; 
    font-size: 36px !important; 
    }
.dv-qotd-col {
    border-bottom: 1px solid rgba(225,225,225,.5);
    border-right: 1px solid  rgba(225,225,225,0); 
    }
.dv-qotd-hd {
    color: var(--sec-rgba)!important;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 900;
    font-family: var(--fnt-b)!important;
    }

.dv-qotd-sub {
    color: inherit !important;
    text-transform: none;
    font-size: 1rem;
    font-family: var(--fnt-d)!important;
    font-weight: 300;
    
    }
.dv-svc {
    height: 15rem !important;
    
    }
.dv-sect-hd {
    border-top: 1px solid var(--pri-rgba)!important;
    border-bottom: 1px solid var(--pri-rgba)!important;
    }
.dv-footer {
    background: rgba(var(--foot-bg),var(--foot-clr-opc)) !important;
    color: rgba(var(--foot-clr),var(--foot-clr-opc)) !important;
    border-top: 3px solid var(--priv-rgba)!important;
    
    }
.dv-copyright{
    background: var(--pri-rgba);
    color: var(--on-pri);
    font-weight: var(--fnt-w3);
    font-size: 12px;
    }
.dv-tst {
    height: auto; 
    background: var(--pri-rgba) !important;
    color: var(--on-pri) !important;
    }
.dv-tst-dat {
  
      width:100%;
      
      height: 90%;
      background: var(--pri-rgba) !important;
      padding:10px;
      
     color: var(--on-priv) !important;
    }
.dv-verify-rsp {
    width: auto;
    max-width: 90%;
 
    padding: 2rem;
    }
.dv-wrap {
    font-family: var(--fnt-a) !important;
    font-weight: var(--fnt-w2) !important;
    font-size: 1rem !important;
    }

.dv-vh75 {
    height: 75vh !important;
    }
    /*card styling */
.card {
    --border-shorthand: var(--crd-border-top-sz) var(--crd-border-right-sz) var(--crd-border-bottom-sz) var(--crd-border-left-sz) var(--crd-border-style) rgba(var(--crd-border-rgb),var(--crd-border-clr-opc));
    border-top: var(--crd-border-top-sz) !important;
    border-right: var(--crd-border-right-sz)!important;
    border-bottom: var(--crd-border-bottom-sz)!important;
    border-left: var(--crd-border-left-sz)!important;
    
    border-color: rgba(var(--crd-border-rgb),var(--crd-border-clr-opc))!important;
    
    border-style: var(--crd-border-style) !important;
    border: var(--border-shorthand) !important;
    
    
    }
.card-title {
    width: 100%;
    display: flex;
    justify-content: start;
    font-size: var(--crd-title-fnt-sz) !important;
    font-style: var(--fnt-a)!important;
    padding-top: .5rem;
    padding-bottom: .5rem;
    }
.card-text {
    width: 100%;
    display: flex;
    justify-content: start;
    font-size: var(--crd-body-fnt-sz) !important;
    }
/*forms settings*/
.form-control {
    background: rgba(225,225,225,.5);
    border-color: transparent;
}

.form-control:focus {
    background: rgba(225,225,225,1);

}
.form-label {
    margin-bottom: 0rem; 
    font-weight: 300;
    font-size: .85rem;
    font-family: var(--fnt-b);
    color: var(--on-pri);
}
.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background: rgba(225,225,225,.5); 
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    /* border: 1px solid #ced4da; */
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: transparent;
}
.border-light {
   --bs-border-rgb: var(--bs-light-rgb);
    border-color: var(--bs-border-rgb) !important;
    }

.border-light-xtra {
    --bs-light-rgb: rgba(225,225,225,.05);
    border-color:   var(--bs-light-rgb) !important;
    }
.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-rgb) !important;
    }
/*text classes */ 
.text-muted {
    color: rgba(100,100,100,.5) !important;
    }
.text-spc-sm {
    letter-spacing: 2px !important;
    }
.text-spc-lg {
    letter-spacing: 20px !important;
    }
.txt-secthd {
    font-weight: 300 !important;
    font-size: var(--txt-secthd-sz) !important;
    font-family: var(--fnt-a) !important;
    color: var(--pri-rgba) !important;
    }
.txt-acnt-pri{
    color: var(--pri-rgba) !important;
    
    }
.txt-acnt-priv{
    color: var(--priv-rgba) !important;
    
    }
/*@media (min-width: 576px) {  }*/

@media (min-width: 768px) {

    .dv-qotd-col {
        border-bottom: 1px solid rgba(225,225,225,0);
        border-right: 1px solid  rgba(225,225,225,.5);   
    }   
}


@media (min-width: 992px) {
.dv-verify-rsp {
    width: auto;
    max-width: 40%;
 
    padding: 2rem;
    }
}


@media (min-width: 1200px) {


    
}


/*@media (min-width: 1400px) {  }*/