/**** Begin Project Specific Stylings ****/
.project-description-type{
	color: rgba(255,255,255,0.75);
	text-align: right;	
	width: auto;
	height: auto;
	overflow: auto;
	padding: 5px 15px 5px 15px;
	margin:  0 0 0 0;
	background-color: rgba(0,0,0,0.75);
	position: absolute;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
/**	text-transform: uppercase; **/
	float: right;
	z-index: 999;
}

/**Composite Apps Web**/
.caweb-main-top{
background-color: #4a5dab;
border-bottom: 7px solid #384482;
height: auto;
width: 100%;
padding: 0px 0 0px 0;
margin: 0;
}

.caweb-arrow{
	color: #4a5dab;
}

.div-caweb-brand{
	border-top: 3px solid #4a5dab;
}

.caweb-brand-color{
	color: #4a5dab;	
	border-left: 5px solid #4a5dab;	
}

.caweb-color-hov{
	color: #3a286a;		
}

.caweb-color-hov:hover{
	color: #596dc0;
}

.caweb-dark-gray{
	background-color: #122841;
}

.caweb-web-btn{
border: solid 2px rgba(88,69,159,1);
background-color: transparent;
color: rgba(53,192,226,1);
opacity: 0.5;
}

.caweb-web-btn:hover{
border: solid 2px rgba(88,69,159,1);
background-color: rgba(88,69,159,1);
color: #fff;
opacity: 1;
}

/**End Composite Apps Web**/

/**Courts**/
.courts-main-top{
background-color: #023454;
border-bottom: 7px solid #10273b;
height: auto;
width: 100%;
padding: 0px 0 0px 0;
margin: 0;
}

.courts-arrow{
	color: #0d5684;
}

.div-courts-brand{
	border-top: 3px solid #0d5684;
}

.courts-brand-color{
	color: #0e559b;	
	border-left: 5px solid #0d5684;	
}

.courts-color-hov{
	color: #10273b;		
}

.courts-color-hov:hover{
	color: #0d5684;
}

.courts-dark-gray{
	background-color: #122841;
}

.courts-web-btn{
border: solid 2px rgba(13,86,132,1);
background-color: transparent;
color: rgba(53,192,226,1);
opacity: 0.5;
}

.courts-web-btn:hover{
border: solid 2px rgba(13,86,132,1);
background-color: rgba(13,86,132,1);
color: #fff;
opacity: 1;
}

/**End Courts**/


/**CT Finder**/
.ctfinder-main-top{
background-color: #00a1de;
border-bottom: 7px solid #0e559b;
height: auto;
width: 100%;
padding: 0px 0 0px 0;
margin: 0;
}

.ctfinder-arrow{
	color: #00a1de;
}

.div-ctfinder-brand{
	border-top: 3px solid #00a1de;
}

.ctfinder-brand-color{
	color: #0e559b;	
	border-left: 5px solid #0e559b;	
}

.ctfinder-color-hov{
	color: #0e559b;		
}

.ctfinder-color-hov:hover{
	color: #00a1de;
}

.ctfinder-dark-gray{
	background-color: #122841;
}

.ctfinder-web-btn{
border: solid 2px rgba(0,161,221,1);
background-color: transparent;
color: rgba(53,192,226,1);
opacity: 0.5;
}

.ctfinder-web-btn:hover{
border: solid 2px rgba(0,161,221,1);
background-color: rgba(0,161,221,1);
color: #fff;
opacity: 1;
}

/**END CT Finder**/

/**Logo Designs**/
.logos-main-top{
background-color: #102223;
border-bottom: 7px solid #4fa9b0;
height: auto;
width: 100%;
padding: 0px 0 0px 0;
margin: 0;
}

.logos-arrow{
	color: #4fa9b0;
}

.div-logos-brand{
	border-top: 3px solid #4fa9b0;
}

.logos-brand-color{
	color: #81aeb9;	
	border-left: 5px solid #4fa9b0;	
}

.logos-color-hov{
	color: #4fa9b0;		
}

.logos-color-hov:hover{
	color: #4fa9b0;
}

.logos-dark-gray{
	background-color: #102223;
}
/**End Logo Designs**/
/**Faceblind Awareness Posters**/
.faceblind-main-top{
background-color: #0a3a8e;
border-bottom: 7px solid #0a3a8e;
height: auto;
width: 100%;
padding: 0px 0 0px 0;
margin: 0;
}

.faceblind-arrow{
	color: #0a3a8e;
}

.div-faceblind{
	border-top: 3px solid #0a3a8e;
}

.faceblind-brand-color{
	color: #344054;	
	border-left: 5px solid #344054;	
}

.faceblind-color-hov{
	color: #111e36;		
}

.faceblind-color-hov:hover{
	color: #0a3a8e;
}

.faceblind-dark-gray{
	background-color: #0d0d25;
}
/**End Faceblind Awareness Posters**/
/**Star Studios Booth**/
.photobooth-main-top{
background-color: #36be73;
border-bottom: 7px solid #11613a;
height: auto;
width: 100%;
padding: 0px 0 0px 0;
margin: 0;
}

.photobooth-arrow{
	color: #36be73;
}

.div-photobooth{
	border-top: 3px solid #36be73;
}

.photobooth-brand-color{
	color: #485c51;	
	border-left: 5px solid #485c51;	
}

.photobooth-color-hov{
	color: #263e30;		
}

.photobooth-color-hov:hover{
	color: #36be73;
}

.photobooth-dark-gray{
	background-color: #081c11;
}
/**End Star Studios Booth**/
/**Keep Climbing Merch**/
.climbing-main-top{
background-color: #173742;
border-bottom: 7px solid #173742;
height: auto;
width: 100%;
padding: 0px 0 0px 0;
margin: 0;
}

.climbing-arrow{
	color: #173742;
}

.div-climbing{
	border-top: 3px solid #173742;
}

.climbing-brand-color{
	color: #525d61;	
	border-left: 5px solid #525d61;	
}

.climbing-color-hov{
	color: #12303b;		
}

.climbing-color-hov:hover{
	color: #78bbb4;
}

.climbing-dark-gray{
	background-color: #0b1b21;
}
/**End Keep Climbing Merch**/
/**Ethical Issues Poster**/
.ethical-main-top{
background-color: #8e2e2f;
border-bottom: 7px solid #751f20;
height: auto;
width: 100%;
padding: 0px 0 0px 0;
margin: 0;
}

.ethical-arrow{
	color: #8e2e2f;
}

.div-ethical-brand{
	border-top: 3px solid #8e2e2f;
}

.ethical-brand-color{
	color: #5b5151;	
	border-left: 5px solid #5b5151;	
}

.ethical-color-hov{
	color: #2c1f1f;		
}

.ethical-color-hov:hover{
	color: #8e2e2f;
}

.ethical-dark-gray{
	background-color: #021a22;
}
/**End Ethical Issues Poster**/

/**SoBe Escape Hour**/
.sobe-main-top{
background-color: #0bafe3;
border-bottom: 7px solid #0694d7;
height: auto;
width: 100%;
padding: 0px 0 0px 0;
margin: 0;
}

.sobe-arrow{
	color: #0bafe3;
}

.div-sobe-brand{
	border-top: 3px solid #0bafe3;
}

.sobe-brand-color{
	color: #58686d;	
	border-left: 5px solid #58686d;	
}

.sobe-color-hov{
	color: #35484e;		
}

.sobe-color-hov:hover{
	color: #0bafe3;
}

.sobe-dark-gray{
	background-color: #021a22;
}
/** End SoBe Escape Hour **/
/**Music Typography**/
.music-main-top{
background-color: #733c74;
border-bottom: 7px solid #422043;
height: auto;
width: 100%;
padding: 0px 0 0px 0;
margin: 0;
}

.music-arrow{
	color: #733c74;
}

.div-music-brand{
	border-top: 3px solid #422043;
}

.music-brand-color{
	color: #422043;	
	border-left: 5px solid #422043;	
}

.music-color-hov{
	color: #2e152f;		
}

.music-color-hov:hover{
	color: #733c74;
}

.music-dark-gray{
	background-color: #140a14;
}
/** End Music Typography **/
/**Health and Harmony Brand**/
.sh-main-top{
background-color: #f56d11;
border-bottom: 7px solid #f25a0c;
height: auto;
width: 100%;
padding: 0px 0 0px 0;
margin: 0;
}

.sh-arrow{
	color: #f56d11;
}

.div-sh-blog{
	border-top: 3px solid #f56d11;
}

.sh-blog-color{
	color: #5d4e44;	
	border-left: 5px solid #5d4e44;	
}

.sh-color-hov{
	color: #514035;		
}

.sh-color-hov:hover{
	color: #f56d11;
}

.sh-dark-gray{
	background-color: #180b02;
}
/** End Health and Harmony Brand **/


/**Van's Say Cheese**/
.vans-sc-main-top{
background-color: #ffb400;
border-bottom: 7px solid #ff9900;
height: auto;
width: 100%;
padding: 0px 0 0px 0;
margin: 0;
}

.vans-sc-arrow{
	color: #ffb400;
}

.div-vans-sc{
	border-top: 3px solid #ffb400;
}

.vans-sc-color{
	color: #5e5a4d;	
	border-left: 5px solid #5e5a4d;	
}

.vans-sc-color-hov{
	color: #5e5a4d;		
}

.vans-sc-color-hov:hover{
	color: #ffb400;
}

.vans-sc-dark-gray{
	background-color: #191200;
}
/** End Van's Say Cheese **/
/**Health and Harmony Brand**/
.hh-main-top{
background-color: #bdd345;
border-bottom: 7px solid #a0bd27;
height: auto;
width: 100%;
padding: 0px 0 0px 0;
margin: 0;
}

.hh-arrow{
	color: #bdd345;
}

.div-hh-brand{
	border-top: 3px solid #bdd345;
}

.hh-brand-color{
	color: #8f9665;	
	border-left: 5px solid #8f9665;	
}

.hh-color-hov{
	color: #4b4f34;		
}

.hh-color-hov:hover{
	color: #bdd345;
}

.hh-dark-gray{
	background-color: #12292b;
}
/** End Health and Harmony Brand **/

/** Boingo Website **/
.bg-main-bgo-brand{
	background-color: #d42b1e;
	border-bottom: 7px solid #b00704;	
}

.div-bgo-brand{
	border-top: 3px solid #d42b1e;	
}

.bgo-brand-desc-link-color{
color: #6a5250;
}

.bgo-brand-desc-link-color:hover{
color: #35c0e2;
}

.bgo-brand-color{
color: #6a5250;	
border-left: 5px solid #6a5250;
}

.bgo-brand-color-hov{
color: #40211e;	
}

.bgo-brand-color-hov:hover{
color: #d42b1e;
}

.bgo-brand-btn{
border: solid 2px #d42b1e;
background-color: transparent;
color: #d42b1e;
opacity: 0.5;
}

.bgo-brand-btn:hover{
border: solid 2px #d42b1e;
background-color: #d42b1e;
color: #fff;
opacity: 1;
}

.bgo-brand-arrow{
color: #d42b1e;	
}

.bgo-brand-dark-gray{
	background-color: #1e0808;
}
/** End Boingo Website **/


/** Boingo Website **/
.bg-main-bgo-web{
	background-color: #35c0e2;
	border-bottom: 7px solid #2db7dd;	
}

.div-bgo-web{
	border-top: 3px solid #35c0e2;	
}

.bgo-web-desc-link-color{
color: #448a9b;
}

.bgo-web-desc-link-color:hover{
color: #35c0e2;
}

.bgo-web-color{
color: #81aeb9;	
border-left: 5px solid #81aeb9;
}

.bgo-web-color-hov{
color: #448a9b;	
}

.bgo-web-color-hov:hover{
color: #35c0e2;
}

.bgo-web-btn{
border: solid 2px rgba(53,192,226,1);
background-color: transparent;
color: rgba(53,192,226,1);
opacity: 0.5;
}

.bgo-web-btn:hover{
border: solid 2px rgba(53,192,226,1);
background-color: rgba(53,192,226,1);
color: #fff;
opacity: 1;
}

.bgo-web-arrow{
color: #35c0e2;	
}

.bgo-dark-gray{
	background-color: #0e2a35;
}
/** End Boingo Website **/
/**** End Project Specific Stylings ****/
/*** Begin Arrow Stylings **/
.project-arrows-area{
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 35px;
	margin: 0% 0 0 0;
	padding: 0;	
	display: none;
	/** z-index: 1; **/
}

.project-arrows-container{
	
}

.project-arrow-left-area{
	opacity: 0.75;
}

.project-arrow-left-area:hover{
	opacity: 1;
}

.project-arrow-left-area p.icon-left-arrow:before{
	float: left;
	background-color: #ffffff;
	height: auto;
	width: auto;
	box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.25);		
	display: inline-block;

	content: "d";
	font-size: 130%;
	padding: 5px;
	line-height: 175%;
	text-align:center;
}

.project-arrow-left-area .left-arrow-description{
	display: inline-block;
	float: left;
	padding: 13px;
	background-color: #ffffff;
	font-size: 16px;
	color: #545454;
	box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.25);		
	opacity: 0;
	
  transform: translateX(-500px);
  -webkit-transform: translateX(-500px);  
  -moz-transform: translateX(-500px);    
  -o-transform: translateX(-500px);   
}

.project-arrow-left-area:hover .left-arrow-description{
	display: inline-block;
	opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);  
  -moz-transform: translateX(0px);    
  -o-transform: translateX(0px);  	
  
	transition: 
		transform 0.35s ease,			
		opacity 1.5s ease;
}

.previous-project-type{
	font-size: 13px;
	font-weight: 400;
	font-family: 'Lora','Montserrat', helvetica, arial, sans-serif;
	color: #999;	
}

/** Right Arrow Styling **/

.project-arrow-right-area{
	opacity: 0.75;
}

.project-arrow-right-area:hover{
	opacity: 1;
}

.project-arrow-right-area p.icon-right-arrow:before{
	float: right;
	background-color: #ffffff;
	height: auto;
	width: auto;
	box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.25);		
	display: inline-block;

	content: "e";
	font-size: 130%;
	padding: 5px;
	line-height: 175%;
	text-align:center;
}

.project-arrow-right-area .right-arrow-description{
	display: inline-block;
	float: right;
	padding: 13px;
	background-color: #ffffff;
	font-size: 16px;
	color: #545454;
	box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.25);		
	opacity: 0;
	
  transform: translateX(500px);
  -webkit-transform: translateX(500px);  
  -moz-transform: translateX(500px);    
  -o-transform: translateX(500px);   
}

.project-arrow-right-area:hover .right-arrow-description{
	display: inline-block;
	opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);  
  -moz-transform: translateX(0px);    
  -o-transform: translateX(0px);  	
  
	transition: 
		transform 0.35s ease,	
		opacity 1.5s ease;
}

.next-project-type{
	font-size: 13px;
	font-weight: 400;
	font-family: 'Lora','Montserrat', helvetica, arial, sans-serif;
	color: #999;	
}




/** End Arrow Stylings **/


main {
  width: 100%;
  height: auto;
  padding: 0px 0 0px 0;
  margin:  0 0 0 0;
  background-color: #fff;
}

main.active {
}

#device-main-area{
width: 100%;
height: 550px;
}


/** Centered Device Image **/
.project-top-image-area{
min-width: 10%;
max-width: 790px;
margin: 0 auto;
	
}

.project-top-image-area-wide{
min-width: 10%;
max-width: 860px;
margin: 0 auto;
	
}

.project-top-image{
	
}

.project-hero-image{
	width: 100%;
	height: 100%;
	margin: 0 0 0 0%;
	padding: 10% 0 0 0;
	display: inline-block;
}

/** Full Width BG Image **/

.project-top-image-area-full{
width: 100%;
margin: 0 auto;
padding: 0;	
}

.project-top-image-full{
padding: 0;
margin: 0;	
}

.project-hero-image-full{
	width: 100%;
	height: 100%;
	margin: 0 0 0 0%;
	padding: 60px 0 0 0;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex; 	
}


/**** Individual Project Content **/

.project-messaging-area{
	background-color: #f1f1f1;
	height: auto;
	width: 100%;
	overflow: auto;
}

.devices{
	padding: 85px 0 50px 0;	
}

.no-devices{
	padding: 40px 0 50px 0;	
}

.project-messaging-center{
	max-width: 1100px;
	min-width: 10%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 0;
}

.project-main-messaging-area{
	width: 60%;
	margin: 0 5% 0 0;
	padding: 0;
	float: left;
	display: inline-block;
}

.project-title{
/**	text-transform: uppercase; **/
	font-size: 3.7vw;
	font-weight: 700;
	letter-spacing: -0.015em;	
	color: #303030;
	line-height: 110%;
	padding: 0 0 15px 0;
	float: left;
	width: 100%;
	display: inline-block;
}

.project-div-line{
	width: 10%;
	padding: 5px 0 5px 0;
	float: left;
	display: inline-block;	
}

.project-description{
	font-size: 21px;
	font-weight: 300;
	font-family: 'Lora','Montserrat', helvetica, arial, sans-serif;
	color: #545454;
	letter-spacing: 0em;
	float: left;	
	line-height: 160%;
	float: left;
	display: inline-block;	
	padding: 0px 0px 10px 0px;
}



.project-data-information{
	text-transform: uppercase;
	font-size: 12px;
	padding: 0px 0 0px 6px;
	height: 12px;
	float: left;
	display: inline-block;	
	height: auto;
	overflow: auto;
	margin: 0;
}

.project-data-link{
}

.project-data-link:hover{
}

.project-duties-area{
	width: 34%;
	height: auto;
	overflow: auto;
	border: solid 2px #e4e4e4;
	padding: 0;
	margin: 0;
	display: inline-block;
	float: right;
}

.project-task-title{
	border: none;
	padding: 13px 0 6px 0;
	margin: 13px 0 13px 5%;
	width: 89%;
	height: auto;
	overflow: auto;
/*	text-transform: uppercase;*/
	text-align: center;
	color: rgba(150,150,150,1);
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.025em;	
	font-family: 'Lora','Montserrat', helvetica, arial, sans-serif;
}


.project-duties-item{
	border: solid 2px #e4e4e4;
	padding: 13px 0 13px 0;
	margin: 13px 0 13px 5%;
	width: 89%;
	height: auto;
	overflow: auto;
	text-transform: uppercase;
	text-align: center;
	color: #484848;
	font-size: 14px;
	font-weight: 700;
}

/*** project image list ***/
.project-images-area{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 50px 0 10px 0;
	margin:  0;
}

.light-gray{
	background-color: #fbfbfb;
}

.project-images-center{
	max-width: 1100px;
	min-width: 10%;
	margin: 0 auto;
	padding: 0;
	height: auto;
	overflow: auto;
}

.image-descriptor{
	width: 99.5%;
	height: auto;
	overflow: auto;
	padding: 0px 0px 15px 0.5%;
	margin: 0;
}

.section-description{
	width: 99%;
	height: auto;
	overflow: auto;
	padding: 30px 0% 30px 0%;
	margin: 5px 0.5% 30px 0.5%;
	display: inline-block;
	background: white;		
}


.section-description-closer{
	width: 99%;
	height: auto;
	overflow: auto;
	padding: 30px 0% 30px 0%;
	margin: 5px 0.5% 20px 0.5%;
	display: inline-block;
	background: white;		
}



.section-description-side-nobg{
	width: 30%;
	height: auto;
	overflow: auto;
	padding: 20px 0% 20px 0%;
	margin: 5px 5% 20px 0%;
	display: inline-block;
	background: transparent;		
}




.section-description-left-split-two{
	width: 45%;
	height: auto;
	overflow: auto;
	padding: 0px 5% 10px 0%;
	margin: 5px 5% 10px 0%;
	display: inline-block;
	background: transparent;
	float: left;		
}

.section-description-right-split-two{
	width: 45%;
	height: auto;
	overflow: auto;
	padding: 0px 0% 10px 0%;
	margin: 5px 0% 10px 0%;
	display: inline-block;
	background: transparent;
	float: left;		
}

h2.image-title{
	font-size: 18px;
/**	text-transform: uppercase; **/
	font-weight: 700;
	letter-spacing: 0.05em;	
	line-height: 110%;
	padding: 0 0 0px 0;
	margin: 0;
	float: left;
	width: 100%;
	display: inline-block;	
}

h2.image-title-center{
	text-align: center;
	font-size: 28px;
/**	text-transform: uppercase; **/
	font-weight: 700;
	letter-spacing: 0.05em;	
	line-height: 110%;
	padding: 0 0 0 0;
	margin: 0% 5% 0% 5%;
	float: left;
	width: 90%;
	display: inline-block;		
}


h2.image-title-left{
	text-align: left;
	font-size: 28px;
/**	text-transform: uppercase; **/
	font-weight: 700;
	letter-spacing: 0.05em;	
	line-height: 110%;
	padding: 60px 0 0px 0;
	margin: 0;
	float: left;
	width: 100%;
	display: inline-block;		
}


h2.image-title-split-two{
	text-align: left;
	font-size: 28px;
/**	text-transform: uppercase; **/
	font-weight: 700;
	letter-spacing: 0.05em;	
	line-height: 110%;
	padding: 20px 0 0px 0;
	margin: 0;
	float: left;
	width: 100%;
	display: inline-block;		
}

.project-div-line-point{
	width: 4%;
	padding: 0px 0% 0px 0%;
	margin: 8px 48% 5px 48%;	
	float: left;
	display: inline-block;	
}

.project-div-line-point-left{
	width: 10%;
	padding: 0px 0% 0px 0%;
	margin: 8px 0% 5px 0%;	
	float: left;
	display: inline-block;	
}

.body-title-center{
	font-size: 16px;
	font-weight: 300;
	font-family: 'Lora','Montserrat', helvetica, arial, sans-serif;
	color: #545454;
	letter-spacing: 0em;
	float: left;	
	line-height: 160%;
	float: left;
	display: inline-block;	
	padding: 0px 17.5% 10px 17.5%;	
	margin: 0;	
	width: 65%;
}

.body-split-three{
	font-size: 10px;
	font-weight: 300;
	font-family: 'Lora','Montserrat', helvetica, arial, sans-serif;
	color: #545454;
	letter-spacing: 0em;
	float: left;	
	line-height: 160%;
	float: left;
	display: inline-block;	
	padding: 10px 0px 10px 0px;	
	margin: 0;	
	width: 100%;	
}

.body-title-center-left{
	font-size: 16px;
	font-weight: 300;
	font-family: 'Lora','Montserrat', helvetica, arial, sans-serif;
	color: #545454;
	letter-spacing: 0em;
	float: left;	
	line-height: 160%;
	float: left;
	display: inline-block;	
	padding: 10px 0% 10px 0%;	
	margin: 0;	
	width: 100%;
}

.body-title-center-split-two{
	font-size: 16px;
	font-weight: 300;
	font-family: 'Lora','Montserrat', helvetica, arial, sans-serif;
	color: rgba(255,255,255,0.5);
	letter-spacing: 0em;
	float: left;	
	line-height: 160%;
	float: left;
	display: inline-block;	
	padding: 10px 0% 10px 0%;	
	margin: 0;	
	width: 100%;
}

.view-site-descriptor{
	width: 90%;
	height: auto;
	overflow: auto;
	padding: 30px 5% 30px 5%;
	margin: 0 0 30px 0;
	background-color: rgba(0,0,0,0.25);
}

h3.view-site-body{
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.05em;	
	line-height: 150%;
	padding: 0 0 0px 0;
	margin: 0;
	float: left;
	width: 65%;
	display: inline-block;	
}

.view-live-btn{
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	float: right;
	width: 30%;
	padding: 12px 0 12px 0;
	margin: 0;
}


h2.gray{
	color: #303030;	
}

h2.white{
	color: #ffffff;	
}

h3.gray{
	color: #303030;	
}

h3.white{
	color: #ffffff;	
}

.project-image-margin{
	margin: 0 .5% 40px .5%;	
}


.project-image-margin-smaller{
	margin: 0 .5% 15px .5%;	
}


.project-image-margin-closer{
	margin: 0 .5% 20px .5%;		
}

.project-image-shadow{
	box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.075);	
}

.project-image{
	width: 99%;
	height: auto;
	display: inline-block;
}

.project-image-float-right{
	width: 60%;
	height: auto;
	display: inline-block;	
	float: right;
}

.white-bg{
	background-color: #ffffff;
}

.project-split-two-a{
	width: 48.75%;
	margin-right: 1.5%;
	display: inline-block;
	float: left;	
}

.project-split-two-b{
	width: 48.75%;
	margin-right: 0%;
	display: inline-block;
	float: left;	
}

.project-split-three-a{
	width: 31.33%;
	margin-right: 2.005%;
	display: inline-block;
	float: left;	
}

.project-split-three-b{
	width: 31.33%;
	margin-right: 0%;
	display: inline-block;
	float: left;	
}

.project-split-three-second-a{
	width: 30%;
	margin-right: 3.32%;
	margin-bottom: 25px;	
	display: inline-block;
	float: left;	
}

.project-split-three-second-b{
	width: 30%;
	margin-right: 0%;
	margin-bottom: 25px;	
	display: inline-block;
	float: left;	
}

.project-split-four-a{
	width: 23.75%;
	margin-right: 1%;
	display: inline-block;
	float: left;	
}

.project-split-four-b{
	width: 23.75%;
	margin-right: 0%;
	display: inline-block;
	float: left;	
}

.project-split-five-a{
	width: 15.8%;
	margin-right: 4.6%;
	display: inline-block;
	float: left;	
}

.project-split-five-b{
	width: 15.8%;
	margin-right: 0%;
	display: inline-block;
	float: left;	
}

.tablet-project-image{
	width: 50%;
	margin-right: 2%;
	display: inline-block;
	float: left;
}

.tablet-project-image-show{
	width: 50%;
	margin-right: 2%;
	display: inline-block;
	float: left;
}

.mobile-one-project-image{
	width: 22%;
	margin-right: 2%;
	display: inline-block;
	float: left;	
}

.mobile-two-project-image{
	width: 22%;
	display: inline-block;
	float: left;	
}


img.project-image{
	width: 100%;
	height: 100%;
	margin: 0;
	display: block;
}




/*** Begin Responsive Stylesheets ***/

@media (max-width:1440px){
.project-title{
	font-size: 4.4vw;
	}
}




@media (max-width:1220px){
.project-images-center{
	max-width: 88%;
	min-width: 88%;
	}	
	
.project-messaging-center{
	max-width: 88%;
	min-width: 88%;
	}
}

@media (max-width:1075px){


	.section-description-side-nobg{
		width: 40%;
		height: auto;
		overflow: auto;
		padding: 0px 0% 20px 0%;
		margin: 5px 5% 20px 0%;
		display: inline-block;
		background: transparent;		
	}	
	
	h2.image-title-left{
		text-align: left;
		font-size: 28px;
	/**	text-transform: uppercase; **/
		font-weight: 700;
		letter-spacing: 0.05em;	
		line-height: 110%;
		padding: 30px 0 0px 0;
		margin: 0;
		float: left;
		width: 100%;
		display: inline-block;		
	}
	
	
	.project-image-float-right{
		width: 50%;
		height: auto;
		display: inline-block;	
		float: right;
	}


}

@media (max-width:1000px){

.project-description{
	font-size: 18px;
	}
	
.body-title-center{
	padding: 0px 10% 10px 10%;	
	margin: 0;	
	width: 80%;
}	
	
}



@media (max-width:895px){


	.section-description-side-nobg{
		width: 100%;
		height: auto;
		overflow: auto;
		padding: 0px 0% 20px 0%;
		margin: 5px 5% 20px 0%;
		display: inline-block;
		background: transparent;		
	}	
	
	h2.image-title-left{
		text-align: left;
		font-size: 28px;
	/**	text-transform: uppercase; **/
		font-weight: 700;
		letter-spacing: 0.05em;	
		line-height: 110%;
		padding: 30px 0 0px 0;
		margin: 0;
		float: left;
		width: 100%;
		display: inline-block;		
	}
	
	
	.project-image-float-right{
		width: 100%;
		height: auto;
		display: inline-block;	
		float: left;
	}


}



/*****************************************************/
/** Responsive Hero Image - Boingo Wireless Website **/

@media (max-width:860px){

	#device-main-area{
		height: 522px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}
	
	.project-top-image-area-wide{
		max-width: 90%;
	}	
	
	.project-hero-image{
		width: 100%;
		padding: 80px 0 0 0;		
	}

}


@media (max-width:830px){

	#device-main-area{
		height: 500px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}

	.project-top-image-area-wide{
		max-width: 90%;
	}
	
	.project-hero-image{
		width: 100%;
		padding: 80px 0 0 0;
	}

}


@media (max-width:790px){

	#device-main-area{
		height: 480px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}
	
	.project-top-image-area-wide{
		max-width: 90%;
	}	
	
	.project-hero-image{
		width: 100%;
		padding: 80px 0 0 0;
	}

}


@media (max-width:750px){

	#device-main-area{
		height: 450px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}
	
	.project-top-image-area-wide{
		max-width: 90%;
	}
	
	.project-hero-image{
		width: 100%;
		padding: 80px 0 0 0;
	}
	
	h2.image-title-center{
		font-size: 21px;
	}	
	
}

@media (max-width:695px){

	#device-main-area{
		height: 420px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}
	
	.project-top-image-area-wide{
		max-width: 90%;
	}	
	
	.project-hero-image{
		width: 100%;
		padding: 80px 0 0 0;
	}

}


@media (max-width:645px){

	#device-main-area{
		height: 395px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}
	
	.project-top-image-area-wide{
		max-width: 90%;
	}	
	
	.project-hero-image{
		width: 100%;
		padding: 80px 0 0 0;
	}

}


@media (max-width:645px){

	#device-main-area{
		height: 395px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}
	
	.project-top-image-area-wide{
		max-width: 90%;
	}	
	
	.project-hero-image{
		width: 100%;
		padding: 80px 0 0 0;
	}

}


@media (max-width:600px){

	#device-main-area{
		height: 350px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}
	
	.project-top-image-area-wide{
		max-width: 90%;
	}	
	
	.project-hero-image{
		width: 100%;
		padding: 60px 0 0 0;
	}

	.project-hero-image-full{
		padding: 45px 0 0 0;
	}
	
	.devices{
		padding: 65px 0 25px 0;
	}
	
	

.section-description-left-split-two{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 10px 0% 0px 0%;
	margin: 5px 5% 0px 0%;
	display: inline-block;
	background: transparent;
	float: left;		
}

.section-description-right-split-two{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 10px 0% 0px 0%;
	margin: 5px 0% 10px 0%;
	display: inline-block;
	background: transparent;
	float: left;		
}	

h2.image-title-split-two{
	font-size: 21px;
}

}


@media (max-width:560px){

	#device-main-area{
		height: 325px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}
	
	.project-top-image-area-wide{
		max-width: 90%;
	}	
	
	.project-hero-image{
		width: 100%;
		padding: 60px 0 0 0;
	}
	
}


@media (max-width:505px){

	#device-main-area{
		height: 300px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}
	
	.project-top-image-area-wide{
		max-width: 90%;
	}	
	
	.project-hero-image{
		width: 100%;
		padding: 60px 0 0 0;
	}

}


@media (max-width:460px){

	#device-main-area{
		height: 275px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}
	
	.project-top-image-area-wide{
		max-width: 90%;
	}	
	
	.project-hero-image{
		width: 100%;
		padding: 60px 0 0 0;
	}

}


@media (max-width:410px){

	#device-main-area{
		height: 260px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}
	
	.project-top-image-area-wide{
		max-width: 90%;
	}	
	
	.project-hero-image{
		width: 100%;
		padding: 60px 0 0 0;
	}

}

@media (max-width:380px){

	#device-main-area{
		height: 235px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}
	
	.project-top-image-area-wide{
		max-width: 90%;
	}	
	
	.project-hero-image{
		width: 100%;
		padding: 60px 0 0 0;
	}
	
	.devices{
		padding: 35px 0 25px 0;
	}		

}

@media (max-width:365px){

	#device-main-area{
		height: 190px;	
	}
	
	.project-top-image-area{
		max-width: 88%;
	}
	
	.project-top-image-area-wide{
		max-width: 90%;
	}	
	
	.project-hero-image{
		width: 90%;
		padding: 55px 0 0 5%;
	}
	
	.devices{
		padding: 35px 0 25px 0;
	}		

}


/** End Responsive Hero Image - Boingo Wireless Website **/
/*********************************************************/

@media (max-width:670px){

.project-main-messaging-area{
	width: 100%;
}
	
.project-duties-area{
	width: 100%;
	float: left;
	display: none;
}

.project-title{
	font-size: 42px;
}

.project-description{
	font-size: 15px;
}

.project-data-information{
	margin: 0 0 0px 0;
}

.project-images-area{
	padding: 20px 0 0px 0;
}

.no-devices{
	padding: 40px 0 25px 0;
}
	
}

@media (max-width:768px){
	h2.image-title{
		font-size: 16px;
	}
}

@media (max-width:650px){
.project-split-three-second-a{
	width: 100%;
	margin-right: 0%;
	margin-bottom: 15px;
	display: inline-block;
	float: left;	
}

.project-split-three-second-b{
	width: 100%;
	margin-right: 0%;
	margin-bottom: 15px;	
	display: inline-block;
	float: right;	
}	
}

@media (max-width:500px){
	h2.image-title{
		font-size: 14px;
	}
	
	.tablet-project-image{
		display: none;
	}
	
	.tablet-project-image-show{
		width: 50%;
		margin-right: 2%;
		display: inline-block;
		float: left;
	}
	.mobile-one-project-image{
		width: 46%;
		margin-right: 6.5% !important;
	}
	
	.mobile-two-project-image{
		width: 46%;
	}		
}

@media (max-width:450px){

.project-image-margin{
	margin: 0 .5% 20px .5%;	
}

.project-image-margin-smaller{
	margin: 0 .5% 10px .5%;	
}

/** Hide Split 3 Images Stacking
.project-split-three-a{
	width: 99%;
	height: 99%;
	margin-right: 0%;
	display: inline-block;
	float: left;	
}

.project-split-three-b{
	width: 99%;
	height: 99%;
	margin-right: 0%;
	display: inline-block;
	float: left;	
}
End Hid Split 3 Images Stacking ****/

.project-split-three-a{
	width: 30%;
	margin-right: 4.25%;
	display: inline-block;
	float: left;	
}

.project-split-three-b{
	width: 30%;
	margin-right: 0%;
	display: inline-block;
	float: right;	
}

	
}

@media (max-width:453px){

.project-title{
	font-size: 8.8vw;
}

}

@media (max-width:700px){
.view-site-descriptor{
	width: 85%;
	height: auto;
	overflow: auto;
	padding: 30px 7.5% 30px 7.5%;
	margin: 0 0 30px 0;
	background-color: rgba(0,0,0,0.25);
}

h3.view-site-body{
	padding: 0 0 10px 0;
	float: left;
	width: 100%;
}

.view-live-btn{
	width: 50%;
	float: left;

}

}

@media (max-width:500px){
.view-live-btn{
	width: 100%;
}	
	
}

@media (max-width:650px){
.project-arrow-left-area .left-arrow-description{
	display: none;
}	

.project-arrow-right-area .right-arrow-description{
	display: none;
}	
}