/* @#!!!!!! Footer Styles !!!!!#@ */

.footer {
  background-color: #312f31;
  border-top: 4px solid #f06d0c;
  padding: 30px 0;
  font-size: 13px;
}

.copyright-link {
  color: #f06d0c;
  /* padding: 10px 0; */
  padding: 0px 0;
}

footer,
footer a,
footer a:visited {
  color: #b9b9b9;
}

h1,
h2,
h3,
h4 {
  /* font-family: "Oswald", sans-serif; */ font-family: "Roboto", sans-serif;
  font-weight: 300;
  padding: 0;
  margin: 0;
  color: #f16a00;
  padding: 10px 0
}

.video-image {
  content: url("/img/video-cb23982de05d02acfbc006c77a1717e9.png");
}

.video-image:hover {
  content: url("/img/video-hover-25a037c36cbc2795a9416ef1faf132be.png");
}

.site-link a {
  display: block;
  padding-bottom: 5px;
  color: #b9b9b9 !important;
  text-decoration: none;
}

.site-link a:hover {
  display: block;
  padding-bottom: 5px;
  color: #f06d0c !important;
  text-decoration: none;
}

.verified-link {
  text-align: right;
  padding-bottom: 5px;
  gap: 5px;
}

.verified-link::before,
.verified-link::after {
  content: none !important;
}

.verified-link a {
  text-decoration: none;
}

.support-link {
  text-align: right;
  padding-bottom: 5px;
  color: #b9b9b9;
}

.support-link a {
  text-align: right;
  padding-bottom: 5px;
  color: #b9b9b9;
  text-decoration: none;
}

/* .support-link a:hover {
  text-align: right;
  padding-bottom: 5px;
  color: #f06d0c !important;
} */

.powered-by {
  text-align: right !important;
}

.facebook-link, .linkedin-link {
  font-size: large;
}


/* @#!!!!!! End of  Footer Styles !!!!!#@ */


/* @#!!!!!! Header Styles !!!!!#@ */

.common-header {
  background-color: #f06d0c;
  border-bottom: 3px solid #666;
  padding: 5px 0;
}

.top-contact {
  /* font-family: "Oswald", sans-serif; */ font-family: "Roboto", sans-serif;
  color: #fff;
}

.top-contact:hover {
  background: inherit;
  text-decoration: underline;
}

.top-contact {
  padding: 0;
  text-align: right;
  font-weight: 700;
  font-size: 16px;
  margin: 0;
}

.show {
    font-size: 1.1rem;
    color: #f06d0c;
}

/* .menu-header {
  line-height: 1; 
  background-color: #f0f0f0;
  color:red
}

.logo img {
  padding: 10px 0;
  width: 120px;
}  */

.container {
  width: 75% !important;
} 

@media (max-width: 768px) {
    .container {
  width: 100% !important;
} 
}

.logo {
  float: left;
}

.logo img {
  padding: 10px 0;
  width: 120px;
}

.header-menus {
  background-color: #f0f0f0 !important;
}

.navbar-nav {
  /* padding-left: 0px; */
  /* font-family: 'Oswald', sans-serif; */ font-family: "Roboto", sans-serif;
}

.nav-link-menu {
  font-size: 0.875rem;
  text-decoration: none;
  color: #444;
  padding: 5px 16px 10px 0;
  margin: 0;
}

.nav-link-menu:hover {
  text-decoration: none;
  color: #f16a00;
  padding: 5px 16px 10px 0;
  margin: 0;
}

.navbar-nav .order-now .nav-link {
    font-size: 1.2rem;
    
}

.order-now-menu{
  font-size: 18px;
  margin-bottom: 0;
}



/* @#!!!!!! End of  Header Styles !!!!!#@ */


/* @#!!!!!! Home page styles !!!!!#@ */

.flexGlow {
  flex-grow: 1;
}

.start-here {
  background-image: url(/img/ro-home-4c41d2172562930a00cc3d9dea732327.jpg);
  background-position: top;
  background-size: cover;
  padding: 1px 0;
}

.start {
  color: #fff;
  min-width: 280px;
}

.start {
  padding: 40px 0;
  margin: 20px 0;
}

.start h1 {
  color: #fff;
  margin-bottom: 5px;
  font-size: 42px;
  font-weight: 700;
  text-shadow: 0 1px 6px #000;
}

.start-here h1 span {
  color: #fff;
}

.start h1 span {
  display: block;
  font-size: 26px;
  padding-top: 5px;
  font-weight: 700;
}

h1 span {
  display: block;
  font-size: .6em;
  color: #4a4a4a;
  padding: 2px 0;
}

.start .order-now {
  background-color: #f06d0c;
  padding: 3px 8px 8px;
  color: #fff;
  font-size: 28px;
  text-decoration: none
}

.start .order-now:hover {
  background-color: #2e2e2e;
}


.tag-line {
  background-color: #eae9e9;
  margin-bottom: 20px;
  text-align: center;
}

.tag-line h2 {
  color: #f06d0c;
  padding: 40px;
  font-weight: 700;
  font-size: 36px;
}

.tag-line h2 b {
  font-size: 40px;
  color: #2e2e2e;
}

.reports,
.reports:visited {
  padding: 20px;
  display: block;
  color: #fff;
  position: relative;
  margin-bottom: 10px;
}

.reports-blue {
  background-color: #8fb801;
  text-decoration: none;
}

.reports-blue:hover {
  background-color: #4a4a4a;
  color: #fff;
}

.reports-orange {
  background-color: #f06d0c;
  text-decoration: none;
}

.reports-orange:hover {
  background-color: #4a4a4a;
  color: #fff;
}

.reports b {
  display: block;
}

.reports img {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.reports-more,
.reports-more:visited {
  display: block;
  padding: 20px 0;
  color: #f58634;
  text-decoration: none;
}

.reports-more:hover {
  color: #777;
  text-decoration: none;
}

.quick-links {
  padding: 10px 0;
}

.quick-links a,
.quick-links a:visited {
  display: inline-block;
  /* font-family: "Open Sans", sans-serif; */ font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 28px;
  color: #f06d0c;
  padding: 5px 0 5px 40px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAypJREFUeNq8mGFkG2EYxy+XCEcY+zQyIZQxQimhs2iNsFmtSmtT9mE2m7Fa7dPGJFqd9sum1U8b+zRmtVqZTUuZ1aJjlGPk0yjHKKMWwihhz1P/m2fXy+V5L20f/k0v7p7/7973veeeN4nfExnLIBxSmXSRVMR3vfh08fmNtE5aI/3RJk4oQQqkCukyYDTBEB9J06Tv3YLkAHBTfLdDWsEI/CA18P0JUg9GaIR0SlzzEkBeHBCegjekkzh+T5ojfVWOSD/pIekKjndJ1zBtB8Juk+QeaRUQfOcl0rABhIVzh3Gti1yryK0CuU9aJCVJy6RzpJoVP2rIsYyci/CIBOHpeIr/n5DGFCs/TxpQLNwxrBMLHuV2IFnSW1C/ID1W3C1DfMGQDyjOryJ3El65MJBZrHyezwkDiCweaS0M596C10wQhB+5cVKLdIO0p0g4AwhZ7DQwnPsWvMb9guiDVDBcS6JCdgpOthFSeTUwLryS8N4HcVCyOZ4ZPA28AC91AeN7sbdjY/XyxXXMnXVMMFvw3H9/2SjHVruKZwDzqQ3MhYhrfc+RFP05KwitwHvDJKp4kvIBmA+koRBQ6VlIiQvr4oTzSHAYEQXje+Zt3D1H0zq68GGC0+R7Zmzr+GI3qg2wJdURQvwkDaJ/keF7NhlkGwdnxAncWSUMdTrEKApCenq2aOOKXdxxFu+dHgMI6enaohiVY0LkAJEPgShFQEjPDRvT0EI96YsB8TkCYjvi2j54svcag/xCP8rx4BBGwlNASC8eiB3/8Z0G2VWxT+kUs7KxERCDCoheeLVQkf+1AfK1/JyUVoDcCfSyWog0PP5rO2RBe4SaUkSD2ymaeNnVDKaDYx4eTXgeaBU9NDsct0lTBjClqKopgnPeFSPqtevil0TTXEGD6yhgOkE4yFXBMXu87rSv4W3EJBbSKGkTu7a40Y8co8g5CQ/VTm8Br+0GVjgnemdYfYu4ZhM5Gsi5EHcTzt369UCxWsGroS42YA4KVAFdn+zwX2E6Ym3Cg8/9FBrdtHJE9vAbSVWzM0gpk7rYUGfwfihj6JOBH2pa4oeadZNm668AAwAADc/WqzxSagAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 0 8px;
  text-decoration: none;
}

.quick-links p {
  display: block;
  padding-left: 40px;
}

.quick-links p a.download {
  color: #f58634;
  font-size: 14px;
  padding: 0;
  background: none;
  font-family: inherit;
  font-family: sans-serif;
}

.quick-links a,
.quick-links a:visited {
  display: inline-block;
  font-weight: 400;
  font-size: 28px;
  color: #f06d0c;
  padding: 5px 0 5px 40px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAypJREFUeNq8mGFkG2EYxy+XCEcY+zQyIZQxQimhs2iNsFmtSmtT9mE2m7Fa7dPGJFqd9sum1U8b+zRmtVqZTUuZ1aJjlGPk0yjHKKMWwihhz1P/m2fXy+V5L20f/k0v7p7/7973veeeN4nfExnLIBxSmXSRVMR3vfh08fmNtE5aI/3RJk4oQQqkCukyYDTBEB9J06Tv3YLkAHBTfLdDWsEI/CA18P0JUg9GaIR0SlzzEkBeHBCegjekkzh+T5ojfVWOSD/pIekKjndJ1zBtB8Juk+QeaRUQfOcl0rABhIVzh3Gti1yryK0CuU9aJCVJy6RzpJoVP2rIsYyci/CIBOHpeIr/n5DGFCs/TxpQLNwxrBMLHuV2IFnSW1C/ID1W3C1DfMGQDyjOryJ3El65MJBZrHyezwkDiCweaS0M596C10wQhB+5cVKLdIO0p0g4AwhZ7DQwnPsWvMb9guiDVDBcS6JCdgpOthFSeTUwLryS8N4HcVCyOZ4ZPA28AC91AeN7sbdjY/XyxXXMnXVMMFvw3H9/2SjHVruKZwDzqQ3MhYhrfc+RFP05KwitwHvDJKp4kvIBmA+koRBQ6VlIiQvr4oTzSHAYEQXje+Zt3D1H0zq68GGC0+R7Zmzr+GI3qg2wJdURQvwkDaJ/keF7NhlkGwdnxAncWSUMdTrEKApCenq2aOOKXdxxFu+dHgMI6enaohiVY0LkAJEPgShFQEjPDRvT0EI96YsB8TkCYjvi2j54svcag/xCP8rx4BBGwlNASC8eiB3/8Z0G2VWxT+kUs7KxERCDCoheeLVQkf+1AfK1/JyUVoDcCfSyWog0PP5rO2RBe4SaUkSD2ymaeNnVDKaDYx4eTXgeaBU9NDsct0lTBjClqKopgnPeFSPqtevil0TTXEGD6yhgOkE4yFXBMXu87rSv4W3EJBbSKGkTu7a40Y8co8g5CQ/VTm8Br+0GVjgnemdYfYu4ZhM5Gsi5EHcTzt369UCxWsGroS42YA4KVAFdn+zwX2E6Ym3Cg8/9FBrdtHJE9vAbSVWzM0gpk7rYUGfwfihj6JOBH2pa4oeadZNm668AAwAADc/WqzxSagAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 0 8px;
}

.orange-links{
  color: #f58634;
  text-decoration: none;
}


.help-line {
  background-color: #2f2c2a;
  padding: 20px 0;
  color: #fff;
  margin: 40px 0;
  text-align: center;
}

.help-line h3 {
  color: #fff;
  font-size: 28px;
  line-height: 1.4em;
  padding: 10px 0;
}

.help-line h3 span {
  font-weight: 700;
  font-size: 28px;
  display: inline-block;
  color: #f06d0c;
}

.why-rooforders {
  background-color: #f06d0c;
  padding: 30px 20px;
  color: #fff;
  margin-bottom: 40px;
}

.why-rooforders h3 {
  color: #fff;
  font-size: 42px;
}

.why-rooforders h3 span {
  display: block;
  font-size: 26px;
}

.why-rooforders p {
  padding: 30px 0;
}

.why-rooforders a {
  display: inline-block;
  padding: 20px 0 20px 64px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABD1JREFUeNrUmvFnW1EUx1/TKaGEUEIIIYRSRglhlM0mhFHKKPup7D/oD2NanU72Y9mUjdkPU0ZnjNBprUpntelkOi2jTMdkzKbTWTVW2bmcO7fHuy/3vnfua3r4Cul9551P3819955zetrttsdsfaAKqAwqgPKgAVBOGfMF9B30GbQL2gC9BLU4A+lhgksj0BjoMqg/hI/foBXQMwT9GTkqARdBBdDTtht7iv5Dxxf2yYlpNgO6AerVjDkGffD5PI/X0E+dj4egaZzGTp9cH2gKdKD5bzdBD0BVHGvqs4rXNTV+D/C+fTbx2oANgNY0N38OKkec4lJl9OdnaxgHK9wQaM/nZm9AJSYoqhL6p7aH8bDAjfpMwyZ+78WgUZ/pemBy/06Ox33+c29BuZjApHJ4X2rjYeEqoCPibBGUjBlMKon3V+0I47SCE++XfeJohiHACVA6oo8ZEpeIs2gKJ5bbBnEwzwA2hb42GQDnSXwNv9eE34U1cuESqJcJrM0IuER81jrBFcjvbM/mvWIIpgKmIvgdIK+nI7pdoxcskwCqjsC4AKvE37IOruSzcY26ujUMNshRAenGveQH90IZ8BeUZ1hE0jEA5jFeaXUKlyUDFhjfT3EALpAHk1XhJsmNhplfwK4Bh4mfSRVOvfG2ox2Ga8Bt8t7zEpgiGFKOeE88NybSBpfwwBpkw6BXoJSlfzVuwZMWcCPkJPzac2cuAdW4Bc9IAh2pSZoNz61JwPcGgMsWgBsYv7SygCsqX+xi3sKLAfCKAWDJAvAY45c2KOAGlS8+ai5cF+kWZv0gs4YDUI0/n8BMlrRvXneaKaAafypBLvjlda+ZAKrx9ycw/S2t5XW3CcDrAX9v0SfXInn+bra7oPsd6hT/V/4EeZSpLga7A7rZYcyJn9g5TFPLRSWjuegTKOkg4BxZ0ILAbhmMy5z4/ZHsbiPGbNYI6I/BXnPWwuemevQR03JHoS0EFCU4TWz5lgxmw23DJya3XOqGZCdB9nn9WDTsFrBpy5VUrQu+E3CrZMt14QyCSd/qVmxVztWtGM5zLn5juvPcVpwncddggSdxmkN5fIbAPIxXm0Nxlf26GANYx+yXX95ygSFv2XQMRjNf2rylX8a5wlAd3Q8Aq0X0b5xx1tUK0o4AawzZNForKNpWeepM9e19RjAP47Kq8ujqc/cYATnA5sLW5zx8vHQqTTEElWUsYoaqrAbVxOdOqR6ue2KhauJB3Qx1hkUmzOJR5+xmCOpDEavU1ZjAqj4NPiKeMdcdROuOO4jWXXcQSWUCer8WmXu/FgN6vzIuGtvka2LWoGuvYtEB0YvjO3Xtzdp27YXtt8xgv+VEQFriEFMY9HMQD6v0U5f/f4QHV/tseMQpVHTcKVs8jU5ZXY/zNexxDpMGPMTeZrYeZy441ZIIqHani2mcVcZ8xWmmdqevICCb/RNgAE4VAeo16w/JAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 0 0;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.faqs,
.videos {
  margin-bottom: 0;
}

.faqs h3,
.videos h3 {
  font-size: 32px;
  color: #222;
  padding-top: 30px;
}

.faqs h3 span,
.videos h3 span {
  font-size: 22px;
  color: #f06d0c;
  display: block;
}

.faqs p {
  padding: 10px 0;
}

.faqs p b {
  color: #f06d0c;
  display: block;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 700;
}

.faqs p a,
.faqs p a:visited {
  display: block;
  color: #f06d0c;
  text-align: right;
  margin-top: 10px;
}

.faqs p a:hover {
  display: block;
  color: #222;
}

.clients {
  background-color: #eaeaea;
  padding: 10px 0;
  text-align: center;
}

.clients h3 {
  color: #333;
  font-size: 32px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAwCAYAAAClvqwiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAoJJREFUeNrsmttL40AUxidNjNW2KdQLssqC4IN4QcTH3f//bRGEfZO9sNa63m2t61bdega/wRDcJtMzE/twPviIlcnM6W/mzJxogp2tDUWqkD+T78hDck+96JbcJ3fx+/fQJ/KA/A+xmKuO9Qaf2YpwrQNGHZ8bmXZDwLjB9dJVADmaIU/Bb8WlMnFdjBuXAZHktAvITVjrgXxGbmN2fCkp2Ma0e0rF1fMBIis9Qx/gc/J3T0Bs4wrJS7Betd+Q3t5ApDVPbpGPyD8cp0yDcW8LbgPI06jGFcxulRmw7ucjeddBX+k+6w76WSbvkWfzBms6nsE9R1/AbOAuNIu4klEgGo7zWq+wHXKN2U/TcVwh4kr+ByJR7qVhbKeOvTI2yqIwdFzxWyBCT0ef3ivWmUErT5O0iZLgdbClxYUOXX/iuPkLONMOc/PPmEfrb5xCuki6R+BVh5M0SNcaGoT5WUO4JncweJy301os8WNGiT5A5XhCPsVKqWVndMy4Oua4T4PIDn6KYqTF3L0jQO45gPqAAq6LuEJm6j0Ccu4X1IPu4wbuWR44zPMr8hcA5mjFMCgy0zq/vzIHrHk4BTSEA+ZTcYyVVXjJX2F1cDTn4QToI885WlCWuf/LxYAe1Gbe37IF0WXuFTPMAmvUqrhn1hU1GxDDoo+0np4m8yaJFZftscjdpeueQAy4m7n5e8RawYccbmVne/+qyeEccSvh6SiVv76WLQdEtay4KqpcxWoyFZcNIppQEFHZIMIJBRGWDSKYUBBBRYmUbWUpIASEgBAQAkJAiASEgBAQAkJACAgBISAEhIAQEAJCQPiW+T/DoXp5ccu3bF/q0O94H5UB4lmAAQAeZXF+hVaXTgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  padding: 40px 80px 0 40px;
  font-weight: 700;
}

.carousel {
  height: 310px;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  justify-content: center;
}



/* @#!!!!!! End of  Home Styles !!!!!#@ */


/* @#!!!!!! Roof report Styles !!!!!#@ */

.internal-head-dark {
  border-top: 1px solid #ccc;
  padding: 20px 0 10px;
}

.internal-head-dark h1 span {
  display: block;
  font-size: .6em;
  color: #4a4a4a;
  padding: 2px 0;
}

.esxstart {
  font-size: 28px;
}

.esxstart {
  color: #fff;
  min-width: 280px;
}

.esxstart .order-now {
  background-color: #f06d0c;
  color: #fff;
  font-size: 28px;
  padding: 3px 8px 8px;
  text-decoration: none;
}

.titleEsx {
  font-size: 15px;
}

.esxstart .order-now img {
  padding: 5px 5px 5px 10px;
  margin-bottom: 5px;
}

/* .tag-line {
  background-color: #eae9e9;
  margin-bottom: 20px;
} */

.listing-ul {
  padding: 10px 0;
  overflow: hidden;
}

.listing-ul {
  list-style: none;
}

.listing-ul li {
  padding-left: 0;
  margin-bottom: 10px;
  float: left;
}

.img-responsive {
  min-width: 100%;
  max-width: 100%;
}

.quick-links {
  padding: 10px 0;
}

.quick-links a,
.quick-links a:visited {
  display: inline-block;
  /* font-family: "Open Sans", sans-serif; */
  font-weight: 400;
  font-size: 28px;
  color: #f06d0c;
  padding: 5px 0 5px 40px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAypJREFUeNq8mGFkG2EYxy+XCEcY+zQyIZQxQimhs2iNsFmtSmtT9mE2m7Fa7dPGJFqd9sum1U8b+zRmtVqZTUuZ1aJjlGPk0yjHKKMWwihhz1P/m2fXy+V5L20f/k0v7p7/7973veeeN4nfExnLIBxSmXSRVMR3vfh08fmNtE5aI/3RJk4oQQqkCukyYDTBEB9J06Tv3YLkAHBTfLdDWsEI/CA18P0JUg9GaIR0SlzzEkBeHBCegjekkzh+T5ojfVWOSD/pIekKjndJ1zBtB8Juk+QeaRUQfOcl0rABhIVzh3Gti1yryK0CuU9aJCVJy6RzpJoVP2rIsYyci/CIBOHpeIr/n5DGFCs/TxpQLNwxrBMLHuV2IFnSW1C/ID1W3C1DfMGQDyjOryJ3El65MJBZrHyezwkDiCweaS0M596C10wQhB+5cVKLdIO0p0g4AwhZ7DQwnPsWvMb9guiDVDBcS6JCdgpOthFSeTUwLryS8N4HcVCyOZ4ZPA28AC91AeN7sbdjY/XyxXXMnXVMMFvw3H9/2SjHVruKZwDzqQ3MhYhrfc+RFP05KwitwHvDJKp4kvIBmA+koRBQ6VlIiQvr4oTzSHAYEQXje+Zt3D1H0zq68GGC0+R7Zmzr+GI3qg2wJdURQvwkDaJ/keF7NhlkGwdnxAncWSUMdTrEKApCenq2aOOKXdxxFu+dHgMI6enaohiVY0LkAJEPgShFQEjPDRvT0EI96YsB8TkCYjvi2j54svcag/xCP8rx4BBGwlNASC8eiB3/8Z0G2VWxT+kUs7KxERCDCoheeLVQkf+1AfK1/JyUVoDcCfSyWog0PP5rO2RBe4SaUkSD2ymaeNnVDKaDYx4eTXgeaBU9NDsct0lTBjClqKopgnPeFSPqtevil0TTXEGD6yhgOkE4yFXBMXu87rSv4W3EJBbSKGkTu7a40Y8co8g5CQ/VTm8Br+0GVjgnemdYfYu4ZhM5Gsi5EHcTzt369UCxWsGroS42YA4KVAFdn+zwX2E6Ym3Cg8/9FBrdtHJE9vAbSVWzM0gpk7rYUGfwfihj6JOBH2pa4oeadZNm668AAwAADc/WqzxSagAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 0 8px;
  text-decoration: none !important;
}

.quick-links p a.download {
  color: #f58634;
  font-size: 14px;
  padding: 0;
  background: none;
  /* font-family: inherit; */
  /* font-family: sans-serif; */
}

.quick-links a,
.quick-links a:visited {
  display: inline-block;
  /* font-family: "Open Sans", sans-serif; */
  font-weight: 400;
  font-size: 28px;
  color: #f06d0c;
  padding: 5px 0 5px 40px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAypJREFUeNq8mGFkG2EYxy+XCEcY+zQyIZQxQimhs2iNsFmtSmtT9mE2m7Fa7dPGJFqd9sum1U8b+zRmtVqZTUuZ1aJjlGPk0yjHKKMWwihhz1P/m2fXy+V5L20f/k0v7p7/7973veeeN4nfExnLIBxSmXSRVMR3vfh08fmNtE5aI/3RJk4oQQqkCukyYDTBEB9J06Tv3YLkAHBTfLdDWsEI/CA18P0JUg9GaIR0SlzzEkBeHBCegjekkzh+T5ojfVWOSD/pIekKjndJ1zBtB8Juk+QeaRUQfOcl0rABhIVzh3Gti1yryK0CuU9aJCVJy6RzpJoVP2rIsYyci/CIBOHpeIr/n5DGFCs/TxpQLNwxrBMLHuV2IFnSW1C/ID1W3C1DfMGQDyjOryJ3El65MJBZrHyezwkDiCweaS0M596C10wQhB+5cVKLdIO0p0g4AwhZ7DQwnPsWvMb9guiDVDBcS6JCdgpOthFSeTUwLryS8N4HcVCyOZ4ZPA28AC91AeN7sbdjY/XyxXXMnXVMMFvw3H9/2SjHVruKZwDzqQ3MhYhrfc+RFP05KwitwHvDJKp4kvIBmA+koRBQ6VlIiQvr4oTzSHAYEQXje+Zt3D1H0zq68GGC0+R7Zmzr+GI3qg2wJdURQvwkDaJ/keF7NhlkGwdnxAncWSUMdTrEKApCenq2aOOKXdxxFu+dHgMI6enaohiVY0LkAJEPgShFQEjPDRvT0EI96YsB8TkCYjvi2j54svcag/xCP8rx4BBGwlNASC8eiB3/8Z0G2VWxT+kUs7KxERCDCoheeLVQkf+1AfK1/JyUVoDcCfSyWog0PP5rO2RBe4SaUkSD2ymaeNnVDKaDYx4eTXgeaBU9NDsct0lTBjClqKopgnPeFSPqtevil0TTXEGD6yhgOkE4yFXBMXu87rSv4W3EJBbSKGkTu7a40Y8co8g5CQ/VTm8Br+0GVjgnemdYfYu4ZhM5Gsi5EHcTzt369UCxWsGroS42YA4KVAFdn+zwX2E6Ym3Cg8/9FBrdtHJE9vAbSVWzM0gpk7rYUGfwfihj6JOBH2pa4oeadZNm668AAwAADc/WqzxSagAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 0 8px;
  text-decoration: none !important;
}

.heading {
  font-weight: 300;
  padding: 0;
  margin: 0;
  color: #f16a00;
  padding: 10px 0;
  font-size: 36px;
}

.subheading {
  font-weight: 300;
  padding: 0;
  margin: 0;
  color: #f16a00;
  padding: 10px 0;
  /* font-size: 24px; */
}

/* @#!!!!!! End of  Roof report Styles !!!!!#@ */


/* @#!!!!!! FAQ Styles !!!!!#@ */



.hr-left {
  border-left: 1px dotted #888;
  padding-left: 20px;
  padding-bottom: 50px;
  margin-bottom: 20px;
}

.input-group-login {
  padding: 10px;
  min-height: 370px;
}

.quick-links img {
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.quick-links.sml a {
  font-size: 16px;
  padding: 12px 0 8px 40px;
}

.quick-links p {
  display: block;
  padding-left: 40px;
}


/* @#!!!!!! End of  Roof report Styles !!!!!#@ */



/* @#!!!!!! Pricing page Styles !!!!!#@ */

#roofReport,
#solarReport {
  font-size: 36px;
}

div.price-subhead {
  margin-bottom: 20px;
  border-bottom: 5px solid #ccc;
  padding-bottom: 5px;
  background-color: #efefef;
  margin-top: 10px;
  border-top: 1px solid #4a4a4a;
  min-height: 1px;
}

span.price-head,
span.price-subhead {
  color: #fff;
  font-size: 20px;
  display: flex;
  /* font-family: "Oswald", sans-serif; */ font-family: "Roboto", sans-serif;
  padding: 0 20px 0 0;
  margin-bottom: 20px;
}

.subhead-text{
  padding-top: 10px;
}

span.price-head {
  background-color: #4a4a4a;
}

span.price-head b,
span.price-subhead b {
  display: inline-block;
  width: 70px;
  color: #fff;
  padding: 10px;
  text-align: center;
  margin-right: 10px;
  background-color: #4a4a4a;
}

span.price-head b {
  background-color: #f06d0c;
}

div.price-subhead p {
  display: block;
  padding-left: 30px;
  padding-right: 20px;
  font-weight: 400;
  color: #555;
  font-size: 14px;
}

div.price-subhead ul {
  padding: inherit;
  margin-left: 45px;
}

div.price-subhead ul li {
  padding: 5px 40px 5px 5px;
  color: #222;
}

div.price-subhead-solar {
  background-color: #f39c12;
  border-bottom: 5px solid #0097a7;
  border-top: 1px solid #0097a7;
}

span.price-subhead {
  background-color: #0097a7;
}

/* @#!!!!!! End of  Pricing page Styles !!!!!#@ */

/* @#!!!!!! Contact us page Styles !!!!!#@ */

.ques-faqs {
  text-decoration: none;
}

.ques-faqs:hover {
  text-decoration: none;
  color: #f16a00;
}

.read-more {
  text-decoration: none;
  color: #f16a00;
}

.read-more:hover {
  text-decoration: none;
  color: #777;
}

.help-title {
  display: block;
  width: 100%;
  font-weight: 700;
}

/* @#!!!!!! End of  Contact Us page Styles !!!!!#@ */

.font-size {
  font-size: 24px;
  color: #f58634;
  font-weight: 900;
}

.table {
  border: .5px solid #959494;
  border-collapse: collapse;
  text-align: center;
  width: 50%;
}

.table td,
.table th {
  border: .5px solid #959494;
  padding: 0;
  vertical-align: inherit;
}

.tablecolor {
  background-color: #f6e386;
}

.tablecolor1 {
  background-color: #b3d8f6;
}

.tablecolor2 {
  background-color: #bdf9ba;
}


/* ////////////////////////////////////////////// blogs styles ////////////////// */

.read-more {
  text-decoration: none !important;
  color: #f58634;
}

.page-item.active .page-link,
.pagination>.active>button:hover {
  background-color: #f58634;
  border-color: #f58634;
  color: #ffffff;
}

.pagination>li>button {
  color: #f58634;
}

.pagination>li>button:hover {
  color: #d25f0a;
}


/* ////////////////////////////////////////////// end of blogs styles ////////////////// */

/* ////////////////////////////////////////////// Security compliance style ////////////////// */

.logos {
  position: relative;
  top: -10px;
  text-align: center;

}

.image-logo {
  margin-right: 20px;
  /* Adjust as needed */

}

/* ##@@@@@@@@@@@ blog styles @@@@@@@## */


.post-title {
  color: #333333
}

.post-title:hover {
  color: #f58634;
}

.blog-read-more {
  color: #f58634;
  text-decoration: none;
}

.blog-read-more:hover {
  color: #d25f0a;
  text-decoration: none;
}

.blog-date {
  color: rgb(240, 109, 12);
  font-size: 13px;
}

/* ##@@@@@@@@@@@ blog styles end @@@@@@@## */

/* ##@@@@@@@@@@@ menu bar styles @@@@@@@## */

.navbar-nav .nav-link.active {
  color: #f16a00 !important;
}

.navbar-toggler {
  background-color: #f06d0c !important;
  border-color: #afafaf;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  background-size: contain;
}

/* ##@@@@@@@@@@@ menu bar styles end @@@@@@@## */

/* @@@######## carousel home page styles ########@@  */

.twoline {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em;
  /* Adjust based on your font size */
  line-height: 1.5em;
  /* Adjust based on your font size */
  white-space: normal;
}

.carousel-height {
  height: 280px;
}

.carousel-title-color {
  color: #f16a00;
}

/* @@@######## carousel home page styles end ########@@  */


/* Decrease font size for mobile */
@media (max-width: 768px) {
  .carousel-caption {
    font-size: 14px;
    /* Smaller font size on mobile */
  }

  .carousel-inner {
    height: 300px;
    /* Adjust the height of the carousel for mobile */
  }

  .carousel-item img {
    object-fit: contain;
    /* Ensures the images fit without cropping */
  }
}



/* ******************************************************************************************** */
/* Mobile Views - CSS   */
/* ******************************************************************************************** */



/*############################## home page mobile view #######################################  */
/* ########################################################################################### */



/* For tablets and below */
@media (max-width: 768px) {
  .start .order-now {
    font-size: 15px;
}

.reports{
  font-size: 20px;
  
}

  .container, .row, .col {
    padding-left: 10px;
    padding-right: 10px;
  }
  .start h1{
    color: #fff;
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: 700;
    text-shadow: 0 1px 6px #000;
  }
  .start h1 span {
    display: block;
    font-size: 15px;
    padding-top: 5px;
    font-weight: 700;
}
.tag-line h2 {
    color: #f06d0c;
    padding: 40px;
    font-weight: 700;
    font-size: 25px;
}
.tag-line h2 b {
    font-size: 25px;
    color: #2e2e2e;
}
.help-line h3 {
    color: #fff;
    font-size: 20px;
    line-height: 1.4em;
    padding: 10px 0;
}
.help-line h3 span {
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    color: #f06d0c;
}
}

/* For very small phones (below 480px) */
@media (max-width: 480px) {
  h1, h2, h3 {
    /* font-size: clamp(1rem, 4.5vw, 1.5rem); */
  }

  p, span, li, a, div {
    font-size: clamp(0.85rem, 3.5vw, 1rem);
  }
    .start h1{
    color: #fff;
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: 700;
    text-shadow: 0 1px 6px #000;
  }
  .start h1 span {
    display: block;
    font-size: 15px;
    padding-top: 5px;
    font-weight: 700;
}
.tag-line h2 {
    color: #f06d0c;
    padding: 40px;
    font-weight: 700;
    font-size: 25px;
}
.tag-line h2 b {
    font-size: 25px;
    color: #2e2e2e;
}
.help-line h3 {
    color: #fff;
    font-size: 20px;
    line-height: 1.4em;
    padding: 10px 0;
}
.help-line h3 span {
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    color: #f06d0c;
}
}



/*############################## Rooforders esx service button - mobile and tablet view ##################  */
/* ####################################################################################################### */


/* Mobile & Tablet (up to 1024px) */
@media (max-width: 1280px) {
  .internal-head-dark .row {
    flex-direction: column !important;   
    text-align: left;                  
  }

  .internal-head-dark .col-md-9,
  .internal-head-dark .col-md-3 {
    width: 100% !important;             
    max-width: 100% !important;
  }

  .internal-head-dark .heading {
    margin-bottom: 15px;
    text-align: left;
  }

  .internal-head-dark .esxstart {
    text-align: left;
    margin-bottom: 15px;
  }

  .internal-head-dark .esxstart a.order-now {
    display: inline-block;
    width: auto;                         
    padding: 5px 10px;
  }
}


/*############################## Pricing - mobile view ######################################  */
/* ########################################################################################## */
@media (max-width: 767px) {
  span.price-subhead {
    font-size: 15px;
  }
  span.price-head{
    font-size: 15px;
  }
}

/*############################## Security Compliance - mobile view ########################## */
/* ########################################################################################## */
@media (max-width: 767px) {
 .heading {
    font-size: 30px;
}
}



/*############################## Privacy policy styles ########################## */
/* ########################################################################################## */


.last-updated-date{
    display: block;
    font-size: 0.5em!important;
    color: #4a4a4a;
    padding: 2px 0px;
}

.privacy-policy-introduction {
    background-color: #eae9e9;
    margin-bottom: 20px;
    text-align: left;
}

.clickable-links {
  color: #333333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.clickable-links:hover {
  color: #f06d0c;
}


/* Contact US styles (iframe) */

/* Responsive iframe container */
.iframe-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.contact-iframe {
    width: 100%;
    height: 705px
}

/* Optional: for small mobile screens */
@media (max-width: 768px) {
    .iframe-wrapper {
        /* padding-top: 75%; Adjust height for small screens */
    }
}


/* ********  ribbon  *************** */
.corner-ribbon {
      color: #fff;
    display: block;
    font-weight: 400;
    margin: 1px 0;
    padding: 10px 50px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 5px #444;
    pointer-events: none;
    background-color: rgba(170, 0, 0, 0.5);
    left: -3.5em;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    overflow: hidden;
    position: fixed;
    top: 35px;
    white-space: nowrap;
    width: 15em;
    z-index: 9999;
    pointer-events: none;
    opacity: 0.75;
}