﻿﻿@media (max-width:1600px) {
    #home,
    #services .header,
    #contact .header {background-size:auto;}
    
}

@media (max-width:1000px) 
{
    * { box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box;}

    #header {width:100%; left:0%; margin-left:0px; top:0px;}
    #header #header-inner {width:auto;}
    #header #header-inner #logo {margin: 0px 0px 0px 20px;}

    #header #header-inner #navigation-holder {position:absolute; top:25px; right:0px; text-align:right;}
    #header #header-inner #navigation {border-right:0px; float:right;}
    #header #header-inner #navigation li {float:left; margin-right:1.3em; height:24px; line-height:24px; vertical-align:baseline;}
    #header #header-inner #navigation li a {color:#ffffff; text-decoration:none; font-size:14px;}
    #header #header-inner #navigation-holder span {font-size:13px; color:#ffffff; height:24px; line-height:24px; float:left;}

    #header ul.socialList		{float:right; margin:15px 15px 0 0; clear:both;}

    .showcasePrev { display:none;}
    .showcaseNext { display:none; }


    .nextArrowTop {top:10% !important;}

    .inner-content {width:100%; margin:0px auto; position:relative; padding:0px 18px; box-sizing:border-box; -moz-box-sizing:border-box; }
    .inner-content p { width:620px; padding-left:0px; }

    #footer 						{height:107px; width:100%; background:#004b93;}
    #footer .inner-content 			{width:100%; padding:35px 0;}
    #footer .inner-content p		{color:#ffffff; font-size:14px; font-weight:bold; width:auto; padding-left:0px;}
    #footer .inner-content p a		{color:#ffffff; text-decoration:none;}

    p#copyright						{text-align:right;}
    .footerLeft						{width:50%; float:left; padding-left:20px; box-sizing:border-box; -moz-box-sizing:border-box; }
    .footerRight					{width:50%; float:right; padding-right:20px; box-sizing:border-box; -moz-box-sizing:border-box; }
    #footer ul.socialList			{float:right;}

    
    #home .intro-holder {left: auto !important; right:auto; }
    #home .blue-box .lollipop { width: 95%; }
    #home h1 {left:26px; font-size: 46px; width: 400px; position:absolute !important; margin-top:0px !important; left:30px !important;}
	#home .homeCopyText p {font-size:21px;}
	#home .homeCopyText {left:10px; top:40px;}


    #about {padding-left:10px;}
    #about .inner-content p {padding-left:0px;}
    #about .content-panel {max-width:380px; width:50%;}
    #about .content-panel img {max-width:100%;} 
    #about .content-panel .image-holder {background:#ffffff; box-sizing:border-box; -moz-box-sizing:border-box;  width:95%; margin-right:5%;}
    #about .content-panel h2 {margin:0.3em 0px; box-sizing:border-box; -moz-box-sizing:border-box; }
    #about .content-panel p {width:auto; box-sizing:border-box; -moz-box-sizing:border-box;  width:95%; padding-left:10px;}
    #about .content-panel .lollipop { width: 88%; }

    #services .header h1 {padding-left:10px;}
    #services .feature-box-holder,  #contact .feature-box-holder {width:910px; margin-left: -415px;}
    #services .feature-box {width: 215px; height: 215px;}
    #services .feature-box .straight {}
    #services .feature-box-outer {height:350px}
    #services .feature-box .straight { top: 45px; left: 36px; width:130px; }
    #services .feature-box .straight h2 { font-size: 17px; }
    #services .feature-box .straight p { font-size: 16px; }
    #services .feature-box-content h2 { font-size: 17px; }
    #services .feature-box-content p { font-size:14px; }

    #services .feature-box-content {position:absolute; bottom:87px;  width: 170px; left: 40px;}
    #services .feature-box-content .lollipop { margin-left: 0px; width: 127px; }

  

    #showcase .feature-panel {width:100%; position:relative; margin-left:0px; top:auto; left:auto; }
    #showcase .feature-controls { width:100%; margin-left:-50%}
    #showcase .feature-controls li, #showcase .feature-controls li:first-child, #showcase .feature-controls li.last { margin-bottom:5px; }

    .showCaseExpanded {max-width:100%; margin-left:-50%;}
    .showCaseFeatureWrapper {width:70% !important; max-width:699px; height:auto;}
    .showCaseExpanded .showCaseFeature {width:100% !important; max-width:699px; height:0px;}
    .showCaseExpanded .showCaseFeature .slide {position:relative; width:auto; height:auto;}
    .showCaseExpanded .showCaseFeature .slide img {position:relative; max-width:100%;}
    .showCaseExpanded .showCaseFeature .slide .info {max-width:100%;}

    .showCaseInfo {width:29%; max-width:311px; margin-left:1%; box-sizing:border-box; -moz-box-sizing:border-box;}
    .showCaseInfo .showCaseText {overflow-x:auto; height:281px; width:100%; max-width:311px; margin-bottom:10px;}

    #study .inner-content .right-holder {max-width: 100%;}
    #study .inner-content p {padding-left:0px;}
    #study .content-panel {max-width:380px; width:50%;}
    #study .content-panel img {max-width:100%;} 
    #study .content-panel .image-holder {background:#ffffff; box-sizing:border-box; -moz-box-sizing:border-box;  width:95%; margin-right:5%;}
    #study .content-panel h2 {margin:0.3em 0px; box-sizing:border-box; -moz-box-sizing:border-box; }
    #study .content-panel p {width:auto; box-sizing:border-box; -moz-box-sizing:border-box;  width:95%; padding-left:10px;}
    #study .content-panel .lollipop { width: 88%;}

    #news .news-box { float:none; clear:both; margin:0px; }
    #news .inner-content > .clear {clear:none;}
    #news .twitter-box:before, #news .twitter-box.right:before { display: none; }
    #news .twitter-box, #news .twitter-box.right { float:left; }
    #news .twitter-box { margin:20px 15px; }

    #join .pyramid-holder {margin:0px; height:auto;}
    #join .pyramid {transform:initial; -ms-transform:initial; -webkit-transform:initial; -o-transform:initial; position:relative; top:0px;  left:0px; width: 295px; height: 295px; margin: 5px; float:left; max-width: 30%; margin:1%; margin-bottom:10px;}
    #join .pyramid .mask { width:295px; height:295px; margin:0px; }
    #join .pyramid .blue-box {transform:initial; -ms-transform:initial; -webkit-transform:initial; -o-transform:initial;}
    #join .pyramid .blue-box { top: 50% !important; left: 50% !important; height: 76% !important; width: 76% !important; margin-top:-38%; margin-left:-38%;}
    #join .pyramid:hover .blue-box { top: 0% !important; left: 0% !important; height: 100% !important; width: 100% !important; margin-top:0%; margin-left:0%;}
    #join .pyramid .straight { position: relative; top: 0; left: 0; transform:initial; -ms-transform:initial; -webkit-transform:initial; -o-transform:initial; }
    #join .pyramid .blue-box .straight { position: relative; top: 0px !important; left: 20px !important;  transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg);  }
    #join .large-lollipop  { height:132px !important; width:132px !important; position:relative; top:0px; left:0px !important; margin:10px; border:0px; display:inline-block; }
    #join .lollipop-holder { width: 100%; position:relative; top:0px; left:0px; margin:0px; text-align:center; }
    #join .large-lollipop:after  { position: absolute; left: 0px; top: 0px; }
    #join .large-lollipop .stat {top: 18px; left: 23px;}

    #join .pyramid-holder .listingStraight.p-1 { left:78px; top:110px;}
    #join .pyramid-holder .listingStraight.p-2 { right:258px; top:110px;}
    #join .pyramid-holder .listingStraight.p-3 { right:-32px; top:110px;}



    #join .listingStraight.p-1.moveCopy { left:78px; top:110px; }
    #join .listingStraight.p-2.moveCopy { right:258px; top:110px; }
    #join .listingStraight.p-3.moveCopy { right:-32px; top:110px; }

    #join .listingStraight { display:none; }
    #join .p-mobile-copy { display:block; padding:5%; }

    #contact .header h1 {padding-left:10px;}
    #contact .feature-box-holder {width:910px; margin-left: -415px;}
    #contact .feature-box {width: 215px; height: 215px;}
    #contact .feature-box .straight {}
    #contact .feature-box-outer {height:350px}
    #contact .feature-box .straight { top: 31px; left: -4px; width: 130px; }
    #contact .feature-box .straight h2 { font-size: 27px; }
    #contact .feature-box .straight p { font-size: 16px; }
    #contact .feature-box .straight .lollipop { margin-top: -10px; width: 150%; }
    #contact .feature-box .straight a { font-size:30px; }

    #contact .feature-box .lollipop { margin-top: -20px; margin-left: -8px; width:210px; }
    #contact .extra-copy { display:none; }
    #contact .feature-box-outer {height:430px}
    #contact .feature-box-holder {width:1200px; width: 1200px; margin: 0px auto; position: absolute; top: 0px; left: 50%; margin-left: -48%;}
    #contact .feature-box-rel { width:215px; height:245px; float:left; position:relative; }
    #contact .feature-box-rel .feature-box { background:#a7a9ac;  -webkit-box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.16); -moz-box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.16); box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.16); }
    #contact .feature-box-rel .feature-box.image { display:none; width:auto; height:auto; }
    #contact .feature-box-content {position:absolute; bottom:40px;  width: 170px; left: 10px;}
    #contact .feature-box-rel.active .feature-box-content {position:absolute; bottom:0px;  width: 170px; left: 10px;}
    #contact .feature-box-rel.active .extra-copy {display:block; color:#ffffff;}
    #contact .feature-box-rel.active .extra-copy p {color:#ffffff;}
    #contact .feature-box-rel.active a {margin:0em 0; margin-left:-15px;}
    #contact .feature-box-rel.active .feature-box {display:none;}
    #contact .feature-box-rel.active .feature-box.image {width: 255px; height: 255px;}
    #contact .feature-box.blue, #contact .feature-box.blue {background:#00b1dc}
    #contact .feature-box-rel .lollipop { margin-left: -14px; width: 160px; }
    #contact .feature-box-rel.active .lollipop { margin-left: 0px; width: 176px; }
    #contact .feature-box p { margin-top:50px; color:#ffffff;}
    #contact .feature-box .straight {width: 170px; height: 140px; position: absolute; top: 40px; left: 0px; }
    #contact .feature-box-rel a {font-size:27px; color:#ffffff; font-weight:normal; font-family: calvert-mt-light, Arial; display:block; text-decoration:none; margin:0.8em 0; margin-left:-15px;}

    #contact .feature-box-rel.active .feature-box.angle { position: absolute; top: 25px; left: 4px; width: 95%; height: 95%; display: block; opacity: 0.8; transition: width .5s, height .5s; -webkit-transition: width .5s, height .5s; }


    /***** CONTENT PAGES *******/

    .contentPageWrapper { width: 100%; }
    .contentPageWrapper h1 { width: 600px; max-width:100%; }
    .contentPageWrapper960 { width: 100%; left: 50%; margin-left: -50%; max-width:960px; }
    .contentPageWrapper990 { width:100%; max-width:980px; position: relative; left: 50%; margin-left: -50%; }

    .leftCol { width: 100%; margin-right:30px; }
    .rightCol { width: 100%; box-sizing: border-box; margin:30px 0px 0px 0px; }
    .leftCol img, .rightCol img { max-width:100%; }

    .leftCol p, .rightCol p { padding-left: 0px; }

    .pageImg { max-width:100%; margin-left:0px; }
    .pageImg img { max-width:100%; }
    .pageImg .lollipop { left:auto; width:98%; }

    .bottomMenu { max-width:100%; margin-left:0px; }
    .bottomMenu .lollipop.right { width: 100%; left: -20px; margin-bottom:10px; }

    .bottomMenu .feature-box-rel {position:relative; width:31%;  margin:1%; height:auto; float:left; background: #a7a9ac; }
    .bottomMenu .feature-box-rel.blue { background: #00b1dc; }
    .bottomMenu .feature-box { display:none; }
    .bottomMenu .feature-box-rel .feature-box-content { position:relative; float:none; height: 100px; width:100%; top:auto; left:auto; bottom:auto; padding:0 5%; box-sizing:border-box; -moz-box-sizing:border-box; }
    .bottomMenu .feature-box-rel a { line-height: 1.3em; }

    .bottomMenu .feature-box-rel .lollipop { display:none; }

    .bottomButtons { max-width:100%; padding-top: 30px; }
    .bottomButtons .lollipop { margin-top: -30px; margin-bottom: 30px; }
    .bottomButtons a { margin: 12px 10px 0px 0; }

    .rightCol-highlighted { width:100%; max-width: 460px;}
    .ourAccred { max-width:460px; }
    .clientsCol { max-width:100%; }

    /**** OUR PEOPLE ******/

    .peopleContainer { width: 100%; margin:0px; }
    .peopleContainer .personSmall { width:23%; margin:1%; }
    .peopleContainer .personSmall > img { width:200px; max-width:100%; height:auto; }

    .peopleContainer .personSmall.personBig { width: 98%; box-sizing:border-box; -moz-box-sizing:border-box; }
    .personBig .fullBio p { padding-left: 0px; }

    .personBig .personTxt { width: 50%; box-sizing: border-box; }
    .peopleContainer .personSmall.personBig > img { width: 40%; }

    .personExpanded {width:100%; padding:18px 12px; display:none; left:0%; margin-left:0px; position:absolute; top:460px; margin-top:0px; margin-bottom:4px; z-index:99999;background:#FFF; box-shadow: 0px 0px 30px #000; -moz-box-shadow:0px 0px 30px #000; -webkit-box-shadow:0px 0px 30px #000;}


    /***** SHOWCASE *******/

    #showcase.standardTextPage .feature-panel { height:auto; }
    .leftCol.showcase { box-sizing:border-box; -moz-box-sizing:border-box; max-width:45%; width: 490px; }
    .rightCol.showcase { box-sizing:border-box; -moz-box-sizing:border-box; max-width:55%; width: 430px; }
    #showcase .rightCol.showcase .contactForm { margin-top: 40px; margin-left: 40px; }


    /***** REPORTS *******/

    .whitePanel { width:48%; box-sizing:border-box; margin-left:2%; }
    .whitePanel.noMarginLeft { width:48%; }
    .whitePanel img { max-width: 100%; }
    .whitePanel p { padding-left:0px; }

    .jobListExpand { width:48%; box-sizing:border-box; height:auto; }
    .jobListExpand.open .job-intro p { padding-left:0px; }


    /****** CONTACT *******/
    .contact .bigSquare { margin-left:80px; }
    .contact .contactText { margin: 0px 0 0 32px; }

    /****** EVENTS *******/
    .listingItem p { padding-left:0px; }


    a.downloadMobile { display:none; }
    .greyContainer { margin-left:00px; }

    .whitePanelFull { padding:10px 10px 15px 10px; }
    .whitePanelFull .officeTitle h2 { clear:both; padding-top:10px; }
    .whitePanelFull a.officeImage img.leftImage { width:100%; max-height:227px; }
    .whitePanelFull a.officeImage img { width:100%; max-height:227px; }

    .copyFullWidth	{width:630px; float:left; padding:0 30px 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

    .copyFullWidth.fullWidthScroll {width:100%; position:relative; left:0px; margin:100px 0px 70px 0px;}
    .copyFullWidth.fullWidthScroll a.scrollLeftArrow {background:url("../../_assets/img_scrollLeftLrgMobile.png") no-repeat;width:44px;display:block;height:69px !important; min-height:69px; cursor:pointer; top:-100px; left: 0px; position:absolute; box-shadow:-2px 0px 40px -10px rgba(0,0,0,0.5); -moz-box-shadow:-2px 0px 40px -10px rgba(0,0,0,0.5); -webkit-box-shadow:-2px 0px 40px -10px rgba(0,0,0,0.5);}
    .copyFullWidth.fullWidthScroll a.scrollRightArrow {background:url("../../_assets/img_scrollRightLrgMobile.png") no-repeat;width:44px;display:block;height:69px !important; min-height:69px; cursor:pointer;position: absolute; right:0px; top:-100px; left:60px; box-shadow:8px 0px 40px -10px rgba(0,0,0,1); -moz-box-shadow:8px 0px 40px -10px rgba(0,0,0,0.5); -webkit-box-shadow:8px 0px 40px -10px rgba(0,0,0,0.5);}
    .copyFullWidth.fullWidthScroll .scrollOverlay {width:100%; float:left;padding:35px;background:rgba(255, 255, 255, 0.9); left:0px; position:absolute; top:0px;z-index:99;box-shadow:0px 2px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow:0px 2px 15px 0px rgba(0,0,0,0.5); -webkit-box-shadow:0px 2px 15px 0px rgba(0,0,0,0.5);}
    .copyFullWidth.fullWidthScroll .scrollUnderlay {width:100%; height:0px !important;float:left;background:none !important;}

    .copyFullWidth.fullWidthScroll .scrollOverlay h2 {font-size:28px; margin-top:-10px; margin-bottom:10px;}
    .copyFullWidth.fullWidthScroll .scrollOverlay p.copyLeft {float:left;width:100% !important;margin-top:15px;font-size:18px;}
    .copyFullWidth.fullWidthScroll .scrollOverlay p.copyRight {float:right;width:100% !important;margin-top:15px;font-size:18px;}

    .copyFullWidth.fullWidthScroll .scrollOverlay img { width:100%; }

    .events .twitter-box {padding:15px 25px 30px; float:right; width:100%; margin:0px 0px 20px 0px; color:#000000; position:relative; background: #70d3eb; background: -moz-linear-gradient(top,  #70d3eb 0%, #50b4cd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70d3eb), color-stop(100%,#50b4cd)); background: -webkit-linear-gradient(top,  #70d3eb 0%,#50b4cd 100%); background: -o-linear-gradient(top,  #70d3eb 0%,#50b4cd 100%); background: -ms-linear-gradient(top,  #70d3eb 0%,#50b4cd 100%); background: linear-gradient(to bottom,  #70d3eb 0%,#50b4cd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70d3eb', endColorstr='#50b4cd',GradientType=0 );}
    .events .twitter-box h3 {color:#ffffff; font-size:22px; margin:0px;}
    .events .twitter-box p {width:auto; color:#ffffff; font-style:italic; margin:0.5em -0.2em; font-size:18px;}
    .events .twitter-box a {color:#ffffff; text-decoration:none;}
    .events .twitter-box a.hashTag { color:#000;text-decoration:none; }
    .events .twitter-box a.hashTag:hover { color:#000; text-decoration:underline; }
    .events .twitter-box a:hover {color:#ffffff; text-decoration:underline;}
    .events .twitter-box span {display:block; position:absolute; bottom:14px; right:25px; color:#ffffff; font-size:12px; font-style:italic }
    .events .twitter-box span a { color:#FFF; text-decoration:none;}

    .feature-box-rel.active { animation: none; -webkit-animation: none; }
    .downloadsHolder a.downloadButton { max-width:50%; }

    #news .twitter-box.right #twitterRight {display:none;}
    #news .twitter-box #twitterLeft {display:none;}


}

@media (max-width:920px) {

    a.downloadMobile { font-family: Calibri, Candara, Segoe, "Segoe UI",  Arial, sans-serif; display:inline-block; background:#00a1d4 ; height:43px; color:#ffffff; font-size:16px; line-height:43px; text-decoration:none; padding:0 25px 0 15px; font-weight:bold; position:relative;  margin:20px 100px 20px 5px; text-transform:uppercase;}
    .downloadsHolder { display:none; }

    .rightCol { width: 100%; box-sizing: border-box; margin:0px; clear:both; margin:30px 0px 0px 0px;}
    #news .twitter-box.right #twitterRight {display:none;}
    #news .twitter-box #twitterLeft {display:none;}

    #header #header-inner #navigation li {margin-right:10px !important;}
}
.clearfix::after{content:"";display:table;clear:both}
