html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.team-column-css {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}

.row-first-three-gallery {
   width: 68%;
   text-align:center; 
   margin-right: auto; 
   margin-left: auto;
}

@media screen and (max-width: 650px) {
  .team-column-css {
    width: 100%;
    display: block;
  }
}

.team-card-css {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  background-color: white;
}

.team-container-css {
  padding: 20px 16px 0px 16px;

}

.team-container-css::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.profession {
  color: grey;
  text-align: center;
  font-weight: bold;
  top: 20px !Important;
}




/* ABOVE FOR ABOUT TEAM PAGE*/



body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    margin-top: 80px;
}

.body-faq {
    margin-top: 0px;
}

.footer-links:hover {
    background-color: yellow;
    color: #00007F;
    padding: 5px;
}

center-social-footer {
    margin-left: 200px;
}

html {
    /*    background-color: rgba(255,255,255,0.7);*/
    /*background-color: rgb(255,255,102);*/
}

.navbar-inverse .navbar-brand {
    color:white;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Open sans condensed';
    font-weight: 700;
}

h1 {
    font-size: 60px;
}

h4 {
    font-size: 20px;
    text-align: left;
}

.emailform {
    background-color: transparent;
    box-shadow: none;
}

.thumbnail a>img, .thumbnail>img {
    height: 100%;
width: 100%;
}

.readmore {
    color:white;
    font-size: 18px;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
    border: 2px solid white;
    background-color: transparent;
    padding: 12px 20px;
    border-radius: 2px;
    display: inline-block;
}

.timeline-Widget {
    background-color: rgba(63,153,255,0.2);
}

.timeline-Widget:hover {
    background-color: rgba(255,255,102,0.2);
}

.group-pic {
    margin-bottom: 40px;
    width: 65%;
}

.readmore:hover span {
    padding-left: 25px;
    color:rgba(0,0,0,0.7);
}

a.readmore:hover {
    background-color: rgba(255,255,255,0.5);
    color:rgba(0,0,0,0.7);
    text-decoration: none;
    font-weight: bold;
}

.row {
    margin-bottom: 30px;
}

.row-no-mrg {
    margin-bottom: 0;
}

.thumbnail {
    box-shadow: none;
    margin:0;
    padding:0;
    position: relative;
    margin-bottom: 10px;
        border: 1px solid #eeee;
    /*    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        box-shadow: 1px 2px 3px rgba(0,0,0,.5);*/
}

.thumbnail:hover {
    outline-color:#00007F;
    outline-style: solid;

}

.thumbnail .caption {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;

}

.wrapper {
    width:50%;
    margin:auto;
}

nav.navbar.navbar-inverse {
    margin: 0px;
    /*    background-color: rgba(0,0,0,0.87);*/
    background-color: #263238;
}

a {
    transition: 0.2s;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.5;
}

p:last-child,
ul:last-child {
    margin: 0;
}

.offerlist {
    font-size: 18px;
    padding: 1% 0 1% 0;
}

.button {
    display: block;
    width: 100%;
    padding: 20px 15px;
    background-color: #00007F;
    color: white;
    border-radius: 10px;
    font-size: 16px;
    text-transform: uppercase;
    transition: 0.2s;
    text-align: center;
    border: 1px solid #00007F;
    margin-bottom:15px;
}



button, html input[type=button] {
    margin: 20px;
}

.button:hover {
    background-color: rgb(255,255,102);
    text-decoration: none;
    color: #00007F;
}

.team-button-css {
  border: 1px solid #00007F;
  outline: 0;
  display: inline-block;
  padding: 12px;
  color: #00007F;
  background: none;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-weight: bold;
  border-radius: 0;
}

.team-button-css:hover {
  background-color: #00007F;
  color: white;
}

.first-three-gallery {
        height: 250px;
        width: 250px;
        margin: auto;
}

/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/

.navbar-brand {
    padding: 0px;
}
.navbar-brand>img {
    height: 100%;
    padding: 5px;
    width: auto;
}


.propertyprice {
    text-align: center;
    font-weight: bold;
    font-size: 30px;

}

.propertyaddr {
    text-align: center;

}

.property-btn {
    background-color: #00B6D1;
    color: #fff;
    width: 100%;
    padding: 10px;
    font-size: 18px;
    transition: 0.2s;
    margin-top: 20px;
}

.property-btn:hover {
    background-color: #4ea6c0;
    color: #fff;

}

.hotwbox {
    background-color: #00007F;
}

.propertybox-inner {

    -moz-box-shadow: 0.5px 0.5px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0.5px 0.5px 1px rgba(0,0,0,.5);
    box-shadow: 0.5px 0.5px 1px rgba(0,0,0,.5);
    padding: 0;

}
.blogbox:hover .img-invert {
    filter: invert(100%);
}

.propertybox {
margin-bottom: 20px;
}
/* EXAMPLE 3

line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height  */

.centerblogblocks {
    width:100%;
    height: auto;
    display:inline-block;
}

.blogtext {
    vertical-align:middle;
    display:inline-block;
    font-weight: 500;
    text-align: center;
}

p.blogtext {
/*    margin-top: 40px;*/
margin-bottom: 30px;
}

.admin-logo {
/*    margin-top: 10px;*/
text-align: center;
    margin-right: 15px;
    padding-left: 15px
}

.adminbox {
    margin-bottom: 80px;
    border: 1px solid grey;
    text-align: left;
}

.adminbox form {
    margin: 0 auto;
    max-width: 500px;
    width: 90%;
}

.adminbox label {
    display: block;
    margin-bottom: 5px;
    padding: 0;
}

.adminbox input[type="text"],
.adminbox input[type="number"],
.adminbox input[type="date"],
.adminbox textarea,
.adminbox select {
    border: 0;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
    border-radius: 2px;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 15px;
    width: 100%;
}

.h6-font {
    font-size: 20px;
}

.contact-form {
    padding-left: 0;
}

.p-font-contact {
    color: black;
    font-weight: normal;
    font-size: 15px;
}

.blogbox {
    text-align:center;
    color: black;
    height: 200px;
    width: 15.7%;
    padding: 10px;
    background-color: #BDBDBD;
    border: 1px solid #9E9E9E;
    margin: 5px;
    border-radius: 5px;
    font-size: 20px;
    text-transform: uppercase;
}

.blogbox:hover {
    background-color: #00007F;
    color:white;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.8);
    border: none;
}

.col-about-pic {
    margin-bottom: 10px;
}

.col-blog-pic {
    margin-bottom: 10px;
    padding-right: 0;

}

.col-desc {
    margin-left: 10px;
}

/*.col-sm-4 {
    padding-left: 0;
}*/
.col-about-blurb {
    padding-left: 0;
}

.navbox .navbar-brand {
    height: 80px;

}

.navbox .nav >li >a {
    padding-top: 30px;
    padding-bottom: 30px;
}
.navbox .navbar-toggle {
    padding: 10px;
    margin: 25px 15px 25px 0;
}


/* CSS Transform Align Navbar Brand Text ... This could also be achieved with table / table-cells */
.navbar-alignit .navbar-header {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 50px;
}
.navbar-alignit .navbar-brand {
    top: 50%;
    display: block;
    position: relative;
    height: auto;
    transform: translate(0,-50%);
    margin-right: 15px;
    margin-left: 15px;
}

.navbar-nav>li>.dropdown-menu {
    z-index: 9999;
}

.navlist:hover {
    background-color: rgba(211, 211, 211, 0.5);
    -webkit-transition: all 0.5s linear;
    transition: all 0.2s linear;
    color:#00007F;
}
.navlist > ul {
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 80px;
transition: 0.2s ease;
min-width: 100%;
}

.navlist > ul li{
padding-left: 0;
padding-right: 0;
}

.navlist > ul a {
background-color:#263238;
display: block;
padding: 8px 10px;

}

.navlist > ul a:hover {

background-color: #7D8286;

}
.navlist:hover > ul {
opacity: 1;
pointer-events: all;
}

.navlist {
    padding-left: 0.55vw;
    padding-right: 0.55vw;
    margin: 0;
    position: relative;
}

.navbar-custom {
    background-color: #CC0000;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.8);
    border-radius: 0;
}

#shasheka {
    font-weight: bold;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
}

.dropdown-toggle:active, .open .dropdown-toggle {
    background:rgba(211, 211, 211, 0.5) !important;
    color:#000 !important;
}




.thumbnail img .hotw-img{
    height: 600px;
    width: 100%;
}

.feed_informer_first_image {
    margin-left: -18px;
    margin-top: -2px;
    width: 100%;
    border: 1px solid lightslategrey;
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
    box-shadow: 1px 2px 3px rgba(0,0,0,.5);
}

#name {
    color: #00007F;
    font-weight: bold;
    font-size: 30px;
}

#job {
    font-style: italic;
    font-size: 24px;

}

#description {
    line-height: 1.5;
    font-size:18px;
}

.text {
    padding: 2%;
}

.colourbox {
    background-color: white;
    padding: 30px;
}

.availablepropbox {
    background-color: beige;
    color:white;
}

.gallerybox {
    background-color: #e0f7fa ;
    padding:30px;
}


.faqbox {
    background-color: #eeeeee;

    /*    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        box-shadow: 1px 2px 3px rgba(0,0,0,.5);*/
}

.faqbox2 {
    background-color: #eeeeee;


}

.faq-title {
   margin-top: 50px !important;
}

.faq-video-title {
   color: navy;
   font-weight: bold;
   font-size: 20px;
   vertical-align: inherit !important;
}

.listings-html {
    background-color: #00007F;
}

.about-listing-box {
    background-color: transparent;
    margin-top: 50px;
}

.aboutbox {
    /*    background-color: rgb(255,255,102);*/
    background-color: #eeeeee;
}

.listing-social-icons {
    text-align: right;
}

.servicebox {

    background-image: url('img/sky.jpg');
    background-blend-mode: darken;
    background-size: cover;
    background-attachment: fixed;
    padding: 100px 20px;
    /*    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        box-shadow: 1px 2px 3px rgba(0,0,0,.5);*/
}

.tipsbox {
     background-color: #e0f7fa;
    /*background-color: rgb(255,255,102);
        -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        box-shadow: 1px 2px 3px rgba(0,0,0,.5);*/
}

.teambox {
    background-color: #00007F;
}

.logo2 {
    display: block;
    margin-left: auto;
    margin-right: auto

}

#imgcenter {
    display: block;
    margin-right: 5px;
    width: 100%;
}

.main {
    padding-top: 50px;
    text-align: left;
}

.main-home {
    padding-top: 0;
}

.main-about {
    padding-top: 0;
}

.main-blog {
    padding-top: 30px;
    background-color: #eeeeee;
}

.main-listing {
    padding-top: 50px;
    background-color: white;
}

.blog-h2 {
    margin-bottom: 0;
}

.main-faq {
    margin-bottom: 30px;
}

.main-gallery {
    padding-top: 0;
}

h2 {
    padding: 20px;
    font-size: 31px;
    background-color:#00007F;
    color:white;
    font-weight: 400;
/*    font-variant: small-caps;*/
margin-bottom: 0;

}

.required:after {
    content:" *";
    color:red;
}

form {
    padding: 20px;
}

label {
    padding: 10px;
    text-align: left;
}

.contactheader {
    color: #00007F;
    padding-left: 25px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.emailheader {
    color: #00007F;
    padding-bottom: 50px;
    padding-top: 50px;
}

h6 {
    color: #00007F;
}

.adminh6 {
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #00007F;
    font-size: 30px;
}

.emailbox {
    background-color: #dcdcdc;
}

iframe {
    width: 100%;
    height: 300px;
    border: none;
}

.iframe-faq {
    width: 246px !important;
    height: 138px !important;
    padding-bottom: 5px;
    padding-top: 5px;
}

.iframe-video-td {
   width: 25%;
}

.label {
    font-size: 15px;
    color: black;
    padding-left: 0;
}

.msglabel {
    font-size: 15px;
    color: black;
    padding-left: 0;
}

input {
    margin-top: 10px;
}

.homeheaders {
    color: #00007F;
    margin-bottom: 80px;
    margin-top: 0;
    padding-top: 30px;
    font-size: 60px;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.header-events {
    margin-bottom: 75px;
}


.banner {
    height: 600px;
    position: relative;
}

.banner-content {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 40px;
}

.banner-hotw{
    padding: 20px;
    font-size: 31px;
    font-weight: 300;
    background-color: rgba(0, 0, 255, 0.8);
    color: white;
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
    box-shadow: 1px 2px 3px rgba(0,0,0,.5);
}


/*  END OF FOOTER */

.panel-body {
    /*    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        box-shadow: 1px 2px 3px rgba(0,0,0,.5);*/
}

.panel-footer {
    /*    background-color: rgba(0,0,0,0.87);*/
    background-color: #263238;
    color: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.8);
    border-top: none;
    padding: 30px 0;
}

.panel-footer a {
    color: #fff;
}

.footersocialicons {
    float: left;
}

.socialcircle {
    margin: 5%;
    border: red 1px solid;
}


.headerbox {
    padding-bottom: 5px;
    padding-top:50px;
}

.aboutblurb {
    padding-top: 100px;
    font-size: 18px;
    color: #00007F;

}

.about-me-description {
    text-align: left; 
    padding-top: 25px !Important;
}

.about-me-img {
    height:500px;
    width: 500px; 
    padding-left: 0 !important;
}

.about-me-container {
    background-color: white;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 1px 0 grey;
}

.caption {
    background-color: white;
}

.caption-main {
    height: 100%;
    position: absolute;
    right: 0;
}

.caption-main .caption {
    height: 100%;
    padding: 30px;
}

.p-addr {
    margin-bottom: 0;
}

ul {
    padding: 0px;
    list-style-type: none;
}

.feed_informer_first_image {
    height: 200px;
    width: 200px;


}

.feed-title {
    color:black;
    font-weight: bold;
}

.feed-date {
    color: #00007F;
    font-variant: small-caps;

}

.feed-button {
    background: none;
    color: #4ea6c0;
    width: 100%;
    font-size: 18px;
    transition: 0.2s;
    border: 0;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
    outline: 0;
}

.feed-button:hover {
    color: #00007F;
}


.slider1_container {

    visibility: hidden;
    margin: 0 auto;
    width: 100%;
    height: 442px;
    overflow: hidden;

}

.slideimage {
    height: auto !important;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%) !important;
    width: 100% !important;
}

.slidecaption {
    color: #fff;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, 0) !important;
    text-align: center;
    font-size: 50px;
    line-height: 1.2;
    width: 60%;
    text-shadow: 0 0 15px rgba(0,0,0,0.5);
}

a:hover {
    text-decoration: none;
}

a {
    color:black;
}

/*.flag-hotw {
    background-color: grey;
    color: white;
    width: 100%;
    text-align: center;
    padding-left: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 55px;
    -webkit-clip-path: polygon(100% 0, 94% 50%, 100% 100%, 0% 100%, 6% 50%, 0% 0%);
    clip-path: polygon(100% 0, 94% 50%, 100% 100%, 0% 100%, 6% 50%, 0% 0%);
}*/

.agent-info {
    font-size: 20px;
    text-align: left;

}

.agent-title {
    text-align: left;
    margin-bottom: 40px;
    font-size: 30px;
}

.agent-img {
    text-align: left;
    padding-left: 0 !important;

}

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

.agent-header {
    margin-bottom: 50px;
}

.blog-feed {
    border: 0.5px solid lightgray;
    border-top: none;
    background-color: white;
    height: 100%;
}

select {
    width: 90%;
}

.noimage {
    background-image: url('img/noimage.png');
    border: 2px solid #00007F;
    height: 200px;
    width: 200px;
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
    box-shadow: 1px 2px 3px rgba(0,0,0,.5);
}

.twitter-feed {
    padding-right: 0px;
    border-right: 0.5px solid lightgray;
    padding-left: 0;
}

div.scroll {
    width: 100%;
    overflow: scroll;
    height: 1400px;
    margin-bottom: 0px;
}

.scroll-fb {
    width: 100%;
    overflow: scroll;
    height: 130px;
    margin-bottom: 0px;
}

.i4ewOd-pzNkMb-haAclf {
    background-color: rgba(0,0,0,0.7);
}

/*   SLIDESHOW */


.gallery
{
    display: inline-block;
    margin-bottom: 0;
    width: 100%;
}

.property-container {

}
.property-features {
    background-color: lightsteelblue;

}
.prop-info {
    padding-right: 10px;
}


.property-desc {
    margin-bottom: 3%;
}

.underline {
    text-align: center;
    border-width: 0 0 5px;
    border-style: solid;
    margin-bottom: 50px;
    border-image: url('img/underline.png') 27  stretch;
}

.hotw-size {
    position: relative;
    padding: 0;
}
/* ///////////////*/

a.btn-social,
.btn-social
{
    border-radius: 50%;
    color: #ffffff !important;
    display: inline-block;
    height: 54px;
    line-height: 54px;
    margin: 8px 40px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s;
    webkit-transition: background-color .3s;
    width: 54px;
}

.btn-social .fa,.btn-social i
{
    backface-visibility: hidden;
    moz-backface-visibility: hidden;
    ms-transform: scale(1);
    o-transform: scale(1);
    transform: scale(1);
    transition: all .25s;
    webkit-backface-visibility: hidden;
    webkit-transform: scale(1);
    webkit-transition: all .25s;
}
.btn-social:hover,.btn-social:focus
{
    color: #fff;
    outline: none;
    text-decoration: none;
}
.btn-social:hover .fa,.btn-social:focus .fa,.btn-social:hover i,.btn-social:focus i
{
    ms-transform: scale(1.3);
    o-transform: scale(1.3);
    transform: scale(1.3);
    webkit-transform: scale(1.3);
}
.btn-social.btn-xs
{
    font-size: 9px;
    height: 24px;
    line-height: 13px;
    margin: 6px 2px;
    width: 24px;
}
.btn-social.btn-sm
{
    font-size: 13px;
    height: 36px;
    line-height: 18px;
    margin: 6px 2px;
    width: 36px;
}
.btn-social.btn-lg
{
    font-size: 22px;
    height: 72px;
    line-height: 40px;
    margin: 10px 6px;
    width: 72px;
}

.btn-facebook
{
    background-color: #3b5998;
}
.btn-facebook:hover
{
    background-color: #4c70ba;
}

.btn-instagram
{
    background-color: #3f729b;
}
.btn-instagram:hover
{
    background-color: #548cb9;
}

.btn-linkedin
{
    background-color: #0976b4;
}
.btn-linkedin:hover
{
    background-color: #0b96e5;
}

.btn-pinterest
{
    background-color: #cc2127;
}
.btn-pinterest:hover
{
    background-color: #e04046;
}

.btn-twitter
{
    background-color: #55acee;
}
.btn-twitter:hover
{
    background-color: #83c3f3;
}

.btn-youtube
{
    background-color: #e52d27;
}
.btn-youtube:hover
{
    background-color: #ea5955;
}



.newcont {
    position: relative;
    margin-top: 40px;
    margin-right: 30px;
    width: 300px;
    height: 300px;
    border-radius: 15px;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
}

.container-footer {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.container-agent {
    text-align:  center;
}

.container-contact {
    margin-bottom: 75px;
}

.container:hover .overlay {
    display: block;
    background: rgba(0, 0, 0, .3);
}

.newimg {
    position: absolute;
    width: 500px;
    height: 300px;
    left: 0;
}

.price {
    position: absolute;
    width: 500px;
    left: 0;
    bottom: 2px;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #00007F;
    z-index: 1;
    transition: top .5s ease;
    background-color: white;
    width: 100%;
}

.location {
    position: absolute;
    width: 500px;
    left: 0;
    bottom: -30px;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #00007F;
    z-index: 1;
    transition: top .5s ease;
    background-color: white;
    width: 100%;
    border-top: 0px;
}

.newcont:hover .location {
    /*  top: 135px;*/
    /*background-color: transparent;
    color: transparent;*/
    opacity: 0.7;
}

.newcont:hover .price {
    /*  top: 90px;*/
    /*background-color: transparent;
    color: transparent;*/
    opacity: 0.7;
}

.newbutton {
    position: absolute;
    width: 50%;
    padding: 15px;
    color: #00007F;
    font-size: 20px;
    left:25%;
    top: 120px;
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease;
    border: solid 2px #00007F;
    background-color: rgb(255,255,102);
    border-radius: 5px;


}

.subtitle {
    margin: 0 0 2em 0;
        margin-bottom: 70px;
}
.fancy {
    line-height: 1;
    text-align: center;
}
.fancy span {
    display: inline-block;
    position: relative;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 60px;
    letter-spacing: 1px;
}

.fancy span:after {
     content: "";
     height: 2px;
     width: 100px;
     position: absolute;
     bottom: -10px;
     left: 50%;
     margin-left: -50px;

}

.fancy {
    /*border-bottom: 3px double #00007F;
    padding-bottom: 30px;*/
    
}

.fancy-team {
border-bottom: 3px double white;
}


.newbutton a {
    width: 200px;
    padding: 12px 48px;
    text-align: center;
    color: rgba(0,0,0,0.5);
    font-weight: 600;
    border: solid 2px #00007F;
    z-index: 1;
    text-decoration: none;
}

.newcont:hover .newbutton {
    opacity: 1;
}

.item-image {
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
    background-color: transparent;
    /*    margin-bottom: 20px;   CAPTION*/
}

.item-image:hover {
    border: 1px;
    outline-style: solid;
    outline-color: #00007F;
    padding:50%;
}

.item-image img {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 100%;

}

.item-content {
    padding: 15px;
    background: rgba(26, 35, 126, 0.7);
    color:white;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.item-text {
    position: relative;
    overflow: hidden;
    height: 50%;

}

.optionbox-listings {
    border: 1px solid #00007F;
    background: #fff url('img/arrow.png') no-repeat 100% center;
    border-radius: 2px;
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 40px;
    text-transform: uppercase;
    font-size: 20px;
}

.search-list {
    margin: 0;
    background-color: #00007F;
    color: #fff;
    border: 0;
    padding: 15px 15px;
    border-radius: 2px;
    text-transform: uppercase;
}


/* TABLET */
@media only screen and (max-width: 1200px) {

    .first-three-gallery {
        height: auto;
        width: auto;
        margin: auto;

}

     .img-invert {
       visibility: hidden;
    }

    .blogbox {

        text-align: center;
        height: 50px;
        width: 100%;
        padding: 10px;
        margin-left: 0;
        border-radius: 0px;
    }
    .centerblogblocks {
        margin-left:0px;
    }
    .blogtext {
        vertical-align:middle;
        display:inline-block;
        text-align: center;
        line-height:30px;
    }

    p.blogtext {
        text-align: center;
        display: block;
        margin-top: 0px;
    }

    .caption-main {
        margin-top: 15px;
        position: static;
        padding:0;
    }

    select {
        width: 100%;
    }


}

@media only screen and (min-width: 515px) and (max-width: 767px)   {
     .main-home {
        margin-top: 90px;
    }

        .first-three-gallery {
        height: auto;
        width: auto;
        margin:auto;
        margin-bottom: 10px;
}

}

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

.item-image {
    margin-bottom: 15px;
}

.row-first-three-gallery {
    width: 100%;
}

.group-pic {
   width: 100%;
}

.colourbox {
    padding-left: 0;
    padding-right: 0;
}

.gallerybox {
    padding-left: 0;
    padding-right: 0;
}

.aboutblurb {
    padding-top: 15px;
}

.main-hotw-img {
    width:50%;
}
}

/* MOBILE */
@media only screen and (max-width: 767px)   {

.navbar-brand>img {
    height: 100%;
    padding: 5px;
    width: auto;
}



.navlist {
padding-left: 0;
padding-right: 0;
}

.navlist > ul {
position: static;
opacity: 1;
pointer-events: all;


}

.navlist > ul a{
 padding-left: 40px;
}

    .first-three-gallery {
        height: auto;
        width: auto;
        margin: auto;
        margin-bottom: 10px;

}

    .uvideo {
    margin-bottom: 30px;
    }

    #jssor_1 {
        height: 600px;
    }


    .img-invert {
       visibility: hidden;
    }

    .servicebox {
        background-image: url('img/sky.jpg');
        background-size: cover;
        background-attachment: initial ;
        padding: 100px 20px;

    }

    section {
       background-image: url('img/city.jpg');
       background-size: cover;
       padding: 100px 20px;
    }

    .subtitle {
        margin: 0 0 2em 0;
    }
    .fancy {
        line-height: 1;
        text-align: center;
    }
    .fancy span {
        display: inline-block;
        position: relative;
        font-size: 40px !important;
    }
    .fancy span:before,
    .fancy span:after {
        content: "";
        position: absolute;
        height: 0px;
        border-bottom: 0px solid #00007F;
        border-top: 0px solid #00007F;
        top: 0;
        width: 0px;
    }
    .fancy span:before {
        right: 0;
        margin-right: 0;
    }
    .fancy span:after {
        left: 0;
        margin-left: 0;
    }
    .logo2 {
        width:100%;
        display: block;
        margin-left: auto;
        margin-right: auto

    }

    .wrapper {
        width:500px;
        margin: 0 auto;
    }

    img {
        width: 100%;
    }
    header {
        height: 200px;
        width: 100%;
    }

    .hotw-img {
        height: 100%;
    }

    .uvideo {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
    }

    .uvideo iframe {
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
    }

    .video-table-responsive {
        width: 100% !important;
        word-wrap: normal;
    }

    .iframe {
     
        padding: 15px !important;
        border: none !important;
     }

     .iframe-faq {
        width: 160px !important;
        height: 100px !important;
    }
    
    td.iframe-video-td {
        padding: 0 !important;
        padding-left: 5px !important;
    }
    
   .faq-video-title {
    font-size: 14px;
    font-weight: light;
    vertical-align: top !important;
    }


    .centerblogblocks {
        margin-left:0px;
    }
    .blogbox {
        text-align: center;
        height: 50px;
        width: 100%;
        padding: 10px;
        margin-left: 0;
        border-radius: 0px;
    }

    .blogtext {
        vertical-align:middle;
        display:inline-block;
        text-align: center;
        line-height:30px;
    }

    p.blogtext {
        text-align: center;
        display: block;
        margin-top: 0px;
        font-size: 18px;

    }

    .row {
        text-align: center;
    }

    .col-blog-pic {
        margin-left: 18%;
                display: block;

    }


    .feed_informer_first_image {
        display: block;
        margin-bottom: 5px;
text-align: center;
    }


    select{
        padding: 20px;
        width: 100%;
    }

    img {
        width: 100%;
    }

    element.style {
        background-color: #00007F;
    }

    .caption-main {
        margin-top: 15px;
        position: static;
        padding: 0;
    }

    .main-hotw-img {
        width: 100%;
    }

    .caption-main .caption {
        height: 100%;
        padding: 0px;
    }

    .about-me-img {
        width: 100%;
        height: 100%;
        padding-right: 0;
    }

    .contactheader {
        font-size:40px;
    }
    .homeheaders {
        font-size: 20px !important;
    }

}

/*/////*/

.thumbnail-listing {
    height: 100px;
    overflow: hidden;
    background-color: transparent;
}

.listing-list-image {
    height: 250px;
    overflow:hidden;
}

.property-feat {
    font-size: 20px;
}

.property-feat-main {
    display: block;
}

.property-feat-icon {
    margin-right: 10px;
}

.property-feat-val {
    font-weight: 700;
}

.property-feat-type {
    font-size: 16px;
    margin-left: 35px;
    font-style: italic;
    font-family: 'Libre Baskerville', serif;
}

.listing-subheader {
    color: #ef5350;
    font-size: 40px;
    text-align: center;
    background: none;
    font-variant: normal;
    font-weight: 400;
}

.listing-price {
    font-weight: 700;
}

.property-addr {
    font-size: 50px;
    font-weight: 700;
    color: #00007F;
    margin-top: 40px;
    text-align: center;
}

.gallery_lightbox {
    position: relative;
    width: 23%;
}

.property-description {
    font-size: 15px;
    color: #555;
    line-height: 2;
}

.property-desc-text {
    font-size: 20px;
}

.desc-header {
    font-weight: 700;
    color: #00007F;
    font-size: 30px;

}

.property-img-one {
    margin-bottom: 50px;
    margin: 0 auto;
    display: block;
    width: 100%;
}

.extra-images {
    height: 100px;
    width: 200px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.extra-images-cont {
    margin-bottom: 5px;
}

.listing-gallery-img {
    display: block;
    width: 100%;
}
/*// SCROLL FOR LISTING */
.mybox {
    margin: auto;
    border: 1px solid lightgray;
    font: 24px/36px sans-serif;
    width: 100%;
    overflow: scroll;
    padding: 15px 0 4px 0;;
}
/*
 Scrollbar styles
::-webkit-scrollbar {
width: 12px;
height: 12px;
}

::-webkit-scrollbar-track {
border: 1px solid #00007F;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
background: #00007F;
border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
background: #88ba1c;
}*/

.map {
    margin-top: 20px;
    width: 100%;
    margin-bottom: 0;
}

/*
Testimonial
*/

/*-------------------------------*/
/*      Code snippet by          */
/*      @maridlcrmn              */
/*-------------------------------*/


section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url('img/city.jpg');
    background-blend-mode: darken;
    background-size: cover;
    background-attachment: fixed;
}

.quote {
    /*color: rgba(0,0,0,.1);*/
    color:rgba(0,0,0,.5);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}

/*.carousel-inner {
    background-color: rgba(255,255,255,0.5);
}*/

/*div.carousel-inner {
    padding-top: 30px;
}*/

div.col-md-8.col-md-offset-2 {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    padding-top: 30px;
}

/* social bar */

.social-bar-footer {
  /*bottom: 0;*/
  width: 100%;
  padding-top: 20px;
  padding-bottom: 50px;
  background-color: rgb(255, 255, 102);
  text-align: center;
}

.container-social-bar{
  margin-top: 50px;
  color: #fff;
  width: 100%;
}

/*.fa-twitter {
    color: #4099FF;
}

.fa-facebook {
    color: #3B5998;
}

.fa-youtube-play {
    color: #e52d27;
}

.fa-linkedin {
    color: #007bb6;
}

.fa-instagram {
    color: brown;
}

.fa {
    opacity: 0.7;
    transition: 1s;
    -webkit-transition: 1s;
}

.fa:hover{
    opacity: 1;
    transition: 1s;
    -webkit-transition: 1s;}*/

    div.social-bar-footer {

padding-bottom: 70px;
padding-top: 20px;
text-align: center;
background-color: rgb(255, 255, 102);

    }

    .caption-main .caption  {

    padding: 30px;
    background-color: rgba(0,0,0,0);
    padding-top: 20px;
    border-radius: 5px;
    }



.col-md-offset-3 {

    width: 100% !important;
    margin-left: 0px !important;
}
@media (min-width: 992px){
.col-md-offset-3 {

margin-left:0 !important;
}
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: 0px;


    }


.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: 0px;
}


div.employee-name {

font-weight: bold !important;
font-size:15px !important;
color:#00007F !important;
}

div.employee-job {

font-weight: bold !important;
font-size: 13px !important;
color: #212121 !important;

}

div.employee-desc {

font-size: 12px !important;

}

.simple-button {
     text-transform: uppercase;
     font-weight: bold;
     text-align: center;
     font-size: 20px;
     color: #337ab7;
}

.simple-button .fa {
     padding-left: 0;
     transition: 0.2s ease;
}

.simple-button:hover .fa {
     padding-left: 15px;
}

/* Social Icons CSS Below */

.fa {
  padding: 20px;
  padding-left: 0px !Important;
  font-size: 30px !important;
  width: 54px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  color: #3B5998 !important;
}

.fa-twitter {
  color: #55ACEE !important;
}

.fa-google {
  color: #dd4b39 !important;
}

.fa-linkedin {
  color: #007bb5 !important;
}

.fa-youtube {
  color: #bb0000 !important;
}

.fa-instagram {
  color: #125688 !important;
}