@charset "utf-8";
 @import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap"); html body header, html body article{ z-index:1; position:relative; }
html body .bg-frame{ font-family: 'Raleway', sans-serif !important; direction: ltr; font-size:14px; color:#212121; font-weight:600; line-height:26px; padding:0px; margin:0px; -webkit-font-smoothing: antialiased; }
html body .bg-frame html, html body .bg-frame iframe, html body .bg-frame a{ margin:0px; padding:0px;font-family: 'Raleway', sans-serif; }
html body .bg-frame article, html body .bg-frame aside,html body .bg-frame details,html body .bg-frame figcaption,html body .bg-frame figure,html body .bg-frame footer,html body .bg-frame header,html body .bg-frame main,html body .bg-frame menu,html body .bg-frame nav,html body .bg-frame section,html body .bg-frame summary { padding:0px; display:block;font-family: 'Raleway', sans-serif; }
html body .bg-frame p { margin:0px; padding-bottom:15px; }
html body .bg-frame a { font-weight: 600!important;color:#000; transition: all 0.2s ease-out; text-decoration: none; background-color: transparent;}
html body .bg-frame a:hover{ text-decoration:none; }
html body .bg-frame a:focus{ text-decoration:none; }
html body .bg-frame a:visited { text-decoration:none; }
html body .bg-frame a:active, a:hover { outline: 0; }
html body .bg-frame a, a:hover, a:focus, a:active, a:visited { outline:none; }
html body .bg-frame a img, a:hover img, img, a input { text-decoration:none; }
html body .bg-frame a img, img, input[type=checkbox], input[type=radio], iframe { border:none; }
html body .bg-frame ul { margin:0px; padding:0px; }
html body .bg-frame #stain10001002 ul li{list-style: none;}
html body .bg-frame #right-column ol{padding-left: 18px!important;}
html body .bg-frame #right-column ol li{list-style: inherit!important;list-style-type: decimal;
font-weight: 600!important;}
html body .bg-frame article,html body .bg-frame aside,html body .bg-frame details,html body .bg-frame figcaption,html body .bg-frame figure,html body .bg-frame footer,html body .bg-frame header,html body .bg-frame hgroup,html body .bg-frame menu,html body .bg-frame nav,html body .bg-frame section { display:block; font-family: 'Raleway', sans-serif;}
html body .bg-frame article{ padding:0px; }
html body .bg-frame img { max-width:100%; border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
html body .bg-frame *:before, html body .bg-frame *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .bg-frame ::selection { background-color:#9e9e9e; color:#757575; }
html body .bg-frame h1 {  font-size:30px; font-family: 'Raleway', sans-serif !important; margin:0px; color:#FFF; font-weight:bold; padding-bottom:10px;padding-top: 20px!important; }
html body .bg-frame h2 {  font-size:33px; font-family: 'Raleway', sans-serif !important; margin:0px; color:#222222!important; padding-bottom:30px;line-height: 40px; }
html body .bg-frame h3 {  font-size:25px; font-family: 'Raleway', sans-serif !important; margin:0px; color:#222222!important; padding-bottom:15px;line-height: 35px;font-weight:500; text-align:center; }
html body .bg-frame .iframe-wrapper{margin:20px 0px;max-width:none;}
html body .bg-frame .searchbox input#search121 {    width: 100%; padding: 3px 5px; height: 35px; min-height: 35px; max-height: 35px; margin: 0px;
border-radius: 0px; font-family: Overpass; font-size: 14px; font-weight: 400;  line-height: 1.6; text-transform: none; color: #444444;font-style: normal;font-size: 14px;font-style: normal;}  html body .bg-frame *, html body .bg-frame ::after, html body .bg-frame ::before {
box-sizing: border-box;
}
html body .bg-frame:before{ 
top:5%; 
left:0px; 
height:92%; 	
width:22px; 
content:" "; 
position:absolute; 
background:url(//surfacecarepros.com/include_files/img/bg-left.png) repeat-y left top; 
}	
html body .bg-frame:after{ 
top:5%; 
right:0px; 
height:92%; 	
width:23px; 
content:" "; 
position:absolute; 
background:url(//surfacecarepros.com/include_files/img/bg-right.png) repeat-y left top; 
background-size:100%;
}	
html body .bg-frame header{
color:#FFF;
text-align:center;
padding:35px 0px 28px 0px;
background:url(//surfacecarepros.com/include_files/img/bg-header-top.png) no-repeat left top #12140c;
}
html body .bg-frame header:before{ 
top:0px; 
left:-22px; 
width:40px; 
content:" "; 
height:40px; 	
position:absolute; 
background:url(//surfacecarepros.com/include_files/img/left-corner.png) no-repeat left top; 
}	
html body .bg-frame header:after{ 
top:0px; 
width:22px; 
content:" "; 
height:40px; 	
right:-22px; 
position:absolute; 
border-radius:0px 25px 0px 0px; background:url(//surfacecarepros.com/include_files/img/right-corner.png) no-repeat left top; 
}  html body .bg-frame article{
padding-bottom:22px;
background:url(//surfacecarepros.com/include_files/img/bg-bottom.png) repeat-x left bottom;
background-color:#fff;
}
html body .bg-frame article:before{ 
left:-22px; 
width:40px; 
content:" "; 
height:40px; 	
bottom:-7px;
position:absolute; 
background:url(//surfacecarepros.com/include_files/img/bottom-left-corner.png) no-repeat left top; 
}	
html body .bg-frame article:after{ 
width:40px; 
content:" "; 
height:39px; 	
right:-29px; 
bottom:-7px;
position:absolute; 
background:url(//surfacecarepros.com/include_files/img/bottom-right-corner.png) no-repeat right top; 
}	
html body .bg-frame{	
margin:0px auto;
max-width:558px;
position:relative;
border-radius:24px;
padding:0px 22px 0px 22px;
box-shadow:4px 4px 4px rgb(0,0,0,0.4); } html body .bg-frame .container{ 
width:100%;
padding:0px; 
position:relative;
}	
@media only screen and (max-width:1920px) and (min-width:569px) {
html body .bg-frame > article > .container:after{ 
top:0px; 
left:0px; 
width:170px; 
content:" "; 
height:100%;
max-height:702px; 	
position:absolute; 
background-color:#dbdad9;
}	
}  html body .bg-frame #left-column{
float:left;text-align: left;
width:170px;
height:100%;
z-index:1;
max-height:512px;
font-weight:bold;
position:absolute;
text-transform:uppercase;
padding:115px 0px 0px 20px;
box-shadow:inset 3px 0px 3px rgba(0,0,0,0.5);
}
html body .bg-frame #left-column ul.menu-left-col{ list-style:none;padding-left: 5px; }	
html body .bg-frame #left-column ul.menu-left-col > li{ padding-bottom:10px; list-style: none;}
html body .bg-frame #left-column ul.menu-left-col > li.active > a, html body #left-column ul.menu-left-col > li:hover > a{ color:#8c2300; }  html body .bg-frame #right-column{
height:100%;text-align: left;
max-height:511px;
position:relative;
margin-left:185px;
overflow-y:scroll;
padding:50px 5px 0px 0px;
}
html body .bg-frame .more_space{ margin-top:20px; }
html body .bg-frame .icon-print{	
top:18px;
right:20px;
width:36px;
height:36px;
float:right;
position:absolute;
text-indent:-999em;
background:url(//surfacecarepros.com/include_files/img/icon-print.png) no-repeat left top;
}	
html body .bg-frame .back_btn{	
top:18px;
height:36px;
float:right;
position:absolute;
}
html body .bg-frame .stain_details iframe{ width:100%; }  @media (max-width:568px){
html body .bg-frame #left-column{ max-height:none; position:inherit; float:none; width:auto; height:auto; padding:10px 20px; background-color:#dbdad9; }
html body .bg-frame #left-column ul.menu-left-col > li{ display:inline; }
html body .bg-frame #left-column ul.menu-left-col > li:not(:last-child){ padding-right:19px; }
html body .bg-frame #right-column{ margin-left:10px; max-height:455px; }
html body .bg-frame .stain_details ul{ list-style:none; }
}	
@media (max-width:544px){
html body .bg-frame #left-column ul.menu-left-col > li:not(:last-child){ padding-right:10px; }
}	
@media (max-width:533px){
html body .bg-frame #left-column ul.menu-left-col > li:not(:last-child){ padding-right:7px; }
}			
@media (max-width:480px){
html body .bg-frame{ background-size:auto; }
html body .bg-frame #left-column{ padding:10px 15px; }
html body .bg-frame #left-column ul.menu-left-col > li{ display:block; padding-bottom:0px; }
html body .bg-frame #right-column{ max-height:419px; }
}	
@media (max-width:384px){
html body .bg-frame #right-column{ max-height:383px; }	
}
@media (max-width:393px){
html body .bg-frame header{ padding:35px 10px 28px 10px; }
html body .bg-frame h1{ line-height:35px; }
}	
@media (max-width:320px){
html body .bg-frame h1{ font-size:24px; line-height:30px; }
html body .bg-frame #right-column{ max-height:375px; }
} html body .bg-frame .stain_details{
display:none;
}
html body .bg-frame .Instructions_top {
display: flex;
margin-bottom: 22px;
}
html body .bg-frame .ustain {
width: 50%;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 5%;
cursor: pointer;
}
html body .bg-frame .instru {
width: 100%;
display: block;
text-align: center;
justify-content: flex-start;
cursor: pointer;
}
html body .bg-frame .Instructions_top img {
width: 30px;
margin-right: 5px;
}
html body .bg-frame .Instructions_top img {
width: 24px;
margin-right: 5px;
}
html body .tooltip1 {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
html body .tooltip1 .tooltiptext {
visibility: hidden;
width: 200px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0; position: absolute;
z-index: 1;
top: 25px;
left: 50px;
}
html body .tooltip1:hover .tooltiptext {
visibility: visible;
}
html body .hidediv{
display:none;
}