/*!
 * 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:13px;
}

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

.container {
	width: 1330px;
	max-width: 1360px;
}

.navbar-default {
	background-color: #FFF;
}
.navbar-fixed-top{z-index: 99999;}
#breadcrum {background: #8D8B8B; text-align: center; padding-top: 100px;}
#breadcrum h1 {color: #FFF;margin: 0px; padding: 0px 0px 10px;font-size: 32px;}
.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: 20px 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;
    }
}

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

.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;}
.listing-detail .meta-details{margin-bottom: 30px;}
.listing-detail .btn-holder{margin-bottom: 20px;}