﻿body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #57576F
}
img {
	border: 0;
}
.container {
	max-width: 1100px
}
a:link, a:focus, a:hover, a:visited {
	color: #2982BC;
}
.mainBody a {
	text-decoration: underline
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 23px;
}
.btn, a.btn {
	font-weight: bold;
}
h1 {
	font-size: 28px;
	padding: 0;
	margin: 0;
	color: #00AEEF;
	margin-bottom: 20px;
	font-family: 'Exo 2', sans-serif;
	font-weight:600
}
h2 {
	padding: 0;
	margin: 0;
	font-size: 22px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
	color: #00AEEF;
}
h2 a {
	font-size: 22px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
	color: #F97C00;
	text-decoration: none
}
h2 a:hover {
	font-weight: 600;
	color: #F97C00;
	text-decoration: none
}

h3 {
	font-size: 16px;
	color: #00AEEF;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}
hr {
height: 1px;
margin: 10px 0;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
border: 0;
}
ol li {
	line-height: 22px
}
blockquote {
	font-size: 14px;
	border-left: 0;
	margin-left: 40px
}
#site_html {
	margin-top: 0;
}
.mainBody {
	min-height: 400px;
	margin-bottom: 40px;
}
.topBar {
	background: #00AEEF;
	height: 9px;
}
.whiteContact {
	float: left;
	display: inline-block;
	border-left: thin #CCC solid;
	width: 28%;
	min-height: 90px;
	cursor: pointer;
	text-align: center;
	padding-top: 25px;
	font-size: 13px;
	color: #555
}
.whiteContact:hover {
	background:#F3F3F3;
	color: #00AEEF
}
.whiteContact .fa {
	font-size: 25px;
}
.imgWidh img {
	width: 80%;
	max-width: 200px;
}
.blueCall {
	padding-left: 20px;
	padding-top: 28px;
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	float: left;
	width: 65%;
	display: inline-block;
	background: #00AEEF;
	min-height: 90px
}
.header {
}
.editorImages {
	width: 100%;
	max-width: 300px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 0
}
.logo {
	padding-top: 4px;
	max-width: 274px;
	width: 100%;
	height: auto
}
.noPadding {
	padding: 0;
}
.repsBanner {
	background: url('images/man-all-banner.jpg') 50% 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 260px;
	color: #fff;
	font-size: 18px;
	margin-bottom: 35px;
}
.shippingBanner {
	background: url('images/shipping-banner.png') 50% 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 260px;
	color: #fff;
	font-size: 18px;
	margin-bottom: 35px;
}
.dealerBanner {
	background: url('images/dealerrs-banner.jpg') 50% 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 260px;
	color: #fff;
	font-size: 18px;
	margin-bottom: 35px;
}

.warehousingBanner {
	background: url('images/warehousing-banner.png') 50% 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 260px;
	color: #fff;
	font-size: 18px;
	margin-bottom: 35px;
}
.piraeusHarbor {
	background: url('images/piraeus-harbor.jpg') 50% 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 260px;
	color: #fff;
	font-size: 18px;
	margin-bottom: 35px;
}
.whirlpoolBanner {
	background: url('images/whirlpool-banner.jpg') 50% 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 260px;
	color: #fff;
	font-size: 18px;
	margin-bottom: 35px;
}
.kitchenaidBanner {
	background: url('images/kitchenaid-banner.jpg') 50% 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 260px;
	color: #fff;
	font-size: 18px;
	margin-bottom: 35px;
}
.fridgBanner {
	background: url('images/fridg-banner.jpg') 50% 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 260px;
	color: #fff;
	font-size: 18px;
	margin-bottom: 35px;
}
.carousel-inner img {
	width: 100%;
}
.carousel-caption {
	border: 0;
	background-color: transparent;
    top: 0;
    left: 0;
    bottom: auto;
    padding: 50px;
    margin-top: 0px;
	width: 90%;
}
.rock-white-caption {
	font-family: 'Exo 2', sans-serif;
	line-height: 25px;
	color: #fff;
	font-size: 36px;
	margin-bottom: 20px;
}
.rock-white {
	line-height: 25px;
	font-size: 19px;
	color: #fff;
	text-shadow: 0px 1px 2px #000;
	-moz-text-shadow: 0px 1px 2px #000;
	-webkit-text-shadow: 0px 1px 2px #000;
}
.rock-white a, .btn-warning a{
	color: #fff;
	text-shadow: 0px 1px 2px #000;
	-moz-text-shadow: 0px 1px 2px #000;
	-webkit-text-shadow: 0px 1px 2px #000;
}
.warehouseMargin {
	margin-top: 40px
}

.footer {
	border-top: thin #CCC solid;
	background: #E7E7E4;
	min-height: 100px;
	padding-top: 30px;
	padding-bottom: 50px;
	line-height: 23px;
	color: #555
}
.footer a {
	font-size: 13px;
	text-decoration: none;
	color: #555
}
.footer h2 {
	font-size:19px;
	color: #555
}
.hideColor  {
	font-size:19px;
	color: #E7E7E4
}
.footerCopy {
	border-top: 2px #fff solid;
	background: #444;
	min-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	padding-top: 12px;
}
.buttonLinks a {
	color: #fff
}
.buttonLinks .btn {
	color: #fff
}

.businessThumb {	
	position: relative;
	float: left;
	font-size: 14px;
	color: #FFF;
}
.visit a, .visit a:hover, .visit a:active, .visit a:link{
	text-decoration: none;
	color: #fff;
	font-weight:normal
}
.businessThumb .visit {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.businessThumb:hover .visit {
	opacity: 1;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.businessThumb .visit {
	font-weight: bold;
	background: rgba(22, 22, 22, 0.5);
	padding: 20px;
	padding-top: 30px;
}
.businessThumb .visit :hover {
	text-decoration: none;
}
.businessThumb:hover img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.businessThumb strong , .businessThumb:hover strong{
	font-size: 20px;
	text-transform: uppercase;
	color: #51CFFF
}
.noThisButton {
	font-size: 13px;
	font-weight: normal;
	border-radius: 20px;
	-moz-border-radius:20px;
	-webkit-border-radius: 20px;
}
.noThis {
	display: none
}
.gmap3 {
	margin: 0;
	border: 1px #CCC solid;
	width: 100%;
	height: 250px;
	margin-bottom: 35px;
	border-radius: 0;
	-moz-border-radius:0;
	-webkit-border-radius: 0;
	padding: 0;
}

.contentContainer {
	margin-top: 40px;
	margin-bottom: 40px
}


.homeHovers {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	width: 100%;
	border: thin #999 solid;
}
.homeHovers:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.shipTexted , .shippingTexted , .representativeTexted , .warehousingTexted {
	-webkit-animation-name: slideInDown;
	-moz-animation-name: slideInDown;
	-o-animation-name: slideInDown;
	animation-name: slideInDown;
}


#myCarousel {
	margin-bottom: 35px;
}
.photoGallery {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px #AAA solid;
	padding: 2px;
}
.photoName {
	text-align: center;
	color: #051823;
}

.dropdown-menu ul a {
	z-index: 99999;
}
.dropdown-menu > li > a {
	text-align: left;
	z-index: 99999;
	font-size: 14px;
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.dropdown-menu > li > a:hover {
	background: #062F51;
	color: #fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.dropdown-menu > li > .active {
	background: #fff;
	color: #555;
}
.dropdown-menu > .active a {
	background: #fff;
	color: #0089B7
}
.dropdown-menu  {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #0089B7;
	box-shadow: 0px 5px 10px #444;
	-webkit-box-shadow: 5px 0px 10px #444;
	-moz-box-shadow: 0px 5px 10px #444;
	position: absolute;
	top: 100%;
}
.navbar-nav {
	margin: 0 auto;
	display: table;
	table-layout: fixed;
	float:right;
} 
.navbar-nav ul {
	text-align: center;
	margin: 0;
	padding: 0px;
}
.navbar-nav > li {
	margin: 0;
	padding: 0px;
}
.navbar-nav > li > a {
	line-height: 20px;
	font-size: 13px;
	padding-bottom: 12px;
	padding-right: 14px;
	padding-left: 14px;
	padding-top: 1px;
	margin-left: 0px;
	margin-right: 0px;
	background: transparent;
	color: #535368;
	font-weight: bold;
	text-transform: uppercase
}
.navbar-nav > li > a:hover {
	background: transparent;
	color: #666;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.navbar-nav > .active a {
	background: transparent;
	color: #666;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.showPhone{ display: none}

@media (max-width: 1400px) { 
.showPhone { display: inline }

.homeSpace {
	margin: 0;
	padding: 0;
	width: 24.9%;
	padding-right: 2px
}

}

@media (max-width: 1260px) {
	
.navbar-nav > li > a {
	padding: 15px;
	padding-right: 11px;
	padding-left: 11px;
}

}

@media (max-width: 1050px) {
.navbar-nav > li > a {
	padding: 15px;
	padding-right: 8px;
	padding-left: 8px;
}

}


@media (max-width: 768px) { 
	.nophone { display: none; }

}

@media (max-width: 750px) {

}

@media (max-width: 450px) { 
    .noPhone { display: none }
}

/*  Bootstrap Clearfix */

/*  Tablet  */
@media (min-width:767px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: none;
  }
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Medium Desktop  */
@media (min-width:992px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: left;
  }
}


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

  /* Column clear fix */
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: left;
  }
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1){
    clear: left;
  }
}

