/* @charset "utf-8";
CSS Document */

/* Reconstruction note: several product/installation images were not preserved
   in the Internet Archive. This rule keeps missing images from breaking the
   page layout by giving broken <img> elements a neutral placeholder. */
img.img-responsive {
    min-height: 1px;
}
img:-moz-broken {
    -moz-force-broken-image-icon: 0;
}


/* Bootstrap */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

body {
  font-family: 'Roboto Mono', monospace;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
    line-height: 1.45em;
    background-image: url(../_images/Center_background_02.jpg);
    background-repeat: repeat-x;
    background-position: center top;
}

strong,
.text-strong {
  font-weight: 500; 
}
.text-light {
  font-weight: 300; 
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto Mono', monospace;
    font-family: 'Roboto', sans-serif; 
  font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #464646;
    line-height: 1.25em;
}

p, .p {
    font-size: 15px;
    color: #6f6f6f;
}

hr {
    margin-top: 8px;
    margin-bottom: 8px;
    border-top: 1px solid #DFDFDF;
}
.hrLg {
	margin: 30px 0px;		
}


a, a:focus, a:visited, a:active {
    color: #d4a00d;
    text-decoration: none;
}

a:hover {
    color: #262626;
    text-decoration: underline;
}

.whiteHover:hover {
    color: white;
    text-decoration: none;
}


a:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}



.hoverVis {
    background-color: transparent;
    color: #894689 !important;
}

.hoverVis:hover {
    background-color: #803b7f !important;
    color: #FFFFFF !important;
}


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: initial;
    margin-bottom: 10px;
}


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 5px;  
}


.btn {
    border-radius: 0px;
}

.btn-primary, .btn-primary:active, .btn-primary:focus   {
    color: #fff;
    background-color: #894689;
    border-color: #894689;
}

.btn-primary:hover {
    color: #fff;
    background-color: #6A6A6A;
    border-color: #6A6A6A;
    text-decoration: none;
}

.btn-sm, .btn-group-sm > .btn {
    border-radius: 0px;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 0px solid transparent;
    border-bottom: 0px solid #2f2f2f;
    border-top: 0px solid #D4D4D4;
}

.navbar-default {
    background: no-repeat;
    background-color: #444444;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 0 transparent, 0 1px 5px transparent;
    box-shadow: inset 0 1px 0 transparent, 0 1px 5px transparent;    
}


.navbar-default .navbar-nav > li > a {
    color: #c1c1c1;
    font-size: 16px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: white;
    background-color: #d4a00d;
}

.navbar-default .navbar-brand {
    color: #909090;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #f9f9f9;
    background-color: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #737373;
}

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

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 0px;
}

.navbar-toggle-MENU {
    float: right;    
    position: absolute;
    right: 70px;
    top: 18px;
    color: #8c8c8c;
}


.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #894689;
    white-space: nowrap;
    z-index: 500;
}

.dropdown-menu> li > a:focus, .dropdown-menu > li > a:hover {
    background-image: none;
    background-color: #444444;
    background-repeat: no-repeat;
    color:white;
}


.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #727272;
    }

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFFFFF;
    background-color: #686868;
}




@media (max-width: 767px){
    
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #CFCFCF;
    background-color: #6E6E6E;
    }
    
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFFFFF;
    background-color: #393939;
}
}

.scrollable-menu {
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
}



.p, p {
  line-height: 1.35em;  
}

.page-header {
    padding-bottom: 15px;
    margin: 10px 0 20px;
    border-bottom: 0px solid #D4D4D4;
}


.panel-group .panel {   
    border-radius: 0px;
}

.panel-body {
    padding: 20px;
}


/* Panel + / - */

/* Opened */
.panel-heading a:after {
    font-family: FontAwesome;
    content: '\f078';     
    float: right;
    color: grey;    
}

/* Closed */
.panel-heading a.collapsed:after {
    font-family: FontAwesome;
    content: '\f054';     
    float: right;
    color: grey;
}



.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #808080;
    border-color: #808080;
}

.list-group-item:first-child {
    border-radius: 0px;   
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-radius: 0px;    
}

blockquote {    
    margin: 0 0 10px;  
}


.medium {
   font-size: 85%; 
}

.top-buffer {
    padding-top: 25px;    
}

.top-buffer-small {
    padding-top: 12px;    
}

.top-buffer-smaller {
    padding-top: 6px;    
}


.top-buffer-large{
    padding-top: 35px;    
}

.lineRight{
    border-right: 1px solid #DFDFDF;
    }

.lineLeft{
    border-left: 1px solid #DFDFDF;
    }

.lineRightSolid {
    margin-left: 10px;
    margin-right: 10px;   
    border: 0;
    border-left: 1px solid #e8e8e8;
}


/* dataTables */
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #888;
}

table.dataTable tbody a {
    color:#927709; 
} 

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #EAEAEB;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;    
}

.dataTables_wrapper label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    border: 1px solid #c1c1c1;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #D1D1D1;    
}

table.dataTable.no-footer {
    border-bottom: 1px solid #D1D1D1;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #fbfbfb;
}


.bx-wrapper {
    position: relative;
    margin: 0 auto 35px;
    padding: 0;    
}

.bx-wrapper .bx-viewport {
    border: 0px solid #fff;
    left: 0px;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    /*max-height: 600px;*/
}

.bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc; 
    box-shadow: 0 0 0px #ccc; 
    border: 0px solid #fff;
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
}

.bx-wrapper .bx-next {
    background-repeat: no-repeat;
    background-position: -43px -32px;
    background-image: url(../_images/controls.png);
}

.bx-wrapper .bx-prev {
    background-repeat: no-repeat;
    background-position: 0 -32px;
    background-image: url(../_images/controls.png);
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #f5f5f5;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    outline: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 12px;
    border: 1px solid #bdbdbd;
}


.colorGold{
    color:#d4a00d;
}

.colorWhite{
    color: white;
}


/* BUTTON CHANGES */
.btn:active, .btn.active {    
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.0);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.0);
}

.btn-xs, .btn-group-xs > .btn {
    padding: 2px 9px;
    border-radius: 0px;
}

.btn-default, .btn-default:active, .btn-default:focus  {
    color: #d4a00d;
    background-color: #fff;
    border-color: #d4a00d;
}

.btn-default:hover {
    color: white;
    background-color: #d4a00d;
    border-color: #d4a00d;
}


.btn-defaultR, .btn-defaultR:active, .btn-defaultR:focus  {
    color: white !important;
    background-color: #d4a00d;
    border-color: #d4a00d;
}

.btn-defaultR:hover {
    color: white;
    background-color: #4B4B4B;
    border-color: #4B4B4B;
}



.form-control {
    margin-top: 2px;
    margin-bottom: 4px;
    border-radius: 0px;
}



/* OVERLAY */
.overlaySlider {
    position: absolute;
    padding-top: 5%;
    padding-left: 8%;
    color: white !important;
    max-width: 50%;
    z-index: 30;
    
}
.overlaySlider > h1, .overlaySlider > h2, .overlaySlider > h3, .overlaySlider > h4  ,.overlaySlider > p  {     
    color: white;
    font-weight: 300;    
}	

.overlaySlider > h1{
    font-size: 51px;   
}

.overlaySlider > h4 {
    font-size: 24px;   
}


/* lessthan Some px it remains at below width */	
@media (max-width: 1480px) {

    .overlaySlider {
    position: absolute;
   max-width: 55%;
}    
}
  
/* lessthan Some px it remains at below width */	
@media (max-width: 1200px) {

    .overlaySlider {
    position: absolute;
    padding-top: 7%;
    padding-left: 11%;
    max-width: 70%;
}    
}

/* lessthan Some px it remains at below width */	
@media (max-width: 960px) {
    
.overlaySlider {
    position: absolute;
    padding-top: 5%;
    padding-left: 8%;
    max-width: 55%;    
}

.overlaySlider > h1, .overlaySlider > h2, .overlaySlider > h3, .overlaySlider > h4  ,.overlaySlider > p  {     
    color: white;
    font-weight: 300;    
}

.overlaySlider > h1 {
    font-size: 26px;   
} 
    
.overlaySlider > h4 {
    font-size: 16px;   
}   
}
.fancybox-image {
    background-color: white;
} 

@media (max-width: 767px) {
.tableFullWidth {
    width: 100%;
}
}