/* Home */

/* ======================================== */
/* ==========[ Intro Animation ]=========== */
/* ======================================== */
.IntroLogoAnimation {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 2000;background: #000;width: 100%;height: 100%;}
.IntroLogoAnimation.show {display: block;}
.IntroLogoAnimation.hide {opacity:0;-webkit-transition: opacity .49s ease;transition:opacity .49s ease;}
.IntroLogoAnimation__svg {display: block;position: absolute;width: 50%;height: 50%;left:25%;top:25%;}
.IntroLogoAnimation__inet {-webkit-animation: drawLoadInet 4s ease-in-out;animation: drawLoadInet 4s ease-in-out;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;stroke: #fff;fill:#fff;}
.IntroLogoAnimation__dot {-webkit-animation: drawLoadDot 4s ease-in-out;animation: drawLoadDot 4s ease-in-out;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;stroke: #0085c0;fill: #0085c0;}
.IntroLogoAnimation__web {-webkit-animation: drawLoadWeb 4s ease-in-out;animation: drawLoadWeb 4s ease-in-out;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;stroke: #0085c0;fill: #0085c0;}


@-webkit-keyframes drawLoadInet {
	0% {stroke-dasharray: 475 475;stroke-dashoffset: 475;stroke-width: 1;fill-opacity: 0;}
	40% {stroke-dasharray: 475 475;stroke-dashoffset: 0;stroke-width: 1;fill-opacity: 0;}
	60% {stroke-dasharray: 475 475;stroke-dashoffset: 0;stroke-width: 1;fill-opacity: 0;}
	100% {stroke-dasharray: 475 475;stroke-dashoffset: 0;stroke-width: 0;fill-opacity: 1;}
}
@keyframes drawLoadInet {
	0% {stroke-dasharray: 475 475;stroke-dashoffset: 475;stroke-width: 1;fill-opacity: 0;}
	40% {stroke-dasharray: 475 475;stroke-dashoffset: 0;stroke-width: 1;fill-opacity: 0;}
	60% {stroke-dasharray: 475 475;stroke-dashoffset: 0;stroke-width: 1;fill-opacity: 0;}
	100% {stroke-dasharray: 475 475;stroke-dashoffset: 0;stroke-width: 0;fill-opacity: 1;}
}
@-webkit-keyframes drawLoadDot {
	0% {stroke-dasharray: 30 30;stroke-dashoffset: -30;stroke-width: 1;fill-opacity: 0;}
	40% {stroke-dasharray: 30 30;stroke-dashoffset: -30;stroke-width: 1;fill-opacity: 0;}
	50% {stroke-dasharray: 30 30;stroke-dashoffset: 0;stroke-width: 1;fill-opacity: 0;}
	60% {stroke-dasharray: 30 30;stroke-dashoffset: 0;stroke-width: 1;fill-opacity: 0;}
	100% {stroke-dasharray: 30 30;stroke-dashoffset: 0;stroke-width: 0;fill-opacity: 1;}
}
@keyframes drawLoadDot {
	0% {stroke-dasharray: 30 30;stroke-dashoffset: -30;stroke-width: 1;fill-opacity: 0;}
	40% {stroke-dasharray: 30 30;stroke-dashoffset: -30;stroke-width: 1;fill-opacity: 0;}
	50% {stroke-dasharray: 30 30;stroke-dashoffset: 0;stroke-width: 1;fill-opacity: 0;}
	60% {stroke-dasharray: 30 30;stroke-dashoffset: 0;stroke-width: 1;fill-opacity: 0;}
	100% {stroke-dasharray: 30 30;stroke-dashoffset: 0;stroke-width: 0;fill-opacity: 1;}
}
@-webkit-keyframes drawLoadWeb {
	0% {stroke-dasharray: 273 273;stroke-dashoffset: 273;stroke-width: 1;fill-opacity: 0;}
	40% {stroke-dasharray: 273 273;stroke-dashoffset: 0;stroke-width: 1;fill-opacity: 0;}
	60% {stroke-dasharray: 273 273;stroke-dashoffset: 0;stroke-width: 1;fill-opacity: 0;}
	100% {stroke-dasharray: 273 273;stroke-dashoffset: 0;stroke-width: 0;fill-opacity: 1;}
}
@keyframes drawLoadWeb {
	0% {stroke-dasharray: 273 273;stroke-dashoffset: 273;stroke-width: 1;fill-opacity: 0;}
	40% {stroke-dasharray: 273 273;stroke-dashoffset: 0;stroke-width: 1;fill-opacity: 0;}
	60% {stroke-dasharray: 273 273;stroke-dashoffset: 0;stroke-width: 1;fill-opacity: 0;}
	100% {stroke-dasharray: 273 273;stroke-dashoffset: 0;stroke-width: 0;fill-opacity: 1;}
}

/* ===============[ Home Video BG ]=============== */

#placeHolderVideo { width:100%;}
video::-webkit-media-controls {display:none !important;}
video::-webkit-media-controls-start-playback-button {display:none !important;}
#videoBGWrap { position: relative; overflow: hidden; padding-bottom: 38%; -webkit-transition: padding .3s ease; transition: padding .3s ease; background: black; }
#videoBGWrap:before { content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 172px; background: url(/Content/images/headerBGFade.png) top center repeat-x; background: -webkit-linear-gradient(top, rgba(0,0,0,0.98) 0%,rgba(0,0,0,0.7) 32%,rgba(0,0,0,0.24) 61%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.98) 0%,rgba(0,0,0,0.7) 32%,rgba(0,0,0,0.24) 61%,rgba(0,0,0,0) 100%); }
.HomeVideoBtn { position: absolute; top: 52%; left: 50%; transform:translate(-50%, -50%); margin: auto; width: 81px; height: 81px; cursor: pointer; z-index: 3; -webkit-transition: opacity .3s ease; transition: opacity .3s ease;opacity:0;}
.HomeVideoWrap:hover .HomeVideoBtn {opacity:1;}
.HomeVideoBtn::before, .HomeVideoBtn::after {content:"";display:block;width:100%;height:100%;background:transparent center no-repeat;-webkit-transition: opacity .3s ease, background .3s ease;transition: opacity .3s ease, background .3s ease;position:absolute;top:0;left:0;}
.HomeVideoBtn::before {background-image:url(/Content/images/videoMarketingMilwaukee.png);}
.HomeVideoBtn::after {background-image:url(/Content/images/videoMarketingMilwaukeeO.png);opacity:0;}
.HomeVideoBtn:hover::before,.HomeVideoBtn:focus::before {opacity:0;}
.HomeVideoBtn:hover::after,.HomeVideoBtn:focus::after {opacity:1;}
.HomeVideoBtn.playing::before {background-image:url(/Content/images/videoMarketingMilwaukeePause.png);}
.HomeVideoBtn.playing::after {background-image:url(/Content/images/videoMarketingMilwaukeePauseO.png);}

.HomeVideoVolumeBtn {display: block;position: absolute;right: 0;bottom: 60px;width: 100px;height: 100px;color: #fff;z-index: 1;font-size:70px;display:none;opacity:0;-webkit-transition: opacity .3s ease, color .3s ease;transition: opacity .3s ease, color .3s ease;}
.HomeVideoVolumeBtn:hover,.HomeVideoVolumeBtn:focus{color:#0086c2;}
.timeToPlay .HomeVideoVolumeBtn {display:block;opacity:1;}
.HomeVideoVolumeBtn .on,.HomeVideoVolumeBtn .off {display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.HomeVideoVolumeBtn .off {display:none;}
.HomeVideoVolumeBtn.muted .off {display:block;}
.HomeVideoVolumeBtn.muted .on {display:none;}


#homepageVid { width: 100%; }
#posterImg { width: 100%; position: absolute; -webkit-transition: opacity .3s ease, visibility .3s ease; transition: opacity .3s ease, visibility .3s ease; }
#posterImg img { width: 100%; display: block; }
.timeToPlay #posterImg { opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
#videoImgGrouping { position: absolute; top: 0; left: 0; width: 100%; /*-webkit-transform: translateY(-10.2%); -ms-transform: translateY(-10.2%); transform: translateY(-10.2%);*/ -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#videoBGWrap.timeToPlay { padding-bottom: 56.25%; }
#videoBGWrap.timeToPlay #videoImgGrouping { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

@media only screen and (max-width: 1400px) {
	#videoBGWrap { padding-bottom: 42%; }
    #placeHolderVideo { padding-top:50px;}
}
@media only screen and (max-width: 1000px) {
	#videoBGWrap { padding-bottom: 50%; }
	#videoBGWrap:before { height: 110px; }
	#videoImgGrouping { -webkit-transform: translateY(2%); -ms-transform: translateY(2%); transform: translateY(2%); }
	.HomeVideoVolumeBtn {font-size:40px;width:50px;height:50px;}
    #placeHolderVideo { padding-top:25px;}
    .HomeVideoBtn { opacity:1;display:block;}
}

@media only screen and (max-width: 640px) {
	#videoBGWrap { padding-bottom: 56.25%; }
	#videoBGWrap:before { height: 100px; }
	#videoImgGrouping { -webkit-transform: translateY(2%); -ms-transform: translateY(2%); transform: translateY(2%); }
	.HomeVideoBtn { height: 42px; width: 42px;  }
	.HomeVideoBtn img { width: 100%; }
    #placeHolderVideo { padding-top:35px;}
}


/* ===============[ Homepage Content Styles ]=============== */

.main__topPos {overflow:hidden;padding: 2%;max-width: 1800px;}
#sec1, #sec2, #sec3, #sec4, #sec5, #sec6, #sec7 { width:100%; float:left;line-height:23px; letter-spacing:1px; font-size:13px;}

.webMakingMoney { float:left;margin:-48px 0 0 -4%;width:40%;max-width:688px;}
#iNetGrowsFast { float:left;margin: 56px 0 0 1%; width:63%;}
.iNetContentLogo { float:left;}
#topiNETCont {float: left;font-size: 16px;line-height: 26px;margin: 12px 0 0 3px;width:calc(100% - 138px);}
.hContentBold { font-weight:700;}
#sec2 { margin-top:-45px;}
.fcYellow { color:#f5d918;}
.magicBeans { vertical-align: middle;}
.pairdWithLg { width:98%; max-width:981px; float:left; margin-top:-8px;margin-bottom:5px;}
.pairdWithSm { display:none;max-width:278px; width:98%; float:left;}
#sec5First { float:left; font-size:27px;font-weight:700;display:block;}
.sec5Eyes { float:left;margin: -49px -48px 0 -46px;}
#sec5Second { float:left;font-size:27px;font-weight:700;display:block;}
#sec5 { margin-top:50px;}
#ipgw { float:left;}
#ipgwTop { float:left;font-size:26px; color:#0086c2; font-weight:700;letter-spacing:3px;}
#ipgwBottom { float:left;font-size:82px; color:#0086c2; font-weight:700;margin-top: 25px;}
#humanBeings {float: left;font-size: 17px;line-height: 25px;margin: -3px 0 0 15px;}
#sec7 { margin-top:20px;}
.yellowArrow { vertical-align:middle;margin-right:8px;}
h5.homeContH5 { font-size:14px;}
h5.homeContH5 a { color:#f5d918;}
h5.homeContH5 a:hover { color:#FFF;}
@media only screen and (max-width: 1760px) {
	#topiNETCont { font-size:14px;}
	#iNetGrowsFast { margin-top:42px;}
	#sec5First, #sec5Second { font-size:23px;}
}
@media only screen and (max-width: 1540px) {
	.respRemove { display:none;}
	#topiNETCont { font-size:14px;line-height: 19px;margin-top:-2px;}
	.iNetContentLogo { margin-right:4px; width:119px;}
	#iNetGrowsFast { margin-top:25px;}
	#sec5First, #sec5Second { float:none; margin-left:183px; margin-top:8px;}
	.sec5Eyes { margin-top:-56px;}
	#sec5 { margin-top:25px;}
}
@media only screen and (max-width: 1260px) {
	#sec2 { margin-top:-10px;}
	.webMakingMoney { margin-top:-25px;}
}
@media only screen and (max-width: 1000px) {
	.webMakingMoney { width:100%;margin-top:-50px;margin-left:auto;}
	#iNetGrowsFast { width:auto;margin-top:-31px;}
	#sec2 { margin-top:10px;}
	#sec5First, #sec5Second { font-size:17px;}
	#humanBeings { margin:31px 0 0 0; width:100%;}
}
@media only screen and (max-width: 640px) {
	.pairdWithLg { display:none;}
	.pairdWithSm { display:block;}
	#sec5First, #sec5Second { float:left; margin:0; text-align:center; width:100%;}
	.sec5Eyes { float:none; margin:0 auto;text-align:center; width:267px;}
	#sec5 {text-align:center;margin:0;}
	#ipgw { text-align:center;width:100%;}
	#ipgwTop, #ipgwBottom { text-align:center; width:100%;}
	#humanBeings { text-align:center;}
	#sec7 { margin:0;}
}

@media only screen and (max-width: 500px) {
	.pairdWithSm { float: none; margin: 0 auto; }
	#humanBeings { font-size: 13px; }
	#ipgwTop { font-size: 21px; }
	#ipgwBottom { font-size: 70px; margin-top: 18px; }
	#sec5First, #sec5Second { font-size: 14px; }
	.sec5Eyes { margin: -8px auto; }
	.iNetContentLogo { text-align: center; margin: 0 auto; float: none; width: auto; width: 100px; }
	#topiNETCont { width: 98%; margin: 0 auto; font-size: 13px; text-align: left; }
	#iNetGrowsFast { text-align: center; margin-left: 0; }
	#sec1, #sec2, #sec3, #sec4, #sec5, #sec6, #sec7 { line-height: 17px; font-size: 12px; }
}
@media only screen and (max-width:400px) {
	#ipgwTop {font-size: 16px;}
	#ipgwBottom {font-size: 55px;}
	#humanBeings {font-size: 12px;text-align: left;line-height: 1;}
	#humanBeings > span {display: block;}
}


/* ===============[ Service Area ]=============== */
.serviceArea { clear: both; border-top: 10px solid #fff; border-bottom: 10px solid #fff; position: relative; background: #fff; }
.ServiceImgHolder { float: left; width: 50%; position: relative; }
.ServiceImgHolder img { width: 100%; max-width: 1000px; display: block; }
.ServiceInfoHolder { float: right; width: 50%; text-align: center; position: absolute; height: 100%; right: 0; top: 0; }
.ServiceImgHolder--responsive {background: #FFF;}
.ServiceImgHolder--responsive:before {content: "";display: block;padding-top: 68.4%;}
.serviceArea .ServiceImgHolder .bx-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.serviceArea .bx-wrapper { position: relative; clear: both; }
.serviceArea .bx-controls { position: absolute; top: 0; left: 0; width: 100%; }
.serviceArea .bx-controls-direction a { display: block; text-indent: -9999px; color: black; font-size: 0; background: black center no-repeat; width: 64px; height: 70px; position: absolute; top: 17.1vw; margin-top: -35px; color: white; }
.serviceArea .bx-controls-direction a.disabled {opacity: .25;cursor: not-allowed;}
.serviceArea .bx-controls-direction a:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 18px; height: 18px; border-top: 1px solid; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; }
.serviceArea .bx-controls-direction .bx-prev { border-radius: 2px 0 0 2px; left: 50%; margin-left: 1px; }
.serviceArea .bx-controls-direction .bx-prev:before { border-left: 1px solid; -webkit-transform: rotate(-45deg) translate(25%,25%); -ms-transform: rotate(-45deg) translate(25%,25%); transform: rotate(-45deg) translate(25%,25%); }
.serviceArea .bx-controls-direction .bx-prev:hover:before,
.serviceArea .bx-controls-direction .bx-prev:focus:before { -webkit-transform: rotate(-45deg) translate(0,0); -ms-transform: rotate(-45deg) translate(0,0); transform: rotate(-45deg) translate(0,0); }
.serviceArea .bx-controls-direction .bx-next { right: 0; margin-right: 1px; }
.serviceArea .bx-controls-direction .bx-next:before { border-right: 1px solid; -webkit-transform: rotate(45deg) translate(-25%,25%); -ms-transform: rotate(45deg) translate(-25%,25%); transform: rotate(45deg) translate(-25%,25%); }
.serviceArea .bx-controls-direction .bx-next:hover:before,
.serviceArea .bx-controls-direction .bx-next:focus:before { -webkit-transform: rotate(45deg) translate(0,0); -ms-transform: rotate(45deg) translate(0,0); transform: rotate(45deg) translate(0,0); }
.serviceRotationBlock.seo .circleWrapCenter h2 { font-size: 2.83vw; line-height: .9; padding-bottom: .3em; }
.serviceRotationBlock.video .circleWrapCenter h2 { font-size: 2.83vw; line-height: .9; padding-bottom: .3em; }
.serviceRotationBlock.seo .ServiceInfoHolder img { display: block; margin: -1% auto 0; height: auto; width: 69.8%; }
.arrowLeft { position: absolute; left: 0; margin-top: 31%; }
.arrowRight { position: absolute; right: 0; margin-top: 31%; }
.circleWrapCenter { width: 50%; height: 0; padding-bottom: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #0086c2; border-radius: 50%; color: white; font-size: 11px; font-size: .55vw; font-weight: 300; letter-spacing: .12em; line-height: 1.54; overflow: hidden; }
.circleWrapPos { position: absolute; width: 100%; }
.circleWrapCenter h2 {font-size: 70px;font-size: 3.5vw;letter-spacing: .08em;font-family: "Caviar Dreams" , sans-serif;line-height: 1;margin: 0;font-weight: normal;padding: 2em 0 .1em;color: #fff;position: relative;z-index: 1;}
.circleWrapCenter p {margin: 0;position: relative;}
.circleWrapCenter p:first-of-type {position: relative;max-width: 80%;margin: 0 auto;z-index: 1;}
.circleWrapCenter p a { color: #f5d918; font-weight: 600; -webkit-transition: all .3s ease; transition: all .3s ease;position:relative;display:inline-block;}
.circleWrapCenter p a:before {content:"";display:block;position:absolute;width:100px;height:100px;background:#000;border-radius:50%;margin:auto;top:-99px;right:-99px;bottom:-99px;left:-99px;opacity:0;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;pointer-events: none;z-index: -1;}
.circleWrapCenter p a:hover,.circleWrapCenter p a:focus {color: #000;}
.circleWrapCenter p a:active:before{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:.2;-webkit-transition: none;transition:none;}
.serviceRotationBlock.responsive .circleWrapCenter img { display: block; height: auto; width: 36%; max-width:158px;margin:0;}
.serviceRotationBlock.video .ServiceInfoHolder img { margin: 5px 0 0 0; width: 32%; height: auto;max-width:158px; }
.serviceRotationBlock.seo .ServiceInfoHolder img { margin: 5px 0 0 0; width: 32%; height: auto;max-width:158px; }

@media only screen and (max-width: 1400px) {
	.circleWrapCenter { font-size: 10px; font-size: .7vw; }
	.serviceRotationBlock.seo .circleWrapCenter p:first-of-type { max-width: 65%; }
    .circleWrapCenter h2 { font-size: 3.1vw; }
    .serviceRotationBlock.seo .circleWrapCenter h2 { font-size: 2.5vw;width:90%; margin-left:5%;}
    .serviceRotationBlock.video .circleWrapCenter h2 { font-size: 2.5vw;width:90%; margin-left:5%;}
}
@media only screen and (max-width: 1150px) {
    .serviceRotationBlock.seo .circleWrapCenter h2 { padding-top:1.5em;}
    .serviceRotationBlock.video .circleWrapCenter h2 { padding-top:1.5em;}
}
@media only screen and (max-width: 1000px) {
	.serviceArea { display: none; }
}
/* =============[ Website Audit ]================ */
.websiteAuditWrap { clear: both; display: table; width: 100%; position: relative; background-color: #fff; }
.WA-Left {width: 47%;position: relative;max-width: 854px;float:left; margin-top:-50px;}
@-webkit-keyframes RightArrowCTA { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(5%); transform: translateX(5%); } }
@keyframes RightArrowCTA { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(5%); transform: translateX(5%); } }
.holyShitPointer, .holyShitThumbsUp {position:absolute;top: -23px;left: 0;width: 100%;right: 0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition: -webkit-transform .5s ease;transition: -webkit-transform .5s ease;transition: transform .5s ease;transition: transform .5s ease, -webkit-transform .5s ease;-webkit-animation: RightArrowCTA .5s ease-in-out infinite alternate;animation: RightArrowCTA .5s ease-in-out infinite alternate;}
.holyShitPointer.initialShow { display:block;}
.holyShitPointer.IveBeenClicked { display:none;}
.holyShitThumbsUp {display:none;top: -95px;}
.holyShitThumbsUp.initialHide{display:none;}
.holyShitThumbsUp.IveBeenClicked { display:block;}
.WA-Right { float:right;/*width:46%;*/width:50%;}
.FreeWAtitle { float:left; width:100%;}
.FreeWebsiteAudit { float:left; width:100%; max-width:706px;position:relative; margin-top:-1.1%; }
/*.WAInputArea { float:left; width:94%;margin-top:-15px; position:relative;}*/
.step1Msg { float:left; width:160px;color:#000;margin-top: -2px;}
.step1Title { float:left; width:100%; display:block; font-weight:700; font-size:19px;letter-spacing:1px;}
.step1Instruction { float:left; width:100%; display:block; font-weight:300; font-size:14px;letter-spacing:1px;margin-top:6px;}
/*.WAInput { float:left; width:calc(100% - 160px);max-width:500px;}
.WebAuditURL { width:calc(100% - 65px); float:left; height:45px; padding:11px 3% 0; font-size:14px;letter-spacing:1px; line-height: 30px; border-radius:5px 0px 0px 5px; background:#c5c5c5;border:none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}*/
.WAGOBtn { float:left; width:65px; border:none; background:#0086c2; color:#FFF; font-weight:700; letter-spacing:1px; font-size:19px;text-align:center;border-radius:0px 5px 5px 0px;height:64px;display:block;width:65px;cursor:pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.WAGOBtn:hover { background:#000; color:#F5D918;}
/*.WebAuditURL:focus { background:#ddd;}*/






/* video*/
#noVidPlaceholder{width:100%; max-width:2000px; }


.wdWrap{float:left;margin-top:-64px;}
.wdTextImg{float:left;width:133px;}
.wdLinks{float:left; width: auto; margin:0 5px 0 10px;}
.wdLinksRow{margin-top:-2px;}
.wdLinksRow.wdR2 a{letter-spacing:0.055em;}
.wdLinksRow a{color:#FFF; font-size:20px; letter-spacing:0;font-weight:bold; text-decoration:none;margin-left:-2px;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.wdLinksRow a:after{vertical-align:middle; height:5px; width:5px; background:#777;margin-left:3px;content: "";display:inline-block;}
.wdLinksRow a.lastLink:after{vertical-align:initial; height:0; width:0; background:none;margin-left:0;content: "";display:none;}
.wdLinksRow a.wdEverything{font-size:24px;}
.wdLinksRow a.wdEverything:after{}
.wdLinksRow a:hover{color:#0086c8;}

.formSectionWrap{float:left; width:100%; margin-top:20px;margin-bottom: 12px;}
.seeWebPortfolio{float:left; padding:15px 0;height:64px; width:216px; background:#0086c8; border-radius:6px;text-align:center;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;line-height:1.1;}
.seeWebPortfolio span{font-size:13px; color:#FFF;display:inline-block; width:100%;letter-spacing:0.03em;font-weight:600;}
.seeWebPortfolio span:first-child{color:#f5d918; font-weight:bold; font-size:19px;letter-spacing:0;}
.seeWebPortfolio:hover{background:#111;}
.orCenter{font-size:15px; font-weight:bold;float:left; margin:25px 0 0 0; text-align:center; width:36px;color:#222;}
.formSectionWrap .WAInputArea{float:left; width:auto;margin:0;padding:15px 0;height:64px;background:#c5c5c5; border-radius:6px;}

.formSectionWrap .WAInputArea { float:left; width:580px;margin-top:0; position:relative;}
.formSectionWrap .WAInput { float:left; width:calc(100% - 193px);max-width:100%; margin-top:-15px; height:64px;}
.WebAuditCompany { width:calc(100% - 79px); float:left; height:43px; padding:0 10px; margin:12px 7px 0 7px; font-size:14px; letter-spacing:1px; line-height: normal; background:#c5c5c5;border:none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.WebAuditCompany:focus { background:#ddd;}
.formSectionWrap .WAInput ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color:#777;}
.formSectionWrap .WAInput ::-moz-placeholder { /* Firefox 19+ */color:#777;}
.formSectionWrap .WAInput ::-ms-input-placeholder { /* IE 10+ */color:#777;}
.formSectionWrap .WAInput ::-moz-placeholder { /* Firefox 18- */color:#777;}

.weProveIt{float:left;line-height:1.1;text-align:center;width:184px;}
.weProveItTitle{color:#0086c8; font-weight:bold; font-size:19px;letter-spacing:0;}
.weProveItTitleSub{font-size:13px; color:#000;display:inline-block; width:100%;letter-spacing:0.03em;font-weight:600;}
#cursorBlink{float:left; margin:4px 0 0 0;animation: blinker 1.5s linear infinite;}
@keyframes blinker {  50% { opacity: 0; }}

#bestIn{position:absolute;z-index:1;top:50%;left:3%;transform:translate(0, -50%);width:44%; max-width:852px;}


/* big H1 */
#homeBannerH1 {color: #FFF; width:43.6%; max-width:810px; margin-left:61px; font-family: 'Caviar Dreams';position: absolute;font-size: 7.9vw;z-index: 2;letter-spacing: -0.04em;left: 3%;top: 51%;line-height: 0.95em;transform: translate(0, -50%);margin-top: auto;margin-bottom: auto;}
#homeBannerH1.videoIsPlaying{display:none;}
#bestIn.videoIsPlaying{display:none;}

#h1_wd{width:100%; display:inline-block;line-height: 0.95;}


/*@-webkit-keyframes bestInHeadingScroll {
	0% {-webkit-transform:translateY(0);transform:translateY(0);}
	20% {-webkit-transform:translateY(0);transform:translateY(0);}
	21% {-webkit-transform:translateY(-1em);transform:translateY(-1em);}
	40% {-webkit-transform:translateY(-1em);transform:translateY(-1em);}
	41% {-webkit-transform:translateY(-2em);transform:translateY(-2em);}
	60% {-webkit-transform:translateY(-2em);transform:translateY(-2em);}
	61% {-webkit-transform:translateY(-3em);transform:translateY(-3em);}
	80% {-webkit-transform:translateY(-3em);transform:translateY(-3em);}
	81% {-webkit-transform:translateY(-4em);transform:translateY(-4em);}
	100% {-webkit-transform:translateY(-4em);transform:translateY(-4em);}
}*/
/*@keyframes bestInHeadingScroll {
	0% {-webkit-transform:translateY(0);transform:translateY(0);}
	20% {-webkit-transform:translateY(0);transform:translateY(0);}
	21% {-webkit-transform:translateY(-1em);transform:translateY(-1em);}
	40% {-webkit-transform:translateY(-1em);transform:translateY(-1em);}
	41% {-webkit-transform:translateY(-2em);transform:translateY(-2em);}
	60% {-webkit-transform:translateY(-2em);transform:translateY(-2em);}
	61% {-webkit-transform:translateY(-3em);transform:translateY(-3em);}
	80% {-webkit-transform:translateY(-3em);transform:translateY(-3em);}
	81% {-webkit-transform:translateY(-4em);transform:translateY(-4em);}
	100% {-webkit-transform:translateY(-4em);transform:translateY(-4em);}
}*/
@-webkit-keyframes bestInHeadingScroll {
	0% {-webkit-transform:translateY(0);transform:translateY(0);}
	16% {-webkit-transform:translateY(0);transform:translateY(0);}
	17% {-webkit-transform:translateY(-.95em);transform:translateY(-.95em);}
	33% {-webkit-transform:translateY(-.95em);transform:translateY(-.95em);}
	34% {-webkit-transform:translateY(-1.9em);transform:translateY(-1.9em);}
	50% {-webkit-transform:translateY(-1.9em);transform:translateY(-1.9em);}
	51% {-webkit-transform:translateY(-2.85em);transform:translateY(-2.85em);}
	66% {-webkit-transform:translateY(-2.85em);transform:translateY(-2.85em);}
	67% {-webkit-transform:translateY(-3.80em);transform:translateY(-3.80em);}
	83% {-webkit-transform:translateY(-3.80em);transform:translateY(-3.80em);}
	84% {-webkit-transform:translateY(-4.75em);transform:translateY(-4.75em);}
	100% {-webkit-transform:translateY(-4.75em);transform:translateY(-4.75em);}
}
@keyframes bestInHeadingScroll {
	0% {-webkit-transform:translateY(0);transform:translateY(0);}
	16% {-webkit-transform:translateY(0);transform:translateY(0);}
	17% {-webkit-transform:translateY(-.95em);transform:translateY(-.95em);}
	33% {-webkit-transform:translateY(-.95em);transform:translateY(-.95em);}
	34% {-webkit-transform:translateY(-1.9em);transform:translateY(-1.9em);}
	50% {-webkit-transform:translateY(-1.9em);transform:translateY(-1.9em);}
	51% {-webkit-transform:translateY(-2.85em);transform:translateY(-2.85em);}
	66% {-webkit-transform:translateY(-2.85em);transform:translateY(-2.85em);}
	67% {-webkit-transform:translateY(-3.80em);transform:translateY(-3.80em);}
	83% {-webkit-transform:translateY(-3.80em);transform:translateY(-3.80em);}
	84% {-webkit-transform:translateY(-4.75em);transform:translateY(-4.75em);}
	100% {-webkit-transform:translateY(-4.75em);transform:translateY(-4.75em);}
}





.bestIn__heading {color: #000;font-size: 64.95px;font-size: 3.2475vw;letter-spacing: .06em;line-height: 1;margin: 0;font-family: inherit;font-weight: 600;text-align: center;margin: 1em 0 1.2em;}
.bestIn__headingText {display:inline-block;vertical-align:middle;}
.bestIn__headingLogo {width: 1.894em;height: .8em;vertical-align: middle;}
.bestIn__headingScroll1 {position:relative;display: inline-block;height: .9em;overflow: hidden;text-align: left;vertical-align: middle;font-family: "Caviar Dreams" , sans-serif;float:left; width:100%; margin-bottom:10px;}
.bestIn__headingScroll2 {display: block;-webkit-animation:bestInHeadingScroll 12s linear alternate infinite;animation:bestInHeadingScroll 12s linear alternate infinite;}
.bestIn__headingScroll3 {display: block;}
.bestIn__headingScroll3 img{width:100%; max-width:800px;margin-left:7px;}
.bestIn__headingScroll3--Milwaukee {color:#FFF;letter-spacing:-0.02em;font-size:7.9vw;margin-left:-7px;}
.bestIn__headingScroll3Hidden {position: absolute;opacity: 0;left:-5em;top:0;}
.bestIn__pos {padding: 0 4%;}
.bestInPosition {float: left;width: 20%;}


@media only screen and (max-width: 1750px) {
    .bestIn__headingScroll3 img{margin-left:5px;}
    .WA-Left{width:42%;margin-top:-37px;}
    .WA-Right{width:54%;}
    .bestIn__headingScroll3.bestIn__headingScroll3--theUniverse img{margin-left:0;}
}

@media only screen and (max-width: 1600px) {
	.bestIn__headingScroll3 img{margin-left:4px;}
    .bestIn__headingScroll3--Milwaukee{margin-left:-5px;}
    .bestIn__headingScroll1{margin-bottom:11px;}
    #homeBannerH1 {width:43%;top:50%;}
    .formSectionWrap .WAInputArea{width:445px;}
    .weProveItTitle, .seeWebPortfolio span:first-child{font-size:16px;}
    .weProveIt{width:145px;}
    .WebAuditCompany{padding:0 5px; margin-left:4px;width: calc(100% - 76px);font-size:12px;}
    .formSectionWrap .WAInput{width:calc(100% - 154px);}
    .seeWebPortfolio{width:175px;}
    .wdLinks{width:370px;}
    .wdLinksRow a:nth-child(1),
    .wdLinksRow a:nth-child(2),
    .wdLinksRow a:nth-child(3){font-size:13px;}
    .wdLinksRow a:nth-child(4),
    .wdLinksRow a:nth-child(5),
    .wdLinksRow a:nth-child(6){font-size:13px;}
    .wdLinksRow.wdR2 a:nth-child(1),
    .wdLinksRow.wdR2 a:nth-child(2),
    .wdLinksRow.wdR2 a:nth-child(3){font-size:13px;}
    /*.wdLinksRow.wdR2 a:nth-child(3):after{vertical-align:initial; height:0; width:0; background:none;margin-left:0;content: "";display:none;}*/
    .wdLinksRow a.wdEverything{font-size: 16px;}
    .WA-Right{width:50%;}
    .WA-Left{width:45%;}
    .wdLinksRow a:after{vertical-align:middle; height:3px; width:3px; background:#999;margin-left:3px;content: "";display:inline-block;}
    .wdLinksRow {margin-top: 1px;}
    .wdLinks{margin-top:3px;}
    .wdWrap{margin-top:-54px;}
    .formSectionWrap{margin:17px auto 10px;}
}

@media only screen and (max-width: 1400px) {
    .WA-Right{width:55%;}
    .WA-Left{width:41%;margin-top: -26px;}
}

@media only screen and (max-width: 1250px) {
    .WA-Left{width:335px; margin-left:80px; margin-top:40px;height:48px;}
    .WA-Right {width:calc(97% - 70px); position:absolute; right:0;}
    .formSectionWrap{margin-bottom:7px;width: calc(100% - 415px);margin-left: 345px;}
    .formSectionWrap .WAInputArea {width: calc(100% - 240px);}
    .wdWrap{width:95%;margin-top: -44px;}
    .wdLinks{width:auto;margin-top:9px;}
    .wdLinksRow{float:left;margin:0;}
    .wdTextImg{width:8%; max-width:90px;}
    .wdLinksRow a:nth-child(1),
    .wdLinksRow a:nth-child(2),
    .wdLinksRow a:nth-child(3){font-size:1.2vw;}
    .wdLinksRow a:nth-child(4),
    .wdLinksRow a:nth-child(5),
    .wdLinksRow a:nth-child(6){font-size:1.2vw;}
    .wdLinksRow.wdR2 a:nth-child(1),
    .wdLinksRow.wdR2 a:nth-child(2),
    .wdLinksRow.wdR2 a:nth-child(3) {font-size: 1.2vw;}
    .wdLinksRow a.wdEverything{font-size: 1.6vw;vertical-align:top;float:right; margin:-3px 0 0 3px;}
    .wdLinksRow a.lastLink:after{vertical-align:middle; height:3px; width:3px; background:#999;margin-left:3px;content: "";display:inline-block;}
    .wdLinksRow.wdR2 a.wdEverything:after{vertical-align:initial; height:0; width:0; background:none;margin-left:0;content: "";display:none;}
    .wdLinksRow.wdR2{margin:0 0 0 5px;}
}

@media only screen and (max-width: 1150px) {
    .wdLinksRow a:nth-child(1),
    .wdLinksRow a:nth-child(2),
    .wdLinksRow a:nth-child(3){font-size:1.16vw;}
    .wdLinksRow a:nth-child(4),
    .wdLinksRow a:nth-child(5),
    .wdLinksRow a:nth-child(6){font-size:1.16vw;}
    .wdLinksRow.wdR2 a:nth-child(1),
    .wdLinksRow.wdR2 a:nth-child(2),
    .wdLinksRow.wdR2 a:nth-child(3) {font-size: 1.16vw;}
    .wdLinksRow a.wdEverything{font-size: 1.7vw;margin:-2px 0 0 3px;}
    .wdLinks{margin-top:6px;}
    #homeBannerH1{top:52%;}
    #bestIn{top:53%;}
    .WA-Left{width:0px;}
    .formSectionWrap{margin-left:0;width:calc(100% - 78px);}
    .seeWebPortfolio {width: 195px;}
    .weProveIt {width: 167px;}
    .formSectionWrap .WAInput {width: calc(100% - 176px);}
}

@media only screen and (max-width: 1000px) {
    #bestIn{top:52%; left:2%;width:48%;}
    #homeBannerH1{margin-left:43px;}
    .WA-Right{position:relative; float:left; width:100%;}
    .WA-Left{display:none;}
    .wdWrap{float:none; margin:-50px auto 0; width:600px;}
    .wdLinksRow a:nth-child(1),
    .wdLinksRow a:nth-child(2),
    .wdLinksRow a:nth-child(3){font-size:13px;}
    .wdLinksRow a:nth-child(4),
    .wdLinksRow a:nth-child(5),
    .wdLinksRow a:nth-child(6){font-size:13px;}
    .wdLinksRow.wdR2 a:nth-child(1),
    .wdLinksRow.wdR2 a:nth-child(2),
    .wdLinksRow.wdR2 a:nth-child(3) {font-size: 13px;}
    .wdLinksRow a:nth-child(6):after{vertical-align:initial; height:0; width:0; background:none;margin-left:0;content: "";display:none;}
    .wdLinksRow a.wdEverything{font-size: 16px;vertical-align:bottom;float:none; margin:auto;}
    .wdLinksRow.wdR2{margin:0;}
    .wdLinksRow{margin-top:-2px;}
    .wdTextImg{max-width:100%;width:110px;}
    .wdLinks{width:365px;margin-top: 1px;}
    .formSectionWrap{width:100%;margin:15px auto 7px;padding:0 2%;}
    .HomeVideoBtn{left:70%;}
    .HomeVideoBtn.playing{left:50%;}
    .HomeVideoVolumeBtn{bottom:50px;}
}

@media only screen and (max-width: 640px) {
    #bestIn{top:52%; left:-1%;width:55%;}
    #homeBannerH1{margin-left:3%;top:50%;font-size:10vw;width:56%;}
    .bestIn__headingScroll3--Milwaukee{font-size:10vw;}
    .wdLinksRow a{display:none;}
    .wdLinksRow a.wdEverything{display:block;font-size:6.5vw; margin:0 4px;}
    .wdWrap{width:100%; padding:0 4.5%;text-align:center;}
    .wdTextImg{max-width:133px;width:22%;float:none; display:inline-block;}
    .wdLinksRow{margin:0;}
    .wdLinks{width:auto;margin:0;float:none; display:inline-block; vertical-align:text-bottom;}
    .seeWebPortfolio{display:none;}
    .orCenter{display:none;}
    .formSectionWrap{text-align:center;}
    .formSectionWrap .WAInputArea{width:96%; margin:0 2%;}
    .bestIn__headingScroll1{margin-bottom:5px;}
    .bestIn__headingScroll3 img{margin-left:2px;}
    .bestIn__headingScroll3--Milwaukee {margin-left: -2px;}
    .wdWrap{margin-top:-42px;}
    .formSectionWrap{margin:11px auto 1px;}
    .bestIn__headingScroll1{height:.95em;}
    .HomeVideoBtn {left: 74%;}
}

@media only screen and (max-width: 500px) {
    .websiteAuditWrap{display:none;}
    #bestIn{top:62%; width:64%;}
    #homeBannerH1{top:62%; margin-left:0;}
    .HomeVideoBtn{top:65%; left:73%;}
    .HomeVideoVolumeBtn{bottom:0;}
    .HomeVideoBtn.playing {top: 58%;}
}






@media only screen and (max-width: 1600px) {
	.holyShitPointer { bottom:-15px}
	.holyShitThumbsUp { bottom:-27px}
}

@media only screen and (max-width: 800px) {
	.WA-Left { display:none;}
}


#marketingLinksWrap { z-index:1;position:absolute; width:80px; top:50%; transform: translate(0, -50%);right:0;margin-right:-80px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
#marketingLinksWrap.slideIn.videoIsPlaying { margin-right:-80px;}
.marketingHomeLink { display:block; float:right; height:80px; width:80px; line-height:80px;  background:#000; border:1px solid #faa41a; border-right:none; margin-bottom:-1px;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.marketingLinkText { font-size:20px; float:right; margin-left:90px;height:80px; position:absolute;font-family: 'Caviar Dreams' , sans-serif; letter-spacing: .08em; color: #FFF; text-transform: uppercase; font-weight: bold; display: block; }
.MarketingHomepage__icon { width:80px; height:80px; float:left;}
.MarketingHomepage__icon > span { padding-bottom: 100%; position: relative; display: block; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; }
.MarketingHomepage__icon svg { display: block; width: 60%; height: 60%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; color: #FFF; -webkit-transition: color .3s ease; transition: color .3s ease; }
.marketingHomeLink:hover .MarketingHomepage__icon > span, .marketingHomeLink:focus .MarketingHomepage__icon > span { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }
.marketingHomeLink:hover .MarketingHomepage__icon svg, .marketingHomeLink:focus .MarketingHomepage__icon svg { color: #000; }
.marketingHomeLink:hover { width:210px;border-color:#000; background:#faa41a;}
#marketingLinksWrap.slideIn { margin-right:0;}

@media only screen and (max-width: 1400px) {
    #marketingLinksWrap{width:60px;}
    .marketingHomeLink{height:60px; width:60px;line-height:60px;}
    .MarketingHomepage__icon{height:60px; width:60px;}
    .marketingLinkText{margin-left:70px;height:60px;}
}

@media only screen and (max-width: 1000px) {
    #marketingLinksWrap { width:60px;top: 55%; transform: translate(0, -50%);}
    .marketingHomeLink { height: 60px;width: 60px; line-height:60px;}
    .marketingLinkText { height:60px;font-size:16px;margin-left:70px;}
    .MarketingHomepage__icon { height:60px; width:60px;}
    .marketingHomeLink:hover { width:190px;}
    #marketingLinksWrap{top:51%;}
}
@media only screen and (max-height: 800px) {
    #marketingLinksWrap { top: 60%; transform: translate(0, -50%); }
}
@media only screen and (max-width: 720px) {
    #marketingLinksWrap { display:none;}
}