a {
  transition: .5s;
}

h2 {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-weight:normal;
}

.img-box img {
    width:100%;
    height:100%;
}

@media (min-width: 640px) and (max-width: 850px) {
    h2 {
    font-size: 16px;
  }
}
@media (min-width: 1024px)
{
    h2 {
        font-size: 2.5rem;
    }
}
a.btn{
  text-align: center;
}

body {
    margin: 0;
    padding: 0;
    background: #fefefe;
    font-family: "Trebuchet MS", Helvetica, Roboto, Arial, sans-serif;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
}

.top-header {
  height: 50px;
  font-weight: bold;
  background-color: #2e2e2e;
  position: relative;
}
.icons{
  color: white;
  right: 5%;
  font-weight: bold;
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.icons a {
  color: white;
}
.fa-shopping-cart {
  margin-right: 20px;
}

.top-header a:hover{
  color: #0dbd77;
}
.header {
  background: rgb(195,195,195);
  background: linear-gradient(0deg, rgba(195,195,195,1) 0%, rgba(255,255,255,1) 100%);
  height:88px;
}

.header a, .header a:hover, .header {
  color: #2e2e2e;
  transition: .5s;
}

.MobileNav {
    display:none;
    font-weight:bold;
}

@media (min-width: 20px) and (max-width: 600px) {
    .NavbarLinkContainer {
        display: none;
        transition: .5s;
    }
    .MobileNav {
        display: block;
    }
    .MobileNavMenu {
        
    }
}

#MobileNavMenu {
    display: none;
    background: linear-gradient(0deg, rgba(195,195,195,1) 0%, rgba(255,255,255,1) 100%);
}

.header :hover a:not(:hover){
    color:#787878;
}

.logo {
  padding-left: 5%;
}

.main-menu {
  position: relative;
}

/* Center Main Menu vertically on full screen only */
@media screen and (min-width: 640px) {
  .top-bar {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
  }
}

.header img {
  height: 75px;
}
.nav{
  height: 50px;
  background-color: #00557e;
}

.blue-bar {
  background-color: #345580;
  height: 5px;
}

.main img{
  width: 100%;
  height: 100%;
  margin-bottom:0px;
}

.main {
    padding-bottom:0px;
    margin-bottom:0px;
}

@media (max-width: 1024px) {
  .content-box {
    width:100%;
  }
  .content img{
    max-height: 450px;
  }

    .img-box {
        line-height: 0px;
        width: 100%;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .img-box img {
        display:block;
        width:100%;
    }
}
@media (min-width: 1024px) {
    .img-box {
        line-height: 0px;
        width: 50%;
        min-width: 503.5px;
        float: left;
        height: 500px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .img-box img {
        display:none;
    }

    .content-box {
        width:50%;
    }
}



.content img{
  height: 100%;
  width: 100%;
  object-fit:cover;
}

.learnmore {
  position: relative;
  height: 100px;
  background-color: #345580;
}

.learnmore a{
  font-size: 26px;
  color: white;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1% 3%;
  border-radius: 5px;
  background-color: #213652;
  transition: .6s;
}


/**Stretch learn more button on mobile**/
@media (max-width: 686px) {
  .learnmore a {
    min-width: 80%;
    padding: 2% 3%;
    transition: .6s;
  }
}

.learnmore a:visited, .learnmore a:active a:focus {
  color: white;
}

.learnmore a:hover {
  background-color: #284366;
  color: white;
}

.brands {
  padding: 20px;
  min-height: 200px;
  background-color: #2e2e2e;
  color: #0dbd77;
  text-align: center;
  font-size: 25px;
}

.brands .container {
  margin: 0;
  top: 50%;
  left: 50%;
}

.brand a {
  padding: .5% 2%;
  border-radius: 5px;
  background-color: #0dbd77;
  color: #2e2e2e;
}

.brand a:hover {
  background-color: #0fdb8a;
  color: #2e2e2e;
}

.brands h2{
  text-align: center;
  color: #0dbd77;
  font-weight: bold;
}

.video {
  background-color: #0dbd77;
  float:left;
  width:100%;
  color:black;
}

.video h2{
  font-family: "Trebuchet MS", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  margin: 0;
  top: 50%;
  left: 50%;
}

.video a {
    padding: 2px;
    color: black;
    transition: .5s;
    text-decoration: none;
}

.video a:hover{
  color:#474747
}


.footer{
  min-height: 200px;
  background-color: #2e2e2e;
  color: white;
  position: relative;
}
.footer h1{
  color: white;
  text-align: center;
}
.footer h4 {
    font-size: 21px;
    margin-bottom: 10px;
    margin-top:0px;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.footer-logo {
  text-align:center;
  align-content:center;
  padding: 10px;
  max-width:585px;
  max-height:485px;
}

.footer a {
    color: white;
    text-decoration: none;
    font-family: "Trebuchet MS", Helvetica, Roboto, Arial, sans-serif;
}

.footer .links {
  padding-top: 50px;
}

.footer-icon {
  margin-right: 10px;
}

@media (max-width: 1024px) {
  .footer-logo {
    max-width: 300px;
    margin: auto;
  }
}

#tdFootLogo {
    width:33.3%;
}

#tdFootLinks {
    width:66.6%;
}

@media screen and (max-width: 640px){
    .footer-logo {
        display: none;
    }
    #tdFootLogo {
        display:none;
    }
    #tdFootLinks {
        width:100%;
    }
}


.copyright {
  background-color: #2e2e2e;
  color: white;
}

.copyright a {
    color:white;
    text-decoration:none;
}

.copyright .cell {
  padding: 2%;
}

.copyright p {
  text-align: center;
  font-size: 14px;
}

.WhiteToGreenFadyFont {
    color:white;
    text-decoration-color:rgb(255, 255, 255);
    text-decoration-line:none;
    text-decoration-style: solid;
    transition-delay:0s;
    transition-duration:0.5s;
    transition-property:all;
    transition-timing-function:ease;
}

.WhiteToGreenFadyFont:hover {
    color: #0dbd77;
}

.NavbarLabel {
    font-weight:bold;
    color: #2e2e2e;
    text-decoration:none;
}

.NavbarLinkContainer {
    align-content:center;
    text-align:center;
    cursor:pointer;
}

input, select {
    padding:10px;
    border-radius:5px;
    margin:10px;
}

input[type=button], input[type=submit] {
    background-color: #0dbd77;
    border-style:none;
    cursor:pointer;
}

    input[type=button]:hover, input[type=submit]:hover {
        background-color: #0fdb8a;
        transition-duration: .5s;
    }

input[type=button]:disabled, input[type=submit]:disabled {
    background-color: #A1A1A1;
    cursor:default;
}

/*********Styles for account pages ************/
.LeftPanel {
    width:150px;
}



@media (max-width:900px)
{
    .LeftPanel {
        width:100%;
    }

    .MyAEContentHolder {
        width:100%;
    }
}

@media (min-width: 901px)
{
    .MyAEContentHolder {
        padding: 0px 10px 10px 10px;
        margin-left:10px;
    }
}



/*********STYLES FOR INTERIOR PAGES ***********/

.content-box-full {
  max-width:1000px;
  margin: auto;
  padding: 35px;
}

.content-box-full h1 {
  font-weight: bold;
  text-align: center;
}

.GreenBG {
    background-color: #0dbd77;
    color:black;
}

.CharcoalBG {
    background-color: #2e2e2e;
    color:white;
}

.CharcoalBG a {
    color: white;
    text-decoration:none;
}

.TitleFont {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.NormalFont {
    font-family: "Trebuchet MS", Helvetica, Roboto, Arial, sans-serif;
}

.MonitorOnly {
    display:inline-block;
}

td.MonitorOnly {
    display: table-cell;
}

.MobileOnly {
    display:none;
}

@media (max-width: 600px) {
    .MobileOnly {
        display:inline-block;
    }

    .MonitorOnly {
        display:none;
    }

    td.MonitorOnly {
        display:none;
    }
}