/* Minification failed. Returning unminified contents.
(4115,31): run-time error CSS1046: Expect comma, found '255'
(4115,39): run-time error CSS1046: Expect comma, found '/'
 */
.ui-menu {
    z-index: 100000; /*Ensures that autocomplete list is visible when embedded on a popup window*/	
}
 .ui-autocomplete .ui-menu-item a:hover,
 .ui-autocomplete .ui-state-active
 {
      border-color: #fff;
      background-color: #e8e8e8;
      background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
      background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
      background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
      background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
      background-repeat: repeat-x;	
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
  
.ui-datepicker {
    position: relative;
    z-index: 1001 !important;    
}  
  
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 200px;
  }
/* Address Input Container */
.pid-address-input-container-wrapper {
    /* Location of the image */
    background-image: url('../img/home-banner.jpg');
    /* Background image is centered vertically and horizontally at all times */
    background-position: center center;
    /* Background image doesn't tile */
    background-repeat: no-repeat;
    /* Background image is fixed in the viewport so that it doesn't move when 
        the content's height is greater than the image's height */
    background-attachment: initial;
    /* This is what makes the background image rescale based
        on the container's size */
    background-size:cover;
    /* Set a background color that will be displayed
        while the background image is loading */
    background-color: #464646;    
}

.pid-address-input-container {
    
    background: rgba(0, 0, 0, .3);       
    position: relative;  
    height:300px;      
    padding:0;
    resize: both;
    overflow: auto;
}

.pid-address-input-container-content  {  
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;  
    resize: both;    
    width: 50%;    
    max-width: 520px;
    margin-top: 10px;
}

/* Form */
.pid-address-input-form {        
    margin: auto;    
    border: 5px solid #fff;
    border-radius: 10px;
    padding: 0;                
}
/* Form Header */
.pid-address-input-form-header {    
    background: #41BAAD;
    border-radius: 4px 4px 0 0;
    padding: 15px;    
}
.pid-address-input-form-header>label {
    color: #fff;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
}

.pid-address-input-form-header.nav>li>a,
.pid-address-input-form-header.nav>li>a:hover,
.pid-address-input-form-header.nav>li>a:focus,
.pid-address-input-form-header.nav>li>a:active{
    background:0;    
}
.pid-address-input-form-header.nav>li.active>a{
    color: #fff;    
}
.pid-address-input-form-header>li>a {
    color: #fff;    
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}

/* Form Content Wrapper*/
.pid-address-input-form-content {
    background: rgba(255, 255, 255, .9);
    padding:  30px 10px;
    min-height: 120px;
}

/* Button */
.pid-address-input-form .btn {
    background: rgba(0, 0, 0, .5);
    
    color: #fff;
    display:inline-block;
    font-size: 16px;
    font-weight: bold;
    
    text-transform: uppercase;    
}


.pid-address-input-form .btn i {
    margin-left: 10px;
}
.pid-address-input-form footer {
    background: rgba(0, 0, 0, .5);    
    padding: 20px 10px;
    text-align: center;
}

.pid-address-input-form .pid-btn-container {    
    position: relative;
    padding-left: 8px;
    padding-top: 5px;     
}
.pid-address-input-form .pid-btn-container>a {
    display: none;
}

/* Input Elements */
.pid-address-input-form .input{    
    margin:0;    
}

.pid-address-input-form input,
.pid-address-input-form select {
    background: 0 !important;
    margin: 0;
    border: 0 !important;
    border-bottom: 2px solid #ccc !important;
    border-radius: 0;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pid-address-input-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333;    
}
.pid-address-input-form input::-moz-placeholder { /* Firefox 19+ */
    color: #333;    
}
.pid-address-input-form input:-ms-input-placeholder { /* IE 10+ */
    color: #333;    
}
.pid-address-input-form input:-moz-placeholder { /* Firefox 18- */
    color: #fff;    
}
@media (max-width: 1199px) {
    .pid-address-input-container-content  {
        width: 55%;
    }
}

@media (max-width: 991px) {
    .pid-address-input-container-content  {
        width: 80%;
    }
}


@media (max-width: 499px) {
    .pid-address-input-container {        
        height: 350px; 
    }
}

@media (max-width: 374px) {
    .pid-address-input-form-header {        
        padding: 10px;    
    }
    .pid-address-input-container-content  {
        width: 95%;
    }
    .pid-address-input-form .btn {        
        padding: 10px;        
    }
}

/* PID App */
.pid-app-view {
	display: none;
}


.pid-articles ul 
{
	list-style:none;
	margin-left: 0;
	padding-left: 0;
}
li.pid-article  {

	padding:0;
	margin:0;
}

.pid-article 
{
    margin-top: 20px;
	overflow: hidden;	
    width: 100%;	
}

.pid-article .breadcrumb {    
    margin-top: 30px;
}
.pid-article figure 
{    	
    background-color: #fff;
    display: block;
    float:right;	
    line-height: 1.42857143;
    margin:0 0 20px 10px;    
    overflow: hidden;
    
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;		
}

li.pid-article figure {
	margin-bottom: 0;
}
.pid-article .img-wrapper {	
    display:block;
    overflow:hidden;
    max-width: 320px;	
}

.pid-article .info {
	margin-bottom:20px;
}
.pid-article .separator {	
	color:#e1e1e1;
}

.pid-article .author {	
	font-weight:600;				
}
.pid-article .date {	
	color:Red;
}
.pid-article .share-this 
{
    margin-left: 10px;
}    
.pid-article .excerpt {	
	margin-top: 5px;
}

.pid-articles-mini {
	margin-bottom: 10px;
}
.pid-articles-mini .pid-media-wrapper
{
    background: #fff;
    border: 1px solid #ddd;   
    display: block;
    padding: 2px;	
}

.pid-articles-mini img {
	width:48px;
	height: 48px;
}

.pid-articles-featured figure {    
	display:block;	
	float:none;
	margin-left: 0;
	width: 360px;
}
.pid-articles-featured .img-wrapper {
	max-height: 160px;
	max-width:100%;
    text-align: center;
}
.pid-articles-featured .btn 
{    
    margin-bottom: 20px;	
}
.pid-blockui {
  height: 100%;
  position: relative; /* Make the parent element position: relative */
}

.pid-blockui::after {
  content: "";
  position: absolute;
  z-index: 1028;    
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  animation: fadeBackground 2s;
  animation-fill-mode: forwards;
}

.pid-blockui-content {    
    position: absolute;       
    z-index: 1029;
    margin-top: 120px;

    margin-left: auto;   
    margin-right: auto;
    left: 0;
    right: 0;

    width: 500px;
}

@media (max-width: 545px) {
    .pid-blockui-content{
        width: 80%;
    }    
}

@keyframes fadeBackground {
  from { background-color: white; }
  to { background: rgba(0, 0, 0, .3); }
}

body {
    color: rgb(92, 92, 92);
    font-family: 'Poppins', sans-serif;    
    padding-top: 90px;    
}

hr {
    border-top-color: #ccc;
}
/*Links*/
a {
    color: #24A395;    
}
a:focus, a:hover {
    color: #069182;
    text-decoration: underline;
}
/*Buttons*/
.btn-default {
    background: rgba(0,0,0,.1);
}
.btn-primary {
    background:  #24A395 !important;
}
.btn-link, .btn-link:hover
{
    color: #24A395; 
}

/*Bootstrap Tabs*/
.tab-content {
	padding-top: 10px;
}

.dropdown-menu>li>a>.fa {
    margin-right:5px;  
}
/* Nav */
.navbar-right {
    margin-right: 0;
}

/*Thumbnail*/
.thumbnail {
	border-radius:0;
}

/*Bootstrap Alert Override/Extensions*/
.alert {
    background-image: none;    
        
}
.alert-failure {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-failure hr {
  border-top-color: #e4b9c0;
}
.alert-failure .alert-link {
  color: #843534;
}
.alert a {
    color:#069182;   
}

.progress-bar {    
    background-color: #41BAAD;    
}

blockquote {
     border: none;
	margin: 0;
	padding: 0;
	position: relative;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}

blockquote p:first-of-type:before {
	content: '\201c';
    font-size: 40px;
}
blockquote p:last-of-type:after {
	content: '\201d';    
    font-size: 40px;
}

blockquote footer {
	position: relative;
    font-style: italic;    
}
blockquote footer:before {
	content: '–';	
	left: -.6em;
}


/*Bootstrap Datatables*/
.dt-bootstrap 
{
	overflow: auto;
	width: 100%;
}

.breadcrumb li {	
	max-width: 30%;
	overflow: hidden;	
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*Accordion toggle icon*/
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
/*Modal*/
/*.modal {  
  z-index: 9999999999 !important;  
}*/

/*Pagination*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, 
.pagination>.active>span:hover {    
    background-color: #41BAAD;
    border-color: #41BAAD;
}
.pagination>li>a, .pagination>li>span {
    color: #41BAAD;
}

/*Dropdown*/
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover {
    background: #24A395;
}

@media (max-width: 767px) {    
    body {
        padding-top: 80px;
    }  
    ul
    {    
        padding-left:20px;             
    }
}

@media (max-width: 400px) {
    body {
        padding-top: 120px;
    }    
}
.pid-box {
    border:#ccc 1px solid;    	
    margin-bottom: 20px;
}
.pid-box-group {
    background:#f7f7f7;
    border:rgba(0,0,0,0.1) 1px solid;  
    overflow: hidden;
    padding:0 5px;	
}
.pid-box-group-icon,
.pid-box-group-content {    
    margin: auto;
    padding:5px;	
}
.pid-box-group-content 
{
    display: inline-block;	
    border-left:rgba(0,0,0,0.1) 1px solid;  
}
section.pid-box {
   padding:0;	
}
.pid-box .section {
	padding: 15px;
}
.pid-box .section .fieldset,
.pid-box .section fieldset
{
    padding: 0;	
}

.pid-box .fieldset h4,
.pid-box .section h4 
{
    padding-bottom:5px;
	border-bottom: rgba(0,0,0,0.05) 1px solid;	
}


.pid-box-header 
{
	background: #F5F5F5;
	background-color: transparent;
	background: -webkit-linear-gradient(top, white 1%, #f9f9f9 98%) repeat scroll 0 0 transparent;
	background: linear-gradient(to bottom, white 1%, #f9f9f9 98%) repeat scroll 0 0 transparent;
	border: rgba(0,0,0,0.05) 1px solid;
	border-left:0;
	border-right:0;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 10px;	
	padding:5px 10px 10px 10px;
	width: 100%;	
}
.pid-box-header:first-child {	
	border-top:0;
}

h2.pid-box-header,
.pid-box-header h2,
.pid-box .header-text span 	
{
    display: block;	
    font-size: 20px;
    font-weight: 400;
    padding-top:10px;      
    margin:0;
}

.pid-box .header-text  	
{    
    float: left;	    
}

.pid-box .header-action 
{    
    float: right;
    padding-top: 9px;
    position: relative;
    text-align: right;
    z-index: 10;	    		
}

.pid-box .header-action a,
.pid-box .header-action button
{
    display: inline-block;
    margin-right:10px;    
    margin-bottom:0; 		
}
.pid-box .header-action button.btn-link
{        
    padding: 0;
}

.pid-box .header-action button:last-child
{
    margin-right: 0;
}

.pid-box .header-action a.btn
{
    margin-left:5px;    
}


.pid-box .header-action .dropdown-menu>li>a {
   margin-left:0;    
}

.pid-box-content {
	padding:10px;
}

/*.pid-featured-box-section 
{        
    background:#F5F3F4;
}*/

.pid-featured-box-section h1 {
    text-align: center;
    margin: 50px 0;
}

.pid-featured-box-section h1>span {
    display: block;
    margin-bottom: 20px;
}
.pid-featured-box-section h1>span:first-of-type {
    text-transform: uppercase;
    color: #41BAAD;    
}

.pid-featured-box-section .container {    
    padding-bottom: 0;  
    padding-top: 0;      
    margin-bottom: 0;
    margin-top: 0;
}
.pid-featured-box-section .row    
{
    padding-left: 15px;
    padding-right: 15px;
}

.pid-featured-box 
{
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    color: #333;    
    position:relative;
    background: rgba(222, 223, 225, .95);    
    top:-10px;
    width: 100%;    
    z-index: 100;
}

.pid-featured-box h4 
{    
    background: url('../img/hdr-bg1.png');	
    background-repeat: no-repeat;
    background-position: center top;	
    font-weight: bold;	
    margin-bottom: 0;
    padding-top:12px; 
    position: relative;	
	text-align: center;
	top: -10px;
	height: 60px;
}

.pid-featured-box h4 a {
	color:#fff;
}

.pid-featured-box-container {
    height: 120px;
}
.pid-featured-box-text 
{    
    padding: 10px;
    position: relative;     
    top: -20px;    
}

.pid-featured-box-text  .fa {
	color: #337ab7;
	margin-right: 5px;
}

.pid-featured-box-alt 
{
    color: #fff;	
	background: rgba(24, 63, 121, .95);
}
.pid-featured-box-alt  h4 
{    
    background-position: center -80px;	
}
.pid-featured-box-alt .pid-featured-box-text .fa {
	color: #fff;
}

.pid-featured-box-alt a,
.pid-featured-box-alt a:hover,
.pid-featured-box-alt a:active,
.pid-featured-box-alt a:visited {
	color: #fff;
}
.pid-featured-box-alt .pid-btn-container
{
    background: rgba(24, 63, 121, .9);
}

.pid-featured-box-item {
    padding: 20px  0;
    text-align: center;
}
.pid-featured-box-item>strong{    
    display: block;
    margin: 20px 0;
    font-size: 20px;    
}
.pid-featured-box-item>i{
    background: url('../img/home-icons-max.png');
    background-repeat: no-repeat;
    display: inline-block;    
    height: 93px;    
    width: 104px;    
}
.pid-featured-box-item-home>i {
    background-position: 0;    
}
.pid-featured-box-item-map>i {
    background-position: -122px 0;
    width: 112px;
}
.pid-featured-box-item-chat>i {
    background-position: -248px 0;    
}


/* Callout box */
.pid-callout-box {
    background-image:url('../img/bg-column-transparent.png');
	background-position: left top;	
	background-repeat: no-repeat;	    
    border-left: 4px solid #41BAAD;   
    margin:20px 0; 
    padding:10px 20px; 
    overflow:hidden;	
       
}
.pid-callout-box .pid-btn-container 	
{    
    float: right;	
	text-align: center; 
    padding-top:8px;		
}
@media (max-width: 1199px) 
{
    .pid-featured-box-container {
        height: 130px;
    }
    .pid-featured-box-text {        
        top: -25px;
    }
}
@media (max-width: 991px) {
    .pid-featured-box-text {        
        height: auto;
        padding-bottom: 0;        
    }
    .pid-featured-box-container {
        height: auto;
        padding: 0;   
    }
    .pid-box .header-action 
    {        
        padding:10px 0 0 0;
        text-align: left;
        width: 100%;   	    
    }
    .pid-box .header-action a
    {        
        margin-left:0;
        margin-right: 10px;
    } 
    .pid-box .header-action .btn
    {                
        margin-right: 5px;
    } 
}
@media (max-width: 767px) 
{
    .pid-box {
        border: 0;
    }
    .pid-box .section:nth-of-type(1) 
    {             
        margin-top: 15px;
    }       
    .pid-box .section 
    {        
        margin-bottom: 20px;
        padding: 0;
    }   
    .pid-box .section dl {
        margin: 0;
    }
    .pid-box .section table {
        margin: 0;
    }

    
    .pid-featured-box-section h1 {    
        margin-top: 20px;
    }
    .pid-featured-box-section h1>span {        
        margin-bottom: 10px;
    }
    .pid-featured-box-item {
        padding: 10px 0;        
    }
}

#dropin-container {
    margin-bottom: 5px;
}

.braintree-heading {
    color: #5c5c5c !important;
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    font-weight: bold;    
}

div[data-braintree-id="save-card-field-group"] label{    
    width: 100px;    
}
div[data-braintree-id="save-card-field-group"] input{
    position: relative;
    top: 3px;
}


/* Form */
.braintree-form {
    border: 0;
    padding: 0;    
}

/* Form Header */
.braintree-sheet__header {
    padding: 0;
    padding-top: 5px;
    margin-bottom: 10px;
}

.pid-epay-compact {
    margin-top: 10px !important;
}

/* Empty Divider */
.braintree-placeholder {
    margin-bottom: 5px;
}

[data-braintree-id="methods"] {    
    padding: 5px;
}

.braintree-sheet__content--form {
    padding: 0;    
}

.braintree-sheet__content--form .braintree-form__field-group {
    margin-bottom: 10px;
    padding:0 5px 0 0;
}

/* Input Elements */
.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field,
.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field.braintree-form__field--valid {    
    height: 36px;  
    border-radius: 0;
    border-width: 2px;
    border-color: #ccc;
}

/* Input Labels */
.braintree-sheet__content--form .braintree-form__field-group .braintree-form__label {
    font-weight: bold;
    color: #5c5c5c !important;
}


.braintree-form__label>.braintree-form__descriptor {
     font-weight: normal;
}
.braintree-form__field-group label {
    width: 100%;
}


.pid-calculator .btn-group,
.pid-calculator .input-group,
.pid-calculator .input-group-btn
 {    
    z-index: 1000;
}
.pid-calculator tfoot {
    background: #f9f9f9;
    font-weight: bold;
}

.pid-calculator-summary {
    z-index: 1;
}

.pid-calculator-summary td:nth-of-type(2),
.pid-calculator-summary td:nth-of-type(3) {
    text-align: right;
}

.pid-calculator-results-summary {
    margin-bottom:20px;
}

.pid-calculator-chart 
{    
    height: 220px;    
    margin: 0;
    padding: 0;    
    text-align: center;    
    width: 100%;            
}

.pid-calculator-hidden {
    display: none;
}
/* Buttons */
.pid-calculator-btn {
   float: right; 
}

/* progress indicator */
.pid-calculator-chart .fa
{
    position: relative;
    top: 100px; 
}

.pid-calculator-results-details td:first-of-type 
{
    width: 320px;   	
}

.pid-calculator-results-table td {
    vertical-align: middle !important; 	
}
/* Company Logo */
.pid-calculator-results-logo-col {
    width: 80px !important;
}
.pid-calculator-results-logo-wrapper {
    background: #f7f7f7;
    height: 80px;    
    width: 80px;
}
.pid-calculator-results-logo-wrapper img {
    width: 80px;
    height: 80px;
}

/* Welcome Page */
.pid-calculator-welcome {
    border: 1px solid #ccc;
    margin: 20px 0;
    padding: 20px 0;
}
.pid-calculator-welcome .btn{
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.pid-calculator-welcome p{
    text-align: center;
    font-size: 20px;
    font-weight: bold;    
}

.pid-calculator-welcome small{    
    font-size: 12px;
    font-weight: normal;    
}
.pid-calculator-welcome-wrapped {
    display: inline-block;
    width: 80%;
}

.pid-calculator-welcome-header,
p.pid-calculator-welcome-header-title {
    font-size: 30px;
    color: #419641;
    text-transform: uppercase;
}
p.pid-calculator-welcome-header-title {
    font-size: 50px;
    font-weight: bold;
}

.pid-calculator-welcome-header-title sup{
    color: #333;
    font-size: 14px;
    font-weight: normal;
    left: -10px;
    top: -25px;
}

.pid-calculator-welcome-banner 
{    
    background-position-x: center;
	background-image:url(../img/calculator-welcome.jpg);
    background-repeat:no-repeat;    
    height: 434px;
    margin: 20px 0;
}
@media (max-width: 991px) 
{ 
    .pid-calculator-results-label {
        width: 300px;
    }   
}
@media (max-width: 599px) 
{   
    .pid-calculator-btn-lookup {
        margin-top: 10px !important;        
    }    
    .pid-calculator-btn-start {
        margin-top: 10px !important;        
    }    
}
@media (max-width: 500px) 
{   
    .pid-calculator .share-this {
        display: block;
        margin-bottom: 10px;
    } 
    
    .pid-calculator-summary {
        overflow: auto;
    }
    .pid-calculator-results-details table td:last-of-type 
    {
        text-align: right;    	
    }
    
   
}
.pid-page-webpageindexstandalonechatbox {
    padding-top: 0;
}

.pid-page-webpageindexstandalonechatbox .navbar .navbar-header {
    display: block;
    float: none;
}


.pid-page-webpageindexstandalonechatbox .navbar .pid-header-btn-container {
    display: block;
    right: auto;
    text-align: right;
}

/* Chat Widget*/
.pid-chatbox-container {
    overflow: hidden;
    height: 600px;
    width: 100%;    
    z-index: 10;
    position:relative; 
}

.pid-chatbox-preloader {
    background: #24a395;
    border-radius: 3px;
    display: inline-block;
    padding: 5px;
    font-size: 18px;
    top: 200px;
    position: relative     
}

.ios-share-icon {
    display: inline-block;    
    background: url('../img/ios-share.png');
    background-repeat:no-repeat;
    background-size:contain;
    width: 14px;
    height: 18px;    
}

.pid-chatbox-embedded {        
    color: #24a395;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    width: 600px;    
}
.pid-chatbox-embedded  a {    
    /*color: #fff;*/
    position: absolute;
    right: 22px;
    top: 20px;
}
.pid-chatbox-header {    
    /*background: #24a395;*/    
    background: #fff;
    /*color: #000;*/
    border-bottom: 0;    
    text-align: center;
    width: 600px;
    margin-top:0;    
    overflow: hidden;    
    padding: 10px;        
    position: relative;     
}

.pid-chatbox-embedded2 .pid-chatbox-header {
    background: #24a395;    
}

.pid-chatbox-embedded2 .pid-chatbox-embedded  a {
    color: #fff;
}

/*.pid-chatbox-embedded .fa-star {    
    color: gold;
}*/

.pid-chatbox-header img {
    float: left;
    border-radius: 50%;
    width: 100px;
}

.pid-chatbox-header-content {
    float: left;
    font-size: 18px;
    text-align: left;    
    margin:30px 0 0 20px;      
}


@media (max-height: 718px) {
    .pid-chatbox-container {
        height:550px;
    }
}

@media (max-width: 600px) {    
    .pid-chatbox-embedded {
        border: 0;
        padding-top: 10px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .pid-chatbox-embedded {
        border: 0;
        padding-top: 10px;
        width: 100%;
    }
    .pid-page-webpageindexstandalonechatbox .pid-header-btn-container {
        margin: 0;
        padding-right: 5px;
    }

    .pid-chatbox-header {
        margin-top: -10px;
        width: 100%;
    }

    .pid-chatbox-header-content {         
        margin:20px 0 0 20px;    
    }
}

/*@media (max-width: 605px) {

   .pid-chatbox-header {
       padding: 30px 10px !important;
    }
}*/

@media (max-width: 511px) {
    .pid-chatbox-header {
        margin-top: 0;
        
    }

    .pid-chatbox-header img {        
        width: 80px;
    }
    
    .pid-chatbox-header-content {
        font-size: 14px;
        margin:20px 0 0 10px;    
    }
}


@media (max-width: 400px) {
    .pid-page-webpageindexstandalonechatbox .pid-logo-2020 img {
        width: 80px;
    }    
    .pid-page-webpageindexstandalonechatbox .navbar-header {        
        text-align: left;
    }    
    .pid-page-webpageindexstandalonechatbox .pid-header-btn-container {        
        float: right;
        margin: 0 0 5px 0;
        top: 25px;
        right: auto;
    }
    
    .pid-page-webpageindexstandalonechatbox .pid-btn-order {
        padding: 7px 12px 6px 12px !important;
    }
    .pid-chatbox-header {
        height: auto;
    }
     .pid-chatbox-header img {
         float: none;
         display: inline-block;
    }
    
    .pid-chatbox-header-content {
        float: none; 
        font-size: 14px;
        margin:10px 0 0 10px;
        text-align: center;
    }
}

/*Comparison Report*/
.pid-comparison-report-wrapper {    
    overflow-x:auto;    
    overflow-y:visible;
}

th.pid-comparison-report-company {
    text-align: center;
}
.pid-comparison-report .pid-logo{    
    display: block;
    float: left;
    margin: auto;
    height: 24px;    
    overflow: hidden;
    max-width: 120px !important;
    width: 120px;
}
.pid-comparison-report .pid-logo img {        
    width: 220px;   
}

.pid-comparison-report-disclosure {
    width: 250px;    
}

.pid-comparison-report-count {
    text-align: center;
    font-weight: normal;
}

.pid-comparison-report table  {
    margin: 0;
    page-break-inside: auto;                                    
}

.pid-comparison-report tr {
    page-break-inside:avoid;
    page-break-after: auto;
}

.pid-comparison-report thead {
    display: table-header-group;
}

.pid-comparison-report tfoot {    
    display: table-footer-group;
}

.pid-comparison-report tfoot .pid-comparison-report-disclosure {
    font-weight: bold;
}

th.pid-comparison-report-pidcorp,
td.pid-comparison-report-pidcorp 
{
   
    background-color: #f7f7f7 !important;
    width: 144px;
}

.pid-comparison-report table .pid-btn-order {
    display: block;
    margin-top: 10px;
}

td.pid-comparison-report-isdisclosed,
td.pid-comparison-report-total-price {
    text-align: center;
}
td.pid-comparison-report-is-disclosed,
td.pid-comparison-report-is-incorrect,
td.pid-comparison-report-is-not-disclosed{
    text-align: center;
}

.pid-comparison-report-is-disclosed{
    color: #468847!important;    
}
.pid-comparison-report-is-incorrect,
.pid-comparison-report-is-not-disclosed{
    color: #c7254e!important;
}

.pid-comparison-report-highlight td.pid-comparison-report-is-disclosed,
.pid-comparison-report-highlight td.pid-comparison-report-is-incorrect{    
    /*background-color: #dff0d8!important; */
    /*background-color: #bbdb94!important;  */   
    background-color: rgba(201,227,156, 1) !important;
    
    /*background-color: rgba(70,157,70, .1) !important;*/
    
}
/*.pid-comparison-report-highlight td.pid-comparison-report-is-incorrect,
.pid-comparison-report-highlight td.pid-comparison-report-is-not-disclosed{  
    background-color: #f9f2f4!important;    
}*/
.contact-list .contact
{    
    margin-bottom: 5px;
}
.contact-list .contact dl, 
.contact-details .contact dl  {
	margin-top: 10px;
}


/* Contact */
.contact h4 {
	margin: 10px 0;
}
.contact .name,
.contact .address,
.contact .contact-info,
.contact .contact-info span
{
    display:block;    
}

.contact .name
{ 
    font-weight: bold;	
}

.contact .address {
	margin-bottom: 10px;
}

.contact .line1
{
    display: block;    
}

.contact small 
{
    display: block;	
    font-style: italic;    
    color: #333;
}

.contact dd small 
{    
    margin-bottom: 5px;               
}
.contact .section {
	padding-top: 0;
	padding-bottom:0;	
}
.contact .contact-info span i,
.contact .contact-info span strong {
	margin-right:5px;
}
.contact .contact-info span i {
	width: 16px;
}

.contact .header-text a
{    
    display: block;	
    text-decoration: none;

}
.contact .header-text a:hover span
{           
    text-decoration: underline;    
}

/* Popover Contact */
.popover-content .contact {
	 margin: 5px;
}
.popover-content .contact dl  {
	margin-top: 0;    
}
.popover-content dl.pid-dl-min dt {
	text-align: left;	
	margin-bottom: 0;
	width:24px; 
}
.popover-content dl.pid-dl-min dd {
	margin-bottom:0;
	margin-left:30px; 
}

/* Autocomplete Contact */
.ui-menu-item .contact {
    padding-bottom: 5px;
}
.ui-menu-item .contact small
{
    font-size: 12px;
    font-style: normal;
    margin: 0;	    
}
.ui-menu-item .contact  .fa 
{
    margin-right: 5px;
    width: 16px;	
}

/* Contact Buttons */
.pid-contact-buttons-alert {        
    /*padding: 5px;
    margin-bottom: 5px;  
    margin-top: 5px;  
    border-radius: 4px;
    display: block;*/
    display: inline-block;
    font-size: small;
    font-style: italic;
}

.pid-contact-buttons-alert button {    
    background: none;
    border: none;
}

.pid-contact-buttons-alert-success {
    color: green !important;    
}

.pid-contact-buttons-alert-danger {
    color: red;    
}


@media (max-width: 767px) 
{        
    .contact-list .contact dl, 
    .contact-details .contact dl  {
	    margin-top: 0px;
    } 
    
    .popover-content .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .popover-content .dl-horizontal dd {
        margin-left: 180px;
    }          
}

#pid-content {
    padding-bottom: 30px;
}
.control-group h4:first-child {
	margin-top: 5px;
}
.control-group h4
{            
    border-bottom: 1px solid #ccc !important;
    margin:15px 0 15px 0;    
    font-size: 15px;
    font-weight: bold;
    line-height:normal;
    padding:0 0 5px 0;        
}


.control-group h4 a
{
    font-size: 14px;
    font-weight: normal;    
}
.control-group-toggle .checkbox, .control-group-toggle .radio {
    margin-top: 0;
}
.control-group-content
{        
    display:none;    
}

.control-group-content .form-group label,
.control-group-content .form-group em {
	font-size:13px;
}

.control-group-expanded 
{
}
.control-group-expanded .control-group-content
{     
    border: 1px solid #ccc;    
    padding: 10px;    
}
.control-group-expanded hr
{
    margin: 15px 0 0 0;
}

.control-group-content-expanded {
    display: block;
}

.control-group-toggle em.optional {
    font-weight: normal;
}
.control-group-expanded .control-group-toggle-message {
    color: red;
}
.control-group-toggle-expanded
{                             
    background:#ddd;          
}


@media (max-width: 767px) 
{
   .control-group-expanded .control-group-content
    {        
        padding: 10px;        
    }    
}
/* 
     Palette URL: http://paletton.com/#uid=13f0u0kkPE8azTigfLTp1xxuCtj
     Main Primary color     
    
    #91334a; - logo color
    #5c5c5c; - text color

    .rgba-primary-0 { color: rgba( 65,186,173,1) }
    .rgba-primary-1 { color: rgba(155,232,224,1) }
    .rgba-primary-2 { color: rgba(103,209,198,1) }
    .rgba-primary-3 { color: rgba( 36,163,149,1) }
    .rgba-primary-4 { color: rgba(  6,145,130,1) }
*/
.color-primary-0 { color: #41BAAD }	
.color-primary-1 { color: #9BE8E0 }
.color-primary-2 { color: #67D1C6 }
.color-primary-3 { color: #24A395 }
.color-primary-4 { color: #069182 }
    

/*Site Notice*/
noscript {
    display: block;
    text-align: center;    
    width: 100%;
    border-radius:0 !important;    
}

/*Site Notice*/
.pid-header-notice{
	background:#505050;
	color:#fff; 
	padding:15px;	
	text-align: center;				
}
.pid-btn-amber {
	background: #FF7E00;
	color: #fff;	
}
.pid-btn-amber:hover,.pid-btn-amber:active {
	background: #C46210;    
	color: #fff;
}	

/*Product Info*/
.pid-product-sample img {
	height:130px;
}
/*Links*/
a.read-more {
    display: inline-block;  
    font-style: italic;
}


/*Buttons*/
.btn .fa {
	margin-right:5px;	
}

.btn-link .fa,
.btn-icon .fa {
	padding:0;	
	margin-right:5px;	
}
.btn.btn-icon .fa {	
	margin-right:0;	
}
.btn-flat {
	border:1px solid #ccc;
	border-radius:0;
}
.pid-btn-primary,
.pid-btn-order 
{
    color: #fff !important;
    background: #41BAAD;
    border:2px #41BAAD solid;    
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;	    
}
.pid-btn-primary:hover ,
.pid-btn-order:hover 
{    
    border-color: #069182;    
}
.pid-btn-order.btn-xs 
{    
    font-size: 14px;    
}

.pid-btn-checkbox .fa {
    margin: 0;
    width: 13px;
}


/* Input Group with Options Dropdown*/
.input-group-btn-options .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
/* Pagination */
.pid-pagination 
{    
	margin-top: 20px;		
	overflow: hidden;
	text-align:center;	
	width:100%;	
}
.pid-pagination .status {
	display:block;				
}
.pid-pagination .pagination {	
	margin-top:10px;		
}
/* Dialog Box */
.dialog-box .sky-form .label{
    font-size:small;	
    margin:0;
    padding: 0;    
}
.dialog-box .sky-form .label label{    
    margin:0;
    padding: 0;    
}
.dialog-box .sky-form .form-group{
    margin:0 0 4px 0;
}

.dialog-box .alert{
	margin-bottom:10px;
}

/*SSL Banner*/
#siteseal {
	display:block;
	margin-top: 20px;
	text-align: center;	
}
#siteseal table {    
    margin: auto;
}

/* Well Elements */
.well .pid-btn-container {
	text-align:right;	
}

/* Data List */
dl.pid-dl dt {
	text-align: left;
	margin-bottom: 5px;
    /*background-color: red;*/
}

dl.pid-dl-lg dt {
    width: 320px;
}
dl.pid-dl dd {
	margin-bottom: 5px;
    word-break: break-all;
}

dl.pid-dl i {
	width:16px;
}

/* Data List (Minimalist - Icon dt) */
dl.pid-dl-min dt {
	text-align: left;	
	margin-bottom: 5px;
	width:34px; 
}
dl.pid-dl-min dd {
	margin-bottom: 5px;
	margin-left:40px;     
}

/* Social Icons */
a.social	
{ 
    background:rgba(0,0,0,0.3); 
	color:#fff; 	
	display:inline-block; 	
	height:28px; 	

	line-height:28px; 	 
	text-align:center; 		
	text-decoration:none;
    width:28px; 
    
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;

    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}
a.social.fa-twitter:hover				{ background:#41b7d8!important; color:#fff!important; }
a.social.fa-facebook:hover 				{ background:#3b5997!important; color:#fff!important; }
a.social.fa-google-plus:hover 			{ background:#d64937!important; color:#fff!important; }
a.social.fa-linkedin:hover 				{ background:#0073b2!important; color:#fff!important; }
a.social.fa-vimeo-square:hover 			{ background:#388fc5!important; color:#fff!important; }
a.social.fa-youtube-square:hover 		{ background:#A40F09!important; color:#fff!important; }
a.social.fa-flickr:hover 				{ background:#ff0084!important; color:#fff!important; }
a.social.fa-pinterest:hover 				{ background:#cb2027!important; color:#fff!important; }
a.social.fa-skype:hover 					{ background:#00aff0!important; color:#fff!important; }
a.social.fa-rss:hover					{ background:#e0812a!important; color:#fff!important; }
a.social.default:hover					{ background:#37353A!important; color:#fff!important; }
a.social.rounded 						{ width:28px; height:28px; line-height:28px; }

/* Toggle */
div.toggle {
	margin: 10px 0 0;
	position: relative;
	clear: both;
}

div.toggle > label {
	color: #333;
	background: rgba(0,0,0,0.03);

	cursor: pointer;
	font-size: 16px;
	font-weight:normal;
	padding: 10px 20px;
	position: relative;
	display: block;
	border-bottom: rgba(0,0,0,0.03) 1px solid;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;

	-webkit-transition: all .10s ease-out;
	   -moz-transition: all .10s ease-out;
		 -o-transition: all .10s ease-out;
			transition: all .10s ease-out;

	-webkit-touch-callout: none; 
	  -webkit-user-select: none; 
	   -khtml-user-select: none; 
		 -moz-user-select: none; 
		  -ms-user-select: none; 
			  user-select: none;
}

div.toggle.active div.toggle-content {	
	display: block;
}

div.toggle div.toggle-content {
	border: rgba(0,0,0,0.03) 1px solid;
	display: none;
	background:transparent;
	margin-top: -5px;
	padding: 15px 20px;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

div.toggle > label:before {
	content: '';
	border: 6px solid transparent;
	border-top-color: inherit;
	position: absolute;
	top: 50%; 
	right: 14px;
	margin-top: -3px;
}

div.toggle > label:hover {
    background: rgba(0,0,0,0.04);
}

div.toggle > label + p {
	color: #888;
	height: 25px;
	display: block;
	overflow: hidden;
	padding-left: 10px;
}

div.toggle.active > label:before {
	border: 6px solid transparent;
	border-bottom-color:rgba(0,0,0,0.5);
	right: 14px; 
	margin-top: -10px;
}



/*Home Sales Stats Chart*/
#homeSalesStatsChart {
	height: 400px;
	width: 100%;
}

/* Google Address Autocomplete */
.ui-menu .powered-by-google 
{
    padding: 10px 0 15px 0;
}

.ui-menu .powered-by-google a,
span.powered-by-google 
{    
    display: block;
    background:url(../img/3rd-party-logos.png) no-repeat;           
    background-position:top center;
    height: 18px;
}

/* Zillow Mortgage Rates Autocomplete */
.ui-menu .powered-by-zillow 
{
    padding: 10px 0 30px 0;
}
.ui-menu .powered-by-zillow  a 
{
    display: block;
    background:url(../img/3rd-party-logos.png) no-repeat;           
    background-position:center -25px;
    height: 30px;      
}

/* Progress bar*/
.load-progress 
{
    background-image:url(../img/ajax-loader.gif) !important;           
    background-repeat:no-repeat !important;
    background-position:center center !important;       
    display:inline-block;
    height:12px;    
    width:16px;    
}
/* Share this widget */
.pid-share-this-dropdown-menu{

    z-index: 1000;
} 
.pid-share-this-dropdown-menu .chicklets {
    
    font-size: 14px !important;
    padding-left: 22px !important;
} 

/* KO View Components */
.pid-view-inactive
{
    display:none;
}

/* Utility Class */
.pid-spacer {
    margin-bottom: 10px;    	
}
.pid-borderless {
	border:0 !important;
}
.pid-divider {
  border: 0;
  margin: 60px 0;
  height: 4px;
  border-top: #ddd 1px solid;
  border-bottom: #ddd 1px solid;
  text-align: center;
  position: relative;
  clear: both;
}

/*
    PID Pagination
*/
.pid-pagination 
{
    font-size: 12px;
    text-align: right;
    overflow: visible;
}
.pid-pagination .status {        
    font-style: italic;
    display: block;        
}
.pid-pagination .pagination {
    margin:0 0 0 0;          
}

.pid-pagination .dropdown .dropdown-menu {
    left: -128px;    
    top: 34px;    
}

.pid-pagination .dropup .dropdown-menu {
    left: -128px;     
}

.modal-body .pid-pagination .dropdown-menu 
{
    left: -155px; 
}
.modal-body .pid-pagination .status {        
    float: left;
    top: 10px;
    position: relative;
}
/*New Feature Indicator*/
.pid-new-feature {
    background-color: #d9534f;
    border-radius: .25em;
    color: #fff;
    font-size: 10px;
    font-style: italic;
    padding: 2px;    
    position: relative;     
    text-transform: uppercase;
    top: -3px;
}

@media (max-width: 991px) 
{ 
    /* Well Elements */
    /*.well .pid-btn-container {
	    margin-top: 5px;
    }*/ 
    dl.pid-dl dt {
	width: 100px;
    }     
    dl.pid-dl dd {
	    margin-left: 120px;        
    }     
}
@media (max-width: 767px) 
{      
    dl.pid-dl dt  
    {        
        padding-left:0;
        width: auto;    
    }    
    dl.pid-dl dd 
    {                
        margin-bottom:5px;	
        margin-left:0px;
        padding-left:0;               
    }

     
    .pid-btn-responsive {
        min-width: 24px;
    }
    .pid-btn-responsive>span {
        display: none;  
    }
}


.pid-dropdown label input
{
    display:none;
    *display:inline;    
}

.pid-dropdown .subtitle,
.dropdown-menu .subtitle
{
    font-size:11px;
    font-style:italic;       
    margin-left:5px;        
}

.pid-dropdown>.active>label{
    color: #fff;
    text-decoration: none;
    background-color: #24A395;
    outline: 0;
}
.pid-dropdown>li>label {
    display: block;
    color: #333;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;    
    white-space: nowrap;
}
.pid-dropdown-btn {
	text-align:center;	
}
.pid-dropdown-form .pid-dropdown-btn {
    padding-bottom: 5px;
}

.pid-dropdown-form>li>label {    
    margin-left: 10px;
}


@media (max-width: 565px) {
    .pid-dropdown-btn .btn {
        margin: 0 0 5px 0 !important;
    } 
}

/* Email Address input */
.field .email-address-input
{
    float:left;
    width:500px;
}

.email-address-input
{            
    border: 2px solid #ccc;
    background-color: #fff;            
    padding:5px;            
    padding-top:0;
    overflow:hidden;                               
}

.email-address-input-focus
{            
    border-color:#c6c6c6;    
}

.email-address-input textarea,
.email-address-input textarea:focus
{                        
    border:0;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    overflow:hidden;              
    height:32px;
    margin-top:5px;    
    max-height: 32px;
    line-height:32px;
    resize:none;
}        
        
.email-address-input .email 
{
    background:linear-gradient(top bottom, #f9f9f9 5%, #e9e9e9 100%);
    background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background-color:#f9f9f9;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
    border:1px solid #dcdcdc;
    border-radius:2px;  
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;        
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;              
    
    color:#666666 !important;
    cursor:pointer;
    display:block;    
    float:left;    
    
    margin-right:5px;
    margin-top:5px;
    padding:5px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.email-address-input .email .icon
{
    top:3px;
    position:relative;
}
.email-address-input .invalid
{
    color:#B94A48 !important;         
}        
.email-address-input .active 
{    
    border:1px solid #08c;         

} 
.email-address-input .list 
{
    float:left;
}  
/* Footer */
#pid-footer
{
    border-top: 1px solid #e1e1e1;
    background: #41BAAD;    
    color: #fff;    
}
#pid-footer h4
{
    font-size: 14px;
    font-weight: bold;	
	margin-bottom:5px;
}

#pid-footer .copyright
{        
    background: #fff;
    color: #5c5c5c;
    padding: 10px 0;
}

#pid-footer .copyright .row>div:nth-child(2) {
    text-align: center;    
}
#pid-footer .copyright .row>div:nth-child(3) {
    text-align: right;    
}

#pid-footer .copyright .row>div:nth-child(n+2) {
    margin-top: 50px;
}


#pid-footer .pid-social-icons {
    display: block;
    margin-top: 10px;
}

.pid-footer-main  {    
	background-color: #41BAAD;
    background-image: url('../img/footer.webp');
    background-position: center;
    color: #fff;
}

.pid-footer-main h3>span, 
.pid-footer-main p {
    font-size: 16px !important;
}

.pid-footer-main>div {    
    background: #41BAAD;
    background: rgba(65, 186, 173, .8);
    padding: 20px 0;
}
.pid-footer-main .pid-btn-order {
    background: #fff;
    border-color: #fff;
    color: #41BAAD !important;
    font-size: 20px;
    margin-top: 20px;
    padding: 15px 20px;
        
}

.pid-footer-links {
	padding: 30px 0;
    font-size: 16px;
    line-height: 26px;
}

.pid-footer-links li {
    margin-bottom: 10px;
}

.pid-footer-links a {
    color: #ffffff;
}

.pid-footer-links>h4 {
    text-transform: uppercase;
    font-size: 20px !important;
    margin-bottom: 20px !important
}

.pid-footer-links-navigate {
    text-align: center;    
}
.pid-footer-links-navigate>span {    
    border-bottom: 3px solid #fff;
    display: inline-block;
    width: 40px;
}

.pid-footer-links .btn {
    background: #24A395;    
    color: #fff;   
}

.pid-footer-links .btn:focus,
.pid-footer-links .btn:active {        
    color: #fff !important;    
}

@media (max-width: 991px) {
   
    #pid-footer .copyright .row>div:nth-child(n+2) {
        margin-top: 30px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {    
    .pid-footer-links {
	    padding-top:0;
    } 
}
@media (max-width: 767px) {
    .pid-footer-links {
        padding: 20px 0 0 0;
    }

    .pid-footer-links-navigate {
        text-align: left;
    }
    
    #pid-footer .copyright .row>div {
        text-align: center !important;
    }
    #pid-footer .copyright .row>div:nth-child(n+2) {
        margin-top: 0;
    }
}
/*Css Override*/
.sky-form,
.sky-form .label,
.sky-form legend,
.sky-form .radio, 
.sky-form .checkbox {
	color:#5c5c5c;	
}

/**/
/* hover state */
/**/
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i {
	border-color: #41BAAD;
}
.sky-form .rating input + label:hover,
.sky-form .rating input + label:hover ~ label {
	color: #41BAAD;
}
.sky-form .button:hover {
	opacity: 1;
}
/**/
/* focus state */
/**/
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
	border-color: #41BAAD;
}
/**/
/* checked state */
/**/
.sky-form .radio input + i:after {
	background-color: #41BAAD;	
}
.sky-form .checkbox input + i:after {
	color:#41BAAD;
}
.sky-form .radio input:checked + i,
.sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i {
	border-color: #41BAAD;
}
.sky-form .rating input:checked ~ label {
	color: #41BAAD;
}


.sky-form section,
.sky-form .section{

    margin:20px 0 0 0;
    padding:0 15px;
}
.sky-form fieldset,
.sky-form .fieldset
{
    padding: 0 !important;
    margin:0 !important;
}
.sky-form fieldset + fieldset {
    border-top:0;
}
.sky-form legend 
{    
    margin-bottom: 20px;  
}
.sky-form.boxed legend 
{
    font-size:large;      
}
.sky-form .btn {
	margin:0;
}

.sky-form footer 
{
    margin:0 0 10px 0;
    padding-top: 20px;
    text-align: right;		
}

.pid-box.sky-form footer 
{
    margin:0 15px 10px 15px;    
}


.sky-form footer .btn {
	margin-left:10px;
    	float: right;
}

.sky-form footer .btn-primary,
.sky-form footer button[type="submit"] {
	
	padding: 6px 14px;
}

.sky-form .button {
	background:#337ab7;
}
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form .radio i,
.sky-form .checkbox i,
.sky-form .toggle i,
.sky-form .icon-append,
.sky-form .icon-prepend,
.sky-form legend,
.sky-form footer{
	border-color: #ccc;
}
.sky-form input:read-only {
    background-color: #f7f7f7;
}
.sky-form .input-group {
    border: 1px solid #ccc;
}


.sky-form .input-group-btn>.btn,
.sky-form .btn-group>.btn{
    border-radius: 0;
}


.sky-form .input-group 
.sky-form .icon-append,
.sky-form .icon-prepend {
	color:#999;
}


/*Input group*/
.sky-form .input-group
{
    border:0;
}
.sky-form .input-group>.btn 
{
    height: 39px;
}
.sky-form .input-group-btn>.btn {

    border: 2px solid #ccc;   
    height: 39px;
}
.sky-form .input-group-btn>.btn:hover {
    border-color:#ccc;       
}

.sky-form .input-group>.input-group-btn>.btn:first-of-type,
.sky-form .input-group>.input-group-btn>.btn:last-of-type,
.sky-form .input-group-btn>.btn:last-of-type {
    border-left:0;                 
}

.sky-form .input-group .form-control
{
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 39px;
    padding: 8px 10px;
    outline: none;
    border-color: #ccc;
    border-width: 2px;
    border-style: solid;
    border-radius: 0;
    background: #fff;
    font: 15px/19px 'Open Sans', Helvetica, Arial, sans-serif;
    color: #404040;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none; 
}

.sky-form .input-group .form-control:focus {
    border-color: #2da5da;
}
.sky-form .input-group .icon-prepend{
    z-index: 150;
}
.sky-form .input-group .icon-prepend + input {
	padding-left: 46px;
    z-index: 100;
}

/*Delete Profile Photo*/
.sky-form .pid-current-profile-photo footer {
	text-align: left;
}
.sky-form .pid-current-profile-photo .btn {
	float:none;
	margin-left: 0;	 
}


/*Forms*/
form 
{
    padding:0;	
}
form.inline-form 
{    
	display:inline;	
}

/* Form Validation */
.validation-summary-valid.alert {
    display: none;
}

.field-validation-error
{
    background-color: #ee9393;
    color: #fff;
    display: inline-block;
    font-style: italic;
    padding: 3px;    	
}

.select .field-validation-error {
	position: relative;		
}

/* Required/Optional fields marker */
.pid-field-required,
.pid-field-optional {
    color: red;
	font-size: 12px;
    margin-left: 5px;
    font-weight: normal;	
}
.pid-field-optional {
	color:#333;			
    font-style: italic;			
}

/*PID Form Text Highlight*/
.pid-form-highlight {
    color: red;
}


/*PID Forms*/
.pid-form-compact legend
{
    font-size:16px;
    font-weight: bold;	
}
.modal-dialog .pid-form-compact .section {
    margin: 0;
}

.pid-form-compact fieldset .form-group:last-child{	
    margin-bottom:0;
}

.pid-form-compact .form-group 
{
	margin: 0;
}

.pid-form-compact .form-group .icon-append,
.pid-form-compact .form-group .icon-prepend 
{
    height:25px;
    line-height:27px; 
    top:4px;    
}

.pid-form-compact .form-group .select i 
{        
    box-shadow:none;
    top:10px;    
}

.pid-form-compact .label 
{    
    margin:10px 0 0 0;
    overflow: hidden;
}

.pid-form-compact .input input,
.pid-form-compact .select select {
	height: 32px;
	padding: 4px 10px; 
}

.pid-form-compact .input-group-btn .btn   
{
    padding-top: 4px;        
    height: 32px !important;
}

.pid-pending-escrow-form-group>label {
    color: red !important;
    font-size: 15px !important;
}
/*PID Inline Form*/
.pid-form-inline {
    overflow: hidden;
}
.pid-form-inline > label {
    float: left;
    margin-right: 20px;
    margin-top: 0 !important;
}

.pid-form-inline > label > small {
    font-weight: normal;
    font-style: italic;
}

.pid-checklist > label>span {
    font-weight: normal;    
}

.pid-checklist-short {
    max-height: 200px;
    overflow: auto;
}

/*Floating Header/Label Controls*/
.pid-form-header-controls
{    
    float: right;
    font-weight: normal;
}

/* Help icon */
.pid-help {    
    color: #337ab7;
    margin-left: 5px;
}
/* Placeholders*/

::-webkit-input-placeholder {
  font-style:italic;	
}

:-moz-placeholder { /* Firefox 18- */
   font-style:italic;
   color: #ccc;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-style:italic;
}

:-ms-input-placeholder {  
   font-style:italic;
}

.sky-form footer .btn {
	margin-left:10px;
}

/*Form progress bar*/
.pid-form-progress    
{
    margin:20px 0 20px;      
	text-align: center;	
}
.pid-form-progress .pid-form-progress-step
{    
    font-size: 20px;
    line-height: 32px;
    margin: 0 0 32px 0;    
}
/* Proggress indicator right next to an input */
.icon-append.pid-input-progress {
    border-color: transparent !important;    
}
/* Fieldset */
fieldset.pid-fieldset {
    border: 1px solid #e5e5e5 !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
}

.pid-fieldset legend 
{    
    background: 0;
    border: 0;
    width: auto;
    font-size: 18px; 
}
.pid-form-progress .progress {
	height:8px;
	margin: 0 !important;
}



/* Lookup information or enter manually message */
.pid-or-enter-info 
{    
    border: 0 !important;    
    display: block;
    position: relative;
    margin: 20px 0;    
}
  
.pid-or-enter-info:before {
    content: "";
    display: block;
    border-top: 1px solid #e5e5e5;
    width: 100%;
    height: 1px;
    position: absolute;    
    top: 50%;    
    z-index: 1;
}
 

.pid-or-enter-info span {
    background: #fff;        
    font-style: italic;
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    padding: 0 10px;
    position: relative;    
    z-index: 5;
}
.pid-or-enter-info span:after {
  content: " \2193";
}


@media (max-width: 991px) 
{
    .pid-form-progress     
    {        
        margin:0 0 20px 0;      
	    text-align: left;	
    }     
    .pid-form-progress .pid-form-progress-step 
    {
        font-size: 18px;
        line-height: 24px;
    }    
}

@media (max-width: 767px) 
{            
    .pid-form-header-controls
    {    
        float: none;
        display: block;
    }
    .sky-form.pid-box,
    .sky-form .pid-box {
        border: 0;
    }
    .sky-form section, .sky-form .section {
        margin: 20px 0 0 0;
        padding: 0;
    }

    .sky-form footer {
        margin: 0 !important;        
    }
    
    .label label {
        display: inline;
        white-space: normal;    
    }
}
@media (max-width: 599px) 
{  
  .sky-form footer .btn,
  .sky-form footer .btn-primary 
  .modal-footer.pid-btn-container .btn,
  .modal-footer.pid-btn-container .btn-default,
  .modal-footer.pid-btn-container .btn-primary{
      clear: both;
      display: block;
      float: none;
      margin: 0;
      margin-bottom: 10px !important;
      margin-left: 0 !important;
      width: 100%;
   }      
}




.fortressfire-product-check {
    margin-top: 15px;
}
.fortressfire-product-check>button {
    margin-right: 10px !important;
}

.fortressfire-product-check .text-success,
.fortressfire-product-check .text-danger {
    font-style: italic;
}

.fortressfire-terms-box {
    text-align: right;
    padding: 10px;
}

@media (max-width: 990px) {
    .fortressfire-terms-box {
        text-align: center;        
    }
}


/* 
    To prevent autocomplete results from showing behind the Bootstrap modal window 
*/
.pac-container {
    z-index: 10000 !important;
}

/* Change/Cancel Link */
.pid-address-input .pid-btn-container>a {
    display: none;        
}
/*
    Grid
*/
.pid-grid {
    border: 1px solid #ddd;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;    
    
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);    
}
.pid-grid-content-wrapper {
    padding: 10px;
    min-height: 72px;
}
.pid-grid-content-wrapper .alert {
    margin: 0;
}
.pid-grid-wrapper {
    overflow: auto;    
    margin: 0;
    margin-top: 0;
}
.pid-grid-wrapper>table {
    margin: 0;
    margin-top: 0;
}
.pid-grid-header h4 {
    font-size: 16px;    
}
.pid-grid-header, .pid-grid-footer {
	background: #f5f5f5;
  
}
.pid-grid-header 
{
    border-bottom: 1px solid #ddd;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;    
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;    
}
.pid-grid-footer {    
    border-top: 1px solid #ddd;    
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;        
}

.pid-grid-header ,
.pid-grid-footer {
    padding: 10px 15px;
} 

.pid-grid-compact .pid-grid-header ,
.pid-grid-compact .pid-grid-footer {
    padding: 10px;
}

.pid-grid-actions {	
    padding-bottom:10px;
    float: left;    
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;     
}
.pid-grid-actions-bottom {	
    padding-top:10px;    
}

.pid-grid .pid-pagination {
    margin-top: 10px;
}

.pid-grid .pid-btn-refresh {
    background: none;    
    float: right;    
    padding: 4px 4px;
    margin: 0 0 0 5px;
}

.pid-grid td .btn {
    margin-bottom: 10px;
}

.pid-grid td .pid-content-long 
{    
    max-width: 500px;
    max-height: 300px;          
}
/*
    PID Pagination
*/
.pid-pagination 
{
    font-size: 12px;
    text-align: right;    
}
.pid-pagination .status {        
    font-style: italic;
    display: block;
    
}
.pid-pagination .pagination {
    margin:0 0 0 0;          
}

.pid-pagination .dropdown .dropdown-menu {
    left: -128px;    
    top: 34px;        
}

.pid-pagination .dropup .dropdown-menu {
    left: -128px;     
}


@media (max-width: 767px) {
    .pid-pagination, 
    .pid-pagination .pagination
    .pid-pagination .status {
        text-align: left;
    }
    .pid-grid-actions {
        float: none;
        padding: 0;        
    }
    .pid-pagination .pagination {
        
        text-align: left;
    } 
}
/* Logo */
.pid-logo-2020 
{    
    display: inline-block;           
    text-align: center;
    padding: 5px;      
}
a.pid-logo-2020:focus,
a.pid-logo-2020:hover
{    
    text-decoration: none;
}

.pid-logo-2020 img
{
    width: 112px;
}

.pid-logo-2020 span
{
    color: #5c5c5c;
    font-weight: bold;
    font-size: 20px;
    display: block;        
}

/* Header */
#pid-header {
    padding-bottom: 10px;
    background: #fff;
}
#pid-header .pid-social-icons {
    position: absolute;
    top: 55px;
    margin-left: -130px;    
}
#pid-header.navbar {
    margin-bottom: 0;
}

#pid-header>div {
    border-bottom: 1px solid #41BAAD;
}


/*Page Header*/
.pid-page-header {        
    background: url('../img/header-bg.jpg');
    background-color: #212121;
    background-position: center;    
    background-repeat:repeat-x;    
    margin-bottom: 40px;
    text-align: center;
}
.pid-page-header>div {
    background: #7acfc6;    
    color: #5c5c5c;
    display:inline-block;    
    margin: 0;    
    min-height: 120px;        
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    width: 50%;
    max-width: 600px;     
}
.pid-page-header>div h1
{
    overflow: hidden;
}
.pid-page-header>div h1>span
{    
    border-bottom: 1px solid #5c5c5c;     
    color: #fff;    
}
.pid-page-header>div h1>small
{
    display: block;
    margin-top: 20px;    
    color: #fff;
    font-size: 20px;    
}
.pid-page-header>div a
{
    color: #fff;    
}

@media (max-width: 1400px) {
    #pid-header .pid-social-icons {
         margin-left: -100px; 
   } 
}

/*Stack up social icons*/
@media (min-width: 1200px) and (max-width: 1344px), 
       (min-width: 992px) and (max-width: 1141px), 
       (min-width: 768px) and (max-width: 920px) {

    #pid-header .pid-social-icons {
        margin-left: -40px;
        top:8px;
    }

    #pid-header .pid-social-icons a {
        display: block;
        margin-bottom: 5px;
        
        height: 24px;
        line-height: 24px;
        width: 24px;
        border-radius: 12px;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
    }
}
@media (min-width: 1200px) and (max-width: 1222px),
       (min-width: 992px) and (max-width: 1024px),
       (min-width: 768px) and (max-width: 806px)   {
    #pid-header .pid-social-icons {
        margin-left: -30px;        
    }   
}

@media (max-width: 991px) {
    .pid-logo-2020 img
    {
        width: 80px;
    }
    .pid-logo-2020 span {
        font-size: 18px;
    }
}

@media  (min-width: 922px) and (max-width: 991px) {
    #pid-header .pid-social-icons {
        margin-left: -100px;
        top:35px;
    }        
}

@media (max-width: 778px) {
    .pid-logo-2020 {
        margin-bottom: 5px;   
    }
    .pid-logo-2020 span {
        font-size: 16px;
    }    
}

@media  (min-width: 768px) and (max-width: 921px) {
    
    #pid-header .pid-social-icons {
        margin-left: -30px;
        top:4px;
    }    
    
    #pid-header .pid-social-icons a {
        display: block;
        margin-bottom: 3px;

        font-size: 14px;
        height: 22px;
        line-height: 22px;
        width: 22px;
        border-radius: 11px;
        -moz-border-radius: 11px;
        -webkit-border-radius: 11px;
    }
}

@media (min-width: 768px) and (max-width: 780px)   {
    #pid-header .pid-social-icons {
        margin-left: -23px;        
    }   
}

@media (max-width: 767px) {
    #pid-header .pid-social-icons {
        display: none;
    }
  
    .pid-page-header {
        margin-bottom: 20px;
    }

    .pid-page-header>div {
        min-height: inherit;
        padding:10px;
        width: 90%;
        max-width: 500px;
    }

    .pid-page-header > div h1 {
        font-size: 24px;
    }

    .pid-page-header > div h1 > small {
        font-size: 16px;
    }  
    
    .pid-logo-2020 {
        margin-bottom: 0;   
    }
    .pid-logo-2020 span {
        font-size: 18px;
    }    
}
@media (max-width: 400px) {
    .pid-logo-2020 img
    {
        width: 100px;
    }
}
.max-one-page {
    background-color: #fff;
    text-align: center;
    font-size: 32px;
    color: #333;
    padding: 40px 0 30px 0;
}

.max-one-page>span {
    font-weight: bold;
}

.max-powered-ist {
    background-color: #838181;
    text-transform: uppercase; 
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-bottom: 30px;
    padding: 10px;
}
.max-powered-ist>span {
    font-weight: bold;
    font-size: 26px;
   
}

.max-powered-ist sup {
    font-weight: normal;
}
.max-powered-ist>img {
    margin-left: 10px;
}

.max-meet {
    text-align: center;
    font-size: 26px;
    color: #333;
    margin: 30px 0;
}

.max-play {
    background-color: #fff;
    background-image: url('../img/max-pc-cellphone.jpg');
    height: 340px;
    background-position-x: center; 
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.max-play .btn-max {
    position:relative;
    float: right;
    right: 70px;
    top: 270px;    
}

.btn-max {    
    font-style: italic;
}

.max-legal {
    background: #41baad;
    color: #fff;
    margin-bottom: 30px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

.max-legal a,
.max-legal a:active,
.max-legal a:hover {
      color: #fff;
}

.max-checklist {
    font-size: 20px;
    color: #333;
    margin-bottom: 30px;
    text-align: center;    
}

.max-checklist p {
    margin: auto;
    
}
.max-checklist p:first-of-type {
    font-size: 26px;
    font-weight: bold;
}


.max-checklist ul {
    display: inline-block;        
    list-style-image: url('../img/check-teal.png');
    margin: 20px auto;
    
    text-align: left;    
}
.max-checklist ul>li {
    padding: 10px;
    
}

@media (max-width: 991px) {

    .max-one-page {
        padding: 20px 0 30px 0;
    }
}


@media (max-width: 767px) {
    
    .max-powered-ist {
    
        font-size: 14px;
    
        margin-bottom: 30px;
        padding: 10px;
    }
    .max-powered-ist>span {
 
        font-size: 18px;
   
    }
   .max-checklist-dash {
       margin-top: 40px;
       position: relative;       
   }

}


@media (max-width: 519px) {
    .max-play {
        text-align: center;
    }
    
    .max-play .btn {                
        float: none;        
        left: 0;        
   }

}

@media (max-width: 400px) {
    
    .max-checklist-dash {
        width: 90%;
   }

}
/* Home page global message box */
.pid-page-homeindex .pid-messagebox-global .alert {
    margin-top: 40px;
}

.pid-featured-section {    
    margin-bottom: 10px;
}
.pid-page-homesalesstatsindex{
    padding-top: 0;
}
.pid-integrations-logo-wrapper {    
    min-height: 100px;
    /* Internet Explorer 10 */
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    /* Safari, Opera, and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* W3C */
    display: box;
    box-pack: center;
    box-align: center;
}


/*Maps*/
.pid-gmap {
	width:100%;
	height:400px;
	display:block;
	z-index:1;
}
.pid-gmap-sm {
	height:180px;
}
#navbar .nav {
    float: right;
    top: 25px;
    position: relative;
}

#navbar .nav .active>a {
    color: #24A395;
    background: none;
    border: none;
    box-shadow: none;
}

#navbar .nav > li > a {
    font-size: 16px;
    padding: 20px 20px 15px 20px;
}

#navbar .pid-user-greeting {    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

#navbar .nav > li > a > small {
    /*color: #24A395;*/
    position: absolute;
    /*font-style: italic;*/
    font-size: 12px; 
    top:0;
    max-width: 100px;
}

#navbar .navbar-text  {
    position: relative;
    top: 20px;
}
#navbar .navbar-text .btn {
    font-size: 14px;
}
.navbar-toggle {
    top: 17px;
    right: 0;
    position: absolute;
}

.navbar-header .btn {            
    font-size: 14px;
}

#navbar .navbar-nav>li>a {
    color: #5c5c5c;
}
#navbar .navbar-nav>li>a:hover {
    color: #41BAAD;
}


/*#navbar .nav > li {
    background-color: #00bfff;    
}*/
/*.pid-main-nav-toggle {
    background-color: green;
    padding-top: 10px;
}*/
/*#navbar .navbar-nav > .open > a,
#navbar .navbar-nav > .open > a:hover,
#navbar .navbar-nav > .open > a:focus {
  color: #555;
  background-color: red;

    top: -20px;
}*/

/*My Account Dropdown*/
#navbar .pid-profile-box h5{
    padding:0 20px;	
    width: 180px;
    overflow: hidden;
}

#navbar .pid-profile-photo{
    display:block;	
    margin-bottom: 10px;
    padding: 3px 20px;
    text-align:center;    	
}

#navbar .btn-link {
    border: 0;      
    clear: both;
    color: #5c5c5c;
    display: block;
    font-weight: 400;
    line-height: 1.42857143;  
    padding: 3px 20px;
    white-space: nowrap; 	
}

#navbar .btn-link:hover 
{
    text-decoration: none;    	
}

#navbar li>ul.dropdown-menu .fa,
#navbar li>ul.dropdown-menu .fas,
#navbar li>ul.dropdown-menu .far {    
    margin-right: 5px;
    width: 18px;
}
/* Header Buttons */
.pid-header-btn-container {
    display: none;
    top: 25px;
    position: relative;
    right: 70px;
    float: right;
}

.pid-btn-cart>.label 
{
    display: inline-block;            
    font-size: 8px;   
    height: 15px; 
    line-height: 16px;    
    padding: 0;
    width: 16px;

    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;

    position: relative;
    top: -2px;    
}
.navbar-header .pid-btn-order {
    padding: 7px 12px 6px 12px;
}
.navbar-header .pid-btn-cart {
    font-size: 30px;
    padding: 0;
    margin: 0;
    position: absolute;
    left: -45px;
    top: -3px;
    color: #5c5c5c;
}
.navbar-header .pid-btn-cart>.label {
    position: absolute;
    left: 12px;
    top: 10px;    
}

@media (max-width: 1199px) {
    #navbar .nav {
        top: 28px;
    }
    
    #navbar .nav>li>a {
        font-size: 14px;
        padding: 20px 10px 10px 10px;
    }     
    
     #navbar .navbar-text  {        
        top: 21px;
    }   
}

@media (max-width: 991px) {     
    
    #navbar .nav>li>a {
        font-size: 12px;
        padding: 15px 8px 10px 0;
    }
     #navbar .nav>li:last-of-type>a {        
        padding-right:0;
    }
    
    #navbar .nav > li > a > small {    
        font-size: 10px;         
        width: 80px;
    }
    

    #navbar .navbar-text .btn {        
        padding: 5px 6px;
        font-size: 12px;
    }
}


@media (max-width: 800px) {     
    #navbar .nav>li>a {        
        padding: 15px 6px 10px 0;
    }   
    #navbar .nav > li > a > small {    
        
        
        width: 80px;
    }
}

@media (max-width: 778px) {
   
    #navbar .nav {
        top: 22px;
    }

    #navbar .navbar-text  {        
        top: 15px;
    }
}

@media (max-width: 767px) {
    
    #navbar .nav {
        float: none;
        top: 0;
        position: relative;
    }
           
    #navbar .nav>li:last-of-type {
        display: none;
    }

    #navbar .nav > li > a {
        font-size: 14px;
        padding: 12px 10px 10px 10px;
    }

    #navbar .navbar-text {
        display: none;
    }
    #navbar .btn-link {
        padding-left: 25px;      
    }
    .pid-header-btn-container {
        display: inline-block;
    }
    
    .pid-header-btn-container .btn {
        font-size: 12px;
    }

    .pid-btn-cart > .label-default {   
        background-color: #999;
    }
}

@media (max-width: 400px) {        
    .navbar-header {        
        text-align: center;
    }    
    .pid-header-btn-container {
        display: block;
        float: none;
        margin: 0 0 5px 0;
        top: auto;
        right: auto;
    }

    .navbar-header .pid-btn-cart {
        font-size: 24px;
        position: relative;
        left: 0;
        margin-right: 10px;
        top: 5px;
    }
    .navbar-header .pid-btn-cart > .label {        
        top: 7px;
        left: 8px;
    }
    .navbar-header .pid-btn-order {
        padding: 3px 12px;
    }   
}

.pid-newsletter .btn {
    float: right;
    margin-bottom: 10px;
}
.pid-newsletter .grecaptcha-badge { display: none; }
.pid-newsletter .note {
    float: left;
    width: 220px;
    margin: 0;
}
.pid-newsletter-alert {        
    padding: 5px;
    margin-bottom: 5px;  
    border-radius: 4px;  
}

.pid-newsletter-alert button {
    float: right;
    background: none;
    border: none;
}

.pid-newsletter-alert-success {
    background-color: green;    
}

.pid-newsletter-alert-danger {
    background-color: red;    
}

.pid-newsletter-alert.alert-success {
    background-image: none   
}
.pid-newsletter-alert.alert-danger {
    background-image: none   
}

@media (max-width: 1199px) {
    .pid-newsletter .note {
        float: left;
        width: 200px;
    }
}

@media (max-width: 991px) {
    .pid-newsletter .note {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .pid-newsletter .btn {
        float: none;        
    }
}

                           
                       
#pid-content.pid-order-page {
    padding:0;
}
/* Page Header */
.pid-order-page .pid-page-header {
    text-transform: uppercase;
}

.pid-order-page .pid-page-header {
    text-transform: uppercase;
}

.pid-order-page .pid-page-header h1
{            
    color: #fff;
}
.pid-order-page .pid-page-header span
{    
    border-color: #fff;    
    color: #5c5c5c;
}
.pid-order-page .pid-page-header a
{
    color: #fff;
    margin-left: 6px;
    margin-right: 6px;
}

/* Order as Escrow*/
.pid-order-page .pid-property-info{
    /*top: -60px;*/
    margin-top: 0;
    position: relative;     
}

.pid-order-as-escrow {            
    overflow: hidden;        
}
.pid-order-as-escrow>span {
    background: #e1e1e1;
    padding: 5px;
    display: block;
    float: right;
    overflow: hidden;
    margin: 0 15px 0 10px;
    
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.pid-order-as-escrow .checkbox  {    
    float: left;
    margin: 0 5px 0 0;    
}
.pid-order-as-escrow a  {
    position: relative;
    top: 5px;
}

/* Order Action */
.pid-order-action {
	text-align:right;
	overflow: hidden;
	margin-bottom: 10px;	
}

.pid-order-action .btn-toggleall
{    
	margin:10px 0;
}

.pid-order-table
{
    width: 100%;	
}
.pid-order-details-hidden
{
    display:none;
}

.pid-order-total
{    
    background:#fafafa;
    border: 1px solid #ddd;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
    text-align: right;
}
.pid-order-total-val {
    display: inline-block;
    width: 100px;    
}

.pid-order-table td
{    
   border: 1px solid #ddd;     
}

div.pid-order-amt 
{
    background:#fafafa;
    border: 0 solid #ddd;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
    text-align: right;
}

td.pid-order-amt 
{
    border-left: 1px solid #ddd;       
	text-align:right;
	width: 50%;	
}

.pid-order-amt-label{
    font-weight: bold;	
    margin-right: 10px;
}
.pid-order-amt-val
{    
    display: block;	
    float: right;        
}
.pid-order-grand-total-amt {
    color: #41BAAD;
}

.pid-order .pid-shortened-toggle {
    padding-left: 12px;
}

.pid-order .section {
    padding: 0 15px;    
}

.pid-order>.section:last-child {
    padding-bottom:10px;    
}


.pid-order .section>h4 {
    margin-top: 0;
}


/*Order progress bar*/
.pid-order-progress    
{
    margin-bottom: 20px;
	text-align: center;	
}
.pid-order-progress-complete,
.pid-order-progress-complete>span {
	color: #41BAAD !important;
}
.pid-order-progress .text-primary
{
    color:#41BAAD;    
}

.pid-order-progress span
{
    color:#e1e1e1;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 32px 0;    
}
.pid-order-progress-sm span {
    font-size: 18px;
}
span.pid-order-progress-active,
span.pid-order-progress-active>span
{
    color: #5c5c5c;
}

.pid-order-progress .progress {
	height:8px;
	margin: 0 !important;
}

.pid-order-details-section {
    margin-top: 10px;
}
/*Shopping Cart Page*/
.pid-page-ordercomplete .pid-order-progress, 
.pid-page-shoppingcartcheckout .pid-order-progress,
.pid-page-shoppingcartcheckoutasexistingcustomer .pid-order-progress,
.pid-page-shoppingcartcheckoutasnewcustomer .pid-order-progress,
.pid-page-shoppingcartcheckoutasguest .pid-order-progress,
.pid-page-shoppingcartcheckouteditcustomerinformation .pid-order-progress,
.pid-page-shoppingcartcheckouteditguestcustomerinformat .pid-order-progress,
.pid-page-shoppingcartindex .pid-order-progress,
.pid-page-shoppingcartpaymentinfo .pid-order-progress
{
    margin-top: 40px;
}
/*Checkout Button*/
.pid-order-checkout {
	background: url(../img/blue-arrow-down.gif);
	background-repeat: no-repeat;	
	background-position: top center;	 	
	display: block;
	float: right;
	padding-top:65px;
}
.pid-order-checkout-top 
{
    margin-bottom: 20px;
}

.order-note 
{            
    margin:5px 0;	    
	overflow: auto;	
}
.order-note-hidden {
	display: none;	
}

/* Order History Page*/
.pid-order-history td a {
	display: block;
    margin-top: 5px;		
}
.pid-order-history td a .fa {	
    margin-right: 5px;		
}

/* Discount Notes */
.discount-name {
    color: red;    
    font-style: italic;    
}
.discount-note 
{
    display: block;
    padding: 5px;
    font-size: smaller;
    font-style: italic;
}

@media (min-width: 991px) 
{
    .products .control-group-expanded .checkbox
    {        
        margin-left: 9px;        
    }
}
@media (max-width: 991px) 
{
    .products .price
    {    
        display:inline;        
    }
}
@media (max-width: 767px) {
    .pid-order-page .pid-property-info {
        top: 0;
    }
    
    .pid-order-progress {
        text-align: left;
    }

    .pid-order-progress h1,
    .pid-order-progress span {
        font-size: 18px;
        line-height: 24px;
    }
    
    .pid-order-as-escrow>span {
        margin: 0 0 20px 0;        
        float: none;               
    }
}

@media (max-width: 599px) 
{
    div.pid-order-amt.pid-order-amt-responsive    {
        float: none;
        text-align: center;    
    } 
    div.pid-order-amt 
    {
        float: none;
        text-align: right;    
    }         
    .pid-order-amt-responsive .pid-order-amt-val 
    {
        float: none;
        display: inline-block; 
    }       
}
.popup-banner.modal {
    width: 600px;
    margin: 0 auto;

    text-align: center;
    padding: 0!important;
}
        
.popup-banner.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

.popup-banner .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
        
.popup-banner .modal-header {
    background:0;
}
.popup-banner .modal-content {        
    background:0;
    border: 0;
    box-shadow: none;
}
.popup-banner .modal-body {    
    background-color: #fff;
    overflow: hidden;    
    padding: 10px;
}

.popup-banner .close {
    color: #fff;
    font-size: 30px;
    opacity: .8;
    position: relative;
    right: -18px;    
}

.popup-banner img {
    display: inline-block;
    width: 100%;
}


@media (max-width: 767px) 
{   
    .popup-banner .modal-dialog {
        width: 90%;        
    }     
}

/*
    NakedHouse Marketing Banner
*/
.nh-banner {                                    
    position: relative;            
}
.nh-banner-container {                        
        display: flex;
        justify-content: center;
        align-items: center;         
        gap: 20px;     
}
.nh-banner-title {            
    text-align: center;
    position: absolute;
    top: 10px;            
    width: 100%;          
}
.nh-banner-title>* {
    background-color: rgb(255 255 255 / 70%);                        
    margin: 0;               
    display: inline-block;
    padding: 5px;            
}
.nh-banner-title p {
    font-style: italic;
}

.nh-banner-img {            
    width: 300px;            
}
.nh-banner-text {            
    position: relative;
    text-align: center;
    top: 40px;            
}
        
.nh-banner-text>div {
    margin: auto;
}
        
.nh-banner h3, 
.nh-banner h4 {            
    color: #000;            
    font-weight: bold;
    text-transform: uppercase;
}
.nh-banner img {
    width: 100%;     
}
.nh-banner a {            
    color: #3597f9;            
}
.nh-banner a:hover,
.nh-banner a:active {            
    color: #0771db;            
}
.nh-banner a.btn {
    background-color: #3597f9;
    color: #fff;
    border-radius: 0;
    font-weight: bold;
    width: 80%;
    margin-bottom: 10px;            
}
.nh-banner a.btn:hover {
    background-color: #0771db;
}
.nh-banner em {
    display: block;                              
}
.nh-banner em:last-of-type {
    margin-bottom: 20px;
}
.nh-banner ul {
    list-style-position: inside;
}
.nh-banner ul>li:last-of-type {
    list-style: none;
}

.popup-banner-nh h3 {
        font-size: 18px;
}
.popup-banner-nh h4 {
        font-size: 14px;
}
.popup-banner-nh .nh-banner-img {
    width: 250px;
}    
       
@media (max-width: 767px) 
{      
    .popup-banner-nh .nh-banner-title {
        position: relative;
        top: auto;
    }  
    .popup-banner-nh .nh-banner-text {               
        top: auto;
    }                
}    
@media (max-width: 660px) 
{      
    .nh-banner-title {
        position: relative;
        top: auto;
    }     
    .nh-banner-text {
        top: auto;
    }      
}   
@media (max-width: 590px) 
{      
    .popup-banner-nh .nh-banner-container {
        display:block;
        text-align: center;
    } 
    .popup-banner-nh .nh-banner-img {                
        display: inline-block;
        width: 80%;
        max-width: 200px;   
    } 
    .popup-banner-nh.modal {                
        width: auto;
    }
}
@media (max-width: 448px) 
{      
    .nh-banner-container {
        display:block;
        text-align: center;
    } 
    .nh-banner-img {                
        display: inline-block;
        width: 80%;
        max-width: 200px;   
    }             
}
@media print {
    body {        
        padding-top: 0;    
    }
    a[href]:after {
    content: "";
    }
  
    /*PID Elements*/    
    #pid-header {	    
        position: relative;
        margin: 0;
        padding: 0;
    }
        
    #pid-header .pid-logo 
    {
        float: none;	    
        height: 35px !important;                       
	    text-align: center;		    
	    top:0;
	    width: 100%;	    	    
    }      
    #pid-header .pid-header-btn-container,
    #pid-header button
    {
        display: none;        
    } 

    #pid-content {
        padding:0;
        margin: 0;
    }  
    #pid-footer {
        border: 0;
    }
    #pid-footer>.container{
        display: none;
    }
    
    #pid-footer .copyright{
        color: #333;
        font-size: 11px;
        padding: 0;
    }
    .pid-update-notice
    {
        display: none;	
    } 
    .pid-switch-to-classic
    {
        display: none;	
    }        
    .pid-main-header
    {          
        border-bottom: 1px solid #ccc;        
    }         
    .pid-header-navbar-top,
    .pid-header-navbar {
	    display:none;	
    }
    
    .pid-footer-main {
	  display: none;	
    }
    
    .pid-box .header-action {
	    display:none;	
    }
    
    .pid-order-action,
    .pid-order-progress {
	    display: none;	
    }    
    
    .pid-btn-order {
        color: #000;
    }
    
    /* Shortened content widget */
    .pid-shortened .pid-shortened-content {
	   	max-height:100%; 
    }
    .pid-shortened  .pid-shortened-toggle {
	    display:none;
    }        
     
    /* Comparison Chart */  
    .pid-comparison-report p {
        font-size: 10px;
    }
    .pid-comparison-report-wrapper {
        overflow: hidden;
    }
        
    .pid-comparison-report .pid-logo img {                    
        max-width: 220px !important;   
    }
        	
    .pid-comparison-report table .pid-btn-order {
        display: none;    
    }
    
    .pid-comparison-report thead th
    {           
        padding: 2px !important;
    }     
    
    .pid-comparison-report tbody td,   
    .pid-comparison-report tfoot td   
    {           
        padding: 1px 2px !important;
    }   
    .pid-comparison-report tbody td   
    {
        font-size: 9px !important;             
    }     
    
    /*Easy Calculator*/
    .pid-calculator .pid-box-header {
        display: none;
    }
        
    .pid-calculator-text 
	{
	    page-break-after: always;
	}
   
    /*Prevent overlapping text in Chrome when printing*/   
    .pid-calculator thead
    {        
        display:block;            
    }
   .pid-calculator thead th
    {
        background: none !important;
        border: none !important;     
    }    

    /*Bootstrap Elements*/   
    .navbar {
        display: block;
    }
    .page-header {
          margin:15px 0;
    }
    .page-header h1 
    {
        font-size:18px;                
        margin: 0;	    
    }
    
    .form-group .label {
	    border:0;
    }
    
    .col-md-6 {
	    float:left;
	    width: 50%;
    }     
         
    /*Prevent printing of chat window - only works on desktop mode*/   
    #tawkchat-iframe-container,
    #mtawkchat-minified-iframe-element{
        display: none !important;
    }     
}
.products {    
    display: flex;  
    flex-direction: row;      
    justify-content: center;
    margin-bottom: 20px;
    padding: 0;   
}

.product {   
    background-color: #fff;    
    position: relative;        
    width: 16%;

    border: 1px #ccc solid;           
    border-radius: 10px;   
    -webkit-box-shadow: 0 0 10px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0 0 10px #ccc;  /* Firefox 3.5 - 3.6 */
    box-shadow:         0 0 10px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */


    margin: 0 5px;
}
.product .pid-new-feature {
    top: 5px;
    position: absolute;    
}
/* Selected State */
.product-selected {    
    -webkit-box-shadow: 0 0 15px #41baad;
    -moz-box-shadow:    0 0 15px #41baad;
    box-shadow:         0 0 15px #41baad;    
}

/* Content Wrapper */
.product-content {
    padding: 5px;
}

/* Product Promo Banner */
.product-promo {
    border: 1px red solid;
    border-bottom: 0;
    background-color: red;
    color: white;    
    border-radius: 10px 10px 0 0;    
    display: block;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;            

    -webkit-box-shadow: 0 0 10px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0 0 10px #ccc;  /* Firefox 3.5 - 3.6 */
    box-shadow:         0 0 10px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

}

.product-promo-800 {
    border: 1px #6db4fe solid;    
    background-color: #6db4fe;    
}

/* Icons 467/81 px */
.product-icon {
    display: inline-block;
    background-image: url('../img/product-icons.png');
    background-repeat: no-repeat;    
    height: 81px;
    margin-bottom: 0;
}

.product-3 .product-icon,
.product-303 .product-icon {
    width: 80px;
    background-position:-116px 0;    
}
.product-1 .product-icon,
.product-2 .product-icon,
.product-33 .product-icon,
.product-301 .product-icon {
    width: 94px;
    background-position:0 0;    
}

.product-2 .product-icon {
    width: 90px;
    background-position:-480px 0;    
}

.product-34 .product-icon {
    width: 82px;
    background-position:-562px -10px;    
}

.product-35 .product-icon {
    width: 106px;
    background-position:-216px 0;    
}

.product-401 .product-icon,
.product-402 .product-icon  {
    width: 140px;
    background-position:-328px 0;    
}

.product-600 .product-icon  {
    width: 70px;
    background-position:-570px 0;    
}

.product-38 .product-icon  {
    width: 70px;
    background-position:-570px 0;    
}

.product-700 .product-icon  {
    width: 70px;
    background-position:-647px 0;    
}

.product-800 .product-icon  {    
    width: 118px;    
    background-position:-717px 0;    
}

.product-801 .product-icon  {    
    width: 80px;    
    background-position:-836px 0;    
}

/* Label/Anchor (Icon Wrapper) */
.product>div>.checkbox,
.product>div>a {  
    display: block;  
    padding: 0;
    text-align: center;
    margin: 0;
}
.product>div>.checkbox>i {
    position: relative;
    display: inline-block;    
}

/* Disabled Product */
.product-disabled .checkbox>i {
    background: #e1e1e1;
}
.product-disabled .checkbox>i:active,
.product-disabled .checkbox>i:hover {
    border-color: #ccc;
}

.product-disabled label,
.product-disabled label>span,
.product-disabled .product-details-content {
    color: #9e9e9e !important;
}


/* Product Error Message */
.product-message {
 
    text-align: center;    
    font-size: 12px;
    font-weight: bold;
    width: auto;
    font-style: italic;
    display: block;    
}
.product-message>span {
    display: block;    
    margin-bottom: 10px;   
}
/* Product Details */
.product-details 
{    
    text-align: left;    
    display: block;    
    border-bottom: 1px solid #ccc;    
    margin: 0 auto;
    margin-bottom: 10px;    
    overflow: auto;
    vertical-align: middle;     
}
.product-details-content>p {
    text-align: center;
}

.product-details-content-collapsed {
    display: none;
}

.product-details-content-toggle-container
{
    display: block;    
    text-align: center;
    margin-bottom: 10px;
}

.product-details-content-toggle-container>a
{
    font-size: small;
    font-weight: normal;
    font-style: italic;
}


/* Name */
.product-name {
    margin: 0 0 10px 0;
    display: block;
    font-size: 14px;
    font-weight: normal;        
    text-transform: uppercase;
    text-align: center;
}

.product-name>span {
    color: #333;
    display: block;    
    font-size: 20px;     
}

/* Features */
.product-features {
    text-align: left;        
    list-style-image: url('../img/check-green.png');
    margin-bottom: 20px;
}

.product-features>li {
    padding:5px 0;        
}

/* Price*/
.product-price-container {    
    display: block;
    text-align: center;    
}

.product-price {      
    color: Red;     
    font-size: 24px;
    font-weight: bold;
}
.product-price-discounted {    
    color: Red;    
}

.product-price-before-discount {    
    color: #999;  
    display: block;    
    margin-left: 10px;
    text-decoration: line-through;
    font-size: 20px;
}

/* Product Options*/
.product-options {      
    text-align: center;
}
.product-options>div {        
    display: inline-block;
}
.product-options label.checkbox {                  
    text-align: left;
}

/* Order View */
.products-order-view .product-name {
    min-height: 90px;
}
.products-order-view .product-options label.checkbox {            
    line-height: 18px;    
    text-align: left;
}
.products-order-view .product-options label.checkbox >i {
    line-height: 27px;
}
.products-order-view .product-options label.checkbox>span {    
    font-size: 14px;
    margin-top: 6px;
    display: inline-block;
}

/* Order Button */
.product .btn {    
    margin: 0;
    width: 100%;
    border-radius: 0 0 10px 10px;
    position: absolute;
    bottom: 0;
}

/* Products Length */
.products-7,
.products-8,
.products-9 {    
    flex-wrap: wrap;     
}
.products-1 .product,
.products-2 .product {
    width: 30%;    
}
.products-7 .product, 
.products-8 .product,
.products-9 .product {
    width: 20%;
    margin-bottom: 20px;
}

@media (max-width: 1199px) {
    
    .products {
        flex-wrap: wrap;        
    }
            
    .product{
        width: 30% !important;
        margin-bottom: 20px;
    }

    .product-content {
        padding: 10px;
    }    
}

@media (max-width: 767px) {   
    .product-features {
        padding-left: 40px;
    }
}

@media (max-width: 540px) {
    .product{
        width: 45% !important;        
    }    

    .product-800  {
        margin-top: 50px;
    }
}

@media (max-width: 400px) {
    .product{
        width: 100% !important;     
    }
    .products-order-view .product-name {
        min-height: inherit;
    }
}
.pid-reCaptcha {
    margin-bottom: 20px !important;
}

.pid-reCaptcha-invisible  {
    margin: 20px 0;
}
.pid-reCaptcha-invisible .grecaptcha-badge {
    display: none;
}

.pid-reCaptcha-invisible .note {
    font-size: smaller;
}
/* Sales Rep Banner */
.salesrep {
    text-align: center;
}
.salesrep p {
  color: #000;
  font-size: 28px;
  line-height: 28px;
  padding: 0;
  margin: 0 0 10px 0;
  text-align: center;
}

.salesrep .profile
{    
    padding: 10px;      
    margin: auto; 
}

.salesrep small 
{
    display:block;	
    font-size:small;	
}

.salesrep .photo 
{                      
    text-align:center;         
}
.salesrep .photo img {
	margin: auto;
}
.salesrep .contact-info 
{        
}
.salesrep .contact-info a 
{        	
    word-wrap: break-word;
}

.salesrep .contact-info .fa
{
    margin-right:5px;
}

.salesrep .message
{	
    padding:10px;
    padding-top:20px;     
}

.salesrep .signature {
    font-family: 'Satisfy',cursive;
    font-size: 36px;
    font-weight: bold;
    margin-top: 30px;
    font-style: italic;
}

.signin-forms {
    display: flex;  
    flex-direction: row;      
    justify-content: center;
    margin-bottom: 20px;
    padding: 0;  
}
.signin-forms>.sky-form {
    margin: 0 10px;    
    width: 47%;    
}
.signin-forms>.sky-form>.section {    
    min-height: 152px;    
}

@media (max-width: 620px) {
    .signin-forms {
        flex-wrap: wrap;
    }

    .signin-forms > .sky-form {
        margin: 0;
        width: 100%;
    }

    .signin-forms > .sky-form > .section {
        height: auto;
    }
}

.pid-slider-home 
{
    background:#fff;
    border-bottom: 1px solid #ddd; 
}
.pid-slider-framed 
{        
    background-color: #fff;
    border: 1px solid #ddd;    
    margin:0 0 10px 10px;    
    float:right;		
    padding: 4px;    
    width:260px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;    
    transition: border .2s ease-in-out;
}

.pid-slider-text 
{    
    text-shadow: 0px 2px 2px rgba(100, 100, 100, 1);    
	color:#fff;
	font-size:large;	
}

.pid-slider-home  .pid-btn-order 
{
    display: block;
    -webkit-box-shadow: 0px 6px 5px 3px rgba(255,255,255,0.3);
    -moz-box-shadow: 0px 6px 5px 3px rgba(255,255,255,0.3);
    box-shadow: 0px 6px 5px 3px rgba(255,255,255,0.3);
}
.pid-slider-home  .pid-btn-order:hover 
{    
    -webkit-box-shadow: 0px 6px 5px 3px rgba(255,255,255,0.6);
    -moz-box-shadow: 0px 6px 5px 3px rgba(255,255,255,0.6);
    box-shadow: 0px 6px 5px 3px rgba(255,255,255,0.6);
}
.pid-slider-home  .pid-btn-order:active
{    
    -webkit-box-shadow: 0px 6px 5px 3px rgba(255,255,255,0.8);
    -moz-box-shadow: 0px 6px 5px 3px rgba(255,255,255,0.8);
    box-shadow: 0px 6px 5px 3px rgba(255,255,255,0.8);
}

.pid-slider-text a
{
    display: block;
    background: rgba(0, 0, 0, .3);
	color:#fff;
	font-size:large;
    padding: 10px;
    
}
.pid-slider-text a:hover
{        
	color:#fff;	
	text-decoration: underline;
}
.pid-slider-tagline 
{
	font-size:36px;	
	font-weight: bold;	
	font-style: italic;	    
    left: 0 !important; 
    text-align: center;
    width: 100% !important;     
}

.pid-slider-product-slide {        
    display: block;   
}

.pid-slider-product-slide figure{        
    background: rgba(255,255, 255, .4);    

    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3); 
    
    display: block;
    overflow: hidden;  
    padding: 5px; 
    width: 240px;           
}

.pid-slider-product-slide-1 figure
{        
    width: 320px;
}

.pid-slider-product-slide img {
    height: auto !important;
    width: 100% !important;    
}

.pid-slider-product-slide strong {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

    color: #000;    
    display: block;    
    font-weight: bold;    
    margin-bottom: 5px; 
    padding: 2px 5px;      
    text-align: center;        
}
.pid-slider-product-slide-2 strong {
    text-align: left;
}
.pid-slider-product-slide-3 strong {
    text-align: right;
}
@media (max-width: 1199px) 
{   
    .pid-slider-product-slide-1 {
        position: relative;
        left: -20px;
        top: 20px;
    }      
    .pid-slider-product-slide-2 {
        position: relative;
        top: -40px;        
    }    
    .pid-slider-product-slide-3 {
        position: relative;
        top: -40px;
        left: -40px;
    }
    
    .pid-slider-product-slide figure {
        -webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.3);
        box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.3);                       
    }        
    .pid-slider-product-slide-1 figure {
        width: 280px;
    }     
    
    .pid-slider-product-slide-2 strong,
    .pid-slider-product-slide-3 strong {
        text-align: center;
    }    
}
@media (max-width: 991px) 
{
    .pid-slider-product-slide-1 {
        left: -40px;
        top: 0; 
    }      
    .pid-slider-product-slide-2 
    {
        top: -50px; 
    }    
    .pid-slider-product-slide-3 {
        left: -60px;
        top: -50px;         
    }       
    .pid-slider-product-slide-1 strong {
        background: rgba(255, 255, 255, .7);
    }
    .pid-slider-product-slide figure 
    {
        -webkit-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.3);
        box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.3);           
        width: 180px;
    }
    .pid-slider-product-slide-1 figure {
        width: 240px;
    }
}
@media (max-width: 730px) {
    .pid-slider-product-slide strong {
        font-size: smaller;
    }
    .pid-slider-product-slide figure 
    {       
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;        
        
        padding: 3px;                  
        width: 160px;
    }
    .pid-slider-product-slide-1 figure {
        width: 200px;
    }
}
@media (max-width: 623px)     
{
    .pid-slider-product-slide-2 {
        left: 0px;      
    }
    .pid-slider-product-slide-3 {
        left: -50px;      
    }            
    .pid-slider-product-slide strong {
        background: rgba(255, 255, 255, .9);
    }    
    .pid-slider-product-slide figure 
    {
        width: 140px;
    }
    .pid-slider-product-slide-1 figure {
        width: 160px;
    }
}
@media (max-width: 524px)     
{
    .pid-slider-product-slide strong {
        background: rgba(255, 255, 255, .9);
        font-size: 11px; 
    }    
    .pid-slider-product-slide figure 
    {       
        width: 120px;
    }
    .pid-slider-product-slide-1 figure {
        width: 140px;
    }
}
@media (max-width: 514px)     
{
    .pid-slider-product-slide-1 {
        left: 50px;
        top: 10px; 
    }  
    .pid-slider-product-slide-2 {
        left: 10px;      
    }           
    .pid-slider-product-slide-3 {        
        top: -25px;
        left: -120px;  
    }  
    .pid-slider-product-slide strong {        
        background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */        
    }     
    .pid-slider-product-slide figure 
    {       
        width: 100px;
    }
    .pid-slider-product-slide-1 figure {
        width: 120px;
    }    
}
@media (max-width: 450px)     
{ 
    .pid-slider-product-slide figure 
    {       
        width: 80px;
    }
    .pid-slider-product-slide-1 figure {
        width: 100px;
    }    
}

@media (max-width: 400px) 
{
    .pid-slider-framed 
    {                	
	    width:140px;
    }
    
    .pid-slider-product-slide-1 {
        left: -60px;
        top: -10px; 
    }  
    .pid-slider-product-slide-2 {
        left: 20px;  
         top: 5px;    
    }           
    .pid-slider-product-slide-3 {        
        top: 30px;
        left: -140px;  
    }  
    .pid-slider-product-slide strong{
        font-size: 12px;
    }      
    .pid-slider-product-slide figure {
        display: none;
    }    
}
@media (max-width: 349px)     
{
    .pid-slider-product-slide-2 {
        left: 4px;          
    }        
}

table.percent-change th,
table.percent-change td
{
     text-align:left;     
}

table .change,
table .change-up,
table .change-down
{
    color:Green;
    display:inline-block;
    width:40px;
    margin-left:4px;
}
table .change-down
{
    color:red;
}

table .stats-label {
	font-weight: 600;
}

table th .glyphicon {
	float: right;
	opacity: .5;	
}


/*
    Table Sorting
*/
.table thead .sorting
{
    cursor: pointer;    
}
.table thead .sorting:after,
.table thead .sorting-asc:after,
.table thead .sorting-desc:after,
.table thead .sorting-asc-disabled:after,
.table thead .sorting-desc-disabled:after {  
  bottom: 8px;
  right: 8px;
  display: block;
  font-family: "Font Awesome 5 Free";
  float: right;
  opacity: 0.5;  
}
.table thead .sorting:after {
  opacity: 0.2;
  content: "\f0dc";       	
  /* sort */
}
.table thead .sorting-asc:after {
  content: "\f0de";
  /* sort-by-attributes */
}
.table thead .sorting-desc:after {
  content: "\f0dd";
  /* sort-by-attributes-alt */
}
.table thead .sorting-asc-disabled:after,
.table thead .sorting-desc-disabled:after {
  color: #eee;
}

.table.pid-product label span{        
    font-weight: bold;
    position: relative;
    top: 3px;
}

.table thead th 
{
    background: #f9f9f9;
    border-right: 1px solid #e1e1e1;
}

.table thead th:last-of-type 
{    
    border-right: 0;
}


/*
    List inside table
*/
td>ul {
    padding-left: 12px;
}


 /* Tax Calculator */
table.pid-taxcalc-results tfoot td {
	background:#f9f9f9;
}
td.pid-taxcalc-results-label {
	width: 40%;	
}

.pid-taxcalc-selected-data td {
    border-color: #9acfea !important;
}
.pid-taxcalc-propertyfinder-results {
    max-height: 400px;
    overflow: auto;
}
/* Address book widget*/
.pid-contact-picker-dialog .modal-body {    
    overflow-y: scroll;
}
.pid-contact-picker-dialog .contact
{    
    border:0;
    margin-bottom: 5px;    
}
.pid-contact-picker-dialog .pid-box-header {
	background:0;
	border:0;
	border-bottom: 1px solid #ddd;
}

.pid-contact-picker-dialog .contact dl  {
	margin-top: 10px;
}

.select-contact-form-actions 
{	     
	margin:15px 0;
}
.select-contact-form-actions span
{	    
    font-style: italic;	
}

.select-contact-form-actions .contact-picker-trigger
{
    margin: 0;                   
}

/* Shortened content widget */
.pid-shortened-20 .pid-shortened-content
{
    max-height:20px;
}
.pid-shortened-160 .pid-shortened-content
{
    max-height:160px;
}
.pid-shortened-200 .pid-shortened-content
{
    max-height:200px;
}
.pid-shortened-300 .pid-shortened-content
{
    max-height:300px;
}

.pid-shortened-content 
{
	max-height:100px;
	overflow: hidden; 
}

.pid-shortened-toggle      
{      
    background: rgba(255, 255, 255, .90);
	cursor: pointer	;	
	display: block;   
	font-style: italic;	
	font-size: small;	
	margin-bottom: -28px;
	padding: 20px 5px 5px 0;
	position: relative;	
	top:-28px;     
}
.pid-shortened-toggle .fa {
	margin-left: 5px;
}

.pid-shortened.expanded .pid-shortened-content {        
	max-height:100%;
}
.pid-shortened.expanded .pid-shortened-toggle {        
	margin-bottom: 0;
	top:0;	
}

@media (max-width: 767px) 
{    
    .pid-contact-picker-dialog .contact dl {
	    margin-top: 0px;
    }   
    
    .pid-contact-picker-dialog .contact dt 
    {              
        clear: left;
        float: left;	
        margin-right: 5px;
	    padding: 0;
	    text-align: center;	
	    width:18px;	    
    }
    .pid-contact-picker-dialog .contact dd 
    {
        margin-left:10px;
    } 
    .pid-contact-picker-dialog .header-action {

	    padding-left:0;
    }        
    .pid-contact-picker-dialog .header-action .btn {

	    margin:0 5px 0 0;
    }         
}

.za-step {      
}
#streetview-container,
#generated-image-container,
#canvas-wrapper {
    position: relative;      
    width: 100%;
    max-width: 512px;
    height: 512px;
    margin: 0 auto 15px auto;
    border: 2px solid #ccc;
    border-radius: 8px;
    overflow: hidden;        
}
#streetview-container {
  width: 100%;
}

#generated-image-container img {
    width: 100%;
    height: 100%;
}
#canvas-wrapper {
    aspect-ratio: 1 / 1; 
    cursor: crosshair;
    touch-action: none; 
}
#canvas-wrapper canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 512px;
    height: 512px;
}

#image-canvas {
    z-index: 1;
}

#mask-canvas {
    z-index: 2;
    pointer-events: auto;
}


@media (max-width: 599px) {
    #streetview-container,
    #generated-image-container,
    #canvas-wrapper {
        width: 100%;        
    }
}