

/* PAGE STRUCTURE */

body {
	font-family: 'Roboto', 'Arial', sans-serif;
	background: #444444;
}

.header {  
	background: #EC2626;
	padding-top: 50px;
}

.black {
	background: #000;
}

.footer {
	padding: 10px;
}

.main-page {
	background: #fff;
}


/*TYPOGRAPHY*/

h1, h2, h3, h4, h5, h6 {
	
}
	.phone {
		color: #fff;
		font-weight: 700;
		padding-top: 45px;
		text-align: right;
	}
	.black-bg {
		background: #000;
		padding: 10px;
	}
	.gray {  color: #535353; }
	.red { color: #EC2626; }
	.space { line-height: 30px; }
	p {  color: #7D7D7D; }
	a { color: #0051CD; }
	.footer p { color: #fff; }
	.footer a {  color: #fff; }
	.footer a:hover { color: #EC2626; }
	.services-link { color: #000; }
	.services-link:hover {  color: #757575; text-decoration: none;}
	.header a { color: #fff; }


/* NAVBAR */

.navbar {
  background: #000;
  border: none;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #FF0004;
}

.navbar-toggle {
	background: #000;
}
.navbar-toggle h4 { color: #fff; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: transparent;
}
.dropdown-menu { 
	 background: #000;
}
.dropdown-menu > li > a { 
	color: #fff;
  	font-size: 1.3em;
	font-weight: bold;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { background: transparent; color: #FF0004; }

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}


/* SLIDESHOWS */

#home-slideshow .item img,
#rescue-slideshow .item img  {
    display: block;
    width: 100%;
    height: auto;
}

#heavy-slideshow .item,
#recovery-slideshow .item,
#equip-slideshow .item{
  margin: 3px;
}
#heavy-slideshow .item img,
#recovery-slideshow .item img,
#equip-slideshow .item img{
  display: block;
  width: 100%;
  height: auto;
}


/* STYLES */

.centered {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.check a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

/* RESPONSIVE VIDEO */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* google map */
#map {
	height: 300px;
}
.googlemap {
	width: 100%;
	height: 300px;
}

/* BUTTONS */

.btn-primary {
	background: #EC2626;
	border-radius: 0px;
	border: 0px;
	padding: 10px;
	font-weight: 700;
	white-space: normal;
}

.nav-pills >li >a {
    color: #444444;
	font-weight: 700;
 }
.nav-pills > li > a:hover {
      background-color: #000;
	  color: #fff;
	  font-weight: 700;
	  border-radius: 0px;
 }
.nav-pills li.active > a {
	background-color: #EC2626;
	border-radius: 0px;
	border: 0px;
	padding: 10px;
	font-weight: 700;
}
.nav-pills li.active > a:hover, .nav-pills li.active > a:focus {
	background-color: #EC2626;
}

/* TABS */

.tab-content {
	background: #F4F4F4;
	padding: 20px;
}

.tab-content p {
	color: #2C2C2C;
}


/*MEDIA QUERIES*/

/* Large Devices
-------------------------------------------------- */
@media (min-width: 1200px) {
	
}

/* Medium Devices
-------------------------------------------------- */
 @media (min-width: 992px) and (max-width: 1199px) {
	
}

/* Small Devices (tablets)
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-default .navbar-nav > li > a { font-size: 1.1em; }
	.phone { padding-top: 0px; text-align: center; padding-bottom: 10px; }
	.footer { text-align: center; }
}

/* Extra small devices(phones)
-------------------------------------------------- */
@media (max-width: 767px) {
	.phone {  font-size: 1.2em; padding-top: 0px; padding-bottom: 2px; }
	.footer { text-align: center; }
	h1 { font-size: 2em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.3em; }
	h4 { font-size: 1.1em; }
	.space { line-height: 25px; }
} 



/* PADDING AND MARGINS*/

.padding-right20	{ padding-right:20px; }

.padding-top10		{ padding-top:10px; }
.padding-top20		{ padding-top:20px; }
.padding-top30		{ padding-top:30px; }
.padding-bottom30	{ padding-bottom:30px; }
.padding-top40		{ padding-top:40px; }
.padding-top50		{ padding-top:50px; }
.padding-top60		{ padding-top:60px; }
.padding-top80		{ padding-top:80px; }
.padding-top100		{ padding-top:100px; }
.padding-top130		{ padding-top:130px; }
.padding-top150		{ padding-top:150px; }
.padding-top180		{ padding-top:180px; }
.padding-top200		{ padding-top:200px; }

.margin-top3		{ margin-top:3px; }
.margin-top6		{ margin-top:6px; }
.margin-top8		{ margin-top:8px; }
.margin-top10		{ margin-top:10px; }
.margin-top20		{ margin-top:20px; }
.margin-top30		{ margin-top:30px; }
.margin-top40		{ margin-top:40px; }
.margin-top50		{ margin-top:50px; }
.margin-top60		{ margin-top:60px; }
.margin-top80		{ margin-top:80px; }
.margin-top100		{ margin-top:100px; }
.margin-top130		{ margin-top:130px; }
.margin-top150		{ margin-top:150px; }
.margin-top180		{ margin-top:180px; }
.margin-top200		{ margin-top:200px; }

.margin-bottom3		{ margin-bottom:3px; }
.margin-bottom6		{ margin-bottom:6px; }
.margin-bottom8		{ margin-bottom:8px; }
.margin-bottom10	{ margin-bottom:10px; }
.margin-bottom20	{ margin-bottom:20px; }
.margin-bottom30	{ margin-bottom:30px; }
.margin-bottom40	{ margin-bottom:40px; }
.margin-bottom50	{ margin-bottom:50px; }
.margin-bottom60	{ margin-bottom:60px; }
.margin-bottom80	{ margin-bottom:80px; }
.margin-bottom100	{ margin-bottom:100px; }
.margin-bottom130	{ margin-bottom:130px; }
.margin-bottom150	{ margin-bottom:150px; }
.margin-bottom180	{ margin-bottom:180px; }
.margin-bottom200	{ margin-bottom:200px; }