/* Move down content because we have a fixed navbar that is 50px tall */

body { padding-top: 0px; padding-bottom: 20px; color: #333; }
body.homePage { color: #CCC;  padding-top: 50px; }

/* MAIN BLOCKS */


body { background-color: #F6F6F6 ; }
.container { background-color: #FFF; }
.navbar .container { background-color: rgba(0,0,0,0); }
.homePage .container { background-color: rgba(0,0,0,0); }
footer p { text-align: center; padding-top: 12px; }

#leftcol { min-height: 100vh; }
#rightcol { padding-top: 39px; }

#dropdown1, #dropdown2 { text-align: center !important; }

.subMenu { background-color: #FFF; }
.productList { background-color: #FFF; }

.tdwidth { width: 20%; }

img { max-width: 100%; }

/* - - - - - - - - - - L A Y O U T   - - - - - - - - - - - - - */

.top-margin-9 { margin-top: 9px; }
.top-margin-12 { margin-top: 12px; }
.top-margin-15 { margin-top: 15px; }
.top-margin-18 { margin-top: 18px; }
.top-margin-21 { margin-top: 21px; }
.top-margin-30 { margin-top: 30px; }
.top-margin-45 { margin-top: 45px; }
.top-margin-60 { margin-top: 60px; }


.bottom-margin-9 { margin-bottom: 9px; }
.bottom-margin-12 { margin-bottom: 12px; }
.bottom-margin-15 { margin-bottom: 15px; }
.bottom-margin-18 { margin-bottom: 18px; }
.bottom-margin-21 { margin-bottom: 21px; }
.bottom-margin-30 { margin-bottom: 30px; }
.bottom-margin-45 { margin-bottom: 45px; }
.bottom-margin-60 { margin-bottom: 60px; }

.top-padding-3 { padding-top: 3px; }
.top-padding-6 { padding-top: 6px; }
.top-padding-9 { padding-top: 9px; }
.top-padding-12 { padding-top: 12px; }
.top-padding-15 { padding-top: 15px; }
.top-padding-18 { padding-top: 18px; }
.top-padding-21 { padding-top: 21px; }
.top-padding-30 { padding-top: 30px; }
.top-padding-45 { padding-top: 45px; }
.top-padding-60 { padding-top: 60px; }
.top-padding-90 { padding-top: 90px; }
.top-padding-120 { padding-top: 120px; }

.minH40 { min-height: 40px; }
.minH60 { min-height: 60px; }

.border-bottom { border-bottom: 1px solid #CCC; }

.deeLogo { width: 160px; }
img.deeLogo { max-width: none; margin-left: auto; margin-right: auto;}

.font-2em { font-size: 2em !important; }
.font-1-5em { font-size: 1.5em !important; }
.font-1em { font-size: 1.5em !important; }

.rounded-5 { border-radius: 5px; }
.rounded-9 { border-radius: 9px; }

form input.wide, form textarea.wide { width: 100%; }
form div { padding-top: 12px; }

/* - - - - - - - - - - - - - T Y P O  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1 { font-family: 'BenchNine'; text-transform: uppercase; color: #000; font-size: 3.6em; }
h3 { font-family: 'BenchNine'; text-transform: uppercase; color: #000; font-size: 24px; margin: 0; padding: 0; }
.homePage h3 { color: #FFF; }
h6 { color: #999; font-size: 11px; margin: 0px; padding: 0 0 9px 0 !important; border-bottom: 1px solid #CCC; margin-bottom: 9px;}

.benchNine { font-family: 'BenchNine', sans-serif; font-weight: 300; }
.benchNine.readingText { font-size: 1.25em; letter-spacing: 0.05em; }


.borderTop { border-top: 1px solid #CCC; }
.borderRight { border-right: 1px solid #CCC; }
.borderBottom { border-bottom: 1px solid #CCC; padding-bottom: 12px; margin-bottom: 12px; }
.borderLeft { border-left: 1px solid #CCC; }

.menuChevron { font-size: 1.8em; line-height: 1em; padding-left: 12px;}

/* - - - - C O L O R S - - - - -  */

.red { color: #E22C25 !important; }
.grey { color: #666 !important; }
.lightgrey { color: #999 !important; }
.white { color: #FFF !important; }

.dark-bg { background-color:  #222; }

/* popup enlarge img */ 

.ui-widget {
    font-family: 'BenchNine' !important; text-transform: uppercase !important; color: #000 !important;
    font-size: 1.5em !important;
}


/* - - - - - - - - - - - - - A L W A Y S   H A M B U R G E R   M E N U  - - - - - - - - - - - - - */

@media (max-width: 8000px) {
    .navbar-header { float: none; }
    .navbar-toggle { display: block; }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-collapse.collapse.in { display: block!important; background-color: #333; padding-bottom: 12px; border-radius: 6px; width: 222px; float: right; margin-right: 15px;}
    .navbar-nav { float: none!important; margin: 7.5px 0px; }
    .navbar-nav>li { float: none; font-size: 1.25em; letter-spacing: 0.1em; font-family: 'BenchNine', sans-serif; font-weight: 300; text-transform: uppercase; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
	.navbar-nav>li>a:link { color: #FFF; font-weight: normal;}
	.navbar-nav>li>a:visited { color: #FFF; }
	.navbar-nav>li>a:hover { color: #F00 !important; }
	.navbar-inverse .navbar-toggle .icon-bar { background-color: #333; }
	
	/* bright colors for version for black homepage */
	.homePage .navbar-toggle { background-color: #E22C25; border: 1px solid #E22C25; margin-top: 30px; }
	.homePage .navbar-toggle:hover { background-color: #FFF; border: 1px solid #FFF; margin-top: 30px; }
	.homePage .navbar-inverse .navbar-toggle .icon-bar { background-color: #FFF; }
	.homePage .navbar-inverse .navbar-toggle:hover .icon-bar { background-color: #333; }
	.homePage .navbar-nav>li>a:link { color: #333;}
	.homePage .navbar-nav>li>a:visited { color: #333; }
	.homePage .navbar-nav>li>a:hover { color: #E22C25 !important; }
	.homePage .navbar-collapse.collapse.in { display: block!important; background-color: #FFF;  }
}

/* navbar bg color transparent */
.navbar { background-color: rgba(0,0,0,0); border: none; }

/* - - - - - - - - - - - - -  R E N T A L   C A T A L O G - - - - - - - - - - - - - - - - - - - - */

/* top menu products categories */

.leftMenu { }
.leftMenu>ul { list-style: none; text-transform: uppercase; font-family: 'BenchNine', sans-serif; font-weight: 500; letter-spacing: 0.03em; font-size: 1.3em; padding: 0; }
.leftMenu>ul>li { margin-right: 0; margin-left: 0; text-align: left; white-space: nowrap; padding: 3px 0 3px 12px; }

/* colors */
.leftMenu>ul>li>a:link { color: #666; text-decoration: none; }
.leftMenu>ul>li>a:visited { color: #666; }
.leftMenu>ul>li>a:hover { color: #FFF; }

/* active item color */ 

.leftMenu>ul>li.active { background-color: #E22C25; border-color: #E22C25; border-radius: 4px;}
.leftMenu>ul>li.active>a:link { color: #FFF; text-decoration: none; }
.leftMenu>ul>li.active>a:visited { color: #FFF; }
.leftMenu>ul>li.active>a:hover { color: #FFF; }

/* submenu - accordion */

#accordion .panel-body a:link { color: #999; font-size: 1em; text-decoration: none }
#accordion .panel-body a:visited { color: #999; }
#accordion .panel-body a:hover { color: #000; }

.panel-default { margin-top: 9px !important; border: none; background-color: #FFF;}

.panel-default > .panel-heading, .panel-collapse > .panel-body { color: #333; background-color: #FFF; border: none; }

h4.panel-title { font-size: 1.1em !important; color: #000; text-transform:  capitalize; font-weight: normal; }

.panel-body { padding: 0px; }
.panel-body table tr td { padding-left: 30px; border: none; }
.panel-body .table {margin-bottom: 0px; border: none}

/* active product type in submenu */

.activeCell { color: #000; background-color: #DDD; border-radius: 4px; }
.activeCell a:link { color: #000 !important; }
.activeCell a:visited { color: #000 !important; }
.activeCell a:hover { color: #000 !important; }

/* product listing */

.brandHeading { border-bottom: 1px solid #333; text-transform: uppercase; font-family: 'BenchNine', sans-serif; font-weight: 500; letter-spacing: 0.03em;  font-size: 1.5em; color: #333; padding-top: 12px; }
.productTable { width: 75%; }
.productTable td { vertical-align: top; font-size: 0.9em; }
.productTable tr:first-child { font-size: 1.45em; text-transform: uppercase; font-family: 'BenchNine', sans-serif; }
.productTable td:first-child { text-transform: uppercase; font-family: 'BenchNine', sans-serif; font-size: 1em; }

.rentalpackagesShow, .rentalpackagesHide { text-align: center; padding: 5px 3px 6px 3px; border-radius: 4px; border: 1px solid #DDD; width: 80px; line-height: 1em; margin: 0 0 0 auto; color: #999;  font-size: 0.9em; cursor: pointer; float: right; }

.productTable { width: 75%; }

/* product thumbnails */

.productthumbnail { border-radius: 4px; max-width: 100%; cursor: pointer; }
.productListItem { padding: 12px; background-color: #F6F6F6; border-radius: 4px; margin-top: 6px; margin-right: 0px; margin-left: 0px;}

/* case content */

.caseList { font-size: 0.9em; color: #333; margin-top: 15px; }
.caseContent { padding: 4px 0; background-color: #FFF; border-radius: 4px; margin-bottom: 4px; }
.caseContent:nth-of-type(odd) { background-color: #EEE; }
.caseContent .divider { margin: 0 21px; color: #CCC; }
.caseNumber { text-transform: uppercase; font-family: 'BenchNine', sans-serif; font-size: 1.35em; }
.caseItem { padding: 3px }

/* pages image galleries */

.image-gallery-tumbnail { max-width: 100%; margin: 6px 0 30px 0; border-radius: 5px; }

.cityAndLocation { font-size : 11px; }
.imageGalleryDetails { font-size : 11px; margin-top: 0px; min-height: 42px; width: 90%; float: left}
.viewIcon { width: 10%; float: right; min-height: 42px; margin-top: -51px; font-size : 11px; filter: invert(100%); margin-right: 3px; }
.viewIcon img { width: 18px; height: auto; }

.slider { text-align: center; }
.slider img { max-width: 100%; margin: 0 auto 21px auto; max-height: 381px; border-radius: 5px; }

.modal-footer { border-top: none; padding-bottom: 27px; }
.modal-header { border-bottom: none; padding-bottom: 0 }
h4.modal-title { font-family: 'BenchNine'; text-transform: uppercase; color: #000; font-size: 33px; margin: 0; padding: 0;}

/* Bootstrap Media Queries */

/* XS */
@media (max-width: 767px) {
	
	body { padding-top: 0px; }
	#pageHeading #leftcol{ padding-top: 50px; background-color: #222;  }
	
	#pageHeading { margin-top: -30px; z-index: 999; }
	.deeLogo { width: 80px; margin-bottom: 21px;  }
	
	.navbar, .homepage .navbar { }
	.navbar-collapse.collapse.in, .homepage .navbar-collapse.collapse.in { margin-right: 0px; margin-bottom: 4vh; width: 190px; }
	.navbar-toggle, .homepage .navbar-toggle { background-color: #CCC; border: 1px solid #CCC; }
	.navbar-inverse .navbar-toggle .icon-bar, .homepage .navbar-inverse .navbar-toggle .icon-bar { background-color: #000; }
	
	h1 { color: #FFF; font-size: 2em; margin-top: 42px; margin-bottom: 21px; }
	h4 { color: #CCC; font-weight: normal; margin-top: 0; font-size: 1.2em; }
	
	#leftcol { min-height: auto; padding-bottom: 15px; }
	#rightcol { padding-top: 0px; }
	.subMenu { background-color: #222; padding-bottom: 24px; }
	
	.brandHeading { color: #E22C25; border: none; }
	.productdetails .firstrow { font-size: 1.3em !important; letter-spacing: 0.03em;}
	
	.productTable { width: 95%; }
	.tdwidth { width: 33%; }
	
	.top-margin-30 { margin-top: 3px; }
	.top-padding-30 { padding-top: 0px; }
	.top-padding-30-xs { padding-top: 30px; }
	
	/* image gallery */
	.imageGalleryItem:first-of-type { padding-top: 27px; }
	
	/* image popup */
	#myModal { max-height: 84vh; z-index: 9999; }
	.slider img { max-height: 54vh; margin: 0 auto 21px auto; border-radius: 5px; }
	
	/* references */
	
	.references .col-xs-12 { padding-top: 0; margin-top: 0; min-height: 30px !important; }
	.references h3 { font-size: 1.25em; }
	.references h6 { font-weight: normal; }
  
}
/* SM */
@media (min-width: 768px) and (max-width: 991px) {

}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
  
	.productTable { width: 100%; }
	
}
/* LG */
@media (min-width: 1200px) {
 
}