body{background-color: #ededed; }
	*{margin: 0; padding: 0}
	img{display: block;}
.more, .maincontent #slider{display: none}
	.container{
		font-family:'Helvetica Neue LT W05_35 Thin';
		width: 100%;
		max-width: 1310px;
		background-color: #fff;
		margin: auto;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(163,163,163,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(163,163,163,1);
box-shadow: 0px 0px 5px 0px rgba(163,163,163,1);
		letter-spacing:.045em;
	}
	.innercontainer{
		width: 98.5%;
		margin: auto;
	}
.loading .ll {opacity: 0;}
	.loading  .innercontainer:before  { content: url(images/spiffygif_32x32.gif); display: block; color: #999; font-size: 16px; opacity: 0.5; position:absolute; width:32px; margin:auto; left: 0; right: 0; top: 150px; z-index: 1000 }
	.introblock{
		background-color: #65bbe9;
		color:#fff;
		margin-top: 0.75%;
		margin-bottom: 0.75%;
		text-align: center;
	}
.introblockwhite{
		background-color: #fff;
		color:#000;
		margin-top: 0.75%;
		margin-bottom: 0.75%;
		text-align: left;
	}
	.titletext{
		font-family:'HelveticaNeueW01-45Ligh';
		/*font-family:'HelveticaNeueW01-55Roma';*/
		font-size: 27px;
		line-height: 27px;
		letter-spacing: 0.045em;
		padding-top: 5.5%;
		text-transform: uppercase;
		/*padding-left: 7.5%;*/
		padding-left: 9%;
		
	}
	.textintro{
		margin: auto;
		width:85.2%;
		padding-top: 2.5%;
		font-size: 20px;
		line-height: 28px;
		padding-bottom: 5.5%;
		color:#000;
	}
.textintro p{
		padding-top: 2.25%;
	}
.introleft{
		text-align:left;
	float:left;
	width:70%;
		padding-left: 2%;
	}
.introrole{
		text-align:left;
	float:left;
	width:23%;
	padding-left:5%;
	font-size: 15px;
	line-height: 23px;
	}
.active{text-decoration: underline !important}
.ele a:hover{opacity:60%}
	.ssbg{
		width: 49.625%;
		float: right;
		background-color: #ededed;
		position: relative;
	}

.ssbg .video{
		width: 100%;
		
		margin-left: -101.5%;
	
	}
.ssbg2{
		width: 49.625%;
		float: left;
		background-color: #ededed;
		position: relative;
	}
.ssbg2 .video{
		width: 100%;
		
		margin-left: 101.5%;
	
	}
.ssbg2 img{
		width: 100%;
		height: auto;
		float:left;
	}
.ssbg2 .imgr{
		width: 100%;
		height: auto;
		
	margin-left: 101.5%;
	}
.ssbtri img{float:left; width:32.825%; height: auto; padding-right: .75% }
.graph{padding-right:0px !important;}
.bluesq{display: none;}
.video iframe {
width: 100%; height:100%;
	position: absolute; top:0;
	
	
}
.video div {
	position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden; 
}
.vnine div {
	position: relative;padding-bottom: 49.5%; height: 0; overflow: hidden; 
}
	.ssbg img{
		width: 100%;
		height: auto;
		margin-left: -101.7%;
	}
	.clear{clear: both}
	.stext{
		width:44%;
		position: absolute;
  top: 50%;
  left: 39%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
		font-size: 16px;
		line-height: 24px;
	}
	.w2, .cn{
font-size: 16px;
		line-height: 24px;
color:#333;
}
.list{margin-top:15px; font-size:.85em; line-height:19px;}
	.sshead{
		font-family:'HelveticaNeueW01-55Roma';
	}
	.fillerimg{
	margin-top: 0.75%;
		margin-bottom: 0.75%;	
	}
	.txtblk{
		width:70%;
		margin-left: 9%;
		font-size: 20px;
		line-height: 28px;
		margin-top: 4%;
		padding-bottom: 4%;
		margin-bottom: 0.75%;
	}
	
.txtblkgrey{
	background-color: #ededed;
		width:70%;
		padding-left:15%;
	padding-right:15%;
	
		font-size: 20px;
	line-height: 28px;
		padding-top: 4%;
		padding-bottom: 4%;
		margin-bottom: 0.75%;
	text-align: center;
	}
.txtblkwhitetall{
			width:70%;
		padding-left:15%;
	padding-right:15%;
	
		font-size: 20px;
	line-height: 28px;
		padding-top: 10%;
		padding-bottom: 10%;
	text-align: center;
}
	.whowrapper{
	background-color:#f1f1f1;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:8.5%;
	padding-right:15%;
	font-size:20px;
line-height:28px;
color:#333;
}
	.darkbg{
		background-color: #252525;
	}
	.gridimg{
		width: 90%;
		height: auto;
		margin: auto;
		padding-top:5%; 
		padding-bottom:5%; 
	}
	.ssbg1{
		width: 49.6%;
		background-color: #65bbe9;
		color: #fff;
		position: relative;
	}
	.ssbg1 img{
		width: 100%;
		height: auto;
		margin-left: 101.65%;
	}
	.icons img{
		width:43%;
		height: auto;
		margin: auto;
		padding-top: 20%;
		padding-bottom: 20%;
	}
	
	
	
	.nav{
		position: absolute;
		width:100%; margin-left:0; 
		top:0;
		left:0;
		
	}
.ele a{color: #000; text-decoration: none; }


	.navblock{
		padding-top: 15px;
		width: 60px;
		padding-left: 8%;
		
		
	}

	.topg{padding-top: 97px}
	.navopen.nav-up .navblock, .nav-down1 .navblock{
		padding-top: 0px;
		width: 100%;
		padding-left: 0;
	transition:  .5s;
	margin-bottom: 20px;
		
		
	}
		.navopen.nav-up .elebts, .nav-down1 .elebts{
		
		width:92;
		padding-top: 51px;
		
		padding-left: 8%;
		background: rgba(255, 255, 255); 
		color: rgba(180, 41, 37);
		transition:  .5s;
			
	}
.nav-down3{background-color: aqua}
.nav-down3 .elebts{padding-top: 21px;}
	
	.navopen.nav-up:hover .ele, .nav-down1 .ele {
		color:#000;


	}
	.navopen.nav-up:hover .ele a, .nav-down1 .ele a{
		color:#000;

	
	}
	.navopen:hover .ele div a, .nav-down1 .ele div a{
color:rgba(180, 41, 37) !important; 

	}
	


	@keyframes fadeIn { from { background: rgba(180, 41, 37, 0);} to { background: rgba(180, 41, 37, 1); } }
	.animate{
		height:100vh;
		-webkit-animation:fadeIn ease-in 1;
		-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
		-webkit-animation-duration:0.4s;
		background: rgba(180, 41, 37, 0); 
	}
	.navinner{
		width: 100%;
		max-width: 1310px;
		margin: auto;
		position: relative;
		
	}
	.animate .navinner{
		height:100vh;
		
	}
	.elebts{
		background: rgba(180, 41, 37); 
		
		padding:10px 0;
		height:35px;
		font-family:'HelveticaNeueW01-55Roma';
		font-size: 38px;
		color: #fff;
		
	}

.elebts div{position: absolute;
left:8%;
width:60px;
	text-align: center;
	top:23%;
	background: rgba(180, 41, 37);
	color: #fff;
	padding:6px 1px 8px 0;
	cursor: pointer;
}


@keyframes fadeout { from { opacity:1;} to { opacity:0; } }
	.animate .phembts{
		-webkit-animation:fadeout ease-in 1;
		-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
		-webkit-animation-duration:0.4s;
		
	}
	.phembts{
		background: rgba(180, 41, 37); 
		margin-top: 2px;
		
	}
	.phembts img{
		padding: 12px 0 10px 0;
	}
	.phembts .phone{
		margin-left:24%;
		
	}
	.phembts .mail{
		
		
	}
	.navtext{
		display: none;
	}
.navtext a{color: #fff; text-decoration: none; letter-spacing: .05em}
	.animate{position: fixed}
	@keyframes navin { from { opacity:0; padding-top: 10px; } to { opacity:1; padding-top: 0; } }
	.animate .navtext{
		display: table;
		text-align: center;
		color: #fff;
		font-size: 40px;
		word-spacing: .05em;
		height: 100%;
		width: 100%;
		line-height: 50px;
		
		
	}
	.animate .navtext ul{
		 position: absolute;
  top: 45%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

	}
	.navtext li{
		list-style: none;
		cursor: pointer;
	}
	.phone{
		float: left;
		margin-top: -1px;
	}
	.mail{
		float: right;
		margin-right: 24%;
	}

	.workout li{
			opacity: 0;
		padding-top: 10px;
		-webkit-animation:navin ease-in 1;
		-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
		-webkit-animation-duration:0.5s;
		
	
	}
	.workout li.b1{
		-webkit-animation-delay: 0.6s;
	
	}
	.workout li.b2{
		-webkit-animation-delay: 0.8s;
	}
	.workout li.b3{
		-webkit-animation-delay: 1s;
	}
	.workout li.b4{
		-webkit-animation-delay: 1.2s;
	}
	.workout li.b5{
		-webkit-animation-delay: 1.4s;
	}
.workout li.b6{
		-webkit-animation-delay: 1.6s;
	}
.workout li.b7{
		-webkit-animation-delay: 1.8s;
	}
	.ele{
		float: right;
		margin-right:8%;
		right:0;
		position: absolute;
		top:60px;
		font-size: 14px;
		font-family:'HelveticaNeueW01-55Roma';
	}
	.white, .white a{color:#fff;}
	.introblockhome{
		
		color:#6d6e71;
		margin-top: 0.75%;
		margin-bottom: 0.75%;
		text-align: center;
	}
	.introblockhome .textintro{
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.featured, .footmargin{
		width:85.2%;
		margin: auto;
	}
.fthumbs{
		padding-top: 1%;
		padding-bottom: 14%
	}
	.fthumbs a{
		display:block;
		border:none;
		outline:none;
		width:32.666%;
		float:left;
		padding-right:1%;
		
	}
	.fthumbs a:nth-child(3n+0) {
  padding-right:0;
}
	.fthumbs a:nth-child(1n+4) {
  padding-top:1%;
}
	.fthumbs a img{
		width:100%;
		height:auto;
	}
 /*	footer{
		background-color: #171717;
	} 
footer{
		background-color: #E5E5E5;
	} */
footer{
		background-color: #d9d9d9;
	font-family:'HelveticaNeueW01-45Ligh';
	} 
	.footE{
		font-family:'HelveticaNeueW01-55Roma';
		font-size: 30px;
		color: rgba(180, 41, 37);
		float:left;
		
	}
	.footnav{
		float:left;
		color: #000;
		padding-left: 15px;
		letter-spacing: .02em;
	}
	.footnav li{
		float:left;
		list-style: none;
		padding-left: 15px;
		font-size: 13px;
		line-height: 20px;
		margin-top: 14px;
	}
.footnav li a{
		color: black;
	text-decoration: none;
	}
/*	.addy{
		float:right;
		width:170px;
		color:#bcbec0;
		font-size: 13px;
		line-height: 20px;
		margin-top: 15px;
		padding-left: 12px;
	}*/ .addy{
		float:right;
		width:178px;
		color:#444;
		font-size: 13px;
		line-height: 20px;
		margin-top: 15px;
		padding-left: 12px;
		
	}
	.addy span{color: rgba(180, 41, 37);}
.addy a{color:#444; text-decoration: none;}
	.footmargin{
		padding-top: 3%;
		padding-bottom: 8%;
	}
	.featwork, .digital{
		width:85.25%;
		margin: auto;
	}
	.featwork{
		padding-top: 110px;
	}
	.featwork a, .digital a{
		display: block;
		outline: none;
		border:none;
	}
	.featwork img, .digital img {
		width: 100%;
		height:auto;
	}
	.twoxone a{
		width:49.5%;
		float:left;
		padding-right: 1%;
		
	}
	.twoxone a:nth-child(2n+0){
		padding-right: 0;
	}
	.threexone a{
		width:32.66%;
		float:left;
		padding-right: 1%;
		margin-top: 1%;
		
	}
	.threexone a:nth-child(3n+0){
		padding-right: 0;
	}
	.twoxoneopt a{
		float:left;
		padding-right: 1%;
		margin-top: 1%;
		
	}
	.twoxoneopt a:nth-child(1n+0){
		width:32.66%;
		
	}
	.twoxoneopt a:nth-child(2n+0){
		width:66.32%;
		padding-right: 0;
	}
	.onextwo {
		width:36%;
		float: left;
		margin-top: 1%;
		
	}
	.twoxoneoptsm a:nth-child(1n+0){
		float:left;
		width:63%;
		margin-top: 1%;
		margin-left: 1%;
		
	}
	.twoxoneoptsm a:nth-child(1n+2){
		float:left;
		width:31%;
		margin-top: 1%;
		margin-right: 1%;
		
	}
	.twoxoneoptsm a:nth-child(1n+3){
		margin-right: 0;
		margin-left: 0;
		
	}

	.twoxoneoptsm1 a:nth-child(1n+0){
		float:left;
		width:31%;
		margin-top: 0;
		margin-right: 1%;
		margin-left: 1%;
		
	}
	.twoxoneoptsm1 a:nth-child(1n+2){
		margin-right: 0;
		margin-left: 0;
		
		
	}
.twoxoneoptsm1 a:nth-child(1n+3){
		float:left;
		width:63%;
		margin-top: 1%;
		margin-left: 1%;
		
	}
	.digital{
		margin-top: 4%;
	}
	.worksub{
		padding-bottom: 1%;
	}
	.ele ul, .ele div{float: left}
	.ele ul li{float: left; list-style: none; padding-left: 10px;}
	.ele div a{color:rgba(180, 41, 37); }
	.eleoff{display: none;}
	@keyframes workin { from { opacity:0;margin-top: 40px; } to { opacity:1; margin-top: 0px; } }
	.n1, .n2, .n3, .n4, .n5, .n6{
		-webkit-animation:workin ease-in 1;
		-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
		-webkit-animation-duration:0.6s;
		 opacity:0; margin-top: 40px;
		
	}
.n2{
-webkit-animation-delay: 0.3s;
}
.n3{
-webkit-animation-delay: 0.6s;
}
.n4{
-webkit-animation-delay: 0.9s;
}
.n5{
-webkit-animation-delay: 1.2s;
}
.n6{
-webkit-animation-delay: 1.5s;
}
.storyboard{margin-top: .75%}
.storyboard img{float:left;
width:24.4375%; height: auto; margin-right: .75%; margin-bottom: .75%;
}
.storyboard img:nth-child(4n+0) {
  margin-right:0;
}
	.storyboard img{
		-webkit-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.75);
	}
/*firefox shift fix*/
.slides li:after {
content: ".";
position:absolute;
top:0;
left:0;
z-index:-1000;
}
.carousel li {margin-right: 10px}
.threewideflex li {margin-right: 10px}
#narrow-indicator, #medium-indicator, #laptop-indicator {
    display: none;
}
#large-indicator {
    display: block;
}
	.feturedtext{position: relative;}
	#work{position: absolute; margin-top:-120px}
@media screen and (min-width:930px){
	.prv{ margin-left: 1.75%;}
	.nxt{ margin-right: 1.75%;}
	.clip{  clip-path: inset(0px 1% 0px 0px);}
	.clipright{  clip-path: inset(0px 0px 0px .75%);}
	.previd{
		font-family:'HelveticaNeueW01-45Ligh';
	letter-spacing:.025em;
		overflow: hidden;
position: absolute;
		left:1%;
  width: 12%;
  height: 100vh;
		z-index: 1;
		padding-left: .75%
	}
	.previd a {
		border-radius: 50%;
		text-decoration: none;
		color: #000;
		display: block;
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
		background-color: white;
		padding: 10px 10px;
		font-size: 14px;
		line-height: 16px;
		-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32); 
box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
	 transition: margin  .5s;   transition-delay:.2s;	
}
		.nextid{
			font-family:'HelveticaNeueW01-45Ligh';
	letter-spacing:.025em;
			overflow: hidden;
position: absolute;
			right:1%;
			
  width: 12%;
  height: 100vh;
		z-index: 2;
		
	}
	.nextid a {
		border-radius: 50%;
		text-decoration: none;
		color: #000;
		display: block;
  margin: 0;
  position: absolute;
  top: 50%;
		right:6%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
		background-color: white;
		padding: 10px 10px;
		font-size: 14px;
		line-height: 16px;
		-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32); 
box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
 transition:margin  .5s;   transition-delay:.2s;			
}
	.previd a:hover, .nextid a:hover{background-color:#f4f3f1;  }
	.container{position: relative}
	.prevhide a{margin-left:-90px;}
	.nexthide a{margin-right:-90px;}
}
@media screen and (max-width:929px){
	.previd{
		float:left;
		border:1px solid #bbb;
		width:49.25%;
		margin-top: .75%;
		
}
	.nextid{
		float:right;
		border:1px solid #bbb;
		width:49.25%;
		margin-top: .75%;
		
}	
		.previd a img, .nextid a img{
		margin: auto;
		padding:15px 0 15px 0;
			
}
}
@media screen and (max-width:1060px){
	.carousel li {margin-right: 8px}
	.threewideflex li {margin-right: 8px}
#narrow-indicator, #large-indicator, #laptop-indicator {
    display: none;
}
#medium-indicator {
    display: block;
}
}
@media screen and (max-width:850px){
	.container{font-family:'HelveticaNeueW01-45Ligh';}
	.carousel li {margin-right: 6px}
	.threewideflex li {margin-right: 8px}
#medium-indicator, #large-indicator, #narrow-indicator {
    display: none;
}
#laptop-indicator {
    display: block;
}
		.storyboard img{
		-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.0);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.0);
box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.0);
	}
}

.remove .flex-direction-nav{
	display:none;
}
.slideWrapper{
	position:relative;
}
.carousel{margin-top: 0.75%;}
.largespace{margin-top: 6%}
.imgstwo picture{float:left;   padding-right:.75%; width:49.625%; height:auto}
.imgstwo img{width:100%; height:auto}
.imgstwo picture:nth-child(2n+0) {
  padding-right:0;
}
.imgsthree picture{float:left;   padding-right:.75%; width:32.83%; height:auto}
.imgsthree img{width:100%; height:auto}
.imgsthree picture:nth-child(3n+0) {
  padding-right:0;
}
.topspace{margin-top: .75%}
.tallspace{margin-top: 3%}
.lgb{width: 95%; margin: auto}
.fullw img{width: 100%; height:auto;}
.circles img{width:40%; height: auto; margin: auto; padding: 7% 0;}
.dri img{
	float:left;
	width:20.5%;
	height:auto;
	padding-right: 19.25%;
}
.dri img:nth-child(1n+3){
	padding-right: 0;
		
	}
.dri{
	width:46%;
	margin: auto;
}
.dricons{
	padding-top: 12%;
	padding-bottom: 12%;
	background-color: #64b0bb;
}
.drmobile{
	padding-top: 12%;
	padding-bottom: 12%;
}
.drmobilegrey{
	background-color: #ededed;
	padding-top: 14%;
	padding-bottom: 14%;
}

@media screen and (max-width:1200px){
	.textintro, .txtblkgrey, .txtblkwhitetall, .whowrapper{
		font-size: 18px;
		line-height: 25px;
	}
.introrole{
	font-size: 14px;
	line-height: 22px;
	}
}

@media screen and (max-width:1000px){
	.topg{padding-top: 93px}
	.titletext{
		font-size: 25px;
		line-height: 27px;
		padding-left: 8%;
		
	}
	

	
	.textintro{
		font-size: 16px;
		line-height: 23px;
		width: 87%;
		
	}
		.introrole{
	font-size: 12px;
	line-height: 18px;
	}
	.txtblkgrey, .txtblkwhitetall, .whowrapper{
		font-size: 16px;
		line-height: 23px;
	}
	.txtblkgrey{
		padding-top:5%;
	padding-bottom:5%;
	}
		.stext{
		width:65%;
		font-size: 13px;
			line-height: 16px;
			padding-left: 20%;
	}
		.w2{
font-size: 13px;
			line-height: 19px;
}
.list{font-size:13px; line-height:19px;}
	.navblock{
		padding-top: 20px;
		width: 50px;
		padding-left: 7%;
		
	}
	.elebts div{
left:8%;
width:50px;
		top:33%;
}


	.elebts{
		padding:7px 0;
		font-size: 28px;
		height:33px;

	}
	
		.featwork{
		padding-top: 120px;
	}
	.featwork, .digital{
		width:87%;
		margin: auto;
	}
	.dri{
	width:45%;
	
}
	.worksub{padding-top: 20px;}	
}
@media screen and (max-width:775px){
.topg{padding-top: 66px;}

		.navopen.nav-up .elebts, .nav-down1 .elebts{
		padding-top: 13px;

	}
		.ele{
top:40px;
	}

	.footnav{
		float:left;
		color: #000;
		padding-left: 15px;
	}
	.footnav li{
		padding-left: 9px;
		font-size: 12px;
	}
	.addy{
		width:155px;
		color:#444;
		font-size: 11px;
	}
	
	.circles img{width:50%;}
		.dri{
	width:50%;
	
}
	.elebts{padding: 20px 0 ;}
	.elebts div{
	top:15%;
}
	#work{position: absolute; margin-top:-84px}
}
@media screen and (max-width:700px){
	.carousel li {margin-right: 0}
	.threewideflex li {margin-right: 4px}
#medium-indicator, #large-indicator, #laptop-indicator {
    display: none;
}
#narrow-indicator {
    display: block;
}
	.featwork, .digital{
		width:100%;
		margin: auto;
	}
	.storyboard img{
width:32.8333%; margin-right: .75%;
}
		.storyboard img:nth-child(4n+0) {
  margin-right:.75%;
}
.storyboard img:nth-child(3n+0) {
  margin-right:0;
}
	.storyboard img:nth-child(16n+0) {
		display:none;
	}

}
@media screen and (max-width:610px){
	.w2 p:last-child{padding-top:15px;}
}
@media screen and (max-width:640px){
	.addy{float:none;}
	.addyblock{float: right}
}
@media screen and (max-width:500px){
	/*
	.ssbtri img{float:left; width:49.6%; height: auto; padding-right: .75% } 
.graph, .bluesq{padding-right:0px !important;}
.bluesq{display: block;} 
	.graph, .redsq{padding-top:.75%}*/ 
		.featured, .footmargin{
		width:87.5%;
		margin: auto;
	}
		.titletext{
		font-size: 20px;
		line-height: 22px;
			padding-top: 7%;
			padding-bottom: 1%;
			padding-left: 6.5%;
	}
	.textintro{
		font-size: 13px;
		line-height: 20px;
		width:87.5%;
	}
		.introleft{
		padding-left: 0;
	}
.introrole{
	width:25%;

	}
	.txtblkgrey, .txtblkwhitetall{
		font-size: 13px;
		line-height: 20px;
				width:80%;
		padding-left:10%;
	padding-right:10%;
	}
	.whowrapper{font-size: 13px;
		line-height: 20px;
	 padding-top:30px;
	}
	

	.txtblkgrey{
		padding-top:7%;
	padding-bottom:7%;
	}
	.stext{
		width:75%;
		font-size: 11px;
			line-height: 14px;
			padding-left: 28%;
	}
			.w2{
font-size: 13px;
			line-height: 19px;
}
	.list{font-size:13px; line-height:19px;}
	.introrole{
	font-size: 10px;
	line-height: 16px;
	}
	.navblock{
		padding-top: 16px;
		width: 46px;
		padding-left: 7%;
		
		
	}
	.nav-down1{background-color: white}
	.elebts{
		padding:7px 0;
		font-size: 26px;
		line-height: 26px;
		height:30px;
		

	}

	.elebts div{
left:7%;
width:46px;
		background-color: rgba(180, 41, 37);
		padding:11px 0 4px 0;
		color:#fff;
		font-family:"Helvetica Neue LT W05_65 Medium";
		top:inherit;
		
}
	.ele{display: none}
	.elebts{background-color: rgba(255, 255, 255, 0.0) !important;}
	.topg{padding-top: 70px}

	.phembts img{
		padding: 8px 0 8px 0;
	}
	.phembts .phone{
		margin-left:22%;
		
	}
	.phembts .mail{
		margin-left:14%;
		
	}
	.animate .navtext{

		font-size: 30px;
		line-height: 40px;
		
		
	}
			.featwork{
		padding-top: 100px;
	}
	.circles img{width:60%;}
	.footnav{
		padding-left: 8px;

	}
	
}
.nav{position: fixed; transition: top 0.2s ease-in-out; z-index: 11;}
.nav-up {
	margin-top:-92px;
	transition: .5s;
    
}
.nav-down1{transition: .5s;}
.nav-up:hover{margin-top:0px;}
.nav-up .navblock, .nav-down .navblock, .nav-down .navblock .ele, .nav-down .navblock .elebts, .nav-up .navblock .elebts{
	transition: .5s;
}

.blue {background-color: #4faeda; color:#fff;}
.bluetwo {background-color: #8eb9d8; color:#fff;}
.green {background-color: #8eba38; color:#fff;}
.greybg{
	background-color: #ededed;
padding-bottom: 12%;
	}
.greybg .fullimg{
	padding-top: 12%;

	}
picture img{width: 100%; height:auto;}