body {font-family: Raleway, sans-serif; background-color: #fff; color: #58595b; line-height: 1.3;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: 'Roboto Slab', sans-serif;color: #003052;}
h1, .h1 {font-size: 1.8rem; font-weight: bold;}
h2, .h2 {font-size: 1.6rem; }
h3, .h3 {font-size: 1.4rem; }
h4, .h4 {font-size: 1.2rem; }
h5, .h5 {font-size: 1.1rem; }
h6, .h6 {font-size: 1rem; }

.h1.whiteText,
.h2.whiteText {
  color: #fff;
}


.orangeButton {
  background-image: url(/assets/landing/images/landingButton-on.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  height: 62px;
  width: 191px;
  margin: 0 auto;
  line-height: 52px;
  font-size: 16px;
  text-indent: -30px;
  color: #fff;
}

:hover.orangeButton {
  background-image: url(/assets/landing/images/landingButton.png);
  text-decoration: none;
  color: #009ec8;
}

.switchPage :hover.orangeButton {color: #D24446;}

/*.switchPage .blueText,
.switchPage .blueText a {
  color: #D24446;
}*/

.switchPage .blueBoxButton:hover,
.switchPage .categoryLink:hover .blueBoxButton {
  background: #D24446;
}

.switchGray {color: #445155;}

.slick-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 41px;
  height: 41px;
  display: block;
  border: none;
  text-indent: -9999px;
  z-index: 1000;
}

.slick-prev {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  background: url(/assets/am/images/leftArrow.png) no-repeat;
}

:hover.slick-prev {
  background: url(/assets/am/images/leftArrow-on.png) no-repeat;
}

.slick-next {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -20px;
  background: url(/assets/am/images/rightArrow.png) no-repeat;
}

:hover.slick-next {
  background: url(/assets/am/images/rightArrow-on.png) no-repeat;
}


.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;

  list-style-type: none;
  position: absolute;
  bottom: -10px;
  left: 20px;
  right: 20px;
}

.slick-dots li {
  margin: 0 0px;
  line-height: 1;
}

.slick-dots button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  background: transparent;
  margin: 0 3px;
  padding: 0;
  text-indent: -9999px;

}

.slick-dots li.slick-active button {
  background-color: #222b37;
}

.slick-dots button:focus {
  outline: none;
}



/* --------------------------------------------------------
    Header
   -------------------------------------------------------- */

.video_container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}

.video_container iframe,
.video_container object,
.video_container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#breadcrumbs {color: #aeb0b2; font-size: .9rem;}

.header3fpLogo {width: 150px; margin: 0 auto;}

/* --------------------------------------------------------
    Footer
   -------------------------------------------------------- */
.footerLinks, .footerLinks a {
  color: #aeb0b2;
  line-height: 1.3;
}

.mailChimpForm {border-top: solid 1px #009ec8; border-bottom: solid 1px #009ec8; padding: 20px 0;}
.mailChimpForm .h1 {font-size: 3em;}

/* --------------------------------------------------------
    Navigation
   -------------------------------------------------------- */

.navbar {
  padding: .75rem 0 0;
}

a.nav-link {
  color: #231f20;
  font-size: 1.1rem;
  font-family: 'Roboto', sans-serif;
}

a:hover.nav-link,
a.nav-link.active {
  background-color: #fff;
}

.navbar-toggler {
  padding: .25rem 0rem;
  font-size: 1.5rem;
  color: #002E66;
}

.dropdown-menu {background: #009ec8;border-radius: 0;}
a.dropdown-item {color: #fff;}
a:hover.dropdown-item, a.active.dropdown-item {background: #003052; color: #fff;}

.pageNav #navbarPageContent:before {
  content: "";
  width: 100%;
  border-bottom: solid 5px #aeb0b2;
  position: absolute;
  bottom: 0;
}

/* --------------------------------------------------------
    HOME
   -------------------------------------------------------- */
#homeBoxes {z-index: 2;}

.homeBox {
  background-color: #fff;
  border-radius: 25px;
  border: solid 5px #939598;
  color: #009ec8;
  margin: 20px 0;
}

:hover.homeBox {
  margin: 0px 0;
  padding: 20px 0;
  background-color: #009ec8;
  border-color: #f78206;
  color: #fff;
  cursor: pointer;
}

:hover.homeBox:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 13px;
  background: url(/assets/am/images/homeBoxHoverLine.png) no-repeat center center;
  overflow: hidden;
}

.homeBoxTitle {color: #009ec8; font-size: 1.8rem;}

.homeBox .homeBoxImage {display: inline-block; max-height: 53px;}
.homeBox .homeBoxImageHover {display: none; max-height: 53px;}


:hover.homeBox .homeBoxImage {display: none;}
:hover.homeBox .homeBoxImageHover {display: inline-block;}
:hover.homeBox .homeBoxTitle {color: #fff;}

#home3fp {background: #000;}


#home3fp {
  padding: 2em 0;
  background: #000 url(/assets/am/images/TrensorCarBkgd.jpg) no-repeat center center;
  background-size: contain;
}

#home3fp .darkBlueText {color:#020202; }

.home3fpButtons {
  background: #D34446;
}

.home3fpButtons .whiteBorder {
  border: solid 1px #fff;
}


a.homeSwitchButton {background: #fff; color: #020202; text-align: center;}
a:hover.homeSwitchButton {color: #fff; background: #445155; text-decoration: none;}
/* --------------------------------------------------------
    COMPANY
   -------------------------------------------------------- */
.companyBox {
  border-radius: 25px;
  border: solid 5px #939598;
  color: #fff;
}

.companyBox a {color: #fff;}

:hover.companyBox {
  border-color: #f78206;
  color: #fff;
  cursor: pointer;
}

:hover.companyBox a {
  text-decoration: none;
}

.companyBoxTitle {color: #fff; font-size: 1.8rem;}

.blueButton {
  background: #009ec8;
  padding: 5px 20px;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  border-radius: 25px;
  font-size: .9em;
}

:hover.blueButton {
  background: #f78206;
  text-decoration: none;
}

.whiteButton {
  background: #fff;
  padding: 5px 20px;
  margin: 0 auto;
  font-size: 16px;
  color: #000;
  border-radius: 25px;
  font-size: .9em;
}

:hover.whiteButton {
  background: #009ec8;
  text-decoration: none;
}

.darkBlueButton {
  background: #222b37;
  padding: 5px 20px;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  border-radius: 25px;
  font-size: .9em;
}

:hover.darkBlueButton {
  background: #009ec8;
  text-decoration: none;
}

:hover.companyBox .blueButton {background: #f78206;}

.iconBox {
  background: #f8f8f8;
  border-radius: 15px;
  color: #6d6e71;
}

.iconBox .iconTitle {
  color: #f78206;
  font-size: 1.5em;
}



#frmResume {
  margin: 10px auto;
  border: solid 1px #009ec8;
  padding: 20px;
}

#frmResume .btn {margin-top: 20px;}

.contact_Map {width: 100%;height: 400px;}

.form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aeb0b2;
  opacity: 1;
  font-size: .9em;
  /* Firefox */
}

.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #aeb0b2;
  font-size: .9em;
}

.form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #aeb0b2;
  font-size: .9em;
}

.disclaimer {font-size: .9em; margin: 5px 0;}

#frmContact input.form-control {margin-bottom: 5px; border-radius: 0; }
#frmContact .col-md-6, #frmContact .col-md-12 {padding-left: 2px; padding-right: 2px;}

#frmContact .button {
  border-radius: 0;
  background: #003052;
  font-size: 1.5rem;
  margin-left: -4px;
  height: 40px;
  line-height: 40px;
  border: none;
  color: #fff;
  margin-top: 10px;
}

#frmContact select.unselected {
  color: #aeb0b2;
}



/* --------------------------------------------------------
    RESOURCES
   -------------------------------------------------------- */


.postItem {background: rgba(255, 255, 255, .8)}
#resourcesCarousel .slick-slide {margin: 0 5px;}
#resourcesCarousel .slick-list {margin: 0 -5px;}

.postGrid .postItem  {border: solid 1px #aeb0b2;}
.postGrid .postItem .resourceThumbList {border-top: solid 5px #939598;}

.postGrid a:hover {text-decoration: none;}

.postGrid.older .postItem {border: none;}
.postGrid.older::after {
  content: "";
  margin: 5px 0;
  border-right: solid 1px #dee2e6;
}

/* --------------------------------------------------------
    PRODUCTS
   -------------------------------------------------------- */

.marketTabs a.nav-link {
  color: #fff;
  font-size: 1.5rem;
  font-family: 'Roboto Slab', sans-serif;
}

.marketSection .h1 {font-size: 3rem;}
.marketSection {font-size: 1.2em;}
.marketSection .darkBlueButton {font-size: 1rem;}


.typeBoxContent {
  position: absolute;
  top: 0px;
  height: 100%;
  margin: 25px 0 0;
  left: 10px;
  width: 50%;
}
.typeBoxContent .typeBoxContentTitle {font-size: 2.3em;}

.typeBox img.hoverImage {display: block;}
.typeBox img.hoverImage.hover {display: none;}

:hover.typeBox img.hoverImage {display: none;}
:hover.typeBox img.hoverImage.hover {display: block;}

a.categoryLink, .categoryLink {
  text-decoration: none;
  border: solid 1px #aeb0b2;
  border-radius: 15px;
  color: #aeb0b2;
}

a:hover.categoryLink {
  text-decoration: none;
  background: #aeb0b2;
  color: #000;
}

a.categoryLink img.hoverImage {display: block;}
a.categoryLink img.hoverImage.hover {display: none;}

:hover.categoryLink img.hoverImage {display: none;}
:hover.categoryLink img.hoverImage.hover {display: block;}

#categoriesCarousel .slick-slide {margin: 0 3px;}
#categoriesCarousel .slick-list {margin: 0 -3px;}

.productDetailThumb {
  background: #009ec8;
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
}

.switchPage .productDetailThumb {
  background: #445155;
}


.productDetailThumb.other {
  background: #fff;
  border:solid 1px #aeb0b2;
}

.grayButton {
  background: #6a6a6a;
  color: #6a6a6a;
  padding: 5px 20px;
  margin: 0 auto;
  font-size: 16px;
  border-radius: 25px;
  font-size: .9em;
}

.blueBoxButton {
  background: #6a6a6a;
  padding: 10px 20px;
  font-size: 16px;
  font-size: .9em;
  overflow: hidden;
  margin-right: -1px;
}

.blueBoxButton:hover, .categoryLink:hover .blueBoxButton {
  background: #009ec8;
}

a.categoryLink .grayButton {color: #f2f0f0;}


:hover.grayButton,
:hover.categoryLink .grayButton {
  background: #009ec8;
   color: #fff;
  text-decoration: none;
}

a.categoryImage {
  background: #fff;
}
a:hover.categoryImage {background: #efefef; }

nav>.nav.nav-tabs {

  border: none;
  color: #fff;
  background: #fff;
}

nav>div a.nav-item.nav-link {
  border: solid 1px #fff;
  padding: 10px 25px;
  color: #fff;
  background: #009ec8;
}

.tab-content {
  background: #e7e8e8;
  border: 1px solid #fff;
}

nav>div a.nav-item.nav-link:hover,
nav>div a.nav-item.nav-link:focus,
nav>div a.nav-item.nav-link.active {
  border: none;
  background: #10d0ec;
  color: #fff;
  transition: background 0.20s linear;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* Small devices (landscape phones, 576px and up) */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media (min-width: 576px) {

}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media (min-width: 768px) {

h1, .h1 {font-size: 1.8rem; }
h2, .h2 {font-size: 1.6rem; }
h3, .h3 {font-size: 1.4rem; }
h4, .h4 {font-size: 1.2rem; }
h5, .h5 {font-size: 1.1rem; }
h6, .h6 {font-size: 1rem; }

.header3fpLogo {width: 220px; margin: 0 0 0 auto;}

  .headerTitle {
    font-size: 2.5rem;
    padding-top: 2.5rem;
  }


  .slideText {
    padding-top: 40px;
  }


  .slick-next {
    right: -31px;
  }

  .slick-prev {
    left: -31px;
  }

  #frmResume {
    width: 60%;
  }

  #homeBoxes {
    margin-top: -80px;
    background-color: transparent;
  }

  #frmResume {width: 60%;}
  .contact_Map {height: 350px;}

  .typeBoxContent .typeBoxContentTitle {
    font-size: 1em;
    line-height: 1.1;
  }

  .navbar-nav li:hover>ul.dropdown-menu {
    display: block;
  }

  .dropdown-menu {
    margin: 0;
  }

  .dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
  }

  /* rotate caret on hover */
  .dropdown-menu>li>a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
  }

}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* Large devices (desktops, 992px and up) */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media (min-width: 992px) {

  header {background:url(/assets/am/images/menuBackground.png); position: absolute; left: 0; top: 0;z-index: 1000; width: 100%; background-size: cover;}

  .slideBackground {min-height: 400px;}

  a.nav-link {border-bottom: solid 5px transparent; padding-bottom: 0;}
  a:hover.nav-link, a.active.nav-link {border-color: #009ec8;background: transparent; position: relative;}

  nav .container {padding-right: 0;}


  h1, .h1 {font-size: 1.8rem; }
h2, .h2 {font-size: 1.6rem; }
h3, .h3 {font-size: 1.4rem; }
h4, .h4 {font-size: 1.2rem; }
h5, .h5 {font-size: 1.1rem; }
h6, .h6 {font-size: 1rem; }

.headerTitle {
  margin-top: 113px;
  font-weight: bold;
}

.typeBoxContent .typeBoxContentTitle {
  font-size: 1.8em;
  line-height: 1.1;
}

}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* Extra large devices (large desktops, 1200px and up) */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media (min-width: 1200px) {

  a.nav-link {
    font-size: 1.2rem;
  }

  h1, .h1 {font-size: 1.8rem; }
h2, .h2 {font-size: 1.6rem; }
h3, .h3 {font-size: 1.4rem; }
h4, .h4 {font-size: 1.2rem; }
h5, .h5 {font-size: 1.1rem; }
h6, .h6 {font-size: 1rem; }

.headerTitle {
  font-size: 3rem;
}

}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* Custom media queries */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* Set width to make card deck cards 100% width */
@media (max-width: 992px) {

}

@media (max-width: 767px) {



}