/*@gray-darker:  lighten(#000, 13.5%); // #222
	@gray-dark:    lighten(#000, 20%);   // #333
	@gray:         lighten(#000, 33.5%); // #555
	@gray-light:   lighten(#000, 46.7%); // #eee
	@gray-lighter: lighten(#000, 93.5%); // #fafafa*/
	
	/*
	Custom CSS
	*/
	
	/*.breadcrumb {display:none}*/

	body {
		font-family: "Lato", Helvetica, Arial, sans-serif !important;
		letter-spacing: 0.0625em
		}
		
	h1, h2, h3, h4 {
		margin-top: 0;
		margin-bottom: 5px !important
		}
		
	.navbar-inverse .navbar-nav  li.selected  a,
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color:#337ab7}
	
	img {
		width:100%;
		margin-bottom:2rem
		}
	
	.well  p {
		font-size: 2.5em;
		font-style: oblique;
		padding-bottom:0;
		margin: 0.1em 0 0 0;
	}
	
	.well .btn {
		padding-top:1em;
		padding-bottom:1em
	}
	
	.btn-default {
		color: #fafafa;
		background-color: #222;
		border-color: #ccc
		}
	
	.navbar-inverse {
		background-color: #000;
		min-height: 100px;
		}
	
	.navbar-right {margin-top:2rem}
	
	header.carousel {margin-bottom:2rem}
	
	#page-content {width:100%}
	
	#page-content > div.row:nth-child(1) > div.container {
	    padding-left: 0;
	    padding-right: 0;
	}
		
	#page-content .row,
	#home-page #page-content .row:nth-child(1),
	#footer-sitemap.row {
		border-bottom:solid 1px #eee;
		padding: 6rem 0
		}
	#footer-sitemap.row	{padding: 6rem 0!Important}
		
	#page-content .row:nth-child(1) {padding-top:0}
				
	#home-page #page-content .row .container .row,
	#home-page #quote-carousel blockquote .row {
		border-bottom:none;
		padding:0;
		}
	#quote-carousel .item.active blockquote {border-left:none}
	#quote-carousel .carousel-control.left,
	#quote-carousel .carousel-control.right {background-image:none}
		
	#page-content #intro {background-color: #fafafa}
	
	.row .well {margin-bottom: 0}
	
	#page-content .row .well .row {
		border-bottom:none;
		padding:0;
		}
		
	/*/////////////////////////////////
	 #quote-carousel
	 ////////////////////////////////*/
	 
	 /* carousel */
	#quote-carousel 
	{
	  padding: 0 10px 30px 10px;
	  margin-top: 30px;
	}
	
	/* Control buttons  */
	#quote-carousel .carousel-control
	{
	  background: none;
	  color: #222;
	  font-size: 2.3em;
	  text-shadow: none;
	  margin-top: 30px;
	}
	/* Previous button  */
	#quote-carousel .carousel-control.left 
	{
	  left: -12px;
	}
	/* Next button  */
	#quote-carousel .carousel-control.right 
	{
	  right: -12px !important;
	}
	/* Changes the position of the indicators */
	#quote-carousel .carousel-indicators 
	{
	  right: 50%;
	  top: auto;
	  bottom: 0px;
	  margin-right: -19px;
	}
	/* Changes the color of the indicators */
	#quote-carousel .carousel-indicators li 
	{
	  background: #c0c0c0;
	}
	#quote-carousel .carousel-indicators .active 
	{
	  background: #333333;
	}
	#quote-carousel img
	{
	  width: 250px;
	  height: 100px
	}
	/* End carousel */
	
	#quote-carousel .item blockquote {
	    border-left: none; 
	    margin: 0;
	}
	
	#quote-carousel .item blockquote img {
	    margin-bottom: 10px;
	}
	
	#quote-carousel .item blockquote p:before {
	    content: "\f10d";
	    font-family: 'Fontawesome';
	    float: left;
	    margin-right: 10px;
	}
	
	/**
	  MEDIA QUERIES
	*/
	
	/* Small devices (tablets, 768px and up) */
	@media (min-width: 768px) { 
	    #quote-carousel 
	    {
	      margin-bottom: 0;
	      padding: 0 40px 30px 40px;
	    }
	    
	}
	
	/* Small devices (tablets, up to 768px) */
	@media (max-width: 768px) { 
	    
	    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
	    
	    #quote-carousel .carousel-indicators {
	        bottom: -20px !important;  
	    }
	    #quote-carousel .carousel-indicators li {
	        display: inline-block;
	        margin: 0px 5px;
	        width: 15px;
	        height: 15px;
	    }
	    #quote-carousel .carousel-indicators li.active {
	        margin: 0px 5px;
	        width: 20px;
	        height: 20px;
	    }
	}	
		
	/* ///////////////////////////////
		jssor slider 
	///////////////////////////////*/
	/*#region Bullet Navigator Skin Begin */
           /* Help: http://www.jssor.com/development/slider-with-bullet-navigator-jquery.html*/
                /* jssor slider bullet navigator skin 21 css */
                /*
                .jssorb21 div           (normal)
                .jssorb21 div:hover     (normal mouseover)
                .jssorb21 .av           (active)
                .jssorb21 .av:hover     (active mouseover)
                .jssorb21 .dn           (mousedown)
                */
                .jssorb21 {
                    position: absolute;
                }
                .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
                    position: absolute;
                    /* size of bullet elment */
                    width: 19px;
                    height: 19px;
                    text-align: center;
                    line-height: 19px;
                    color: white;
                    font-size: 12px;
                    background: url(/images/img/b21.png) no-repeat;
                    overflow: hidden;
                    cursor: pointer;
                }
                .jssorb21 div { background-position: -5px -5px; }
                .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
                .jssorb21 .av { background-position: -65px -5px; }
                .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

	/* #region Arrow Navigator Skin Begin 
            Help: http://www.jssor.com/development/slider-with-arrow-navigator-jquery.html */
	/* jssor slider arrow navigator skin 21 css */
	/*
	.jssora21l                  (normal)
	.jssora21r                  (normal)
	.jssora21l:hover            (normal mouseover)
	.jssora21r:hover            (normal mouseover)
	.jssora21l.jssora21ldn      (mousedown)
	.jssora21r.jssora21rdn      (mousedown)
	*/
	.jssora21l, .jssora21r {
	    display: block;
	    position: absolute;
	    /* size of arrow element */
	    width: 55px;
	    height: 55px;
	    cursor: pointer;
	    background: url(/images/img/a21.png) center center no-repeat;
	    overflow: hidden;
	}
	.jssora21l { background-position: -3px -33px; }
	.jssora21r { background-position: -63px -33px; }
	.jssora21l:hover { background-position: -123px -33px; }
	.jssora21r:hover { background-position: -183px -33px; }
	.jssora21l.jssora21ldn { background-position: -243px -33px; }
	.jssora21r.jssora21rdn { background-position: -303px -33px; }
	
	.carousel-caption {
		top:7em;
		bottom:inherit;
		    background-color: rgba(0, 0, 0, 0.5);
    right: 30%;
    left: 30%;
    padding-bottom: 20px;
	}
	
	/* ///////////////////////////////
		GALLERY
	///////////////////////////////*/
	
	.gallery-item ,
	#album .feature-image {margin-bottom:2rem}
	
	
	
	figure {    
		max-height: 130px;
		min-height: 130px;
		overflow: hidden;
		position:relative
	}
	
	figure img {
		/*margin: -1em 0px 0px -1em;*/
	}
	
	/* ///////////////////////////////
		Category Listing
	///////////////////////////////*/
	
	a.for-sale,
	a.sold,
	a.news,
	a.updates {display:none}
	
	/* ///////////////////////////////
		Blog/News
	///////////////////////////////*/
	
	.news-list ul,
	.archive ul {
		float: left;
		padding:0
		}
	
	.news-list ul li.list-unstyled {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}
	
	.news-list ul li.list-unstyled a figure {
		max-height: 200px;
		min-height:200px;
		overflow: hidden;
		display: block;
	}
	
	.news-list ul li.list-unstyled a figure img {
		position: relative;
		vertical-align: middle;
	}
	
	.post img {
		margin-bottom: 2em;
	}
	
	ul.post {
	    float: left;
	    width: 100%;
	    padding-left: 0;
	}
	
	.container.archive ul li figure {
	    max-height: 200px;
	}
	
	.container.archive ul li.list-unstyled {
	    float: left;
	    margin-bottom: 2rem;
	}

	
	/* ///////////////////////////////
		FOOTER + CREDITS
	///////////////////////////////*/

	footer {
		margin:0;
		color:#777;
		}
	footer #sitemap  h3 {margin-bottom:1em}
		
	footer #sitemap .list-unstyled {
		  font-weight: 300;
		  line-height:2em;
		  
		  }
	
	#credits.row {
		padding: 1rem 0!important;
		background-color: #000;
		color: rgb(160, 160, 160)
	}
	#credits.row p {margin:0}
	
	/*///////////////////////////
		MY HELPER CLASSES	
	/////////////////////////*/
	
	.border-left {border-left: #EEEEEE solid 1px}
	
	.cmsmap {margin-bottom:2em}
	.cmsmap img {max-width: none}
	
	.noPadding {padding:0!important}
	.noBorder {border:none!important}