/* Sticky footer styles */
html {
  position: relative;
  min-height: 101%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 80px;
}

a {
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

.btn {
  transition: all 0.3s ease 0s;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 80px;
  /*background-color: #f5f5f5;*/
}

/* Footer */
.footer-top {
    /*background: #323B44;*/
    /*border-bottom: 1px solid #414f5a;*/
    /*color: #A1A1A1;*/
    background: #F5F5F5; /* Well color */
    border-bottom: 1px solid #E3E3E3;
    /*color: #A1A1A1;*/
    padding: 20px;
    margin-top: 20px;
}

.footer-bottom {
    background: #E4E4E4; /* Nav active */
    /*color: #888;*/
    padding: 2px 0px 20px;
}

/* Address Column */
.footer-address-column li i {
    float: left;
    margin: 4px 0 0;
}
/* Address Column */
.footer-address-column li p {
    margin-left: 20px;
}


/* Set the margin here in order to center text in the container */
.container .up {
    /*
    float: right;
    width: 50px;
    height: 50px;
    */
    width: 3em;
    height: 3em;
    margin: 0px 5px;
    cursor: pointer;
    color: #999; /* text-muted */
}

.socialnetwork {
    display: inline-block; /* Fix for tooltip position */
}

/*.container .up {
    float: right;
    opacity: 0.6;
    width: 32px;
    height: 32px;
    margin: 20px 0px 0px 20px;
    background: url('../img/arrow_up.png') no-repeat scroll center center transparent;
    cursor: pointer;
}*/


/* Set the margin here in order to center text in the container */
.container .credit {
  margin: 20px 0px 0px;
}

@media screen and (max-width: 768px) {
    .credit {
       text-align: center;
    }
    .fa-stack-1x,
    .fa-stack-2x {
        left: 0;
    }
}

/* Set a larger min-width for Switch */
.has-switch.switch-longer {
  min-width: 150px;
}

/* glyphicon color */
.icon-white, .icon-white a {
  color: #fff;
}

.icon-green, .icon-green a {
  color: green;
}

.icon-red, .icon-red a {
  color: red;
}

/* change breadcrumb separator/divider */
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "\00bb"; /*/\00a0*/
}

/* Set the max width for brand-thumb */
.brand_thumb {
  max-width: 200px;
}

/* Set vertical align for tables like brand listing */
.table tbody>tr>td.vert-align
{
    vertical-align: middle;
}

/* Responsive only in Width */
embed, iframe, object, video {
    max-width: 100%;
    border: 0px;
}

/* Set distance for page div that sould have content loaded via content manager */
.content-page {
    margin-top: 20px;
    margin-bottom: 10px;    
}

.content-page img {
    max-width: 100%; 
    height: auto;
} 

.content-video {
    position: relative;
    padding-top: 22px; /* The padding-top value is set to 25 pixels to allow space for the chrome - this is specific to YouTube videos. */
    padding-bottom: 57.25%; /* aspect ratio 16:9 added by default for wider "widescreen" video, check nowidescreen for not widescreen */
    height: 0;
    margin-bottom: 16px;
    overflow: hidden;
}
 
.content-video.nowidescreen { padding-bottom: 67.5%; } /* aspect ratio 4:3 add nowidescreen to class in code for nowidescreen code */
.content-video.vimeo { padding-top: 0; } /* if its vimeo video no padding-top needed unlike youtube, just add vimeo class in code */
 
.content-video iframe,
.content-video object,
.content-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .content-video { padding-top: 0; }
}

/* google map */
#map{
    display: block;
    width: 100%;
    height: 450px;
    margin: 0 auto;
    /*margin-top:-40px;*/
}

#map img {
    max-width:inherit !important;
}

#map-info {
    /*width: 350px;*/
     max-width: 280px;
     min-width: 200px;
     max-height: 450px;
     min-height: 100px;
}

#map-info img {
    float: left !important;
    margin-right: 10px;
    margin-bottom: 10px;
}

#sent { display: none; }

/* Set padding contact column in contacts */
.contact_col_phone {
    padding-left: 28px;  
}

/* Set padding contact column in contacts */
.contact_col_address {
    padding-left: 28px;  
}

.contact_col_mobile {
    padding-left: 28px;  
}

/* Set padding contact column in contacts */
.contact_col_timetable {
    padding-left: 28px;  
}

/* Set padding contact column in contacts */
.contact_col_email {
    padding-left: 32px;  
}

/* Set bottom margin for carousel-holder (homepage) */
.carousel-holder {
    margin-bottom: 30px;
}

/* Control search box */
/* Medium devices Desktops (≥992px) */
@media (max-width: 992px) { 
  .sidebar-post-search-box {
    display: none;
  }
}

/* Control search box */
/* Medium devices Desktops (≥992px) */
@media (min-width: 992px) { 
  .top-post-search-box {
    display: none;
  }  
}

/* Set some settings for stock pages */
.stock-title {
    margin-top: 3px;
}

.stock-view {
    margin-top: 3px;
    margin-bottom: 3px;
}

.stock-date {
    margin-bottom: 3px;
}

.stock-ico {
    cursor: context-menu;
}

.stock-page-info-sep {
    margin-top: 1px;
    margin-bottom: 10px;
    border-bottom: 1px #999 solid;
}

/* theme related */
/* Stock well column (for special setting in case its needed)*/
.stock-info-col{

}

h5 {    
    
}

/* used in pagination for example to reset top-margin */
.no-margin-top {
    margin-top: 0px;
    padding-top: 0px;
}
.no-margin-bottom {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
/* theme related */

/* label settings */
.has-ribbon{
	position:relative
}

.has-ribbon>img{
	position:relative;
	z-index:0
}

.has-ribbon:after,.has-ribbon:before{
	display:inline-block;
	position:absolute;
	/*top:50%;*/
        top:15px;
	left:-6px;
	z-index:10
}

.has-ribbon:after{
	content:attr(data-text);
	min-width:40px;
	color:#fff;
	background-color:#f6682b;
	padding:2px 6px;
	border-radius:0 1px 1px 2px;
	-webkit-box-shadow:inset -1px 1px 2px rgba(255,255,255,0.3), inset 0 -1px 3px rgba(0,0,0,0.25);
	box-shadow:inset -1px 1px 2px rgba(255,255,255,0.3), inset 0 -1px 3px rgba(0,0,0,0.25)
}

.has-ribbon:before{
	content:"";
	width:0;
	height:0;
	margin-top:-10px;
	border-width:0 6px 10px 0;
	border-style:solid;
	border-color:#dc4f12 transparent;
	border-width:0 0 10px 6px
}

.has-ribbon.has-ribbon-right:after,.has-ribbon.has-ribbon-right:before{
	right:-6px;
	left:auto
}

.has-ribbon.has-ribbon-right:after{
	border-radius:1px 0 2px 1px;
	padding-right:8px
}

.has-ribbon.has-ribbon-right:before{
	border-width:0 6px 10px 0
}

/* SOLD */
.has-ribbon-sold{
	position:relative
}

.has-ribbon-sold>img{
	position:relative;
	z-index:0
}

.has-ribbon-sold:after,.has-ribbon-sold:before{
	display:inline-block;
	position:absolute;
	/*top:50%;*/
        top:15px;
	left:-6px;
	z-index:10
}

.has-ribbon-sold:after{
	content:attr(data-text);
	min-width:40px;
	color:#fff;
	background-color:#ec0000;
	padding:2px 6px;
	border-radius:0 1px 1px 2px;
	-webkit-box-shadow:inset -1px 1px 2px rgba(255,255,255,0.3), inset 0 -1px 3px rgba(0,0,0,0.25);
	box-shadow:inset -1px 1px 2px rgba(255,255,255,0.3), inset 0 -1px 3px rgba(0,0,0,0.25)
}

.has-ribbon-sold:before{
	content:"";
	width:0;
	height:0;
	margin-top:-10px;
	border-width:0 6px 10px 0;
	border-style:solid;
	border-color:#ba0303 transparent;
	border-width:0 0 10px 6px
}

.has-ribbon-sold.has-ribbon-right:after,.has-ribbon-sold.has-ribbon-right:before{
	right:-6px;
	left:auto
}

.has-ribbon-sold.has-ribbon-right:after{
	border-radius:1px 0 2px 1px;
	padding-right:8px
}

.has-ribbon-sold.has-ribbon-right:before{
	border-width:0 6px 10px 0
}

/* Homepage Opportunities */
#owl-homepage .item{
    margin: 10px;
}
#owl-homepage .item img{
    display: block;
    width: 100%;
    height: auto;
}

.carousel-indicators li { /* Custom Colores */
/*    background-color: #e64c00 !important;
    border: 1px solid #ff6b00 !important;*/
}

.carousel-indicators .active { /* Custom Colores */    
/*    background-color: #ff6b00 !important;
    border: 1px solid #e64c00 !important;*/
}

.carousel-control { /* Custom Colores */    
/*    color: #e64c00 !important;*/
}

.carousel-control:focus, .carousel-control:hover { /* Custom Colores */    
/*    color: #e64c00 !important;*/
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    /* hide indicators in small devices */
    ol.carousel-indicators { visibility: hidden; }
    .carousel-indicators li { visibility: hidden; }
}

/* reviews-carousel */
#reviews-carousel .review-slider-item ul {
    height: 100%;
    /*min-height:190px;*/        
}

#reviews-carousel .carousel-indicators li {
    border-color:#999;
    background-color:#ccc;
}

#reviews-carousel .carousel-indicators .active {
    /* default carousel-indicators settings */
    width: 12px;
    height: 12px;
    margin: 0px;
    background-color: #FFF;
}

#reviews-carousel .review-slider-item.active {
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

#reviews-carousel .carousel-indicators {
  bottom: -30px !important;
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #reviews-carousel .carousel-indicators {
        bottom: -30px !important;  
    }
    #reviews-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 12px;
        height: 12px;
    }
    #reviews-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 14px;
        height: 14px;
    }
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    /* hide indicators in small devices */
    #reviews-carousel ol.carousel-indicators { visibility: visible; }
    #reviews-carousel .carousel-indicators li { visibility: visible; }        
}

#home-reviews {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #333333;
    text-align: center;   
}

#home-reviews h2, #home-reviews h3 {
    /*color: #428bca;*/  
}

#home-reviews p {
    /*color: #333333;*/  
}

/* wcmsbannerslider-noshadow */
#wcmsbannerslider-noshadow .carousel-control.right {
    left: auto;
    right: 0px;
    background-image: none;
}

#wcmsbannerslider-noshadow .carousel-control.left {
    background-image: none;
}

/* Albums */
.album-thumbnail {
    position:relative;
    overflow:hidden;
}

/* snipp_caption_hover_effect */ 
.album-caption {
    position:absolute;
    top:-100%;
    right:0;
    overflow:hidden; 
    background:rgb(24, 24, 24);
    background:rgba(24, 24, 24, 0.65);       
    width:100%;
    height:100%;
    padding:2%;
    text-align:center;
    color:#fff !important;
    z-index:2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* for circle rounded effect */
.thumbnail-trans {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all 0.2s ease-in-out 0s;
}

.album-caption-trans {
    position:absolute;
    top:-100%;
    right:0;
    overflow:hidden; 
    background: transparent;   
    width:100%;
    height:100%;
    padding:2%;
    text-align:center;
    color:#fff !important;
    z-index:2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* EOF for circle rounded effect */

.album-thumbnail:hover .caption {
    top:0%;
}

.album-caption h2,
.album-caption h3,
.album-caption h4 {
    margin-bottom: 15px;
    color:#fff !important;
}

.album-caption h5 {
    margin-bottom: 5px;
    color:#fff !important;
}

.album-hover-icon {
    position:absolute; 
    top: 40%;
    left: 0;
    width: 100%;
    height: 100%;
}


.col-sm-5cols{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
.col-sm-5cols {
        width: 20%;
        float: left;
    }
}

.col-sm-7cols{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
.col-sm-7cols {
        width: 14.25%;
        float: left;
    }
}

.col-sm-8cols{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
.col-sm-8cols {
        width: 12.5%;
        float: left;
    }
}

/* no-more-tables */
@media only screen and (min-width: 800px) {
    #no-more-tables thead {
        background-color: #f5f5f5;   
    }
    
    #no-more-tables table {
        margin-bottom: 20px;   
    }    
}


@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
        
        #no-more-tables table {
            margin-bottom: 20px;   
        }          
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
        
        #no-more-tables .table-bordered {
            border: 0px !important;
        }
        
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

td.numeric, th.numeric {
    text-align: center;
}

.addthis {
    margin-top: 5px; 
    margin-bottom: 5px; 
    height: 36px; 
    overflow: hidden;    
}