html,body{ height: 100%;}

body {    
    overflow-x: hidden;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #fff;
}
#page{height: auto !important; min-height: 100%; position: relative; padding: 0px 0px  60px; background-color: #fff;}

.bg {    
    color: #fff;
    background-attachment: scroll;
    background-image: url(../img/1.jpg);
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.header_bg{
    color: #fff;
    background-attachment: scroll;
    background-image: url(../img/header_bg.jpg);
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.bg .intro-text {
    padding-top: 100px;
    padding-bottom: 50px;
}

.bg .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 25px;
    font-style: italic;
    line-height: 22px;
}

.bg .intro-text .intro-heading {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
}

@media(min-width:768px) {
    .bg .intro-text {
        padding-top: 280px;
        padding-bottom: 200px;
    }



    .bg .intro-text .intro-heading {
        margin-bottom: 50px;
        text-transform: uppercase;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 75px;
        font-weight: 700;
        line-height: 75px;
    }
    #carousel-example-generic{width: 100% !important}
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #fed136;
}

p {
    font-size: 14px;
    line-height: 1.75;
}

p.large {
    font-size: 16px;
}

.navbar-brand{padding: 3px 15px;}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: #fed136;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #CC6633;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

.img-centered {
    margin: 0 auto;
}

.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #222;
}

.btn-primary {
    border-color: #fed136;
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #fed136;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #f6bf01;
    color: #fff;
    background-color: #CC6633;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #fed136;
    background-color: #fed136;
}

.btn-primary .badge {
    color: #fed136;
    background-color: #fff;
}

.btn-xl {
    padding: 20px 40px;
    border-color: #fed136;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #fed136;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #f6bf01;
    color: #fff;
    background-color: #CC6633;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #fed136;
    background-color: #fed136;
}

.btn-xl .badge {
    color: #fed136;
    background-color: #fff;
}

.nav_bg {
    background: rgba(0, 0, 0, 0) url("../img/headerNewBg.png") repeat-x scroll 0 0;
    border: medium none;
    margin: 0 auto;
    position: relative;
    width: 100%;
    min-height: 200px;
}


.navbar-default {
    border-color: transparent;
    background-color: #222;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #CC6633;
}


.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: #fed136;
    background-color: #fed136;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fed136;
}

.navbar-default .nav li a {
    /*text-transform: uppercase;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #fed136;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #CC6633;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #CC6633;
    background-color: transparent;
}

@media(min-width:768px) {       
    .navbar-default {
        padding: 25px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 10px 0;
        background-color: #2d2d2d;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }

}




footer {
    padding: 15px 0;
    background-color: #2d2d2d;
    color: #6d6d6d;
    height: 60px;
    margin-top: -60px;
    position: relative;
}

footer span.copyright {    
    text-transform: none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 30px;
    font-size: 12px;
    color: #555;
}

footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 20px;

}
footer ul.quicklinks li a{color: #6d6d6d !important;}

ul.social-buttons {
    margin-bottom: 0;
}

ul.social-buttons li a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    font-size: 16px;
    line-height: 30px;
    outline: 0;
    color: #fff;
    background-color: #222;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    text-align: center;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #fed136;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}


::-moz-selection {
    text-shadow: none;
    background: #fed136;
}

::selection {
    text-shadow: none;
    background: #fed136;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #fed136;
}


.input-lg,.input-sm{border: 1px solid #e7e7e7; font-size: 14px;}
.loginBox{width: 300px; margin: 0 auto; margin-top: 10%; margin-bottom: 5%;}
.loginBox .title{font-size: 26px; font-weight: bold; text-align: center}
.loginBox .sub_title{font-size: 13px; text-align: center; color:#398439}
.loginBox label{color: #555; font-weight: bold; margin: 2px;}
.loginBox .input-lg{width: 100%; font-size: 14px;}

.dashboard{margin-top: 60px;}
.dashboard .title{font-size: 66px; color:#fed136; font-weight: bold;}
.dashboard .sub_title{font-size: 16px; font-weight: bold; color:#398439; margin-bottom: 20px;}
.dashboard .line{border-top: 1px solid #eee; margin: 0 auto;  width: 300px;}

.navbar{margin-bottom: 20px;}
.breadcrumb{background-color: transparent; padding: 10px 0px;}

#invList .invItem{margin-bottom: 25px;}
#invList .invItem h4{color: #555; text-transform: none; margin-bottom: 2px;}
#invList .invItem p{color: #888;}
.tt-none{text-transform: none;}

.addNew .field{margin-bottom: 20px; width: 230px;}
.addNew .field label{display: block; margin-bottom: 2px; color: #777;}
.addNew .field .input-lg{font-size: 14px;}
.addNew .field select{background-color: #fff; width: 205px;}
.addNew .field textarea{width: 430px;}
.errorField{border-color:  #f00;color: #f00;}

.contactForm{width: 300px; background-color: #eee; position: absolute; right: 35px; top: 35px; border:1px solid #999}
.contactForm .header,.contactForm .body{padding: 7px 15px;}
.contactForm .header{font-size: 16px; font-weight: bold; border-bottom: 1px solid #ddd;}
.contactForm .body{text-align: center;}

.mt0{margin-top: 0px;} .mt10{margin-top: 10px;}
.itemDetails{font-size: 16px;}
.itemDetails .label{font-size: 16px; color:#252d31; }
.itemDetails .value{font-size: 16px; color:#398439; text-transform: capitalize; }
.itemDetails .pole{color: #aaa;}
.itemImg img{margin-bottom: 10px; }

/*============= promoters ==================*/
.nav.nav-justified > li > a { position: relative; }
.nav.nav-justified > li > a:hover,
.nav.nav-justified > li > a:focus { background-color: transparent; }
.nav.nav-justified > li > a > .quote {position: absolute; left: 0px; top: 0; opacity: 0; width: 30px; height: 30px; padding: 5px; background-color:#CC6633; border-radius: 15px; color: #fff;}
.nav.nav-justified > li.active > a > .quote { opacity: 1; }
.nav.nav-justified > li > a > img {box-shadow: 0 0 0 5px #808080; }
.nav.nav-justified > li > a > img {max-width: 100%; opacity: .3; -webkit-transform: scale(.8,.8); transform: scale(.8,.8); -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.nav.nav-justified > li.active > a > img,.nav.nav-justified > li:hover > a > img,.nav.nav-justified > li:focus > a > img {opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.tab-pane .tab-inner { padding: 1px 0 20px; }
/*============= End: promoters ==============*/

@media (min-width: 320px) and (max-width: 480px)
{
    .page{padding-top: 80px;}
    #carousel-example-generic{width: 100% !important}
}

.imageContainer {float: left;margin: 3px;padding: 0;position: relative;}
.viewImageAction{position: relative; display: block;}
.viewImageAction .proj_name{position: absolute; bottom: 10px; height: 30px; line-height: 30px; background-color: #444; color: #eee; width: 100%; padding: 0px 10px; text-transform: uppercase;}
.viewImageAction .proj_cover{visibility: hidden; color: #aaa;  opacity: 0; position: absolute; background-color: rgba(102, 102, 102, 0.6); width: 100%; height: 100%; top: 0px; left: 0px; text-align: center; padding-top: 10%;}
.viewImageAction .proj_cover a{ width: 150px; padding: 5px 10px; background-color: #333; color: #ddd; border: 1px solid #eee; margin-top: 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-decoration: none; cursor: pointer;}
.viewImageAction .proj_cover b{font-size: 25px;}
.viewImageAction:hover .proj_cover{visibility: visible; opacity: 1;}

#details_banner{margin-bottom: 20px; position: relative; }
#details_banner .black_maze {
    background-image: url("../img/blackMaze.png");
    background-position: center bottom;
    background-repeat: repeat;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    height: 100%;
}
#details_banner .image_stack{    
    background-color: #d6d8da;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}
#details_banner .image_stack img{height: 100%;}
.white_line{border-top: 1px solid #9f9f9f; margin-bottom: 10px;}
#details_banner .proj_details{color: #ccc; position: relative;}
#details_banner .proj_details a{text-decoration: none; color: #ccc;}
#details_banner .proj_details .name{font-size: 22px; text-transform: uppercase;}
#details_banner .description{height: 200px;}
#details_banner .description .description_info{padding: 5px; background-color: #272727; color: #f5f5f5; font-size: 12px; height: 190px;}

.filters{font-size: 18px; text-transform: uppercase;}
ul.filters-sub li a{color: #888 !important; font-style: italic;}
ul.filters-sub li a.active{color: #ad8000 !important; font-style: italic;}

#full_view_proj_info{position: fixed; top: 20px; width: 100%; text-align: right; z-index: 999; padding-right: 30px;}
#full_view_proj_info h2{text-transform: capitalize; color: #fff;}
#map{height: 500px;}

.uploadCarImage{background-color: #f5f5f5; border: 1px solid #e5e5e5; padding: 2px; margin-bottom: 15px; margin-right: 10px; width: 150px; height: 135px; float: left; display: inline-block; position: relative;}
.uploadCarImage .box img{margin-bottom: 5px;}

.carousel-control.left,.carousel-control.right{background-image:none;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next,.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{color:#666;}