.navbar {
  margin-bottom: 0;
  border-radius: 0;
  background-color: white;
  color: #020887;
  font-size: 14pt;
  font-family: 'Arial', sans-serif;
}
  /* Remove the navbar's default margin-bottom and rounded borders */

.navbar-toggle
{
  color: #020887;
  background-color: #b3b6b7;
}

.menubutton {
  color: #020887;
  background-color: #ffffff;
  font-size: 11pt;
}

.menubutton .icon-bar {
  color: #b3b6b7;
  background-color: #020887;
}

.navbar-brand {
  color: #020887;
  font-size: 12pt
}

.navbar-brand i {
  color: #d5573b;
}

.logo {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.email-box {
  padding-top: 20px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: #020887;

}
.email-box i {
  color: #d5573b;
}

.mainpage-text {
  color: #393e41;
  font-size: 14pt;
}

.mainpage-text a {
  color: #d5573b;
}

.mainpage-text a:hover {
    color: #d5573b;
}
.well {
  border-color: #d5573b;
}

p.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}
p.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

header {
border-bottom: 2px solid #d5573b;
}

a {
  color: #020887;
}

a:hover {
    color: #020887;
}

/* Add a gray background color and some padding to the footer */
footer {
  background-color: #020887;
  color: #b3b6b7;
  padding: 10px;
}

.carousel-inner img {
  width: 100%; /* Set width to 100% */
  margin: auto;
  min-height:180px;
}

.carousel-caption {
color: #393e41;
}

#myCarousel {
  margin-bottom: 20px;
}

#tractors {
  margin-top: 40px;
}
#contact-form {
  margin-top: 40px;
}

/* Hide the carousel text when the screen is less than 600 pixels wide */
@media (max-width: 600px) {
.carousel-caption {
  display: none;
}
}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

/*.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
*/
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
@media (min-width: 768px) {
  .dropdown-menu li:hover .sub-menu {visibility: visible;}
}

@media (min-width: 768px) {
  .dropdown:hover .dropdown-menu {display: block;}
}