@charset "utf-8";
/* CSS Document */

body{background:#00436b url(../image/body-bg.gif) repeat-x}
.bottom-50{margin-top:50px !important;}
#phont-tp{margin-top:80px; font-size:1.8em; color:#f30;}
.white-bg{ background:#fff; padding:15px 0;}
.padding-remove{ padding:0px !important;}
.top-heading-bg {
    background: url(../image/welcome.png) no-repeat top left;
    min-height: 52px;
    top: -19px;
    padding: 60px 10px 0;
    font-size: 12px;
	position:relative;
}
ul.nav.navbar-nav li a:hover {
    color: #000;
}
.footers{ background:#012f4a; color:#2798dc; padding:10px; }
.footers a { color:#2798dc; }
.footer-copyrights{ background:#024d79; color:#2798dc; padding:10px !important; vertical-align:middle;}
.footers h4 {
    font-size: 25px;
}
.fb-link {
    border: 0;
    text-decoration: none;
    background: url(../image/facebook_icon.png) no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-left: 20px;
    margin-bottom: -12px;
}
.welcome-text p {
    font-size: 13px;
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 10px;
}
.mid-container{ background:#fff; padding:10px 0;}
.mid-container h3{ color:#ee2b33 !important}
.mid-container .col-lg-4 img{ margin-top:30px; width:98% !important; border:10px #ccc solid !important;}
.mid-container p{line-height:25px !important; font-size:14px;}
.mid-container li{ padding:8px 0px;}
.mid-container h5{ font-weight:bold; font-size:13px; padding:10px 0px;}
.submit-btn{ border:none; width:120px; padding:20px; text-align:center; border-radius:5px;}
.navbar-nav>li {
    float: left;
	background:url(../image/menu-sep.gif) no-repeat right;
	font-weight:bold;
	color:#000;
	font-size:13px;
}
.navbar-nav > li a{ color:#000 !important;}
.navbar-inverse .navbar-nav >.active >a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#258dc8+0,1d309b+100 */
background: #258dc8 !important; /* Old browsers */
background: -moz-linear-gradient(top, #258dc8 0%, #1d309b 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #258dc8 0%,#1d309b 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #258dc8 0%,#1d309b 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#1d309b',GradientType=0 )!important; /* IE6-9 */
color:#fff !important;
border-radius:0px;
}


/* Standard Cleaning */

.Cleaning{display: block; padding: 9.5px; background-color: #f5f5f5; border: 1px solid #ccc; margin-bottom: 25px; border-radius:4px;}
.Cleaning li{
	font-size: 13px;
	color: #333;
	padding-bottom:2px;
	padding-left:20px;
	list-style:none;
}
.Cleaning strong{text-transform:uppercase; font-size:18px; padding-bottom:7px; display:block;}
h3.OriRugs{text-transform:uppercase; font-size:18px; padding-bottom:7px; display:block; color:#000 !important;}
/* Standard Cleaning */
.Copyright{text-align:center; background:#024d79;}
.Copyright a{font-weight:600; color:inherit;}

.dropdown-menu>li>a{ padding:8px 20px !important; font-size:13px; text-transform:capitalize!important;}
@media(max-width:480px){
.top-heading-bg {
    background:#4c4c4c url(../image/welcome-mobile.png) no-repeat top left;
    min-height: 30px;
    padding: 43px 10px 0;
    font-size: 12px;
	top:3px;
	margin-top:10px;
	margin-bottom:20px;
	display:none;
}
	
.navbar-toggle{ background:#333 !important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
    width: 100% !important;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #333;
}
  .welcome-text{ padding:10px 0 0;}
	.welcome-text p {
    font-size: 13px;
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
}
	.logomain img{width:100%;}
	#phont-tp img{width:100%;}
	#phont-tp{ margin-top:10px;}
	.nav-pills>li+li {
    margin-left: 2px;
    width: 100% !important;
}
}


@media only screen and (min-width: 0px) and (max-width: 480px){
	.mid-container pre{
		border:1px solid #f00;
		text-align:left;
	}
}

/* 2026 responsive compatibility pass */
html, body { max-width: 100%; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
iframe, video, embed, object { max-width: 100%; }
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
input, select, textarea { max-width: 100%; }
.navbar-brand img { max-width: 100%; height: auto; }
.logomain img, #phont-tp img { height: auto; }

@media (max-width: 767px) {
  body { padding-bottom: 64px; }
  .container { width: auto; padding-left: 15px; padding-right: 15px; }
  .navbar-nav>li { float: none; width: 100%; background-image: none; }
  .navbar-nav { margin: 7.5px 0; }
  .navbar-header { min-height: 50px; }
  .navbar-brand { max-width: calc(100% - 60px); height: auto; }
  .navbar-brand img { max-height: 42px; width: auto; }
  .logomain, #phont-tp { text-align: center; }
  #phont-tp { margin-top: 8px; font-size: 1.25em; }
  #phont-tp img { max-width: 280px; }
  h1 { font-size: 28px; line-height: 1.2; }
  h2 { font-size: 23px; line-height: 1.25; }
  h3 { font-size: 20px; line-height: 1.3; }
  .mid-container p, .welcome-text p { font-size: 15px; line-height: 1.65 !important; }
  .mid-container .col-lg-4 img { width: 100% !important; margin-top: 15px; border-width: 5px !important; }
  .footers { text-align: center; }
  .footers ul { padding-left: 0; }
  .footers li { list-style-position: inside; }
  .footers li > p { display: inline; }
  .footers iframe { width: 100% !important; max-width: 340px; }
  .botom-mobile-strip-fixed { width: 100% !important; left: 0 !important; right: 0 !important; box-sizing: border-box; }
  .botom-mobile-strip-fixed .btn { min-height: 44px; padding: 11px 14px !important; margin: 7px 2px !important; }
}

@media (min-width: 481px) and (max-width: 991px) {
  .logomain, #phont-tp { text-align: center; }
  #phont-tp { margin-top: 15px; }
  .mid-container .col-lg-4 img { width: 100% !important; }
}


/* 2026 mobile top contact actions */
.mobile-top-actions { display: none; }
@media (max-width: 767px) {
  body { padding-bottom: 0; }
  #phont-tp { display: none !important; }
  .mobile-top-actions {
    display: flex !important;
    clear: both;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px 0 12px;
  }
  .mobile-top-actions .btn {
    min-height: 44px;
    padding: 11px 14px;
    font-size: 18px;
    line-height: 22px;
  }
  .botom-mobile-strip-fixed { display: none !important; }
}

/* 2026 mobile top action refinement - mobile only */
@media (max-width: 767px) {
  .mobile-top-actions {
    justify-content: center !important;
    gap: 10px !important;
    padding: 10px 8px 14px !important;
    box-sizing: border-box;
  }
  .mobile-top-actions .btn {
    background-color: #003f73 !important;
    border-color: #00345f !important;
    min-height: 48px !important;
    padding: 12px 17px !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    text-align: center !important;
    border-radius: 5px !important;
  }
  .mobile-top-actions .btn:hover,
  .mobile-top-actions .btn:focus {
    background-color: #00345f !important;
    border-color: #002b50 !important;
  }
  .mobile-top-actions .mobile-phone-icon {
    color: #d71920 !important;
    font-size: 21px !important;
    vertical-align: -1px;
  }
  .botom-mobile-strip-fixed { display: none !important; }
}

/* Desktop protection: mobile contact controls must never appear on desktop */
@media (min-width: 768px) {
  .mobile-top-actions { display: none !important; }
}

/* 2026 mobile action sizing/spacing refinement - mobile only */
@media (max-width: 767px) {
  .mobile-top-actions {
    justify-content: center !important;
    gap: 24px !important;
    padding: 12px 10px 18px !important;
  }
  .mobile-top-actions .btn {
    min-height: 58px !important;
    padding: 17px 22px !important;
    font-size: 22px !important;
    line-height: 24px !important;
  }
  .mobile-top-actions .mobile-phone-icon {
    font-size: 25px !important;
  }
}

/* Mobile-only: separate the two top action buttons */
@media (max-width: 767px) {
  .mobile-top-actions {
    justify-content: space-between !important;
    gap: 16px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .mobile-top-actions .mobile-phone-button { margin-right: auto !important; }
  .mobile-top-actions .mobile-book-button { margin-left: auto !important; }
}


/* V12: mobile-only Request a Quote directly below header Call Now area */
.mobile-request-quote { display: none; }
@media (max-width: 767px) {
  .mobile-request-quote { display: block; clear: both; text-align: center; margin: 6px auto 14px; }
  .mobile-request-quote a { display: inline-block; background: #003f6b; color: #fff !important; font-size: 18px; font-weight: 700; line-height: 22px; padding: 12px 28px; border-radius: 6px; text-decoration: none !important; }
}

/* Mobile service pages: hide legacy Get Instant Quote image. Desktop unchanged. */
@media (max-width: 767px) {
  .service-mobile-hide-quote {
    display: none !important;
  }
}

/* Mobile service pages: hide Gold Member number. Desktop unchanged. */
@media (max-width: 767px) {
  .service-mobile-hide-gold-member {
    display: none !important;
  }
}

/* Mobile service pages: keep an even white frame around the service carousel. */
@media (max-width: 767px) {
  .service-mobile-image-frame {
    padding: 15px !important;
  }
  .service-mobile-image-frame > .col-lg-12 {
    padding: 0 !important;
  }
  .service-mobile-image-frame .welcome-text {
    display: none !important;
  }
  .service-mobile-image-frame .carousel,
  .service-mobile-image-frame .carousel-inner,
  .service-mobile-image-frame .carousel-inner > .item > img {
    margin: 0 !important;
  }
  .service-mobile-image-frame .carousel-inner > .item > img {
    width: 100% !important;
    height: auto !important;
  }
}

/* 2026-09 cross-device compatibility safeguards.
   Mobile/tablet only: preserve the existing desktop layout and visual design. */
@media (max-width: 767px) {
  /* Legacy inline form widths must never force horizontal scrolling. */
  #textfield4,
  #textarea,
  .form-control,
  input,
  select,
  textarea {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Keep mobile action controls inside narrow 320px-class viewports. */
  .mobile-top-actions {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .mobile-top-actions .btn {
    max-width: calc(50% - 8px) !important;
    box-sizing: border-box !important;
    white-space: normal !important;
  }

  /* Long labels/URLs should wrap instead of widening the page. */
  .container,
  .container-fluid,
  .row,
  footer,
  main,
  section,
  article {
    overflow-wrap: break-word;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* Tablet safeguard for legacy fixed-width form controls. */
  .form-control,
  input,
  select,
  textarea {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}