/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    width: 100%;
    height: 100%;
    font-size: 10pt;
}

html {
    width: 100%;
    height: 100%;
}

.container {
    max-width: 1200px;
}

.navbar-default {
    background-color: #FFF;
}
.navbar-fixed-top{z-index: 999;}
#breadcrum {background: grey;text-align: center;padding-top: 77px;}
.home #breadcrum {background: #D31C1A}

#breadcrum h4 {color: #FFF;margin: 0px; padding: 0px 0px 5px;font-size: 24px;font-family:Times New Roman}
.navbar-default .navbar-brand.logo {color: #000;font-size: 28px;font-weight: bold;}

#listing .item {clear: both; margin-bottom: 20px;}
.font16 {font-size: 16px;}
#listing .item .dayleft {font-style:italic;font-weight:bold;}
#listing .item img.main {padding: 20px 0px;}
#listing .item .btn-lg {border: 2px solid #000;border-radius: 3px;display: inline-block;margin: 10px 0px 5px;padding: 10px 30px;background:#FFF;color:#000;}
#listing .item .btn-lg:hover {background: #000; color: #FFF;}
.btn-largest {padding: 15px 45px!important;}
img {max-width: 100%;}

#main label i {font-weight:normal;font-size:90%;}
.border-error {border:1px solid red;}
#footer {text-align: center; margin-bottom: 20px;}
#footer a {color: #999}

/* ---------------------------- */
@media(min-width:767px) {
    .navbar {
        padding: 10px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}
@media(max-width:1199px) {
	#breadcrum {padding-top: 125px;}
}

@media(max-width:1000px) {
	.search-form .table > thead > tr > th, .search-form .table > tbody > tr > th, .search-form .table > tfoot > tr > th, .search-form .table > thead > tr > td, .search-form .table > tbody > tr > td, .table > tfoot > tr > td {
		width: 25%!important;
		display:inline-block;
	}
	.navbar-default .navbar-nav > li > a {padding: 10px 15px;}
}

@media(max-width:990px) {
	.navbar-default .navbar-nav > li > a {padding: 10px 10px;}
}
@media(max-width:767px) {
	#breadcrum {padding-top: 75px;}
}
@media(max-width:479px) {
	.search-form .table > thead > tr > th, .search-form .table > tbody > tr > th, .search-form .table > tfoot > tr > th, .search-form .table > thead > tr > td, .search-form .table > tbody > tr > td, .table > tfoot > tr > td {
		width: 50%!important;
		display:inline-block;
	}
}

/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */

.intro-section {
    height: 100%;
    padding-top: 10px;
    text-align: center;
    background: #fff;
}

.about-section {
    height: 100%;
    padding-top: 10px;
    text-align: center;
    background: #eee;
}

.services-section {
    height: 100%;
    padding-top: 10px;
    text-align: center;
    background: #fff;
}

.contact-section {
    height: 100%;
    padding-top: 10px;
    text-align: center;
    background: #eee;
}

.modal{z-index: 999999;}
.modal-backdrop.in{opacity: 0.75;}
.modal-content{border: 0; border-radius: 2px; box-shadow: none;}
.modal-body{padding: 20px;}
.modal-body button.close{font-size: 30px;z-index: 9999;position: absolute;right: 5px;top: 0px;}

.modal-signup-login .modal-body{padding: 30px 32px 20px;}
.modal-signup-login .modal-body .modal-title{font-size: 20px; margin: 10px 0 20px;}
.modal-signup-login .modal-body .form-group{margin-bottom: 6px;}
.modal-signup-login .modal-body .form-control{height: 40px; padding: 8px 12px;}
.modal-signup-login .modal-body .text-term{margin-top: 15px;}
.modal-signup-login .modal-body button[type="submit"]{margin: 10px 0;}
.modal-signup-login .modal-body .text-question{font-size: 16px; margin-top: 5px;}
.modal-signup-login .modal-body .btn{min-width: 82px;}
@media (min-width: 768px){
    .modal-dialog{width: 450px;}
}

@media (max-width: 767px){
	.navbar-default .navbar-brand.logo {position:absolute;}
	.page-scroll.logo img {max-width:80%;}
}

.label-divider{position: relative; text-align: center;}
.label-divider:after{content: ""; width: 100%; height: 1px; background-color: #dce0e0; position: absolute; z-index: 0; top: 50%; left: 0;}
.label-divider span{background: #fff; display: inline-block; padding: 0 6px; line-height: 34px; position: relative; z-index: 1;}

/*================*/
/*ELEMENTS*/
/*================*/

.btn{font-weight: bold; padding: 7px 12px;}

.btn-primary{background-color: #000; border-color: #000;}
.btn-primary:hover{background-color: #222; border-color: #222;}
.btn-default{background-color: #aaa; border-color: #aaa; color: #fff;}
.btn-default:hover{background-color: #000; border-color: #000; color: #fff;}

.btn-default.gray{border-color: #c4c4c4; color: #484848;}
.btn-default.gray:hover,.btn-default.gray:focus{border-color: #a2a2a2; color: #484848;}

.btn-secondary{background-color: #FF5A5F; color: #fff; border-color: #FF5A5F;}
.btn-secondary:hover,.btn-secondary:focus{background-color: #e2494d; border-color: #e2494d; color: #fff;}

.btn-secondary-o{background-color: transparent; color: #FF5A5F; border-color: #FF5A5F;}
.btn-secondary-o:hover,.btn-secondary-o:focus{background-color: transparent; border-color: #FF5A5F; color: #FF5A5F;}

.btn-facebook{background-color: #3B5998; border-color: #3B5998; color: #fff;}
.btn-facebook:hover, .btn-facebook:focus{background-color: #4a6cb3; border-color: #4a6cb3; color: #fff;}

.btn-google{background-color: transparent; border-color: #c4c4c4;border: 1px solid!important;}
.btn-google:hover, .btn-google:focus{background-color: transparent; border-color: #b0b0b0; color: inherit;}

.btn-md{font-size: 16px; padding: 9px 27px;}
.btn-lg{font-size: 16px; padding-top: 10px; padding-bottom: 10px; border-radius: 4px;}

.btn-icon{position: relative; padding-left: 35px; padding-right: 35px;}
.btn-icon span{display: block; width: 22px; height: 22px; text-align: center; line-height: 22px; font-size: 18px; position: absolute; left: 15px; top: 50%; margin-top: -11px;}
.btn-icon span img{max-width: 100%; display: block;}


.select-wrapper select {
    padding: 7px 12px;
    padding-right: 2em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2px;
}

.site-aside .widget{margin-bottom: 25px;}

.side-nav-list{list-style: none; padding: 0;}
.side-nav-list .side-nav-item{display: block;padding: 6px 0;font-size: 16px;color: #767676;}
.side-nav-list .side-nav-item[aria-selected="true"]{color: #484848;font-weight: bold;}
.side-nav-list .side-nav-item:hover, .side-nav-list .side-nav-item:focus{color: #999;}

.bx-wrapper .bx-pager {
    bottom: -95px;
  }
  
  .bx-wrapper .bx-pager a {
    border: solid #ccc 1px;
    display: block;
    margin: 0 5px;
    padding: 3px;
    width: 100px;
  }
  
  .bx-wrapper .bx-pager a:hover,
  .bx-wrapper .bx-pager a.active {
    border: solid #5280DD 1px;
  }
  
  .bx-wrapper {
    margin-bottom: 120px;
  }


.listing-slider li div{background-size: cover; background-position: center;}
.listing-slider li img{width: 100%;}
.listing-detail h2{margin-bottom: 30px;}
.listing-detail .meta-sumary{margin-bottom: 30px;font-family:"Helvetica Neue", "Helvetica", "Arial", "sans-serif"!important;}
.listing-detail .meta-details{margin-bottom: 30px;word-break: break-word;}
.listing-detail .btn-holder{margin-bottom: 20px}
.bg-main-image{background-size: cover;background-repeat: no-repeat;width: 100%;height: 200px;margin-top: 5px;margin-bottom: 5px;}
.page-scroll.logo img{
    height: 35px;
}
body .navbar-brand{
    padding: 10px 0;
    margin-right: 50px;
}
.top-nav-collapse .page-scroll.logo img{
    height: 30px;
}
.top-nav-collapse.navbar-default .navbar-brand.logo {
    padding: 10px;
}

.glyphicon-heart {color:red;}

a.btn.btn-default.btn-lg {
    position: relative;
}

a.btn.btn-default.btn-lg.comment:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent #000000 transparent transparent;
}



.table-responsive tr.deleted {background: grey;/*pointer-events: none;*/}
.table-responsive tr.deleted * {color:#FFF;}

.search-form .table > thead > tr > th,
.search-form .table > tbody > tr > th,
.search-form .table > tfoot > tr > th,
.search-form .table > thead > tr > td,
.search-form .table > tbody > tr > td, .table > tfoot > tr > td
{vertical-align:middle;border-top:none;}

.search-form .form-control {font-size:16px;}