/* 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;
}

#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: #151515; /* Well color */
    border-top: 1px solid #510000;
    border-bottom: 1px solid #c00;
    /*color: #A1A1A1;*/
    padding: 20px;
}

.footer-bottom {
    background: transparent; /* 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: #888; /* 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, #map-info a, #map-info h1, #map-info h2, #map-info h3, #map-info h4, #map-info h5 {
     color: #151515 !important; /* Fix for font color,  Well color */
}

#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 #282828 solid;
}

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

}

h5 {    
    font-size: 112.50%; /* font-size: 20px; */ 
}
/* 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;
}

/* 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; }
}