/*
Theme Name: MACLYN Group 2018
Theme URI: http://maclyn.maclyn-dev.com/wp-content/themes/maclyngroup
description: >-
	MACLYN Group
Author: MACLYN
Author URI: http://maclyngroup.com
Template: wp-bootstrap-starter
Version: 1.0.0
Text Domain: maclyngroup
*/
body{
	background: #FFF;
}
/********Fonts & Typography*************/

h1,h2,h3,h4,h5,h6{
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
	color: #373A36;
}
body,p,li,ul,button,a{
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
	color: #373A36;
}
.no-break{
	white-space: nowrap;
}
.allcaps{
	text-transform: uppercase;
}
.bold{
	font-weight: 800;
}
.centered{
	text-align: center;
}
article.post a{
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: bold;
	font-weight: 700;
	text-decoration: underline;
	color: #373A36;
}
article .entry-content a.copylink{
	color: inherit;
    box-shadow: inset 0 -3px 0 -1px #00a6cf;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
}
article .entry-content a.copylink:hover{
	color: #EEE;
	box-shadow: inset 0 -23px 0 -1px #00a6cf;
}
strong{
	font-weight: 800;
}
.listyList{
	text-align: left;
}
.listyList li{
	color: #FFF;
}
.leftAlign{
	text-align: left;
}
.blueList li{
	font-weight: 800;
	color: #00a6cf;
}
.noWrap{
	white-space: nowrap;
}
.WTFONT{
	font-size: 1.4rem;
}
/********Fonts-END*************/

/*******UI ELEMENTS************/
.progress-scroller{
  position: fixed;
  bottom: 0;
  z-index: 11;
  width: 100%;
  background-color: #f1f1f1;
}
.progress-container {
  width: 100%;
  height: 8px;
  background: #ccc;
}
/* The progress bar (scroll indicator) */
.progress-bar {
  height: 6px;
  background: #00a6cf;
  width: 0%;
}
a.homelink{
	box-shadow: none !important;
	text-decoration: none !important;
	width: 100%;
    height: 100%;
    position: absolute;
}
.container-fluid{
	overflow: hidden;
}
.linkPosRight{
	right: 0;
    position: absolute !important;
}
.slateBackContact{
	background: url('/wp-content/themes/maclyngroup/img/img01_contactSlateBackground.png');
	background-size: cover;
	padding: 30px;
}
.itemHoverZoom {
  position: relative;
  border: 1px solid #333;
  overflow: hidden;
  width: 540px;
}
.itemHoverZoom img {
  max-width: 100%;
  -moz-transition: all 0.7s;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.itemHoverZoom:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*slide up animations*/

.module {
  position: relative;
}
/*.module:nth-child(even) {
  margin-right: 0;
}*/
.come-in {
  transform: translateY(250px);
  animation: come-in 1.5s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 1.5s;
}
.already-visible {
  transform: translateY(0);
  animation: none;
}

@keyframes come-in {
  to {
    transform: translateY(0);
  }
}

.thingLeft, .thingRight{
	transition: 1.5s
}
.fromLeft{
	left:-1000px
}
.fromLeft.slideLeftTrigger {transform : translate3d(1000px,0,0); }

.fromRight{
	right:-1000px
}
.fromRight.slideRightTrigger {transform : translate3d(-1000px,0,0); }

/*end slide up animations*/

/*Service pages*/
.service-star{
	background: url('/wp-content/themes/maclyngroup/img/services-star-back.png');
	background-repeat: no-repeat;
	background-position: right;
    background-size: 70%;
}
.navbar-brand {
    top: -21px;
    position: relative;
}
.borderleftTopBottom{
	border-left:4px solid #FFF;
	border-top:8px solid #FFF;
	border-bottom:8px solid #FFF;
}
.borderrightTopBottom{
	border-right:4px solid #FFF;
	border-top:8px solid #FFF;
	border-bottom:8px solid #FFF;
}
.borderleft{
	border-left:4px solid #FFF;
}
.borderright{
	border-right:4px solid #FFF;
}
.workNavButton{
    position: fixed;
    right: -159px;
    z-index: 10;
    top: 100px;
    background: #00a6cf;
    padding: 5px 10px;
    border: 2px solid #00a6cf;
    color: #FFF;
    text-align: center;
    font-weight: 800;
    letter-spacing: 1px;
    font-size: .85rem;
}
.workNav{
    position: fixed;
    right: -2px;
    z-index: 12;
    top: 143px;
    background: #FFF;
	box-shadow: -2px 5px 10px;
    display: none;
}
.workNav ul{
	list-style-type: none;
	padding: 0;
    margin: 0;
}
.workNav li{
	padding: 10px 30px;
}
.workNav li:nth-child(even) {
	background: #DDD;
}
.workNav li a{
	text-decoration: none;
	color: inherit;
}
.workNav li:hover{
	color: #FFF;
	background: #00a6cf;
}
.workMenuBadge{
	position: absolute;
    left: -50px;
    width: 50px;
    top: -2px;
}
.carousel-inner {
    background: rgba(255,255,255,.5);
    border-top:1px solid #DDD;
    border-bottom:1px solid #DDD;
    padding-bottom: 30px;
}
.carousel-indicators li {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #DDD;
}
.carousel-indicators .active {
    background-color: #00a6cf;
}
.socialFooter{
	display: block;
	margin:0 auto;
    margin-bottom: 25px;
	text-align: center;
	position: relative;
    z-index: 100;
}
.contactSocial{
	display: block;
	margin:0 auto;
	text-align: center;
}
.mobileMenuSocial{
	display: block;
	margin:0 auto;
    margin: 25px;
	text-align: center;
	display: none;
}
.social{
	display: block;
	float: right;
	padding-top: 15px;
}
.socialIcon{
	color: #00a6cf;
    display: inline;
    padding: 5px 10px;
    margin: 5px;
    font-size: 2rem;
    width: 30px;
    height: 30px;
    text-align: center;
}
.socialIcon a{
	color: #00a6cf;
}
.socialIcon:hover, .socialIcon a:hover {
    color: #373A36;
}
.navbar-dark .navbar-toggler{
	border-color:  #00a6cf;
    background: #373A36;
}
.navbar-dark .navbar-toggler:hover, .navbar-dark .navbar-toggler:focus{
	outline: none;
}
.starBack{
	background: url('/wp-content/themes/maclyngroup/img/star.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
    min-height: 350px;
    max-height: 400px;
    max-width:none;
}
.sbCenter{
	background-position: center center;
}
.sbLeft{
	background-position: left center;
}
.sbRight{
	background-position: right center;
}
.starBackContent{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    flex-wrap: wrap;
}
.starBackContent h1{
	font-weight: 800;
	text-align: center;
	color: #00a7cf;
	font-size: 3rem;
	padding-bottom: 0;
	margin-bottom: 0;
}
.starBackContent p{
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 0;
    line-height: 1.8rem;
    width: 65%;
    margin: 0 auto;
}
.starImgRight{
	position: absolute;
	top:0;
	right:0;
	width:50%;
}
.starImgRight img{
	max-height: 500px;
}
.starImgLeft{
	position: absolute;
	top:0;
	left:0;
	width:50%;
}
.starImgLeft img{
	max-height: 500px;
}
.serviceCreative{
	background-color: #00a6cf;
	background-image: url('/wp-content/themes/maclyngroup/img/services_creativeIllo.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: contain;
}
.serviceStrategy{
	background-color: #DDDDDD;
	background-image: url('/wp-content/themes/maclyngroup/img/strategyIllo.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: contain;
}
.serviceMarketing{
	background-color: #4D4D4D;
	background-image: url('/wp-content/themes/maclyngroup/img/marketingIllo.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: contain;
}
.serviceCreative h1{
	color: #FFF;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #FFF;
	margin-bottom: 40px;
}
.serviceStrategy h1{
	color: #000;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #00a6cf;
	margin-bottom: 40px;
}
.serviceMarketing h1{
	color: #FFF;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #00a6cf;
	margin-bottom: 40px;
}
article.page .imgFull img{
	width: 100%;
}
.mt-maclyn{
	background: url('/wp-content/themes/maclyngroup/img/mt-maclyn.png');
	background-size: contain;
	background-position: right bottom;
	background-repeat: no-repeat;
	min-height: 500px;
	margin-top: 9%;
}
.careers-blueback{
	background: url('/wp-content/themes/maclyngroup/img/careers-bluebar.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	padding: 40px;
	color: #FFFFFF;
}
.careers-grayback-left{
	background: url('/wp-content/themes/maclyngroup/img/careers-gray-left.png');
	background-size: cover;
	background-repeat: no-repeat;
	padding: 40px;
	border-right: 10px solid #FFFFFF;
	text-align: left;
}
.careers-grayback-right{
	background: url('/wp-content/themes/maclyngroup/img/careers-gray-right.png');
	background-size: cover;
	background-repeat: no-repeat;
	padding: 40px;
	border-left: 10px solid #FFFFFF;
		text-align: left;
}
p.joblink a, p.joblink a:hover{
	font-weight: 700;
	color: #00a6cf;
}
.photoBlock{
	background-image: url('/wp-content/uploads/2017/06/photoBackAudience.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
}
button, .button{
	background: #FDFDFD;
	border: 1px solid #00a6cf;
	color: #373A36; 
	padding: 5px 20px;
	box-shadow: inset 0 -3px 0 -1px #00a6cf;
    -webkit-transition: box-shadow .5s ease-in-out;
    transition: box-shadow .5s ease-in-out;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
	background: #FDFDFD;
	border: 1px solid #00a6cf;
	color: #373A36; 
	padding: 5px 20px;
	box-shadow: inset 0 -3px 0 -1px #00a6cf;
    -webkit-transition: box-shadow .5s ease-in-out;
    transition: box-shadow .5s ease-in-out;
}
button:hover{
	background: #00a6cf;
	color: #FDFDFD;
	box-shadow: inset 0 -35px 0 -1px #00a6cf;
	-webkit-transition: box-shadow .5s ease-in-out;
    transition: box-shadow .5s ease-in-out;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input:hover[type=submit]{
	background: #00a6cf;
	color: #FDFDFD;
	box-shadow: inset 0 -35px 0 -1px #00a6cf;
	-webkit-transition: box-shadow .5s ease-in-out;
    transition: box-shadow .5s ease-in-out;
}
button a{
	color: #00a6cf;
	text-decoration: none;
	box-shadow: none;
	transition: none;
	font-size: 1.15rem;
	line-height: 1.75rem;
}
button:hover a, button a:hover{
	text-decoration: none;
	color: #FFF;
}
button a::after{
	content: url('/wp-content/themes/maclyngroup/img/buttonArrows.png');
	position: relative;
    top: 3px;
    left: 8px;
}
button:hover a::after{
	content: url('/wp-content/themes/maclyngroup/img/buttonArrowsWhite.png');
	left:13px;
	-webkit-transition: left .25s ease-in-out;
    transition: left .25s ease-in-out;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    margin-bottom: 30px;
}
div.homeyTheButton{
	background: #FDFDFD;
	border: 1px solid #00a6cf;
	color: #373A36; 
	padding: 5px 20px;
	box-shadow: inset 0 -3px 0 -1px #00a6cf;
    -webkit-transition: box-shadow .5s ease-in-out;
    transition: box-shadow .5s ease-in-out;
    display: inline-block;
}
div.homeyTheButton:hover{
	background: #00a6cf;
	color: #FDFDFD;
	box-shadow: inset 0 -35px 0 -1px #00a6cf;
	-webkit-transition: box-shadow .5s ease-in-out;
    transition: box-shadow .5s ease-in-out;
}
div.homeyTheButton a{
	color: #00a6cf;
	text-decoration: none;
	box-shadow: none;
	transition: none;
	font-size: 1.15rem;
    line-height: 2.75rem;
    margin: 26px;
}
div.homeyTheButton:hover a, div.homeyTheButton a:hover{
	text-decoration: none;
	color: #FFF;
}
div.homeyTheButton a::after{
	content: url('/wp-content/themes/maclyngroup/img/buttonArrows.png');
	position: relative;
    top: 3px;
    left: 8px;
}
div.homeyTheButton:hover a::after{
	content: url('/wp-content/themes/maclyngroup/img/buttonArrowsWhite.png');
	left:13px;
	-webkit-transition: left .25s ease-in-out;
    transition: left .25s ease-in-out;
}


#weather h2, #weather li, #weather p{
	color: #FDFDFD;
	list-style-type: none;
	margin:0;
	padding: 0;
}
#weather2 h2, #weather2 li, #weather2 p{
	color: #FDFDFD;
	list-style-type: none;
	margin:0;
	padding: 0;
}
#weather p, #weather2 p{
	font-size: 1.2rem;
}
.weatherTitle{
	padding: 0;
    margin: 0;
    line-height: 1rem;
}
@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#weather i, #weather2 i  {
	color: #FDFDFD;
	font-family: weather;
	font-size: 2.6rem;
	font-weight: normal;
	font-style: normal;
	line-height: 4rem;
	text-transform: none;
}
#weather li.currently, #weather2 li.currently{
	text-transform: uppercase;
	color: #00a6cf;
}
.cityWeather{
	width: 300px;
    margin: 15% auto;
}
.chicago, .desmoines{
    margin: 10% 0;
    border-left: 1px solid #00a6cf;
    padding-left: 25px !important;
    padding-top: 10px !important;
}
.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }


/*******Borders and Spacing*********/
#content.site-content{
	padding: 0;
}
.insta-row{
	margin: 25px 0px;
}
.entry-content{
	margin: 0;
}
.no-padding{
	padding: 0;
}
.copyBlockMarginThirty{
	margin: 30px 0px;
}
.text-centered{
	text-align: center;
}
.text-align-left{
	text-align: left;
}
.text-align-right{
	text-align: right;
}
.content-full, .content-full img{
	width: 100%;
}
.imgFull img{
	width: 100%;
}
.noPad{
	padding: 0;
}
.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    flex-wrap: wrap;
}
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.blueSides{
	border-right:2px solid #00a6cf;
	border-left:2px solid #00a6cf;
}
.whiteSides{
	border-right:2px solid #FFF;
	border-left:2px solid #FFF;
}
.blueSides h1, .blueSides p{
	padding: 0px 20px;
}
.whiteSides h1, .whiteSides p{
	padding: 0px 20px;
}
.paddingTopBottom60{
	padding: 60px 0px;
}
.paddingTop60{
	padding-top: 60px;
}
.marginTopBottom40{
	margin: 40px 0;
}
.marginTopBottom65{
	margin: 40px 0 75px 0px;
}
.paddingServ40{
	padding: 40px 0px !important;
}
.service-spacing{
	margin: 50px 0px;
}
.centerDiv{
	position: relative;
    top: 50%;
}
.marginCorrect{
	margin-left: 15px;
	margin-right: 15px;
}
.bumpNeg100{
	margin-top: -100px;
}
/*******Borders and Spacing-End*********/

/*******Flapjack RSVP page*********/
.flappyjack{
	background: url('/wp-content/themes/maclyngroup/img/join-the-fight.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #000;
}
.flappyform{
	background: url('/wp-content/themes/maclyngroup/img/flapflapflap.png');
	background-size: cover;
	background-repeat: no-repeat;
	padding: 5%;
	margin-top: 38vw;
}	
.flapformcontent{
	position: relative;
    margin-top: 27vw;
}
.flapformmobile{
	display: none;
}	
body.page-id-4436 div.site-content{
	background-color: #00a6cf;
}	
body.page-id-4436:not(.theme-preset-active) footer#colophon{
	margin-top: 0;
}
#field_1_3{
	margin-top: 0px !important;
}
#gform_1 label{
	margin-bottom: 0px;
}
/*****Goofy positioning stuff************/
.absPos{
	position: absolute;
}

/********Colors************/
.white{
	color: #FDFDFD;
}
.blue{
	color: #00a6cf;
}
.gray{
	color: #373A36;
}
/*******Colors-END************/

/********Navigation***********/
#masthead .navbar-nav > li:hover > .dropdown-menu {
    display: block;
    width: 300px;
    left: -40px;
}
#masthead .navbar-nav li > .dropdown-menu li:hover .dropdown-menu {
	left: 190px;
	top: 0;
	width: 200px !important;
	display: block;
}
header#masthead{
	background: #FDFDFD;
	box-shadow: 0px 0px 10px;
	border-bottom: 1px solid #cdbfe3;
	z-index: 20;
}
header#masthead .container{
	max-width: none;
	background: url('/wp-content/themes/maclyngroup/img/buttonArrowsWhite.png') no-repeat -9999px -9999px;
}
.menu-item-has-children{
	height: 58px;
}
.dropdown-menu {
	min-width: inherit;
	font-size: .85rem;
	border: 2px solid #00a6cf;
	border-radius: 0;
	margin: 0;
}
.scroll{
	position: fixed;
    z-index: 10;
    width: 100%;
}
.logoScroll{
	height: 40px;
}
.logoAnimate  {
    animation: SHW 1s;
    animation-fill-mode: both
}
@keyframes SHW {
    from {
    transform: translateY(-100%);
    opacity: 0;
    }
    to {
    transform: translateY(0);
    opacity: 1;
    }
}
.powerStandHP{
	margin: 30px 0px;
}
.pageHeader h1{
    font-weight: 800;
    font-size: 6.5rem;
    letter-spacing: 5px;
    color: #fe9d6d;
}
.headlineThinGreen{
	font-weight: 400;
	color: #074f51;
}
.navbar{
	max-width: 1200px;
    margin: 0 auto;
    height: 50px;
}
.navbar-collapse{
	position: relative;
	height: 80px;
}
.navbar-nav{
    margin: 0 auto;
	text-align: center;
	position: relative;
	top:30px;
	z-index: 10;
    zoom:1;
}
.navbar-brand{
	margin: 0;
}
body:not(.theme-preset-active) footer#colophon{
	background: #171d45;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a{
	font-weight: 300;
	color: #4d4d4d;
	font-size: 1rem;
	text-transform: uppercase;
	padding: 0.5rem;
	margin: 0 2rem;
	position: relative;
	text-decoration: none;
	width: 14.28571429%%;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover{
	color: #4d4d4d;
	font-weight: 300;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #00a6cf;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a{
	font-weight: 800;
	color: #00a6cf;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url:("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 166, 207, 1");
}
.dropdown-menu li.nav-item:hover{
	background: #373A36;
}
.dropdown-menu li.nav-item a:hover{
	color: #FFF;
}
/********Footer***********/
body:not(.theme-preset-active) footer#colophon{
	background-color: #FDFDFD;
	background-image: url('/wp-content/themes/maclyngroup/img/footerPaperBack2.png');
	background-size: cover;
	background-repeat: no-repeat;
    background-color: transparent;
    margin-top: 60px;
    z-index: 10;
    position: relative;
}
.careerFooter{
	max-height: 150px;
    margin-top: 50px;
    height: 11vw;
    max-width: 800px;
}
.footerBlock1{
	max-width: 1000px;
    display: block;
    margin: 0 auto;
}
.footerBlock2{
	max-width: 1500px;
    margin: 0 auto;
}
.addressFooter{
	margin-top: 4vw;
}
.footerCareers{
	margin-top: 40px;
}
/*******Homepage************/
.videoHover{
	height: 30vw;
}
.videoHover video{
	width: 100%;
	min-height: 100%;
}
.hpVideo{
	position: relative;
	margin-bottom: -10px;
	max-height: 550px;
}
.hideVid{
	display: block;
}
.mobileHero{
	display: none;
}
.hpVidOverlay {
    background: rgba(220,220,220,.85);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    padding: 0;
}
.hpServ{
	background: url('/wp-content/uploads/2020/03/serv-land-back.jpg');
	background-size: cover;
	border-top: 10px solid #FFF;
	position: relative;
	z-index: 10;
}
.servLand{
	background: url('/wp-content/uploads/2020/03/serv-land-back.jpg');
	background-size: cover;
	margin: 15px 0px;
}
.servIcons{
	padding: 40px 0px;
	text-align: center;
}
.servIcons img {
	margin-bottom: 35px;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}
.servIcons img:hover {
	transform: scale(1.1);
}
.hpTagline{
	position: absolute;
    top: 32%;
    left: 25%;
}
.hpTagline h1{
	font-weight: 800;
    color: #373A36;
}
.tiles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.tile {
	position: relative;
	float: left;
	width: 33.333%;
	height: 100%;
	overflow: hidden;
}
.photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: transform .5s ease-out;
}
.rollover{
	position: relative;
    height: 37vw;
}

/*Service page footer margin fix*/
body.page-id-4963 footer#colophon {
	margin-top: 0 !important;
}
body.page-id-4921 footer#colophon {
	margin-top: 0 !important;
}
body.page-id-4923 footer#colophon {
	margin-top: 0 !important;
}
body.page-id-4957 footer#colophon {
	margin-top: 0 !important;
}
body.page-id-4960 footer#colophon {
	margin-top: 0 !important;
}
body.page-id-4955 footer#colophon {
	margin-top: 0 !important;
}


/* Hide Play button + controls on iOS */
.hpVideo video::-webkit-media-controls {
    display:none !important;
}
.hpContainer div{
	padding: 0;
}
.hpWork img{
	width: 100%;
	min-height:100%;
	max-width: none;
	border: none;
	padding: 0;
	margin: 0;
	display: block;
}
.hpWork .row{
	margin: 0;
}
.paperLogo{
}
.hpMugTemp{
	background: url('/wp-content/themes/maclyngroup/img/footerMug.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0;
}
.hpNews{
	background: url('/wp-content/themes/maclyngroup/img/hp_News.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 300px;
}
.hpCulture{
	background: url('/wp-content/uploads/2020/05/new-normal-bkg.png');
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 300px;
}
.hpApproach{
	background: url('/wp-content/themes/maclyngroup/img/hp_Approach.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 300px;
}
#hpNews a, #hpCulture a, #hpApproach a{
	text-decoration: none;
}
.hpNewsRollover{
	background: 
    linear-gradient(
      rgba(30, 30, 30, 0.75), 
      rgba(30, 30, 30, 0.75)
    );
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    transition: top .5s, bottom .5s;
    z-index: 2;
}
.hpCultureRollover{
	background: 
    linear-gradient(
      rgba(255, 255, 255, 0.85), 
      rgba(255, 255, 255, 0.85)
    );
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    transition: top .5s, bottom .5s;
    z-index: 2;
}
.hpApproachRollover{
	background: 
    linear-gradient(
      rgba(0, 167, 207, 0.85), 
      rgba(0, 167, 207, 0.85)
    );
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    transition: top .5s, bottom .5s;
    z-index: 2;
}
.hoverCopy{
	position: absolute;
    top: 100px;
    left:0;
    right:0;
    z-index: 10;
    margin: 0 20px;
}
.hoverCopy h1{
	color: #FFF;
	font-size: 1.6rem;
}
.hoverCopy p{
	color: #FFF;
	font-size: 1rem;
	padding: 0 15px;
}
/***Work***/
.workContainer div{
	padding: 0;
}
.workWork img{
	width: 100%;
	min-height:100%;
	max-width: none;
	border: none;
	padding: 0;
	margin: 0;
	display: block;
}
.workWork .row{
	margin: 0;
}
.workHeader{
	background:
    linear-gradient(
      rgba(30, 30, 30, 0.75), 
      rgba(30, 30, 30, 0.75)),      
      url('/wp-content/themes/maclyngroup/img/work_Header.jpg');
	  height:200px;
}

.containerOverlay{
  position: relative;
  width: 50%;
}
.imageOverlay {
  display: block;
  width: 100%;
  height: auto;
}
.overlay {
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
  background-color: rgba(30, 30, 30, 0.75);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}
.overlayBottom {
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
  background-color: rgba(0,166,207,.8);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.containerOverlay:hover .overlayBottom {
  height: 100%;
  bottom:0;
}
.containerOverlay:hover .overlay {
  bottom: 0;
  height: 100%;
}

.textOverlay {
  color: white;
  text-shadow: 2px 2px 5px rgba(30, 30, 30, 0.75);
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/***Culture***/
.cultureHeader{
	background:
    linear-gradient(
      rgba(30, 30, 30, 0.75), 
      rgba(30, 30, 30, 0.75)),      
      url('/wp-content/themes/maclyngroup/img/cultureHeader.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.cultureHeadCopy{
	padding: 40px 0px;
    position: relative;
    width: 50%;
    text-align: center;
    margin: 0 auto;
}
.cultureBrand{
	background: url('/wp-content/themes/maclyngroup/img/culture_tapBack.jpg');
	background-size: cover;
	background-repeat: no-repeat;
    padding: 20px 20px 20px 300px;
    text-transform: uppercase;
}

/***Culture - People***/
.bioContain{
	display: none;
}
.bio{
	text-align: left;
	display: none;
	border-top: 10px solid #00a6cf;
    border-bottom: 10px solid #00a6cf;
    margin: 10px 0px;
    padding: 20px;
}
.bioArrow{
	background: #00a6cf;
    display: inline-block;
    padding: 5px 8px;
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 50%;
}
.arrowActive{
	bottom: -10px;
	-webkit-transition: bottom .5s ease-out;
	-moz-transition: bottom .5s ease-out;
	-o-transition: bottom .5s ease-out;
	transition: bottom .5s ease-out;
}
.title{
	font-size: 1.25rem;
    font-weight: 800;
}
.marc, .bill, .ray, .jay, .kevin, .mike, .courtney, .tazerface{
	background: #FFF;
	-webkit-transition: background 2s ease-out;
	-moz-transition: background 2s ease-out;
	-o-transition: background 2s ease-out;
	transition: background 2s ease-out;
}
/*.marc:hover{
	background: url('/wp-content/themes/maclyngroup/img/people/marc_back.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}
.bill:hover{
	background: url('/wp-content/themes/maclyngroup/img/people/bill_back.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}
.ray:hover{
	background: url('/wp-content/themes/maclyngroup/img/people/ray_back.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}
.jay:hover{
	background: url('/wp-content/themes/maclyngroup/img/people/jay_back.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}*/
.bioBack{
	background: url('/wp-content/themes/maclyngroup/img/people/marc_back.jpg');
	background-size: 100%;
    background-position-x: center;
    padding: 0px;
}
.active{
	display: block;
}
/*****Case Studies*****/
.cs_headIcons{
	text-align: center;
}
.cs_headIcons img{
	width: auto !important;
	margin-bottom: 30px;
}
.cs_headIcons h1{
	font-size: 2rem;
}
/***Approach***/
.emblem{
	position: relative;
    z-index: 1;
    top: -40px;
    width: 40px;
    left: 35%;
}
.emblem2 {
    position: relative;
    z-index: 1;
    top: -40px;
    width: 70px;
    left: 47%;
}
.approachHeader{
	background:
    linear-gradient(
      rgba(30, 30, 30, 0.75), 
      rgba(30, 30, 30, 0.75)),      
      url('/wp-content/themes/maclyngroup/img/approachHeader.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.approachHeadCopy{
	padding: 40px 0px;
    position: relative;
    width: 50%;
    text-align: center;
    margin: 0 auto;
}
.approachBrand{
	background: url('/wp-content/themes/maclyngroup/img/approach_textureBack.png');
	background-size: cover;
	background-repeat: no-repeat;
	padding: 20px;
}
.approachBrand h1{
	padding: 0;
	margin-bottom: 0;
}
.approachBrand h1:first-child{
	margin-top: 15px;
}
.whatWeDo{
	background: url('/wp-content/themes/maclyngroup/img/approach_mapBinoculars.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height: 60vw;
	max-height: 1100px;
    background-position: bottom;
}
.approachSlider{
	background: url('/wp-content/themes/maclyngroup/img/star.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    height: 28vw;
    background-position: center;
	padding: 85px 0px;
    margin: 25px 0px;
}
.aristaPhoneSlider img.phone{
	width: 27vw;
    height: 47vw;
}
.aristaPhoneSlider img.slide{
	width: 16.25vw;
    position: absolute;
    top: 33%;
    left: 18%;
    box-shadow: 0px 1px 2px;
}

#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}

.howWeWorkNav{
	padding-bottom: 35px;
    margin-top: -15px;
}
.howWeWorkNav ul{
	list-style-type: none;
    display: inline-flex;
    padding: 0;
}
.howWeWorkNav li{
    margin: 0px 20px;
	text-transform: uppercase;
}
.howWeWorkNav li:after{
    content: url('/wp-content/themes/maclyngroup/img/buttonArrows.png');
    position: absolute;
    margin: 0px 10px;	
}
.howWeWorkNav li:first-child{
	margin-left: 0px;	
}
.howWeWorkNav li:last-child:after{
    content: none;	
}
.sliderPhase{
	padding: 5px 10px;
	color: #FFF;
	font-weight: 800;
	background: #00a6cf;
	display: inline-block;
}
.carousel-control-prev-icon {
    background-image: url('/wp-content/themes/maclyngroup/img/leftArrow.png');
}
.carousel-control-next-icon {
    background-image: url('/wp-content/themes/maclyngroup/img/rightArrow.png');
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    height: 55px;
}
.carousel-control-prev {
    left: -120px;
}
.carousel-control-next {
    right: -120px;
}

/******Contact*********/
.contactInfo p{
	text-align: center;
    padding: 0;
    margin-bottom: 0;
}
.contactInfo p.WTFONT{
	text-transform: uppercase; 
}
.contactIL{
	background: url('/wp-content/themes/maclyngroup/img/contact_ILsquare.png');
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 41vw;
	border-right: 10px solid #FFF;
}
.contactIA{
	background: url('/wp-content/themes/maclyngroup/img/contact_IAsquare.png');
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 41vw;
	border-left: 10px solid #FFF;
}
.contactCopy{
	position: absolute;
	bottom: 20px;
	left: 20px;
}
/***Blog Landing***/ 
.blogList{
	text-align: left;
}
.blogListSpacing{
	padding: 40px 0px;
	border-bottom: 1px solid #DDD;
}
.blogList h1, .blogList h1 a{
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 800;	
	color: #00a6cf;
	text-decoration: none;
	box-shadow: none;
}
h2.entry-title, h2.entry-title a{
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 800;	
	color: #00a6cf;
	text-decoration: none;
	box-shadow: none;
}
.archive-date{
	padding: 15px 0px;
	font-weight: 800;
}
.blogDate_month{
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 800;
	font-family: "Gotham SSm A", "Gotham SSm B";
	color: #00a6cf;
}
.blogDate_day{
	text-transform: uppercase;
	font-size: 3rem;
	line-height: 1;
	font-family: "Gotham SSm A", "Gotham SSm B";
	color: #CCC;
}
.blogDate_year{
	text-transform: uppercase;
	font-size: 1.25rem;
	font-family: "Gotham SSm A", "Gotham SSm B";
}
.blogList a.more-tag{
	display: block;
	box-shadow: none;
	color: #00a6cf;
}
/***Single Post***/ 
.singlePost aside, .singlePost section{
	display: inline-grid;
}
.sidebarContent section{
	display: block;
}
.padTop50{
	padding-top: 50px;
}
/*.entry-content img{
	width: 100%;
}*/
article.post .entry-header h1{
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 800;	
	color: #00a6cf;
}

.event-cost {
	position: absolute;
	visibility: hidden;
}

/***MOBILE AND DEVICES***/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .navbar-nav{
	   width: 100%;
	   margin:0 7.5%;
   }
   .navbar-nav li{
	   display: inline-block;
   }
}
@media (min-width: 2000px){
body:not(.theme-preset-active) footer#colophon {
    height: 600px;
    background-position-y: -100px;
	}
}

@media (min-width: 1600px){
	body:not(.theme-preset-active) footer#colophon {
    height: 16vw;
	}
	/*.addressFooter{
	margin-top: 10vw;
	}
	.paperLogo img{
	height: 25vw;
	max-height: 425px;
	max-width: none;
	}*/
	.dogTags img{
	height: 20vw;
	max-height: 300px;
    position: absolute;
    left: 0;
    top: -10px;
    	max-width: none;
	}
} 

@media (min-width: 1200px) and (max-width:1599px){
	.container {
	max-width: none;
	}
	.dogTags img{
	height: 20vw;
    position: absolute;
    left: 0;
    top: -10px;
	}
}

@media (max-width:1200px){
	
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a:before {
	content: "";
	position: absolute;
	width: 70%;
    height: 35px;
    bottom: 0;
    left: 15%;
    right: 15%;
	color: #FFF !important;
	background: linear-gradient(to right, transparent,rgba(220,220,220,.3),transparent); 
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.navbar, .navbar-collapse{
		height: auto;
	}
	.navbar-nav{
		top:0;
	}
	.whatWeDo{
	height: 80vw;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.navbar, .navbar-collapse{
		height: auto;
		border-color: rgba(0,0,0,.1);
		border: 1px solid transparent;
	}
	.navbar-nav{
		top:0;
	}
	.whatWeDo{
	height: 100vw;
	}
	.howWeWorkNav li {
    font-size: 85%;
	}
	.approachSlider {
    height: 43vw;
    }
    .footerBlock1 {
    padding-bottom: 30px;
	}
}


@media (min-width:576px) and (max-width:767px) {
	.hideMobile{
		display: none;
	}
	.navbar, .navbar-collapse{
		height: auto;
		    border-color: rgba(0,0,0,.1);
		    border: 1px solid transparent;
	}
	.navbar-nav{
		top:0;
	}
	body:not(.theme-preset-active) footer#colophon{
		height: 180px;
	}
	.socialFooter {
    width: 320px;
	}
	.whatWeDo{
	height: 168vw;
	}
	.approachSlider {
    height: 43vw;
    }
    .emblem {
    top: 25px;
    left: 47%;
	}
	.aristaPhoneSlider img.phone {
	width: auto;
	height: auto;
	}
	.aristaPhoneSlider img.slide{
	width: 242px;
    left: 100px;
	}
	.contactIL{
	min-height: 80vw;
	border-right: 0;
	}
	.contactIA{
	min-height: 80vw;
	border-left: 0;
	}
	.contactInfo p.WTFONT {
    padding-top: 20px;
	}
}


@media (max-width: 575px){
	/*mobile menu end*/
	li.menu-item {
    width: 46.5%;
    display: inline-block;
    margin: 5px;
    padding: 30px;
    text-align: center;
	}
	.service-spacing {
    padding: 0px 40px;
	}
	.navbar-nav > li > a::before{
		display: none;
	}
	li#menu-item-31, li#menu-item-779{
	background:linear-gradient(
      rgba(20, 20, 20, 0.65), 
      rgba(20, 20, 20, 0.65)
    ),
    url('/wp-content/themes/maclyngroup/img/mobileMenu_back.jpg');
    background-size: cover;
    color: #FFF;
	}
	li#menu-item-474, li#menu-item-5182{
	background:linear-gradient(
      rgba(240, 240, 240, 0.65), 
      rgba(240, 240, 240, 0.65)
    ),
    url('/wp-content/themes/maclyngroup/img/mobileMenu_back.jpg');
    background-size: cover;

	}
	li#menu-item-27, li#menu-item-26{
	background:linear-gradient(
      rgba(0, 167, 207, 0.65), 
      rgba(0, 167, 207, 0.65)
    ),
    url('/wp-content/themes/maclyngroup/img/mobileMenu_back.jpg');
    background-size: cover;
    color: #FFF;
	}
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
	margin: 0;
	padding: 0;
	}
	li#menu-item-27 a.nav-link, li#menu-item-26 a.nav-link, li#menu-item-31 a.nav-link, li#menu-item-30 a.nav-link,li#menu-item-779 a{
	color: #FFF !important;
	}
	li#menu-item-474 a, li#menu-item- a{
	color: #000;
	}
	.mobileMenuSocial{
		display: block;
	}
	/*mobile menu end*/
	
	.contactIL{
	min-height: 80vw;
	border-right: 0;
	}
	.contactIA{
	min-height: 80vw;
	border-left: 0;
	}
	.footerCareers {
    margin-top: 10px;
	}
	.contactInfo p.WTFONT {
    padding-top: 20px;
	}
	.hideMobile{
		display: none;
	}
	.cheesy{
		padding: 0px 30px;
	}
	/*.ray, .jay, .sam, .johnny, .dave, .erin, .courtney, .kevin {
		margin-top: 30px;
	}*/
	.workHeader {
    height: 150px;
	}
	.hideVid{
	display: none;
	}
	.mobileHero{
	display: block;
	}
	.starBack {
    background-size: 80%;
    }
	.blogList h1, .blogList h1 a {
		padding-top: 15px;
	}
	.mikeApproach{
		padding-bottom: 20px;
	}
	.containerOverlay {
    width: 100%;
	}
	header#masthead {
    padding: 0px 10px;
    background: rgba(255,255,255,.95);
	}
	.navbar-brand{
	top:-5px;
    width: 60px;
	}
	.borderrightTopBottom, .borderleftTopBottom, .borderright, .borderleft{
		border: none;
	}
	.videoHover {
    height: 56vw;
	}
	.itemHoverZoom{
		height: 400px;
	}
	.hpTagline {
    position: absolute;
    top: 25%;
    left: 0;
	}
	div.hpTagline .blueSides{
	border:none;
	}
	.mobileMarginZero{
		margin: 0;
	}
	.aristaPhoneSlider img.phone {
		width: auto;
		height: auto;
	}
	.aristaPhoneSlider img.slide{
    width: 200px;
    left: 85px;
	}
	.hpMugTemp {
    background-position-x: -280px;
	}
	body:not(.theme-preset-active) footer#colophon{
	height: 200px;
	}
	.careerFooter {
    max-height: none;
    height: 210px;
	}
	.addressFooter{
	margin-top: 38px;
	}
	.navbar, .navbar-collapse{
	height: auto;
	border-color: rgba(0,0,0,.1);
	border: 1px solid transparent;
	}
	.navbar-nav{
		top:0;
		display: table;
	}
	.whatWeDo{
	height: 215vw;
	background-position: bottom left;
	}
	.approachSlider {
    height: 80vw;
    }
    .approachHeadCopy {
    padding: 40px 15px;
    width: 85%;
    }
    .emblem {
    top: 25px;
    left: 47%;
	}
    .howWeWorkNav{
	    display: none;
    }
    .cultureBrand {
    padding: 20px 20px 20px 20px;
    }
    .cultureHeadCopy {
    width: 85%;
    }
    .blogMobilePad{
	    padding: 0px 15px;
    }
	.flappyform {
	  background: none;  
    }
    .flapformmobile{
	display: block;
	}
    .flapformcontent *{
	    color: #FFFFFF;
    }
}