body {
    font-family: "latoregular", sans-serif;
    color: #666666;
    font-size: 14px;
    font-size: 0.875rem;
}

.bg-white.py-2.d-none.d-md-block.top-header {
    background-color: #e4701e!important;
}

.header-content.py-4.py-md-0 {
    background-color: #e4701e;
}

body a {
    color: white!important;
}

.top-header .header-search .twitter-typeahead:after {
    color: rgb(255, 255, 255);
    padding: 0 0.9rem;
    background: #e4701e;
    border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    -webkit-border-radius: 0 30px 30px 0;
    border: white 1px solid;
}

.badge-primary {
    background: rgb(255, 255, 255);
    color: #e4701e;
}

strong, b {
    color: rgb(255, 255, 255);
}

.navbar .navbar-nav .nav-item:hover > .nav-link, .navbar .navbar-nav .nav-item.active > .nav-link {
    color: rgb(255, 255, 255);
    background: #959595;
}

.navbar {
    background-color: #bb540b;
    z-index:9!important;
}

.navbar .navbar-nav .nav-item .dropdown-menu:not(div) {
    margin-top: 0 !important;
    background: #959595;
}

.navbar .navbar-nav .nav-item .dropdown-menu:not(div) li:hover > .dropdown-item {
    color: #000 !important;
    background: #cccccc;
}

.sidebar .card {
    background: rgb(255, 255, 255);
}

.navbar .navbar-nav .nav-item.show > .nav-link {
    color: #555555;
    background: #cccccc;
}

span.navbar-text.d-none.d-md-block {
    color: white!important;
}

.navbar .navbar-nav .nav-item .dropdown-menu:not(div) li .dropdown-menu {
    background: #959595;
}

.sidebar .card .card-header {
    background-color: #ccc !important;
}

.page-header {
    color: #fff;
}

.page-header h1:after {
    content: "";
    display: block;
    position: absolute;
    width: 30%;
    height: 3px;
    background: rgb(255, 255, 255);
    left: 0;
    right: 0;
    bottom: -2px;
}

.btn-info {
    background: #e4701e;
    border-color: #e4701e;
}
.block_text.border.bg-white.mb-md-0.mb-4 {
    z-index: 999999;
}

a.p-3.d-block span {
    color: #000000 !important;
}


main#main-content {
    background: white;
    color: black;
}

main#main-content a {
    color: black!important;
}

div#middle-content h1 {
    color: #e4701e!important;
}

.svg-container {
    width: 100px;
    float: left;
    padding: 3%;
}


a.p-3.d-block {
    height: 100%;
}

.quick-link-container {
    min-width: 360px;
    min-height: 100%;
    padding-top: 7%;
    padding-left: 35%;
    bottom: auto;
    /* font-size: 58px; */
}

.block_text a span {
    font-size: 18px;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: "latomedium", sans-serif;
}

.adc-layer.adc-logo {
    max-width: 1200px;
    padding-top: 4%;
    padding-left: 10%;
}

.text-primary {
    color: #e4701e !important;
}

.btn-primary {
    color: white;
    background: #e4701e;
    border-color: #e4701e;
}
.top-header .container .mr-3{
    margin-left:auto !important;
}

#category0 > div > div > div > div > div.card-footer.border-0.p-3.bg-transparent.text-center > a {
    color: white!important;
}


.fotter_bottom .contact_us ul li a:hover {
    color: #ccc !important;
}


.footer-content ul > li a:hover, .footer-content ul > li a.active, footer ul > li a:hover, footer ul > li a.active {
    color: #ccc !important;
}

.fotter_bottom ul li a:after {
    background: #e4701e;
}

.fotter_bottom ul li a:hover {
    color:#ccc;
}

.fotter_bottom ul.list-unstyled > li > a:after {
    background: #e4701e;
}


.footer-content ul > li a b, .footer-content ul > li a strong, footer ul > li a b, footer ul > li a strong {
    color: unset;
}

.fotter_bottom .social_media li a:hover i {
    color: #333333;
    background: #ccc;
    border-color: #ccc;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active:focus {
    background: #ccc;
    border-color: #ccc;
    color: #555555;
}

.fotter_bottom ul li a:hover:after {
    background: #e4701e;
}


.svg-container {
    width: 100px;
    float: left;
    padding: 3%;
    top: -.5em;
    position: relative;
}

.quick-link-container {
    min-width: 333px;
    min-height: 100%;
    padding-top: 1.125em;
    padding-left: 35%;
    bottom: auto;
    /* font-size: 58px; */
    line-height: 1.85em;
}

.block_text a span {
    font-size: 18px;
    font-size: 1.45rem;
    font-weight: 500;
    font-family: "latomedium", sans-serif;
}

/* Alarm.com homepage product-card CTA behavior */
#home_page .product-box .card .card-footer .btn.btn-info {
  background: #e4701e !important;
  border-color: #e4701e !important;
  color: #ffffff !important;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
  position: relative;
  z-index: 2;
}

/* Change the button when the whole product card is hovered */
#home_page .product-box .card:hover .card-footer .btn.btn-info,
#home_page .product-box .card:focus-within .card-footer .btn.btn-info {
  background: #cccccc !important;
  border-color: #cccccc !important;
  color: #ffffff !important;
}

/* Optional: keep icon white too */
#home_page .product-box .card:hover .card-footer .btn.btn-info i,
#home_page .product-box .card:focus-within .card-footer .btn.btn-info i {
  color: #ffffff !important;
}

a.p-3.d-block:hover {
    background: #fdf3eb;
    border-radius: 10px;
}

#InfoTab .nav-tabs .nav-item .nav-link.active:before, #InfoTab .nav-tabs .nav-item .nav-link:hover:before {
    background: #cccccc;
}

.col-12.col-md-3a.p-3.p-md-0 {
    flex: 0 0 33.33%;
}

.col-12.col-md-3a.p-3.p-md-0.bg-white {
    z-index: 950;
    border: #e4701e solid 1px;
    border-radius: 12px;
    margin-left: 0px!important;
    margin-right: 0px!important;
}

div#pro-disc {
    color: black;
}

.card-body.px-2.px-md-3.pb-0 {
    color: black;
}

.card-body.px-2.px-md-3.pb-0 h3 {
    color: #e4701e!important;
}

#templatelist .templatebox .card-footer > a.btn.btn-primary,
#templatelist .templatebox .card-footer > a.btn.btn-primary:hover,
#templatelist .templatebox .card-footer > a.btn.btn-primary:focus,
#templatelist .templatebox .card-footer > a.btn.btn-primary:active {
    color: #fff !important;
}



/* =========================================
   Alarm.com homepage banner - scoped full-width fix
   ========================================= */

#top-banner {
    position: relative;
    overflow: hidden;
}

#top-banner .carousel-item.active.text-center {
    background: #ffffff;
}

#top-banner .carousel-item > img {
    display: block;
    width: 100%;
    height: auto !important;
}




#top-banner .carousel-caption {
    position: absolute;
    top: -60%;
    left: 0;
    right: 0;
    bottom: 20px;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    z-index: 10;
    transform: none !important;
    scale: 1 !important;
    overflow: visible;
}

#top-banner .adc-banner-wrap {
    width: 100%;
    max-width: none !important;
    margin: 0;
    line-height: 0;
    overflow: visible;
    text-align: center;
}

#top-banner .adc-banner-object {
    display: block;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 auto;
}



@media (min-width: 2560px) {
    #top-banner .carousel-caption {
        top: -72%;
    }
}

/* standard desktop */
@media (max-width: 1600px) {
    #top-banner .carousel-caption {
        top: -56%;
    }
}

@media (max-width: 1366px) {
    #top-banner .carousel-caption {
        top: -52%;
    }
}

/* tablets */
@media (max-width: 991.98px) {
    #top-banner .carousel-caption {
        top: -18%;
        bottom: 0;
    }

    #top-banner .adc-banner-object {
        width: 140% !important;
        margin-left: -20%;
    }
}

/* phones */
@media (max-width: 767.98px) {
    #top-banner .carousel-caption {
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
    }

    #top-banner .adc-banner-wrap {
        width: 160%;
        margin-left: -30%;
    }

    #top-banner .adc-banner-object {
        width: 100% !important;
        margin: 0;
    }
    
    .col-12.col-md-3a.p-3.p-md-0.bg-white {
     margin-left: auto!important;
    margin-right: auto!important;
}
}


#paymenttitle22 > div.card-header.bg-transparent.border-0.p-0.p_fees > div > div > label > strong {
    color: black!important;
}

.modal {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 105000;
 display: none;
 width: 100%;
 height: 100%;
 overflow: hidden;
 outline: 0;
}

.d-flex.justify-content-between.shipping-title.w-100.align-items-center {
    color: #e4701e !important;
}

#payment_insruction > div > div > p > span > strong {
    color: black!important;
}

.shipping_types .dropdown-menu li span {
    white-space: break-spaces;
    color: black!important;
}

#checkout_success > div:nth-child(4) > div > div:nth-child(2) > a {
    color: #fff !important;
}

/* Keep regular links black, but do not override button links */
main#main-content a:not(.btn) {
    color: black !important;
}

/* Force white text on dark secondary buttons */
main#main-content a.btn.btn-secondary,
main#main-content a.btn.btn-secondary:visited,
main#main-content a.btn.btn-secondary:hover,
main#main-content a.btn.btn-secondary:focus,
main#main-content a.btn.btn-secondary:active {
    color: #fff !important;
}

/* Keep regular links black, but do not override button links */
main#main-content a:not(.btn) {
    color: black !important;
}

p.d-flex.justify-content-between.align-items-center.font-lg.pt-2.mt-2.border-top.mb-3 strong {
    color: black!important;
}

.pg-card strong {
    color: #000000 !important;
}

a.collapsed.text-black-50 b {
    color: #e4701e;
}

.faq-intro strong {
    color: #e4701e;
}

section.faq-section strong {
    color: #e4701e;
}

.platform-block strong {
    color: #e4701e;
}

section#directmail-eddm-guide strong {
    color: #e4701e;
}

.faq-instructions strong {
    color: #e4701e;
}

ul.list-inline.mb-0.top-links {
    z-index: 999;
}

.dropdown-item span {
    color: black;
}

#templates_listing_area .templatebox .card .card-footer .card-title {
    font-size: 1em !important;
}

.bootstrap-select .dropdown-toggle small {
    color: black !important;
}

.bootstrap-select.bs-container.dropdown .dropdown-menu {
    z-index: 99999!important;
}

.fancybox__dialog {
      z-index: 100000!important;   
}


button#continue_with_current {
    color: white;
}
button#select {
    color: white;
}

div#cart_pricetotal::after {
    content: "Order Approval Required - Please Allow Up to 48 hours";
    background: #fff;
    text-align: center;
    color: #e4701e;
    font-weight: 700;
}