@charset "utf-8";
/* CSS Document */

@import url("https://use.typekit.net/kph1vjp.css");

@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css");

/* Standard Styles */

body, html {font-family: stratos, sans-serif;font-weight: 400;font-style: normal; margin:0px; padding-top: 34px; color: #404040;}

p {font-size: 17px;font-family: stratos-lights, sans-serif;font-weight: 400;font-style: normal;}

a {}

a:link {}
a:hover {}
a:visited {}
a:active {}

h1 {font-family: stratos, sans-serif;font-weight: 600;font-style: normal;}

h2 {font-family: stratos, sans-serif;font-weight: 500;font-style: normal;}

h3 {font-family: stratos, sans-serif;font-weight: 400;font-style: normal;}

h4 {font-family: stratos-lights, sans-serif;font-weight: 300;font-style: normal;}

h5 {font-family: stratos-lights, sans-serif;font-weight: 300;font-style: normal;}

h6 {font-family: stratos-lights, sans-serif;font-weight: 300;font-style: normal;}


/* Font Weights */

.weight-100 {font-family: stratos-lights, sans-serif;font-weight: 100;font-style: normal;}

.weight-300 {font-family: stratos-lights, sans-serif;font-weight: 300;font-style: normal;}

.weight-400 {font-family: stratos, sans-serif;font-weight: 400;font-style: normal;}

.weight-500 {font-family: stratos, sans-serif;font-weight: 500;font-style: normal;}

.weight-600 {font-family: stratos, sans-serif;font-weight: 600;font-style: normal;}

.weight-700 {font-family: stratos, sans-serif;font-weight: 700;font-style: normal;}


/* Bootstrap Overrides */

.container {
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
}

.bg-light {
    background-color: #ffffff!important;
}

.carousel-indicators li {
    width: 50px;
    height: 8px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.nav-item {font-size: 1.15rem; margin-right: 1.2rem; font-family: stratos, sans-serif;font-weight: 400;font-style: normal;}

.navbar-light .navbar-nav .nav-link {
    color: rgba(64,64,64,.8);
}
.navbar-light .navbar-nav .nav-link:hover {color:rgba(239,65,66,1) !important;}


.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(239,65,66,1);
}

.jumbotron {
    margin-bottom: 0rem;
    background-color: #1e92df;
    border-radius: 0rem;
	color: #ffffff; position: relative;
  overflow: hidden;
}

footer {background-color: #000000;}

footer ul {padding-bottom: 0px; margin-bottom: 10px;}

footer li {display: inline; margin-left: 25px; font-size: 1.15rem;}

footer li a {color: #ffffff; text-decoration: none;}

footer li a:link {color: #ffffff; text-decoration: none;}

footer li a:hover {color: #ef4142; text-decoration: none;}

footer li a:visited {color: #ffffff; text-decoration: none;}

footer li a:active {color: #ffffff; text-decoration: none;}

.display-4 {
    font-size: 4.5rem;
    font-weight: 500;
    line-height: 1.2;
}


.card {
    border-radius: 0rem;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(25,128,196,1);
-moz-box-shadow: 0px 0px 12px 0px rgba(25,128,196,1);
box-shadow: 0px 0px 12px 0px rgba(25,128,196,1);
}

.card-text {font-size: 16px;}

.card-height {height: 218px;}

.servicesImgContainer {height: 350px;position: relative;}


@media (min-width: 576px) {
.jumbotron {
    padding-top: 10rem;
	padding-bottom: 10rem;
	text-align: left;
	
	}
}



/* New Styles */


.noMargins {margin-left: 0px; margin-right: 0px;}

.noPadding {padding-left: 0px; padding-right: 0px;}

.insideContainer {width: 75%; margin-right: auto; margin-left: auto;}

.logo {height: 47px;}

.heroHeight {height: 80vh;}

.boxPadding {padding-top:75px; padding-bottom: 75px;}

.services a:link {color: #ffffff; font-size: 1.25rem;font-family: stratos, sans-serif;font-weight: 500;font-style: normal;}

.services a:hover {color: #ffffff; font-size: 1.25rem;font-family: stratos, sans-serif;font-weight: 500;font-style: normal;}

.services a:visited {color: #ffffff; font-size: 1.25rem;font-family: stratos, sans-serif;font-weight: 500;font-style: normal;}

.services a:active {color: #ffffff; font-size: 1.25rem;font-family: stratos, sans-serif;font-weight: 500;font-style: normal;}

.servicesTitle {position: absolute;z-index: 1000;bottom: 15%;left: 5%; font-size: 1.3rem;}

.servicesText {font-size: 1.1rem;}

.insideHeroBrightness {filter: brightness(30%);}

.BIHero {background-image: url("../images/bi-hero.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}

.servicesList ul {margin-left: 15px; padding-left: 0px; padding-top: 25px; padding-bottom: 25px;}

.servicesList li {list-style-type:none; margin-bottom: 15px; font-size: 1.1rem;}

.servicesList a:link {color: #1e92df; text-decoration: none;}

.servicesList a:hover {color: #ef4141; text-decoration: none;}

.servicesList a:visited {color: #1e92df; text-decoration: none;}

.servicesList a:active {color: #1e92df; text-decoration: none;}

.jumbotron video {
  position: absolute;
  z-index: 1;
  top: 0;
  width:100%;
  height:100%;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
  opacity:0.1;
}
.jumbotron .container {
  z-index: 2;
  position: relative;
}

.cs-back-promo {/*background-image: url("../images/cs-promo-back.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;*/ background-color: #1e92df;}

.servicesHeroback {background-image: url("http://maximumad.com/images/services-back.png"); background-position: right center; background-repeat: no-repeat; background-size: contain;}


.helpHeroback {background-image: url("http://maximumad.com/images/help-back.png"); background-position: right 25px; background-repeat: no-repeat; background-size: contain;}

.logoMargin {margin-left: 11.5%;}

.navMargin {margin-right: 10%;}

.blueBackground {background-color: #1e92df;}


.card-img-top {
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


.placeholder {background-color: #3E3E3E;}

.csCallOut {background-color: #ffffff; width: 400px; height: auto; float: right; position: relative; margin-top: -185px; margin-right: 25px;margin-left: 25px; margin-bottom: 25px;	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);}

.csCallOutText {width: 80%; margin-left: auto; margin-right: auto; padding-top: 50px; padding-bottom: 50px; font-size: 18px;}

.bw-image-filter {  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}

.homeServicesPromo {height: 475px; background-image: url("http://maximumad.com/images/services-promo.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}

.hero-back-1 {background-image: url("http://maximumad.com/images/hero-back-1.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;}

.hero-back-2 {background-image: url("http://maximumad.com/images/hero-back-2.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;}

.hero-back-3 {background-image: url("http://maximumad.com/images/hero-back-3.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;}

.bus-verticals-overlay {color: #ffffff;
    position: absolute;
    font-size: 32px;
    bottom: 5%;
    left: 10%;}

/* Image Zoom Effect */

.img-hover-zoom {
  height: 325px;
  overflow: hidden;}

.img-hover-zoom--slowmo img {
  transform-origin: 20% 15%;
  transition: transform 4s, filter 4s ease-in-out;
  filter: brightness(40%);
}

.img-hover-zoom--slowmo:hover img {
  filter: brightness(40%);
  transform: scale(2);
}

label {font-size: 1.1rem;}

input[type=text] {border: 1px solid #d0d0d0;display: block;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding-top: 2px;padding-bottom: 2px;padding-left: 5px;margin-bottom: 15px;width: 100%; height:45px;}

textarea {border: 1px solid #d0d0d0;display: block;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding-top: 2px;padding-bottom: 2px;padding-left: 5px;margin-bottom: 15px;width: 100%;height:125px;}

input[type=submit] {border: 1px solid #1e92df; background-color: #1e92df; color: #ffffff;    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px;font-size: 18px;}

.star {color: rgba(239,65,66,1);}

.heroMarginTop {margin-top: 75px;}

.heroMarginTopText {margin-top: 125px;}

.heroText {color: #ffffff; text-transform: uppercase; font-size: 3.4rem; line-height: 3.4rem;}

.heroDescription {color: #ffffff; font-size: 1.2rem; margin-top: 20px; line-height: 1.5rem;}

.heroCaseStudyImage {position:absolute; top: 0; left:0;}

.learnmoreMargin {margin-top: 25px;}

.introMarginLine {border-right: 2px solid #ef4141; padding-right: 25px;}


.industryLogoTopMargin {margin-top: 75px;}

.cs-title {text-align: center; font-size: 2.6rem; color: #ffffff;}

@media (max-width: 767px) {
	
	
	
	.logoMargin {margin-left: 1%;}

.navbar-toggler {
    margin-right: 2%;
}
	
	
.logo {width: 75%;}
	
footer li {display: block; margin-left: auto; margin-right: auto; font-size: 1.15rem;}
	
	
.heroMarginTop {margin-top: 25px; text-align: center;}	
	
.heroMarginTopText {margin-top: 25px; text-align: center;}
	
.heroText {color: #ffffff; text-transform: uppercase; font-size: 3.0rem; line-height: 3.2rem; text-align: center;}
	
.heroDescription {color: #ffffff; font-size: 1.1rem; margin-top: 20px; line-height: 1.25rem; text-align: center;}
	
.learnmore {text-align: center;}
	
	
	
	.heroCaseStudyImage {
    position: relative;
    top: auto;
    left: auto;
    height: 100%;
    width: 100%;
	
}
	
.learnmoreMargin {margin-top: 15px;}
	
.introMarginLine {border-right: 0px none; padding-right: 0px;}
	
	.introMobileContainer {width: 92%; margin-left: auto; margin-right: auto;}	
	
.mobileNoMarPad {margin:0px; padding:0px;}
	
#bi-offset.offset-3 {margin-left: auto !important;}	
	
#homeQuote.offset-1 {margin-left: auto !important;}	
.navbar-brand {
    margin-right: 0;
    width: 250px;
}	
	
.industryLogoTopMargin {margin-top: 0px;}
	
.industryLogoSize {width: 45%;}	
	
.industryLogoMargin {margin-bottom: 25px;}		
	
.cs-mobileSpace {margin-bottom: 50px;}
	
.cs-title {text-align: center; font-size: 2.6rem; color: #ffffff; line-height: 2.6rem; margin-bottom: 15px;}	
	
.footerNav {text-align: center !important;}
	
	.footerLogo {margin-bottom: 25px;}
	
	
/* Image Zoom Effect */

.img-hover-zoom {
  height: auto !important;
  overflow: hidden;}

.img-hover-zoom--slowmo img {
  transform-origin: 0% 0%;
  transition: transform 0s, filter 0s ease-in-out;
  filter: brightness(40%);
}

.img-hover-zoom--slowmo:hover img {
  filter: brightness(40%);
  transform: none;
}	
	
	
.servicesImgContainer {height: auto;position: relative; margin-bottom: 25px;}	
	
.servicesLearnMore {margin-bottom: 25px;}
	
.servicesList ul {margin-left: auto !important; padding-left: 0px; padding-top: 25px; padding-bottom: 25px;}	
	
	.csCallOutMobile {display: none;}	
	
	
	.aboutIconsMargin {margin-bottom: 50px;}
	
.iconOffset.offset-1 {
    margin-left: auto;
}
	
.iconOffset.offset-2 {
    margin-left: auto;
}	
	
	.insideMargin {width: 80%; margin-left: auto; margin-right: auto;}	
	
.insideMargin2 {width: 90%; margin-left: auto; margin-right: auto;}	
	
textarea {border: 1px solid #d0d0d0;display: block;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding-top: 2px;padding-bottom: 2px;padding-left: 5px;margin-bottom: 15px;width: 92%;height:125px; margin-left: auto; margin-right: auto;}	
	
.mobileLabel {margin-left: 15px;}
	
	footer .text-right {text-align: center !important;}	
	
.display-4 {
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.2;
}
	
.helpHeroback {background-image:none;}	
	
.servicesHeroback {background-image:none;}
	
}