@charset "utf-8";
/* CSS Document */ ::-webkit-scrollbar {
  width: 30px;
  background-color: rgba(78, 78, 78, 0.0);
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 10px #ffffff;
  background-color: #51c8cb;
  border-radius: 0px;
  border-left: 10px solid #fff;
}
::-webkit-scrollbar-thumb {
  border-radius: 1px;
  background-image: url("images/scrollbob.png");
  background-repeat: no-repeat;
  background-position: center;
  max-height: 50px !important;
}

#logo {margin-top: 30px; width: 200px; height: auto;}
@media only screen and (max-width: 600px) {
#logo {width: 150px; height: auto;}    
}
.describe p {padding: 30px;}
.dash {border: green dashed 1px;}
.blurtitle {
    position: relative;
    top: 00px;
    background-color: rgba(255,255,255,0.34);
    color: #fff;
    font-size: 2rem;
    backdrop-filter: blur(10px);
    padding: 4px;
    width: 330px;
    border-radius: 6px;
    margin: 0 auto;
    font-family: allura;
    font-style: normal;
    font-weight: 400;
}
.no {display: none;}
    
.col-25 {width: 25%!important;}
@media only screen and (max-width: 1200px) {
    .col-25 {width: 50%!important;}
}
@media only screen and (max-width: 600px) {
    .col-25 {width: 100%!important;}
}

h1, h2 {color: #616161;}

p {color: #364C4D;}
.agentphoto {
  border: 40px solid #F8F8F8 !important;
}
hr {
  border: 5px solid rgba(81,200,203,0.50);
    background-color: rgba(81,200,203,0.50);
  border-radius: 5px;
}hr.two {
    border: 0;
    height: 8px;
    background-image: linear-gradient(to right, rgba(81,200,203, 0), rgba(81,200,203, 1.00), rgba(81,200,203, 0));
}

ul aside {
  margin-top: -20px !important;
    background-color: rgba(113,113,113,0.30);
  border-bottom: 60px solid #51c8cb !important;
  height: 430px;
  overflow: hidden !important;
}
ul aside img :hover {border-bottom: dashed 10px!important; transition: .5!important;}

li {
    list-style-type: none;
    margin-bottom: 9px;
    text-indent: 0px;
}

.w3-bar-block {font-size: 1.45rem;}

#footie {    /*Hmmmm*/
    color: rgba(156,159,159,1.00);
    width: 98%;
margin-top: 70px;
    padding-top: 30px;
    height: 70px;
    background-image: url(images/kopia_business_images.png) !important;
    background-repeat: no-repeat !important;
    background-position: 100% 50% !important;
    background-size: 140px auto !important;
    background-color: #fff;

}    
@media only screen and (max-width: 600px) {
    #footie {background-size: 100px !important;}
    
}
.contactdiv {/*This is for the PHONE# in the sidebar only*/
    background-color: rgba(0, 0, 0, 0.12);
    position: fixed !important;
    bottom: 20px !important;
    width: 270px !important;
    padding: 6px;
    padding-left: 30px !important;
    padding-bottom: 11px;
    color: #F7BB55 !important;
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif" !important;
    font-size: 1.8rem !important;
    font-weight: 100 !important;
    letter-spacing: 0.1rem !important;
    line-height: 1.8rem !important;
}
    @media only screen and (max-height: 610px) {
        .contactdiv {display: none!important;}
    }
    @media only screen and (max-width: 610px) {
        .contactdiv {background-color: #333;}
}

#guidelinks {
  background-color: #f8f8f8;
  padding: 20px 30px 30px 30px;
}

.guidelink {
  color: #6CC5CA;
  padding: 19px;
  border-radius: 3px;
  font-size: 1.35rem;
  margin-top: 6px!important;
}

.logotxt {
  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
  color: #388B8C;
    line-height: 4.1rem;
    margin-bottom: 20px!important;
}
.colorscheme1 {
  color: #51c8cb;
}
.bestcolor1 {
  color: #51c8cb;
}
.bestcolor2 {
  color: #ffc464;
}
.w3-bar-block {
  color: #666;
}
.w3-bar-block a {
  color: #184F51;
    font-weight: 600!important;
}
    
.it-sold {
  position: relative;
  bottom: 200px;
    margin-bottom: -50px;
  left: .5%;
  padding: 0px;
    padding-left: 30px;
  background-color: #6CC5CA;
  color: #fff;
  min-width: 100px;
    max-width: 150px;
  border-radius: 100px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    overflow: hidden;
    z-index: 1;
}

.w3-padding-32 {padding-top: 52px!important;}

.type {font-variant-caps:titling-caps; letter-spacing: .4rem; color: #999;}

@media only screen and (max-width: 600px) {
.w3-row-padding {margin-bottom: 16px!important;}
}

#phone {font-size: 1.8rem; font-weight: 400;} 

#showcase {
  padding: 0px !important;
    border-bottom: 0px solid #51c8cb;
}
@media only screen and (max-width: 1000px) {
    #showcase {padding: 20px!important;}   
}

.details {background-color: rgba(146,163,164,0.20)!important;}

.mlsframe {border: solid 30px #6CC5CA; border-radius: 6px; background-color: #6cc5ca; padding-bottom: 70px; }
@media only screen and (max-width: 1000px) {
    .mlsframe {border: 0px!important; width: 100%!important;}   
}

#guidehead {margin-top: 40px;}
    @media only screen and (max-width: 1000px) {
#guidehead {margin-left: 40px; margin-top: 140px;}
}
        
.no-underline {text-decoration: none;}

#contact {
    background-color: #6CC5CA;
    color: #fff!important;
    padding-bottom: 150px;
    padding-left: 140px;
    padding-right: 140px;

}
    @media only screen and (max-width: 600px) {
        #contact {padding-left: 30px; width: 100%!important;}
        
    }
#mainimg {
  background-color: #efefef;
  overflow: hidden;
  height: 800px;

}

#map {height: 990px;}
    @media only screen and (max-width: 600px) {
        #map {height: 500px;}
        #mainimg {height: 300px;}  
    }
#map1 {height: 495px!important;}
    @media only screen and (max-width: 600px) {
        #map {height: 250px;}
        #mainimg {height: 300px;}  
    }
#map2 {height: 495px!important;}
    @media only screen and (max-width: 600px) {
        #map {height: 250px;}
        #mainimg {height: 300px;}  
    }

.w3-half img {opacity: 0.9;}
.w3-half img:hover {opacity: 1.0; transition: 0.5s;}


#contacts {
  position: fixed;
  bottom: 100px;
  width: 270px;
    color: #fff;
    font-weight: 100!important;
}
@media only screen and (max-width: 1000px), screen and (max-height: 1000px) {
    #contacts {display: none!important;} 
}    
.download-pdf {margin-top: 50px; padding-top: 50px; padding-bottom: 30px; border-top: 0px solid #888; background-color: #fff; color: #777;} 
#contact img {position: absolute; right: 10px; bottom: 100px;}

#footer {min-height: 170px;}