/* --- RESET DEFAULT BROWSER CSS --- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  /* font-family: inherit; */
  vertical-align: baseline;
}

/* removed perforated edge around links */
a { outline:0 !important; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* --- END BROWSWER RESET --- */

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: 400; }

h1 { font-size: 1.7em; line-height: 1.5em; margin-bottom: 20px; font-weight: 900; color: #382899; }
h2 { font-size: 1.5em; line-height: 1.2em; margin-bottom: 20px; font-weight: 900; color: #535252; }
h3 { font-size: 1.5em; line-height: 1.2em; margin-bottom: 15px; color: #352784; font-weight: 300; }
h4 { font-size: 1.0em; line-height: 1em; margin-bottom: 12px; }
h5 { font-size: 1em; margin-bottom: 10px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
.colored { color: #892e65; }

p { margin: 0 0 20px; }
a { color: #8ca52b; text-decoration: none; }
a:focus, a:hover { color: #8ca52b; text-decoration: underline; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists */
li ul, 
li ol       { margin:0 20px; }
ul, ol      { margin: 0 0 20px 20px; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; margin-left: 30px; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }

/* Tables */
table { margin-bottom: 0.5em; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 0px 5px 0px 5px; }
th { padding: 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }

/* Misc classes */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.evensmaller { font-size: .6em;}
.large { font-size: 1.8em; }
.hide { display: none; }
.white { color: #FFF; }

.quiet { color: #666; }
.loud { color: #000; }
.highlight { background: #fec80e; }
.added { background: #060; color: #fff; }
.removed { background: #900; color: #fff; }

.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

/* --- END DEFAULT TYPOGRAPHY --- */

body { background: #000; color: #333; font-family: Lato, Arial, Helvetica, sans-serif; font-size: 1.05em; line-height: 1.5em; overflow-x:hidden; }
img { max-width: 100%; height: inherit !important; }
.gm-style img { height: initial !important; } /* Fix for Google Maps buttons */
img[style*="float: left"] { max-width: 50%; margin: 0 30px 10px 0; }
img[style*="float: right"] { max-width: 50%; margin: 0 0 10px 30px; }
a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
hr { margin: 30px 0; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 20px; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.hidden { display: none; }
.button { display: inline-block; padding: 14px 20px; background: #FFF; color: #8098fd; border: 2px solid #c2d575; font-weight: bold; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.button:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #382899; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.button:hover, .button:focus, .button:active { color: #8098FD; background: none; color: #FFF; text-decoration: none; }
.button:hover:before, .button:focus:before, .button:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
input.button:hover, input.button:focus { background: #382899; color: #FFF; border-color: #382899; }
.button.sm { padding: 7px 20px; font-size: 0.8em }

header { background: url('images/headerBG.png') 50% center no-repeat; background-size: auto 100%; }
header .container { padding: 0; position: relative; }
header .logo { display: block; margin: 25px 0; float: left; }
header .logo img { float: left; display: inline-block; }
header .logo .xynergy { padding-left: 15px; }
header .utility { position: absolute; bottom: 0; right: 0; }
header .phoneNos { float: right; text-align: center; color: #FFF; font-size: 1.3em; font-weight: 900; padding: 0 135px 15px 0; line-height: 18px; font-family: "Lato"; letter-spacing: 2px; }
header .phoneNos .fa { color: #b4c446; }
header .phoneNos a { color: #FFF; }
header .phoneNos a:hover, header .phoneNos a:focus { color: #FFF; text-decoration: none; }
header .requestQuote { clear: both; }
header .requestQuote .mobile { display: none; }
header .requestQuote .button { float: left; padding: 12px 20px 12px 90px; line-height: 24px; font-family: "Montserrat"; font-weight: 400; font-size: 18px; letter-spacing: 0.8px; background: #fec80e; color: #535252; border: 0px; }
header .requestQuote .contactBtn { float: left; font-family: "Montserrat"; font-weight: 400; font-size: 18px; color: #d2d3d3; padding: 12px 20px; letter-spacing: 0.8px; line-height: 24px; background: #2d266d; }
header .requestQuote .button:hover, header .requestQuote .button:focus { color: #FFF; }
header .requestQuote .contactBtn:hover, header .requestQuote .contactBtn:focus { text-decoration: none; color: #FFF; background: #382899; }
header .utility .overlay { position: absolute; left: -70px; bottom: 0; height: 142px; width: 105px; background: url('images/utilityOverlay.png') left bottom no-repeat; pointer-events: none; }

main { background: #FFF; padding: 0px 0 57px; }
.home main { padding-top: 0px; }
.whiteContainer { background: #FFF; padding: 30px 0 10px; }
.greyContainer { background: #efefef; padding: 30px 0 10px; }
main ul { margin: 0 0 30px 30px; }
main ul li { margin-bottom: 8px; }
.forceRight { float: right; }

/* header adjustments on scroll */
@media (min-width: 992px) {
	header { position: fixed; width: 100%; z-index: 100; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
	main { padding: 186px 0 57px; }
	.home main { padding-top: 192px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
	.home.smHeader main { padding-top: 128px; }
	header *, .smHeader header * { -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
	header a, .smHeader header a { -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
	header .logo .icon { width: 85px; }
	header .logo .xynergy { width: 315px; }
	.smHeader header .logo { margin: 6px 0; }
	.smHeader header .logo .icon { width: 75px; animation-name: bounceInLeft; }
	.smHeader header .logo .xynergy { width: 270px; }
	.smHeader header .phoneNos { font-size: 1.1em; }
	.smHeader header .requestQuote .button, .smHeader header .contactBtn { padding-top: 8px; padding-bottom: 8px; font-size: 1em; }
	.smHeader .navbar-default .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
}

/* Menu Styles */
.navContainer { background: #ffffff; border-bottom: 1px solid #93b51c; }
.navbar-default { background: transparent; margin: 0; border: 0px; min-height: inherit; }
.navbar-collapse { max-height: initial; padding: 0; }
.navbar-default .navbar-brand { display: none; color: #231766; font-weight: bold; }
.navbar-default .navbar-toggle { border-color: #231766; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #231766; }
.navbar-default .navbar-toggle .icon-bar { background: #231766; }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background: #FFF; }
.navbar-default .navbar-nav > li > a { font-weight: 400; font-family: "Montserrat", "Lucida Sans", "Lucida Grande", Arial, sans-serif; letter-spacing: 2px; font-size: 13.7px; color: #010101; padding: 18px 18px; text-transform: uppercase; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: #231766; color: #FFF; }

.dropdown-menu > li > a { font-size: 15px; -webkit-font-smoothing: antialiased; font-family: "Montserrat", "Lucida Sans", "Lucida Grande", Arial, sans-serif; font-weight: normal; line-height: 1.55; padding-top: .6em; padding-bottom: .6em; }
.dropdown-menu > li > a.green { background: #c9de77; color: #4b57c4; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: #231766; color: #FFF; }

.navbar-default .navbar-nav > li:last-child > .dropdown-menu > li:last-child a { padding-top: 0.8em; padding-bottom: 0.8em; border-top: 1px solid #231766; color: #231766; }
.navbar-default .navbar-nav > li:last-child > .dropdown-menu > li:last-child a:hover, .navbar-default .navbar-nav > li:last-child > .dropdown-menu > li:last-child a:focus { color: #FFF !important; }
.navbar-default .navbar-nav > li:last-child > .dropdown-menu > li.active:last-child a { border-top: 0px; color: #FFF; }
/* Removed because Jen changed the menu
.home .navbar-default .navbar-nav > li:last-child > a {	-webkit-animation:colorchange 2.5s 1 alternate; animation:colorchange 2.5s 1 alternate; animation-delay: 3s; }
*/
.menuShortTitle { display: none; }
.menuShortestTitle { display: none; }

@media (min-width: 768px) {
	.navbar-default .navbar-nav > li > a .sub-arrow { display: none; }
	.navbar-default .navbar-nav > li:last-child { display: none; }
	.clients .navbar-default .navbar-nav > li:last-child { display: initial; }
	.navbar-default .navbar-nav > .active > a { background: transparent; color: #777; }
	.navbar-nav > li > .dropdown-menu { padding: 0; }
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #382899; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.menuShortTitle { display: inherit; }
	.menuLongTitle { display: none; }
	.navbar-default .navbar-nav > li > a { font-size: 0.9em; padding: 15px 14px; letter-spacing: 1.1px; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.menuShortestTitle { display: inherit; }
	.menuLongTitle { display: none; }
	.navbar-default .navbar-nav > li > a { font-size: 0.9em; padding: 15px 14px; letter-spacing: inherit; }
}
@media (max-width: 767px) {
	.navbar-collapse { padding: 0 15px; }
	.navbar-collapse.in { overflow-y: hidden; max-height: none; }
	.navbar-default .navbar-brand { display: block; }
	.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus { background: #231766; color: #FFF; }
	.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow { width: 100% !important; text-align: right !important; padding-right: 30px; border: 0px; float: right; width: 40px; height: 57px; line-height: 57px; text-align: center; font-size: 1.8em; position: absolute; right: 0; top: 0; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #111; font-weight: 300; padding: 12px 50px 12px 50px; }
	.navbar-default .navbar-nav .open .dropdown-menu .dropdown-menu { display: block !important; }
	.navbar-default .navbar-nav .open .dropdown-menu .dropdown-menu > li > a { padding: 12px 50px 12px 80px; }
	.navbar-default .navbar-nav .open .dropdown-menu .sub-arrow { display: none; }
	.navbar-nav > li a.has-submenu.highlighted .sub-arrow .fa { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
}

/* Homepage Slider */
.homeSlider + .greyContainer { padding: 28px 0 10px; }
.homeSlider + .greyContainer h1 { margin: 0; }
.homeSlider { background: #2c1880; }
/*
.homeSlider { background: url('images/blueContainerPattern.png') repeat-x; background-size: auto 100%; }
.homeSliderInner { background: url('images/sliderBG.jpg') center no-repeat; background-size: auto 100%; }
*/
.homeSlider .owl-stage { display: flex; align-items: flex-end; }
.homeSlider .item { color: #FFF; position: relative; }
.homeSlider .item .bg { display: block; width: 100%; }
.homeSlider .item .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; background: rgba(0,0,0,0.52); }
.homeSlider .item h2 { color: #FFF; font-size: 2.2vw; margin-bottom: 2vw; font-weight: 600; font-family: "Montserrat"; }
.homeSlider .item h2 strong { font-weight: 600; letter-spacing: 2px;}
.homeSlider .item h2 em { color: #feca2e; font-style: normal; font-weight: 600; }
.homeSlider .item p { font-size: 1.3em; margin-bottom: 1.5vw; }
.homeSlider .item .count { display: none; font-size: 2vw; margin: 1.5vw 0 2vw; font-weight: bold; color: #b4c446; }
.homeSlider .item .button { background: transparent; border-color: #c2d575; color: #c2d575; }
.homeSlider .item .button:before { background: #c2d575; }
.homeSlider .item .button:hover, .homeSlider .item .button:focus { color: #FFF; }

.homeSlider .item .full { flex-direction: column; align-items: center; justify-content: center; background: transparent; }
.homeSlider .item .full h2 { font-size: 2.5vw; font-weight: normal; margin-bottom: 1.8vw; }
.homeSlider .item .full p { font-size: 1.7vw; line-height: 1.4; margin-bottom: 1.5vw; }
.homeSlider .item .full p:last-child { margin-bottom: 0px; }
.homeSlider .item .full .button { font-size: 0.7em; }
.homeSlider .item .full img.xynergyConsumer51 { max-width: 50vw; margin: 0 auto; }

.homeSlider .item .split { display: flex; align-items: center; }
.homeSlider .item .split .image { flex-basis: 42%; flex-shrink: 0; height: 100%; }
.homeSlider .item .split .image img { width: initial; }
.homeSlider .item .split .content { padding-right: 60px; }

.homeSlider .owl-nav { pointer-events: none; position: absolute; bottom: 30px; right: 60px; }
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { width: 80px; height: 80px; margin: 0 0 0 20px !important; font-size: 2em; line-height: 70px; background: rgba(0,0,0,0.3) !important; color: #FFF; opacity: 1; border: 4px solid transparent; display: inline-block; border-radius: 50% !important; padding: 0; pointer-events: auto; text-align: center; outline: 0px !important; }
.homeSlider .owl-nav > button:hover { opacity: 1; background: rgba(0,0,0,0.5); border-color: #FFF; }
.homeSlider .owl-nav > button.owl-prev { }
.homeSlider .owl-nav > button.owl-next { background-position: right center; }

/* Homepage */
.animated.fadeInUp { transition-duration: .75s; animation-duration: .75s; }

.homeWhite1 h1 { font-size: 1.55em; font-weight: 900; color: #535252; letter-spacing: 0.5px; margin-bottom: 15px; }
.homeWhite1 h3 { font-size: 1.15em; margin-bottom: 12px; color: #535252; }
.twoColWithDivider { padding: 10px 0; }
.twoColWithDivider > div:first-child { padding-bottom: 0; padding-right: 30px; padding-top: 5px; }
.twoColWithDivider > div:last-child { border-left: 1px solid #7e7e80; padding-bottom: 0; padding-left: 30px; padding-top: 5px; }
.twoColNoDivider > div:first-child { padding-right: 30px; }
.twoColNoDivider > div:last-child { padding-left: 30px; }

.homeCTA1 { font-size: 1.3em; font-weight: 300; text-align: center; color: #3a258f; }
.homeCTA1 .button { margin-right: 10px; }

.greenContainer { background: url('images/greenContainerBG.jpg') top center repeat-y; background-size: auto 100%; color: #3c3c3a; }
/* diagonal slide animation */
.xyn-slide-in-top-left { position: relative; overflow: hidden; }
.xyn-slide-in-top-left.animated:before { transform: rotate(-50deg) translate(1300px, -380px); }
.xyn-slide-in-top-left:before { content: ""; position: absolute; opacity: 0; transform: rotate(-50deg) translate(1750px, -380px); transition: all 1s ease-in-out; z-index: 0; }

.homeGreen {	background: url('images/greenContainerBG-2.jpg') top center repeat-y; }
.homeGreen.animated:before { opacity: .6; }
.homeGreen:before { content: ""; background-color: #afcc40; width: 3210px; height: 2000px; opacity: 0; transform: rotate(-50deg) translate(1750px, -380px); left: 50%; -webkit-transition-delay: 1s; transition-delay: 1s; z-index: 0; }
.homeGreen p:last-child { }
.homeGreen .button { background: transparent; border-color: #FFF; color: #4354dd; font-size: 0.9em; text-transform: uppercase; }
.homeGreen .button:hover, .homeGreen .button:focus { background:none; color: #8098FD; }
.button.green:before, .button.green:before { background: url('images/greenPatternBG.png') repeat; }
.homeGreenLeft img { display: block; }
.homeGreen h2 { margin: 20px 0 10px; }
.homeGreen h4 { margin: 20px 0 10px; line-height: 1.7em; }
.homeGreenRight img { margin: -17px 20px 0 0; }

.homeWhite2 h3 { margin-top: 30px; }

.purpleContainer { padding: 30px 0px; background: url('images/purpleXdualToneBG.jpg') top center no-repeat; background-size: auto 100%; }
.homePurple { position: relative; overflow: hidden; }
.homePurple h2 { color: #c6da73; line-height: 56px; float: left; margin-bottom: 30px; font-weight: 400; font-size: 1.6em; }
.homePurple .button { float: right; background: transparent; border-color: #4354dd; color: #83a0de; font-size: 0.9em; text-transform: uppercase; margin-bottom: 30px; }
.homePurple .button:hover, .homePurple .button:focus { color: #FFF; }
.recentProjects a { color: #8098fd; font-size: 1em; line-height: 1.6em; display: block; }

.lightGreenContainer { background: url('images/lightGreenPatternBG.png') repeat; padding: 30px 0; }
.homeLightGreen1 h2 { color: #809c0f; margin: 0; font-size: 1.7em; font-weight: 700; }

.homeWhite3 { font-size: 0.85em; background: url('images/dmBlocksBG.png') center no-repeat; background-size: auto 100%; position: relative; overflow: hidden; }
.homeWhite3 a { color: #93b51c; font-size: 1.2em; font-weight: bold; }

.dmBlocks { position: relative; width: 100%; height: 490px; margin-top: 25px; }
.dmBlocks .wow { z-index: 2; }
.dmBlocks .dmBlock { display: inline-block; box-shadow: 5px 0px 3px #333; position: absolute; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.dmBlocks a { display: inline-block; color: #FFF; text-align: center; }
.dmBlocks a:hover { color: #000; }
.dmBlocks a:hover img { animation-name: pulse; }
.dmBlocks a .inner { display: inline-block; position: absolute; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.dmBlocks a .inner span { display: block; line-height: 1.2em; font-size: 0.9em; }
.dmBlocks a .inner img { height: initial !important; }
.dmBlocks .stats { background: #4d37a5; width: 120px; height: 120px; left: 0px; top: 0px; }
.dmBlocks .seo { background: #bfd473; width: 185px; height: 185px; left: 115px; top: 15px; z-index: 2; }
.dmBlocks .ads { background: #926e31; background: -moz-linear-gradient(top,  #926e31 0%, #ffc446 37%, #ffc446 100%); background: -webkit-linear-gradient(top,  #926e31 0%,#ffc446 37%,#ffc446 100%); background: linear-gradient(to bottom,  #926e31 0%,#ffc446 37%,#ffc446 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#926e31', endColorstr='#ffc446',GradientType=0 );  width: 180px; height: 180px; left: 0px; top: 158px; z-index: 1; }
.dmBlocks .some { background: #a6b756; width: 150px; height: 150px; left: 149px; top: 255px; z-index: 3; }
.dmBlocks .start { background: #7b77d7; width: 72px; height: 72px; left: 280px; top: 0px; }
.dmBlocks .shadow { background: url('images/dmBlocksShadow.jpg') center no-repeat; width: 208px; height: 29px; position: absolute; left: 120px; top: 455px; z-index: 1; }
.dmBlocks .dmText { position: absolute; max-width: 195px; right: 0; top: 160px; line-height: 1.3em; color: #5f5f60; }
.dmBlocks .dmText h3 { font-size: 1.3em; color: #8098fd; font-weight: 700; margin-bottom: 5px; }
.dmBlocks .stats .inner { left: 20px; top: 10px; }
.dmBlocks .seo .inner { left: 35px; top: 12px; }
.dmBlocks .ads .inner { left: 42px; top: 25px; }
.dmBlocks .some .inner { left: 23px; top: 3px; }
.dmBlocks .start .inner { left: 13px; top: 14px; text-transform: uppercase; }

.homePurple2 { padding: 0; box-shadow: 0px 1px 5px #000000; margin-bottom: 6px; background: url('images/purpleDualToneBG.jpg') center no-repeat; background-size: auto 100%; }
.homePurple2 .col-sm-4 { padding: 0; }
.homePurple2 .col-sm-4:nth-child(2) { background-color: rgba(255,255,255,0.1); }
.homePurple2 .cta { display: block; text-align: center; padding: 30px; }
.homePurple2 .cta img { display: inline-block; }
.homePurple2 .cta span.title { display: block; font-size: 1.5em; line-height: 1.2em; margin-bottom: 15px; color: #8199fd; font-weight: 300; }
.homePurple2 .cta span.text { display: block; color: #cfcfcf; margin-top: 10px; line-height: 1.3em; }
.homePurple2 .cta:hover { text-decoration: none; }
.homePurple2 .cta:hover span.title, .homePurple2 .cta:hover span.text { color: #FFF; }
.homePurple2 .cta:hover img { animation-name: pulse; }

.homeWhite4 { padding-bottom: 0; color: #515050; }
.homeWhite4 h2 { color: #7e7e7e; font-weight: 700; text-align: center; }
.homeWhite4 .left { text-align: right; font-size: 0.9em; }
.homeWhite4 .right { font-size: 0.9em; }
.homeWhite4 img { display: block; margin: 0 auto; }

.yellowContainer { background: #feca2f; padding-top: 30px; padding-bottom: 30px; color: #FFF; }
.whyWait { color: #4f4f4f; text-align: center; }
.whyWait .row > div:first-child { text-align: right; }
.whyWait h3 { font-size: 1.3em; font-weight: bold; line-height: 56px; margin: 0; display: inline-block; }
.whyWait p { display: inline-block; margin: 0; }
.whyWait .button { border-color: #FFF; background: transparent; margin-left: 30px; font-size: 1.2em; }
.whyWait .button:hover, .whyWait .button:focus { background:none; color: #8098FD; }

.appContainer { height: 426px; background: url('images/appContainerBG-update.jpg') center bottom no-repeat; color: #5a5a5a; margin-bottom: -57px; }
.appContainer .container { padding: 80px 410px 0 240px; }
.appContainer .button { margin: 15px 0 0 115px; }

/* Subnav */
.subnav ul { margin: 0 0 30px; }
.subnav li { list-style-type: none; margin-bottom: 2px; }
.subnav li a, .subnav li .clientsBtn { display: block; background: #F1F1F1; color: #030303; padding: 10px; }
.subnav li a:hover, .subnav li a:focus, .subnav li.active > a, .subnav li .clientsBtn:hover, .subnav li .clientsBtn:focus { background: #382899; color: #FFF; font-weight: bold; text-decoration: none; cursor: pointer; }

.subnav li.parent-active > a { background: #2B177F; color: #FFF; font-weight: bold; margin-bottom: 2px; }
.subnav ul ul { margin: 0; background: #FFF; }
.subnav ul ul li a { background: #FFF; color: #030303; padding: 6px 10px 6px 25px; }
.subnav ul ul li a:hover, .subnav ul ul li a:focus, .subnav ul ul li.active > a { background: #777; color: #FFF; }

.box { background: #F1F1F1; padding: 30px; margin-bottom: 30px; }

.css3col { -webkit-column-count: 3;  -moz-column-count: 3;  column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
.css2col { -webkit-column-count: 2;  -moz-column-count: 2;  column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }

/* Portfolio */
.portfolioList { margin-top: 45px; }
.portfolioList.industry { margin-top: 0px; }
.portfolioItem { margin-bottom: 30px; }
.portfolioItem img { display: block;}
.portfolioItem .title { display: block; }
.portfolioList .col-md-4:nth-child(3n+1) { clear: both; }

.portfolioSliderContainer { max-width: 635px; margin: 0 auto 30px; }
#portfolioSlider .item { text-align: center; }
#portfolioSlider .item a { display: inline-block; }
#portfolioSlider .owl-nav { height: 50px; pointer-events: none; width: 100%; margin-bottom: 30px; text-align: center; }
#portfolioSlider.owl-carousel .owl-nav button.owl-prev, #portfolioSlider.owl-carousel .owl-nav button.owl-next { display: inline-block; height: 50px; margin: 0 5px !important; padding: 0; pointer-events: auto; width: 50px; background: none; font-size: 2em; line-height: 40px; }
#portfolioSlider.owl-carousel .owl-nav button:hover, #portfolioSlider.owl-carousel .owl-nav button:focus { background: rgba(0,0,0,0.5) !important; }

.portfolioItem .title { padding: 1em 0; }
#portfolioRightImage { margin-bottom: 3em; }
.portfolioDetail h2.siteLink { margin-top: 6px; }

/* Press */
.pressItem { margin-bottom: 45px; padding-left: 100px; position: relative; clear: both; }
.pressItem .date { position: absolute; left: 0; top: 0; width: 80px; background: #F1F1F1; padding: 10px 0; line-height: 1em; }
.pressItem .date span { display: block; text-align: center; text-transform: uppercase; }
.pressItem .date .day { font-size: 1.2em; font-weight: bold; margin-bottom: 2px; }
.pressItem .date .year { font-weight: bold; }
.pressItem.pressDetail { padding: 0; }
.pressItem.pressDetail .date { position: static; float: left; margin: 0 20px 15px 0; }

/* Paging */
.paging { clear: both; }

/* Footer */
footer { font-size: 0.9em; letter-spacing: 1px; margin-top: -27px; font-family: "Montserrat"; }
.footer { color: #d5d7da; padding: 27px 0 0; background: url('images/footerBG.png') center top no-repeat; height: 383px; display: flex; align-items: center; justify-content: space-between; }
.footer a { color: #FFF; }
.footer a:hover, .footer a:focus { color: #FFF; text-decoration: none; }
.footer h4 { color: #FFF; font-size: 1.4em; font-weight: 800; margin-bottom: 25px; text-transform: uppercase; font-family: "Montserrat"; }
.footer .footerLogo { flex-basis: 46%; flex-shrink: 0; text-align: center; padding-right: 50px; }
.footer .footerLogo a { display: block; }
.footer .social { flex-basis: 19%; flex-shrink: 0; }
.footer .social .fa { font-size: 2em; margin: 10px 5px 20px; }
.footer .social .phone { font-size: 1.7em; font-weight: 600; color: #feca2f; margin-left: 40px; }
.footer .locations { flex-basis: 35%; flex-shrink: 0; padding-left: 30px; }
.footer .location { position: relative; padding-left: 30px; }
.footer .location .fa { font-size: 1.7em; position: absolute; left: 0; top: 0; color: #b4c446; }
.footer .location .address { color: #d5d7da; font-weight: 300; font-size: 0.9em; line-height: 1.6em; margin-bottom: 15px; }
.footer .location h5 { color: #FFF; font-family: "Montserrat"; font-weight: 600; font-size: 1em; margin-bottom: 0; }

.copyright { color: #5c5c5c; padding: 10px 0; font-size: 0.8em; text-align: center; }
.copyright a { color: #5c5c5c; text-decoration: underline; }
.copyright a:hover, .copyright a:focus { color: #ccc; }
.copyright .login { font-size: 1.3em; }

/* Expanding Panels */
@keyframes arrowSpinOut {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(180deg); }
}
@keyframes arrowSpinIn {
	0% { transform: rotate(180deg); }
	100% { transform: rotate(0deg); }
}
.panel-group { margin-bottom: 30px; }
.panel-default > .panel-heading, .panel-group .panel { padding: 0; }
.panel-group .panel + .panel { margin-top: 10px; }
.panel-title { font-size: 1em; line-height: 1.4em; }
.panel-title a { display: block; padding: 10px 10px 10px 30px; position: relative; }
.panel-title a:hover, .panel-title a:focus { text-decoration: none !important; }
.panel-title a .fa { display: inline-block; height: 15px; width: 15px; font-size: 14px; line-height: 12px; position: absolute; left: 9px; top: 14px; animation: 0.4s ease 0s normal forwards 1 running arrowSpinOut; }
.panel-title a.collapsed .fa { animation: 0.4s ease 0s normal forwards 1 running arrowSpinIn; }
.panel-default > .panel-heading + .panel-collapse .panel-body { border: 0px; padding-left: 30px; }

/* News & Blog Styles */
.categoriesList, .tagsList, .archivesList { margin-bottom: 30px; }
.categoriesList ul, .tagsList ul, .archivesList ul { margin-bottom: 0px; list-style-type: none; }
.archivesList .archiveLink { display: block;margin-bottom: 10px; }
.archivesList .panel-title a .fa { top: 12px; }
.videoThumb { position: relative; }
.videoThumb .playBtn { top: 39%; left: 41%; background: url('images/youtubePlay.png') no-repeat; width: 40px; height: 28px; display: inline-block; position: absolute; }

.categoriesList > ul:nth-child(2) { margin-left: 0; }
.categoriesList h4 { font-size: 1.25em; color: rgb(56, 40, 153); margin-bottom: 1em; }

.newsItem { margin-bottom: 30px; }
.newsItem .image, .newsItem .videoThumb { float: right; max-width: 200px }

.blogSidebar .searchBox { margin: 1em 0; }
.blogSidebar .searchBox label { display: none; }
.blogSidebar .searchBox button { padding: .5em; border: 2px solid rgb(56, 40, 153); background-color:#dfdaff; color: rgb(56, 40, 153); text-transform: uppercase; }
.blogSidebar .searchBox button:hover { background-color: rgb(56, 40, 153); color: #dfdaff; }
.blogSidebar .searchBox h4 { display: none; }
.blogInfo { margin-bottom: 30px; }
.blogInfo span { margin-right: 15px; }
.blogItem { margin-bottom: 45px; }
.blogItem .image, .blogItem .videoThumb { float: left; max-width: 200px; margin: 0 20px 5px 0; }
.blogDetail { /*padding-right: 2em;*/ }
.blogDetail .image { text-align: center; }
.blogDetail img { margin-bottom: 2em; }
.blogDetail figure { margin-bottom: 1em; }
figcaption { color: #666; font-style: italic; letter-spacing: 1px; margin-bottom: .125em; margin-top: .5em; padding: .125rem;/* 1.1rem 0 1.1rem;*/ }
.blogDetail figure img { margin-bottom: 0; }
.warning-text, .warning-text > * { font-weight: 600; color: #850d0d !important; }
.green-text, .green-text > * { font-weight: 600; color: green !important; }
.blog-example { background-color: #F8F8FC; padding: 2.25rem; border: 1px solid #f1f0f9; margin-bottom: 2em; margin-top: 1.5em; }
.blog-example * { color: #666; }
.blog-example h1, .blog-example h2, .blog-example h3, .blog-example h4,.blog-example h5, .blog-example h6 { color: #5c587d; padding-bottom: 1em; text-transform: uppercase; padding-top: 1.5em; }
.blog-example *:first-child { padding-top: 0; }
.blog-example img { border: 1px solid #f1f0f9; }
.blog-example *:last-child { margin-bottom:0; /* we only want the example box's padding at the bottom, not whatever margin a paragraph or image creates below itself */ }
.finePrint { font-size: .75em; color: #999; margin-top: 1.5em; }
.blogSerp .blogInfo { display: block; position: static; margin-bottom: 15px; }
.blogSerp .blogInfo .author, .blogSerp .blogItem a { display: initial; }

.blogCTA, .blogCTA .blogTitle, .blogCTA .videoThumb { display: block; text-align: center; }
.blogCTAs.vertical .blogCTA { margin-bottom: 30px; }

/* JA commented 2018-08-14 because I don't know why this was added and it's impacting things we don't want it to - needs to be more specific.  moved the focus element to the rest of the Forms styling
input[type="text"], input[type="email"] { padding: .5em .5em .5em .75em; width: 85%; border: 2px solid rgb(56, 40, 153); color: rgb(56, 40, 153); }
:focus { outline-color: rgb(56, 40, 153); outline-style: auto; outline-width: 5px; }
*/

/* Paging */
.paging ul { margin: 0 0 30px; }
.paging li { display: inline-block; line-height: 25px; }
.paging li.pages { margin-right: 10px; }
.paging li a { border: 1px solid #000; padding: 0 8px; display: inline-block; line-height: 25px; }
.paging li a.active { color: #000; }

/* Forms */
.form label, .form strong { margin-bottom: 2px; }
.form li { list-style-type: none; }
.form .formInput { margin-bottom: 15px; }
.form input[type="text"], .form input[type="password"], .form input[type="email"], .form textarea, .form select { width: 100%; padding: 5px; border: 1px solid #7a7a7a; border-radius: 0px; }
.form input[type="text"]:focus, .form input[type="password"]:focus, .form input[type="email"]:focus, .form textarea:focus, .form select:focus { outline-color: rgb(56, 40, 153); outline-style: auto; outline-width: 5px; }
.form .formSubmit { text-align: right; }
.error { color: red; background: #fff; margin: 2px 0 0; display: inline-block; }
.form .errorInput { border: 1px solid red !important; }
.form .errorInput:focus { border: 1px solid #7a7a7a !important; }
.dform_captcha { margin-bottom: 10px; }
.form .button[disabled="disabled"]:hover, .form .button[disabled="disabled"]:focus { color: #8098fd; border: 2px solid #c2d575; background: #FFF; }

.cta { position: relative; display: block; color: #FFF; margin-bottom: 30px; }
.cta img { display: block; }
.cta .overlay { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); padding: 10px 30px; }
.cta .overlay .heading { display: block; text-align: center; font-weight: bold; margin-bottom: 5px; font-size: 1.5em; }
.cta .overlay .subheading { display: block; text-align: center; }
a.cta:hover { color: #FFF; }
a.cta:hover .overlay { background: rgba(0,0,0,0.7); }

.css3col { -webkit-column-count: 3;  -moz-column-count: 3;  column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
.css2col { -webkit-column-count: 2;  -moz-column-count: 2;  column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }

#map-canvasABQ, #map-canvasSF { height: 350px; margin-bottom: 10px; }
:target:before, a[name]:not([name=""]) { padding-top: 15px; margin-top: -15px; display: block; } /* Offset anchors slightly on smaller screens - for larger screens see media queries */

.testimonialsList, .pressList  { margin-top: 45px; }
.testimonialsList > div:nth-child(odd) { clear: both; }

.testimonial { margin-bottom: 30px; border: 1px solid #ccc; padding: 15px; }
.testimonial blockquote { font-style: initial; position: relative; margin: 0px; padding: 0 0 0 30px; }
.testimonial blockquote .author { font-style: italic; font-weight: 600; float: left; min-height: 2em; }
.testimonial blockquote .author .position { padding-left: 17px; }
.testimonial blockquote .link { float: right; padding-top: 2px; }
.testimonial blockquote .fa.fa-quote-left { position: absolute; left: 0; top: 0; color: #382899; font-size: 1.3em; }
.testimonial blockquote .fa.fa-quote-right { position: absolute; right: 0; bottom: 45px; color: #382899; font-size: 1.3em; }

/* Table styles */ 
table {	margin-bottom: 2.5rem; border: solid 1px #C5C3D6; }
table thead th { background-color: #C5C3D6; color: #422e63; font-family:"Open Sans", "Helvetica Nue", "Arial", san-serif; padding: 12px; padding-left: 2.5rem; padding-right: 2.5rem; }
table tbody tr:nth-child(even) { background-color: #EBEBF1; }
table tr td { padding: 10px; padding-left: 2.5rem; padding-right: 2.5rem; color: #4f5151; }
table tbody tr td a { color: #5B3F88; font-weight: 300; letter-spacing: .05px; }
table tfoot { background-color:#E9EBF7; }
table tfoot tr td a { color: #5B3F88; font-weight: 300; letter-spacing: .05px; }

.socialShare { margin-top: 2.5em; color: #999; font-weight: bold; letter-spacing: .05em; }
.os-share-widget-interface.share-container { margin: .75em 0; }

.internalAnchor:before { content: ''; display: block; position: relative; width: 0; height: 5.125em; margin-top: -5em }
.verticalCenter { display: flex; align-items: center; /*justify-content: center;*/ }
.HouserRight { display: flex; flex-direction: column; height: 308px; justify-content: center; }

.awardBox { margin-bottom: 2em; margin-top: 1.5em; }
.awardBox ul { list-style: none; margin: 0; padding: 0; }
.awardBox .awardBug { display: flex; }
.awardBox .awardBug img { float: left; height: 100% !important; width: 64px !important; padding-right: 1em; padding-top: .3em; mix-blend-mode: multiply; }
.awardBox .awardBug figcaption { display: inline-block; margin: 0 0 1em 0; padding: 0 1em 1em 1em; }
.awardBox .awardBug:last-of-type figcaption { padding-bottom: 0; }
.awardBox .rightImages { float: right; max-width: 16%; }

/* Custom Section Landing Page Banners */
.banner { position: relative;  }
.banner + .container, .banner + .container-fluid { /* padding-top: 30px; */ } /* adding the padding to the container following the banner prevents a black bar (background color) from showing on pages without a banner image */
.banner > img { display: block; width: 100%; }
.banner .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner .colorOverlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url('images/bannerOverlayGreenPattern.png') center top repeat-y; background-size: 100% auto; /* width: 46%; background: rgba(187,211,89,0.85);*/ }
.banner .overlay .container2 { height: 100%; width: 45%; padding-right: 50px; display: flex; align-items: center; justify-content: flex-end; opacity: 0.999; }
.banner .overlay .container { display: none; }

.banner .marketing .overlayText { font-size: 3.5em; color: #FFF; font-weight: 400; line-height: 1.1em; padding-top: 20px; }
.banner .marketing .overlayText .thin { font-size: 1.3em; font-weight: 100; color: #4A57C5; letter-spacing: 6.3px; text-transform: uppercase; display: block; }
.banner .marketing .overlayText small { font-size: 0.37em; font-weight: normal; line-height: 1.6em; display: block; padding-left: 5px; letter-spacing: 1px; }
.banner .marketing .overlayText small.visible-xxs { display: none; }

.banner .design .colorOverlay { background: url('images/bannerOverlayDesign.png') left top no-repeat; background-size: 100% auto; }
.banner .design .overlayText { font-size: 5.5em; font-weight: 100; line-height: 1em; color: #FFF; text-transform: uppercase; padding-top: 20px; text-align: right; }
.banner .design .overlayText .thin { display: block; line-height: 1em; letter-spacing: -5px; color: #4A57C5; }
.banner .design .overlayText strong { display: block; font-size: 0.32em; font-weight: 900; letter-spacing: 1.5px; line-height: 1em; }
.banner .design .overlayText .amp { font-size: 1em; font-weight: 100; line-height: 1em; }
.banner .design .overlayText small { font-size: 0.5em; font-weight: 100; line-height: 1em; display: block; letter-spacing: 6px; margin-right: -8px; }

.banner .support .overlayText { font-size: 4em; font-weight: 100; line-height: 1em; text-transform: uppercase; color: #FFF; padding-top: 20px; }
.banner .support .overlayText .ampWrapper { display: block; }
.banner .support .overlayText .thin { letter-spacing: 16.6px; line-height: 0.9em; display: block; color: #4A57C5; }
.banner .support .overlayText strong { font-weight: 600; letter-spacing: 2.1px; display: block; padding-left: 0.2vw; }
.banner .support .overlayText small { font-size: 0.33em; font-weight: 600; line-height: 1.3em; display: block; padding-left: 0.4vw; letter-spacing: 1.2px; }
.banner .support .overlayText .amp { font-size: 1em; font-weight: 300; line-height: 1em; }
.banner .support .overlayText .transparent { opacity: 0.6; }

.banner .about .overlayText { font-size: 2.2em; font-weight: 400; line-height: 1.1em; color: #FFF; padding-top: 20px; }
.banner .about .overlayText .thin { font-size: 2em; letter-spacing: -5px; font-weight: 100; line-height: 0.9em; display: block; color: #4A57C5; text-transform: uppercase; margin-left: -0.3vw; }
.banner .about .overlayText small { font-size: 0.6em; line-height: 1.5em; display: block; padding-left: 0.13vw; }

.banner .awards .colorOverlay { background: url('images/bannerOverlayAwards.jpg') left center no-repeat; background-size: auto 100%; }
.banner .awards .overlayText { font-size: 5em; font-weight: 600; line-height: 1em; color: #FFF; padding-top: 20px; text-align: right; }
.banner .awards .overlayText .thin { display: block; font-weight: 100; line-height: 1em; letter-spacing: -3px; color: #4A57C5; text-transform: uppercase; }
.banner .awards .overlayText small { font-size: 0.3em; line-height: 1em; display: block; letter-spacing: 1px; }

.banner .portfolio .overlayText { font-size: 5em; font-weight: 600; line-height: 1em; color: #FFF; padding-top: 20px; text-align: right; }

.banner .app .overlayText { color: white;line-height: 1.2; font-weight: bold; letter-spacing: 1px; }

/* Inner page overlayStrips */
.banner .overlayStrip .container2, .banner .overlayStrip .colorOverlay { display: none; }
.banner .overlayStrip .container { display: block; }
/* adjustments on scroll */
.smHeader .banner .overlayStrip { background-position: -1000px center; }

@media (min-width: 768px) {
	.banner .overlay.overlayStrip { font-weight: 300; height: 65px; font-size: 1.8em; padding-top: 20px; background: #c9de77; color: #FFF; position: absolute; top: inherit; bottom: 0; left: 0; width: 100%; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; letter-spacing: 1px; overflow: hidden; }
	.banner .overlay.overlayStrip:after { content: url('images/overlayStripBG.png'); position: absolute; bottom: -10px; right: 50%; transform: translate(-160px,0); -webkit-transform: translate(-160px,0); -o-transform: translate(-160px,0); -moz-transform: translate(-160px,0); }
	.banner.min100 { min-height: 65px; }
	.banner.min100:not(.landingPg) > img { padding-bottom: 60px; }
	.banner .overlay.overlayStrip .overlayText { font-size: 1em; height: 65px; font-weight: 100; line-height: 1em; letter-spacing: inherit; padding: 0; margin: 0; text-transform: initial; text-align: inherit; }
	.banner .app .overlayText { font-size: 1.75em; padding-left: 6vw; }
}
@media (min-width: 992px) {
	.banner.min100 { min-height: 80px; }
	.banner.min100:not(.landingPg) > img { padding-bottom: 65px; }
	.banner .overlay.overlayStrip { font-weight: 100; height: 80px; font-size: 2.5em; padding-top: 25px; text-align: left; background: #c9de77; }
	.banner .overlay.overlayStrip:after { transform: translate(-245px,0); -webkit-transform: translate(-245px,0); -o-transform: translate(-245px,0); -moz-transform: translate(-245px,0); }
	.banner .overlay.overlayStrip.stuck { position: fixed; top: 128px; z-index: 10; font-size: 1.6em; font-weight: 300; height: 40px; line-height: 35px; padding-top: 0; }
	.banner .overlay.overlayStrip.stuck .overlayText { line-height: 38px; font-weight: inherit; }
	.banner .app .overlayText { font-size: 2.5em; }
}
@media (min-width: 1199px) {
	.banner.min100 { min-height: 100px; }
	.banner.min100:not(.landingPg) > img { padding-bottom: 75px; }
	.banner .overlay.overlayStrip { height: 100px; font-size: 3em; padding-top: 35px; }
	.banner .overlay.overlayStrip:after { transform: translate(-315px,0); -webkit-transform: translate(-315px,0); -o-transform: translate(-315px,0); -moz-transform: translate(-315px,0); }
	.banner .app .overlayText { font-size: 3.3em; }
}
@media (max-width: 991px) {
	.banner .overlayStrip { position: static; background-image: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.banner .overlay.overlayStrip .overlayText { font-weight: 300; height: inherit; padding: 0; }
}
@media (max-width: 767px) {
	.banner .overlayStrip .container2 { display: initial; }
	.banner .overlayStrip .container { display: none; }
	.banner > img { min-height: inherit; }
}

.visible-xxs { display: none; }
@media (min-width: 992px) and (max-width: 1199px) {
	.banner .overlay .container2 { padding-right: 40px; }
	.banner .marketing .overlayText { font-size: 2.8em; }
	.banner .marketing .overlayText .thin { letter-spacing: 4.6px; }
	.banner .design .overlayText { font-size: 4em; }
	.banner .design .overlayText .thin { letter-spacing: -3.5px; }
	.banner .design .overlayText small { margin-right: -6px; }
	.banner .support .overlayText { font-size: 3.4em; }
	.banner .support .overlayText .thin { letter-spacing: 14.4px; }
	.banner .about .overlayText { font-size: 1.95em; }
	.banner .about .overlayText .thin { letter-spacing: -3.5px; }
	.banner .awards .overlayText { font-size: 4em; }
	.banner .awards .overlayText .thin { letter-spacing: -1px; }
	.banner .portfolio .overlayText { font-size: 4em; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.banner .overlay .container2 { padding-right: 30px; }
	.banner .marketing .overlayText { font-size: 2em; line-height: 1.2em; padding-top: 10px; }
	.banner .marketing .overlayText .thin { letter-spacing: 3.6px; }
	.banner .marketing .overlayText small { font-size: 0.5em; line-height: 1.2em; }
	.banner .design .overlayText { font-size: 3.4em; padding-top: 10px; }
	.banner .design .overlayText .thin { letter-spacing: -2px; }
	.banner .design .overlayText small { margin-right: -5px; }
	.banner .support .overlayText { font-size: 2.8em; padding-top: 10px; }
	.banner .support .overlayText .thin { letter-spacing: 12.3px; }
	.banner .about .overlayText { font-size: 1.4em; }
	.banner .about .overlayText .thin { letter-spacing: -2px; }
	.banner .awards .overlayText { font-size: 3.2em; padding-top: 10px; }
	.banner .awards .overlayText .thin { letter-spacing: initial; }
	.banner .portfolio .overlayText { font-size: 3.2em; padding-top: 10px; }
}
@media (max-width: 767px) {
	.banner .overlay { position: static; background: url('images/greenPatternBG.png') center repeat; padding: 15px 0; text-align: center; }
	.banner .colorOverlay { display: none; }
	.banner .overlay .container2 { display: block; width: 100%; padding: 0; }
	.banner .marketing .overlayText { font-size: 5vw; font-weight: 400; padding: 0; line-height: 1em; display: flex; align-items: center; justify-content: center; }
	.banner .marketing .overlayText .thin { display: inline-block; font-size: 1em; line-height: inherit; margin-right: 0.9vw; letter-spacing: inherit; color: #FFF; }
	.banner .marketing .overlayText small.visible-xs {  display: flex !important; align-items: center; justify-content: center; font-size: 1em; font-weight: 100; line-height: inherit; letter-spacing: inherit; }
	.banner .marketing .overlayText small.hidden-xs { display: none; }
	.banner .marketing .overlayText small .amp { font-size: 1.6em; position: static; padding: 0 0.6vw 0 0.5vw; font-weight: 100; line-height: inherit; letter-spacing: inherit; }
	.banner .design .overlayText { font-size: 5vw; line-height: 1em; display: flex; align-items: center; justify-content: center; padding: 0; }
	.banner .design .overlayText .thin { letter-spacing: initial; color: #FFF; margin-right: 1vw; }
	.banner .design .overlayText strong { font-size: 0.7em; font-weight: 600; line-height: inherit; display: flex; align-items: center; justify-content: center; text-transform: initial; }
	.banner .design .overlayText strong .site { display: none; }
	.banner .design .overlayText .amp { font-size: 2.2em; line-height: inherit; font-weight: 100; padding: 0 0.4vw; position: static; }
	.banner .design .overlayText small { font-size: 1em; font-weight: 100; padding: 0 0 0 0.7vw; letter-spacing: inherit; line-height: inherit; display: inline-block; }
	.banner .support .overlayText { font-size: 5vw; font-weight: 400; padding: 0; line-height: 1em; display: flex; align-items: center; justify-content: center; }
	.banner .support .overlayText strong { font-size: 1em; font-weight: 400; line-hieght: inherit; letter-spacing: initial; opacity: 1; }
	.banner .support .overlayText small { font-size: 1em; line-height: inherit; font-weight: 400; letter-spacing: initial; display: flex; align-items: center; justify-content: center; }
	.banner .support .overlayText .amp { font-size: 1.6em; font-weight: 100; line-height: inherit; position: static; padding: 0 0.8vw; }
	.banner .support .overlayText .thin { letter-spacing: inherit; font-weight: 100; padding-left: 1.4vw; color: #FFF; }
	.banner .support .overlayText .transparent { opacity: 1; }
	.banner .about .overlayText { font-size: 5vw; font-weight: 400; text-transform: uppercase; padding: 0; line-height: 1em; display: flex; align-items: center; justify-content: center; }
	.banner .about .overlayText strong { font-weight: 400; }
	.banner .about .overlayText .thin { font-size: 1em; color: #FFF; display: inline-block; letter-spacing: inherit; }
	.banner .awards .overlayText { font-size: 5vw; font-weight: 100; text-transform: uppercase; padding: 0; line-height: 1em; display: flex; align-items: center; justify-content: center; }
	.banner .awards .overlayText .thin { font-weight: 400; letter-spacing: initial; color: #FFF; }
	.banner .awards .overlayText small { font-size: 1em; letter-spacing: initial; display: flex; align-items: center; justify-content: center; }
	.banner .awards .overlayText .amp { font-size: 1.6em; font-weight: 100; line-height: inherit; position: static; padding: 0 1.2vw 0 1.8vw; }
	.banner .portfolio .overlayText { font-size: 5vw; font-weight: 400; text-transform: uppercase; padding: 0; line-height: 1em; display: flex; align-items: center; justify-content: center; }
}
@media (max-width: 480px) { 
	.hidden-xxs { display: none; }
	.visible-xxs { display: inherit; }
	.banner .overlay { padding: 10px 0; }
	.banner .marketing .overlayText { font-weight: 300; letter-spacing: 1.5px; }
	.banner .marketing .overlayText .thin { display: none !important; }
	.banner .marketing .overlayText small.visible-xs { display: inline-block !important; font-weight: 600; font-size: 1em; line-height: inherit; margin: 0; padding-left: 0; }
	.banner .marketing .overlayText small.hidden-xs { display: none; }
	.banner .marketing .overlayText small .amp { font-size: 1em; position: static; padding: 0 0 0 1.4vw; font-weight: 300; }
	.banner .design .overlayText { }
	.banner .design .overlayText .thin { display: none; }
	.banner .design .overlayText strong { font-size: 1em; text-transform: uppercase; }
	.banner .design .overlayText strong .site { display: initial; }
	.banner .design .overlayText .amp { font-size: 1em; line-height: inherit; font-weight: 600; padding: 0 1vw; }
	.banner .design .overlayText small { font-weight: 300; }
	.banner .support .overlayText { font-weight: 600; }
	.banner .support .overlayText strong, .banner .support .overlayText small { font-weight: 600; }
	.banner .support .overlayText .amp { font-size: 1em; font-weight: 600; padding: 0 1vw 0 1vw; }
	.banner .support .overlayText .thin { font-weight: 300; padding-left: 1.4vw; }
	.banner .about .overlayText { font-weight: 300; }
	.banner .about .overlayText strong { font-weight: 600; }
	.banner .about .overlayText .thin { display: none; }
	.banner .awards .overlayText .thin { font-weight: 600; }
	.banner .awards .overlayText small { display: none; }
	.banner .portfolio .overlayText { font-weight: 600; }
}
/* End Custom Section Landing Page Banners */

@-webkit-keyframes colorchange {
    0% { color: #010101; }
    50% { color: #382899; letter-spacing: 3px; }
    100%{ color: #010101; }
}
@keyframes colorchange {
	0% { color: #010101; }
    70% { color: #382899; letter-spacing: 3px; }
    100%{ color: #010101; }
}

/* Added by PW on 12-15-2017 */
/* Styles used specifically for case studies */
.twoCol{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style-type:none;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.fullWidthContainer {
	margin: 0 5%;
}
.fullWidthContainer > .row + .row {
	margin-top: 7em;
}
h3.forceGray{
	color: #333!important;
}
.fullWidthContainer .emphasisHeader {
	font-family: "Lato", Arial, sans-serif;
	font-size: 12vw;
	line-height: .75;
	margin-top: .5em;
	margin-bottom: 30px;
	font-weight: 900;
	border-bottom: none;
}
.bottomBorderLavender{
	border-bottom: 4px solid #8098FD;
    margin-bottom: 2.5em;
}
.bottomBorderGreen{
	border-bottom: 4px solid #c2d475;
    /*margin-bottom: 2.5em;*/
}
.emphasisBoxLeft, .emphasisBoxRight {
    padding: 0 10vw 10vh 10vw;
    margin-top: 15vh;
    overflow: hidden;
    position: relative;
}
.lavBackground {
    border: 1px solid #d8dffe;
    background: #f5f7fe;
}
.greenBackground {
    border: 1px solid #c2d475;
    background: #f9fbf0;
}
.greenBackground h3{
	color: #a7c037;
}
.eyeBackground::before {
	content: url(/css/images/EyeIcon.svg);
	position: absolute;
	z-index: 1;
	width: 55vw;
	right: 5vw;
	top: 5vh;
	background-position: top right;
}
.emphasisBoxLeft {
    margin-left: -10%;
}
.emphasisBoxRight {
    margin-right: -10%;
}
.emphasisBoxLeft .bottomBorderGreen.leftAdjust, .emphasisBoxLeft .bottomBorderLavender.leftAdjust{
	margin-left: -10%;
	width:110%;
}
.emphasisBoxRight .bottomBorderGreen.rightAdjust, .emphasisBoxRight .bottomBorderLavender.rightAdjust{
	margin-right: -10%;
	width:110%;
}
.emphasisBoxLeft .row, .emphasisBoxRight .row {
	margin: 30px 0;
	position: relative;
	z-index:2;
}
.emphasisBoxLeft .icon, .emphasisBoxRight .icon {
    max-height: 64px;
    min-height: 24px;
    min-width: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3D(-50%, -10%, 0);
}
.emphasisBoxLeft::before {
    content: "";
    position: absolute;
    height: 100vw;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(246, 250, 219, 1);
    transition: all 2s ease-in-out;
	transform: translate3d(-100%, 0%, 0)  rotate3d(.9, .9, .9, 69deg);
	-webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 0;
}
.emphasisBoxLeft.animated::before {
	/*animation: backgroundArrow 4s forwards;*/
    opacity: 1;
	transform: translate3d(-80%, -35%, 0) rotate3d(.9, .9, .9, 69deg);
	z-index: 2;
}
.backgroundLightbulb::after {
	content: url(/uploads/Lightbulb.svg);
    width: 12vw;
    height: 30vw;
    position: absolute;
    top: 0vh;
    left: 32vw;
    z-index: 99;
    display: block;
    transform: rotate(-53deg);
    opacity: 0;
    -webkit-transition-delay: 3s;
    transition-delay: 3s;
    transition: opacity 2s ease-in-out;
}
.backgroundLightbulb.animated::after {
	opacity: 1;
}

.xynGreen {
	color: #c2d475 !important;
}
.xynLavender {
	color: #8098FD !important;
}
.rightJustify {
	text-align:right;
}
.flexCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.numberHighlight {
	padding: 1.5em 0 0 1.5em;;
}
.numberHighlight:nth-child(1) {
	padding-left: 15px;
}
.numberHighlight:nth-child(2) {
	padding-left: 1.5em;
}
.fullWidthText {
	font-size: 3.5vw;
	font-weight: 200;
	font-family: "Montserrat" "Open Sans" Arial sans-serif;
	line-height: 1.5;
}
.lightenText {
	font-size: .75em;
	font-weight: 100;
	color: #666;
	vertical-align: 12.5%;
}
h1.fullWidthHeader{
	border-bottom: 4px solid #edf4c6;
	line-height: .9;
	margin: 0 0 .5em 0;
	padding-top: .5em;
	font-size: 6.5vw;
}
figure.featuredFigure {
    padding: 15px;
    border: 1px solid #d8dffe;
    background: #f5f7fe;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 2em;
}
.featuredFigure video {
	width: 100%;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
}
.featuredFigure img, .featuredFigure video {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#Page563, #Page563 p {
	font-size: 1.15em;
    line-height: 1.5em;
    font-weight: 300;
}
.backgroundRectangle {
	position: absolute;
	top: 0;
	left: 0;
	right: 75.5vw;
	bottom: 0;
	background: #f9fbf0;
	z-index: 0;
	border-right: 1px solid #c2d475;
}
.animation-vortex {
	animation: vortex 80s linear 0s infinite;
}
.caseStudySubtitle {
	font-size: 3vw;
}
#WavesButton {
	z-index: 9999;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
}
#WavesButton::before, #WavesButton::after{
	border-radius: 30px;
}
@keyframes vortex {
	0% { 	   
	    transform: translate3D(-50%, -10%, 0) rotate(0deg);
	}
	100% {
	    transform: translate3D(-50%, -10%, 0) rotate(360deg);
	}
}


/* Added by PW on 10/17 */
/* Specifically for the blog */
#BlogName, .emphasisHeader {
	font-size: 4.5vw;
	font-family: "Montserrat", "Lato", Arial, sans-serif;
	font-weight: 300;
	margin-bottom: 0;
	border-bottom: 4px solid #C2D475;
	color: #382899;
	display: block;
	line-height: 1.125em;
}
#BlogName a, .emphasisHeader a {
	color: #382899;
}
#BlogName a:hover, .emphasisHeader a:hover {
	text-decoration: none;
	color: #C2D475;
}
h1#BlogTitle {
	font-size: 3.5em;
	line-height: 1.125;
}
h1#BlogName {
	margin-top: 30px;
}
#BlogName.secondaryTitle {
	font-size: 2em;
	padding-bottom: .25em;
	margin-top: 30px;
}
.blogInfo {
	margin-bottom: 20px; 
	padding-bottom: 5px;
	/*border-bottom: 2px solid #c2d475;*/
}
.blogIntro {
	width: 50%;
	float: left;
	margin-right: 5%;
	margin-bottom:-50px;
}
.blogDetails {
	width: 45%;
	float: left;
}
.blogItem .summary {
	margin-bottom: 10px;
}
.blogItem a {
	color: #352784;
	display: flex;
	align-items: center;
}
.blogItem h2 {
	font-size: 2em;
	font-weight: 400;
}
.blogList .blogItem .image, .blogList .blogItem .videoThumb {
	max-width: 100%;
	width: 100%;
	margin-right: 7%; 
	padding-top: 0;
}
.blogList .blogItem .image img{
	border-bottom: 4px solid white;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.blogList .blogItem .image:hover img {
	border-bottom: 4px solid #352784;
}
.blogItem {
	margin-bottom: 4em;
	padding-bottom: 3em;
	border-bottom: 1px solid #8098fd;
}
#BlogUtilities {
	/*border-bottom: 2px solid #c2d475;
	border-top: 4px solid #c2d475;*/
	margin: 0 5px 60px 5px;
}
#TopbarNav {
	margin: 5px 0 0 0 ;
}
#BlogUtilities .dropdown {
	pointer-events: all;
	cursor:pointer;
	float: right;
	list-style: none;
	padding: 15px 30px;
	color: #352784;
	font-size: 1.25em; 
	font-weight: 300;
}
#BlogUtilities .dropdown:not(#CategoriesSearch)::after{
	content: "\f0d7";
	font-family: FontAwesome;
	padding-left: 10px;
	transition: all .3s cubic-bezier(.25,.8,.25,1);
	display: inline-block;
	position: relative;
	transform-origin: 50% 50%;
}
#BlogUtilities .dropdown:hover{
	color: #C2D475;
}
#BlogUtilities .dropdown:hover::after{
	color: #C2D475;
}
#BlogUtilities .dropdown:hover svg{
	fill: #C2D475;
}
#BlogUtilities .dropdown.open::after{
	padding-right: 10px;
	padding-left: 0!important;
	transform: rotate(180deg);
}

.circleImage {
	border-radius: 50%;
	border: 4px solid white;
	overflow: hidden;
	position:relative;
	width: 75px;
	height: 75px;
	min-width:75px;
	display: inline-block;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.circleImage img{
	height: 67px;
	min-height:67px;
	max-height: 67px;
	margin-top: 0;
}
.blogItem a:hover .circleImage, .blogTopbar a:hover .circleImage{
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	top: -2px;
}
.blogInfo{
	float: left;
	position:relative;
	top: -25px;
	left: 5px;
	width: 100%;
	margin-bottom:0;
	padding-bottom:0;
}
.blogInfo span{
	margin-right: 30px;
}
.blogInfo, .blogInfo .author, .blogTopbar .author{
	display: flex;
	align-items:center;
}
.blogInfo .date{
	font-weight: 300;
	margin-left: auto; 
	padding-right: 5px;
}
.blogItem .readMore a{
	display:inline-block;
}

.blogTopbar a{
	color: #352784;
}
.blogTopbar .searchBox{
	padding-top: 80px;
}
.blogItem p {
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.5;
}
#btn-search, .icon--search, #btn-search-close, .icon--cross {
	width: 36px;
	height: 36px;
	padding: 0;
	background: white;
	color: #352784;
	fill: #352784;
	margin-top: -4px;
}
.blogTopbar .searchBox label{
	color: #352784;
	font-weight: 300;
	font-size: 1.5em;
	padding-right: 60px;
}
.blogTopbar .searchBox input[type="text"]{
	width: 60%;
	margin-right: 10px;
	transition: all .3s cubic-bezier(.25,.8,.25,1);
}
.blogTopbar .searchBox input[type="text"]:focus {
	outline-color: transparent
    outline-style: auto;
    outline-width: 0;
    background-color: #F9FbF0;
    
}
.blogTopbar .searchBox button[type="submit"]{
	padding: .5em;
    border: 2px solid #c2d475;
    background-color: #F9FbF0;
    color: #352784;
    text-transform: uppercase;
}
.blogTopbar .authorsList ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.blogTopbar .authorsList ul li a .circleImage{
	width: 60px;
	height: 60px;
	min-height: 60px;
	max-height: 60px;
	margin-top: -4px;
}
.blogTopbar .authorsList ul li a .circleImage img{
	width: 52px;
	height: 52px;
	min-height: 52px;
	max-height: 52px;
	margin-top: 0;
}
.blogTopbar .authorsList ul li a .circleImage image{
	top: -4px;
}
.blogTopbar .authorsList ul li a .circleImage{
	margin-right: 15px;
	min-width: 60px;
}
.blogTopbar .authorsList ul li{
	/*	margin-right: 15px;*/
	/*padding-right: 45px;*/
	flex-basis: 25%;
	min-width:150px;
	margin-bottom: 30px;
} 
.blogTopbar .categoriesList { }
.blogTopbar .categoriesList ul {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	font-size: 21px;
	font-weight: 300;
}
.blogTopbar .categoriesList ul ul {
	columns: 1;
	margin-top: .5em;
}

.blogList {
    display: flex;
    flex-wrap:wrap;
}
.blogList .blogItem{
    flex-basis: 47.5%;
}
.blogList .blogItem:nth-child(even){
    margin-right: 5%;
}
.blogList.authorSpecific .blogItem:nth-child(even) { margin-right: 0; }
.blogList.authorSpecific .blogItem:nth-child(odd){ margin-right: 5%; }
.blogList.authorSpecific .blogItem .blogInfo { top: 0; margin-bottom: 10px; }
.blogList.authorSpecific .blogItem .blogInfo .author { display: none; }

.blogAuthorInfo { display: flex; align-items: center; margin: -60px 0 45px; }
.blogAuthorInfo .image { width: 250px; flex-shrink: 0; }
.blogAuthorInfo .image img { border-radius: 50%; border: 5px solid #FFF; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.blogAuthorInfo .bio { padding-left: 60px; }

#BlogTeaser {
	margin-top: 60px;
}
#BlogTeaser .blogItem{
	flex-basis: 30%;
	margin: 1.5%;
	border-bottom: none;
}
#BlogTeaser .blogItem:nth-child(even){
	margin-right: 1.5%;
}

.blogIntro {
    width: 100%;
}
.blogDetails {
    width: 100%;
    padding-top:45px;
}
/* Newsletter Signup */
.blogSidebar input {
    width: 100%;
}
/* blog social */
.a2a_default_style a {
	width: 100% !important;
	padding-bottom: 15px !important;
	display: flex;
	justify-content: center;
}

.newsletterSignup {
	background-color: #f9fbf0;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.12);
}
.newsletterSignup input[type="text"], .newsletterSignup input[type="email"]{
	border: 2px solid #C2D475;
}
.newsletterSignup button[type="submit"]{
	border: 2px solid #C2D475;
	color: white;
	font-size: 1.5em;
	font-weight: 900;
	letter-spacing: 1px;
	padding: .75em auto;
	width: 100%;
	height: 2em;
	background: #C2D475;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .24), 0 1px 2px rgba(0, 0, 0, .24);
	transition: all .3s eaase-in-out;
}
.newsletterSignup button[type="submit"]:hover{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.newsletterSignup :focus {
    outline-color: #8098fd; /*rgb(56, 40, 153);*/
    outline-style: solid;
    border-color: #8098fd;
    outline-width: 2px;
}
#BlogHeader {
	display: flex;
	flex-direction:column-reverse;
}
#BlogName + h3 {
	padding-top: .125em;
    margin-bottom: -1.725em;
}

/*********************/
/* SEO CTA 
 * Edited by PW, 01-11-2018
 */
	
#SeoCTA .title {
	font-size: 2.25vw;
    color: #382999;
    border-bottom: 4px solid #edf4c6;
    line-height: .9;
    margin: .5em 0;
}
#SeoCTA .caseStudySubtitle {
	font-size: 2vw;
}
#SeoCTA .numberHighlight {
	padding-top: 0;
}
.fullWidthButton {
    font-size: 1.25em;
    width: 100%;
}
/*********************/

/*********************/
/* Request form update
 * Edited by PW, 01-11-2018
 */
.lightText {
	color: #777;
}
.greenBackround .lightText {
	color: #C2D475;
} 
.lavBackground .lightText {
	color: #8098FD;
} 
.largeNumber {
	font-size: 4em;
	color: #382899;
	line-height: 1.25em;
}
.centerVertical {
	vertical-align: middle;
	display: flex;
	align-items:center;
	align-content: center;

}
.centerVertical p:last-of-type {
	margin-bottom: 0;
	
}
.circle {
    border-radius: 100%;
    border: 6px solid #382899;
    width: 1.5em ;
    height: 1.5em ;
    max-height: 1.5em ;
    max-width: 1.5em ;
    min-width: 1.5em ;
    min-height: 1.5em ;
    text-align: center;
	margin: .25em;
}

.lavBackground .circle {
	color: #8098FD;
	border-color: #8098FD;
	opacity: .5;
}
.greenBackground .circle {
	color: #C2D475;
	border-color: #C2D475;
	opacity: .5;
}

.flexLeft {
	
}
.marginBottom15 {
	margin-bottom: 15px;
}
.marginTop15 {
	margin-top: 15px;
}
.marginTop3em {
	margin-top: 3em;
}
.requestForm .formInput:last-of-type{
	margin-bottom: 0;
}
.requestForm .row {
	margin-bottom: 15px;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.centerContent {
	display: flex;
	justify-content: center;
}
#recaptcha_area {
    margin-bottom: 15px;
}
/* CTA Grid Styles */
.ctaCards {
	margin-top: 4em;
}
.ctaCards .cta {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  text-decoration: none;
  display: flex;
  background:#FFF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; box-shadow:0px 0px 22px #ECECEC;-webkit-box-shadow:0px 0px 22px #ECECEC;-moz-box-shadow:0px 0px 22px #ECECEC;margin:0px 2% 20px;
  cursor: pointer;
}
.ctaCards .cta .imageContainer {
	flex-shrink: 0;
}
.ctaCards .cta .text {
	color: #404041;
	font-family: "Montserrat", sans-serif;
	font-size: 1.2em;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    display: block;
    border: none;
    outline: none;
    vertical-align: center;
    align-self: center;
}
.ctaCards .cta img {
	padding-right: 20px;
	
}
.ctaCards .cta:hover, .ctaCards .cta:hover .text {
	color: #FECE2B;
}
.hugeFeaturedText {
  font-size: 24em;
  line-height: 1;
  display: flex;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
  color: #fff1cc;
  margin-right: .2em;
  justify-content: center;
}
.imageShadow {
	box-shadow: 0px 0px 22px #F1F1F1;
	-webkit-box-shadow: 0px 0px 22px #F1F1F1;
	-moz-box-shadow: 0px 0px 22px #F1F1F1;
}

/* Hairline Border */
.hairlineBorder {
  box-shadow: 0 0 0 1px;
}
@media (min-resolution: 2dppx) {
  .hairlineBorder {
    box-shadow: 0 0 0 0.5px;
  }
}
@media (min-resolution: 3dppx) {
  .hairlineBorder {
    box-shadow: 0 0 0 0.33333333px;
  }
}
@media (min-resolution: 4dppx) {
  .hairlineBorder {
    box-shadow: 0 0 0 0.25px;
  }
}


/* Inner Pages */
.upperContentRow { display: flex; justify-content: center; }
.upperContentRow > div { padding: 30px 15px; }
.upperContentRow .subnavCol { flex-basis: 20%; flex-shrink: 0; padding-top: 0; margin-top: 30px; border-right: 1px solid #d6d6d6; }
.upperContentRow .sidebar { flex-basis: 30%; flex-shrink: 0; background: #f0f0f0; }
.upperContentRow .sidebar.industryFilter { flex-basis: 20%; }
.upperContentRow.flipped { flex-direction: row-reverse; }
.upperContentRow.flipped .subnavCol { border-right: 0px; border-left: 1px solid #d6d6d6; }
.upperContentRow .upperContent { min-width: 50%; }

.sidebarContent + .blogCTAs { margin-top: 30px; padding-top: 30px; border-top: 1px solid #CCC; }
.bottomContent { padding: 0 15px; margin-top: 30px; }
.bottomContent > .blogCtaStrip:first-child { margin-top: -30px; }

.blogCTAs.blogList { display: flex; flex-wrap: nowrap; justify-content: space-evenly; }
.blogCTAs .blogItem { border: 0px; margin: 0 auto; } 
.blogCTAs.blogList .blogItem:nth-child(2n) { margin-right: 0; }
.blogCTAs .blogItem .videoThumb, .blogCTAs .blogItem .image { margin: 0; }
.blogCTAs .blogItem .videoThumb img, .blogCTAs .blogItem .image img { display: block; width: 100%; border-color: transparent; }
.blogCTAs .blogItem .blogIntro { margin: 0; position: relative; }
.blogCTAs .blogItem .blogInfo { font-size: 0.75em; position: absolute; top: initial; bottom: -45px; line-height: 1.2; }
.blogCTAs .blogItem .blogInfo .date { text-align: right; }
.blogCTAs .blogItem .blogInfo .circleImage { margin-right: 12px; margin-left: 8px; height: 65px; width: 65px; min-width: 65px; }
.blogCTAs .blogItem .blogInfo .circleImage img { height: 57px; width: 57px; min-height: 57px; max-height: 57px; }
.blogCTAs .blogItem .blogDetails { padding: 0; position: relative; width: 100%; }
.blogCTAs .blogItem .blogDetails h4 { margin: 0 0 10px; font-size: 1.1em; }
.blogCTAs .blogItem .blogDetails a { display: block; line-height: 1.2; }

.sidebar .blogCTAs.blogList { flex-direction: column; }
.sidebar .blogCTAs .blogItem { margin-bottom: 45px; padding-bottom: 0; border: 1px solid #c2d575; background: #FFF; }
.sidebar .blogCTAs .blogItem h4 { padding: 15px 20px; font-size: 1.2em; font-weight: 300; }
.sidebar h5 { font-size: 0.75em; color: #535252; line-height: 1.3; margin-bottom: 30px; text-align: center; }

.blogCTAs.single .blogItem { display: flex; flex-direction: row-reverse; align-items: flex-start; margin: 0 auto; padding: 0; flex-basis: 70%; }
@media screen and (max-width: 1200px) { .blogCTAs.single .blogItem { flex-basis: 90%; } }
.blogCTAs.single .blogItem .blogIntro { margin-right: 30px; }
.blogCTAs.single .blogItem .blogDetails h4 { text-align: left; font-size: 1.8em; margin-bottom: 20px; }
.blogCTAs.single .blogItem .blogDetails .summary { font-size: 0.9em; }
.blogCTAs.single .blogItem .blogDetails .button { display: inline-block; color: #8098fd !important; }
.blogCTAs.single .blogItem .blogDetails .button:hover, .blogCTAs.single .blogItem .blogDetails .button:focus { color: #FFF !important; }

.upperContentRow .blogCTAs.horizontal.single .blogItem { flex-direction: row; align-items: center; padding: 0; }
.upperContent .blogCTAs.single .blogItem .blogDetails h4  { font-size: 1.3em; }

.blogCtaStrip { margin: 0 -60px 45px; padding: 60px 60px 80px; }
.blogCtaStrip + .blogCtaStrip { margin-top: -45px; }
.blogCtaStrip h3 { text-align: center; margin-bottom: 15px; font-size: 1.3em; letter-spacing: 0.6px; }
.blogCtaStrip .subheading { text-align: center; margin: 0 auto 15px; color: #030303; max-width: 80%; }
.blogCtaStrip h3 + .blogList, .blogCtaStrip .subheading + .blogList { margin-top: 45px; }

.blogCtaStrip.topToBottom { padding-top: 0; padding-bottom: 0; justify-content: center; }
.blogCtaStrip.topToBottom .blogCTAs.blogList, .blogCtaStrip.topToBottom .blogCTAs.blogList .blogItem { align-items: center; justify-content: center; }
.blogCtaStrip.topToBottom .blogCTAs .blogItem .videoThumb img, .blogCtaStrip.topToBottom  .blogCTAs .blogItem .image img { border: 0px; }
.blogCtaStrip.topToBottom .blogCTAs .blogItem .blogDetails, .blogCtaStrip.topToBottom .blogCTAs .blogItem .blogInfo { display: none; }
.blogCtaStrip.topToBottom .blogCTAs.single .blogItem { max-width: 600px; padding: 0; }
.blogCtaStrip.topToBottom .blogCTAs.single .blogItem .blogIntro { margin-right: 0; }
.blogCtaStrip.topToBottom .blogCTAs.double .blogItem { padding: 0; }

.blogCtaStrip.blue { background: #4b57c5; }
.blogCtaStrip.blue h3, .blogCtaStrip.blue .subheading { color: #FFF; }
.blogCtaStrip.blue .blogCTAs .blogItem .blogDetails, .blogCtaStrip.blue .blogCTAs .blogItem .blogDetails a { color: #99a6ff; }
.blogCtaStrip.blue .blogInfo .date, .blogCtaStrip.blue .blogInfo .author { color: #c9de77; }

.blogCtaStrip.green { background: #c9de77; }
.blogCtaStrip.green h3, .blogCtaStrip.green .subheading { color: #382899; }
.blogCtaStrip.green .blogCTAs .blogItem .blogDetails, .blogCtaStrip.green .blogCTAs .blogItem .blogDetails a { color: #6f6f74; }
.blogCtaStrip.green .blogInfo .date, .blogCtaStrip.green .blogInfo .author { color: #6f6f74; }

.blogCtaStrip.cobalt { background: #352884; }
.blogCtaStrip.cobalt h3 { color: #c6da73; }
.blogCtaStrip.cobalt .subheading, .blogCtaStrip.cobalt .blogCTAs .blogItem .blogDetails { color: #FFF; }
.blogCtaStrip.cobalt .blogCTAs .blogItem .blogDetails a { color: #8098fd; }
.blogCtaStrip.cobalt .blogInfo .date, .blogCtaStrip.cobalt .blogInfo .author { color: #c9de77; }
.blogCtaStrip.cobalt .blogCTAs .button { background: #241767; border-color: #4354dd; color: #83a0de; }
.blogCtaStrip.cobalt.dark { background: #241767; }
.blogCtaStrip.cobalt.dark .blogCTAs .button { background: #352884; }

.blogCtaStrip.white .blogInfo .date, .blogCtaStrip.white .blogInfo .author { color: #352784; }
.blogCtaStrip.white h3 { font-weight: 900; color: #535252; }
.blogCtaStrip.white .subheading { color: #535252; }
.blogCtaStrip.white .blogCTAs .blogItem .blogDetails, .blogCtaStrip.white .blogCTAs .blogItem .blogDetails a { color: #8ca52b; }

.upperContentRow .blogCTAs.horizontal .blogItem { padding: 0 1.5vw; margin: 0; }

.bottomContent .blogCTAs.blogList { align-items: flex-end; }
.bottomContent .blogCTAs .blogItem { padding: 0 3.5vw; }
.bottomContent .blogCTAs.double .blogItem { display: flex; align-items: center; padding: 0 2vw; }
.bottomContent .blogCTAs.double .blogItem .blogDetails { padding-right: 25px; flex-basis: 45%; }
.bottomContent .blogCTAs.double .blogItem .blogIntro { flex-basis: 55%; }
.bottomContent .blogCTAs.double .blogItem .blogDetails a { font-size: 1.4em; font-weight: bold; text-align: right; }


@media screen and (min-width: 992px){
	#BlogName.secondaryTitle {
		font-size: 3em;
		padding: 20px 0;
		margin-bottom: 0;
	}
	.fullHeightRow {
		display: flex;
		/*flex-wrap: wrap;*/
	}
	.fullHeightRow > [class*='col-'] {
	  display: flex;
	  flex-direction: column;
	}
	.fullHeightRow > .horizontalRow {
		flex-direction: row;
	}
	no-gutter-sm > [class*='col-'] {
	    padding-right:0;
	    padding-left:0;
	}
}
@media screen and (max-width: 991px){
	.fullHeightRow > .horizontalRow {
		margin-bottom: 15px;
		margin-top: 45px;
		display: flex;
		padding: 15px;
	}
	.fullHeightRow > .horizontalRow  {
		padding-right:0;
		padding-left:0;
	}
	.fullHeightRow > .horizontalRow .flexRight {
		padding-right:15px;
	}
	.requestForm .formInput, .requestForm .formInput:last-of-type {
		margin-bottom: 1em;
	}
	.requestForm .row .row {
		margin-bottom: 0;
	}
	.fullWidthText {
		font-size: 7vw;
	}
	.caseStudySubtitle {
		font-size: 2em;
	}
	.emphasisBoxLeft .icon, .emphasisBoxRight .icon {
		min-width: 50px;
	}
	.emphasisHeader {
		margin-bottom: 15px;
	}
	.blogTopbar .searchBox label{
		padding-right: 20px;
	}
	.blogSidebar {
		margin-top: 2em;
	}
	#BlogTeaser .blogItem{
		flex-basis: 29%;
		margin: 1.5%;
	}
	#BlogTeaser .blogItem h2{
		font-size: 1.5em;
	}
	#BlogTeaser .blogInfo .rightDetails {
	margin-top: 24px;
}
#BlogTeaser .blogInfo .rightDetails * {
	width: 100%;
	display: block;
}
#BlogTeaser .blogInfo, #BlogTeaser .blogInfo .author, #BlogTeaser .blogTopbar .author {
	align-items: top;
}
}
@media screen and (max-width: 767px) {
	.emphasisHeader {
		font-size: 2.5em;
	}
	.backgroundRectangle {
		display:none;
	}
	.emphasisBoxLeft .icon, .emphasisBoxRight .icon {
		position: relative;
		margin: 2em auto 0 auto;
		transform:translate3D(-50%, 0, 0);
	}
	.rightJustify:not(.emphasisHeader){
		text-align: left;
	}
	.backgroundLightbulb::after{
		display: none;
	}
	.blogTopbar .authorsList ul li{
		flex-basis: 33%;
		min-width: 150px;
	} 
	.blogTopbar .searchBox label{
		display: none;
	}
	.blogTopbar .searchBox input[type="text"]{
		width: 85%;
		margin-right: 10px;
	}
	.blogTopbar .searchBox input[type="submit"]{
		width: 10%;	
		float: right;
	}
	#BlogUtilities .dropdown {
		font-size: 1.125em;
		padding-left: 15px;
		padding-right: 15px;
	}
	#BlogName {
		font-size: 7.5vw;
	}
	#BlogName.secondaryTitle {
		font-size: 5vw;
	}
	h1#BlogTitle {
		font-size: 2.5em;
	}
	#BlogUtilities {
	    margin: 0 5px 40px 5px;
	}
	#BlogTeaser .blogItem{ 
		flex-basis: 100%;
	}
	
	@keyframes vortex {
		0% { 	   
		    transform: translate3D(-50%, 0, 0) rotate(0deg);
		}
		100% {
		    transform: translate3D(-50%, 0, 0) rotate(360deg);
		}
	}
	
}
@media (min-width: 576px){
	/* to get two columns on non-featured listings */
	.blogItem.clearfix.featuredBlogItem {
	    width: 100%;
	}
	.featuredBlogItem .blogDetails {
		margin-bottom: 45px;
	}
	.blogList .blogItem.featuredBlogItem{
	    flex-basis: 100%;
	    padding: 0;
	}
	.featuredBlogItem .blogIntro {
	    width: 47.5%;
	}
	.featuredBlogItem .blogDetails {
	    width: 45%;
	    padding-top:0;
	}
}
@media (max-width: 575px){
	.blogList .blogItem {
	    flex-basis: 100%;
    }
    .blogList .blogItem:nth-child(even) {
	    margin-right: 0;
	}
	
	.fullWidthText{
		font-size: 1.75em;
	}
	.twoCol {
		columns: 1;
		color: #333;
	}
	.emphasisBoxLeft, .emphasisBoxRight {
    	padding: 0 5vw 5vh 5vw;
    }
    .day-01 {
	    position: relative;
	    top: 0;
	    transform: translateY(-25%);
	    padding-top: 0;
	}
	.day-01 .waves {
		position:relative;
		transform: scale(.5) translate3d(-25%,0,0);
	}
	#WavesButton {
		 transform: scale(2) ;
		 top:0;
	}
	.blogTopbar .searchBox, .blogTopbar .searchBox form, .blogTopbar .searchBox fieldset {
		padding: 0;
		border: none;
		width: 100%;
	}
	.blogTopbar .searchBox input[type="text"]{
		width: 77%;
		margin-right: 10px;
	}
	.blogTopbar .searchBox input[type="submit"]{
		width: 10%;	
		float: right;
	}
	#BlogUtilities {
		margin-right: 0;
		margin-left: 0;
	}
	#BlogUtilities .dropdown {
		font-size: 4.5vw;
		padding-left: 2vw;
		padding-right: 2vw;
	}
	#btn-search, .icon--search, #btn-search-close, .icon--cross {
		width: 24px;
		height: 24px;
	}
	.categoriesList ul {
		columns: 1;
		-webkit-columns: 1;
	}
	#BlogUtilities {
	    margin: 0 0 30px 0;
	}
	#BlogHeader {
		flex-direction: column;
	}
	.center-text-xs {
		text-align: center;
	}
}


/* Styles specifically used on clients.xynergy.com */
fieldset { border: 1px solid #dddddd; padding: 30px; margin: 0 0 30px; }
fieldset.payment-info { background: url('images/dollar-sign.png') no-repeat 98% 21px; }
fieldset.billing-info { background: url('images/billing-secure.png') no-repeat 98% 21px; }
fieldset.cc-card-info { background: url('images/lock.png') no-repeat 98% 21px; }
.AuthorizeNetSeal { float: right; }
a.forgotPassword { float:right; margin-top: 15px; }
.form .cvv-code input { width: 60px; text-align: center; }
a.c2v { cursor: pointer; line-height: 40px; height: 25px; }

.logout { float: right; }
.logout a { display: inline-block; line-height: 26px; background: url('images/logout_lock.png') left center no-repeat; padding-left: 30px; margin-top: 10px; }

.paymentHistory th { background: #DDD; color: #222222; padding: 5px 15px; }
.paymentHistory td { color: #222222; padding: 5px 15px; }
.paymentHistory tr:nth-child(even) td { background: #f3f3f3; }

.form-horizontal .control-label { margin-bottom: 4px; }
.control-group input, .control-group select, .control-group textarea { width: 100%; margin-bottom: 10px; padding: 5px 10px; }
.control-group input.input-mini { width: 60px; }
.help-inline { color: red; }
/* END Styles specifically used on clients.xynergy.com */

/* Support Forms */
#maint-sign-up-btn {margin-top:25px;}
#maint .col-sm-8, #maint .col-sm-4, #security .col-sm-8, #security .col-sm-4 {padding-left:0px;}
#security-sign-up, #maint-sign-up {padding-left:25px;}
#datepicker {width:auto;}

/* LiveZilla livechat */
#lz_overlay_wm .lz_overlay_wm_icon:active{color:#4d37a5 }
#lz_overlay_wm .lz_overlay_wm_icon:hover{transform:rotate(15 deg);}

/* SECURIT/MAINT FORMS */
#security-sign-up-btn, #maint-sign-up-btn {position:relative;top:50px;}
#maint .col-sm-8, #maint .col-sm-4, #security .col-sm-8, #security .col-sm-4 {padding-left:0px;}
#security-sign-up, #maint-sign-up {padding-left:25px;}
#datepicker {width:auto;}
.mstext {background: #f5f7fe url("/images/ms-bg.png") top right no-repeat;background-size:15%;border:1px solid #8098fd;padding:0px !important;}
.mstext h3 {border-bottom:2px solid #c2d475;width:100%; padding:5px 5px 5px 10px;}
.mstext .msinner .msiiner {padding:0px 25px;}
#securityFormBlock h3, #maintFormBlock h3 {padding-top:20px;}
#maintFormBlock .col-sm-9, #securityFormBlock .col-sm-9 {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition:all 1s;
}
#maintFormBlock .col-sm-6, #securityFormBlock .col-sm-6 {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition:all 1s;
}

/* Email Signup popup (fancybox) */
.emailPopup.fancybox-opened { outline: 0px !important; }
.emailPopup.fancybox-opened .fancybox-skin { border-radius: 0; padding: 0 !important; border: 1px solid #c2d475; outline: 0px !important; }
.emailPopup.fancybox-opened .fancybox-inner { overflow: hidden !important; }
.emailPopup #emailSignup { position: relative; font-family: "Montserrat"; }
.emailPopup #emailSignup a.x { display: none; position: absolute; right: 0px; top: 0px; }
.emailPopup .heading { background: #c2d475; color: #FFF; font-size: 1.4em; font-weight: bold; text-align: center; padding: 20px 40px; }
.emailPopup .content { padding: 20px 40px; color: #333; }
.emailPopup .content .hs-form-field, .emailPopup .content .hs-submit { padding-left: 85px; position: relative; margin-bottom: 10px; }
.emailPopup .content .hs-form-field label { position: absolute; left: 0; top: 8px; color: #382899; font-size: 14px; }
.emailPopup .content .hs-form-field .hs-input { width: 385px; border-radius: 5px; border: 2px solid #2d226b; padding: 5px 20px; font-size: 16px; outline: 0px !important; }
.emailPopup .content .hs-email { margin-bottom: 0px; padding-bottom: 40px; position: relative; }
.emailPopup .content .hs-email .hs-error-msgs { position: absolute; bottom: 15px; left: 100px; margin: 0; }
.emailPopup .content .hs-email .hs-error-msgs li { list-style-type: none; }
.emailPopup .content .hs-email .hs-error-msgs label { position: static; color: #FF0000; }
.emailPopup .content .hs_error_rollup { display: none; }
.emailPopup .content .hs-submit .actions { padding: 0; margin: 0; }
.emailPopup .content .hs-submit .hs-button { display: inline-block; width: 385px; padding: 5px 20px; margin-bottom: 20px; background: #FFF; color: #8098fd; border: 2px solid #c2d575; font-weight: normal; font-size: 16px; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; outline: 0px !important; }
.emailPopup .content .hs-submit .hs-button:hover, .emailPopup .content .hs-submit .hs-button:focus { background: #382899; color: #FFF; border-color: #382899; }
.emailPopup .closeBtn { text-align: right; margin-bottom: 3px; font-size: 13px; }
.emailPopup .closeBtn a { color: #333; }

@media (min-width: 1400px) {
	.container-fluid {  }
	.blogCtaStrip { }
	.blogCTAs.horizontal .blogItem { }
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.blogCtaStrip { }
	.blogCTAs.horizontal .blogItem { }
}

@media (min-width: 1200px) {
	.upperContentRow .subnavCol { padding: 0 1.5vw 10px 3vw; }
	.upperContentRow .upperContent { padding: 30px 3vw 10px; }
	.upperContentRow .sidebar { padding: 30px 3vw 10px 3vw; }
	.upperContentRow.flipped .subnavCol { padding: 0 3vw 10px 1.5vw; }
	.upperContentRow.flipped .sidebar { padding: 30px 1.5vw 10px 3vw; }
	.bottomContent { padding: 0 calc(3vw - 15px); }
	.bottomContent > .container-fluid { padding-top: 30px; }
	.bottomContent .blogCTAs.double { padding: 0 3vw; }
}
@media (max-width: 1199px) {
	footer { letter-spacing: .5px; }
	.blogCTAs.single .blogItem .blogDetails .summary { display: none; }
	.blogCTAs.single .blogItem .blogDetails h4 { font-size: 2em; }
	.bottomContent .blogCTAs.double .blogItem { padding: 0; }
}
@media (min-width: 992px) {
	:target:before, a[name]:not([name=""]) { padding-top: 150px; margin-top: -150px; display: block; } /* Offset for the fixed header for anchors */
}
@media (min-width: 992px) and (max-width: 1199px) {
	header { background-position: 53% top; }
	.home main { padding-top: 186px; }
	.homeSlider .item .content br { display: none; }
	.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { width: 60px; height: 60px; font-size: 1.7em; line-height: 50px; }
	.homeSlider .item p { font-size: 1.1em; }
	.homeSlider .item .button  { font-size: 0.9em; }
	.homeSlider .item .full .button { font-size: 1em; }
	.dmBlocks .dmText { max-width: 165px; text-align: center; top: 165px; }
	.dmBlocks .dmText h3 { font-size: 1.2em }
	.homePurple2 { background-position: 49% center; }
	.homePurple2 .cta { font-size: 0.95em; }
	.appContainer .container { padding: 45px 280px 0 180px; }f
	footer { letter-spacing: initial; }
	.footer .footerLogo { flex-basis: 42%; text-align: left; padding: 0 60px 0 15px; }
	.footer .social { flex-basis: 19%; }
	.footer .social .phone { font-size: 1.3em; }
	.footer .locations { flex-basis: 39%; font-size: 0.9em; flex-shrink: 0; padding-left: 30px; }
}
@media (max-width: 992px) {
	.blockform, .textBlock  {float:none !important;}
	#security-sign-up-btn, #maint-sign-up-btn {top:0px;}
	#security-sign-up, #maint-sign-up {padding-left:0px;margin-top:0px;}
	.bottomContent .blogCTAs .blogItem { padding: 0; }
	.bottomContent .blogCTAs.double .blogItem { display: block; }
	.bottomContent .blogCTAs.double .blogItem .blogDetails { padding-right: 0; }
	.bottomContent .blogCTAs.double .blogItem .blogDetails a { font-size: 1em; font-weight: normal; text-align: left; }
}
@media (min-width: 768px) and (max-width: 991px) {
	header { background-position: 51% top; }
	header .logo { margin-top: 15px; }
	header .logo .xynergy { padding: 14px 0 14px 10px; }
	header .logo img { max-height: 70px; } 
	header .phoneNos { padding: 0 8px 10px; font-size: 1.1em; }
	header .requestQuote .button { font-size: 0.9em; padding: 8px 15px 8px 55px; }
	header .contactBtn { display: none; }
	.footer .footerLogo { flex-basis: 43%; text-align: left; padding: 0 75px 0 5px; }
	.footer .social { flex-basis: 27%; }
	.footer .social .phone { font-size: 1.3em; }
	.footer .locations { flex-basis: 30%; font-size: 0.9em; flex-shrink: 0; }
	.footer .location { padding: 0 0 12px 30px; }
	.footer .location .address { display: none; }
	.homeCTA1 { font-size: 1.2em; }
	.homeSlider .item .content br { display: none; }
	.homeSlider .item p { font-size: 0.9em; line-height: 1.3; }
	.homeSlider .item .full h2 { font-size: 2.7vw; }
	.homeSlider .item .full p { font-size: inherit; }
	.homeSlider .item .full .button { font-size: 0.9em; }
	.homeSlider .owl-nav { bottom: 15px; right: 30px; }
	.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { width: 45px; height: 45px; font-size: 1.3em; line-height: 35px; margin: 0 0 0 10px !important; }
	.homeGreenLeft { margin-top: 25px; }
	.appContainer .container { padding: 60px 185px 0 50px; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.25em; }
	h3 { font-size: 1.15em; }
	.homeGrey2 h3 { font-size: 1em; }
	.homeInlineButton { margin: 30px 0 0; }
	.homeWhite3 { background-position: center top; background-size: inherit; }
	.dmBlocks { height: 600px; }
	.dmBlocks .dmText { max-width: inherit; top: 500px; left: 0; right: inherit; }
	.homePurple2 { background-position: 49% center; }
	.homePurple2 .cta { font-size: 0.85em; padding: 15px; }
	.footer .fa-stack.fa-2x {font-size:1.3em;}
	.upperContentRow { flex-wrap: wrap; }
	.upperContentRow .subnavCol { flex-basis: 30%; }
	.upperContentRow .subnavCol + .upperContent { flex-basis: 70%; }
	.upperContentRow .sidebar, .upperContentRow .sidebar.industryFilter { flex-basis: 100%; }
	.upperContentRow .sidebar.industryFilter ul  {  -webkit-column-count: 3;  -moz-column-count: 3;  column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
	.sidebar .blogCTAs.blogList { flex-direction: row; }
	.sidebar .blogCTAs .blogItem { margin-bottom: 0; }
	.portfolioList .col-md-4:nth-child(3n+1) { clear: initial; }
	.portfolioList .col-xs-6:nth-child(odd) { clear: both; }
}

@media (max-width: 767px) {
	header { background: #2b1d7e; }
	header .logo { float: none; display: block; text-align: center; max-width: 287px; margin: 0 auto; padding: 5px 0; }
	header .logo span { display: block; }
	header .logo img { max-height: 60px; }
	header .utility { position: inherit; }
	header .utility .overlay { display: none; }
	header .phoneNos, header .requestQuote .desktop { display: none; }
	header .requestQuote { background: #231766; text-align: center; padding: 0 10px; color: #999; font-size: 0.9em; }
	header .requestQuote a, header .requestQuote a:hover, header .requestQuote a:focus { color: #FFF; }
	header .requestQuote .mobile { display: inherit; }
	header .requestQuote .mobile .strapline { color: #FFF; padding: 5px 10px; font-size: 1.2em; }
	header .requestQuote .mobile .links { background: #2b1d7e; margin: 0 -15px; padding: 5px 10px; }
	.clients header .requestQuote .mobile .strapline { background: #2b1d7e; margin: 0 -15px; }
	.clients header .requestQuote .mobile .links { background: inherit; }
	.footer { height: inherit; display: block; background: #2b1d7e; padding: 10px 0 0; text-align: center; }
	.footerTopSM { background: url("images/footerSmTabBG.png") left top no-repeat; height: 27px; }
	.footer .footerLogo { padding: 5px 0 0; }
	.footer .footerLogo a img { max-height: 70px; margin: 5px; }
	.footer .social .phone { margin: 0; }
	.footer .locations { padding: 30px 0 10px; background: #2c1880; }
	.footer .location { padding: 0; }
	.footer .location .fa { display: none; }
	.copyright { text-align: center; }
	.copyright .login { text-align: center; margin-top: 15px; }
	.twoColWithDivider { padding: 0; }
	.twoColWithDivider > div:first-child { padding-right: 15px; padding-top: 0; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
	.twoColWithDivider > div:last-child { border-left: 0px; padding-left: 15px; padding-top: 30px; }
	.twoColNoDivider > div:first-child { padding-right: 15px; }
	.twoColNoDivider > div:last-child { padding-left: 15px; }
	.owl-theme .owl-controls { margin-top: -25px; }
	.owl-theme .owl-controls .owl-buttons div { font-size: 2em; }
	.homeWhite2 h2 { margin-top: 0 }
	.homeCTA1 .button { display: block; margin: 30px auto 10px; width: 290px; }
	.homeSlider .owl-stage { display: block; }
	.homeSlider .item { padding-bottom: 75px; }
	.homeSlider .item .overlay { position: static; width: 100%; height: initial; display: block; background: transparent; }
	.homeSlider .item .bg  { margin-bottom: 20px; }
	.homeSlider .item p { font-size: 1em !important; margin-bottom: 15px !important; }
	.homeSlider .item p:last-child { margin-bottom: 0px !important; }
	.homeSlider .item .button { padding: 6px 15px !important; font-size: 0.9em !important; }
	.homeSlider .item .full h2 { font-size: 4.8vw; margin-bottom: 20px; }
	.homeSlider .item .full img.xynergyConsumer51 { max-width: 90vw; }
	.homeSlider .item .bg.split  { display: none; }
	.homeSlider .item .split .count { display: none; }
	.homeSlider .item .split .image img { max-width: 300px; margin: 0 auto; height: initial !important; }
	.homeSlider .item .split .content { padding: 30px 30px 0; font-size: 0.9em; }
	.homeSlider .item .split h2 { font-size: 1.4em; margin-bottom: 20px; }
	.homeSlider .item .split br { display: none; }
	.homeSlider .owl-nav { bottom: 15px; right: initial; left: 50%; transform: translateX(-50%); margin: 0 !important; }
	.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { width: 45px; height: 45px; font-size: 1.3em; line-height: 35px; margin: 0 15px; }
	.homeGreen { background: #b8ce5f; padding-bottom: 20px; }
	.homeGreenLeft { margin: 30px auto; }
	.homeGreenLeft img { display: inline-block; }
	.homeGreen h2 br { display: none; }
	.homeGreen h3 { margin: 25px 0 20px; }
	.homeGreen .award { max-width: 340px; margin: 0 auto; }
	.homePurple h2 { float: none; text-align: center; line-height: inherit;}
	.homePurple .button { float: none; display: block; max-width: 235px; margin: 0 auto 30px; }
	.recentProjects a { text-align: center; margin-bottom: 30px; }
	.homePurple2 .col-sm-4:first-child { background: #231766; }
	.dmBlocks { height: 600px; max-width: 355px; margin: 50px auto 0; }
	.dmBlocks .dmText { max-width: inherit; top: 500px; left: 0; right: inherit; }
	.whyWait .row > div, .whyWait .row > div:first-child { text-align: center; }
	.appContainer { background: #f6f6f6; text-align: center; padding: 30px 0 45px; height: inherit; }
	.appContainer .container { padding: 0 15px; }
	.appContainer .button { margin: 0; }
	.homeInlineButton { margin: 15px 0 0; }
	.subnav { display: none; }
	.clients .subnav { display: block; }
	.subnavbox {display:none;}
	.upperContentRow .sidebar.industryFilter { flex-basis: 100%; }
	.upperContentRow .sidebar.industryFilter .subnav { display: block; }
	.upperContentRow .sidebar.industryFilter ul  { -webkit-column-count: 2;  -moz-column-count: 2;  column-count: 2; }
	.css3col, .css2col { -webkit-column-count: 1;  -moz-column-count: 1;  column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; }
	.upperContentRow, .upperContentRow.flipped { flex-direction: column; }
	.upperContentRow .subnavCol { order: 2; flex-basis: 100%; }
	.upperContentRow .upperContent { order: 1; flex-basis: 100%; }
	.upperContentRow .sidebar { order: 3; flex-basis: 100%; }
	.blogCtaStrip { padding-bottom: 60px; }
	.blogCTAs .blogItem .blogInfo { display: none; }
	.sidebar .blogCTAs.blogList { flex-direction: row; } 
	.sidebar .blogCTAs .blogItem { margin-bottom: 0; max-width: 47%; }
	.blogCtaStrip:not(.topToBottom) .blogCTAs.horizontal .blogItem { margin-bottom: 30px; }
	.blogCTAs.single .blogItem { flex-direction: column; max-width: 400px; margin-bottom: 0; }
	.blogCTAs.single .blogItem .blogDetails h4 { font-size: 1.2em; }
	.blogCTAs.single .blogItem .blogDetails .readMore { display: none; }
	.portfolioList .col-md-4:nth-child(3n+1) { clear: initial; }
	.portfolioList .col-xs-6:nth-child(odd) { clear: both; }
	div#hs-eu-cookie-confirmation { top: initial !important; bottom: 0; }
	body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area { text-align: center !important; }
}
@media (max-width: 767px) and (min-width: 481px) {
	.bottomContent .blogCTAs.blogList .blogItem:nth-child(3) { display: none; }
}

@media (max-width: 480px) 
{
	.col-xxs-12 { width: 100%; float: none; }
	img[style*="float: left"], img[style*="float: right"] { margin: 0 auto 30px; display: block; max-width: 100%; float: none !important; }
	.homeGreenRight img[style*="float: left"] { float: left !important; margin: -5px 30px 10px 0; }
	.homeGreen .award { font-size: 0.9em; max-width: 300px; }
	.homeGreenRight img[style*="float: left"] { margin-right: 10px; }
	.whyWait .button { margin: 0 30px; }
	.blogCTAs.blogList { flex-direction: column; }
	.blogCTAs.horizontal .single .blogItem { flex-direction: column; }
	.blogCTAs.horizontal .single .blogItem .blogIntro { max-width: 100%; margin: 0; }
	.upperContentRow .sidebar.industryFilter ul  { -webkit-column-count: 1;  -moz-column-count: 1;  column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; }
	/*.upperContentRow > div { padding: 30px 0px; }*/
	.sidebar .blogCTAs.blogList { flex-direction: column; }
	.sidebar .blogCTAs .blogItem { margin-bottom: 30px; max-width: inherit; }
	.blogCtaStrip.topToBottom { padding-top: 30px; }
	.blogCtaStrip.topToBottom .blogCTAs.blogList .blogItem { margin-bottom: 30px; }
}