@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------
MEDIA QUERIES
==============================================================*/
@media (max-height:680px)
{
	#nsightIntro{
		font-size:20px;	
	}	
	.nteractiveLogo{
		margin-top:50px !important;	
	}
	.nteractiveLogo img{
		width:80px;	
	}
}


@media (max-width:1050px)
{
	.grid-sizer,
	.grid-item { 
		width: 33.333%; 
		/*padding-bottom: 33.333%;*/
	}
	.grid-1_2 { 
		width: 33.333%; 
		padding-bottom: 66.666%;
	}
	.grid-2_1 { 
		width: 66.666%; 
		padding-bottom: 33.333%;
	}
	.grid-2_2 { 
		width: 66.666%; 
		padding-bottom: 66.666%;
	}
	.grid-3_2 { 
		width: 99.999%; 
		padding-bottom: 66.666%;
	}
	#nsightIntro,
	#largeGreenN{
		width:50%;	
	}
	.form-group label{
		display:block;
		width:100%;
		margin:0 0 10px 0;	
	}
	.form-group div{
		margin:0 !important;
		width:100% !important;	
	}
}

@media (max-width:768px)
{
	#sideBar{
		display:none;	
	}
	#mainContent{
		padding-right:0;	
	}
	#nsightIntro{
		font-size:20px;	
	}
	#mainMenuMobile,
	.mobilemenu 	{display:block;}
	#nav, #headerCall{display:none;}
	
	#navwrapper, #navouter {height: 45px}
	#navwrapper #logo {margin-top: -10px;}
	#logo img{width: 60%}
	
	#nsightContainer{
		position:relative;	
		top:45px;
	}
	#headliner {
    	min-height: auto;
	}
	#clientTestimonial {
    	height: auto;
	}
	#headliner .testimonial{
		padding:0;	
		min-height:400px;
		overflow:auto;
	}
	#clientTestimonial .testimonial > div {
		padding: 0 5%;
		width: 100%;
	}
	#homeText:before{
		position:relative;	
		padding:0;
	}
	#homeText #intro{
		position:relative;	
	}
	#homeLogo{
		position:relative;

	}
	#holdingBoard div{
		position:relative;	
	}
	#holdingBoard::before {
		padding: 0;
	}
	#boardDetailText{
		height:auto;	
	}
	#innerBoard {
		overflow: auto;
	}
	#board .square-box{
		width:100%;	
	}
	#boardDetailText .square-content {
		position: relative;
	}
	#boardDetailText:before{
		padding:0;	
	}
	#boardDetailImage {
		float: left;
		margin: 0 0 0 20%;
		width:60% !important;
	}
	
	#nextEventText {
		width: 100%;
	}
	#nextEventText:before{
		padding:0;	
	}
	#nextEventText .square-content {
		position: relative;
	}
	#nextEventImage {
		margin: 0 0 50px 25%;
	}
	.mobileHide{
		display:none;	
	}

	.nexteventTextindent{
		left:0%;	
		width:100%;
	}
	.nextWhite{
		font-size: 60px;
	}
	
	.nextwhite1{
		left:0%;
		width:100%;
	}	
	.nextwhite2{
		left:0%;
		width:100%;
	}
	.nextwhite3{
		left:0%;
		width:100%;
	}
}


	
@media (max-width:600px)
{
	.grid-sizer,
	.grid-item { 
		width: 50%; 
		/*padding-bottom: 50%;*/
	}
	.grid-1_2 { 
		width: 50%; 
		padding-bottom: 100%;
	}
	.grid-2_1 { 
		width:100%; 
		padding-bottom: 50%;
	}
	.grid-2_2 { 
		width: 100%; 
		padding-bottom: 100%;
	}
	.grid-3_2 { 
		width: 100%; 
		padding-bottom: 50%;
		min-width:0 !important;
	}
	
	
	#insideHero h1 {font-size:10vw}
	
	
	.split5 li{width:50%; margin-bottom:20px;}
	.split4 li,
	.split3 li,
	.split2 li{width:100%; margin:0 0 20px 0; }
	.checkerBoard div {
		padding: 0;
		width: 100%;
	}
	
	h5{font-size:18px; }
	h2 {font-size:20px}
	h4 {font-size:24px;}
	
	
	
	.img90{
		width:100%;
	}
	
	
	.square-box{
		width:100%;	
	}
	
	
	#nextEventImage {
		margin: 0;
	}
	
	#largeGreenN,
	.talkHeader {
		background-position: right bottom;
		background-size: 170% auto;
		height: 150px;
		position: relative;
		width: 100%;
	}
	#nsightIntro {
		margin: 0;
		padding: 50px 0 100px;
		width: 100%;
	}
	.rightArrow {
		position: absolute;
		right: 10px;
		top: 60px;
		z-index: 2147483647;
	}
	.leftArrow {
		left: 10px;
		position: absolute;
		top: 60px;
		z-index: 2147483647;
	}
	p{
		font-size:15px;	
	}
	#showBoardMember{
		position:relative;
		min-height:600px;	
	}
	
	#innerBoard{
		min-height:600px;	
	}
	
	.largeTestimonial{
		height:450px;	
	}
	
	#communityList{
		padding:0 !important;	
		overflow:auto !important;
		height:650px;
	}
	#communityList > div {
		width:100% !important;
		position: relative !important;
		top: 70px !important;
		transform: translateY(0px) !important;
		padding:0 0 50px 0;
		overflow:auto;
	}
	#communityList li{
		font-size:12px !important;	
		width:50% !important;
		line-height:1.5;
		margin:0 !important;
	}
	.innerGrid .gridText {
		padding: 30px 10% 0;
	}
	.pastTitle {
		margin: 0 0 10px;
	}
	.nextWhite{
		font-size: 40px;
	}
	.nextWhite span{
		font-size:24px;	
	}
	.hideMobile{
		display:none !important;	
	}
}


@media (max-width:480px)
{
	body {font-size:16px;}
	#footerNav li { display: block;margin: 0 0 20px;}
	.spB{margin-bottom:30px !important;}
	.spT{margin-top:30px !important;}
	.spTB{margin-bottom:30px !important;margin-top:30px !important;}
	
	#footer{margin:0;}
	
	#heroIntro{
		top:20%;	
	}
	.bigBold,
	.bigSerif{
		font-size:32px;	
	}
	h1{
		font-size:36px;
		margin:0 0 30px !important;	
	}
	h3{
		font-size:20px;	
	}
	h4 {
		font-size: 18px;
	}

	.logoList li img {
		width: 70%;
	}
	
	.split5 li{width:100%; margin-bottom:20px;}
	
	.fp-tableCell ul.containerBtm,
	.fp-tableCell .containerBtm,
	.fp-tableCell .secondary,
	#serviceImages{
		display:none;	
	}
	#insideHero h1{
		padding: 150px 0 70px;	
	}
	
	.pushWork{
		 margin-top: 274px;
		 padding-bottom: 50px;	
	}
	.checkerBoard li{
		margin: 0 0 20px;	
	}
	.ratioFixer {
		height: 300px;
	}
	#caseStudyHead div{
		padding:10% 0 0 ;	
	}
	
	#clientTestimonial li{
		font-size:18px;	
	}
	.cd-testimonials-wrapper{
		width:95%;	
	}
	.moreWork img{
		top:0;	
	}
	#scroll{
		display:none;	
	}
}