/*
 * Style tweaks
 * --------------------------------------------------
 */

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

@font-face {
  font-family: 'HelveticaNeueHeavy';
  src: url('../fonts/helvetica/HelveticaNeueHeavy.eot');
  src: url('../fonts/helvetica/HelveticaNeueHeavy.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeueHeavy.woff2') format('woff2'), url('../fonts/helvetica/HelveticaNeueHeavy.woff') format('woff'), url('../fonts/helvetica/HelveticaNeueHeavy.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeueHeavy.svg#HelveticaNeueHeavy') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueRegular';
  src: url('../fonts/helvetica/HelveticaNeueRegular.eot');
  src: url('../fonts/helvetica/HelveticaNeueRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeueRegular.woff2') format('woff2'), url('../fonts/helvetica/HelveticaNeueRegular.woff') format('woff'), url('../fonts/helvetica/HelveticaNeueRegular.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeueRegular.svg#HelveticaNeueRegular') format('svg');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueThin';
  src: url('../fonts/helvetica/HelveticaNeueThin.eot');
  src: url('../fonts/helvetica/HelveticaNeueThin.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeueThin.woff2') format('woff2'), url('../fonts/helvetica/HelveticaNeueThin.woff') format('woff'), url('../fonts/helvetica/HelveticaNeueThin.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeueThin.svg#HelveticaNeueThin') format('svg');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueMedium';
  src: url('../fonts/helvetica/HelveticaNeueMedium.eot');
  src: url('../fonts/helvetica/HelveticaNeueMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeueMedium.woff2') format('woff2'), url('../fonts/helvetica/HelveticaNeueMedium.woff') format('woff'), url('../fonts/helvetica/HelveticaNeueMedium.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeueMedium.svg#HelveticaNeueMedium') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueBold';
  src: url('../fonts/helvetica/HelveticaNeueBold.eot');
  src: url('../fonts/helvetica/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeueBold.woff2') format('woff2'), url('../fonts/helvetica/HelveticaNeueBold.woff') format('woff'), url('../fonts/helvetica/HelveticaNeueBold.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueMedium_1';
  src: url('../fonts/helvetica/HelveticaNeueMedium_1.eot');
  src: url('../fonts/helvetica/HelveticaNeueMedium_1.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeueMedium_1.woff2') format('woff2'), url('../fonts/helvetica/HelveticaNeueMedium_1.woff') format('woff'), url('../fonts/helvetica/HelveticaNeueMedium_1.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeueMedium_1.svg#HelveticaNeueMedium') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueBold_1';
  src: url('../fonts/helvetica/HelveticaNeueBold_1.eot');
  src: url('../fonts/helvetica/HelveticaNeueBold_1.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeueBold_1.woff2') format('woff2'), url('../fonts/helvetica/HelveticaNeueBold_1.woff') format('woff'), url('../fonts/helvetica/HelveticaNeueBold_1.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeueBold_1.svg#HelveticaNeueBold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueBlackCond';
  src: url('../fonts/helvetica/HelveticaNeueBlackCond.eot');
  src: url('../fonts/helvetica/HelveticaNeueBlackCond.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeueBlackCond.woff2') format('woff2'), url('../fonts/helvetica/HelveticaNeueBlackCond.woff') format('woff'), url('../fonts/helvetica/HelveticaNeueBlackCond.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeueBlackCond.svg#HelveticaNeueBlackCond') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueItalic';
  src: url('../fonts/helvetica/HelveticaNeueItalic.eot');
  src: url('../fonts/helvetica/HelveticaNeueItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeueItalic.woff2') format('woff2'), url('../fonts/helvetica/HelveticaNeueItalic.woff') format('woff'), url('../fonts/helvetica/HelveticaNeueItalic.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeueItalic.svg#HelveticaNeueItalic') format('svg');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'HelveticaNeueLight';
  src: url('../fonts/helvetica/HelveticaNeueLight.eot');
  src: url('../fonts/helvetica/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeueLight.woff2') format('woff2'), url('../fonts/helvetica/HelveticaNeueLight.woff') format('woff'), url('../fonts/helvetica/HelveticaNeueLight.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeueLight.svg#HelveticaNeueLight') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLight_1';
  src: url('../fonts/helvetica/HelveticaNeueLight_1.eot');
  src: url('../fonts/helvetica/HelveticaNeueLight_1.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica/HelveticaNeueLight_1.woff2') format('woff2'), url('../fonts/helvetica/HelveticaNeueLight_1.woff') format('woff'), url('../fonts/helvetica/HelveticaNeueLight_1.ttf') format('truetype'), url('../fonts/helvetica/HelveticaNeueLight_1.svg#HelveticaNeueLight') format('svg');
  font-weight: 300;
  font-style: normal;
}

body {
  padding-top: 50px;
  background: url(../assets/subtle_dots.png) repeat;
  overflow-x: hidden;
}
.loader  
{
    background: url(../assets/loader1.gif) no-repeat 40% 50%;  
    width:100%;
    height:100%;
    
}


.affix {
  top: 0;
  width: 100%;
  left: 0;
  z-index: 9999 !important;
  /*margin:0 auto;*/
}

.navbar {
  margin-bottom: 0px;
  min-height: 32px;
}

.affix~ .container-fluid {
  position: relative;
  top: 50px;
}



.navbar-nav>li>a>i {
  display: inline-block;
  font-size: 12px;
  margin-right: 3px;
}

footer {
  width: 100%;
  margin: 0 auto;
}

.footer-triangle {
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-left-color: white;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -5px;
}

.tooltip1 {
    background: black;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -13px;
    margin-bottom: 13px;
    opacity: 1;
    padding: 5px 8px;
    pointer-events: none;
    position: absolute;
    font-size: 1em;
    font-weight: normal;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.SearchResultDisplayCount{font-size: 16px;color: #4D4F53;font-weight: normal;}
.Float-R{float:right;}
.Float-L{float:left;}
.HideContentFilter{display:none}
.ContentFilter{padding-top:10px;}
.DisplayNone{display:none!important;}
.ResultsDisplayBox{padding-left: 4px;font-size: 16px;color: #4D4F53;font-weight: normal;width: 100%;line-height: 2;}
.ContentFilter .form-group{padding-left: 0px;}
.search-assets-block
{
    padding-left: 0px!important;
    border-bottom: 0px solid #dadada!important;
    padding-top: 20px!important;
    padding-bottom: 15px!important;
} 
.ContentFilterBtn, .ContentFilterBtn:active
{
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;
    margin: 5px;
    margin-right: 0px;
    text-decoration: none;
    cursor: pointer;
}
.ContentFilterBtn:hover, .ContentFilterBtn:active:hover {
    background-color: #df4e34;
    text-decoration: none;
    cursor: pointer;
}

.ShowHideFilter{cursor:pointer;font-size:16px;}
.ShowHideComments{cursor:pointer;font-size:16px;}
.PostedDiv{color: #999!important;font-size: 14px!important;}
 .siteNotes
  {
    margin-top: 0px;
    padding: 15px 0;
    width: 100%;
    background: transparent;
    float: left;
    border-bottom: 1px solid #ccc;
    font-size: 100%;
    /* padding-right: 45px;*/
    font-size: 14px;
    color: #474848;
    font-weight: normal;    
    line-height: 1.75;  
  }
  
  .divSiteNotes,.contentNotes{
    padding-bottom:20px;
    }
 .siteNotesAlign{
    text-align: right;
    font-size: 13px; 
   color: #f15a40!important;
 }
.siteNotesAlign a
{
    color: #999!important;
    font-size: 14px!important;
    cursor:pointer;
    text-decoration: none!important;
}
	siteNotesAlign a:active:focus		
{  		
    color: #ccc!important;		
    text-decoration: none!important;		
}
  .DisplayInline
  {
      display:inline-block;
  }
  .contentNotes h4{
  font-size: 16px;
    color: #474848;
    font-weight: normal;
    padding: 0;  
  }
  .contentNotes textarea{

    color: #474848;
    font-weight: normal;
    padding: 5px;  
    resize: vertical;
  }
  .contentNotes a.link-orange {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    background-color: #f15a40;
    border-radius: 3px;
    float: right;
    margin-left: 5px;
    text-transform: uppercase;
    color: #fff;
    cursor:pointer;
  }
  .contentNotes a.link-orange:active:hover {
    color: #fff;
    background-color: #df4e34;
    text-decoration: none;
  }  
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
 .tooltip1:before {
    bottom: -20px;
    content:" ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
/* CSS Triangles */
 .tooltip1:after {
    border-left: solid transparent 8px;
    border-right: solid transparent 8px;
    border-top: solid black 8px;
    bottom: -8px;
    content:' ';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
}
.ui-slider-handle.ui-state-focus {
    outline: 0;
} 


.tooltip2 {
    background: black;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -13px;
    margin-bottom: 13px;
    opacity: 1;
    padding: 5px 8px;
    pointer-events: none;
    position: absolute;
    font-size: 1em;
    font-weight: normal;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
 .tooltip2:before {
    bottom: -20px;
    content:" ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
/* CSS Triangles */
 .tooltip2:after {
    border-left: solid transparent 8px;
    border-right: solid transparent 8px;
    border-top: solid black 8px;
    bottom: -8px;
    content:' ';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
}

.tooltipstyle+ .tooltip> .tooltip-inner {
  background: #999;
  width: auto;
  text-align: left;
  color: #fff;
}

.tooltipstyle+ .tooltip> .tooltip-arrow {
  border-right-color: #999;
}

.checkbox-del-sav-rec {
  display: block;
  position: absolute;
  left: 1%;
  top: 35%;
  z-index:0;
}

#sort-by {
  padding: 10px;
}

#sort-by label {
  color: #474848;
  font-weight: bold;
}

#sort-by div {
  padding-left: 10px;
}

a.categories-toggle {
  color: #f15a40;
  text-decoration: none;
}

a.categories-toggle:hover, a.categories-toggle:focus, a.categories-toggle:focus:hover {
  color: #f15a40;
  text-decoration: underline;
}

a.categories-toggle.down:after {
  content: "\25BC";
}

a.categories-toggle:after {
  content: "\25B2";
}

.main-content-wrapper {
  /*  background-color: #fff;*/
}

.main .page-header {
  margin-top: 15px;
}

.sidebar-offcanvas {
  display: none;
}

.navbar-brand {
  text-transform: uppercase;
  line-height: 45px;
}

.pagination-container .pagination li>a {
  color: #f15a40;
}


/*Radio and checkbox styling starts*/

.radio-control .col-sm-4, .checkbox-control .col-sm-4 {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 13%;
}

.saved-searches .saved-search-name {
  width: 60%;
  float: left;
  padding: 1em;
  display: inline-block;
}

.control {
  font-size: 18px;
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding-left: 30px;
  cursor: pointer;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #e6e6e6;
}

.control--radio .control__indicator {
  border-radius: 50%;
}


/* Hover and focus states */

.control:hover input~ .control__indicator, .control input:focus~ .control__indicator {
  background: #a6a6a6;
}


/* Checked state */

.control input:checked~ .control__indicator {
  background: #f15a40;
}


/* Hover state whilst checked */

.control:hover input:not([disabled]):checked~ .control__indicator, .control input:checked:focus~ .control__indicator {
  background: #f15a40;
}


/* Disabled state */

.control input:disabled~ .control__indicator {
  pointer-events: none;
  opacity: 0.6;
  background: #e6e6e6;
}


/* Check mark */

.control__indicator:after {
  position: absolute;
  display: none;
  content: '';
}


/* Show check mark */

.control input:checked~ .control__indicator:after {
  display: block;
}


/* Checkbox tick */

.control--checkbox .control__indicator:after {
  top: 5px;
  left: 8px;
  width: 5px;
  height: 8px;
  transform: rotate(45deg);
  border: solid #fff;
  border-width: 0 2px 2px 0;
}


/* Disabled tick colour */

.control--checkbox input:disabled~ .control__indicator:after {
  border-color: #7b7b7b;
}


/* Radio button inner circle */

.control--radio .control__indicator:after {
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
}


/* Disabled circle colour */

.control--radio input:disabled~ .control__indicator:after {
  background: #7b7b7b;
}
a[href^="tel:"] {
  color: #f15a40;
  text-decoration: none;
}


/*Radio and checkbox styling ends*/

@media screen and (max-width: 767px) 
{

.siteNotesAlign a
{
    color: #f15a40!important;		
   text-decoration: none!important;		
    font-size: 16px!important;		
}
.ContentFilter {padding-left: 10px;}
  .HideCommentIconsMob
  {
      display:none;   
  }
    .ModifyCommentIcons
  {
      display:block;   
  }
  /*Basic Layout and find-sites Starts Here*/
  
   #slider-1,#slider-2 
   {
    background-image: -ms-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -moz-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -o-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #03A678), color-stop(49, #03A678), color-stop(49, #FFFF00), color-stop(85, #FFFF00), color-stop(85, #03A678), color-stop(100, #03A678));
    background-image: -webkit-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: linear-gradient(to right, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    }
    
    .tooltip1 {
    background: black;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -13px;
    margin-bottom: 13px;
    opacity: 1;
    padding: 5px 8px;
    pointer-events: none;
    position: absolute;
    font-size: 1em;
    font-weight: normal;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
 .tooltip1:before {
    bottom: -20px;
    content:" ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
/* CSS Triangles */
 .tooltip1:after {
    border-left: solid transparent 8px;
    border-right: solid transparent 8px;
    border-top: solid black 8px;
    bottom: -8px;
    content:' ';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
}
.ui-slider-handle.ui-state-focus {
    outline: 0;
} 

.tooltip2 {
    background: black;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -13px;
    margin-bottom: 13px;
    opacity: 1;
    padding: 5px 8px;
    pointer-events: none;
    position: absolute;
    font-size: 1em;
    font-weight: normal;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
 .tooltip2:before {
    bottom: -20px;
    content:" ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
/* CSS Triangles */
 .tooltip2:after {
    border-left: solid transparent 8px;
    border-right: solid transparent 8px;
    border-top: solid black 8px;
    bottom: -8px;
    content:' ';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
}
  
  
  
  body {
    padding-top: 0;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    font-weight: normal;
    font-style: normal;
    color: #f15a40;
    margin: 0;
  }
  .footer-tri-cont {
    display: none;
    font-size: 11px;
    color: #fff;
  }
  /*nav{
    display: none;
  }
  */
  .main-content-wrapper {
    background-color: transparent;
    padding: 0;
  }
  .main-content-wrapper .container {
    width: 100%;
    margin: 0 auto;
    padding: 0 2%;
  }
  .main-content-wrapper .navbar-default {
    background: url(../assets/subtle_dots.png) repeat;
    border-color: #C9CAC8;
  }
  .main-content-wrapper .navbar-header button {
    border: 0;
    padding: 3% 4% 0% 0%;
    margin: 0;
  }
  .main-content-wrapper .navbar-default .navbar-toggle:focus, .main-content-wrapper .navbar-default .navbar-toggle:focus, .main-content-wrapper .navbar-default .navbar-toggle:hover {
    background-color: transparent;
  }
  .main-content-wrapper .navbar-header button>.icon-bar {
    background-color: #f15a40;
  }
  .main-content-wrapper .navbar-default .navbar-nav>li>a {
    color: #474848;
  }
  .navbar-default .navbar-nav>li>a:hover {
    background-color: #C9CAC8;
    color: #f15a40;
  }
  .main-content-wrapper .navbar-nav>li>a>i {
    display: inline-block;
    font-size: 12px;
    margin-right: 6px;
  }
  .navbar-default .navbar-nav>.active>a {
    background-color: #C9CAC8;
    color: #f15a40!important;
  }
  .main-content-wrapper .mob-logo-container {
    padding-left: 15px;
  }
  .main-content-wrapper .mob-logo-container img {
    width: 80%;
  }
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .main p:first-child {
    /*      width: 13%;
*/
    float: left;
  }
  .main p:first-child i {
    font-size: 30px;
    color: #f15a40;
  }
  .header-wrapper h6 {
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 30px;
    font-size: 1em;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  /*  padding:0px;*/
  }
  .link-orange {
    color: #f15a40;
  }
  .link-orange:hover, .link-orange:active:hover {
    color: #e66241;
    text-decoration: none;
  }
  .main h1 {
    width: 60%;
    float: left;
    font-size: 30px;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 30px;
    text-align: left;
    color: #474848;
  }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -48%;
    background: #182946!important;
  }
  .sidebar-offcanvas {
    display: block;
    min-height: 300px;
    background: blue;
    /* width: 200px; */
  }
  .row-offcanvas-left.active {
    left: 48%;
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 45%;
    margin-left: 10px;
  }
  .form-control-user {
    width: 100%;
    padding: 0px;
    margin: 0px 0 20px 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #474848;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #474848;
    background-color: transparent;
    font-size: 14px;
    -webkit-appearance: none;
    border-radius:0;
    outline: none;
  }
  input::-webkit-input-placeholder {
    color: #474848 !important;
  }
  input:-moz-placeholder {
    /* Firefox 18- */
    color: #474848 !important;
  }
  input::-moz-placeholder {
    /* Firefox 19+ */
    color: #474848 !important;
  }
  input:-ms-input-placeholder {
    color: #474848 !important;
  }
  .form-group label {
    font-size: 16px;
    color: #4D4F53;
    font-weight: normal;
  }
  .form-group label>.error-msg {
    font-size: 12px;
    color: #f15a40;
  }
  .radio-control .col-sm-4, .checkbox-control .col-sm-4 {
    width: 32%;
  }
  .radio-control .col-sm-4 label, .checkbox-control .col-sm-4 label {
    font-size: 14px;
    color: #474848;
   
  }
  .radio-control .width-mob-xs {
    width: 49%;
  }
  .nav-sidebar> li:last-child> a {
    padding-top: 170px;
    padding-bottom: 20px;
    color: #f15a40;
    text-transform: uppercase;
  }
  .nav-sidebar> li:first-child> a {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .divs {
    display: none;
  }
  /* Override feedback icon position */
  .form-horizontal .has-feedback .input-group .form-control-feedback {
    top: 0;
    right: -30px;
  }
  .search-btn-block {
    border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    /* color: #ccc; */
    text-transform: uppercase;
    border: none;
    line-height: 2.3;
    font-size: 16px;
  }
  .signin-btn-block {
    background-color: #f15a40;
    color: #ccc;
    text-transform: uppercase;
    border: 1px solid #f15a40;
  }
  .signin-btn-block:hover, .signin-btn-block:focus {
    background-color: #e66241;
    color: #ccc;
    border: 1px solid #e66241;
  }
  #datetimepicker6 .form-control, #datetimepicker7 .form-control {
    border-bottom: 1px solid #474848;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 0px;
    height: 42px;
  }
  #datetimepicker6 .input-group-addon, #datetimepicker7 .input-group-addon {
    background: transparent;
    color: #f15a40;
    border: none;
    border-radius: 0;
    padding-left: 6px;
  }
  .main {
    width: 100%;
    background: transparent;
    padding: 0;
  }
  .main .visible-xs {
    display: block!important;
  }
  .dropdown-div .form-control {
    display: block;
    width: 100%;
    height: 42px;
    padding: 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #474848;
    background-color: transparent;
    background-image: none;
    border-bottom: 1px solid #474848;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 20px;
  }
  .dropdown-div {
    width: 100%;
    display: block;
  }
  /*footer{
    display: none;
  }*/
  .logo-text {
    width: 30%;
  }
  .logo-text img {
    float: left;
    max-width: 100%;
  }
  .confirmation-message {
    width: 100%;
    padding: 20px 8px;
    color: #fff;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    position: fixed;
    /* top: 10%; */
    bottom: 5%;
    left: 0;
    background-color: #182946;
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  @keyframes cssAnimation {
    to {
      width: 0;
      height: 0;
      padding: 0 0;
      overflow: hidden;
    }
  }
  -webkit-@keyframes cssAnimation {
    to {
      width: 0;
      height: 0;
      visibility: hidden;
      padding: 0 0;
    }
  }
  .find-sites #button1 {
    color: #f15a40;
  }
  .find-sites #button1:hover, .find-sites #button1:focus {
    outline: none;
    text-decoration: none;
  }
  .find-sites .content {
    padding: 5% 0% 0% 0%;
    margin-top: 0em;
    background: transparent;
  }
  .find-sites .search-btn-block {
    background-color: #f15a40;
    margin-bottom: 20px;
  }
  .calender-control .col-xs-6 {
    padding: 0;
  }
  .find-sites .link-orange {
    /*color: #f15a40;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;*/
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;
    line-height: 38px;
  }
  .find-sites .form-group {
    padding: 0 10px;
  }
  .app_name {
    font-size: 32px;
    color: #f15a40;
  }
  .standard-main-nav {
    text-align: center;
    position: relative;
  }
  .find-sites .search-address div {
    padding-left: 0;
    padding-right: 0;
    float: none!important;
  }
  /* font-size: 32px;
    color: #f15a40;*/
  .find-sites .search-address div {
    padding-left: 0px;
  }
  .find-sites .search-address .search-address-fields {
    width: 100%;
    float: left;
    margin-bottom: 15px;
  }
  .find-sites .start-ship-date, .find-sites .end-ship-date {
    padding-left: 0;
    padding-right: 0;
  }
  .find-sites .start-ship-date .form-group, .find-sites .end-ship-date .form-group {
    padding-right: 0;
    padding-left: 0;
  }
  .find-sites select.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    /* no standardized syntax available, no ie-friendly solution available */
  }
  select+ i.glyphicon {
    float: right;
    margin-top: -48px;
    margin-right: 5px;
    /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
    pointer-events: none;
    /* everything after this is just to cover up the original arrow */
    /* (for browsers that don't support the syntax used above) */
    background-color: #fff;
    padding-right: 5px;
    color: #474848;
  }
  .find-sites select.select::-ms-expand {
    display: none;
  }
  /*Find sites slider starts here*/
  .slider.slider-horizontal{
  width:100%;
}
/*.slider-track {
    background-image: -ms-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -moz-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -o-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #03A678), color-stop(49, #03A678), color-stop(49, #FFFF00), color-stop(85, #FFFF00), color-stop(85, #03A678), color-stop(100, #03A678));
    background-image: -webkit-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: linear-gradient(to right, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
}*/
.slider-selection {
   background: transparent!important;
  }
  .slider-handle {
    background: #fff;
    border: 1px solid #ccc;
    opacity: 1;
  }
  /*Find sites slider range ends here*/
  /*Basic mobile Layout and find-sites Ends Here*/
  /*Basic mobile Layout and find-sites-savesearch starts Here*/
  .siteNotesAlign{text-align:left;}
  .saveCommentBtn{float:left!important;margin-top:10px;}
  .find-sites-saved-search #saved-search-hide-hamburger {
    display: none!important;
  }
  #saved-search-btn {
    display: block;
    width: 100%;
    margin: 0 auto;
    border-radius: 3px;
    font-size: 14px;
    margin-bottom:20px;
  }
  #saved-search-width-subhead1 {
    display: none;
  }
  #saved-search-width {
    float: left;
    text-align: left;
    width: 70%;
    margin-bottom: 25px;
    font-size: 30px;
  }
  #saved-search-width-subhead2 {
    float: right;
    text-align: left;
    width: 28%;
    margin-bottom: 15px;
  }
  .page-header-option {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    background: white;
    z-index: 999;
  }
  footer {
    width: 100%;
    margin: 0 auto;
  }
  footer .col-xs-12 {
    background-color: #474848;
  }
  footer .col-xs-12 p {
    color: #fff;
  }
  #footer-container {
    padding: 0px;
  }
  #footer-container .social-links {
    padding-left: 0;
    list-style-type: none;
  }
  #footer-container .col-xs-12 {
    padding: 0px 0px;
  }
  #footer-container .social-links>li {
    border-bottom: 1px solid #999;
    text-align: center;
    padding: 15px 0px;
  }
  #footer-container .social-links>li a {
    color: #fff;
    font-size: 14px;
  }
  #footer-container .logo-list {
    padding-left: 0;
    list-style-type: none;
    text-align: center;
  }
  #footer-container .logo-list>li {
    display: inline-block;
    text-align: center;
    margin: 5px;
  }
  #footer-container .logo-list>li.footer-tri-cont {
    display: none;
  }
  #footer-container .legal-text {
    font-size: 11px;
    text-align: center;
  }
  #footer-container .legal-text a {
    font-size: 11px;
    color: #fff;
  }
  #footer-container .brand-logo-div {
    text-align: center;
  }
  #footer-container .brand-logo-div img {
    width: 50%;
    margin-top: 15px;
  }
  .find-sites .header-wrapper {
    margin-top: 3.8em;
  }
  .hp-logo {
    width: 30%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 5px;
    margin: auto;
  }
  .hp-logo img {
    width: 100%;
  }
  .find-sites-saved-search {
    margin-top: 3.3em!important;
  }
  .find-sites .show-desktop
  {
    display:none;   
   }
  /*Basic mobile Layout and find-sites-savesearch ends Here*/
  /*heritage-login mobile Starts here*/
  .heritage-login {
    background: #182946!important
  }
  .heritage-login .visible-xs {
    display: none!important;
  }
  .heritage-login .view-desktop {
    display: none;
  }
  .heritage-login .header-wrapper .btn-group, .btn-group-vertical {
    display: none;
  }
  .heritage-login .header-wrapper h1 {
    width: 100%;
    font-size: 15px;
    text-transform: uppercase;
    color: #f15a40;
  }
  .heritage-login .content {
    padding: 12%;
  }
  .heritage-login .btn-link:focus, .heritage-login .btn-link:hover {
    color: #f15a40;
    text-decoration: none;
  }
  .heritage-login .form-group label {
    color: #79798F
  }
  .heritage-login .form-control-user {
    color: #fff;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    -webkit-appearance: none;
    border-radius:0;
  }
  .heritage-login input::-webkit-input-placeholder {
    color: #dadada!important;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
  }
  .heritage-login input:-moz-placeholder {
    /* Firefox 18- */
    color: #dadada!important;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
  }
  .heritage-login input::-moz-placeholder {
    /* Firefox 19+ */
    color: #dadada!important;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
  }
  .heritage-login input:-ms-input-placeholder {
    color: #dadada!important;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
  }
  .heritage-login .signin-btn-block {
    background-color: #f15a40;
    color: #ccc;
    text-transform: uppercase;
    border: 1px solid #f15a40;
  }
  .heritage-login .signin-btn-block:hover, .heritage-login .signin-btn-block:focus {
    background-color: #e66241;
    color: #ccc;
    border: 1px solid #e66241;
  }
  .heritage-login .search-btn-block:hover, .heritage-login .search-btn-block:focus {
    color: #e66241;
  }
  /*heritage-login mobile Ends here*/
  /*screen-2-3-4 mobile Starts here*/
  .app-tour {
    background: transparent;
    margin-top: 4em;
  }
  .app-tour .content {
    padding-left: 0;
    padding-right: 0;
  }
  .app-tour .visible-xs {
    visibility: hidden;
  }
  .app-tour .page-header {
    color: #474848;
    font-size: 30px;
    width: 84%;
    text-align: center;
    margin: 0 auto;
    line-height: 53px;
  }
  .app-tour .header-wrapper {
    margin-bottom: 10px;
  }
  .app-tour .content {
    min-height: 512px;
  }
  .app-tour .header-wrapper h6 {
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 30px;
    font-size: 12px;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right;
  }
  .app-tour .header-wrapper h6 a {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;
    line-height: 38px;
  }
  .carousel-inner> .item> img, .carousel-inner> .item> a> img {
    width: 70%;
    margin: auto;
  }
  #myCarousel .item {
    min-height: 400px;
  }
  .map-container {
    position: relative;
  }
  .map-container img {
    max-width: 100%;
    width: 100%;
  }
  #myCarousel .carousel-control.right {
    position: relative;
    color: #f15a40;
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 115px;
    display: table;
    margin-bottom: 1%;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 15px;
    background-image: none;
    text-shadow: none;
    opacity: 1;
  }
  #myCarousel .carousel-control.right:hover {
    color: #e66241;
  }
  #myCarousel .carousel-control.right span {
    line-height: 2;
    text-transform: uppercase;
  }
  #open-trane-carousel-btn {
    width: 60%!important;
  }
  #open-trane-carousel-btn span {
    color: #fff!important;
  }
  #myCarousel .carousel-caption {
    position: relative;
    right: 0;
    bottom: 0px;
    top: 0px;
    left: 0;
    z-index: 99;
    margin: auto;
  }
  #myCarousel .carousel-caption h3 {
    font-size: 14px;
    color: #474848;
    text-shadow: none;
  }
  #myCarousel .carousel-indicators {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none
  }
  #open-trane-carousel-btn {
    background: #f15a40;
    width: 71% !important;
    border-radius: 5px;
    color: #fff;
  }
  #open-trane-carousel-btn:hover {
    background-color: #e66241;
  }
  #carousel-btn #carousel-btn {
    background: #f15a40;
    width: 80%;
    border-radius: 5px;
  }
  #carousel-btn #carousel-btn span {
    font-weight: bold;
  }
  .app-tour-page-header {
    display: none;
  }
  #myCarousel .carousel-caption p {
    color: #474848;
    text-shadow: none;
  }
  #myCarousel .carousel-indicators li.active {
    background-color: #999;
  }
  #myCarousel .carousel-indicators li {
    background-color: #474848;
    border: none;
  }
  .app-tour .help-header {
    text-align: left;
  }
  .for-mob
  {
      display:block;
      color#474748;
      }
  /*apptour for mobile view css ends here*/
  /*saved-searches for mobile view css starts here*/
  .saved-searches {
    margin-top: 4em;
  }
  .saved-searches .header-wrapper h6 {
    text-align: right;
    font-size: 29px;
    font-weight: bold;
  }
  .saved-searches .saved-search-label {
    width: 100% !important;
  }
  .saved-searches .saved-search-name {
    width: 80%;
    float: left;
    padding: 1em 1em 1em 3em;
  }
  .saved-searches .checkbox-del-sav-rec {
    display: block;
    position: absolute;
    left: 1%;
    top: 23%;
  }
  .saved-searches .saved-search-options ul {
    list-style-type: none;
    padding-left: 10px;
    background-color: transparent;
    margin-bottom: 0;
  }
  .saved-searches .saved-search-options ul li {
    display: inline-block;
    padding: 15px 12px;
  }
  .saved-searches .chevron-right-icon {
    display: inline-block;
    line-height: 6;
    font-size: 14px;
    float: right;
    padding-right: 30px;
  }
  .saved-searches .saved-search-container {
    border: 1px solid #fafafa;
    border-radius: 3px;
    -webkit-box-shadow: -1px -1px 4px 1px rgba(0, 0, 0, 0.49);
    -moz-box-shadow: -1px -1px 4px 1px rgba(0, 0, 0, 0.49);
    box-shadow: -1px -1px 4px 1px rgba(0, 0, 0, 0.49);
    margin-bottom: 5px;
    margin-top: 20px;
    float: left;
    position: relative;
  }
  .saved-search-container:last-child {
    margin-bottom: 20px;
  }
  .saved-searches .saved-search-options>ul>li>a {
    color: #f15a40;
    font-size: 16px;
  }
  .saved-searches .saved-search-label {
    color: #474848;
    font-size: 22px;
  }
  .saved-searches .saved-date {
    color: #999;
    font-size: 16px;
  }
  .saved-searches .content {
    padding: 0 0px;
  }
  .chevron-right-icon i {
    color: #f15a40;
    vertical-align: middle;
  }
  #myModal .modal-content {
    background-color: #182946 !important;
  }
  #myModal .modal-dialog {
    margin: 15%;
  }
  #myModal .modal-content .modal-body p {
    font-size: 16px;
  }
  #myModal .link-orange {
    font-size: 16px;
  }
  #myModal .modal-footer {
    border-top: 0px!important;
  }
  .saved-searches .view-results-btn {
    display: none;
  }
  .saved-searches .chevron-map-marker {
    display: none;
  }
  .saved-searches .saved-search-options {
    float: left;
    width: 100%;
  }
  .saved-searches .create-new {
    display: none;
  }
  .saved-searches #btn-delete-saved-rec {
    /*display: none;*/
  }
  /*#btn-delete-saved-rec .create-new{
          display: block;
        }*/
  /*saved-searches for mobile view css ends here*/
  /*search-result-list for mobile view css starts here*/
  .search-result-list .nav-pills {
    margin-bottom: 5px;
  }
  .search-result-list .nav-pills> li {
    width: 25%;
    text-align: center;
  }
  .search-result-list .nav-pills> .active> a, .search-result-list .nav-pills> .active> a:hover, .search-result-list .nav-pills> li> a:hover {
    text-decoration: none;
    font-weight: bold;
    border-radius: 0px;
    border-left: 1px solid #474848;
    border-right: 1px solid #474848;
    border-top: 1px solid #474848;
    border-bottom: 0;
    color: #474848;
    background-color: transparent !important;
  }
  .search-result-list .nav-pills>li.active>a, .search-result-list .nav-pills>li.active>a:focus, .search-result-list .nav-pills>li.active>a:hover {
    color: #474848;
    text-decoration: none;
  }
  .search-result-list .nav-pills> li> a {
    border-radius: 0px;
    color: #474848;
    border: 1px solid #474848;
  }
  .search-result-list #map {
    height: 400px;
    width: 100%;
  }
  .search-result-list #maps .lead-details {
    -webkit-box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.35);
    margin-top: 5px;
    padding: 15px 0;
    margin-bottom: 5px;
    cursor: pointer;
  }
  #map img {
    width: 100%;
    max-width: 100%;
    height: 100%;
  }
  .search-result-list .lead-navigator {
    display: none;
  }
  .search-result-list #list-view-first-div {
    -webkit-box-shadow: inset 0px 5px 6px 0px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: inset 0px 5px 6px 0px rgba(0, 0, 0, 0.34);
    box-shadow: inset 0px 5px 6px 0px rgba(0, 0, 0, 0.34);
  }
  .search-result-list #list .lead-details {
    -webkit-box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.35);
    border-bottom: 1px solid #dadada;
    padding: 15px 0px;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .search-result-list .lead-title, .search-result-list .lead-address {
    display: block;
    padding: 0 10px;
  }
  .search-result-list .lead-icons div a:hover, .search-result-list .lead-icons div a:focus {
    color: #f15a40;
    text-decoration: none;
  }
  .search-result-list .lead-title h2 {
    width: 70%;
    display: inline-block;
    font-size: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #474848;
    float: left;
    margin: 0;
  }
  .search-result-list .lead-title .lead-count {
    width: 27%;
    display: inline-block;
    text-align: right;
    color: #474848;
    line-height: 2;
  }
  .search-result-list #maps .lead-address {
    width: 100%;
    margin: 10px 0 0 0;
    position: relative;
  }
  .search-result-list #maps .lead-address p {
    width: 100% !important;
    display: inline-block;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: white
  }
  .search-result-list #list .lead-address p {
    width: 60% !important;
    display: inline-block;
    color: #999;
  }
  .search-result-list .lead-address .product {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    line-height: 1.9;
    vertical-align: middle;
    color: #fff;
    float: right;
    margin-top: 10px;
    background-color: #008891;
  }
  .search-result-list #maps .lead-address .product {
    position: absolute;
    top: 12px;
    right: 16%;
  }
  .search-result-list .lead-address .product-yellow {
    background-color: #F6CD57 !important;
  }
  .search-result-list #maps .lead-address .product-yellow {
    position: absolute;
    top: 12px;
    right: 0%;
  }
  .search-result-list .lead-address .product-blue {
    background-color: #62C1D9 !important;
  }
  .search-result-list #maps .lead-address .product-blue {
    position: absolute;
    top: 12px;
    right: 8%;
  }
  .search-result-list .lead-info {
    display: block;
    float: left;
    overflow: hidden;
    width: 52%;
  }
  .search-result-list #list .lead-info {
    display: none;
  }
  .search-result-list .lead-info div {
    display: inline-block;
    color: #474848;
  }
  .search-result-list .lead-icons {
    display: block;
    width: 100%;
    border-top: 1px solid #dadada;
    padding: 0 10px;
  }
  .search-result-list .lead-icons div {
    width: 30%;
    display: inline-block;
    padding: 5px;
    text-align: center;
  }
  .search-result-list .lead-icons div a {
    font-size: 16px;
  }
  .search-result-list .header-wrapper h6 {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
  }
  .search-result-list #favourite-filter {
    display: none;
  }
  .search-result-list .view-only-desktop {
    display: none;
  }
  .search-result-list .header-wrapper {
    margin-top: 3.2em;
  }
  .search-result-list .header-wrapper .page-header {
    width: 70%;
  }
  /*search-result-list for mobile view css starts here*/
  /*asset-site-details for mobile view css starts here*/
  .asset-site-details .nav-tabs> li {
    width: 32%;
    text-align: center;
  }
  .asset-site-details .header-wrapper>.page-header {
    margin-top: 3.2em;
    width: auto;
    font-size: 17px;
    font-weight: bold;
  }
  .asset-site-details .header-wrapper h6 {
    margin-top: 4em;
  }
  .asset-site-details .nav-tabs> li a {
    text-transform: uppercase;
    color: #474848;
    border: 1px solid #474848;
    border-radius: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
  .asset-site-details .nav-tabs> li.active> a, .asset-site-details .nav-tabs> li.active> a:focus {
    text-decoration: none;
    font-weight: bold;
    border-radius: 0px;
    background-color: transparent !important;
    text-shadow: none;
    color: #474848;
    border-top: 1px solid #474848;
    border-left: 1px solid #474848;
    border-right: 1px solid #474848;
    border-bottom: 0;
  }
  .asset-site-details .nav-tabs> li.active> a:hover {
    background-color: transparent;
    color: #474848;
  }
  .asset-site-details .nav>li>a:focus, .asset-site-details .nav>li>a:hover {
    text-decoration: none;
    font-weight: bold;
    border-radius: 0px;
    background-color: transparent !important;
    text-shadow: none;
    color: #474848;
    border-top: 1px solid #474848;
    border-left: 1px solid #474848;
    border-right: 1px solid #474848;
    border-bottom: 0;
  }
  .asset-site-details .asset-info-container {
    padding: 15px 0px 0 0px;
    margin: 0px 0 15px 0;
  }
  .asset-site-details .site-info h4, .asset-site-details .contact-info h4 {
    color: #474848;
    margin-top: 15px;
  }
  .oppy-info-details {
    position: relative;
  }
  #info {
    -webkit-box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.34);
    box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.34);
  }
  .asset-site-details .lead-options-menu {
    background-color: #181f33;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .lead-options-menu ul {
    padding-left: 0;
    margin: 0;
  }
  .lead-options-menu ul>li {
    padding: 15px;
  }
  .lead-options-menu ul>li>a {
    color: #f15a40;
  }
  .asset-tab-filter {
    padding-left: 14px;
    border-bottom: 1px solid #dadada;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .asset-tab-filter>a {
    font-size: 14px;
  }
  .asset-tab-leadcontainer {
    width: 100%;
    padding-left: 10px;
    padding-bottom: 20px;
    -webkit-box-shadow: 4px 3px 9px 2px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 4px 3px 9px 2px rgba(0, 0, 0, 0.34);
    box-shadow: 4px 3px 9px 2px rgba(0, 0, 0, 0.34);
    background-color: transparent;
    margin-bottom: 15px;
  }
  .asset-tab-lead-info-left {
    width: 62%;
    /* display: inline-block; */
    float: left;
  }
  .asset-tab-lead-info-left h2 {
    color: #474848;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .asset-tab-lead-info-left>div {
    font-size: 16px;
    color: #969292;
  }
  .asset-tab-lead-info-right .btn:focus, .asset-tab-lead-info-right .btn:hover {
    outline: none;
    color: #f15a40;
    text-decoration: none;
  }
  .asset-site-details .asset-tab-lead-info-right {
    width: 100%;
    display: block;
    line-height: 100px;
    font-size: 14px;
    text-align: right;
  }
  .asset-tab-lead-info-right>a>span {
    display: none;
  }
  .asset-tab-lead-info-right>a>i {
    color: #f15a40;
  }
  #assets, #oppy {
    -webkit-box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.34);
    box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.34);
  }
  
  .asset-site-details .asset-info-container .col-xs-12 {
    font-size: 16px;
    color: #474848;
    font-weight: normal;
    padding: 0;
  }
  .asset-site-details .asset-info-container .col-xs-9 {
    font-size: 14px;
    color: #474848;
    padding: 0;
  }
  .asset-site-details .asset-info-container .col-xs-3>a>i {
    color: #FF6600;
  }
  .asset-site-details .header-wrapper h6 {
    text-align: right;
  }
  .asset-site-details .header-wrapper a {
    color: #999;
    font-size: 22px;
    margin: 0 7px;
  }
  .asset-site-details .header-wrapper a:hover, .asset-site-details .header-wrapper a.active, .asset-site-details .header-wrapper a.active:hover {
    color: #f15a40;
  }
  #assets #button1 {
    font-size: 12px;
    padding-top: 0px;
    color: #f15a40;
  }
  .asset-site-details .header-wrapper a#favheartbutton
  {
    color:#999;    
  }
  .asset-site-details .header-wrapper a#favheartbutton.active
  {
    color: #f15a40;         
  }
  #oppy
  {
      padding:0 15px;
   }
  
  /*.asset-site-details .header-wrapper i{
        color: #555;
       }*/
  .asset-site-details-desktop-header {
    display: none;
  }
  .asset-site-details #oppy .asset-tab-leadcontainer {
    border-top: 1px solid #dadada;
  }
  .asset-site-details .content {
    border-top: 1px solid #dadada;
  }
  .pager i
  {
      color:#f15a40;
  }
  .asset-site-details
  {
      margin-top:4em;
   }
   .asset-site-details .back-link-mob
   {
    display: block;
    color:#f15a40;
    font-size: 15px;   
    }
  /*asset-site-details for mobile view css ends here*/
  /*Screen 18 for mobile view css starts here*/
  .fav-sites {
    padding-right: 0px!important;
    padding-left: 0px!important;
    margin-top: 4em;
  }
  .fav-sites .checkbox-del-sav-rec {
    position: absolute;
    z-index: 200;
  }
  .fav-sites .favorite-site-list-item {
    border-bottom: 1px solid #dadada;
    padding: 10px 0;
    position: relative;
    -webkit-box-shadow: -1px 3px 17px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 3px 17px -2px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 3px 17px -2px rgba(0, 0, 0, 0.75);
    margin: 15px 0px;
    border-radius: 3px;
  }
  .fav-sites .col-1 {
    display: none;
  }
  .fav-sites .col-2 {
    width: 60%;
    display: inline-block;
    padding-left: 30px;
  }
  .mob-pr-zero {
    padding-right: 0;
  }
  .mob-pl-zero {
    padding-left: 0;
  }
  .fav-sites .col-2 h1 {
    width: 100%;
    text-align: left;
    float: none;
    margin-top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .fav-sites .col-2 .mngr-name {
    color: #474848;
    font-weight: normal;
  }
  .fav-sites .col-2 .last-serviced {
    color: #474848;
    font-weight: normal;
  }
  .fav-sites .col-3 {
    width: 40%;
    float: right;
    text-align: center;
  }
  .fav-sites .col-3 h6 {
    text-align: center;
    color: #474848;
    line-height: 3;
    font-weight: 900;
  }
  .fav-sites .col-3 .product {
    width: 25px;
    display: inline-block;
    text-align: center;
    padding: 4px 5px;
    border-radius: 50%;
    margin-right: 10px;
    line-height: 1.4;
    vertical-align: middle;
    color: #fff;
    margin-top: 0px;
    background-color: #008891;
  }
  .fav-sites .col-3 .product-blue {
    background-color: #62C1D9 !important;
  }
  .fav-sites .col-3 .product-yellow {
    background-color: #F6CD57 !important;
  }
  .fav-sites .col-4 {
    display: none;
  }
  .fav-sites .right-chevron {
    display: block;
    position: absolute;
    right: 2%;
    top: 39%;
    bottom: 0;
    margin: auto;
  }
  .fav-sites .right-chevron i {
    color: #f15a40;
  }
  .fav-sites .link-orange {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;
    line-height: 38px;
  }
  .fav-sites .link-orange:hover, .fav-sites .link-orange:active:hover, .fav-sites .link-orange:focus, .fav-sites .link-orange:focus:hover {
    text-decoration: none;
  }
  .fav-sites .create-new {
    display: none;
  }
  .fav-sites .btn-delete {
    background: none;
    border: none;
    font-size: 29px;
    font-weight: bold;
    color: #f15a40;
  }
  /*Screen 18 for mobile view css ends here*/
  /*Screen 20-21 for mobile view css starts here*/
  .single-asset-oppy-detail .content .asset-info-container {
    padding: 0px 0px 0px 15px;
    margin: 0px 0 0px 0;
  }
  .single-asset-oppy-detail {
    margin-top: 0em;
  }
  .divs-lastest-serv {}
  .single-asset-oppy-detail .glyphicon-chevron-left {
    color: #969292!important;
  }
  .single-asset-oppy-detail .page-header {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 4px;
  }
  .single-asset-oppy-detail .content .asset-info-container div.col-xs-12 {
    font-size: 14px;
    color: #999;
    font-weight: normal;
    padding: 0px 0px;
    padding-right: 18px;
  }
  .single-asset-oppy-detail .content .asset-info-container label.col-xs-12 {
    color: #474848;
    font-size: 14px;
    padding: 0px 0px;
    font-weight: normal;
  }
  .single-asset-oppy-detail .latest-service {
    color: #f15a40;
    text-decoration: none;
    outline: none;
    text-align: left;
  }
  .single-asset-oppy-detail .latest-service:hover {
    color: #f15a40;
    text-decoration: none;
    outline: none;
  }
  .single-asset-oppy-detail .divs-lastest-serv {
    display: block;
  }
  .single-asset-oppy-detail .last-serviced-on {
    display: none;
  }
  .single-asset-oppy-detail .view-mobile-only {
    display: block;
    position: relative;
  }
  .single-asset-oppy-detail .view-dektop-only {
    display: none;
  }
  .single-asset-oppy-detail .latest-serv-act, .single-asset-oppy-detail .latest-serv-act, .single-asset-oppy-detail .warranty-info, .single-asset-oppy-detail .agreement-info {
    padding: 0px 0px;
  }
  .single-asset-oppy-detail .latest-serv-act h4, .single-asset-oppy-detail .latest-serv-act h4, .single-asset-oppy-detail .warranty-info h4, .single-asset-oppy-detail .agreement-info h4 {
    color: #474848;
  }
  .update-asset-mobile {
    position: absolute;
    right: 0px;
    z-index: 999;
  }
  .share-btn {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    background-color: #f15a40;
    border-radius: 3px;
    margin-left: 5px;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    top: 52px;
    right: 10px;
  }
  .single-asset-oppy-detail .content .asset-info-container .col-xs-9 {
    color: #999;
    font-size: 14px;
    padding: 0px;
  }
   /*Unknown site results*/
  /** CRM Sites Download mbile**/
  
    .refine-crm-search-btn{
    padding: 5px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;    
    margin-bottom: 10px;
    float:right;
  }
  .refine-crm-search-btn:hover, .refine-crm-search-btn:focus, .refine-crm-search-btn:active:hover{
    text-decoration: none;
    color: #fff;
  }
/** CRM Sites Download **/
  /*Screen 20-21 for mobile view css starts here*/
  /*Screen 22-23 for mobile view css starts here*/
  .oppy-details-btn-hide-show {
    display: none;
  }
  /*Screen 22-23 for mobile view css starts here*/
  /*Nearby Sites*/
  .nearby-sites .find-btn {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;
  }
  .map-container-nearby img {
    margin: 0 auto;
  }
  /*Nearby Sites*/
  /*Unknown site results*/
  .refine-un-search-btn {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;
    line-height: 38px;
    margin-bottom: 10px;
  }
  .refine-un-search-btn:hover, .refine-un-search-btn:focus, .refine-un-search-btn:active:hover {
    text-decoration: none;
    color: #fff;
  }
  .preview {
    margin-bottom: 10px;
  }
  .preview img {
    margin: 0 auto;
  }
  /*Unknown site results*/
  .pager
  {
      font-size:15px;
    }
	
	/*Help Text Page Styling Starts Here!*/
  .help-text .content{
    min-height: auto;
  }
  .help-text .help-info{
    display: block;
    width: 100%;
    white-space: nowrap;
    margin-top: 15px;
  }
  .help-text .product-marker{
    width: 25px;
    display: inline-block;
    text-align: center;
    padding: 4px 5px;
    border-radius: 50%;
    margin-right: 0px;
    line-height: 1.4;
    vertical-align: middle;
    color: #fff;
    margin-top: 0px;
  }
  .A{
    background: #008891;
  }
  .C{
    background: #62C1D9;
  }
  .U{
    background: #F6CD57;
  }
  .hot-lead{
    color: #FFDE49;
    font-size: 20px;
    display: inline-block;
    line-height: 1.4;
    vertical-align: middle;
    width: auto;
  }
  .help-info span:nth-child(2){
    display: inline-block;
    height: 30px;
    color:#474848;
    font-size: 20px;
  }
  .disclaimer{
    color: #474848;
    font-size: 16px;
    margin-top: 15px;
  }
    
  .foot-note{
    margin-top: 20px;
  }
  .foot-note label{
    font-size: 16px;
    color: #4D4F53;
    font-weight: bold;
    display: block;
  }
  .foot-note p{
    color: #474848;
    font-size: 16px;
    margin-top: 15px;
  }
  .foot-note a{
    color: #474848;
    text-decoration: underline;
  }
  .foot-note a:hover{
    color: #474848;
  }
  .contentNotes a.link-orange {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    background-color: #f15a40;
    border-radius: 3px;
    float: right;
    margin-left: 5px;
    text-transform: uppercase;
    color: #fff;
  }
  .contentNotes a.link-orange:active:hover {
    color: #fff;
    background-color: #df4e34;
    text-decoration: none;
  }
	
	
}

.search-result-list .pager .next,.search-result-list .pager .previous,.fav-sites .pager .next,.fav-sites .pager .previous, .saved-searches .pager .next,.saved-searches .pager .previous
  {
      color:#f15a40;
  }
  .page-active
  {
    color:#f15a40;   
  }


/*end of @media max-width: 768*/


/* Sidebar navigation */

.nav-sidebar {
  background-color: #182946;
  margin-right: -15px;
  margin-bottom: 20px;
  margin-left: -15px;
}

.nav-sidebar> li> a {
  padding-right: 20px;
  padding-left: 20px;
  color: #fff
}

.nav-sidebar> li> a:hover, .nav-sidebar> li> a:focus {
  color: #f15a40;
  background-color: #182946;
}

.nav-sidebar> li:first-child> a {
  text-transform: uppercase;
  color: #f15a40;
}

.nav-sidebar i {
  color: #f15a40;
  margin: 0px 8px
}

.nav-sidebar> .active> a {
  color: #fff;
  background-color: #182946;
}

.main {
  background: transparent;
}
.page-active
  {
    color:#f15a40;   
  }

@media all and (max-width: 2500px) and (min-width: 768px) {
  /*Basic Layout and find-sites Starts Here*/
  body {
    padding-top: 0;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
    font-weight: 500;
    font-style: normal;
    color: #f15a40;
    margin: 0;
    background: url('../assets/subtle_dots.png') repeat;
  }
  
  .tooltip1 {
    background: black;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -13px;
    margin-bottom: 13px;
    opacity: 1;
    padding: 5px 8px;
    pointer-events: none;
    position: absolute;
    font-size: 1em;
    font-weight: normal;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
 .tooltip1:before {
    bottom: -20px;
    content:" ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
/* CSS Triangles */
 .tooltip1:after {
    border-left: solid transparent 8px;
    border-right: solid transparent 8px;
    border-top: solid black 8px;
    bottom: -8px;
    content:' ';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
}
.ui-slider-handle.ui-state-focus {
    outline: 0;
} 

.tooltip2 {
    background: black;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -13px;
    margin-bottom: 13px;
    opacity: 1;
    padding: 5px 8px;
    pointer-events: none;
    position: absolute;
    font-size: 1em;
    font-weight: normal;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
 .tooltip2:before {
    bottom: -20px;
    content:" ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
/* CSS Triangles */
 .tooltip2:after {
    border-left: solid transparent 8px;
    border-right: solid transparent 8px;
    border-top: solid black 8px;
    bottom: -8px;
    content:' ';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
}
  .page-active
  {
    color:#f15a40;   
  }
  input {
    outline: none;
  }
  footer {
    width: 100%;
    margin: 0 auto;
  }
  footer .col-xs-12 {
    background-color: #474848;
  }
  footer .col-xs-12 p {
    color: #fff;
  }
  #footer-container {
    padding: 0px;
  }
  #footer-container .social-links {
    padding-left: 0;
    list-style-type: none;
    text-align: right;
  }
  #footer-container .col-xs-12 {
    padding: 0px 0px;
  }
  #footer-container .social-links>li {
    text-align: center;
    padding: 7px 0px 0px 0px;
    display: inline-block;
  }
  #footer-container .social-links>li a {
    color: #fff;
    font-size: 11px;
    border-right: 1px solid #fff;
    padding: 0px 2px 0px 0px;
  }
  #footer-container .logo-list {
    padding-left: 0;
    list-style-type: none;
    text-align: right;
  }
  #footer-container .logo-list>li {
    display: inline-block;
    text-align: center;
    margin: 4px 4px 4px 0px;
    font-size: 11px;
    color: #fff;
  }
  #footer-container .footer-tri-cont {
    position: relative;
    padding-right: 11px;
    margin-right: 0px!important;
  }
  #footer-container .legal-text {
    font-size: 11px;
    text-align: right;
  }
  #footer-container .legal-text a {
    font-size: 11px;
    color: #fff;
  }
  #footer-container .brand-logo-div {
    text-align: center;
    line-height: 90px;
  }
  #footer-container .brand-logo-div img {
    width: 80%;
    margin-top: 15px;
  }
  #footer-container .content-left {
    width: 76%;
    float: left;
    border-right: 1px solid #fff;
    padding: 0px 3px 0px 0px;
  }
  #footer-container .content-right {
    width: 24%;
    float: right;
    padding: 0px 5px;
  }
  #footer-container .social-links>li:last-child>a {
    border: none;
  }
  nav {
    display: block;
  }
  .pager
  {
      font-size:18px;
      }
  .fixed-position {
    position: fixed;
    top: 0;
    max-width: 100%;
    width: 100%;
    background: url(../assets/subtle_dots.png) repeat #fff;
    z-index: 1000;
    left: 0;
    right: 0;
    margin: auto;
  }
  .navbar-default .navbar-nav>li>a {
    text-align: center;
    color: #474848;
    font-size: 13px;
    line-height: 2;
    text-transform: uppercase;
    padding: 10px 10px 10px 3px;
  }
  nav .navbar-nav>li {
    padding: 0 0px;
  }
  .page-header-option .standard-main-nav {
    text-align: right;
    padding-left: 0;
    padding-right: 0;
  }
  nav .navbar-brand {
    display: block;
    line-height: 3.4;
  }
  .navbar-default .navbar-nav>li>a:hover {
    background-color: transparent;
    color: #f15a40;
  }
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
    color: #f15a40;
  }
  .navbar-inverse .navbar-collapse {
    float: left;
  }
  .navbar-inverse .navbar-nav>li>a:hover {
    color: #f15a40;
  }
  nav+ .container-fluid {
    margin-top: 60px;
  }
  .nav-dropdown button.btn-default {
    border: 0;
    background: transparent;
    color: #79798F;
    line-height: 75px;
    font-family: 'HelveticaNeueBold';
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
  }
  .nav-dropdown button.btn-default:hover {
    color: #9898B5;
  }
  .navbar-fixed-top .container-fluid {
    background: transparent;
    border-bottom: 1px solid #73738D;
  }
  .navbar-fixed-top .navbar-brand, .navbar-fixed-top .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #f15a40;
  }
  .navbar-collapse {
    padding-left: 0;
  }
  .navbar-collapse .sub, .navbar-collapse .subsub {
    display: none;
  }
  .get-location-btn {
    border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    color: #e66241;
    text-transform: uppercase;
    border: none;
    line-height: 5;
    font-size: 15px;
    width: auto;
    border-radius: 5px;
  }
  .get-location-btn:hover, .get-location-btn:active:hover {
    background-color: transparent;
    color: #f15a40;
  }
  .btn-group.open .dropdown-toggle {
    color: #9d9d9d;
    box-shadow: none;
    background: transparent;
  }
  .nav-dropdown> .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    background-color: transparent;
    color: #ccc;
    border: none;
  }
  .navbar-left li>a {
    color: #fff;
  }
  .navbar-left li>a>i {
    color: #f15a40;
  }
  .main-content-wrapper {
    margin-top: 0em;
  }
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .main p:first-child {
    width: 13%;
    float: left;
  }
  .main p:first-child i {
    font-size: 30px;
    color: #f15a40;
  }
  .header-wrapper h6 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 30px;
    font-size: 1em;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .link-orange {
    color: #f15a40;
  }
  .link-orange:hover, .link-orange:active:hover {
    color: #f15a40;
    text-decoration: none;
  }
  .link-orange:hover .main h1 {
    width: auto;
    float: left;
    font-size: 1.6em;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 30px;
    text-align: left;
    color: #474848;
    padding: 1% 0 0% 0%;
  }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -48%;
    background: #182946!important;
  }
  .sidebar-offcanvas {
    display: block;
    min-height: 300px;
    background: blue;
    /* width: 200px; */
  }
  .row-offcanvas-left.active {
    left: 48%;
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 45%;
    margin-left: 10px;
  }
  .form-control-user {
    width: 100%;
    padding: 0px;
    margin: 0px 0 15px 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #474848;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: #474848;
    background-color: transparent;
    font-size: 14px;
    border-radius: 0px;
    -webkit-appearance: none;
  }
  input::-webkit-input-placeholder {
    color: #474848 !important;
  }
  input:-moz-placeholder {
    /* Firefox 18- */
    color: #474848 !important;
  }
  input::-moz-placeholder {
    /* Firefox 19+ */
    color: #474848 !important;
  }
  input:-ms-input-placeholder {
    color: #474848 !important;
  }
  .keyowrd-search input {
    width: 49%;
    margin-bottom: 0px;
    height: 42px;
  }
  .form-group label {
    font-size: 16px;
    color: #4D4F53;
    font-weight: normal;
    display: block;
  }
  .radio-control .col-sm-4 label, .checkbox-control .col-sm-4 label {
     font-size: 14px;
    color: #474848;
  }
  .radio-control .col-sm-4, .checkbox-control .col-sm-4 {
    width: 15%;
  }
  .nav-sidebar> li:last-child> a {
    padding-top: 170px;
    padding-bottom: 20px;
  }
  .nav-sidebar> li:first-child> a {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .divs {
    display: none;
  }
  .form-horizontal .has-feedback .input-group .form-control-feedback {
    top: 0;
    right: -30px;
  }
  .find-sites .search-btn-block {
    border-radius: 0;
    border-radius: 0;
    background-color: #f15a40;
    color: #fff;
    text-transform: uppercase;
    border: none;
    line-height: 2.3;
    font-size: 16px;
    width: 14%;
    border-radius: 3px;
  }
  .find-sites .search-btn-block:hover, .find-sites .search-btn-block:hover, .find-sites .search-btn-block:focus, .find-sites .search-btn-block:active:hover {
    background-color: #df4e34;
    color: #fff;
  }
  .signin-btn-block {
    background-color: #f15a40;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #f15a40;
    font-weight: bold;
    margin-bottom: 15%;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .signin-btn-block:hover, .signin-btn-block:focus, .signin-btn-block:active {
    background-color: #e66241;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #e66241!important;
    font-weight: bold;
    outline: none;
  }
  #datetimepicker6 .form-control, #datetimepicker7 .form-control {
    border-bottom: 1px solid #474848;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #4D4F53;
    height: 42px;
    padding: 0px;
    margin-bottom: 15px;
  }
  #datetimepicker6 .input-group-addon, #datetimepicker7 .input-group-addon {
    background: transparent;
    color: #f15a40;
    border: none;
    border-radius: 0;
  }
  .main {
    width: 100%;
    padding: 0 0%;
    background: transparent;
  }
  .main .visible-xs {
    display: none!important;
  }
  .dropdown-div {
    width: 49%;
    display: inline-block;
    margin-bottom: 15px;
  }
  .dropdown-div-block {
    width: 100%;
  }
  .dropdown-div .form-control {
    display: inline-block;
    width: 100%;
    height: 42px;
    padding: 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #474848;
    background-color: transparent;
    background-image: none;
    border-bottom: 1px solid #474848;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0px;
    box-shadow: none;
  }
  .confirmation-message {
    width: 50%;
    padding: 20px 8px;
    color: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: fixed;
    top: 18%;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #182946;
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  @keyframes cssAnimation {
    to {
      width: 0;
      height: 0;
      padding: 0 0;
      overflow: hidden;
    }
  }
  @-webkit-keyframes cssAnimation {
    to {
      width: 0;
      height: 0;
      visibility: hidden;
      padding: 0 0;
    }
  }
  .find-sites #button1 {
    color: #f15a40;
    width: 275px;
    margin-bottom: 1%;
    padding-left: 0;
    text-align: left;
  }
  .find-sites span.error-msg {
    font-size: 12px;
    color: #f15a40;
  }
  .find-sites #button1:hover, .find-sites #button1:focus {
    outline: none;
    text-decoration: none;
    color: #e66241;
  }
  .find-sites .content {
    margin: 0% 0% 0% 0%;
    padding: 2% 0% 1% 0%;
    border-radius: 3px;
    background: transparent;
  }
  .calender-control .col-xs-6 {
    padding: 0;
  }
  .find-sites .link-orange {
    color: #f15a40;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
  }
  .find-sites .header-wrapper h6 {
    text-align: left;
    float: right;
    width: auto;
    padding: 8px 0px 10px 0%;
  }
  .find-sites .header-wrapper h6 a {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;
  }
  .find-sites .header-wrapper h6 a:hover, .find-sites .header-wrapper h6 a:focus, .find-sites .header-wrapper h6 a:active:hover {
    text-decoration: none;
    background-color: #df4e34;
    color: #fff;
    border: 1px solid #df4e34;
  }
  .find-sites {
    margin-top: 9em;
  }
  .find-sites .header-wrapper {
    padding: 0% 0%;
  }
  .find-sites-saved-search {
    margin-top: 0px;
  }
  
  .find-sites .show-desktop
  {
    display:inline;   
   }
  .find-sites .page-header {
    width: auto;
    float: left;
    font-size: 45px;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 30px;
    text-align: left;
    color: #474848;
    padding: 1% 0 0% 0%;
  }
  .find-sites .radio-text {
    color: #1F1F44;
  }
  .find-sites .search-address div {
    padding-left: 0px;
  }
  .find-sites .search-address>.col-xs-12:first-child {
    padding-right: 0;
  }
  .find-sites .search-address .search-address-fields {
    width: 100%;
    float: left;
    margin-bottom: 15px;
  }
  .find-sites .search-address .search-address-fields div:last-child {
    padding-right: 0px;
  }
  .page-header-option {
    background-color: transparent;
  }
  .page-header-option .navbar-default {
    border-radius: 0;
    min-height: auto;
    background: url('../assets/subtle_dots.png') repeat;
    border-bottom: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    border-top: 0;
  }
  .find-sites .logo-text {
    color: #474848;
    font-size: 16px;
    display: none;
  }
  .find-sites .logo-text:hover, .find-sites .logo-text:active, .find-sites .logo-text:active:hover {
    text-decoration: none;
  }
  .hp-logo {
    display: none;
  }
  .hp-logo-desk {
    line-height: 50px;
  }
  .hp-logo-desk img {
    display: inline-block;
    width: 32%;
    height: 65px;
  }
  .main-content-wrapper .welcome-text {
    color: #474848;
    font-size: 12px;
    line-height: 50px;
    vertical-align: middle;
  }
  .main-content-wrapper .welcome-text:hover, .main-content-wrapper .welcome-text:active, .main-content-wrapper .welcome-text:active:hover {
    text-decoration: none;
    color: #474848;
  }
  .page-header-option .navbar-default .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .main-content-wrapper .app_name {
    font-size: 32px;
    color: #f15a40;
  }
  .main-content-wrapper .logo-appname-container {
    padding: 5px;
    background-color: transparent;
  }
  .find-sites .start-ship-date {
    padding-left: 0;
  }
  .find-sites .end-ship-date {
    padding-right: 0;
  }
  .find-sites select.select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    /* no standardized syntax available, no ie-friendly solution available */
  }
  .find-sites select.select::-ms-expand {
    display: none;
  }
  select+ i.glyphicon {
    float: right;
    margin-top: -25px;
    margin-right: 5px;
    /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
    pointer-events: none;
    /* everything after this is just to cover up the original arrow */
    /* (for browsers that don't support the syntax used above) */
    background-color: #fff;
    padding-right: 5px;
    color: #474848;
  }
  .tooltip {
    z-index: 900;
  }
  /*Find sites slider starts here*/
  
  
  
  
  
  
  
  
  .find-sites .range-slider-container {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 30px;
  }
  .single-asset-oppy-detail .range-slider-container {
    margin-bottom: 30px;
    padding-right: 70px;
  }
  .range-slider-container .starter-section {
    padding: 40px 15px;
    text-align: center;
  }
  .range-slider-container .slider {
    margin-top: 10px;
  }
  .slider-track {
    background-image: -ms-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -moz-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -o-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #03A678), color-stop(49, #03A678), color-stop(49, #FFFF00), color-stop(85, #FFFF00), color-stop(85, #03A678), color-stop(100, #03A678));
    background-image: -webkit-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: linear-gradient(to right, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
}
 #slider-1,#slider-2 {
    background-image: -ms-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -moz-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -o-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #03A678), color-stop(49, #03A678), color-stop(49, #FFFF00), color-stop(85, #FFFF00), color-stop(85, #03A678), color-stop(100, #03A678));
    background-image: -webkit-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: linear-gradient(to right, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
}
  .single-asset-oppy-detail .range-slider-container .slider {
    margin-top: 0px;
    height: 0px;
  }
  .range-slider-container .slider-track-high {
    background: red;
  }
  .range-slider-container .slider-track-low {
    background: green;
  }
  .range-slider-container .slider-selection {
    background: transparent;
  }
  
  .slider-selection {
    background: transparent!important;
  }
  .slider.slider-horizontal {
    width: 100%;
  }
  .slider .tooltip {
    z-index: 900;
  }
  .range-slider-container .slider-handle {
    background: #fff;
    border: 1px solid #ccc;
    opacity: 1;
  }
  /*Find sites slider range ends here*/
  /*Basic Layout and find-sites Ends Here*/
  /*Screen6-7-Saved-Search starts here*/
  #saved-search-width {
    width: 60%;
  }
  #saved-search-width-subhead1 {
    width: auto;
    margin: 0px 0px 0px 0px;
  }
  #saved-search-width-subhead2 {
    width: auto;
    margin: 0px 7px 0px 0px
  }
  #saved-search-width-subhead1:hover, #saved-search-width-subhead1:hover {
    color: #e66241;
  }
  #saved-search-btn {
    display: none;
  }
  .page-6-7-active {
    background-color: #445571;
  }
  /*Screen6-7-Saved-Search starts here*/
  /*heritage-login desktop Starts here*/
  .heritage-login {
    background: #182946!important;
    padding-left: 0px;
    padding-right: 0px;
  }
  .heritage-login .visible-xs {
    display: none!important;
  }
  .heritage-login .btn-link:focus, .heritage-login .btn-link:hover {
    color: #e66241;
    text-decoration: none;
  }
  .heritage-login .header-wrapper {
    border-bottom: 1px solid #73738D;
    padding: 20px 45px;
  }
  .heritage-login .header-wrapper h6 {
    display: block;
  }
  .heritage-login .header-wrapper h1 {
    width: 85%;
    font-size: 14px;
    text-transform: uppercase;
    color: #f15a40;
    float: left;
    text-align: left;
    font-weight: bold;
  }
  .heritage-login .content {
    padding: 3% 8%;
    margin: 5% 26%;
    background: #fff;
    border-radius: 5px;
  }
  .manage1-2-header {
    border: 0;
    margin-bottom: 0;
    padding-top: 14px;
  }
  #login-nav {
    display: none;
  }
  .no-mar-top {
    margin-top: 0!important;
  }
  .heritage-login .nav-dropdown button.btn-default {
    line-height: 20px;
    padding-top: 18px;
  }
  .heritage-login .sign-in-form-label {
    font-size: 20px;
    font-family: 'HelveticaNeueLight_1';
    font-weight: 100;
    font-style: normal;
    text-align: center;
    color: #1F1F44;
    padding: 0% 0% 8% 0%;
  }
  /*heritage-login desktop Ends here*/
  .ModifyCommentIcons
  {
      display:none;   
  }
  
  /*screen-2-3-4  desktop Starts here*/
  .app-tour-container {
    background: transparent;
  }
  .fixed-position .hide-desktop {
    display: none;
  }
  .app-tour {
    background: transparent;
    margin-top: 9em;
    padding-bottom: 0;
  }
  .app-tour .content {
    background-color: #fff;
  }
  .app-tour .visible-xs {
    visibility: hidden;
  }
  .app-tour .page-header {
    color: #474848;
    font-size: 45px;
    width: 92%;
    text-align: center;
    float: left;
    border-bottom: 0;
    margin-bottom: 0;
  }
  .app-tour .help-header {
    text-align: left;
  }
  .app-tour .content {
    min-height: 512px;
    border-radius: 0px;
    margin: 0;
    background: transparent;
  }
  .app-tour .header-wrapper {
    padding: 20px 0px;
    background: transparent;
    width: 90%;
    margin: 0 auto;
  }
  .app-tour .header-wrapper h6 {
    text-align: left;
    float: right;
    width: auto;
    padding: 22px 0px 10px 0%;
  }
  .app-tour .header-wrapper h6 a {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;
  }
  .app-tour .header-wrapper h6 a:hover, .app-tour .header-wrapper h6 a:focus, .app-tour .header-wrapper h6 a:active:hover {
    background: #df4e34;
    color: #fff;
    text-decoration: none;
  }
  .carousel-inner> .item> img, .carousel-inner> .item> a> img {
    width: 70%;
    margin: auto;
  }
  #myCarousel .item {
    min-height: 100px;
    background: transparent;
  }
  .map-container {
    position: relative;
    text-align: center;
  }
  .map-container img {
    max-width: 100%;
    width: 90%;
    border-radius: 5px;
  }
  #myCarousel .carousel-control.right {
    position: relative;
    background: #f15a40;
    opacity: 1;
    color: #fff;
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
    display: table;
    margin-bottom: 0px;
    border-radius: 5px;
  }
  #myCarousel .carousel-control.right:hover {
    color: #fff;
    background-color: #df4e34;
  }
  #myCarousel .carousel-control.right span {
    line-height: 3;
    text-transform: uppercase;
    font-size: 13px;
  }
  #myCarousel .carousel-caption {
    position: relative;
    right: 0;
    bottom: 0px;
    top: 0px;
    left: 0;
    z-index: 99;
    margin: auto;
    padding-bottom: 0;
    width: 50%;
  }
  #myCarousel .carousel-caption h3 {
    font-size: 14px;
    color: #474848;
    text-shadow: none;
  }
  #myCarousel .carousel-caption p {
    font-size: 13px;
    margin-bottom: 7%;
    color: #474848;
    text-shadow: none;
  }
  #myCarousel .carousel-indicators {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    list-style: none;
    background-color: transparent;
    padding-top: 15px;
  }
  #myCarousel .carousel-indicators li {
    background-color: #474848;
    border: none;
  }
  #myCarousel .carousel-indicators li.active {
    background-color: #999;
  }
  #carousel-nav {
    display: none;
  }
  .app-tour-page-header {
    width: 100%;
    border-bottom: 1px solid #73738D;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 20px 45px;
  }
  .app-tour-page-header h1 {
    width: 100%;
    float: left;
    text-align: left;
    padding: 20px 45px;
    color: #f15a40;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
  }
  #open-trane-carousel-btn {
    background: #f15a40;
    width: 19% !important;
    border-radius: 5px;
  }
  .for-mob
  {
      display:none;
      }
  /*apptour for desktop view css ends here*/
  /*saved-searches for desktop view css starts here*/
  #create-new-btn {
    display: inline-block;
    padding: 3px 12px;
    border: 1px solid #f15a40;
    border-radius: 5px;
    font-size: 16px;
  }
  #create-new-btn:hover {
    color: #e66241;
  }
  /*#create-new-btn:hover{
          opacity: 0.6;
      }*/
  #create-new-btn:focus {
    border: 1px solid #f15a40;
    color: #f15a40;
    text-decoration: none;
  }
  .saved-searches .header-wrapper h6 {
    text-align: right;
    font-weight: bold;
    padding-top: 5px;
  }
  .saved-searches .header-wrapper h6 .link-orange:hover {
    color: #fff;
    text-decoration: none;
    background-color: #df4e34;
  }
  .saved-searches .saved-search-label {
    width: 100% !important;
  }
  .saved-searches .saved-search-name {
    width: 30%;
    float: left;
    padding: 1em;
    display: inline-block;
    text-align: left;
  }
  .saved-searches .saved-search-options ul {
    list-style-type: none;
    padding-left: 10px;
    background-color: transparent;
    margin-bottom: 0;
    text-align: right;
  }
  .saved-searches .saved-search-options {
    width: auto;
    display: inline-block;
    line-height: 60px;
    float: right;
  }
  .saved-searches .saved-search-options ul li {
    display: inline-block;
    padding: 7px 20px;
    border-left: 1px solid #ccc;
    text-align: center;
  }
  .saved-searches .chevron-map-marker {
    line-height: 70px;
    font-size: 32px;
    display: inline-block;
    vertical-align: middle;
    float: left;
  }
  .saved-searches .view-results-btn {
    border-radius: 0;
    background-color: #f15a40;
    color: #fff;
    text-transform: uppercase;
    border: none;
    line-height: 2.3;
    font-size: 12px;
    width: auto;
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
    /*position: relative;
            left: 2%;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   
  }
  .view-results-btn:active:focus, .view-results-btn:hover {
    background-color: #e66241;
  }
  .saved-searches .chevron-right-icon {
    display: none;
  }
  .saved-searches .saved-search-container {
    border: 1px solid #fafafa;
    border-radius: 3px;
    -webkit-box-shadow: -1px -1px 15px 1px rgba(204, 196, 204, 1);
    -moz-box-shadow: -1px -1px 15px 1px rgba(204, 196, 204, 1);
    box-shadow: -1px -1px 15px 1px rgba(204, 196, 204, 1);
    margin-bottom: 15px;
    margin-top: 15px;
    background-color: transparent;
    float: left;
    width: 100%;
    padding: 3px 5px 3px 40px;
    text-align: center;
    position: relative;
  }
  /*.saved-search-container:last-child{
          margin-bottom: 0px;
        }*/
  .saved-searches .saved-search-options>ul>li>a {
    color: #999;
    font-size: 12px;
  }
  footer .mar-top {
    margin-top: 30px;
  }
  .saved-searches .saved-search-options>ul>li>a i.glyphicon {
    display: block;
    margin-top: 5px;
  }
  .saved-searches .saved-search-options>ul>li>a:hover, .saved-searches .saved-search-options>ul>li>a:focus {
    color: #ccc;
    text-decoration: none;
  }
  .saved-searches .create-new {
    display: inline;
    font-size: 12px;
    line-height: 4;
    font-weight: normal;
  }
  .saved-searches .saved-search-label {
    color: #474848;
    font-size: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .saved-searches .saved-date {
    color: #999;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .saved-searches .content {
    padding: 0 0px;
    background-color: transparent;
  }
  .chevron-map-marker i, .chevron-right-icon i {
    color: #999;
    vertical-align: middle;
    padding: 0px;
  }
  #myModal .modal-content {
    background-color: #999 !important;
  }
  #myModal .modal-dialog {
    margin: 15% auto;
  }
  #myModal .modal-content .modal-body p {
    font-size: 16px;
    color: #474848;
  }
  #myModal .link-orange {
    font-size: 16px;
  }
  #myModal .modal-footer {
    border-top: 0px!important;
  }
  .saved-searches .header-wrapper>h1 {
    padding-left: 0px;
    padding-top: 1%;
  }
  .saved-searches {
    margin-top: 9em;
  }
  .btn-create-new {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;
    font-weight: normal;
  }
  .btn-create-new:hover, .btn-create-new:focus, .btn-create-new:focus:hover {
    color: #fff;
    text-decoration: none;
    background-color: #df4e34;
  }
  .saved-searches .page-header {
    width: auto;
    float: left;
    font-size: 45px;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 30px;
    text-align: left;
    color: #474848;
    padding: 1% 0 0% 0%;
  }
  /*saved-searches for desktop view css ends here*/
  /*search-result-list for desktop view css starts here*/
  .search-result-list {
    padding: 0 0%;
    margin-top: 7.5em;
  }
  .search-result-list .nav-pills {
    display: none;
  }
  .search-result-list .pager .next,.search-result-list .pager .previous,.fav-sites .pager .next,.fav-sites .pager .previous, .saved-searches .pager .next,.saved-searches .pager .previous
  {
      color:#f15a40;
  }
  .search-result-list>.header-wrapper {
    display: none;
  }
  .search-result-list .nav-pills> li {
    width: 49%;
    text-align: center;
  }
  .search-result-list .nav-pills> .active> a, .search-result-list .nav-pills> .active> a:hover, .search-result-list .nav-pills> li> a:hover {
    text-decoration: none;
    font-weight: bold;
    border-radius: 0px;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #FF6600;
    color: #FF6600!important;
    background-color: transparent !important;
    text-transform: uppercase;
  }
  .search-result-list .nav-pills> li> a {
    border-radius: 0px;
    color: #FF6600!important;
    text-transform: uppercase;
  }
  .search-result-list #map {
    height: 460px;
    float: right;
    width: 50%;
  }
  .search-result-list #map img {
    width: 100%;
    max-width: 100%;
  }
  #maps .left-container {
    width: 50%
  }
  .search-result-list #maps .lead-details {
    margin-top: 0px;
    padding: 15px 0;
    width: 100%;
    background: transparent;
    float: left;
    border-bottom: 1px solid #ccc;
    font-size: 100%;
    padding-right: 45px;
    position: relative;
  }
  .search-result-list #maps .no-pad-right {
    padding-right: 0!important;
  }
  .search-result-list #maps .lead-navigator {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    /* left: 0; */
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
  }
  .search-result-list #maps .lead-navigator i {
    color: #f15a40;
  }
  .search-result-list #maps .lead-navigator i:hover {
    color: #df4e34;
  }
  .search-result-list #list-view-first-div {
    -webkit-box-shadow: inset 0px 5px 6px 0px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: inset 0px 5px 6px 0px rgba(0, 0, 0, 0.34);
    box-shadow: inset 0px 5px 6px 0px rgba(0, 0, 0, 0.34);
  }
  .search-result-list #list .lead-details {
    border-bottom: 1px solid #dadada;
    padding: 15px 10px;
  }
  .search-result-list .lead-title, .search-result-list .lead-address {
    display: block;
    padding: 0 10px;
  }
  .search-result-list .lead-title h2 {
    width: 70%;
    display: inline-block;
    font-size: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #474848;
    float: left;
    margin: 0;
  }
  .search-result-list .lead-title .lead-count {
    width: 29%;
    display: inline-block;
    text-align: right;
    color: #474848;
    line-height: 2;
    font-weight: 900;
    font-size: 12px;
  }
  .search-result-list .lead-address {
    width: 100%;
    margin: 10px 0 0 0;
  }
  .search-result-list .lead-address p {
    width: 52% !important;
    display: inline-block;
    color: #999;
  }
  .search-result-list .lead-address .product {
    width: 25px;
    display: inline-block;
    text-align: center;
    padding: 4px 5px;
    border-radius: 50%;
    margin-right: 10px;
    line-height: 1.4;
    vertical-align: middle;
    color: #fff;
    float: right;
    margin-top: 10px;
    background-color: #008891;
  }
  .lead-address .product-blue {
    background-color: #62C1D9 !important;
  }
  .lead-address .product-yellow {
    background-color: #F6CD57 !important;
  }
  .search-result-list .lead-info {
    padding: 5px 10px 15px 10px;
    
  }
  .search-result-list .lead-info div {
    display:block;
    color: #474848;
  }
  .search-result-list .mngr-name {
    font-weight: 900;
  }
  .no-fw {
    font-weight: normal !important;
  }
  .search-result-list .lead-icons {
    display: block;
    width: 100%;
    border-top: 1px solid #dadada;
    padding: 0 10px;
  }
  .search-result-list .lead-icons div {
    width: 30%;
    display: inline-block;
    padding: 5px;
    text-align: center;
  }
  .search-result-list .lead-icons div a {
    font-size: 16px;
  }
  .search-result-list .header-wrapper h6 {
    font-size: 1.1em;
    font-weight: bold;
    text-align: left;
  }
  .search-result-list #favourite-filter {
    display: inline-block;
  }
  .search-result-list #search-count {
    line-height: 2;
    padding-left: 4px;
  }
  #favourite-filter h6 {
    font-size: 15px;
    padding-left: 9px;
    margin: 5px 0px 15px 0px;
  }
  #favourite-filter h6 a.link-orange:hover {
    color: #f15a40;
    text-decoration: none;
  }
  #favourite-filter i {
    margin-right: 20px;
  }
  .lead-details-list-view .lead-address p {
    display: inline-block;
  }
  .lead-details-list-view .d-list-view {
    width: 50%;
    float: left;
    padding-left: 0px;
  }
  .lead-details-list-view .lead-icons {
    display: none;
  }
  .no-border-bottom {
    border-bottom: 0px!important;
  }
  .search-result-list .visible-desktop {
    display: block;
  }
  .search-result-list .hide-desktop {
    visibility: hidden;
  }
  .search-result-list .lead-address p.desk-p-style {
    margin-bottom: 0;
    font-weight: 900;
    width: 23% !important;
    margin-top: 10px;
    color: #000;
    font-size: 18px;
  }
  .search-result-list .view-only-mobile {
    display: none;
  }
  /*search-result-list for desktop view css starts here*/
  /*asset-site-details for desktop view css starts here*/
  .asset-site-details {
    padding: 0;
    margin-top: 8em;
  }
  .main-content-wrapper-tp-mar-desk {
    margin-top: 1em!important;
  }
  .asset-site-details .content {
    margin-left: 0;
    margin-right: 0;
    
  }
  .asset-site-details .header-wrapper {
    display: none;
  }
  .asset-site-details .asset-site-details-desktop-header {
    background-color: #fff;
    padding: 0;
  }
  .asset-site-details .asset-site-details-desktop-header .content1 a {
    line-height: 4;
  }
  .asset-site-details .asset-site-details-desktop-header .content2 {
    float: left;
    width: 100%;
    margin-top: 10px;
  }
  .asset-site-details-desktop-header .content2 h2 {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    color: #474848;
    font-size: 26px;
    width: auto;
    max-width: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
  }
  .asset-site-details-desktop-header .content2 a.link-orange {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    background-color: #f15a40;
    border-radius: 3px;
    float: right;
    margin-left: 5px;
    text-transform: uppercase;
    color: #fff;
  }
  .content2 a.link-orange:hover, .content2 a.link-orange:active:hover {
    color: #fff;
    background-color: #df4e34;
    text-decoration: none;
  }
  .asset-site-details .nav-tabs> li {
    width: 14%;
    text-align: center;
  }
  .asset-site-details .nav-tabs> li:last-child {
    width: 58% !important;
    padding-top: 41px;
  }
  .asset-site-details .nav-tabs> li:last-child div {
    border-bottom: 1px solid #474748;
  }
  .asset-site-details ul.nav {
    background-color: transparent;
    padding: 0;
    border-bottom: 0;
  }
  .asset-site-details .tab-content {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .asset-site-details .nav-tabs> .active> a, .asset-site-details .nav-tabs> .active> a:hover, .asset-site-details .nav-tabs> li> a:hover {
    text-decoration: none;
    font-weight: bold;
    border-radius: 0px;
    border-bottom-width: 0px;
    background-color: transparent !important;
    text-shadow: none;
    color: #474848;
    border-top: 1px solid #474848;
    border-left: 1px solid #474848;
    border-right: 1px solid #474848;
    border-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .asset-site-details .nav-tabs> li> a {
    border-radius: 0px;
    text-transform: capitalize;
    color: #474848;
    border: 1px solid #474848;
    margin-right: 0px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .asset-site-details .nav-tabs>li.active>a, .asset-site-details .nav-tabs>li.active>a:focus, .asset-site-details .nav-tabs>li.active>a:hover {
    text-decoration: none;
    font-weight: bold;
    border-radius: 0px;
    background: url('../assets/subtle_dots.png') repeat;
    text-shadow: none;
    color: #474848;
    border-top: 1px solid #474848;
    border-left: 1px solid #474848;
    border-right: 1px solid #474848;
    border-bottom: 0;
    line-height: 1.5;
  }
  .asset-site-details .asset-info-container {
    padding: 15px 0px 0 0px;
    margin: 0px 0 15px 0;
  }
  #info {
    border-radius: 5px;
    padding-bottom: 15px;
    background-color: transparent;
  }
  .asset-site-details .site-info, .asset-site-details .contact-info {
    padding-top: 10px;
  }
  .asset-site-details .site-info h4, .asset-site-details .contact-info h4 {
    color: #474848;
  }
  .asset-site-details .lead-options-menu {
    display: none;
    background-color: #181f33;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    /* Firefox */
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  .lead-options-menu ul {
    padding-left: 0;
    margin: 0;
  }
  .lead-options-menu ul>li {
    padding: 15px;
  }
  .lead-options-menu ul>li>a {
    color: #f15a40;
  }
  .asset-tab-filter {
    padding-left: 14px;
    border-bottom: 1px solid #dadada;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .asset-tab-filter>a {
    font-size: 14px;
  }
  .asset-tab-leadcontainer {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadada;
    background-color: transparent;
    margin: 10px 0px;
    border-radius: 5px;
    -webkit-box-shadow: 4px 3px 9px 2px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 4px 3px 9px 2px rgba(0, 0, 0, 0.34);
    box-shadow: 4px 3px 9px 2px rgba(0, 0, 0, 0.34);
  }
  .asset-tab-lead-info-left {
    width: 70%;
    /* display: inline-block; */
    float: left;
  }
  .asset-tab-lead-info-left h2 {
    color: #474848;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .asset-tab-lead-info-left>div {
    font-size: 16px;
    color: #969292;
  }
  .asset-tab-lead-info-right {
    width: 25%;
    display: inline-block;
    line-height: 80px;
    font-size: 20px;
    text-align: right;
  }
  .asset-tab-lead-info-right .btn:focus, .asset-tab-lead-info-right .btn:hover {
    outline: none;
    color: #f15a40;
    text-decoration: none;
  }
  .asset-tab-lead-info-right>a>span {
    font-size: 14px;
  }
  .asset-tab-lead-info-right>a:hover, .asset-tab-lead-info-right>a:focus:hover {
    text-decoration: none;
    color: #df4e34;
  }
  .asset-tab-lead-info-right>a>i {
    color: #f15a40;
    font-size: 13px;
  }
  .asset-tab-lead-info-right>a>i:hover {
    color: #df4e34;
  }
  #assets, #oppy {
    border-radius: 5px;
  }
  #list-view-first-div {
    display: none;
  }
  .asset-site-details .asset-info-container .col-xs-12 {
    font-size: 16px;
    color: #474848;
    font-weight: normal;
    padding: 0;
  }
  .asset-site-details .asset-info-container .col-xs-9 {
    font-size: 14px;
    color: #474848;
    padding: 0;
  }
  .asset-site-details .asset-info-container .col-xs-3 {
    text-align: center;
  }
  .asset-site-details .asset-info-container .col-xs-3 a:hover {
    color: #e66241;
  }
  .asset-site-details .asset-info-container .col-xs-3>a>i {
    color: #FF6600;
  }
  .asset-site-details-desktop-header {
    display: block;
  }
  #assets #button1 {
    font-size: 12px;
    padding-top: 0px;
    color: #f15a40;
  }
    #ex1Slider .slider-selection {
	background: #BABABA;
}
  
 .pager i
  {
      color:#f15a40;
  }
  .asset-site-details .back-link-mob
  {
      display: none;
  }  
 
  /*asset-site-details for desktop view css ends here*/
  /*Screen 18 for desktop view css starts here*/
  .fav-sites {
    margin-top: 9em;
  }
  .fav-sites .page-header {
    width: auto;
    float: left;
    font-size: 45px;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 30px;
    text-align: left;
    color: #474848;
    padding: 1% 0 0% 0%;
  }
  .fav-sites .create-new {
    display: inline;
    font-size: 12px;
    line-height: 4;
    font-weight: normal;
  }
  .fav-sites .header-wrapper h6 {
    text-align: left;
    float: right;
    width: auto;
    padding: 8px 0px 10px 0%;
    margin-top: 0px;
  }
  .fav-sites .header-wrapper h6 a {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;
  }
  .fav-sites .header-wrapper h6 a:hover, .fav-sites .header-wrapper h6 a:focus, .fav-sites .header-wrapper h6 a:focus:hover {
    background: #df4e34;
    color: #fff;
    text-decoration: none;
  }
  .fav-sites .favorite-site-list-item {
    background-color: transparent;
    padding: 10px 20px;
    -webkit-box-shadow: -1px 3px 17px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 3px 17px -2px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 3px 17px -2px rgba(0, 0, 0, 0.75);
    border-radius: 3px;
    margin: 10px 0px;
  }
  .fav-sites .favorite-site-list-item .col-2 h1 {
    width: 100%;
    display: block;
    font-size: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #474848;
    margin: 0;
  }
  .fav-sites .favorite-site-list-item .col-1 i {
    font-size: 36px;
    line-height: 2;
  }
  .fav-sites .favorite-site-list-item .col-2 h6 {
    display: block;
    color: #474848;
    margin: 6px 0px 0px 0px;
    font-size: 13px;
  }
  .fav-sites .favorite-site-list-item .col-3 h6 {
    width: 30%;
    display: inline-block;
    text-align: center;
    color: #474848;
    line-height: 2;
    font-weight: 900;
    float: left;
  }
  .fav-sites .favorite-site-list-item .col-3 {
    line-height: 3;
    text-align: right;
  }
  .fav-sites .favorite-site-list-item .col-3 .product {
    width: 25px;
    display: inline-block;
    text-align: center;
    padding: 4px 5px;
    border-radius: 50%;
    margin-right: 10px;
    line-height: 1.4;
    vertical-align: middle;
    color: #fff;
    margin-top: 10px;
    background-color: #008891;
  }
  .fav-sites .product-blue {
    background-color: #62C1D9 !important;
  }
  .fav-sites .product-yellow {
    background-color: #F6CD57 !important;
  }
  .fav-sites .favorite-site-list-item .col-4 {
    text-align: center;
    line-height: 5;
  }
  .fav-sites .favorite-site-list-item .col-4 .view-btn {
    text-transform: uppercase;
    border: none;
    line-height: 2.3;
    font-size: 12px;
    width: 70%;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    background-color: #f15a40;
  }
  .fav-sites .favorite-site-list-item .col-4 .view-btn:hover {
    background-color: #e66241;
  }
  .fav-sites .right-chevron {
    display: none;
  }
  /*Screen 18 for desktop view css ends here*/
  /*Screen 20-21 for desktop view css starts here*/
  .single-asset-oppy-detail {
    margin-top: 0em;
  }
  .single-asset-oppy-detail .content .asset-info-container {
    padding: 15px 0px 0 0px;
    margin: 0px 0 0px 0;
    background-color: transparent;
    border-radius: 5px;
  }
  .single-asset-oppy-detail .update-asset {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;
  }
  .single-asset-oppy-detail .update-asset:hover, .single-asset-oppy-detail .update-asset:focus, .single-asset-oppy-detail .update-asset:focus:hover {
    text-decoration: none;
    background-color: #df4e34;
    color: #fff;
    border: 1px solid #df4e34;
  }
  .share-btn {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    background-color: #f15a40;
    border-radius: 3px;
    margin-left: 5px;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    top: 52px;
    right: 10px;
  }
  .single-asset-oppy-detail .asset-info-label {
    color: #999;
    font-size: 14px;
    padding: 0px;
  }
  .single-asset-oppy-detail .glyphicon-chevron-left {
    color: #969292!important;
  }
  .single-asset-oppy-detail .page-header {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    float: left;
    font-size: 1.6em;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 2.1;
    text-align: left;
    color: #474848;
    padding: 1% 0 0% 0%;
  }
  .single-asset-oppy-detail .content .asset-info-container .col-xs-12 {
    font-size: 14px;
    color: #1F1F44;
    font-weight: normal;
  }
  .single-asset-oppy-detail .content .asset-info-container div.col-xs-12 {
    color: #999;
    font-size: 14px;
    padding: 0px;
  }
  .single-asset-oppy-detail .content .asset-info-container label.col-xs-12 {
    color: #474748;
    font-size: 14px;
    padding: 0px;
  }
  .single-asset-oppy-detail .last-serviced-on {
    color: #999;
    font-size: 16px;
    display: block;
  }
  .single-asset-oppy-detail .latest-service {
    color: #f15a40;
    text-decoration: none;
    outline: none;
    position: absolute;
    width: auto;
    top: 30px;
    right: 10%;
  }
  .single-asset-oppy-detail .latest-serv-act h4, .single-asset-oppy-detail .latest-serv-act h4, .single-asset-oppy-detail .warranty-info h4, .single-asset-oppy-detail .agreement-info h4 {
    color: #474848;
  }
  .single-asset-oppy-detail .latest-service:hover {
    color: #f15a40;
    text-decoration: none;
    outline: none;
  }
  .single-asset-oppy-detail .divs-lastest-serv {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
  }
  .single-asset-oppy-detail .header-wrapper {
    background-color: transparent;
    padding: 0 2%;
    border-bottom: 1px solid #ddd;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .single-asset-oppy-detail .main-content-div {
    margin-top: 20px;
    margin-bottom: 15px;
    position: relative;
    background-color: transparent;
    -webkit-box-shadow: 3px -2px 8px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px -2px 8px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 3px -2px 8px 2px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
  }
  .single-asset-oppy-detail .view-mobile-only {
    display: none;
  }
  .single-asset-oppy-detail .view-dektop-only {
    display: block;
  }
  .single-asset-oppy-detail .content .asset-info-container .col-xs-9 {
    color: #999;
    font-size: 14px;
    padding: 0px;
  }
  /*Screen 20-21 for desktop view css starts here*/
  /*Fixed width fix top navigation starts*/
  .main-content-wrapper .container {
    background: transparent;
    width: 85%;
    margin: 0 auto;
    padding: 0;
  }
  .main-content-wrapper .logo-appname-container {
    padding: 5px;
    background: url(../assets/subtle_dots.png) repeat #fff;
    width: 85%;
    margin: 0 auto;
  }
  .page-header-option .navbar-default {
    border-radius: 0;
    min-height: auto;
    background: url('../assets/subtle_dots.png') repeat;
    border-bottom: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    width: 85%;
    margin: 0 auto;
  }
  /*Fixed width fix top navigation ends*/
  /*Help page*/
  .help-page .header-wrapper {
    width: 100%;
  }
  .help-page .map-container img {
    width: 100%;
  }
  /*Helppage*/
  /*Nearby Sites*/
  .nearby-sites .search-address {
    margin-bottom: 0;
  }
  .nearby-sites .search-address div {
    height: 42px;
    line-height: 42px;
    text-align: center;
  }
  .nearby-sites .search-address div.col-xs-12:first-child {
    text-align: left;
  }
  .nearby-sites .search-address div.col-xs-12:last-child {
    text-align: right;
    line-height: 20px;
  }
  .nearby-sites .dropdown-div {
    width: 100%;
    margin-bottom: 0;
  }
  .nearby-sites .col-sm-3 input {
    height: 42px;
  }
  .nearby-sites .find-btn {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;
    display: inline-block;
  }
  .map-container-nearby img {
    margin: 0 auto;
  }
  /*Nearby Sites*/
  /*Unknown site results*/
  .refine-un-search-btn {
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;
    line-height: 38px;
    margin-bottom: 10px;
  }
  .refine-un-search-btn:hover, .refine-un-search-btn:focus, .refine-un-search-btn:active:hover {
    text-decoration: none;
    color: #fff;
  }
  .unknown-site-result>.header-wrapper {
    display: block;
    color: #474848;
  }
  .unknown-site-result>.header-wrapper h1 {
    border-bottom: none;
  }
  .preview {
    margin-bottom: 10px;
  }
  .preview img {
    margin: 0 auto;
  }
   /*Unknown site results*/
  /** CRM Sites Download Desktop**/
  
    .refine-crm-search-btn{
    padding: 10px 12px;
    border: 1px solid #f15a40;
    border-radius: 3px;
    background-color: #f15a40;
    color: #fff;    
    margin-bottom: 10px;
    float:right;
  }
  .refine-crm-search-btn:hover, .refine-crm-search-btn:focus, .refine-crm-search-btn:active:hover{
    text-decoration: none;
    color: #fff;
  }
/** CRM Sites Download **/
 
  
  /*Help Text Page Styling Starts Here!*/
  .help-text .content{
    min-height: auto;
  }
  .help-text .help-info{
    display: block;
    width: 100%;
    white-space: nowrap;
    margin-top:15px;
  }
  .help-text .product-marker{
    width: 25px;
    display: inline-block;
    text-align: center;
    padding: 4px 5px;
    border-radius: 50%;
    margin-right: 0px;
    line-height: 1.4;
    vertical-align: middle;
    color: #fff;
    margin-top: 0px;
  }
  .A{
    background: #008891;
  }
  .C{
    background: #62C1D9;
  }
  .U{
    background: #F6CD57;
  }
  .hot-lead{
    color: #FFDE49;
    font-size: 25px;
    display: inline-block;
    line-height: 1.4;
    vertical-align: middle;
    width: auto;
  }
  .help-info span:nth-child(2){
    display: inline-block;
    height: 30px;
    color:#474848;
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
  }
  .disclaimer{
    color: #474848;
    font-size: 16px;
    margin-top: 15px;
  }
    
  .foot-note{
    margin-top: 20px;
  }
  .foot-note label{
    font-size: 16px;
    color: #4D4F53;
    font-weight: normal;
    display: block;
    font-weight:bold;
  }
  .foot-note p{
    color: #474848;
    font-size: 16px;
    margin-top: 15px;
  }
  .foot-note a{
    color: #474848;
    text-decoration: underline;
  }
  .foot-note a:hover{
    color: #474848;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  body {
    /*font-size: 85%;*/
  }
  
  .tooltip1 {
    background: black;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -13px;
    margin-bottom: 13px;
    opacity: 1;
    padding: 5px 8px;
    pointer-events: none;
    position: absolute;
    font-size: 1em;
    font-weight: normal;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
 .tooltip1:before {
    bottom: -20px;
    content:" ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
/* CSS Triangles */
 .tooltip1:after {
    border-left: solid transparent 8px;
    border-right: solid transparent 8px;
    border-top: solid black 8px;
    bottom: -8px;
    content:' ';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
}
.ui-slider-handle.ui-state-focus {
    outline: 0;
} 

.tooltip2 {
    background: black;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -13px;
    margin-bottom: 13px;
    opacity: 1;
    padding: 5px 8px;
    pointer-events: none;
    position: absolute;
    font-size: 1em;
    font-weight: normal;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
 .tooltip2:before {
    bottom: -20px;
    content:" ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
/* CSS Triangles */
 .tooltip2:after {
    border-left: solid transparent 8px;
    border-right: solid transparent 8px;
    border-top: solid black 8px;
    bottom: -8px;
    content:' ';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
}
  input {
    outline: none;
  }
  .app-tour .page-header {
    width: 90%;
    margin-top: 10px;
  }
  .page-header-option .standard-main-nav {
    padding-right: 0;
    padding-left: 0;
    width: auto;
    text-align: center;
    display: inline-block;
  }
  .standard-main-nav .app_name {
    font-size: 20px;
    line-height: 2
  }
  .navbar-default .navbar-nav>li>a {
    padding: 10px 4px 3px 5px;
  }
  .navbar-nav>li>a>i {
    display: block;
  }
  .standard-main-nav .logo-text img {
    width: 80%;
  }
  .radio-control .col-sm-4, .checkbox-control .col-sm-4 {
    width: 19%
  }
  .hp-logo-desk img {
    display: inline-block;
    width: 23%;
    height: 32px;
  }
  
   #slider-1,#slider-2 {
    background-image: -ms-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -moz-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -o-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #03A678), color-stop(49, #03A678), color-stop(49, #FFFF00), color-stop(85, #FFFF00), color-stop(85, #03A678), color-stop(100, #03A678));
    background-image: -webkit-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: linear-gradient(to right, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
}
}
@media screen and (max-width: 359px) {
	body{
		/*background: red;*/
	}
	.disabled
{
 color:#dadada;
 border-bottom:1px solid #dadada;
 border-radius: 0px;
}

 #slider-1,#slider-2 {
    background-image: -ms-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -moz-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -o-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #03A678), color-stop(49, #03A678), color-stop(49, #FFFF00), color-stop(85, #FFFF00), color-stop(85, #03A678), color-stop(100, #03A678));
    background-image: -webkit-linear-gradient(left, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
    background-image: linear-gradient(to right, #03A678 0%, #03A678 49%, #FFFF00 49%, #FFFF00 85%, #F22613 85%, #F22613 100%);
}

.tooltip1 {
    background: black;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -13px;
    margin-bottom: 13px;
    opacity: 1;
    padding: 5px 8px;
    pointer-events: none;
    position: absolute;
    font-size: 1em;
    font-weight: normal;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
 .tooltip1:before {
    bottom: -20px;
    content:" ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
/* CSS Triangles */
 .tooltip1:after {
    border-left: solid transparent 8px;
    border-right: solid transparent 8px;
    border-top: solid black 8px;
    bottom: -8px;
    content:' ';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
}
.ui-slider-handle.ui-state-focus {
    outline: 0;
} 

.tooltip2 {
    background: black;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -13px;
    margin-bottom: 13px;
    opacity: 1;
    padding: 5px 8px;
    pointer-events: none;
    position: absolute;
    font-size: 1em;
    font-weight: normal;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
 .tooltip2:before {
    bottom: -20px;
    content:" ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
/* CSS Triangles */
 .tooltip2:after {
    border-left: solid transparent 8px;
    border-right: solid transparent 8px;
    border-top: solid black 8px;
    bottom: -8px;
    content:' ';
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0;
}

}