body {
    height: 100vh;
    min-height: 87vh;
    /* background: #22C1C3;
    background: linear-gradient(180deg, rgba(34, 193, 195, 1) 0%, rgba(255, 255, 255, 1) 100%); */
    background: #99ccff;
    /* background: linear-gradient(180deg, rgba(153, 205, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); */
}

#happyClientDiv {
    position:absolute; bottom:5px; right: -120px; bottom: 27px; width:600px; height:373px;
}
.fs14 {
    font-size: 14px;
}
.fs20 {
    font-size: 20px;
}

.bizMapRow {
    background: repeating-linear-gradient( 45deg, rgba(200,255,255,0.1), rgba(200,255,255,0.1) 10px, rgba(255,255,255,0.2) 10px, rgba(255,255,255,0.2) 20px ) !important;
}
.span-fixed-bottom-right {
    position: fixed;
    bottom: 0;
    right: 0;
}
.menuIcon {
    margin-right: 5px;
}
/* .btn-grad {
   margin: 10px;
   padding: 15px 45px;
   text-align: center;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;            
   box-shadow: 0 0 20px #eee;
   border-radius: 10px;
   display: block;
 } */
.btn-grad {
    padding: 10px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    /* color: white; */
    box-shadow: none;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #fff;
}
 .btn-grad:hover, .btn-grad:active, .btn-grad:focus {
   background-position: right center; /* change the direction of the change here */
   color: #fff;
   text-decoration: none;
}
.btn-grad {
    /* background-color: transparent; */
    background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%);
    color: #fff;
    text-shadow: none;
}
.btn-grad.btn-grad-red {
    /* background-color: transparent; */
    background-image: linear-gradient(to right, #fa1515 0%, #e702ae 51%, #e6330f 100%);
    color: #fff;
    text-shadow: none;
}

.btnForgotPasswd {
    background: transparent;
    border:0;
    color: rgba(0,0,0,0.7);
}
.btnForgotPasswd:hover {
    text-decoration: underline;
}

.btn-outline-inverse {
    background:transparent;
    border: 1px solid rgba(255,255,255,0.7);
    color: #fff;
    text-shadow: none;
}
.btn-axa {
    padding: 10px 20px;
    background: transparent;
    border-radius: 4px 4px 0 0;
    border: 1px solid #fff;
    border-bottom: 0;
}
/* .btn-axa:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.1) 50%);
} */
.btn-axa.active, .btn-axa:hover, .btn-axa:focus {
    box-shadow: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.3) 50%);
}
.btn-axa.active:hover {
    /* no change */
}
.authForm {
    border: 1px solid #fff;
    border-radius: 4px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 0;
    background: rgba(255,255,255,0.2);
}
.authFormIcon {
    line-height: 25px;
  border: 2px solid #fff;
  border-radius: 15px;
  padding: 5px 15px;
}
.formIcon {
    color: rgba(0,0,0,0.7);
}
.formIcon:hover {
    color: rgba(0,0,0,0.5);
}
.err {
    border: 1px solid red !important;
}
.err2 {
    border: 2px solid rgba(255,0,0,1) !important;
}
#number-pop {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    font-size: 2rem;
    color: white;
    opacity: 0;
    pointer-events: none;
    z-index: 9999;
    /* transition: transform 0.4s ease-out, opacity 1s ease-out; */
    
    transition: none;
}
/* .navbar .btn-navbar:hover, .navbar .btn-navbar:active {
    border-radius: 0;
    background: #99ccff;
    color: #000;
} */


#loading {
    display:none;
    position: fixed !important;
    width: 100%;
    height: 100%;
    z-index: 100000;
    background: rgba(0,0,0,0.3);
    padding-top: 20%;
}
#loadinginner {
    position: relative; 
    width: 100%; 
    height: 100%;
}

.navBtnBlock {
    background:rgba(251, 150, 0, 1);
    padding:5px;
    border-radius: 10px;
    color: #000;
}
.navBtnBlock i {
    margin-right:0;
}
.navBtnBlock:hover {
    background: rgba(249, 163, 33, 1);
    color: rgba(0,0,0,0.5);
}
.infoPop {
    cursor: pointer;
}
.infoBox {
    background: rgba(255,255,255,0.3);
    border-radius: 25px;
}

.fotorama__img {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.tags-wrapper {
    margin-top: 30px; /*1rem;*/
    font-size: 0.9rem;
    color: #555;
}
.tag {
    display: inline-block;
    background-color: rgba(0,0,0,0.1);
    color: #333;
    padding: 5px 10px;
    margin: 3px;
    border-radius: 20px;
    font-weight: 500;
    font-size:11px;
}
#toggle-advanced-search {
    display:none;
}

div.tags {
    display:inline-block;
}
div.tags.titleTag {
    float:right;
    /* margin: 10px 0 0 20px; */
    margin: -5px 0 0 20px;
}
.tags a {    
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    margin: 0 16px 8px 0;
    padding: 0 10px 0 12px;
    background: #777;    
    -webkit-border-bottom-right-radius: 3px;    
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;    
    border-top-right-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    color: #fff;
    font-size: 12px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    font-weight: bold;
    }
.tags a:before {
    content: "";
    position: absolute;
    top:0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: transparent #3243A5 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 12px 0;        
    }

.tags a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 1px;
    float: left;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
    box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
    }
.tags a.featured {
    background: #f58220;
    }
.tags a.featured::before {
    border-color: transparent #f58220 transparent transparent;
    }

.detailedContent {
    text-align: left;
    color: rgba(0,0,0,0.7);
    font-size: 18px;
    padding-top: 15px;
}
.detailedContent .fotorama {
    text-align: center;
}

.loader2 {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    margin:15px auto;
    position: relative;
    color: #FFF;
    left: -100px;
    box-sizing: border-box;
    animation: shadowRolling 2s linear infinite;
  }
  
  @keyframes shadowRolling {
    0% {
      box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
    }
    12% {
      box-shadow: 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
    }
    25% {
      box-shadow: 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
    }
    36% {
      box-shadow: 120px 0 white, 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0);
    }
    50% {
      box-shadow: 130px 0 white, 120px 0 white, 110px 0 white, 100px 0 white;
    }
    62% {
      box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
    }
    75% {
      box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
    }
    87% {
      box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
    }
    100% {
      box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
    }
  }

.contact, .secondary-section {
    /* background: transparent !important; */
    background: transparent;
}

.form-group input, .form-group select, .form-group textarea {
    width: 100%;
}
.contact input[type="text"], .form-group textarea {
    box-sizing: border-box;
}
.contact input[type="email"], .contact input[type="tel"], .contact input[type="password"], .contact input[type="phone"] {
    box-sizing: border-box;
}
.contact textarea, .contact input[type="text"], .contact input[type="email"], .contact input[type="tel"], .contact input[type="password"], .contact input[type="date"], .contact input[type="time"], .contact input[type="phone"] {
    padding: 10px;
    line-height: 20px;
    height: auto;
}
select, input[type="file"] {
    /* height: 30px;
    *margin-top: 4px;
    line-height: 30px; */
    padding: 10px; 
    line-height: 20px;
    height: auto;
}

#pre-search-content {

}
#search-results {
    display:none;
}

.mainContent {
    min-height: inherit;
}
.dynamicContent {
    background-image:url('/images/beach-outline-bg.png') !important;
}
.dynamicContent_anguilla {
    background-image:url('/images/anguilla-map-vector_white-transparent-text_light-wh-vert.png') !important;
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center 200px;
}
.bg_bizDoodle {
    background-image:url('/images/biz-doodle.png') !important;
}
/* .dynamicContent .secondary-section {
    background: transparent;
} */

.specialCalloutSection {
    display:inline-block;
    width:30%;
    background: rgba(255,255,255,0.7);
    border-radius: 10px;
    border:2px solid rgba(255,255,255,0.4);
}
.mainBG {
    /* background-color: #99ccff; */
    background: rgb(153, 204, 255);
    /* background: linear-gradient(180deg, rgba(153, 205, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); */
}
.mainBG_gradient {
    /* background: rgb(153, 204, 255);
    background: linear-gradient(180deg, rgba(153, 205, 255, 1) 0%, rgba(255, 255, 255, 1) 100%) !important; */
    
    background: #99CCFF;
    background: linear-gradient(180deg,rgba(153, 204, 255, 1) 0%, rgba(245, 245, 245, 1) 65%);
    
    height: 100%;
}

#levelPrice {
    display:none;
    float: right;
    padding: 0 15px;
    background: #f89700;
    color: #fff;
    border-radius: 10px;
}
/* body > div {
    min-height: inherit !important;
} */
.filterMsg {
    display:none; 
    /* width:100%;  */
    text-align:center; 
    background: rgba(0,0,0,0.1);
    padding: 15px;
    border-radius: 10px;
    text-align: center;
}
.noBreak {
    white-space: nowrap;
}
.message-btn.disabled, .btn.disabled {
    border: 1px solid #747C89;
    color: #747C89;
    background-color: rgba(0,0,0,0.2);
    padding: 15px 30px;
    font-size: 17px;      
}
.message-btn.disabled:hover, .btn.disabled:hover {
    cursor:not-allowed;
}
/* Font Awesome Radio Button */
    /* Styling for the radio button options */
    .radio-btn {
        font-size: 20px;
        cursor: pointer;
        margin: 2px;
    }

    /* Selected radio button */
    .selected {
        color: #f89700; /* Green color when selected */
    }

    /* Unselected radio button */
    .unselected {
        color: #ccc; /* Grey color when unselected */
    }
    
.ratingGroup {
    font-size: 11px;
}
.ratingRadioBox {
    display:inline-block;
    padding: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    padding-right: 10px;
}
.ratingRadioBox input {
    float:left;
    margin:3px 7px 3px;
}
.ratingIcon {
    color: #f89700;
}
.reviewBtn {
    border-radius: 100px;
    margin: 0;
    
    background: rgba(255, 165, 0, 0.7);
    color: rgba(0,0,0,0.7);
    text-shadow: none;
    /* border: 1px solid #fff; */
}
.reviewBtnBig {
    display:inline-block;
    margin-bottom:5px;
}
.reviewBtn:hover, .reviewBtn:active {
    background: rgba(255,145, 10, 0.6);
}
a.reviewBtn:hover {
    color: rgba(0,0,0,0.6);
}
a.btnYellow {
    background: rgba(255,220,0,0.7) !important;
}
a.btnYellow:hover {
    background: rgba(255,210,0,0.6) !important;
}
.ratingsDivControl {
    border-radius: 100px;
    margin-top: -2px;
    margin-left: -8px;
    
    background: transparent;
    color: #fff;
    text-shadow: none;
    border: 1px solid #fff;
    
}
.ratingsDivControl:hover, .ratingsDivControl:active {
    background: rgba(255,255,255.0.2);
    color: rgba(0,0,0,0.7);
}

.reportOps {
    display:none;
    position: absolute;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 5px;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    z-index: 100;
    background: rgba(255,255,255,0.8);
}
.reportOps div i {
    position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  color: rgba(0,0,0,0.5);
}
.reportBtnInitiator {
    border: 0;
    background: transparent;
    background-color: transparent;
    box-shadow: none;
}
.reportBtnInitiator:hover, .reportBtnInitiator:active, .reportBtnInitiator:focus {
    background: transparent;
    color: rgba(0,0,0,0.5);
}
.reportBtn, .disputeBtn {
    /* float: right; */
    margin: 5px -7px 4px 12px;
}
.reportBtn {
    background: rgba(255,0,0,0.6);
}
.disputeBtn {
    background: rgba(0,0,0,0.2);
}
.loader {
    width: 96px;
    height: 24px;
    display: inline-block;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 4px;
    background: linear-gradient(45deg, transparent 49%, #000 50%, #000 50%, transparent 51%, transparent), 
        linear-gradient(-45deg, transparent 49%, #000 50%, #000 50%, transparent 51%, transparent);
    font-size: 15px;
    background-size: 1em 1em;
    box-sizing: border-box;
    animation: barStripe 0.6s linear infinite;
}
.loader.spinner {
    display: none;
    width:120px;
}
.contact-form {
    background: rgba(255, 255, 255, 0.7);
}
.contact-form-btn-spinner {

}

.titleHighlight {
    /* background-color: orange; */
    padding: 0 10px; 
    border-radius: 15px;
    text-decoration-line: underline;
    text-decoration-color: darkorange;
}
  
@keyframes barStripe {
    0% {
      background-position: 1em 0;
    }
    100% {
      background-position: 0 0;
    }
}

a.btnForgotPasswd {
    margin-left: 25px;
    font-size: 12px;
    color: rgba(0,0,0,0.4);
}
a.btnForgotPasswd:hover {
    color: rgba(0,0,0,0.7);
}

.fontweight_light { font-weight: 100; }
.fontweight_normal { font-weight:normal; }
.fontweight_bold { font-weight:bold; }

.ml0 { margin-left:0 !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }

.mt-10 { margin-top:-10px !important; }
.mt0 { margin-top:0 !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt35 { margin-top:35px !important; }
.mt45 { margin-top:45px !important; }
.mt55 { margin-top:55px !important; }
.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb35 { margin-bottom:35px !important; }
.mb45 { margin-bottom:45px !important; }
.mb55 { margin-bottom:55px !important; }

.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }

.pt0 { padding-top:0 !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20 !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }

.pb0 { padding-bottom:0 !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }

.pl0 { padding-left:0; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl20 { padding-left:20px !important; }
.pl30 { padding-left:30px !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr20 { padding-right:20px !important; }
.pr30 { padding-right:30px !important; }

.navbar .nav > li:hover > a, 
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus,
.navbar .nav > li > a.active {
    border: 1px solid #99ccff;
    color: #fff;
    background-color: #181A1C;
    transition: border-color 1s ease;
}
/* .price-column .list .text-left {
    text-align: left;
} */
.footerContentContainer {
    position: relative;
    display: block;
    width: 100%;
    min-height: 50px;
    border:2px solid red;
    padding: 25px;
}
.footerContentDiv {
    margin-top: 25px;
}
.footerContentDiv a {
    font-size: 14px;
}
.footerContentDiv .price-column {
    background-color: transparent !important;
}
.footerContentDiv .price-column .list li {
    font-weight: lighter;
    color: #fff;
    font-size: 20px;
    border-bottom: 0;
    padding: 5px 0px;
}

.section .container.anguillaBG {
    /* opacity: 0.5; */
    /* position:absolute;
    width:100%;
    height:300px; */
    /* z-index: -1; */
    /* border:1px solid white;  */
    background-image:url('/images/anguilla-silhouette-wh-trans-light.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: center;
}
.container.dark a {
    color:black;
    text-decoration: underline;
}
.container-narrow {
    /* width: 50%; */
    margin-left: auto;
    margin-right: auto;
}

.logoutBtn {
    background: transparent;
    border: 0;
    padding: 10px;
    float: right;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
.logoutBtn:hover {
    background: rgba(255,255,255,0.2);
    /* font-weight:bold; */
}

.container .loginContainer {
    width: 50%;
    margin: 50px auto;
}
.infoDiv {
    padding: 15px;
    border-radius: 10px;
    background: rgba(255,255,255,0.2);
    margin: 15px 0 15px;
}
.infoDiv .subTitle {
    color:#fb9600;
    display: block;
    padding: 5px 15px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 5px 5px 0 0;
}
.bizForm {
    background:rgba(255, 255, 255, 0.9);
    z-index: 110;
    position: relative;
    margin-top: -25px;
    padding: 20px;
}
.light {
    color: rgba(255,255,255,0.8);
}
.form-check-label.bold {
    font-weight: bold !important;
}
.dark, .dark p {
    color: rgba(0,0,0,0.8);
}
.darkish, .darkish p {
    color: rgba(0,0,0,0.5);
}
/* a.dark:hover {
    color: rgba(0,0,0,0.6);
} */
.big {
    font-size: 40px;
}
select.form-control {
    padding: 10px;
    line-height: 20px;
    height: auto;
}

.bigLines li i, .bigLines li div {
    display: inline-block;
}
.bigLines li i.listIcon {
    float: left;
}
.bigLines li div {
    width: 80%;
}

.paginationBG {
    margin: auto;
    padding-top: 3px !important;
    padding: 3px 10px;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.3);
}

.listing-class {
    min-height: 300px;
    /* border: 1px solid; */
}
.rental-listing {
    /* background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 75%);
    background-size: 100% 100% */
    /* stripes */
    /* background: repeating-linear-gradient(
        45deg,
        rgba(255,255,255,0.025),
        rgba(255,255,255,0.025) 10px,
        rgba(0,0,0,0.025) 10px,
        rgba(0,0,0,0.025) 20px
    ); */
    /* stripes w/ fade */
    /* v1.0 */
    /* background: 
      linear-gradient(to bottom, 
        rgba(153, 204, 255, 0.9) 0%, 
        rgba(153, 204, 255, 0.725) 40%, 
        rgba(153, 204, 255, 0.525) 60%, 
        rgba(0, 0, 0, 0) 100%), */    /* Vertical fade */
    /*  repeating-linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.025),
          rgba(255, 255, 255, 0.025) 10px,
          rgba(0, 0, 0, 0.025) 10px,
          rgba(0, 0, 0, 0.025) 20px
      ); */

    /* v2.0 */
    background: 
        linear-gradient(to bottom, 
            rgba(153, 204, 255, 0.9) 0%, 
            rgba(153, 204, 255, 0.725) 50%, 
            rgba(153, 204, 255, 0.525) 80%, 
            rgba(0, 0, 0, 0) 100%
        ), 
        repeating-linear-gradient( 
            45deg, 
            rgba(255, 255, 255, 0.025), 
            rgba(255, 255, 255, 0.025) 10px, 
            rgba(0, 0, 0, 0.025) 10px, 
            rgba(0, 0, 0, 0.025) 20px 
    );

    /* background-image: linear-gradient(white 10%, transparent 80%); */

    /* background-image: linear-gradient(orange 5%, transparent 30%); */
    /* border:2px solid #fff; */
    border:2px solid rgba(255,255,255,0.4); 
    border-radius:5px; 
    padding:15px; 
    margin-bottom:20px; 
}

.rental-listing.featured {
    /* 210, 200, 255 */
    /* v2.0 */
    background: 
    linear-gradient(to bottom, 
        rgba(210, 200, 255, 0.9) 0%, 
        rgba(153, 204, 255, 0.725) 50%, 
        rgba(153, 204, 255, 0.525) 80%, 
        rgba(0, 0, 0, 0) 100%
    ), 
    repeating-linear-gradient( 
        45deg, 
        rgba(255, 255, 255, 0.025), 
        rgba(255, 255, 255, 0.025) 10px, 
        rgba(0, 0, 0, 0.025) 10px, 
        rgba(0, 0, 0, 0.025) 20px 
    );
}
.rental-listing .card-img-top {
    max-width: auto;
    width: 100%;
}

.listing-title {
    margin-top:0;
    font-size: 20px;
    line-height: 30px;
}
.listing-description {
    font-size: 16px;
  line-height: 22px;
  color:rgba(0,0,0,0.7);
}
.listing-ratings {
    margin: 0 !important;
}
.listing-feature {
    background: rgba(0,0,0,0.2);
    border-radius: 10px;
    padding: 3px 5px;
    margin-right: 5px;
    white-space: nowrap;
    font-size: 14px;
    /* */
    display: inline-block;
    height: 16px;
    line-height: 16px;
}

.starsDiv {
    line-height: 40px;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius:20px;
    padding:0 15px;
    background:rgba(0,0,0,0.1);
}
.starsDiv b {
    margin-right: 5px;
}
.starsDiv .separator {
    margin: 0 10px;
}
.listing-body {
    font-size: 14px !important;
}
.listing-body p {
    color: rgba(0,0,0,0.9);
    padding: 0;
}
.listing-body p strong {
    display: inline-block;
    width: 150px;
}
.listing-body p a:hover {
    color: rgba(0,0,0,0.6);
}

ol.bigLines {
    margin-bottom: 30px;
}
ol.bigLines li {
    line-height: 30px !important;
}

a.lightLink {
    color: #fff;
}
a.lightLink:hover {
    color: #99ccff;
    text-decoration:none;
}
a.service:hover {
    color: #fff;
}
a.serviceDark:hover {
    color: rgba(0,0,0,0.4);
}
.service img.circle-border-icon-img {
    /* max-height:60px; */
    height: auto !important;
    width:100%;
    border:2px solid #fff; 
    /* border-radius:75px; */
    border-radius:15px;
}

a.special {
    font-size: 12px;
    margin:0 10px;
    font-weight: bold; 
    color: rgba(0,0,0,0.7);
}
a.special:hover {
    color:#f89700;
}
a.special.advanced {
    background-color: #99ccff;
    border: 1px solid rgba(0,0,0,0.2);
    vertical-align: middle;
    padding: 9px;
}
a.special.advanced:hover {
    background: rgba(255,255,255,0.05);
}

/*********************************************** popup images ******************************************************/
.span4.span4img {
    padding: 3px;
    display: inline-block;
    margin: 0;
}
.hover-img .hover-inner.hover-inner-trans {
    background: rgba(237, 131, 35, 0.7);
  }
  .hover-img {
    z-index: 1;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
  }
  .hover-img {
    border-radius: 5px;
  }
  .hover-img .hover-icon, .hover-img .hover-icon-group, .hover-img [class^="hover-icon-"], .hover-img [class*=" hover-icon-"] {
    display: block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .hover-img .hover-title-center, .hover-img .hover-icon {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, 50%, 0);
    -moz-transform: translate3d(-50%, 50%, 0);
    -o-transform: translate3d(-50%, 50%, 0);
    -ms-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0);
  }
  /* .hover-img:hover .hover-title-center,
    .hover-img:hover .hover-icon {
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    } */
    .hover-img:hover .hover-icon {
        transform: translate3d(-50%, -50%, 0); /* move up to actual center */
        opacity: 1;
      }
  .box-icon, [class^="box-icon-"], [class*=" box-icon-"] {
    z-index: 2;
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    background: #ed8323;
    color: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
  }




#service-search {
    margin-bottom:0;
}
#service-search-container {
    margin-top: -20px;
    float: right;
}
.circle-border-icon i {
    display: inline-block;
    /* -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px; */
    /* border-radius: 100px 25px; */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 50px;
    border: 3px solid #fff;

    font-weight: normal;
    font-size: 30px;
    padding: 20px;
    /* margin: 0 10px 10px 0; */
    background-color: rgba(255,255,255,0.15);
    cursor: pointer;
}
.circle-border-icon i.dark {
    border: 3px solid #181A1C;
}

p {
    line-height: 25px;
}
.da-slide p {
    width: 50% !important;
    height: 100% !important;
}
.service p {
    padding: 0px 20px;
}
.service p.dark {
    color: rgba(0,0,0,0.7);
}
.service p.expanded {
    height: auto !important;
    padding: 0 10px !important;
}

.map-wrapper {
    height: auto !important;
    min-height: 500px;
}
.showXS, .showXSinline {
    display:none !important;
}

#exampleModal {
    background: rgba(153, 204, 255, 8);
}
.modal-footer {
    background: rgba(255,255,255,0.85);
}
.modalTriggerData {
    cursor: pointer;
}
.modalCloseX {
    position: absolute !important;
    top: 20px;
    right: 20px;
    cursor: pointer;
}


@media (min-width: 768px) and (max-width:992px) {
}

@media (max-width:1200px) {
    .circle-border-icon i {
         padding: 10px;
         font-size:15px;
    }
}
@media (max-width:992px) {
   .da-slider {
        height: 360px !important;
   } 
   .circle-border-icon i {
        padding: 10px;
        font-size:15px;
   }
   .row-fluid .span4.span4img {
     display: inline-block;
     /* float: none; */
     padding: 3px;
     width: 50%;
     margin-left: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
   }
   #service-search-container {
       /* margin-top: 20px; */
       float: none;
       display: block;
       margin-top:20px;
   }
}
@media (max-width: 767px) {
    [class*="span"].footer, .uneditable-input[class*="span"].footer, .row-fluid [class*="span"].footer {
        display:inline-block;
        width: auto;
    }
    .authForm {
        width:85%;
    }
    
    #happyClientDiv {
        /* border:1px solid yellow; */
        right: -20px; 
        width:200px; 
        height:62px;
        bottom: 90px;

    }
    .footer {
        margin-top:75px;
    }
}
@media (max-width: 767px) {
    .row-fluid .span4.span4img {
      display: inline-block;
      /* float: none; */
      padding: 3px;
      width: 50%;
      margin-left: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    
    .listing-class {
        min-height: 150px;
    }

    .breadcrumbs {
        margin-bottom: 25px;
    }
  }
@media (max-width:767px) {
    .navBtnBlock {
        margin-right: 5px;
        padding-right: 2px;
    }
    .navBtnBlock i {
        margin-right: 0;
    }
    .hiddenXS {
        display: none !important;
    }
    .hiddenXSinline {
        display: none !important;
    }
    .showXS {
        display: block !important;
    }
    .showXSinline {
        display: inline-block !important;
    }
    .circle-border-icon i {
         padding: 20px;
         font-size:15px;
    }
    #service-search-container {
        /* margin-top: 20px; */
        float: none;
        display: block;
        margin-top:20px;
    }
    .row-fluid .span3.span3listing {
        width: 22.92817679558011%;
        display: inline-block;
        vertical-align: top;
    }
    .bizMapRow {
        margin-bottom:10px;
        background: repeating-linear-gradient( 45deg, rgba(100,255,255,0.1), rgba(100,255,255,0.1) 10px, rgba(255,255,255,0.2) 10px, rgba(255,255,255,0.2) 20px ) !important;
    }
    .row-fluid .span5.span5listingMap {
        width: 40.42553191489362%;
        display: inline-block;
        vertical-align: top;
    }
    .row-fluid .span6.span6listingMap {
        width: 48.93617021276595%;
        display: inline-block;
    }
    .row-fluid .span9.span9listing {
        width: 74.30939226519337%;
        display: inline-block;
    }
    .section .container {
        padding-top: 20px;
    }
    .specialCalloutSection {
        width: 100%;
    }
}
@media (max-width:400px) {
    /* .circle-border-icon i {
         padding: 20px;
         font-size:15px;
    } */
    a.special {
        margin:20px 0 10px;
    }
    .section .container {
        padding-top: 10px;
    }
}