@charset "utf-8";
/* CSS Document */

.swiper-container {
      width: 100%;
      height: 450px;
    }
.swiper-slide.video {
    height: 450px;
    overflow: hidden;
}
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
	  /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide {
      background-position: center;
      background-size:cover;
    }
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.swiper-container .caption {
    position: absolute;
    color: #fff;
    text-shadow: 2px 2px 0 #000;
}
.swiper-container .caption h3 {
    font-size: 4rem;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.no-padding{padding:0;}

.container-inside h1 { padding-left:15px;}


.img-100{ width:100%;} 

input, select, textarea {
	/*max-width: 280px;*/
}
.fix-element-padding {
	padding-top: 6px;
}

.logged-nav { font-size:13px;}


.form-control {
    display:initial !important;
	display:inline !important;
}

input[type="radio"]{
  margin: 0 5px 0 10px;
}
.container-inside{
	padding:0 20px 20px 20px;
	min-height:300px;
}

.container-form{
	padding:20px 20px 20px 20px;
	min-height:300px;
}

.text-right{
	text-align: right;
}
.lightBackgroundColor{
	background-color:#e0e6f2
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.text-white{
	color:#FFF;
}
body {
  padding-top: 0;
  font-family: 'PT Sans', sans-serif !important;
  font-size:16px;
}
.wrapper-inside{
	 padding:0 0 0 0;
	background:#eee;
}
.wrapper-inside .container{
	background:#fff;
}

.wrapper-form{
	 padding:20px 0 20px 0;
	background:#eee;
}
.wrapper-form .container{
	background:#fff;
}


#map_canvas{
	width: 100%; height: 250px
}
.listing-filters {
    border: 1px solid #e5e5e5;
    padding: 20px 20px 20px 20px;
    margin: 20px 0;
}

.pagination > li > a,
.pagination > li > span {
    color: #16134c;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    color: #fff;
    background-color: #16134c;
}


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

.homeListing{ margin:0; padding:0; list-style:none; }
.homeListing li{ margin:auto; width:100%;}

.listings{ margin:0; padding:0; list-style:none; }
.listings li{ margin:20px 0 0 0; width:100%; border: 1px solid #e5e5e5;}

.listing-image{ position:relative; min-height: 268px; background: #8a89a5; text-align: center;}
.listing-image .price{ position:absolute; left:0; bottom:0; background:#16134b; color:#fff; font-size:20px; padding:5px 10px;}
.listing-image .gallery{ position:absolute; right:0; bottom:0; background:#16134b; color:#fff; font-size:20px; padding:5px 10px; height:40px; width:70px;}
.listing-image .gallery img {width:100%; height:100%;}

.description{ margin:0 0 20px 0;}
.listings .description {
	padding: 0 20px;
	min-height: 140px;
}

.listing-image img {
	width: auto;
    max-height: 268px;
    margin: 0 auto;
}

.bedroom,
.bathroom{ text-align:center; background:#eee}

.view-map{ text-align:center; background:#8a89a5; color:#fff;}
.view-map a{color:#fff;}

.view-info{ text-align:center; background:#8f8dd4; color:#fff;}
.view-info a{color:#fff;}

.top{ background:#666; color:#fff; overflow:hidden; width:100%; padding:0;}
.top a{ color:#fff;}
.top .top-phone{ padding:0}
.top .top-canadian{ }
.top .btn-primary{ background:#16134b !important; border-radius:0; margin:0 0 0 20px; border:0; padding:10px 30px;}
.top .btn-primary.logged{margin:0;}

.top .btn-primary:hover{ background:#36336b !important;}
.top .divider{ overflow:hidden; display:block; border-left:1px #ccc solid; padding:10px 10px; float:left;}
.top .dividerR{border-right:1px #ccc solid;}

.logo{ overflow:hidden; display:initial; margin:10px 0 0 0}
.header-image .caption{
	color:#fff;
	text-align:center;
	background:rgba(22,19,75,0.9);
	padding:5px 10px 20px 10px;
	
}
.header-image .caption h3{
	font-size:30px;
}

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
.carousel-caption{
	background:rgba(22,19,75,0.9);
}
.carousel-caption h3{
	font-size:24px;
}
  
.home-feature { padding:20px 0 40px 0}
.home-feature img{ padding:20px 0 0 0}

.wrapper-testimonials{ background:#666; color:#fff;}
.testimonial{ font-size:20px; font-style:italic; padding:10px 10px; text-align:center}
.testimonial_img{ margin:auto; text-align:center !important; }

.footer{
	background:#16134b;
	color:#fff;
	padding:20px 0; 
	font-size:13px;
}
.footer a{
	color:#fff;
}
.footer ul{
	margin:0; padding:0; list-style:none; 
}
.footer ul li{
	margin:0; padding:0;
}
.footer ul li a{
	color:#fff;
}



.copyright{
	background:#000033;
	color:#fff;
	padding:10px 0;
	font-size:13px;
}

.copyright ul{
	margin:0; padding:0; list-style:none;
}
.copyright ul li{
	margin:0; padding:20px 0;
}
.copyright ul li a{
	color:#fff;
}
.footer-box{ margin:20px 0 0 0}

.alert-error {
  background-color: #ffcccc !important;

}


/*==========  Mobile First Method  ==========*/
    @media only screen and (max-width : 1082px) {
	  .navbar-right {
		  float: none !important;
	  }
	  
    }
    @media only screen and (max-width : 479px) {
		.top{ display:none}
      
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
       
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		.testimonial{ font-size:28px; font-style:italic; padding:30px 30px; text-align:center}
		.testimonial_img{ margin:auto; text-align:center !important; width:100%;}
    }
    
    @media only screen and (max-width: 767px) {   
        .bedroom,
        .bathroom,
        .view-map        {
            padding-top: 4px;
            padding-bottom: 4px;
        }  
		.view-info        {
            padding-top: 4px;
            padding-bottom: 4px;
        }    
        
        .bedroom br,
        .bathroom br,
        .view-map br {
            display: none;            
        }
		.view-info br {
            display: none;            
        }
		
		.listing-image {
			min-height: 165px;
		}
		.testimonial_img{ margin:auto; text-align:center !important; width:100%;}
    }

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .listing-filters {
        margin: 20px;
        padding-bottom: 15px;
    }
    
    .listings{ margin:0 0 0 20px; padding:0 0 40px 0; list-style:none; float: left; width:100%;	}
    .listings li{ margin:10px 10px 0 0; float:left; width:31.5%; min-height: 500px;}
	
	.homeListing{ margin:auto; padding:0 0 40px 0; list-style:none; float: left; width:100%;	}
    .homeListing li{ margin:auto; float:left; width:31.5%; }
	
	.testimonial_img{ margin:auto; text-align:center !important; width:100%;}
	
	.listing-image{ 
				min-height: 225px;
			}
    .carousel-caption{
        background:rgba(22,19,75,0.9);
        bottom: 40%;	

    }
    .carousel-caption h3{
        font-size:36px;

    }
    .copyright ul li{
        margin:0; padding:0 0 0 20px; float:left;
    }
    .copyright ul{
        float:right
    }
    .navbar-brand{ display:none}
		
	#map_canvas{
        height: 350px
    }	
    
    .navbar-nav > li > .dropdown-toggle > .caret {
        display: none;
    }
	
	.custom-modal {
        width: 70%; /* either % (e.g. 60%) or px (400px) */
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .header-image{
        position:relative;
    }
    .header-image .caption{
        position: absolute;
        top:26vh;
        padding:5px 10px 20px 10px;
        overflow:hidden;
        left: 22%;
        right: 22%;
        
    }

    .footer-box{ margin:0}
    .top .top-canadian{ }
    
    #map_canvas{
        height: 400px
    }        
    
    .listing-filters {
        padding: 20px 0 15px;
    }

    .listing-filters .pagination {
        margin: 0;
    }
    
    .listings li{ width:32%;}
	.homeListing li{ width:32%;}
	.listing-image {
		min-height: 268px;
	}
}

    /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    #map_canvas{
        height: 480px
    }
}



/*  for some content managed from CMS*/
#cmsTable  /* normal table*/
	{ border-collapse:collapse;	  width:95%;	  border:1px solid #000033;	  font-family:  Verdana, Geneva, sans-serif;	  font-size: 12px;	}
#cmsTable a{color:#005d98; text-decoration:underline}
#cmsTable td
	{
	  border:1px solid #000033;
	  padding:5px;
	  text-align:left;
	  font-style:bold;
	}

.termsx {

  overflow-y: scroll;
  height: 350px;
  width: 100%;
  border: 1px solid #DDD;
  padding: 10px;
}

/* === Loading Image === */
#divLoading {
  display: none;
}

#divLoading.show {
  display: block;
  position: fixed;
  z-index: 100;
  background-image: url("../Images/spinner.gif");
  background-color: #fff;
  opacity: 0.9;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}
.divLoadingMask {
  display: block;
  position: fixed;
  z-index: 100;
  background-image: url("../Images/spinner.gif");
  background-color: #fff;
  opacity: 0.9;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}


/*#divLoading {
	  margin: 0px;
	  display: none;
	  padding: 0px;
	  position: absolute;
	  right: 0px;
	  top: 0px;
	  width: 100%;
	  height: 100%;
	  background-color: rgb(255, 255, 255);
	  z-index: 30001;
	  opacity: 0.8;
}
	
#loading {
   position: absolute;
   color: White;
   top: 50%;
   left: 45%;
}	*/
	
/*for rental info box
#cboxLoadedContent { position: relative; }
#bottomContent-wrapper {
	 position: absolute;
	width:100%;
    bottom: 5px;
    left: 0;
    right: 0;
    background:#CCC;
    color:#000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    padding: 10px; 
}
#bottom-info {
    margin:20px; 
}
#topContent { 
    position: absolute;
	width:100%;
	float:left;
    top: 5px;
    left: 0;
    right: 0;
    background:#CCC;
    color:#000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    padding: 10px;  
} 

#topLeft, #topRight { 
  width: 40%; 
  margin:5px; 
  padding: 1em; 
} 

#topLeft  { float:left;  }
#topRight {  float:right;  text-align:right; margin-right:20px; }
*/


/* -- 2020 design changes - Danny -- */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px;
    line-height: 1.8;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif
}

.top {
  background: #002639;
  padding: 10px 0;
}

.top .btn-primary {
  border: 1px solid rgba(255,255,255,0.5) !important;
  border-radius: 4px;
  background: #00263a !important;
  color: #ffffff;
  transition: all .2s;
  padding: 13px 29px;
  line-height: 17px;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}

.top .btn-primary:hover {
  background: #333333 !important;
}



/* Top nav */

.navbar-default {
    margin: 0;
}

.logo {
    margin: 32px 0 0 0;
}

.navbar-default .navbar-nav > li {
  border-right: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #212934;
    padding:0 24px;
    height: 115px;
    border:0;
    font-size: 14px;
    line-height: 110px;

}

.navbar-default .navbar-nav > .open > a:hover {
    color: #000333;
}

@media only screen and (min-width: 768px) {
  .navbar-nav > li > .dropdown-toggle > .caret {
     display: inline-block; 

   }
}

.footer {
    background: #212934;
    color: #fff;
    padding: 20px 0;
    font-size: 14px;
}

.copyright {
    background: #1d242d;
    color: #fff;
    padding: 20px 0;
    font-size: 13px;
}


.active a {
    background-color: rgba(0,38,57,.7) !important;
    color: #FFF !important;
}