@charset "utf-8";
/* CSS Document */
body {
	background-color: #0d4ea2;
	background-image: url(../images/auto-wheel.jpg);
}
.mandoCatBar {
	color: #ffffff;
	margin: 0px 8px 8px 8px;
	border-radius: 10px;
	font-size: 18px;
	background: rgba(13, 78, 162, 0.5);
	width:95%;
	padding: 10px 0px 10px 15px;
}
.mandoCat {
	color: #000000;
	border-radius: 10px;
	font-family: sans-serif;
	background-color: rgba(255, 255, 255, 0.5);
	width: 95%;
	padding: 10px 0px 10px 0px;
	box-shadow: 0 0 20px #505050;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
.myFormBox {
	color: #000000;
	border-radius: 10px;
	font-family: sans-serif;
	background-color: rgba(255, 255, 255, 0.5);
	width: 95%;
		box-shadow: 0 0 20px #505050;

  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
.mandoFmLbl {
	margin-left: 16px;
}
.mandoFm {
	color: #ffffff;
}
.mandoFmBar {
	color: #ffffff;
	margin: 8px 8px 8px 8px;
	border-radius: 10px;
	font-size: 18px;
	background: rgba(13, 78, 162, 0.5);
	width:95%;
	padding: 8px 0px 10px 15px;
}
input, textarea {
    background-color:#ffffff;
}
.form-group {
	padding: 0px 10px 0px 8px;
}
.form-control { 
	border-radius: 10px;
	height: 20px;
	width:100%;
}
.mandoEmailBar {
	color: #fff;
	font-size: 18px;
	background: rgba(13, 78, 162, 0.5);
	border-radius: 10px;
	width:100%;
	margin-top: 29px;
	padding: 8px 0px 10px 15px;
}
.mandoEmail {
	background: #ffffff;
	margin-top: 20px;
	border-radius: 10px;
	padding: 10px 0px 15px 15px;
	width:100%;
}
.mandoVid {
	margin-top: 20px;
}

a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
.carousel { z-index: -99; } /* keeps this behind all content */
.carousel .item {
	width: 100%; 
	height: 100%;
	margin-top: 18px;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
/*not sure needed
.carousel .contactPg {
    background-image: url(../images/contact-mando-auto-parts.jpg);
    background-size: cover;
    -moz-background-size: cover;

}


.carousel .active.left {
    left:0;
    opacity:0;
    z-index:2;
}
*/
.carousel .active {
opacity: 1 !important;
}
.carousel .left {
opacity: 1 !important;
-webkit-transition: opacity 0.5s  !important;
-moz-transition: opacity 0.5s  !important;
-ms-transition: opacity 0.5s  !important;
-o-transition: opacity 0.5s  !important;
transition: opacity 0.5s  !important;
}
@media (max-width:767px) {
    #myCarousel {
        display:none !important;
    }
}
.navbar-custom {
    color: #FFFFFF;
    background-color: #0d4ea2;
    text-align: center;
	border:0;
	font-size: 100%;
	padding-bottom: 0px;
	box-shadow: 0 0 30px #505050;
}
.navbar-custom-home {
    color: #FFFFFF;
	background-color: transparent;
    background: transparent;
    border-color: transparent;
    text-align: center;
	border:0;
	font-size: 100%;
	padding-bottom: 0px;

}
.navbar-header {
	padding-right: 5%;
}
.navbar-default {
	margin:0px;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 30px 50px 0px 50px;
}
.cpyrtBx {
	text-align: right;
	color: #ffffff;
	font-size: 12px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	padding-right: 20px;
}
.cpyrtBx a:hover, a:active, a:focus {
	color:#ffffff;
}
.cpyrtBx a:link {
	color:#ffffff;
}
.cpyrtBx a:visited {
	color:#ffffff;
}
.spcBx {
	padding-top: 4px;
}
.btn-primary {
	text-align: right;
	margin-right: 8px;
	border-radius: 10px;
	font-size: 100%;
	font-color:#ffffff;
	background: rgba(13, 78, 162, 0.5);
	border:0;
}
.clearClass { 
	clear: both; 
}
.colmMarg {
	margin-top: 0px;
}
.prodImg {
	margin-bottom: 20px;
	margin-left: 1px;
	margin-right: 1px;
}
.privacyPg {
	padding: 20px 20px 20px 20px;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 10px;
}
.productTtl {
	font-size: 18px;
	background: rgba(13, 78, 162, 0.3);
	border-radius: 10px;
	color: #ffffff;
	padding: 8px 0px 10px 15px;
	margin: 30px 15px 0px 15px;
}
.widgetBxPad {
	color: #ffffff;
	padding-right: 8px;
}
.sidebar-right .main{
  float:left;
}
.sidebar-right .sidebar{
  float:right;
}