/********************************************
  GENERAL STYLES 
 ********************************************/
body{ 
  font-family: 'Heebo', sans-serif;
	background-color:#273f7f; 
  background-image:url(/images/home-dark-field.jpg); 
	background-position: left top; 
	background-repeat:no-repeat; 
	background-attachment:fixed; 
}
h1{font-size:28px; font-weight:700;}
h1,h2,h3,h4,h5,h6{
  font-family: 'Heebo', sans-serif;
}
p.H1-mimic{     
	display: block;    
	margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
	font-family: 'Heebo', sans-serif;
	font-size: 28px;
  font-weight: 700;
	margin: 10px 0;    
}
blockquote{ 
	margin-top:40px; 
	border-top:2px solid #D5E2FF; 
	padding-top:15px; 
	margin-bottom:40px; 
	padding-bottom:15px; 
	border-bottom:2px solid #D5E2FF; 
	font-size:18px; 
	color:#273f7f; 
/* 	width:55%; */
	text-align:center;
}
h1.H2-mimic{
	display: block;    
	margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
	font-family: 'Kalam';
  margin-top: 32px;font-size: 22px;font-weight: 400;
  margin: 10px 0;
}
.temp-highlight{ 
	background-color:yellow;
}
.mobile-device-only{
	display:none; 
} 

a.w3-btn,
button.w3-btn{
  background-color:#D5E2FF; 
  transition-property:background-color,box-shadow,font-size; 
  transition-duration: .2s;
  transition-timing-function: linear;
	box-sizing:border-box; 
} 
a.w3-btn:hover,
button.w3-btn:hover{
  background-color:#BDD3FF; 
  font-size:105%; 
  box-shadow:0 8px 16px 0 rgba(255,255,255,0.2),0 6px 20px 2px rgba(38,63,127,0.19) !important; 
}
.w3-btn.minor-button{ 
	background-color:#EFEFEF; 
	color:#999; 
	box-sizing:border-box; 
	margin-left:10px; 
} 



#MainContainer{
  padding:0px 0px;  
  max-width:1666px;
  margin:0 auto; 
	position:relative; 
	z-index:1; 
}

@media (max-width:1149px){ 
	#MainContainer{
		max-width:100%; 
	}
}

/********************************************
  REUSABLE WIDGETS AND SECTIONS 
 ********************************************/

/**** STANDARD CONTACT FORM ******************************/

.Standard-Contact-Form{ 
	width:100%;  
	padding:16px 0px;
} 
.Standard-Contact-Form .Modal-Close{ 
	position:absolute; 
	top:5px; 
	right:5px; 
	color:#999; 
} 
.Standard-Contact-Form h3{ 
	font-family:'Kalam'; 
	font-size:24px; 
	margin-left:20px; 
	margin-top:2px; 
} 
.Standard-Contact-Form > div > div{
	width:49% !important; 
}
.Standard-Contact-Form > div > div:first-of-type > div{ 
	position:relative; 
	display:block; 
	height:30px;
	clear:both; 
} 
.Standard-Contact-Form > div > div:first-of-type label{
	display:inline-block; 
	width:30%; 
	float:left; 
	padding:8px;
} 
.Standard-Contact-Form > div > div:first-of-type input{
	display:inline-block; 
	width:65%; 
	float:left; 
	margin-top:8px; 
	margin-bottom:8px; 
	border:1px solid #bdd3ff;
} 
.Standard-Contact-Form > div > div:nth-of-type(2) label{
	display:block; 
	padding:8px 8px 8px 0px;
} 
.Standard-Contact-Form > div > div:nth-of-type(2) textarea{
	display:block; 
	width:100%; 
	height:70px; 
	margin-bottom:8px; 
	border:1px solid #bdd3ff;
} 
.Standard-Contact-Form .grecaptcha-badge{ 
	display:none !important; 
} 

	@media (min-width:768px) and (max-width:890px){

		.Standard-Contact-Form > div > div{
			width:99% !important; 
		}
	}

	@media (max-width:767px) {
		.Standard-Contact-Form{ 
			width:98%; 
			padding:8px 0px 8px;
		} 
		.Standard-Contact-Form h3{ 
			width:80%; 
		} 
		.Standard-Contact-Form > div > div{
			width:100% !important; 
		}
		.Standard-Contact-Form > div > div:first-of-type > div{ 
			height:auto;
			clear:both; 
		} 
		.Standard-Contact-Form > div > div:first-of-type label,
		.Standard-Contact-Form > div > div:nth-of-type(2) label{
			display:block; 
			width:100%; 
			float:none; 
			padding:0px;
		} 
		.Standard-Contact-Form > div > div:first-of-type input,
		.Standard-Contact-Form > div > div:nth-of-type(2) textarea{
			display:block; 
			width:100%; 
			float:none; 
			margin-top:8px; 
			margin-bottom:8px; 
			border:1px solid #bdd3ff;
		} 
	}


/**** PRODUCT CARD ******************************/


.product-card{ 
	margin-top:0px !important;
}
.product-card{ 
	min-height:225px;
	 cursor:hand; 
	 cursor:pointer; 
	 overflow:hidden; 
}
.product-card:hover{   
	box-shadow:0 8px 16px 0 rgba(255,255,255,0.2),0 6px 20px 2px rgba(38,63,127,0.19) !important; 
}

.product-card a.text,
.product-card a.img{
	display:block; 
	margin:0px; 
	padding:0px; 
	position:relative; 
	z-index:1; 
	text-decoration:none;
} 
.product-card a.img h3{ 
	display:none
}
.product-card a.img img{ 
	position:relative; 
	z-index:5; 
} 
.product-card a.img img.on{ 
  opacity:0; 
	position:absolute;
	top:0px; 
	z-index:10; 
	transition-property:opacity; 
	transition-duration:0.3s;
}
.product-card:hover a.img img.on{ 
	opacity:1; 
} 
.product-card a.text{
	box-sizing:border-box; 
	padding:8px; 
} 




/**** FIGURE CARD ******************************/

.Tier2-Figure-Card{ 
	width:275px; 
	height:320px; 
	float:right; 
	margin:16px 0px 0px 50px; 
	position:relative; 
	z-index:1; 
} 
@media (max-width:600px){ 
.Tier2-Figure-Card{ 
	display:none;
	}
}
	
.Tier2-Figure-Card h2{ 
	margin:0px !important;
} 
.Tier2-Figure-Card:hover > figure{ 
	opacity:0.6; 
} 
.Tier2-Figure-Card figure.callout{
	width:110px; 
	height:110px; 
	position:absolute;
	display:block; 
	background-color:#9bb8ff; 
  color:#273f7f;
	z-index:50; 
	overflow:hidden; 
	transition-property:width,height,left,top,right,bottom,opacity,box-shadow; 
	transition-duration:250ms;
	transition-timing-function:linear; 
	margin:0px; 
} 
.Tier2-Figure-Card figure.callout:first-of-type{ 
	top:50px; 
	left:0px; 
} 
.Tier2-Figure-Card figure.callout:nth-of-type(2){ 
	top:50px; 
	right:30px; 
} 
.Tier2-Figure-Card figure.callout:nth-of-type(3){ 
	bottom:30px; 
	left:0px; 
} 
.Tier2-Figure-Card figure.callout:nth-of-type(4){ 
	bottom:30px; 
	right:30px; 
} 
.Tier2-Figure-Card figure.callout:hover{ 
	width:275px; 
	height:150px; 
	z-index:100; 
	opacity:1; 
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
} 
.Tier2-Figure-Card figure.callout:hover:first-of-type{ 
	top:50px; 
	left:-15px; 
} 
.Tier2-Figure-Card figure.callout:hover:nth-of-type(2){ 
	top:50px; 
	right:15px; 
} 
.Tier2-Figure-Card figure.callout:hover:nth-of-type(3){ 
	bottom:0px; 
	left:-15px; 
} 
.Tier2-Figure-Card figure.callout:hover:nth-of-type(4){ 
	bottom:0px; 
	right:15px; 
} 
.Tier2-Figure-Card figure.callout div{
	position:relative; 
	z-index:10; 
	display:block; 
	width:110px; 
	height:110px;
	background-position:center; 
	background-repeat:no-repeat; 
	float:left; 
	transition:width 250ms linear,height 250ms linear,background-position 250ms linear; 
} 
.Tier2-Figure-Card figure.callout:hover div{ 
	width:125px; 
	height:150px; 
	background-position:center; 
} 
.Tier2-Figure-Card figure.callout figcaption{
	position:absolute; 
	left:135px; 
	top:2px; 
	width:132px; 
	display:block; 
	font-size:14px; 
	padding:4px;
}



/**** TIER 2+ CTA BOX ******************************/


.Tier2-MainArea-CTABox{ 
  background-color:#D5E2FF; 
	margin-bottom:24px; 
	margin-top:32px; 
}
.Tier2-MainArea-CTABox > div > div{ 
	min-height:120px; 
} 
.Tier2-MainArea-CTABox >.w3-cell-row > .w3-cell:first-of-type{
	width:50px; 
	background:#9bb8ff; 
	color:#273f7f;
	text-align:center; 
	padding-top:8px; 
}
.Tier2-MainArea-CTABox >.w3-cell-row > .w3-cell:nth-of-type(2){ 
	padding-left:8px; 
} 
.Tier2-MainArea-CTABox p:first-of-type{ 
	margin-bottom:0px; 
	margin-top:0px; 
} 
.Tier2-MainArea-CTABox p:nth-of-type(2){ 
	margin-top:0px; 
} 
.Tier2-MainArea-CTABox h3{ 
	font-weight:700 !important; 
} 
.Tier2-MainArea-CTABox form .Standard-Contact-Form-Closebutton{ 
	display:none;
}

.Tier2-MainArea-CTABox form.Standard-Contact-Form.w3-card.w3-white{ 
	box-shadow:none; 
	background:transparent !important; 
	
} 
.Tier2-MainArea-CTABox form.Standard-Contact-Form.w3-card.w3-white .w3-row-padding,
.Tier2-MainArea-CTABox form.Standard-Contact-Form.w3-card.w3-white .w3-row-padding .w3-half:first-of-type,
#Tier2-ContactPage-Form form.Standard-Contact-Form.w3-card.w3-white .w3-row-padding,
#Tier2-ContactPage-Form form.Standard-Contact-Form.w3-card.w3-white .w3-row-padding .w3-half:first-of-type{
	padding-left:0px; 
} 
.Tier2-MainArea-CTABox form.Standard-Contact-Form.w3-card.w3-white .w3-row-padding .w3-half:first-of-type label,
#Tier2-ContactPage-Form form.Standard-Contact-Form.w3-card.w3-white .w3-row-padding .w3-half:first-of-type label{
	padding-left:0px; 
} 
.Tier2-MainArea-CTABox form.Standard-Contact-Form .w3-btn{ 
	background-color:#9bb8ff; 
} 





/********************************************
  STRUCTURAL ELEMENTS 
 ********************************************/


/**** TIER 2+ HEADER ******************************/

#MainContainer > header{ 
	position:absolute; 
	height:100px; 
	width:100%; 
	z-index:20; 
} 

#MainContainer > header a{ 
	
}

#MainContainer > header.normal > a:first-of-type {
	margin-left:122px; 
	display:inline-block; 
	float:left; 
} 

#MainContainer > header.normal > nav.w3-bar{ 
	width:auto; 
	position:absolute; 
	top:18px; 
	left:400px; 
	font-size:115%; 
	height:70px; 
	z-index:20; 
} 
#MainContainer > header.normal > nav a{ 
	transition:color 0.2s linear; 
	color:#d3e4ff; 
	z-index:10;
} 
#MainContainer > header.normal > nav a span:first-of-type{ 
	display:block; 
	margin-bottom:3px;
}
#MainContainer > header.normal > nav a span:first-of-type span{
	display:inline; 
} 
#MainContainer > header.normal > nav a span.highlight{ 
	border-top: 2px solid #BDD3FF;
	display:block; 
	height:1px; 
	transform:scaleX(0); 
	transition:transform 0.3s linear; 
} 
#MainContainer > header.normal > nav a.current-section span.highlight{ 
	border-top: 2px solid #FFF;
}
#MainContainer > header.normal > nav a > span > i.fas{ 
	display:block; 
	clear:both; 
	margin-bottom:10px; 
	transition:transform 0.2s linear; 
} 
#MainContainer > header.normal > nav a:hover,
#MainContainer > header.normal > nav a.current-section{ 
	color:#FFF !important; 
	background-color:transparent !important; 
} 
#MainContainer > header.normal > nav a:hover > span > i.fas{ 
	transform:scale(1.3); 
} 
#MainContainer > header.normal > nav a:hover span.highlight,
#MainContainer > header.normal > nav a.current-section span.highlight{ 
	transform:scaleX(1); 
} 
#MainContainer > header.sticky{ 
	background:none !important; 
	position:fixed; 
	z-index:10; 
} 
@media (max-width:1149px){ 
	#MainContainer > header.normal > nav a span:first-of-type .tier2-small-hide{ 
		display:none;
	} 
	#MainContainer > header.sticky{ 
		position:relative; 
    width: 119px;
    float: left;
	} 
	#MainContainer > header.normal > nav.w3-bar{ 
		left:380px; 
	} 
} 
@media (max-width:600px){ 
	#MainContainer > header.normal{ 
		height:auto; 
	} 
	#MainContainer > header.normal > nav.w3-bar{ 
		width:auto; 
		position:relative;
		clear:both; 
		left:auto; 
		font-size:115%; 
		z-index:20; 
	} 
	#MainContainer > header.normal > nav a{ 
		width:33%; 
	} 
}


/**** TIER 2+ CONTACT HINT ******************************/


#Tier2-Mast-ContactHint{ 
	border:1px solid #BDD3FF; 
	border-radius:5px; 
	width:130px; 
	font-family:'Kalam'; 
	height:45px; 
	position:absolute; 
	top:30px; 
	right:122px; 
	color:#BDD3FF; 
	background-color:#273f7f; 
	z-index:1000; 
	cursor:hand; 
	cursor:pointer;
	transition-property:width,height,border-color,background-color,color; 
	transition-duration:0.3s; 
	transition-timing-function:linear; 
	overflow:hidden; 
} 

#Tier2-Mast-ContactHint > span:first-of-type{ 
	display:block; 
	float:left; 
	margin-right:10px; 
	background:#BDD3FF; 
	border-top-left-radius:5px; 
	border-bottom-left-radius:5px; 
	color: #273f7f; 
	padding:5px; 
	height:100%; 
	position:relative; 
} 

@media (min-width:891px){ 
	#Tier2-Mast-ContactHint:hover,
	#Tier2-Mast-ContactHint.hover{ 
		width:250px; 
		height:120px; 
		border-color:#FFF; 
		background-color:#FFF; 
		color:#273f7f;
		box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
	}
	#Tier2-Mast-ContactHint:hover > span:nth-of-type(2),
	#Tier2-Mast-ContactHint.hover > span:nth-of-type(2){ 
		display:none; 

	}
	#Tier2-Mast-ContactHint:hover > div,
	#Tier2-Mast-ContactHint.hover > div{ 
		opacity:1; 
	} 
}
#Tier2-Mast-ContactHint > div{ 
	margin-left:50px; 
	padding-top:5px; 
	opacity:0; 
	transition:opacity 0.3s linear 0.3s;
} 
#Tier2-Mast-ContactHint > div > span:first-of-type{ 
	font-size:22px; 
} 
#Tier2-Mast-ContactHint > div > span:nth-of-type(2),
#Tier2-Mast-ContactHint > div > span:nth-of-type(3){ 
	font-size:18px; 
	display:block; 
	margin-top:10px; 
} 
#Tier2-Mast-ContactHint > div > span:nth-of-type(3) a{ 
	text-decoration:none; 
} 

#Tier2-Contact-Form{ 
	z-index:2000;
} 

@media (max-width:1149px){ 
	#Tier2-Mast-ContactHint{ 
		right:32px; 
	}
}
 
@media (max-width:890px){ 
	#Tier2-Mast-ContactHint{ 
		position:relative; 
		right:auto; 
		clear:both; 
		left:auto; 
		top:16px; 
		display:block; 
		margin:0px 32px; 
		width:auto; 
	}
	#Tier2-Mast-ContactHint > span:nth-of-type(2){ 
		display:none !important;
	} 
	#Tier2-Mast-ContactHint > div{ 
		margin-left:50px; 
		padding-top:5px; 
		opacity:1; 
	} 
	#Tier2-Mast-ContactHint > div > span{ 
		display:inline-block; 
		width:30%; 
		float:left;
	}
	#Tier2-Mast-ContactHint > div > span:nth-of-type(2),
	#Tier2-Mast-ContactHint > div > span:nth-of-type(3){ 
		margin-top:5px; 
	} 
} 

@media (max-width:600px){ 
	#Tier2-Mast-ContactHint{ 
		margin-top:16px; 
		height:115px;
	} 
	#Tier2-Mast-ContactHint > span:first-of-type{ 
		display:none; 
	} 
	#Tier2-Mast-ContactHint > div{ 
		margin-left:8px; 
	}
	#Tier2-Mast-ContactHint > div > span{ 
		display:block; 
		width:100%; 
	}
	#Tier2-Mast-ContactHint > div > span:first-of-type{ 
		display:none; 
	} 
	#Tier2-Mast-ContactHint > div > span:nth-of-type(2),
	#Tier2-Mast-ContactHint > div > span:nth-of-type(3){ 
		margin-top:10px; 
		font-size:28px;
	} 
} 

/**** TIER 2+ CONTENT ******************************/


#Tier2-Content-Container{ 
	margin:100px 106px 50px; 
	position:relative; 
	z-index:15; 
	position:relative; 
	opacity:1;
	height:auto; 
	transition:opacity 0.4s linear; 
}
@media (min-width:601px) and (max-width:890px){ 
	#Tier2-Content-Container{ 
		margin-top:161px;
	}
} 
@media (max-width:1149px){ 
	#Tier2-Content-Container{ 
		margin-left:16px; 
		margin-right:16px;
	}
} 

@media (max-width:600px){ 
	#Tier2-Content-Container{ 
		margin-top:320px;
		margin-left:0px; 
		margin-right:0px; 
	}
	#Tier2-Mast-HeaderBG,
	#Tier2-Mast-Intro{ 
		margin-bottom:0px !important; 
	} 
	#Tier2-Mast-Intro > p{ 
		display:none; 
	} 
} 
#Tier2-Content-Container.off{
	opacity:0; 
} 


#Tier2-Content-Container .w3-row-padding,
#Tier2-Content-Container .w3-row-padding > div{ 
	position:relative; 
	height:100%; 
} 

#Tier2-Content-Container h2{ 
	font-size:22px; 
} 
#Tier2-Content-Container h3{ 
	font-size:18px; 
	font-weight:700; 
} 
#Tier2-Content-Container h2 a:hover,
#Tier2-Content-Container p a:hover{ 
	color:#002fa7 !important;
}

#Tier2-Content-Container .Tier2-MainContent{ 
	position:relative; 
	height:100%; 
	z-index:1; 
} 

#Tier2-Content-Container .Tier2-MainContent h2{ 
	font-family:'Kalam'; 
	margin-top:32px; 
} 

#Tier2-Content-Container .Tier2-MainContent p,
#Tier2-Content-Container .Tier2-MainContent li{ 
	font-size:16px; 
	line-height:29px; 
} 



/**** TIER 2+ SUBNAV ******************************/

#Tier2-Mast-HeaderBG{ 
	position:relative; 
	z-index:10; 
	margin:0px 16px 16px;
	background-position:right top; 
	background-repeat:no-repeat; 
	background-size:cover;	
  transition: all 0.5s linear; 
  background-image:url(/images/home-dark-field.jpg); 
	background-size:cover;
}
#Tier2-Mast-HeaderBG > img{ 
	position:relative; 
	z-index:2; 
}

#Tier2-Mast-Intro{ 
	background-color:rgba(255,255,255,0.9); 
	padding-left:16px; 
	position:absolute; 
	width:50%; 
	bottom:16px; 
	color:#273f7f; 
	box-shadow:0 8px 16px 0 rgba(255,255,255,0.2),0 6px 20px 2px rgba(38,63,127,0.19) !important; 
	z-index:20; 
}
#Tier2-Mast-Intro > p{ 
	margin-right:8px; 
}
#Tier2-SectionNav{ 
	background-color:rgba(189,211,255,0.8); 
	position:absolute !important; 
	top:0px; 
	z-index:5; 
	width:100%; 
	height:auto !important;
} 
/* #Tier2-Subnav-Hamburger{ 
	display:none;
}  */
#Tier2-SectionNav .w3-bar-item{ 
	background:transparent;
	color:#273f7f; 
	box-sizing:border-box; 
	border-bottom:2px solid transparent; 
} 

#Tier2-SectionNav .w3-bar-item.selected{ 
	color:#273f7f; 
	border-bottom:2px solid #273f7f;
	font-weight:bold; 
} 

#Tier2-SectionNav .w3-button:hover{ 
	background-color:rgba(189,211,255,1) !important; 
	color:#273f7f !important; 
	border-bottom:2px solid #273f7f;
	font-weight:bold; 
} 


@media (max-width:600px){ 
	#Tier2-Mast-HeaderBG > img{ 
		position:relative; 
		clear:both; 
	} 
	#Tier2-Mast-Intro{ 
		width:100%; 
		z-index:2; 
		position:relative; 
		clear:both;
		background-color:#FFF; 
	} 

/* 	#Tier2-Subnav-Hamburger{ 
		display:block;
		text-align:right; 
	}  */
	#Tier2-SectionNav{ 
/* 		z-index:20; 
		position:relative !important;  */
		display:none; 
	}
/* 	#Tier2-SectionNav .w3-bar-item{ 
		display:block; 
		width:90%; 
	} 
	 */
} 

/**** TIER 2+ SIDEBAR ******************************/

#Tier2-Content-Container .Tier2-Sidebar{ 
	padding-bottom:8px; 
	margin-bottom:16px; 
/* 	opacity:0.8;  */
	transition:opacity 0.2s linear; 
	background:#E2EAFF; 
	
} 
#Tier2-Content-Container .Tier2-Sidebar .w3-btn{ 
  background-color:#5A6B94; 
	color:#FFF; 
} 
#Tier2-Content-Container .Tier2-Sidebar .w3-btn:hover{ 
	color:#E2EAFF !important; 
} 
#Tier2-Content-Container .Tier2-Sidebar:hover {
	opacity:1; 
} 

#Tier2-Content-Container .Tier2-Sidebar header{ 
  background-color:#9bb8ff; 
  background-color:#5A6B94; 
  color:#000;
  color:#FFF;
  margin-bottom:5px; 
	padding:1px 1px 1px 8px;
}
#Tier2-Content-Container .Tier2-Sidebar header h2{ 
	font-size:20px; 
	margin-top:8px; 
	margin-bottom:8px; 
} 

#Tier2-Content-Container .Tier2-Sidebar.tight-margins{ 
	padding-bottom:0px; 
} 
#Tier2-Content-Container .Tier2-Sidebar.tight-margins header{ 
	margin-bottom:0px; 
} 
.Tier2-MainContent h1 span,
#Tier2-Content-Container .Tier2-Sidebar h2 span{ 
	font-family:'Kalam'; 
} 



@media (max-width:890px){ 
	
	#Tier2-Content-Container > .w3-row-padding > .w3-twothird,
	#Tier2-Content-Container > .w3-row-padding > .w3-third{ 
		width:100%; 
		clear:both; 
	} 

}

/********************************************
  PAGE-SPECIFIC STYLES 
 ********************************************/


/**** PEACE OF MIND PROMISE ******************************/

.Tier2-POM-Promises:first-child{ 
	margin-top:16px; 
} 

.Tier2-Promise-Item,
#ServicesInterface.index .services-category-swatch{ 
	margin:16px 0px !important;
	transition:transform .3s linear,color .3s linear; 
}
#ServicesInterface.index .services-category-swatch{ 
	min-height:80px;
}
@media (max-width:600px){ 
	#ServicesInterface.index .services-category-swatch{ 
		min-height:auto;
	}
}
.Tier2-Promise-Item:hover,
#ServicesInterface.index .services-category-swatch:hover{ 
	transform:scale(1.1); 
	color:#002fa7; 
} 
.Tier2-Promise-Item > div:first-of-type,
.services-category-swatch > div:first-of-type{ 
	width:15%; 
	text-align:center; 
	float:left;
	position:relative; 
	margin-right:15px; 
} 
.Tier2-Promise-Item > div:nth-of-type(2),
.services-category-swatch > div:nth-of-type(2){
	width:75%; 
	display:inline-block; 
} 
.Tier2-Promise-Item > div:nth-of-type(2) h2,
#ServicesInterface.index .services-category-swatch >div:nth-of-type(2) h3{ 
	margin-top:0px !important; 
} 

#ServicesInterface.index .services-category-swatch h3{ 
	margin-bottom:0px; 
	font-weight:400 !important; 
} 
	
#Tier2-POM-CTABox{ 
	width:80%; 
	margin-left:auto; 
	margin-right:auto; 
} 




/**** CONTACT ******************************/

.Tier2-ContactPage{ 
	min-height:500px; 
} 
#Tier2-ContactPage-Form .Standard-Contact-Form-Closebutton{ 
	display:none; 
} 

#Tier2-ContactPage-Form .w3-card{ 
	box-shadow:none; 
	padding:0px; 
} 
.Tier2-Hours .w3-row-padding{ 
	margin-bottom:8px; 
} 

/**** SERVICES ******************************/

#ServicesHomeIntro{ 
	transition:all .3s linear; 
	position:relative; 
	height:auto; 
	opacity:1; 
	margin-bottom:25px; 
} 
#ServicesHomeIntro.off{ 	
	opacity:0; 
	height:0px; 
} 

#ServicesInterface{ 
	width:100%; 
}
#ServicesMenu{ 
	height:100%; 
}


#ServicesInterface.index #ServicesMenu{ 
	width:100%; 
}
#ServicesContent{
	transition:opacity .3s linear 1s; 
	opacity:0; 
}
#ServicesInterface.index #ServicesContent{ 
	width:0%; 
	display:none; 
	opacity:0; 
}

#ServicesInterface.showcontent #ServicesContent{ 
	vertical-align:top; 
	opacity:1; 
	display:table-cell; 
} 

#ServicesInterface.showcontent{ 
	margin-left:-16px; 
} 
#ServicesInterface.showcontent #ServicesMenu{
	display:none;
	
	width:270px;
	margin-left:-16px;
	background:#D5E2FF; 
}
#ServicesInterface.showcontent #ServicesMenu > p{
	display:none; 
} 



.Tier2-Sidebar .services-category-swatch{
	display:table; 
	vertical-align:middle; 
	padding:0px; 
	color:#273f7f; 
	position:relative; 
	z-index:1; 
	text-decoration:none; 
	overflow:hidden; 
  transition: box-shadow .5s linear;
	margin:0px;
	float:none; 
	width:100%; 
	height:35px;
	box-shadow:none; 
}
.Tier2-Sidebar .services-category-swatch > div:first-of-type{ 
	width:15%; 
	margin-right:5px; 
	text-align:center; 
} 
.Tier2-Sidebar .services-category-swatch > div:nth-of-type(2){ 
	width:80%; 
	font-size:13px; 
	vertical-align:middle; 
	padding-top:8px; 
} 
	
.Tier2-Sidebar .services-category-swatch i{ 
	color:#273f7f;
	text-align:center; 
	padding-top:10px;
}

.Tier2-Sidebar .services-category-swatch.selected{ 
	background-color:#273f7f; 
	color:#FFFFFF; 
	border-radius:5px; 
} 
.Tier2-Sidebar .services-category-swatch.selected i{ 
	color:#FFFFFF; 
} 












#ServicesContent #LoadContent{ 
	opacity:0; 
	transition:opacity 0.5s linear; 
} 

#ServicesContent #LoadContent.on{ 
	opacity:1; 
} 

/**** SERVICE PRICE CALLOUT ******************************/

.ServicesPricingCalloutFoot{ 
	background:#273f7f; 
	color:#FFFFFF; 
} 
.ServicesPricingCalloutFoot .w3-col:first-of-type,
.ServicesPricingCalloutFoot .price{
	position:relative; 
	width:250px; 
	height:135px; 
} 
#PriceInfo_Backups .price{ 
	background:url(/images/tier2-services-price-hdd.jpg) no-repeat top left; 
} 
#PriceInfo_Virus .price{ 
	background:url(/images/tier2-services-price-virus.png) no-repeat top left; 
} 
#PriceInfo_Security .price{ 
	background:url(/images/tier2-services-price-security.jpg) no-repeat top left; 
} 
#PriceInfo_Networking .price{ 
	background:url(/images/tier2-services-price-network.jpg) no-repeat top left; 
} 
#PriceInfo_Repair .price{ 
	background:url(/images/tier2-services-price-ram.png) no-repeat top left; 
} 
#PriceInfo_Mobile .price{ 
	background:url(/images/tier2-services-price-mobile.jpg) no-repeat top left; 
} 
#PriceInfo_NewOffice .price{ 
	background:url(/images/tier2-services-price-office.jpg) no-repeat top left; 
} 
#PriceInfo_OSes .price{ 
	background:url(/images/tier2-services-price-os.jpg) no-repeat top left; 
} 
#PriceInfo_Email .price{ 
	background:url(/images/tier2-services-price-email.jpg) no-repeat top left; 
} 
#PriceInfo_Printers .price{ 
	background:url(/images/tier2-services-price-printers.jpg) no-repeat top left; 
} 
#PriceInfo_Mysteries .price{ 
	background:url(/images/tier2-services-price-bsod.jpg) no-repeat top left; 
} 
#PriceInfo_Theatre .price{ 
	background:url(/images/tier2-services-price-theater.jpg) no-repeat top left; 
} 
.ServicesPricingCalloutFoot .price div,
.ServicesPricingCalloutFoot .estimate b{ 
	background-color:rgba(0,0,0,0.3); 
	font-size:13px; 
	width:100%; 
	display:block; 
	padding:5px 8px; 
	letter-spacing:1px; 
	font-weight:bold; 
	text-transform:uppercase; 
} 
.ServicesPricingCalloutFoot .price span{ 
	font-size:4em; 
	display:block; 
	position:absolute; 
	font-weight:bold; 
	right:5px; 
	bottom:-17px; 
	text-align:right; 
	text-shadow:1px 1px 2px #666; 
} 
.ServicesPricingCalloutFoot .price span small{ 
	font-size:.3em; 
} 

.ServicesPricingCalloutFoot .estimate{ 
	font-size:0.8em; 
} 
.ServicesPricingCalloutFoot .estimate ul{
	margin:0px; 
	padding:0px 8px; 
	list-style-type:none; 
	display:table; 
	width:100%; 
} 

.ServicesPricingCalloutFoot .estimate li{
	display:table-row; 
	font-size:14px !important; 
	line-height: 1.5 !important; 
} 
.ServicesPricingCalloutFoot .estimate li span:first-child{ 
	display:table-cell; 
	width:70%; 
	padding:4px; 
} 
.ServicesPricingCalloutFoot .estimate li span:last-child{ 
	display:table-cell; 
	width:30%; 
	text-align:right; 
	padding:4px; 
} 

#Tier2-Content-Container .Tier2-MainContent p.pricingfineprint{ 
	font-size:12px; 
	color:#666;
	line-height:16px; 
} 
@media (max-width:600px){ 
	.ServicesPricingCalloutFoot{ 
		width:250px; 
		margin:0 auto; 
		
	} 
	.ServicesPricingCalloutFoot .w3-col,
	.ServicesPricingCalloutFoot .w3-rest{ 
		width:100%; 
	} 
}
	

/**** SOLUTIONS HOME ******************************/

.tier2-solutions-row:first-of-type{ 
	margin-top:25px; 
} 
.tier2-solutions-row{ 
	margin-bottom:35px; 
} 
#Tier2-Content-Container .Tier2-MainContent .tier2-solutions-row h2,
#Tier2-Content-Container .Tier2-MainContent .tier2-solutions-row h2{ 
	margin-top:0px; 
} 

.tier2-solutions-row .w3-cell{ 
	vertical-align:top; 
} 

.tier2-solutions-row .img{ 
	width:25%; 
} 

.tier2-solutions-row .text{ 
	width:74.999%; 
} 
@media (max-width:600px){ 

	.tier2-solutions-row .img{ 
		display:none; 
	} 

	.tier2-solutions-row .text{ 
		width:100%; 
	} 
	.tier2-small-hide{ 
		display:none; 
	} 
}
.tier2-solutions-row .w3-cell:first-child{ 
	padding-right:25px;
} 
.tier2-solutions-row + hr{ 
	width:75%; 
	margin:0 auto; 
	height:1px; 
} 


/**** SOLUTIONS DETAIL ******/ 

#Tier2-Solution-Services{ 
	margin-top:20px; 
} 
#Tier2-Solution-Services .w3-row{ 
	clear:both; 
	min-height:50px; 
	transition:all .3s linear; 
} 
#Tier2-Solution-Services .w3-row:hover{
	transform:scale(1.1); 
	color:#002fa7; 
}
#Tier2-Solution-Services .w3-row a{ 
	text-decoration:none; 
} 
#Tier2-Solution-Services .w3-col:first-of-type{ 
	text-align:center; 
} 
#Tier2-Solution-Services .w3-rest{ 
	vertical-align:middle; 
	padding-top:4px; 
} 

/**** CITY PAGES *********************/ 

.citypage-list{ 
	list-style-type:none; 
	padding:0px; 
	margin:0px; 
} 
.citypage-list a{ 
	font-size:16px; 
	text-decoration:none; 
} 
.citypage-list li{ 
	margin-bottom:10px;
} 
.citypage-list li:first-of-type{ 
	margin-top:10px; 
} 
.citypage-list li a i{ 
	margin-right:5px; 
} 
.citypage-list li span{ 
	display:block; 
	margin-left:32px; 
	line-height:20px; 
	margin-bottom:12px; 
} 


/**** REVIEW PROMPT ******************************/

#Tier2-Reviews-Letter{ 
	font-family:'Kalam'; 
	margin:20px auto; 
	transform:rotate(-2deg); 
	border:1px solid #999; 
} 
#Tier2-Reviews-Letter > img{ 
	float:right; 
	margin-left:10px; 
	margin-bottom:10px; 
} 
#Tier2-Reviews-Letter p{ 
	font-size:20px !important; 
}
#Tier2-Reviews-Prompts{ 
	margin:20px; 
} 

#Tier2-Reviews-Prompts img{ 
	width:200px; 
	margin: 0 auto; 
} 

#Tier2-Reviews-Prompts .prize-terms{ 
	font-size:10px !important; 
	line-height:14px !important; 
	color:#555; 
} 




footer{
	background:#17264C; 
	min-height:150px; 
	color:#FFF;
	padding-top:10px; 
} 

footer h4{ 
	font-family:'Kalam'; 
	font-size:18px; 
	margin:0px; 
} 
footer a{ 
	display:block; 
	color:#FFF; 
	text-decoration:none; 
} 
footer a:hover{ 
	text-decoration:underline; 
} 
footer div.w3-row-padding div.w3-half a{
	width:50%; 
	float:left; 
} 
@media (max-width:600px){ 
	footer h4{ 
		margin-top:10px; 
		margin-bottom:5px;
	}
	footer div.w3-row-padding div.w3-half a{
		width:100%; 
		float:none; 
		clear:both; 
	}
	
}

footer p{ 
	padding-left:8px; 
	margin-bottom:0px; 
	padding-bottom:8px; 
} 
footer small{ 
	color:#FFF; 
}