#corporate_login {
 width: calc(100% + 32px);
 margin-left: -16px;
 background: url('https://d29hz7my4l83cj.cloudfront.net/salesdemo/images/contentimages/images/real_estate.jpg') no-repeat center;
 background-position: right;
}



.zoom:hover {
    background: #CC0000;
    background: rgba(247, 128, 30, .75)
}

.page-header {
    color: #000000;
    border: none
}

.page-header h1 {
    color: #000000;
    display: inline-block;
    border-bottom: 2px solid #000000 !important;
    border-color: #000000 !important
}

.page-header h1 small {
    color: #000000
}

.page-section-header {
    color: #777
}

.page-section-header span {
    color: #333
}

.page-sub-header {
    color: #3d3d3d
}

.table .thead-light th,
.table .thead th,
.table thead th {
    color: #3d3d3d !important;
    background: rgba(0, 0, 0, 0);
    border-bottom-color: #3d3d3d
}

a {
    color: #333;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

a:hover {
    color: #CC0000;
    text-decoration: none
}

.btn {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    white-space: normal;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.btn:focus,
.btn.focus,
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 0 0 0 #fff;
    -moz-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff
}

.btn-primary {
    background: #CC0000;
    border-color: #CC0000
}

.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: #a40202;
    border-color: #a40202
}

.btn-primary.disabled,
.btn-primary:disabled {
    background: #CC0000;
    border-color: #CC0000;
    opacity: .65;
    filter: alpha(opacity=65)
}

.btn-info {
    background: #000000;
    border-color: #000000
}

.btn-info:hover,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active:focus {
    background: #333232;
    border-color: #333232
}

.btn-info.disabled,
.btn-info:disabled {
    background: #000000;
    border-color: #000000;
    opacity: .65;
    filter: alpha(opacity=65)
}

.btn-secondary {
    background: #777;
    border-color: #777
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
    background: #5e5e5e;
    border-color: #5e5e5e
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background: #777;
    border-color: #777;
    opacity: .65;
    filter: alpha(opacity=65)
}

.btn-success {
    background: #000000;
    border-color: #000000
}

.btn-success:hover,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active:focus {
    background: #333232;
    border-color: #333232
}

.btn-success.disabled,
.btn-success:disabled {
    background: #000000;
    border-color: #000000;
    opacity: .65;
    filter: alpha(opacity=65)
}

.btn-outline-primary {
    background: rgba(0, 0, 0, 0);
    border-color: #CC0000;
    color: #CC0000
}

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

.btn-outline-secondary {
    background: rgba(0, 0, 0, 0);
    border-color: #777;
    color: #777
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
    background: #777;
    color: #fff;
    border-color: #777
}

.btn-outline-info {
    background: rgba(0, 0, 0, 0);
    border-color: #000000;
    color: #000000
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active:focus {
    background: #000000;
    color: #fff;
    border-color: #000000
}

.btn-link {
    color: #3d3d3d;
    word-break: break-word
}

.btn-link:hover,
.btn-link:focus {
    color: #CC0000
}

.btn-link:disabled,
.btn-link.disabled {
    color: #CC0000
}

.border-primary {
    border-color: #CC0000 !important
}

.border-info {
    border-color: #000000 !important
}

.border-secondary {
    border-color: #777 !important
}

.loading {
    border-color: rgba(0, 0, 0, 0) #000000
}

#loading-text {
    color: #000000
}

.text-primary {
    color: #CC0000 !important
}

.text-info {
    color: #000000 !important
}

.text-secondary {
    color: #777 !important
}

.badge-primary {
    background: #CC0000
}

.badge-info {
    background: #000000
}

a.text-primary:hover,
a.text-primary:focus {
    color: #a40202 !important
}

a.text-info:hover,
a.text-info:focus {
    color: #333232 !important
}

.bg-primary {
    background-color: #CC0000 !important
}

.bg-info {
    background-color: #000000 !important
}

.bg-secondary {
    background-color: #777 !important
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
    background-Color: #f2f2f2;
    color: #CC0000 !important
}

.bootstrap-select .dropdown-menu li.active small {
    color: #CC0000 !important
}

.bootstrap-select .dropdown-toggle small {
    color: #CC0000 !important
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #000000;
    border-color: #000000;
    box-shadow: none
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #000000;
    border-color: #000000;
    box-shadow: none
}

.form-control:focus {
    border-color: #000000
}

.form-group .input-valid~.col-form-label {
    color: #000000
}

.page-item.active .page-link {
    background: #CC0000;
    border-color: #CC0000
}

.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor {
    background-color: #000000
}

.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor strong {
    color: #fff
}

.tt-dropdown-menu .tt-suggestion a {
    color: #333
}

.tt-dropdown-menu .tt-suggestion a strong {
    color: #333
}

.tt-dropdown-menu .tt-suggestion:hover strong {
    color: #fff !important
}

.account-links a:hover .cicon {
    color: #000000
}

.account_dashboard_box h4 {
    color: #000000
}

.bar {
    background-color: #CC0000
}

.card-title {
    color: #3d3d3d
}

.card-title a.btn-link {
    color: #000000 !important
}

.card-title a.btn-link:hover {
    color: #CC0000 !important
}

.card-title a:not(.btn) {
    color: #333 !important;
    font-size: 14px;
    font-size: 0.875rem
}

.card-title a:not(.btn):hover {
    color: #CC0000 !important
}

.text-body {
    color: #fff !important
}

.accordion-menu .list-group-item>a,
.accordion .list-group-item>a {
    position: relative;
    font-family: "OpenSans", sans-serif;
    color: #3d3d3d !important
}

.accordion-menu .list-group-item>a:hover,
.accordion-menu .list-group-item>a[aria-expanded=true],
.accordion .list-group-item>a:hover,
.accordion .list-group-item>a[aria-expanded=true] {
    color: #000000 !important
}


.sidebar .list-group-item ul li a {
    padding-top: .2rem;
    padding-bottom: .2rem;
    font-size: 14px;
    font-size: 0.875rem;
    color: #3d3d3d !important
}
.sidebar .card {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 .8rem !important;
    border: 0 !important;
    background-color: #fff !important;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .1)
}

.sidebar .card .card-header {
    position: relative;
    border-color: #3d3d3d !important;
    background-color: #fff !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}


.sidebar .card .accordion-menu .list-group-item {
    background-color: #fff !important
}


.sidebar .card .accordion-menu .list-group-item a:hover {
    color: #000000 !important
}

#straightmenu .list-group .list-group-item>a:hover {
    color: #CC0000 !important
}

#straightmenu .list-group .list-group-item .list-unstyled li.active>a,
#straightmenu .list-group .list-group-item .list-unstyled li:hover>a {
    color: #000000 !important
}

#cssmenu .list-group-item>a {
    color: #555 !important
}

#cssmenu .list-group-item>ul li:hover>a {
    color: #000000 !important
}

#cssmenu .list-group-item>ul li:hover>ul {
    background: #f8f8f8
}

#cssmenu .list-group-item>ul li.active {
    color: #000000 !important
}

#cssmenu .list-group-item:hover>a {
    background: #f8f8f8;
    color: #000000 !important
}

.navbar .navbar-nav .nav-item>.nav-link {
    color: #333 !important;
    border-top: 1px solid rgba(0, 0, 0, 0);
    padding: 1rem;
    position: relative;
    font-family: "OpenSans-SemiBold", sans-serif
}


.navbar .navbar-nav .nav-item:hover>.nav-link,
.navbar .navbar-nav .nav-item.active>.nav-link {
    color: #000000 !important
}

.navbar .navbar-nav .nav-item:hover>.nav-link::before,
.navbar .navbar-nav .nav-item.active>.nav-link::before {
    background-color: #000000
}

.navbar .navbar-nav .nav-item.show>.nav-link {
    color: #000000 !important;
    background: #fff
}



.navbar .navbar-nav .nav-item .dropdown-menu li:hover>.dropdown-item {
    color: #000000 !important
}

.navbar .navbar-nav .nav-item .dropdown-menu li:hover>.dropdown-item:after {
    color: #000000
}

.navbar .navbar-nav .nav-item .dropdown-menu li:hover>.dropdown-item:hover strong {
    color: #000000
}

.navbar .navbar-nav .nav-item .dropdown-menu .list-unstyled>li.active>a {
    color: #000000 !important
}

.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu a {
    border: 0;
    color: #3d3d3d !important
}

.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu .list-unstyled li a:hover {
    color: #000000 !important
}

#myaccount_menu li.active a,
#myaccount_menu li:hover a {
    color: #CC0000 !important
}

#InfoTab {
    background-color: #fff;
    padding: 15px
}

#InfoTab .nav-tabs .nav-item .nav-link.active,
#InfoTab .nav-tabs .nav-item .nav-link:hover {
    background: rgba(0, 0, 0, 0);
    color: #CC0000
}

.nav-customtabs li .nav-link {
    color: #333;
    font-size: 16px;
    font-size: 1rem;
    text-transform: uppercase;
    font-family: "OpenSans-SemiBold", sans-serif
}

.nav-customtabs li .nav-link.active,
.nav-customtabs li .nav-link:hover {
    color: #000000
}

.nav-customtabs li .nav-link.active:after,
.nav-customtabs li .nav-link:hover:after {
    background: #000000
}

.after_line {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    color: #000000
}

.after_line:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: auto;
    height: 2px;
    width: 100%;
    margin: 0 auto;
    background: #000000
}


.header_cms_page .offer_block.green {
    background: #e2fffe
}

.header_cms_page .offer_block.orange {
    background: #ffe7e0
}

.header_cms_page .offer_block.blue {
    background: #dbe7ff
}

.header_cms_page .offer_block .text-block h3 {
    font-size: 20px;
    font-size: 1.25rem;
    color: #000
}



.footer-content ul li a {
    padding: .3rem 0;
    display: inline-block;
    color: #333
}

.footer-content ul li a:hover,
.footer-content ul li a.active {
    color: #000000
}

footer {
    background-color: #ecfffe !important
}


footer ul li a:hover {
    color: #000000
}

footer .text-dark {
    color: #000 !important
}

footer .social-media-icons li a i {
    width: 25px;
    height: 25px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    background-color: #3d3d3d;
    transition: all .3s ease-in-out 0s
}

footer .social-media-icons li a i::before {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #000000
}


.browse_design {
    background: #CC0000;
    border-color: #CC0000 !important
}

.browse_design a {
    color: #fff !important
}

.browse_design a span {
    color: #fff !important
}

.browse_design a i {
    background: rgba(0, 0, 0, 0) !important
}

.browse_design:hover {
    background: rgba(0, 0, 0, 0)
}

.browse_design:hover a {
    color: #CC0000 !important
}

.browse_design:hover a span {
    color: #CC0000 !important
}

.upload_design {
    background: #000000;
    border-color: #000000 !important
}

.upload_design a {
    color: #fff !important
}

.upload_design a span {
    color: #fff !important
}

.upload_design a i {
    background: rgba(0, 0, 0, 0) !important
}

.upload_design:hover {
    background: rgba(0, 0, 0, 0)
}

.upload_design:hover a {
    color: #000000 !important
}

.upload_design:hover a span {
    color: #000000 !important
}


.custom_design a {
    color: #fff !important
}

.custom_design a span {
    color: #fff !important
}

.custom_design a i {
    background: rgba(0, 0, 0, 0) !important
}

.custom_design:hover {
    background: rgba(0, 0, 0, 0)
}

.custom_design:hover a {
    color: #777 !important
}

.custom_design:hover a span {
    color: #777 !important
}

.hire_designer {
    background: #555;
    border-color: #555 !important
}

.hire_designer a {
    color: #fff !important
}

.hire_designer a span {
    color: #fff !important
}

.hire_designer a i {
    background: rgba(0, 0, 0, 0) !important
}

.hire_designer:hover {
    background: rgba(0, 0, 0, 0)
}

.hire_designer:hover a {
    color: #555 !important
}

.hire_designer:hover a span {
    color: #555 !important
}

.quote_product {
    background: #a5a5a5;
    border-color: #a5a5a5 !important
}

.quote_product a {
    color: #fff !important
}

.quote_product a span {
    color: #fff !important
}

.quote_product:hover a {
    color: #a5a5a5 !important
}

.quote_product:hover a span {
    color: #a5a5a5 !important
}


.btn-title-text.browse_design {
    background: #CC0000 !important;
    border: 1px solid #CC0000 !important
}

.btn-title-text.browse_design a .h4,
.btn-title-text.browse_design a i {
    color: #fff !important
}

.btn-title-text.browse_design:hover a .h4,
.btn-title-text.browse_design:hover a i {
    color: #CC0000 !important
}

.btn-title-text.upload_design {
    background: #000000 !important;
    border: 1px solid #000000 !important
}

.btn-title-text.upload_design a .h4,
.btn-title-text.upload_design a i {
    color: #fff !important
}

.btn-title-text.upload_design:hover {
    background: rgba(0, 0, 0, 0) !important
}

.btn-title-text.upload_design:hover a .h4,
.btn-title-text.upload_design:hover a i {
    color: #000000 !important
}

.btn-title-text.custom_design {
    background: #777 !important;
    border: 1px solid #777 !important
}

.btn-title-text.custom_design a .h4,
.btn-title-text.custom_design a i {
    color: #fff !important
}

.btn-title-text.custom_design:hover {
    background: rgba(0, 0, 0, 0) !important
}

.btn-title-text.custom_design:hover a .h4,
.btn-title-text.custom_design:hover a i {
    color: #777 !important
}

.btn-title-text.hire_designer {
    background: #555 !important;
    border: 1px solid #555 !important
}

.btn-title-text.hire_designer a .h4,
.btn-title-text.hire_designer a i {
    color: #fff !important
}

.btn-title-text.hire_designer:hover {
    background: rgba(0, 0, 0, 0) !important
}

.btn-title-text.hire_designer:hover a .h4,
.btn-title-text.hire_designer:hover a i {
    color: #555 !important
}

.btn-title-text.quote_product {
    background: #a5a5a5 !important;
    border: 1px solid #a5a5a5 !important
}

.btn-title-text.quote_product a .h4 {
    color: #fff !important
}

.btn-title-text.quote_product:hover {
    background: rgba(0, 0, 0, 0) !important
}

.btn-title-text.quote_product:hover a .h4 {
    color: #a5a5a5 !important
}



.flip3d .card-header h3 {
    font-family: "OpenSans-SemiBold", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    color: #555
}

.flip3d .card-header a:hover h3 {
    color: #000000
}

.product-box .card .card-body .card-title {
    font-family: "OpenSans-Bold", sans-serif;
    color: #3d3d3d !important
}

.product-box .card.slide-hover .card-body .card-title,
.product-box .card.triangle-slide-overlay .card-body .card-title {
    color: #fff !important
}

.product-box .card.slide-hover .card-body .card-text,
.product-box .card.triangle-slide-overlay .card-body .card-text {
    color: #fff
}

.product-box .card.slide-hover .card-body .card-text strong,
.product-box .card.triangle-slide-overlay .card-body .card-text strong {
    color: #fff
}

.product-box .card.slide-hover .card-body .card-title {
    background: #000000 !important
}

.product-box .card.slide-hover .card-body .card-title:after {
    background: #333232
}

.product-box .card.slideup:hover {
    border-color: #CC0000
}

.product-box .card.slideup .card-body {
    background: #CC0000 !important
}

.product-box .card.slideup .card-body .card-title {
    color: #fff !important
}

.slide-hover .card-title {
    color: #fff !important
}

.hover-box-shadow .card-title {
    color: #555 !important;
    font-family: "OpenSans-SemiBold", sans-serif;
    font-size: 16px;
    font-size: 1rem
}


.cart a {
    font-size: 24px
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background: #000000
}

.treeview li .act {
    color: #CC0000 !important
}

.treeview li a:hover {
    color: #CC0000 !important
}

#category_list a:hover,
#category_list a.act {
    color: #CC0000
}

#designer_template_category li a:hover,
#designer_template_category li a.p_act {
    color: #CC0000
}

.form-control:focus+.input-group-append .input-group-text {
    border-color: #000000
}

.form-control:focus~.col-form-label {
    color: #000000
}

.breadcrumb_container .breadcrumb li a {
    color: #333
}

.breadcrumb_container .breadcrumb li a:hover {
    color: #CC0000
}

.breadcrumb_container .breadcrumb li.active .a {
    color: #CC0000
}

.media-filter li a {
    border-color: #777;
    color: #777
}

.media-filter li a:hover,
.media-filter li a.selected {
    background: #777 !important;
    color: #fff !important
}



#product_price h4,
#faq_details h4 {
    color: #CC0000 !important
}

.top-header .bg-info {
    background-color: #000000 !important
}


@media only screen and (min-width: 768px) {
    .popover.show {
        max-width: 350px !important
    }
}

.call-help a {
    color: #000000
}

.call-help a .text-call {
    color: #777
}

.call-help a .text-bold {
    font-size: 16px;
    font-size: 1rem
}

.call-help a:hover,
.call-help a:focus {
    color: #CC0000
}

.call-help a:hover .text-bold,
.call-help a:focus .text-bold {
    color: #CC0000
}

.call-help a:hover .text-call,
.call-help a:focus .text-call {
    color: #CC0000
}



#sitemap ul li a:hover {
    color: #CC0000
}

.bg-light {
    background-color: #e9e9e9 !important
}

.middle_inner_section .card,
#product_list_without_category .card {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 0 !important;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

/*# sourceMappingURL=theme.css.map */

.myAccountSidebar .card{
    padding: 1.5rem 1rem !important;
}


.home_page_body .body-container {
    display: block;
    margin-bottom: 1.5rem;
  }
  
  
  #corporate_login {
   width: calc(100% + 32px);
   margin-left: -16px;
   background-position: right;
  }
  
  #corporate_login h2 {
    color: #CC0000;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0;
  }
  
  #corporate_login .row {
    padding-inline: 1rem;
  }
  
  #corporate_login .row .col-12 {
   position: relative;
   margin-left: 0;
   margin-right: auto;
   background: #fbeded;
   border-radius: 20px 20px 0px 0px;
   padding: 1.7rem 1.7rem 5.5rem 1.7rem;
  }
  
  #corporate_login .row .col-12::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-size: contain;
   pointer-events: none;
  }
  
  #corporate_login .corp_login_form {
   background: transparent !important;
  }
  
  #corporate_login .corp_login_form #login_sidebar {
   background: transparent;
   border: 0;
  }
  
  #corporate_login .corp_login_form #login_sidebar .input-group {
   position: relative;
  }
  
  #corporate_login .corp_login_form #login_sidebar input {
   background: #ffffff;
   border-radius: 10px;
   padding-left: 3rem;
   border: 0;
  }
  
  #corporate_login .corp_login_form #login_sidebar .input-group .input-group-append {
   position: absolute;
   left: 0;
   top: 50%;
   transform: translatey(-50%);
   height: 100%;
  }
  
  #corporate_login .corp_login_form #login_sidebar .input-group .input-group-append .input-group-text {
      background: transparent !important;
      border: 0;
      padding: 1.5rem;
  }
  
  #corporate_login .corp_login_form #btnlogin {
   max-width: 126px;
   display: table;
   margin-inline: auto;
   height: auto;
   background: #CC0000;
   border: 0;
   border-radius: 10px;
   padding: 0.8rem 1.2rem;
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.362rem;
   text-align: center;
  }
  
  #corporate_login .corp_login_form #login_sidebar a.btn {
      display: none;
  }
  
  #corporate_login .corp_login_form #login_sidebar input + .fal::selection {
      background: #0221c4;
      color: #000 !important;
  }
  
  #corporate_login .corp_login_form #login_sidebar .card-body {
      padding-inline: 0rem;
  }
  
  .awesome-bar {
      background: #CC0000 !important;
  }
  
  .awesome-bar::after {
      background: transparent;
  }
  
  .awesome-bar_container{
      padding:0;    
  }
  
  .awesome-bar p {
      margin-bottom: 0;
      padding-block: 0.3rem;
      text-align: center;
      font-size: 1.15rem;
      font-weight: 700;
      line-height: 1.5rem;
      color: #000000;
  }
  
  .main_background {
    background: #FFF;
  }
  
  footer.border-top {
    background: #CC0000 !important;
  }

  .breadcrumb_container .breadcrumb li.active .a {
    color: #e20000;
  }
  
  .product-box a.btn,
  #product_list_without_category .btn{
    background: #CC0000;
    border: #CC0000;
    box-shadow: 0 0.5rem 1.313rem rgba(0 0 0 /16%);
    padding: 0.313rem 1.375rem;
    font-size: 1rem;
  }
  
  .home_page_body #middle-content h1,
  #middle-content h1::after{
      display: none;
  }
  
  .page-header{
      margin-bottom: 0.5rem !important;    
  }
  
  .page-header h1{
      border: none !important;    
      font-size: 1.875rem;
      line-height: 2.553rem;
      color: #000000;
  }
  
  #top-banner{
      z-index: 0;
  }
  
  #top-banner .carousel-caption {
    top: 60% !important;
    bottom: auto !important;
    transform: translateY(-50%);
  }
  
  #top-banner .carousel-caption h1 {
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    line-height: 2.5rem !important;
  }
  
  #top-banner .carousel-caption h1 span {
    color: #CC0000;
    font-size: 2.625rem !important;
  }
  
  .top-header{
      background: transparent !important;
  }
  
  .top-header .row .bg-info{
    background: #e20000 !important;
      padding: 0.4rem 0;
  }
  
  .home_page_body .middle-header {
    position: absolute;
    left: 0;
    width: 100%;
    background: transparent !important;
      z-index: 1;
    border: 0 !important;
    padding: 0 !important;
    top: 30px;
  }
  
  .top-header {
   background: transparent !important;
   margin-bottom: -58px;
   z-index: 2;
   position: relative;
   border: 0 !important;
  }
  
  .middle-header .navbar {
    background: transparent;
  }
  
  .navbar .navbar-nav .nav-item > .nav-link:hover::before {
    background-color: #CC0000 !important;
  }
  
  .HomePage_Title {
    margin-bottom: 0 !important;
  }
  
  .middle-header .row {
    align-items: center !important;
  }
  footer .text-dark {
    color: #fefefe !important;
  }
  
  .product-box .card .card-body .card-title {
    font-family: "OpenSans-Bold",sans-serif;
    color: #CC0000!important;
  }
  
  footer .social-media-icons li a i{
      background: #000000 !important;
  }
  
  footer .social-media-icons li a i::before {
    color: #CC0000;
    background: #000000;
  }
  
  #top-banner span .img-fluid {
    height: 380px;
    object-fit: cover;
  object-position: right;
  }
  
  .home_page_body .middle-header .navbar i.fas,
  .home_page_body .middle-header .navbar i.fal{
    color: #fff !important;
  }
  
  .middle-header .navbar i.fas,
  .middle-header .navbar i.fal{
      color: #b10d0d;
  }
  
  .middle-header .navbar li.nav-item.dropdown .nav-link span{
      color: #b10d0d;
  }
  
  .middle-header .navbar-brand {
      max-width: 155px;
      
  }

  .home_page_body .middle-header .navbar-brand{
    background: #fff;
    padding: 10px !important;
    border-radius: 15px;
  }
  
  .awesome-bar_close {
    top: 8px;
  }
  
  .top-header .navbar-text, 
  .top-header .navbar-text a,
  .awesome-bar .awesome-bar_close{
   color: #fff !important;
  }
  
  .header-content-bg {
      background: url("https://d29hz7my4l83cj.cloudfront.net/salesdemo/images/contentimages/images/header_content.png") repeat-x center;
    background-size: auto;
    min-height: 40px;
    background-size: cover;
  }
  
  .middle-header {
    background: #FFF5F5 !important;
  }
  
  .home_page_body .middle-header{
      background: transparent !important;
  }
  
  .home_page_body .header-content-bg {
    display: none;
  }
  
  .prdSorting .view_product .btn:nth-child(2) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  
  #corporate_login .corp_login_form #login_sidebar input:focus + .input-group-append {
    z-index: 99;
    pointer-events: none;
  }
  
  #corporate_login .corp_login_form #login_sidebar .input-group label {
    color: #1C1C1C;
    background: transparent;
  }
  
  #corporate_login .corp_login_form #login_sidebar .input-group input.input-valid + .input-group-append + .input-group-require + label{
      border: #1C1C1C;
    background: transparent;
  }
  
  .middle-header .navbar .navbar-nav .nav-item.show > .nav-link {
    background: transparent !important;
  }
  
  .middle-header .navbar .navbar-nav .nav-item.show .dropdown-menu {
    box-shadow: none !important;
  }
  
  .top-header .navbar-text .dropdown-item{
      color: #000000 !important;
  }
  
  .home_page_body #middle-content {
      margin-top: -7%;
  }
  #corporate_login .corp_login_form #login_sidebar .input-group label {
    padding-left: 3.125rem;
  }
  
  #corporate_login .corp_login_form #login_sidebar input.input-valid ~ .col-form-label{
     Padding-left: 0.3rem; 
  }
  
  .btn-info:hover, .btn-info:focus, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active:focus{
      background: #DF8500 !important;
      border: #DF8500 !important;
  }
  footer .social-media-icons li a i:hover::before {
    color: #DF8500;
  }
  
  .scroll-top {
    background: #000000 !important;
  }
  .scroll-top .fa-angle-up::before {
    color: #CC0000 !important;
  }
  
  footer .social-media-icons {
    display: none;
  }
  
  #top-banner .carousel-caption h1 a {
    color: #CC0000 !important;
  }
  #top-banner .carousel-caption h1 a:hover{
      color: #CC0000 !important;    
  }
  
  #corporate_login .row .col-12 [data-toggle="fancybox"] {
    color: #CC0000;
  }
  
  #corporate_login .row .col-12 [data-toggle="fancybox"]:hover {
    color: #FFF;
  }
  #user_order #frm_search_tmp {
    float: none !important;
    display: flex;
    justify-content: right;
  }
  
  #user_order #frm_search_tmp #order_search {
    width: 28%;
    padding-right: 0.7rem;
  }
  
  #user_order #frm_search_tmp .btn-group a.btn {
    padding-block: 0.57rem;
  }
  
  #user_order #frm_search_tmp .dropdown.bootstrap-select {
    width: 40%;
    margin-right: 1%;
  }
  
  #user_order #frm_search_tmp #order_search {
    width: 100%;
    margin-right: 2%;
    max-width: 42%;
  }
  
  .navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item {
    color: #000000 !important;
  }
  
  
  @media (min-width: 768px){
      #corporate_login .row .col-12{
          max-width: 513px;
          flex: 0 0 513px;
          width: 100%;
      }
      #corporate_login .row .col-12 {
          padding: 3.7rem 3.7rem 4.5rem 3.7rem; 
      }
      #corporate_login .corp_login_form #login_sidebar .card-body {
          padding-inline: 1rem;
      }
      #corporate_login .corp_login_form #btnlogin{
          padding: 1rem 1.6rem;
      }
      #corporate_login h2 {
          font-size: 1.875rem;
          line-height: 2.553rem;
      }
      .awesome-bar p {
          margin-bottom: 0;
          text-align: center;
          font-size: 1.25rem;
          line-height: 1.703rem;
      }
      
      .middle-header .navbar-brand {
          max-width: 125px;
      }
      #top-banner span .img-fluid {
          min-height: 25rem;
          object-fit: cover;
          object-position: top;
      }
      #top-banner .carousel-caption h1 {
        font-size: 2rem !important;
        font-weight: 400 !important;
        line-height: 2.724rem !important;
      }
      .home_page_body .middle-header .navbar .nav-link span {
        color: #FFF !important;
        font-size: 1.125rem !important;
      }
      #user_order #frm_search_tmp .dropdown.bootstrap-select {
          width: 220px;
      }
      #user_order #frm_search_tmp .dropdown.bootstrap-select {
          margin-bottom: 0px;
      }
      #user_order #frm_search_tmp #order_search {
          width: 34%;
          margin-right: 0px;
      }
  }
  
  @media (min-width: 992px){
      #middle-content {
          min-height: calc(100vh - 252px);
      }
      #top-banner span .img-fluid {
          height: 440px;
      }
  }
  
  @media (min-width: 1024px){
      #top-banner span .img-fluid {
          min-height: auto;
          object-fit: cover;
          object-position: top;
      }
      .middle-header .navbar-brand {
          max-width: 150px;
      }
      .home_page_body #middle-content {
          min-height: calc(100vh - 455px);
      }
      #middle-content {
          min-height: calc(100vh - 291px);
      }
      
  }
  @media (min-width: 1200px){
      .home_page_body #middle-content {
          min-height: calc(100vh - 443px);
      }
       #middle-content {
          min-height: calc(100vh - 291px);
      }
  }
  @media (min-width: 1440px) {
    .home_page_body #middle-content {
      min-height: calc(100vh - 431px);
    }
    
  }