/* Websites Entry */

.WebsiteDetails { background: url(/Content/images/WebsiteScreenshotBG.jpg) center top no-repeat; height: 790px; }
.WebsiteDetails__screenPos { float: left; width: 50%; }
.WebsiteDetails__right {width: 50%;float: right;position: relative;}
.WebsiteDetails__screenshot { margin: 19px 31px 0 auto; display: block; float: right; }
.WebsiteJumpLink__image svg {display: block;width: 80%;height: 80%;position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;color: white;}
.WebsiteDetails__link { font-size: 31px; letter-spacing: .12em; display: block; border: 1px solid #d1d1d1; color: #0086c2; margin: 78px auto 38px; width: 75%; }
.WebsiteDetails__link .noURLlabel{font-weight:700; width:100%; display:block; font-size:17px; color:#222; text-align:center;padding:18px; line-height:1.3;}
.WebsiteDetails__link p { margin: 0; }
.WebsiteDetails__link a {display: block;font: inherit;color: inherit;font-weight: 600;text-decoration: none;height: 80px;line-height: 80px;text-align: center;-webkit-transition: background .3s ease;transition: background .3s ease;}
.WebsiteDetails__link a:hover, .WebsiteDetails__link a:focus { background-color: #d1d1d1; }
.WebsiteJumpLink {display: inline-block;width: 14%;vertical-align: top;color:#0086c2;}
.WebsiteJumpLink__link {display: block;text-decoration: none;color: inherit;-webkit-transition: color .3s ease;transition: color .3s ease;}
.WebsiteJumpLink--marketing {color:#faa41a;}
.WebsiteJumpLink__link:hover,.WebsiteJumpLink__link:focus {color: #000;}
.WebsiteJumpLink + .WebsiteJumpLink {margin-left: 4.5%;}
.WebsiteJumpLink__image {display: block;background: currentColor;height: 100px;border-radius: 50%;position: relative;}
/* .WebsiteJumpLink__text { display: block; text-align: center; font-weight: 600; font-size: 18px; letter-spacing: .06em; padding: .75em 0 0; word-spacing: 2em; } */
.WebsiteJumpLink__text {opacity: 0;visibility: hidden;letter-spacing: .12em;border: 1px solid #d1d1d1;color: #fff;margin: 78px auto 38px;width: 75%;position: absolute;top: 0;left: 0;right: 0;font-size: 0;line-height: 1.4;background: #000;height: 82px;-webkit-transition: .3s ease;transition: .3s ease;text-align: left;white-space: nowrap;}
.WebsiteJumpLink__text:before {content:"";display:inline-block;height:100%;vertical-align:middle;width: 0;}
.WebsiteJumpLink__text div:first-child {background-color:#0086c2;font-family: "Caviar Dreams";font-size: 50px;font-weight: bold;width: 55px;height: 55px;line-height: 58px;display: block;position: absolute;top: 0;left: 12px;bottom: 0;margin: auto;text-align: center;}
.WebsiteJumpLink--marketing .WebsiteJumpLink__text div:first-child {background-color:#faa41a;}
.WebsiteJumpLink__text div:last-child {display:inline-block;vertical-align:middle;padding: 0 20px 0 80px;text-align: left;font-size: 12px;white-space: normal;letter-spacing: .12em;}
.WebsiteJumpLink__text div p {margin:0;}

.Websites.Stream .main__top { background:url(/Content/images/stevePeaker.jpg) bottom right no-repeat #000;}
.clickLinkDesc { display:none; width:100%; padding:0 12%; float:left; margin-top:40px; letter-spacing:0.08em; font-size:13px; line-height:1.5em; text-align:center;}
.iNETclickAboveLogo { vertical-align:text-bottom; height:1.8em; width:2.894em; }


.WebsiteJumpLink__link:hover + .WebsiteJumpLink__text, .WebsiteJumpLink__link:focus + .WebsiteJumpLink__text, .WebsiteJumpLink__text:hover, .WebsiteJumpLink__text:focus {display: block;visibility: visible;opacity: 1;}
.WebsiteDetails__jumpLinks { text-align: center; height:100px;}
.WebsiteDetails__jumpLinks--topRow {margin-bottom:50px;}
.WebsiteDetails__logo {height: 165px;position: relative;}
.WebsiteDetails__logo img { display: block; max-height: 90%; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
.WebsiteDetails__inet { text-align: center; margin: 5px 0 0; }
.WebsiteDetails__inet a { font-family: "Caviar Dreams" , sans-serif; font-weight: bold; font-size: 35px; letter-spacing: -.04em; display: inline-block; color: #0086c2; -webkit-transition: .3s ease; transition: .3s ease; }
.WebsiteDetails__inetLogo { color: #231f20; fill: #0086c2; width: 65px; height: 28px; display: inline-block; -webkit-transition: color .3s ease,fill .3s ease; transition: color .3s ease,fill .3s ease; }
.WebsiteDetails__inetPhone { display: inline-block; padding-left: .25em; }
.WebsiteDetails__inet a:hover, .WebsiteDetails__inet a:focus { color: #231f20; }
.WebsiteDetails__inet a:hover .WebsiteDetails__inetLogo, .WebsiteDetails__inet a:focus .WebsiteDetails__inetLogo { fill: #231f20; color: #0086c2; }

.WebsiteSection { padding: 0 100px; font-size: 12px; line-height: 1.4; letter-spacing: .12em; font-weight: 300; }
.WebsiteSection__heading { color: #0086c2; font-size: 91px; font-size: 4.55vw; letter-spacing: 0; font-weight: bold; font-family: "Open Sans" , sans-serif; line-height: 1; margin: .25em 0 0; }
.WebsiteSection__image { color: black; height: .8em; width: 1.06em; margin: 0 -.33em; }

.WebsitesCarousel { position: relative; padding: 50px 80px; background-color: #fff; }
.WebsitesCarousel .projectThumbList .projectThumbFillerLI { display: none; }
.WebsitesCarousel .projectThumbList .owl-wrapper-outer {z-index: 1;}
.WebsitesCarousel .owl-controls { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.WebsitesCarousel .owl-controls .owl-buttons > div { display: block; text-indent: -9999px; color: black; font-size: 0; background-color: black; width: 64px; height: 70px; position: absolute; top: 0; bottom: 0; margin: auto 0; color: white; }
.WebsitesCarousel .owl-controls .owl-buttons > div.disabled { opacity: .5; cursor: not-allowed; }
.WebsitesCarousel .owl-controls .owl-buttons > div: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; }
.WebsitesCarousel .owl-controls .owl-prev { border-radius: 0 2px 2px 0; left: 0; margin-left: 1px; }
.WebsitesCarousel .owl-controls .owl-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%); }
.WebsitesCarousel .owl-controls .owl-prev:hover:before,.WebsitesCarousel .owl-controls .owl-prev:focus:before { -webkit-transform: rotate(-45deg) translate(0,0); -ms-transform: rotate(-45deg) translate(0,0); transform: rotate(-45deg) translate(0,0); }
.WebsitesCarousel .owl-controls .owl-next { right: 0; margin-right: 1px; border-radius: 2px 0 0 2px; }
.WebsitesCarousel .owl-controls .owl-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%); }
.WebsitesCarousel .owl-controls .owl-next:hover:before,.WebsitesCarousel .owl-controls .owl-next:focus:before { -webkit-transform: rotate(45deg) translate(0,0); -ms-transform: rotate(45deg) translate(0,0); transform: rotate(45deg) translate(0,0); }

.sitePanelImg {margin: -2% 0 0 -2%;max-width: 2000px;width: 104%;}
.sitePanelImgMobile {display:none; margin: 0 0 0 -2%;max-width: 632px;width: 104%;}
.Websites.Entry .main__bottom { max-width:1920px; padding:2% 3% 0% 3%;}

#mobileWebProjectLink { display:none;cursor:pointer;width:100%; border-radius:8px; background:#0086c2; text-align:center; padding:8px 0;font-weight:bold; color:#FFF; text-decoration:none; font-size:16px;}
#mobileWebProjectLink:hover { color:#000; background:#FFF; }

@media only screen and (max-width: 1700px) {
	.WebsiteDetails { background-size: 1700px auto; height: 672px; }
	.WebsiteDetails__screenshot { width: 635px; margin: 15px 26px 0 auto; }
	.WebsiteDetails__link { margin: 55px auto 30px; }
	.WebsiteDetails__link a {}
	.WebsiteDetails__jumpLinks { height: 80px; }
	.WebsiteJumpLink__image { height: 90px; }
	.WebsiteJumpLink__text {margin: 55px auto 30px;}
	.WebsiteDetails__logo {height: 134px;}
	.WebsiteDetails__inet { margin: 5px 0 0; }
	.WebsiteDetails__inet a { font-size: 28px; }
	.WebsiteDetails__inetLogo { height: 24px; width: 56px; }
	.WebsiteSection__heading { font-size: 80px; }
    .WebsiteJumpLink + .WebsiteJumpLink {margin-left: 0;}
    .WebsiteJumpLink {width: 20%;}
}

@media only screen and (max-width: 1400px) {
	.WebsiteDetails { background-size: 1400px auto; height: 553px; }
	.WebsiteDetails__screenshot { width: 523px; margin: 13px 21px 0 auto; }
	.WebsiteDetails__link { margin: 45px auto 20px; font-size: 25px; }
	.WebsiteDetails__link a { height: 74px; line-height: 74px; }
	.WebsiteDetails__jumpLinks { height: 80px; }
	.WebsiteJumpLink__image { height: 80px; }
	.WebsiteJumpLink__text {margin: 45px auto 20px;height: 76px;}
	.WebsiteJumpLink__text span:last-child {font-size: 10px;}
	.WebsiteDetails__logo {height: 87px;}
	.WebsiteDetails__logo img { max-width: 200px; }
	.WebsiteDetails__inet { margin: 5px 0 0; }
	.WebsiteDetails__inet a { font-size: 24px; }
	.WebsiteDetails__inetLogo { height: 20px; width: 47px; }
	.WebsiteSection__heading { font-size: 75px; }
	.WebsiteJumpLink__text div:last-child { font-size:11px;letter-spacing: 0.08em;}

}

@media only screen and (max-width: 1200px) {
	.WebsiteDetails { background-size: 1200px auto; height: 474px; }
	.WebsiteDetails__screenshot { width: 448px; margin: 12px 19px 0 auto; }
	.WebsiteDetails__link { margin: 43px auto 16px; font-size: 20px; }
	.WebsiteDetails__link a { height: 55px; line-height: 55px; }
	.WebsiteDetails__jumpLinks { height: 70px; }
	.WebsiteJumpLink__image { height: 60px; }
	.WebsiteDetails__inet { margin-top:0;}
	.WebsiteJumpLink__text {/*height: 57px;margin: 43px auto 16px;*/height: 100px;margin: 9px auto 16px;}
	.WebsiteJumpLink__text span:first-child{height: 40px;width: 40px;font-size: 37px;line-height: 45px;}
	.WebsiteJumpLink__text span:last-child{padding-left:64px;}
	.WebsiteSection { padding: 0 50px; }
	.WebsiteSection__heading { font-size: 60px; }
    .WebsiteJumpLink {
        width: 20%;
    }
    .WebsiteDetails__jumpLinks--topRow {margin-bottom: 40px;}
}

@media only screen and (max-width: 1000px) {
	.WebsiteDetails { background: url(/Content/images/WebsiteScreenshotBG-1000.jpg) center top no-repeat; min-height: 667px; height: auto; }
	.WebsiteDetails__screenPos { width: 100%; float: none;}
	.WebsiteDetails__screenshot { width: 626px; margin: 0 auto; float: none; padding: 20px 1px 0 0; }
	.WebsiteDetails__right { width: 100%; float: none;}
	.WebsiteDetails__link { border: none; width: 50%; margin: 90px auto 28px; }
    .WebsiteDetails__link .noURLlabel{display:none;}
	.WebsiteDetails__link a { height: 62px; line-height: 56px; background:#000;border:2px solid #FFF;border-radius:5px;color:#FFF;}
	.WebsiteDetails__link a:hover { background:#FFF; color:#0086C2; border-color:#0086C2;}
	.WebsiteDetails__jumpLinks { padding: 25px 0 0; }
	.WebsiteDetails__jumpLinks { height: auto; clear: both;}
	.WebsiteJumpLink__image { height: 100px;}
	.WebsiteJumpLink__text {margin: 0 auto;height: 95px;border: none;width: 100%;}
	.WebsiteDetails__logo { display: none; }
	.WebsiteDetails__inet { margin: 20px 0; display: none; }
	.WebsiteSection__heading { font-size: 40px; }
	.WebsitesCarousel { padding: 50px 40px; }
	.WebsitesCarousel .owl-controls .owl-buttons > div { width: 40px; height: 60px; }
	.sitePanelImg {margin: 0 0 0 -2%;}
    .clickLinkDesc { display:block; padding: 25px 5%;float:none;clear:both;margin-top: 120px;}
    .WebsiteDetails__jumpLinks--topRow {margin-bottom: 20px;}
    .WebsiteDetails__jumpLinks--bottomRow {
        margin-bottom: 180px;
    }
}

@media only screen and (max-width: 750px) {
	.WebsiteDetails { background-size: 750px auto; min-height: 500px; }
	.WebsiteDetails__screenshot { width: 470px; float: none; padding: 15px 1px 0 0; }
	.WebsiteDetails__link { margin: 65px auto 21px; font-size: 18px; width:64%; }
	.WebsiteDetails__link a { height: 48px; line-height: 44px; font-size:15px;}
	.WebsiteJumpLink + .WebsiteJumpLink { margin-left: 10px; }
	.WebsiteJumpLink__image { height: 80px; }
	.WebsiteJumpLink__text {height: 84px;}
	.WebsiteSection { padding: 0 20px; }
	.sitePanelImg {margin: 0 0 0 -2%;}
}

@media only screen and (max-width: 640px) {
    .sitePanelImgMobile {display:block;margin: 0 0 0 -2%;}
    .sitePanelImg {display:none;}
}

@media only screen and (max-width: 550px) {
	.WebsiteDetails { background-size: 120% auto; min-height: 0; }
	.WebsiteDetails__screenshot { width: 75%; padding: 2.4% 0 0; }
	.WebsiteDetails__link { margin: 12% auto 0;}
	.WebsiteDetails__jumpLinks { height: 65px; }
	.WebsiteJumpLink__image {height: 65px;}
	.WebsiteJumpLink__text {height: 94px;margin: -20px 0 0;}
	.WebsiteJumpLink__text span:first-child{height: 34px;width: 34px;font-size: 30px;line-height: 38px;left:10px;}
	.WebsiteJumpLink__text span:last-child{padding-left:54px;font-size: 9px;}
	.WebsiteDetails__link a {font-size:13px;}
    .clickLinkDesc {font-size:11px; line-height:1.3em;}
    #mobileWebProjectLink { display:block;}
}
@media only screen and (max-width: 400px) {
.WebsiteDetails__jumpLinks { height: 50px; }
	.WebsiteJumpLink { width: 50px; }
	.WebsiteJumpLink__image {height: 50px;}
	.WebsiteDetails__link a {font-size:11px;}
	.WebsiteDetails__link {width:75%; }
    .WebsiteJumpLink__text {height: 105px;margin: -28px 0 0;}
	.WebsiteJumpLink__text div:last-child { font-size: 10px;letter-spacing: 0.06em;}
}

/* Ongoing Updates - April 2019 */

.WebsiteDetails__logo img {
    top: 50px;
}

.WebsiteDetails__link {
    margin-top: 10px;
    border: none;
    font-size: 14px;
}

.WebsiteDetails__link a {
    line-height: 25px;
    height: 25px;
    color: #888888;
    text-decoration: underline;
    transition: 0.25s ease-in-out;
}

.WebsiteDetails__link a:hover, .WebsiteDetails__link a:focus {
    background-color: transparent;
    color: #0178ba;
}

.WebsiteJumpLink__image {
    background: none;
    border-radius: 0;
}

.WebsiteJumpLink__link:hover svg, .WebsiteJumpLink__link:focus svg {
    color: #202020 !important;
}

.WebsiteDetails__jumpLinks.WebsiteDetails__jumpLinks--topRow .WebsiteJumpLink__image:hover svg {
    color: #202020;
}

.WebsiteDetails__jumpLinks.WebsiteDetails__jumpLinks--topRow .WebsiteJumpLink__image:hover span {
    color: #050505;
}

.WebsiteDetails__jumpLinks.WebsiteDetails__jumpLinks--topRow .WebsiteJumpLink__image svg {
    color: #0178ba;
    transition: 0.25s ease-in-out;
}

.WebsiteDetails__jumpLinks.WebsiteDetails__jumpLinks--bottomRow .WebsiteJumpLink__image svg {
    color: #ffb10b;
    transition: 0.25s ease-in-out;
}

.WebsiteDetails {
    background: rgba(0, 0, 0, 0) url("/Content/images/WebsiteScreenshotBGNEW.jpg") no-repeat scroll center top;
}

.WebsiteDetails__screenshot {
    margin: 35px 90px 0 auto;
}

.WebsiteDetails__jumpLinks:nth-child(3) {
    margin-bottom: 60px;
}

.WebsiteDetails__jumpLinks.WebsiteDetails__jumpLinks--topRow .WebsiteJumpLink__image svg:focus {
    color: #202020;
}

.WebsiteJumpLink__link svg, .WebsiteJumpLink__link svg:focus {
    color: #4c4c4c;
}

.WebsiteJumpLink__text {
    bottom: -180px;
    top: auto;
    color: #050505;
    background: none;
    border: 0;
    font-size: 14px;
    white-space: unset;
    height: auto;
    padding: 0 20px;
}

.WebsiteJumpLink__text p {
    text-align: center;
    margin-top: 0;
    margin-bottom: 5px;
}

.WebsiteJumpLink__text::before {
    display: none;
}

.WebsiteJumpLink__text span.title {
    display: block;
    font-size: 21px;
    font-weight: 900;
    margin-bottom: 5px;
    color: #0087c3;
    text-transform: uppercase;
    letter-spacing: 0;
    text-align: center;
}

.textNavArrows img {
    vertical-align: top;
}

.textNavArrows--left {
	position: absolute;
	left: -10px;
	top: 50%;
	transform: rotate(-180deg);
}

.textNavArrows--right {
	position: absolute;
	right: -10px;
	top: 50%;
}

body.Websites .slick-slider {
    position: absolute;
}

.WebsiteJumpLink__image svg {
    position: relative;
}

.WebsiteJumpLink__image span {
    display: block;
    margin-top: 5px;
    color: #202020;
    font-weight: 900;
    font-size: 14px;
    text-transform: uppercase;  
}

@media all and (max-width: 1700px) {
    .WebsiteDetails {
        background-size: 1700px auto;
        height: 672px;
    }

    .WebsiteDetails__screenshot {
        margin: 30px 75px 0 auto;
    }

    .WebsiteJumpLink__text {
        bottom: -175px;
        width: 85%;
        font-size: 13px;
    }

    .WebsiteDetails__jumpLinks:nth-child(3) {
        margin-bottom: 40px;
    }

    .WebsiteJumpLink__image span {
        font-size: 13px;
    }

    .WebsiteJumpLink__text span.title {
        margin-bottom: 0;
    }
}

@media all and (max-width: 1400px) {
    .WebsiteDetails {
        background-size: 1400px auto;
        height: 553px;
    }

    .WebsiteDetails__logo {
        display: none;
    }

    .WebsiteJumpLink__text span.title {
        margin-bottom: 5px;
    }

    .textNavArrows--left {
        left: -21px;
        top: 40%;
        padding: 5px;
    }

    .textNavArrows--right {
        right: -21px;
        top: 40%;
        padding: 5px;
    }

    .WebsiteJumpLink__text {
        width: 90%;
        padding: 5px 20px;
    }

    .WebsiteDetails__right {
        margin-top: 20px;
    }

    .WebsiteJumpLink__text span.title {
        font-size: 20px;
    }

    .WebsiteDetails__screenshot {
        margin: 25px 63px 0 auto;
    }

    .WebsiteDetails__link {
        margin-top: 20px;
        margin-bottom: 25px
    }
}

@media all and (max-width: 1200px){
    .WebsiteJumpLink__text span:first-child {
        width: 100%;
        height: auto;
        line-height: inherit;
    }

    .WebsiteDetails {
        background-size: 1200px auto;
        height: 474px;
    }

    .WebsiteDetails__link {
        margin-top: 20px;
        margin-bottom: 25px;
    }

    .WebsiteDetails__screenshot {
        margin: 20px 55px 0 auto;
    }

    .WebsiteJumpLink__text span.title {
        font-size: 16px;
    }

    .WebsiteJumpLink__text {
        bottom: -150px;
        padding: 5px 10px;
    }

    .WebsiteJumpLink__image span {
        font-size: 12px;
    }

    .WebsiteDetails__jumpLinks:nth-child(3) {
        margin-bottom: 25px;
    }

    .WebsiteJumpLink__text p {
        line-height: 1.4em;
    }
}

@media all and (max-width: 1000px){
    .WebsiteDetails {
        background: url(/Content/images/WebsiteScreenshotBG-1000.jpg) center top no-repeat;
        min-height: 667px;
        height: auto;
    }

    .WebsiteJumpLink__text {
        bottom: 0px;
        background: rgba(255, 255, 255, 0.95) !important;
    }

    .WebsiteDetails__screenshot {
        width: 626px;
        margin: 0px auto;
        float: none;
        padding: 20px 1px 0px 0px;
    }

    .WebsiteDetails__link {
        border: none;
        width: 50%;
        margin: 90px auto 28px;
    }

    .WebsiteDetails__link a {
        height: 62px;
        line-height: 56px;
        background: rgb(0, 0, 0) none repeat scroll 0% 0%;
        border: 2px solid rgb(255, 255, 255);
        border-radius: 5px;
        color: rgb(255, 255, 255);
        text-decoration: none;
    }

    .WebsiteDetails__link a:hover,
     .WebsiteDetails__link a:focus {
        background: #fff;
    }

    .WebsiteDetails__jumpLinks:nth-child(3) {
        margin-top: 100px;
        margin-bottom: 25px;
    }

    .textNavArrows--left {
        top: 35%;
    }

    .textNavArrows--right {
        top: 35%;
    }

    .WebsiteJumpLink__text {
        width: 90%;
        padding: 5px 20px;
        background: none !important;
        bottom: -150px;
    }
}

@media all and (max-width: 640px) {
    .WebsiteJumpLink__image span {
        font-size: 12px;
    }

    .WebsiteJumpLink__text {
        display: none;
    }

    .WebsiteDetails__jumpLinks {
        display: none;
    }

    .WebsiteDetails__right {
        margin-top: 140px;
    }

	.clickLinkDesc {
		display: none;
	}
}

@media all and (max-width: 550px) {
    .WebsiteDetails {
        background-size: 120% auto;
        min-height: 0;
    }

    .WebsiteDetails__right {
        margin-top: 0px;
    }

    .WebsiteDetails__screenshot {
        width: 75%;
        padding: 2.4% 0 0;
    }

    .WebsiteJumpLink__text {
        margin: 0 auto;
        background: rgba(255, 255, 255, 0.9);
        bottom: 220px;
    }

    .WebsiteJumpLink__text p {
        font-size: 13px;
    }

    .WebsiteJumpLink__text span.title {
        font-size: 16px;
    }

    .WebsiteDetails__jumpLinks {
        height: auto;
        padding-top: 25px;
    }

    .WebsiteDetails__link {
        margin: 12% auto 0;
    }

    .WebsiteDetails__right {
        padding-top: 30px;
    }

    .WebsiteJumpLink + .WebsiteJumpLink {
        float: left;
        width: 50%;
        margin-left: 0;
        height: auto;
        margin-bottom: 0;
    }

    .WebsiteDetails__jumpLinks:nth-child(3) {
        margin-bottom: 0;
    }

    .WebsiteJumpLink {
        float: left;
        width: 50%;
        height: auto;
        padding-bottom: 25px;
    }

    .WebsiteJumpLink__image {
        height: 90px;
    }

    .WebsiteJumpLink__image span {
        font-size: 14px;
    }

    .clickLinkDesc {
        margin-top: 20px;
    }

    .WebsiteJumpLink__text {
        bottom: 80px;
    }
}

@media all and (max-width: 480px){
    .WebsiteJumpLink__image span {
        font-size: 13px;
        padding: 0 5%;
    }

    .WebsiteJumpLink__text span.title {
        font-size: 15px;
    }

    .WebsiteJumpLink__text p {
        font-size: 12px;
    }

    .WebsiteDetails__jumpLinks {
        padding-top: 0;
        height: auto;
    }
}

@media all and (max-width: 400px){
    .WebsiteDetails__link {
        width: 75%;
    }

    .WebsiteDetails__link a {
        font-size: 12px;
    }

    .WebsiteDetails__jumpLinks:nth-child(3) {
        padding-top: 0px;
    }
}

#reviewsCallout {
    background: #0087c3;
    padding: 20px 2% 20px 6%;
}

#reviewsCallout::after {
    content: "";
    clear: both;
    display: block
}

#reviewsCallout .leftContent {
    float: left;
    width: 30%;
    margin-top: 20px;
}

#reviewsCallout .leftContent .clientPhoto {
    width: 168px;
    height: 168px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background: url("/Content/files/noPhoto.png") no-repeat top center;
}

#reviewsCallout .leftContent .clientPhoto img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

#reviewsCallout .leftContent .rightInfo {
    display: inline-block;
    width: 45%;
    vertical-align: middle;
    margin-left: 5%;
}

#reviewsCallout .leftContent .rightInfo a {
    color:  #fff;
    font-weight: bold;
    margin-top: 5px;
    display: block;
    transition: 0.25s ease-in-out;
}

#reviewsCallout .leftContent .rightInfo img {
    display: block;
    margin-top: 15px;
}

#reviewsCallout .leftContent .rightInfo a:hover {
    color: rgb(255, 177, 11);
}

#reviewsCallout .leftContent .rightInfo span {
    display: block;
    color: #fff;
    letter-spacing: .06em;
}

#reviewsCallout .leftContent .rightInfo .reviewer-name {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 5px;
}

#reviewsCallout .leftContent .rightInfo .reviewer-title {
    font-size: 16px;
}

#reviewsCallout .ReviewsSE__text {
    float: left;
    width: 70%;
    color: #fff;
    line-height: 32px;
    position: relative;
    z-index: 1;
}

#reviewsCallout .ReviewsSE__text::before {
    content: url("/Content/images/leftQuoteMarks.png");
    position: absolute;
    top: 0;
    left: -5%;
    z-index: -1;
}

#reviewsCallout .ReviewsSE__text::after {
    content: url("/Content/images/rightQuoteMarks.png");
    position: absolute;
    bottom: -5%;
    right: 0;
    z-index: -1;
}

@media all and (max-width: 1500px){
    #reviewsCallout {
        padding: 20px 2%;
    }

    #reviewsCallout .ReviewsSE__text {
        width: 65%;
    }

    #reviewsCallout .leftContent {
        width: 35%;
    }
}

@media all and (max-width: 1300px){
    #reviewsCallout .ReviewsSE__text {
        width: 60%;
    }

    #reviewsCallout .leftContent {
        width: 40%;
    }
}

@media all and (max-width: 1200px){
    #reviewsCallout {
        padding: 25px 0;
        overflow: hidden;
    }

    #reviewsCallout .ReviewsSE__text {
        width: 100%;
        float: none;
        margin: 0 auto;
        padding: 0 5%;
    }

    #reviewsCallout .leftContent {
        width: 100%;
        float: none;
        margin: 0 auto;
        margin-left: 5%;
    }

    #reviewsCallout .ReviewsSE__text::before {
        left: 1%;
    }

    #reviewsCallout .ReviewsSE__text::after {
        right: 1%;
    }
}

@media all and (max-width: 640px){
    #reviewsCallout .ReviewsSE__text {
        width: 100%;
        float: none;
        margin: 0 auto;
        padding: 0 5%;
    }

    #reviewsCallout .leftContent {
        margin-left: 0;
    }

    #reviewsCallout .leftContent .clientPhoto {
        display: block;
        margin: 0 auto 20px;
        text-align: center;
    }

    #reviewsCallout .leftContent .rightInfo {
        width: 100%;
        display: block;
        text-align: center;
        margin-left: 0;
        margin-bottom: 20px;
    }

    #reviewsCallout .ReviewsSE__body p {
        line-height: 1.5em;
    }
}

@media all and (max-width: 480px){
    #reviewsCallout .ReviewsSE__body p {
       font-size: 15px;
    }
}

#mobileWorkAreas {
	display: none;
}

.WebsiteDetails__linkmobile {
	display: none;
}

@media all and (max-width: 640px) {

	#mobileWorkAreas {
		display: block;
		padding-top: 50px;
		float: none;
		clear: both;
	}

	#mobileWorkAreas .row {
		padding: 20px;
	}

	#mobileWorkAreas .row p {
		margin: 10px 0;
	}

	#mobileWorkAreas .row .headerRow h3 {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 20px;
		display: inline-block;
		width: 80%;
		vertical-align: middle;
	}

	#mobileWorkAreas .row .headerRow .icon {
		margin-right: 10px;
		display: inline-block;
		vertical-align: middle;
	}

	#mobileWorkAreas .row .headerRow .icon svg {
		height: 50px;
		width: 50px;
		color: #0086c2;
	}

	#mobileWorkAreas .row:nth-child(odd) {
		background: #fff;
	}

	#mobileWorkAreas .row:nth-child(even) {
		background: #ccc;
	}

	.WebsiteDetails__link {
		display: none;
	}

	.WebsiteDetails__linkmobile {
		display: block;
		text-align: center;
		padding-top:20%;
		padding-bottom: 25px;
	}

	.WebsiteDetails__linkmobile a {
		font-weight: bold;
	}

	.WebsiteDetails__linkmobile p {
		display: inline-block;
		padding-top: 25px;
		padding-bottom: 0px;
	}
}

@media all and (max-width: 550px){
	.WebsiteDetails__screenPos {
		height: 0;
		padding-top: 50%;
	}

	.WebsiteDetails__screenshot {
		vertical-align: top;
		margin-top: -50%;
	}

	.WebsiteDetails__linkmobile {
		padding: 14% 5% 25px;
	}
}

@media all and (max-width: 480px){
	#mobileWorkAreas .row .headerRow h3 {
		font-size: 18px;
	}

	.WebsiteDetails__linkmobile {
		padding-top: 10%;
	}
}

@media all and (max-width: 400px) {
	#mobileWorkAreas .row .headerRow h3 {
		font-size: 16px;
		width: 70%;
	}
}