/*
* Melitron Styles
*/


/* Table of contents
- Font Declarations
- Base Styles
- Typography
- Links
- Padding Adjust
- Displace
- Superheader
- Header
- Hero
- Mobile Hero
- Breadcrumb
- Content
- Formats
- Features
- Contact Us
- Index
- Jobs
- Form
- Footer
- Footer V2
- ISKPRO > Buttons
- ISKPRO > Forms
- ISKPRO > Lists
- ISKPRO > Utilities
- ISKPRO > Misc.
- ISKPRO > Clearing
- ISKPRO > Media Queries
*/

/* Font Declarations */
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3c127a");

@font-face {
  font-family: 'AvenirNextLTPro-Bold';
  src: url('../fonts/AvenirNextLTPro-Bold/font.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-Bold/font.woff') format('woff');
}
@font-face {
  font-family: 'AvenirNextLTPro-BoldIt';
  src: url('../fonts/AvenirNextLTPro-BoldIt/font.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-BoldIt/font.woff') format('woff');
} 
@font-face {
  font-family: 'AvenirNextLTPro-Demi';
  src: url('../fonts/AvenirNextLTPro-Demi/font.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-Demi/font.woff') format('woff');
} 
@font-face {
  font-family: 'AvenirNextLTPro-DemiIt';
  src: url('../fonts/AvenirNextLTPro-DemiIt/font.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-DemiIt/font.woff') format('woff');
}
@font-face {
  font-family: 'AvenirNextLTPro-Medium';
  src: url('../fonts/AvenirNextLTPro-Medium/font.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-Medium/font.woff') format('woff');
}
@font-face {
  font-family: 'AvenirNextLTPro-MediumIt';
  src: url('../fonts/AvenirNextLTPro-MediumIt/font.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-MediumIt/font.woff') format('woff');
}
@font-face {
  font-family: 'AvenirNextLTPro-Regular';
  src: url('../fonts/AvenirNextLTPro-Regular/font.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-Regular/font.woff') format('woff');
}
@font-face {
  font-family: 'AvenirNextLTPro-It';
  src: url('../fonts/AvenirNextLTPro-It/font.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-It/font.woff') format('woff');
}
@font-face {
  font-family: 'AvenirNextLTPro-Light';
  src: url('../fonts/AvenirNextLTPro-Light/font.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-Light/font.woff') format('woff');
}
@font-face {
  font-family: 'AvenirNextLTPro-LightIt';
  src: url('../fonts/AvenirNextLTPro-LightIt/font.woff2') format('woff2'), url('../fonts/AvenirNextLTPro-LightIt/font.woff') format('woff');
}

.brand-primary{
  color:#441464;
  line-height: 80px;
}
.nextend-thumbnail-inner{
  padding-top: 0;
}
/* Base Styles */
html { }
body {
  font-family: "AvenirNextLTPro-Regular";
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  line-height: 22px;
  color: #3d3d3f;
  letter-spacing:-.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #eeefef;
}
.mobileShow {
  display: block;
}
.desktopShow {
  display: none;
}


textarea{resize: none;}
/* Larger than tablet */
@media (min-width: 920px) {
  html { }
  body {
	font-size: 17px;
	line-height: 22px;
  }
  .mobileShow {
	display: none;
  }
  .desktopShow {
	display: block;
  }

  .telNumber{display: inline-block;}
}

/* Typography */
strong, b {
	font-family: "AvenirNextLTPro-Demi";
	font-weight: normal !important;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0; }
h1 { font-family: "AvenirNextLTPro-Regular"; font-weight: normal; font-style: normal; font-size: 32px; line-height: 34px; letter-spacing: -.02em; color: #ffffff; margin-bottom: 20px; }
h2 { font-family: "AvenirNextLTPro-Regular"; font-weight: normal; font-style: normal; font-size: 29px; line-height: 32px; letter-spacing: -.01em; color: #441464; margin-bottom: 33px; }
h3 { font-family: "AvenirNextLTPro-Medium"; font-weight: normal; font-style: normal; font-size: 19px; line-height: 22px; letter-spacing: -.01em; color: #0089cd; margin-top: 10px; margin-bottom: 12px; }
h4 { font-family: "AvenirNextLTPro-Demi"; font-weight: normal; font-style: normal; font-size: 17px; line-height: 22px; letter-spacing: -.01em; color: #441464; margin-bottom: 0; }
h5 { font-family: "AvenirNextLTPro-Demi"; font-weight: normal; font-style: normal; font-size: 17px; line-height: 22px; letter-spacing: -.01em; color: #3d3d3f; margin-bottom: 0; }
.h5Pad {
  margin-bottom: 18px;
}
h6 { font-family: "AvenirNextLTPro-Medium"; font-weight: normal; font-style: normal; font-size: 14px; line-height: 52px; letter-spacing: -.01em; color: #3d3d3f; margin-bottom: 0; }

/* Larger than tablet */
@media (min-width: 920px) {
  h1 { font-size: 41px; line-height: 44px; }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
  h1 { font-size: 50px; line-height: 54px; }
  h2 { font-size: 35px; line-height: 40px; }
  h3 { font-size: 21px; line-height: 24px; margin-top: 0; margin-bottom: 18px; }
  h4 { font-size: 19px; line-height: 24px; }
  h5 { font-size: 19px; line-height: 24px; }
}

p { margin-top: 0; }
  
.readMore {
  font-family: "AvenirNextLTPro-Demi";
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  color: #441464;
}

/* Links */
a {
  color: #441464;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* Padding Adjust */
.padTop {
  padding-top: 40px !important;
}
.padBottom {
}
.minpadBottom {
  padding-bottom: 0 !important;
}

/* Larger than tablet */
@media (min-width: 920px) {
  .padTop {
    padding-top: 60px !important;
  }
  .padBottom {
    padding-bottom: 75px !important;
  }
  .minpadBottom {
	padding-bottom: 25px !important;
  }
}

/* Displace (pad for header depth) */
#Displace {
  margin: 0;
  padding: 0;
  height: 86px;
}

/* Larger than tablet */
@media (min-width: 920px) {
  #Displace {
	height: 114px;
  }
}

/* Superheader */
#Superheader {
  position: fixed;
  z-index: 300;
  width: 100%;
  height: 36px;
  background-color: #696c74;
  overflow: hidden;
}
#Superheader a {
  color: #ffffff;
}
#Superheader a:hover {
  text-decoration: underline;
  color: #ffffff;
}
.telNumber {
  display: inline-block;
  margin-top: 13px;
  margin-right: 20px;
  font-family: 'AvenirNextLTPro-Medium';
  font-weight: normal;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
  color: #ffffff;
}
.tollNumber {
  display: inline-block;
  margin-top: 13px;
  font-family: 'AvenirNextLTPro-Medium';
  font-weight: normal;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
  color: #ffffff;
}
.superLinks {
  margin-top: -6px;
  text-align: right;
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  color: #ffffff;
}
.superLinks ul {
  margin-left: 0;
  padding-left: 0;
}
.superLinks ul li {
  display: inline-block;
}
.superLinks li {
  margin-left: 25px;
}
.superSearch {
  vertical-align: sub;
  cursor: pointer;
}

/* Larger than tablet */
@media (min-width: 920px) {
  .telNumber {
	display: inline-block;
  }
}

/* Header */
#Header {
  position: fixed;
  margin-top: 36px;
  z-index: 300;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.headerLogo {
  margin-top: 12px;
  width: 128px;
  height: 23px;
  cursor: pointer;
}
.headerLinks {
  margin-top: 55px;
  text-align: right;
  font-size: 17px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
  color: #000000;
}
.headerLinks a {
  color: #000000;
}
.headerLinks a:hover {
  text-decoration: none;
}
.headerLinks .sub-menu a:hover {
  text-decoration: underline;
}
.headerLinks ul {
  margin-left: 0;
  padding-left: 0;
}
.headerLinks ul li {
  display: inline-block;
}
.headerLinks li {
  margin-left: 50px;
}
.headerHilite {
  color: #441464 !important;
}
.menuIcon {
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
}

/* Larger than tablet */
@media (min-width: 920px) {
  #Header {
	height: 78px;
  }
  .headerLogo {
	margin-top: 22px;
	width: 160px;
	height: 29px;
  }
}

/* Hero */
#Hero , #Hero .slick-slide{
  min-height: 240px; 
  background-color: #ffffff;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover !important;
  background-position:top right !important;
}
.heroBox {
  display: none;
  margin-top: 70px;
  margin-bottom: 50px;
  padding: 58px 40px 35px 40px;
  font-size: 19px;
  line-height: 24px;
  color: #fff;
  background-color: rgba(60, 15, 107, 0.9);
}
.heroBox h2{
  font-size: 19px;
  line-height: 24px;
  color: #fff;
}
.heroBox a {
  color: #ffffff;
  text-decoration: none;
}
.heroBox a:hover {
  text-decoration: underline;
}

/* Larger than tablet */
@media (min-width: 920px) {
  #Hero, #Hero .slick-slide{
	min-height: 500px;
    background-position:top center !important;
  }
  .heroBox {
	display: block;
  }
}

/* Mobile Hero */
#Mobilehero {
  display: block;
  padding-top: 40px;
  padding-bottom: 25px;
  color: #c0c2c6;
  background-color: #441464;
}
#Mobilehero a {
  color: #ffffff;
  text-decoration: none;
}
#Mobilehero a:hover {
  text-decoration: underline;
}

/* Larger than tablet */
@media (min-width: 920px) {
  #Mobilehero {
	display: none;
  }
}

/* Breadcrumb */
#Breadcrumb {
  padding-top: 22px;
  height: 70px;
  font-family: 'AvenirNextLTPro-Medium';
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  background-color: #ffffff;
}
#Breadcrumb a {
  color: #441464;
  text-decoration: none;
}
#Breadcrumb a:hover {
  text-decoration: underline;
}

/* Larger than tablet */
@media (min-width: 920px) {
  #Breadcrumb {
	height: 90px;
  }
}

/* Content */
#Content {
  padding-bottom: 40px;
  background-color: #ffffff;
}
.columnAdjust {
  padding-top: 5px;
}
.textIntro {
  margin-bottom: 30px;
  font-weight: 300;
  font-size: 23px;
  line-height: 30px;
  color: #441464;
}

.featuresHeading {
  margin-bottom: 30px;
  font-weight: 300;
  font-size: 23px;
  line-height: 30px;
  color: #fff;
}

.imageFeature {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* Larger than tablet */
@media (min-width: 920px) {
  #Content {
	padding-bottom: 60px;
  }
  .textIntro,.featuresHeading {
	font-size: 27px;
	line-height: 36px;
  }
  .imageFeature {
	margin-top: 0;
	margin-bottom: 0;
  }

}

/* Formats */
#Formats {
  padding-bottom: 30px;
  background-color: #ffffff;
}
#Formats .displayFormat {
  margin-bottom: 25px;
}
#Formats .formatImage {
  margin-bottom: 15px;
}
/* Larger than tablet */
@media (min-width: 920px) {
  #Formats {
	padding-bottom: 20px;
  }
  #Formats .columns {
    margin-left: 2%;
  }
  #Formats .column:first-child,
  #Formats .columns:first-child {
    margin-left: 0;
  }
  #Formats .displayFormat {
	margin-bottom: 25px;
  }
  #Formats .formatImage {
    margin-bottom: 20px;
  }
}

/* Features */
#Features {
  padding-top: 20px;
  padding-bottom: 50px;
  color: #fff;
  background-color: #441464;
}
#Features .displayFeature {
  margin-bottom: 25px;
}
.displayFeature h3,.displayFormat h3 a{
  color: #54c0e8;
}



#Features .featureIcon {
  margin-bottom: 10px;
}
#Features a.boxedButton {
  margin-top: 20px;
  padding: 13px 25px 8px 25px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #441464;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  background: #fff;
}
#Features a.boxedButton:hover {
  background: #00aeef;
}
/* Larger than tablet */
@media (min-width: 920px) {
  #Features {
	padding-top: 40px;
  }
  #Features .columns {
    margin-left: 2%;
  }
  #Features .column:first-child,
  #Features .columns:first-child {
    margin-left: 0;
  }
  #Features .displayFeature {
	padding-right: 2%;
  }
  #Features .featureIcon {
    margin-bottom: 20px;
  }
}

/* Contact Us */
#ContactUS {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  background-color: #00a7e1;
}

#ContactUS a.boxedButton {
  margin-top: 20px;
  padding: 13px 25px 8px 25px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #441464;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  background: #fff;
}
#ContactUS a.boxedButton:hover {
  background: #00aeef;
}



/* Larger than tablet */
@media (min-width: 920px) {
  #ContactUS {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

/* Kiosk Video */
#KioskVideo{
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
}
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

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

/* Kiosk Image */
#KioskImage{
  background-color: #e2e2e2;
}

/* Learn More */
#LearnMore{
  background-color: #dbdcde;
  padding-top: 20px;
}
#LearnMore .adHeader{
}

#LearnMore .adHeaderText{
  color: #441464;
  font-family: "AvenirNextLTPro-Regular";
  font-weight: normal;
  font-style: normal;
  font-size: 29px;
  line-height: 32px;
  letter-spacing: -.01em;
  padding-top: 0px;
}
 #LearnMore .adHeaderText p{
  margin-bottom: 10px;
 }

#LearnMore .button{
  background-color: #441464;
  color: #fff;
  border: none;
  text-decoration: none;
  line-height: 40px;
  margin-top: 0;
}
#LearnMore .button:hover{
  background-color: #fff;
  color: #441464;
}

@media (min-width: 920px) {
  #LearnMore .button{
  }
  #LearnMore{
    padding-top: 40px;
  }
  #LearnMore .adHeaderText{
    font-size: 35px;
    line-height: 38px;
    padding-top: 0px;
    padding-right: 20px;
  }
  #LearnMore .adHeader{
    display: flex;
    flex-direction: row;
  } 
}

/* News */
#news{
  padding-bottom: 40px;
	padding-top: 50px;
  background-color: #ffffff;
}
#news .columns.six{
	width:50%;
}
.newsHeader{
	display:flex;
	align-items:flex-end;
}
.newsHeader p{
	margin-bottom:33px;
	text-align:right;
	line-height: 34px;
}
.newsColumn{
	float: left;
  box-sizing: border-box;
  width: 30%;
}
.newsColumn p{
	margin-top:10px;
	margin-bottom:10px;
}
.newsColumnSpacer{
	float: left;
  box-sizing: border-box;
  width: 5%;

}
/* Index */
#Index {
  padding-bottom: 20px;
  background-color: #ffffff;
}
#Index .readMore {
  margin-bottom: 30px;
}
.imageThumbnail {
  max-width: 280px;
  margin-bottom: 5px;
}
#Index .newsImage {
  margin-bottom: 10px;
}
.newsHero {
  margin-top: -20px;
  margin-bottom: 25px;
}
.newsCaption {
  margin-top: -20px;
  margin-bottom: 25px;
  font-family: "AvenirNextLTPro-Demi";
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  line-height: 18px;
}
.rightPad {
  padding-right: 0;
}
#Index .padBottom {
  padding-bottom: 35px !important;
}

/* Larger than tablet */
@media (min-width: 920px) {
  #Index {
	padding-bottom: 30px;
  }
  #Index .readMore {
	margin-bottom: 70px;
  }
  .imageThumbnail {
	max-width: 280px;
	margin-bottom: 20px;
  }
  .rightPad {
	padding-right: 5%;
  }
  #Index .padBottom {
    padding-bottom: 35px !important;
  }
}

/*Jobs */
#Jobs {
  padding-bottom: 30px;
  background-color: #ffffff;
}
.contentToggle {
  position: relative;
}
.jobsCategory {
  cursor: pointer;
}
.toggleButton {
  display: block;
  position: absolute;
  right: 0;
  top: 20px;
  width: 17px;
  height: 17px;
  cursor: pointer;
  background-image: url(../images/melitron-careers-toggle-plus.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
#manufacturingHidden {
  margin-top: 40px;
  padding-left: 20px;
}
#professionalsHidden {
  margin-top: 40px;
  padding-left: 20px;
}
#studentsHidden {
  margin-top: 40px;
  padding-left: 20px;
}
.jobID {
  color: #3d3d3f;
}
.jobID:hover {
  color: #441464;
}

/* Larger than tablet */
@media (min-width: 920px) {
  #Jobs {
	padding-bottom: 50px;
  }
 /*  .toggleButton {
	display: block;
  } */
  #manufacturingHidden {
	padding-left: 30px;
  }
  #professionalsHidden {
	padding-left: 30px;
  }
  #studentsHidden {
	padding-left: 30px;
  }

  .three.columns{padding: 0 12px;}
}

/* Form */
#Form {
  padding-bottom: 30px;
  background-color: #ffffff;
}
#Form button {
  margin-bottom: 50px;
}
.formRequired {
  color: #0089cd;
}
.formLabel {
  margin-bottom: 5px;
}
.googleMap {
  margin-top: 25px;
  margin-bottom: 25px;
}

#Form form .row{margin: 0 -10px;}
#Form form .row .six{padding: 0 10px;}
#Form form .row .six input ,#Form form .row .six select{padding: 10px; height: 42px;}
#Form form .row textarea{resize: none;  background: #eeefef !important;}
#Form form .row:nth-of-type(5){margin: 0;}


/* Larger than tablet */
@media (min-width: 920px) {
  #Form {
	padding-bottom: 30px;
  }
  #Form button {
	margin-bottom: 0;
  }
  .formLabel {
	margin-bottom: 10px;
  }
  .buttonResume {
	margin-bottom: 50px !important;
  }
}

/* Footer */
#Footer {
  padding-top: 25px;
  padding-bottom: 20px;
  font-size: 13px;
  line-height: 22px;
  background-color: #eeefef;
}
#Footer h4{
  font-family: "AvenirNextLTPro-Medium"; 
  font-weight: normal; 
  font-style: normal; 
  font-size: 14px; 
  line-height: 52px; 
  letter-spacing: -.01em; 
  color: #3d3d3f; 
  margin-bottom: 0; 

}
#Footer a {
  font-weight: 500;
}
.footerTop {
  font-size: 13px;
  line-height: 22px;
}
.footerTop ul {
  margin-left: 0;
  padding-left: 0;
}
.footerTop ul li {
  display: block;
}
.footerTop li {
  margin-right: 25px;
}
.footerSocial {
  display: inline-block;
  margin-top: 15px;
  margin-right: 3px;
  width: 30px;
  height: 30px;
}
.footerMiddle {
  padding-top: 25px;
}
.footerAddress {
	padding-top: 25px;
}
.footerMelitron {
  font-weight: 500;
}
.footerTel {
  font-family: "AvenirNextLTPro-Regular" !important;
  color: #3d3d3f;
  font-weight: 400 !important;
  text-decoration: none;
}
.footerTel:hover {
  text-decoration: none;
}
.footerBottom {
  padding-top: 25px;
}
.legalLinks {
  text-align: left;
}
.legalLinks a {
  margin-left: 0;
  margin-right: 15px;
}

/* Larger than tablet */
@media (min-width: 920px) {
  .footerTop {
	font-size: 15px;
	line-height: 24px;
  }
  .footerTop ul li {
	display: inline-block;
  }
  .footerSocial {
	width: 40px;
	height: 40px;
  }
  .footerMiddle {
	padding-top: 55px;
  }
  .footerAddress {
	padding-top: 0;
  }
  .footerBottom {
	padding-top: 43px;
  }
  .footerBottom ul li {
	display: inline-block;
  }
  .legalLinks {
	text-align: right;
  }
  .legalLinks a {
	margin-left: 15px;
	margin-right: 0;
  }


  .mobile-nav{display: none !important;}
  .desktop-hide{display: none;}

}

/* Footer V2 (updated Jan 2020) */
#Footer.footerV2 a {
  font-family: "AvenirNextLTPro-Demi";
  font-weight: normal;
}
#Footer.footerV2 .footerTop {
  font-size: 14px;
  line-height: 22px;
}
#Footer.footerV2 ul {
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
}
#Footer.footerV2 ul li {
  display: block;
}
#Footer.footerV2 .footerTop li {
  margin-right: 25px;
  margin-bottom: 15px;
}
#Footer.footerV2 .footerTop .newsTitle, #Footer.footerV2 .footerTop .newsTitle a {
  font-family: "AvenirNextLTPro-Demi";
  font-weight: normal !important;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}
#Footer.footerV2 .footerTop .newsDate {
  font-family: "AvenirNextLTPro-Medium";
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -.01em;
}
#Footer.footerV2 .footerCertifications {
  font-weight: 500;
}
#Footer.footerV2 .footerCertifications, #Footer.footerV2 .footerSupporters {
  margin-top: 35px;
  font-size: 14px;
  line-height: 20px;
}
#Footer.footerV2 .certificationLogo {
	margin-right: 5px;
}
@media (min-width: 920px) {
  #Footer.footerV2 .column,
  #Footer.footerV2 .columns {
    margin-left: 2%;
  }
  #Footer.footerV2 .column:first-child,
  #Footer.footerV2 .columns:first-child {
    margin-left: 0;
	padding-left: 0;
  }
  #Footer.footerV2 .three.columns {
    width: 25%;
  }
  #Footer.footerV2 .four.columns {
    width: 32%;
  }
  #Footer.footerV2 .six.columns {
	padding-right: 2%;
    width: 49%;
  }
  #Footer.footerV2 .offset-by-one.column,
  #Footer.footerV2 .offset-by-one.columns {
    margin-left: 9%;
  }
  #Footer.footerV2 .footerTop {
	font-size: 15px;
	line-height: 22px;
  }
  #Footer.footerV2 .footerTop .newsTitle, #Footer.footerV2 .footerTop .newsTitle a {
	font-size: 16px;
	line-height: 22px;
  }
  #Footer.footerV2 .footerBottom ul li {
	display: inline-block;
  }
  #Footer.footerV2 .legalLinks {
	text-align: right;
  }
  #Footer.footerV2 .legalLinks a {
	margin-left: 15px;
	margin-right: 0;
  }
}

/* Buttons */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  margin-top: 10px;
  padding: 0px 20px;
  height: 38px;
  color: #441464;
  text-align: center;
  font-family: "AvenirNextLTPro-Demi";
  font-size: 14px;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #fff;
  border: 2px solid #441464;
  cursor: pointer;
  box-sizing: border-box; 
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #ffffff;
  background-color: #441464;
  outline: 0; }
.loadMore {
  margin-bottom: 35px;
  text-decoration: none;
}

/* Forms */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  margin-bottom: 25px;
  height: 28px;
  width: 100%;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #eeefef;
  border: none;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 120px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }

/*honeypot*/
input[name="name_here_goes"]{
  display: none;
}

/* Lists */
ul {
  padding-left: 15px;
}

/* Utilities */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }

/* Misc */
hr {
  margin-top: 30px;
  margin-bottom: 40px;
  border-width: 0;
  border-top: 1px solid #441464; }

/* Clearing */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

/* Media Queries */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

a,p,h1,span,header{-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; 
-o-transition: all 0.4s linear; transition: all 0.4s linear;}

.three.columns { padding: 0 15px;}

.default-page{padding: 80px 20px;}
.default-page .page-content main{margin-bottom: 30px;}
.default-page .page-content main form label ,.default-page .page-content main form input ,.default-page .page-content main form .search-submit{display: inline-block;}
.default-page .page-content main form input[type="search"]{background-color: #fff; height: 39px; width: 300px;}
.default-page .page-content main form .search-submit{position: relative;top: 2px;}

div.wpcf7-mail-sent-ok ,div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ margin: 25px 0px; }
#Form .wpcf7-form p{margin-bottom: 0;}

.twelve.columns.view-all {text-align: left !important; }
.twelve.columns.view-all a:hover{text-decoration: none;}

#Superheader a:hover{color: #ffffff;}
#Index .container .row{margin: 0 -15px;}
.headerLinks ul li.current-menu-item a{color: #441f77;  font-weight: 500;}
#Footer .five.columns{padding-left: 35px;}
ul#menu-footer-bottom{margin: 0;}
#Header{overflow: inherit;}

#Footer .footerMiddle .five{padding-left: 0;}
.footerTel:hover{color: #43176a;}
#Content .button:hover a{color: #fff; text-decoration: none;}

.twelve label span{border: 2px solid #441464; text-transform: uppercase;letter-spacing: .1rem; padding: 0 20px;color: #441464; text-align: center;
font-size: 14px; font-weight: 500;line-height: 38px; white-space: nowrap; box-sizing: border-box; background-color:#fff;display:inline-block; color: #441464; margin-bottom: 0 !important; cursor: pointer; height: 38px;}
.twelve input[type="file"] {/* display: none;  */}
.twelve label span:hover{background-color: #441464; color: #fff;}

.twelve input[type="file"]{ text-indent: -9999px;text-align: left; margin-left: -100px; position: relative; z-index: 0; outline: none; opacity: 0;}

#Hero{margin: 0;}
#Hero .slick-next ,#Hero .slick-prev{background-repeat: no-repeat; background-size: 100%; background-position: center; margin: 0; width: 30px; height: 72px;}
#Hero .slick-next{right: 70px; background-image: url('../images/right-a.png'); }
#Hero .slick-prev{left: 70px; background-image: url('../images/left-a.png'); }

.slick-dotted.slick-slider{margin: 0;}



.slick-dots{display: none !important;}
.slick-dots li {border-radius: 100%; background-color: #340e5a; width: 15px !important; height: 15px !important; margin: 5px !important;}
.slick-dots li.slick-active{background-color: #fff;}

#Hero .slick-prev, #Hero .slick-next{z-index: 9;}
#Hero .slick-prev:before, #Hero .slick-next:before{font-size: 30px; display: none;}

#Superheader ul.desktopShow {display: inline-block; vertical-align: middle; }

.page-template-news #Index .container .row{ margin: 0; }

.desktopShow li.current-menu-ancestor a{color:#441f77; }


.our-job-template-default .desktopShow li.menu-item-43 a , .our-news-template-default .desktopShow li.menu-item-44 a{color:#ffffff !important; }

.sub-menu li a{color: #000 !important; font-weight: normal !important;}
.sub-menu li a:hover{color:#441f77 !important; }

.search_box {position: fixed; right: 20%; top: 36px; z-index: 999; background-color: #efefef; width: 700px; display: none;}
.search_box form{display: flex; flex-direction: row; align-items: center;}
.search_box form label,.mobile-nav form label{
  /*
  flex-basis: 80%;
  */
  display: none;
  visibility: hidden;
}
.search_box form .search-submit{flex-basis: 20%; margin-top: 0; border: 0px; padding: 0; padding-right: 20px; text-align: right;}
.search_box form .search-submit:hover{background-color: transparent;}
.search_box form input{margin: 0; outline: none; padding-left: 20px;}
.search_box form input:focus{border-color: #eeefef;}

.sub-menu{position: absolute; right: 0; background-color: #eeefef; width: 700px; padding: 40px 30px !important; top: 100%;
text-align: left; display: flex;flex-direction: row;flex-flow: wrap; opacity: 0; visibility: hidden; transition: all 0.4s linear;}

.sub-menu li{margin: 0; flex-basis: 50%; max-width: 100%;}
.sub-menu li a{ display: inline-block;padding: 8px 0;}
.sub-menu li a:hover{color: #441464;}

.headerLinks{margin-top: 14px;}
.headerLinks ul{margin: 0;}
.headerLinks > ul > li{padding: 20px 0; }
.headerLinks > ul > li > a{position: relative;}
.headerLinks > ul > li > a:before{content: ''; position: absolute; left: 0; right: 0; height: 7px; background-color: #696c74; bottom: -22px; transition: all 0.4s linear; transform: scaleX(0);}
.headerLinks ul li:hover .sub-menu{ visibility: visible;opacity: 1;}
.headerLinks > ul > li >a:hover:before{transform: scaleX(1);}

/* .headerLinks ul li.current-menu-item a:before{transform: scaleX(1);} */
.wpcf7-form span input{height: 40px;}

.padBottom .button {line-height: 38px;}

/*------- Media query css -----------*/
@media (max-width: 1700px) {
.search_box{right: 14%; width: 400px;}


}


@media (max-width: 1450px) {
.search_box{right: 12%;} 
#Index .three.columns{width: 33.33%;}
#Index .three.columns a{display: block;}
#Index .three.columns a img{width: 100%; height: auto; max-width: 100%;}

.googleMap iframe{ width: 100%; }


}

@media (max-width: 1024px) {
.mobile-hide .one-half.column{ width: 60%; }

#Index .three.columns {width: 50%; padding: 0 6px;}
.home .three.columns{padding: 0;}
.imageThumbnail{max-width: 100%;}

ul#menu-footer-bottom{padding: 0px; margin: 0px;}
ul#menu-footer-bottom li{display: inline-block;}


#Footer .three.columns{padding: 0px;}
.offset-by-one.five.columns.columnAdjust { margin-top: 30px;}

#Footer .five.columns{padding-left: 0;}
.offset-by-two.column, .offset-by-two.columns{margin-left: 17%;}


.footerMiddle .two.columns {padding-left: 13px;}

}



@media (max-width: 920px) {
.headerLinks{margin-top: 15px;}

.mobile-nav{display: none; background-color: #441464; padding: 70px 60px; padding-bottom: 40px;
position: absolute; left: 0; right: 0; font-family: "AvenirNextLTPro-Regular";}
.mobile-nav ul li{ display: block; text-align: left; margin: 0px; margin-bottom: 10px;}
.mobile-nav ul li a{color: #fff; font-size: 23px; font-weight: 300;}
.mobile-nav .sub-menu{}
.mobile-nav .sub-menu li{margin: 0;}
.mobile-nav .sub-menu li a{font-size: 15px; padding: 0; color: #fff !important;}
.mobile-nav .sub-menu li a:hover{color: #ddd;}
.mobile-nav .sub-menu{display: none; opacity: 1; visibility: visible; padding: 10px 0 !important; position: static; width: 100%; background: transparent;}

.mobile-nav ul li:hover .sub-menu{ display: none;}
.sub-menu{transition: none; }
.mobile-nav .close-btn{position: absolute; right: 22px; top: 20px;}
.mobile-nav ul li{ position: relative;}
.mobile-nav ul > li .close-menu{ width: 30px; height: 30px; position: absolute; right: 0px; top: 0px; cursor: pointer; z-index: 9999; }
.mobile-nav ul > li .close-menu:before{content:"\f067"; left: 0; right: 0; position: absolute; font-family: FontAwesome; color: #fff;text-align: center;top: 50%;
transform: translateY(-50%); }
.headerLinks ul li.current-menu-item a{font-weight: 300; color: #fff;}

.mobile-nav ul > li .close-menu.active:before{content:"\f068";}

.mobile-nav ul > li ul li span{ display: none; }
.mobile-nav ul > li:last-child span{display: none;}
.searc-input {display: flex; flex-direction: row; align-items: center;  margin-top: 50px;}
.searc-input input{background-color: transparent; border: 0px; border-bottom: 1px solid #fff; padding: 6px 0; color: #ddd; outline: none; margin: 0; font-size: 23px; font-weight: 300; padding: 0;}
.searc-input button{padding: 0; border: 0px; margin: 0;position: relative;left: -15px;}
.searc-input button:hover{background-color: transparent;}
.searc-input input:focus{ border-color:  #441464; border-bottom-color: #fff;}

.searc-input input::-webkit-input-placeholder {color: #fff; opacity: 1;}
.searc-input input::-moz-placeholder {color: #fff; opacity: 1;}
.searc-input input:-ms-input-placeholder {color: #fff; opacity: 1;}
.searc-input input:-moz-placeholder {color: #fff; opacity: 1;}

.slick-dotted.slick-slider{margin-bottom: 0px !important;}
.mobile-hide{display: none;}
.telNumber{display: none;}

.slick-dots{display: block !important; bottom: 10px !important;}
.slick-dots li button::before {display: none;}
.slick-dots li{margin: 0px !important; margin-left: 5px !important; margin-right: 5px !important;}

#Index .container .row{margin: 0px -6px;}
#Footer .five.columns{padding-left: 0;}

.slick-prev, .slick-next{ display: none !important;}
.offset-by-two.column, .offset-by-two.columns{margin: 0px;}
.footerMiddle .two.columns{padding-left: 0;}

/* .footerTop .desktopShow{ display: block; } */
.search_box{display: none !important;}
.offset-by-two.three.columns.footerAddress { padding-top: 25px !important;}

#Mobilehero .container{padding-top: 10px;padding-bottom: 30px;}
#Mobilehero .container p, #Mobilehero .container h2{font-size: 20px;color: #fff;}

.page-template-market #Index .container .row{margin: 0 -10px;}
.page-template-market #Index .three.columns {padding: 0 10px; width: 50%;}

#Mobilehero{padding-bottom: 0;background-color: #441464 !important;}

.home #Mobilehero{padding-bottom: 30px; background-color: transparent !important;}
.home .desktop-hide{background-color:transparent;}
.home .desktop-hide #Mobilehero{position: relative;}
.home .desktop-hide #Mobilehero:before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0;background-color: rgba(60, 15, 107, 0.8);}
.home #Mobilehero .container{background-color: transparent;}

#home-hero #Mobilehero{background-color: transparent !important; background-size: cover !important;}

}



@media (max-width: 767px) {
#Hero {margin: 0; /*display: none;*/ }

#menu-mobile-menu { margin-top: 30px;}
.searc-input{margin-bottom: 20px;}


#Index .three.columns{ width: 100%; }
.newsColumn{

  width: 100%;
}

.newsColumnSpacer{
  width: 0%;

}	
.mobile-nav{padding: 38px 20px 38px 30px;}
.searc-input{margin-top: 30px;}
.mobile-nav ul li a , .searc-input input{ font-size: 20px; }

div.wpcf7-mail-sent-ok {padding: 10px; text-align: center; }

.mobile-nav {overflow: scroll; height: calc(100vh - 96px);}


}

@media (max-width: 640px) {
#Hero {margin: 0; /*display: none;*/ }
#Mobilehero .container p, #Mobilehero .container h2{font-size: 19px;color: #fff;}

.page-template-market #Index .three.columns{ width: 100%; }
#Mobilehero{padding-bottom: 0;}

div.wpcf7-mail-sent-ok{text-align: center; font-size: 14px;}


.wpcf7-form-control-wrap input{margin-bottom: 15px;}
span.wpcf7-not-valid-tip{position: relative; top: -10px;}
.wpcf7-form-control-wrap input{height: 42px;}
.button, button, input[type="submit"], input[type="reset"], input[type="button"]{line-height: 38px;}


.default-page .page-content main form .search-submit{margin-top: 0;}
.default-page .page-content main form label, 
.default-page .page-content main form input, 
.default-page .page-content main form .search-submit{display: block; margin-bottom: 10px;}
.default-page .page-content main form input[type="search"]{ width: 100%;}

.default-page{padding: 45px 20px; padding-bottom: 20px;}


.footerTop .desktopShow li{margin: 0px;}
.footerTop .desktopShow li a{display: inline-block;padding: 3px 10px;border: 1px solid #fff; margin-top: 5px;}
.footerTop .desktopShow li a:hover{text-decoration: none; background-color: #441464; color: #fff; border-color:#441464; }

}

@media (max-width: 480px) {
    #Hero {
    margin: 0;
    /*display: none;*/
}
.telNumber , .tollNumber{ font-size: 12px; }


}


@media (max-width: 320px) {

    #Hero {
    margin: 0;
    /*display: none;*/
}
.telNumber , .tollNumber{ font-size: 12px; }

}