/***** CSS RESET *****/

html {
 overflow-x: hidden;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1.25;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

/***** END OF CSS RESET *****/

/***** GENERIC STYLES *****/

body {
 font-family: 'PT Sans', sans-serif;
 text-align: left;
 background: #FFF;
 color: #3f3f3f;
 font-size: 100%;
}

.alt-bg {
	background: #ebedeb;
	padding-top: 20px;
}

.wrapper {
 max-width: 1280px;
 margin: 0px auto;
}

.slicknav_menu {
 display:none;
}

#responsive-menu {
 display:none;
}

.float-left {
 float: left;
}

.float-right {
 float: right;
}

.clear {
 clear: both;
}

.padding-5 {
 padding: 5px;
}

.padding-10 {
 padding: 10px;
}

.padding-15 {
 padding: 10px;
}

a,
a:hover {
 text-decoration: none;
}

h1.title {
 font-size: 175%;
 font-weight: 400;
 color: #15587f;
 font-family: 'Open Sans', sans-serif;
 padding-bottom: 10px;
}

.row {
 padding: 35px 0px;
}

.content p,
.col p {
 margin: 15px 0px;
}

.spacer {
 height: 30px;
 display: block;
}

/***** END OF GENERIC STYLES *****/

#header {
 height: 75px;
 width: 100%;
 background: #FFFFFF;
 border-bottom: 4px solid #15587f;
 z-index: 10000;
 box-shadow: 0px 1px 5px;
}

#header .float-left {
 padding-top: 25px;
}

#header .float-right {
 text-align: right;
 /* padding-top: 52px; */
}

#header .float-right ul {
 padding-top: 30px;
 padding-right: 20px;
}

#header .logo img {
 position: absolute;
    width: 50px;
    display: inline-block;
    top: 10px;
    left: 10px;
}

#header .logo a {
 font-weight: 900;
 text-transform: uppercase;
 color: #15587f;
 font-size: 125%;
 padding-left: 70px;
}


.menu ul {
 list-style-type: none;
}

.menu ul li {
 display: inline;
 margin-left: 15px;
}

.menu ul li a:link,
.menu ul li a:visited {
 text-transform: uppercase;
 color: #15587f;
 font-weight: 700;
}

.active,
.menu ul li a:hover {
 color: #3e3e3e !important;
}

.banner {
 display: block;
 margin-top: 75px;
 padding-top: 0px;
 padding-bottom: 0px;
}

.banner .inner {
 position: relative;
 background: url(../images/banner-bg.jpg);
 background-size: cover;
 background-position: center center;
 height: 300px;
 display: block;
 width: 100%;
 text-align: center;
}

.headline {
 font-family: 'Open Sans', sans-serif;
 font-size: 205%;
 color: #FFFFFF;
 padding-top: 80px;
}

.subhead {
 font-size: 150%;
 font-style: italic;
 color: #fdc41d;
}

.button {
}

.button a {
 color: #15587f;
 font-style: normal;
 background-color: #FFF;
 padding: 10px 50px;
 font-size: 150%;
 font-family: 'Open Sans', sans-serif;
 font-weight: 400;
 display: inline-block;
 margin-top: 20px;
}

.button a:hover {
 color: #444;
}



#services .col,
#container-tracking .col {
 width: 31%;
 display: block;
}

#services .col ul li,
#container-tracking .col ul li {
	list-style-type: none;
	padding: 10px 0px;
}

#services .col img,
#container-tracking .col img {
	position: relative;
	top: 15px; 
	padding-right: 5px;
	width: 42px;
}

#container-tracking .col a {
	color: #3f3f3f;
}

#container-tracking .col a:hover {
	text-decoration: underline;
}

.free-quote .col {
 width: 48.5%;
 display: block;
 position: relative;
}

.free-quote .col span.title {
 text-transform: uppercase;
 font-weight: bold;
 text-align: center;
 font-size: 125%;
 display: block;
 padding-bottom: 10px;
}

span.label-one {
	width: 30%;
	display: inline-block;
	vertical-align: top;
}

.free-quote .col .padding-15 {
	background: #f7f7f7;
	margin-bottom: 25px;
}

.form-row {
	display: block;
	padding: 5px 0px;
	font-size: 14px;
}

.form-row input, .form-row textarea, .form-row select {
	padding: 3px 5px;
}

#about .float-left {
 width:68%;
}

#about .float-right {
 width: 30%;
}

#about .float-right .content {
 margin-top: 15px;
}

#about .float-right .content a {
 color: #3f3f3f;
}
#about .float-right .content a:hover {
 color: #3f3f3f;
 text-decoration: underline;
}

#about .float-right .content .title {
 font-size: 120%;
 font-weight: bold;
 text-transform: uppercase;
 color: #3e3e3e;
}

#footer {
 border-top: 4px solid #15587f;
 color: #15587f;
 font-size: 90%;
}

#footer .wrapper {
 padding: 15px;
}

.social-media {
 width: 22px;
 height: 22px;
 background: url(../images/social-icons.png);
 background-repeat: no-repeat;
 margin-right: 10px;
 display: block;
 float: right;
}

.facebook {
 background-position: top left;
}
.twitter {
 background-position: top right;
}

/* ------[ MEDIA QUERIES ]------- */

@media screen and (max-width: 900px) {
 .wrapper {
  padding: 0px 15px;
 }
 
 #header .float-right ul {
  display: none;
 }
 
 .slicknav_menu {
  display:block;
 }
 
 .headline {
  top: 0px;
  left: 0px;
  width: 100%;
  border-bottom: 0px;
  padding-bottom: 0px;
 }
 
 .subhead {
  top: 0px;
 }
 
 .button {
  top: 15px;
 }
 
 .free-quote.col {
  height: auto;
 }
 
 #services .two {
  width: 36%;
 }
 
 #services .three {
  float: left !important;
 }
 
 
}

@media screen and (max-width: 768px) {
 .banner {
  height: auto; 
 }
 
 .banner .inner {
  height: 320px;
 }

 .banner .wrapper .float-left {
  width: 55%;
 }

 .banner .float-right {
  width: 43%;
 }
 
 .headline {
  font-size: 180%;
 }
 
 .subhead {
  font-size: 120%;
  top: 10px;
 }
 
 .button {
  top: 35px;
 }

 
}

@media screen and (max-width: 600px) {
 .banner {
  margin: 35px 0px !important;
 }
 
 .row {
  margin: 0px;
  padding: 0px;
 }
 
 .banner .wrapper .float-left {
  float: none;
  margin: 0px auto;
  padding: 5px 0px;
  width: 75%;
 }
 
 .headline {
  font-size: 150%;
 }
 .banner .inner {
  height: auto;
 }
 
 .banner .float-right {
  width: 100%;
  text-align: center;
  margin-top: 0px;
 }
 
 #services .col, #container-tracking .col {
  float: none;
  width: 300px;
  margin: 0px auto;
  min-height: inherit;
  margin-bottom: 20px;
 }

 
 #services .three {
  float: none !important;
 }
 
 .free-quote .col,
 #about .float-left,
 #about .float-right {
  width: 100%;
  float: none; 
  margin-bottom: 15px;
 }
 
}

@media screen and (max-width: 480px) {
 #header {
  height: 85px;
 }

 #header .logo img { display: none;}
#header .logo a { padding-left: 10px;
 
 h1.title {
  font-size: 200%;
 }
 
 .slicknav_menu {
  top: 34px !important;
 }
 
  .slicknav_btn {
   margin: 0px 17px 15px !important;
  }
  
  .banner .float-left img {
   margin-top: 25px;
  }
  
}