/***********************************************************************
Import Fonts
***********************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=block');
@import url("https://use.typekit.net/lri3hpf.css");

/***********************************************************************
BEGIN:	Element Styles
***********************************************************************/
/*001970 - ATS BLUE- new 041A71*/
/*b21e27 - ATS RED - new B11E29*/

body  
{
 height: 100%;
	font-family: 'Open Sans', sans-serif;
	color: #5B7280;
	background-color: #FFF;
	display: flex;
 flex-direction: column;
}
h1
{
 font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	line-height: 38px;
	font-weight: 700;
	color: #B11E29;
	margin: 0 0 25px 0;
	text-transform: uppercase;
	text-align: center;
} 
h2
{
 font-family: 'Open Sans', sans-serif;
 color: #041A71;
	font-size: 28px;
	line-height: 38px;
	font-weight: 600;
	margin: 0;
	text-align: center;
	position:relative;
	z-index: 3;
} 
h3
{
 font-family: 'Open Sans', sans-serif;
 color: #041A71;
	font-weight: 600;
	font-size: 28px;
	text-transform: uppercase;
	margin: 20px 0;
} 
/*hr
{
	border-top: 1px solid #CCC;
}*/
html 
{
  height: 100%;
}
p 
{
	margin-bottom: 1.313em;
	position:relative;
	z-index: 3;
}

/***********************************************************************
END:	Element Styles
***********************************************************************/

/***********************************************************************
BEGIN:	ID Selector Styles
***********************************************************************/

#article 
{
 width: 100%;
	display: block;
	float: left;
	background-color: #001970;
	color: #000;
	padding: 0;
	font-size: 20px;
	line-height: 1.7em;
	border-top: 10px solid #001970;
	flex: 1 0 auto;
}
#ATSlogo /* this was here with image text for printing*/
{
	display:none;
	margin: 0 auto;
}
#header 
{
	width: 100%; 
	min-height: 270px;
	display: block;
	position: relative;
	background-color: #FFF;
	text-align:center;
}

/***********************************************************************
END:	ID Selector Styles
***********************************************************************/

/***********************************************************************
BEGIN:	Class Selector Styles
***********************************************************************/
.button
{
	text-transform: uppercase;
	color: #FFF!important; 
	/*border: 1px solid #FFF;*/
	line-height:24px;
	font-size: 22px;
	background-color: #041A71;
	padding: 20px 35px;
	white-space: nowrap;
	text-decoration:none;
	margin: 10px 0 20px 0;
	display: inline-block;
}
.button:hover,
.button:focus,
.button:active
{
	background: #B11E29;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    transform: translateY(-3px);
}
.button-outline
{
	text-transform: uppercase;
	color: #FFF!important; 
	border: 1px solid #FFF;
	line-height:24px;
	font-size: 22px;
	background-color: #041A71;
	padding: 20px 35px;
	white-space: nowrap;
	text-decoration:none;
	margin: 10px 0 20px 0;
	display: inline-block;
}
.button-outline:hover,
.button-outline:focus,
.button-outline:active
{
	background: #B11E29;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    transform: translateY(-3px);
}
.chart
{
	width: 90%;
	display: block;
	margin: 20px auto;
}
.p-small
{
	font-size: 16px;
	line-height: 26px;
}
.divider
{
	width:115px;
	height: 5px;
	background: #B11E29;
	display: block;
	margin: 30px auto;
}
.section-home
{
	text-align: center;
	background: #001970;
	padding: 40px 20px;
	background: url(../images/boston-backbay.jpg) no-repeat 50% 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:425px;
}
.section-contact
{
	text-align: center;
	background: #001970;
	padding: 40px 20px;
	background: url(../images/boston-stcharles.jpg) no-repeat 50% 0%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:425px;
	display: flex;

}
.section-blue
{
	text-align: center;
	font-size: 20px;
	background: #041A71;
	color: #FFF;
	padding: 40px 20px;	
}
.section-blue h2
{
	color: #FFF;	
}
.section-bluesplit
{
	text-align: center;
	font-size: 20px;
	background: linear-gradient( #041A71 50%, #D7E3EA 50%);
	color: #FFF;
	padding: 0px 20px;	
}
.section-bluesplit .box
{
	text-align: center;
	font-size: 20px;
	background: #FFF;
	color: #000;
	font-size: 14px;
	padding: 50px 0;
	height: 435px;	
	width: 335px;
	margin: 0 auto;
	padding: 50px 25px;
	position:relative;
	z-index: 3;
}
#carouselPartners .box
{
	display:flex;
	flex-wrap: wrap;
 justify-content: center;
	align-content: center;
	margin: auto auto;
	min-height:220px;
}
#carouselPartners .box img
{
	background: #FFF;
	padding: 30px;
}
#carouselPartnersExp
{
	display:flex;
	flex-wrap: wrap;
 justify-content: center;
	align-content: center;
}
#carouselPartnersExp .box
{
	display:flex;
	flex-wrap: wrap;
 justify-content: center;
	align-content: center;
}
#carouselPartnersExp .box img
{
	background: #FFF;
	padding: 30px;
}
.section-ltblue
{
	text-align: center;
	font-size: 20px;
	background: #D7E3EA;
	color: #5B7280;
	padding: 50px 0;	
}
.section-ltblue2
{
	text-align: center;
	font-size: 20px;
	background: #ebf1f4;
	color: #5B7280;
	padding: 50px 0;	
}
.section-white
{
	text-align: center;
	font-size: 20px;
	background: #fff;
	color: #5B7280;
	padding: 40px 20px;	
}
.section-image
{
	text-align: center;	
	font-size: 18px;
	background: url(../images/techy2.jpg) no-repeat 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 50px 0;	
}
.section-image .box
{
	text-align: center;
	font-size: 18px;
	background: #FFF;
	color: #041A71;
	font-family: 'museo-slab', sans-serif;
	font-style: italic;
	height: 435px;	
	width: 380px;
	margin: 0 auto;
	padding: 25px;
}
.section-image .box img
{
	height: 36px;	
}
.section-image .box p
{
	margin: 15px auto;
}
.credit
{
	color: #B11E29;
	font-family: 'OpenSans', sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-size: 14px;
}
.pres-phone 
{
 color: #B11E29;
 font-size: 16px;
 font-weight: 600;
 text-decoration: none;
 margin: 0px;
 padding-top: 12px;
 text-align: left;
 justify-content: left;
}
.pres-contact 
{
	text-align:center;
	display: block;
	margin: 0 auto 20px;
}
.pres-photo 
{
	justify-content: center;
}
.leaderBox
{
    display: flex;
    flex-flow: column nowrap;
}
.leaderName
{
	font-size: 30px;
	line-spacing: 40 px;
	font-weight: 700;
	color: #041A71;
	margin: 10px;
}
.leaderTitle
{
	font-size: 22px;
	line-height: 32px;
	color: #B11E29;
	margin: 10px;
}
.leaderBio
{
	font-size: 14px;
	line-height: 24px;
	margin: 10px 20px;
	text-align: left;
}
.leaderMail
{
	margin-top: auto;
}
.advantageGrow
{
	background: url(../images/bldgs.jpg) no-repeat 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 716px;	
}
.advantageProtect
{
	background: url(../images/umbrella.jpg) no-repeat 70% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 716px;	
}
.advantageRetain
{
	background: url(../images/handshake.jpg) no-repeat 100% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 716px;	
}
.carousel-indicators {
	bottom:-50px;
}
.carousel-control-next, .carousel-control-prev,
.carousel-control-next:hover, .carousel-control-prev:hover
{
	opacity: 1;
	transition: none;
	z-index: 3;
	
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 0 16 16' fill='%23B11E29'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
	background-color:#FFF;
	border-radius: 50%;
	border: 6px solid #fff;
	height: 40px;
	width: 40px;
	z-index: 3;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 0 16 16' fill='%23B11E29'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")!important;
	background-color:#FFF;
	border-radius: 50%;
	border: 6px solid #fff;
	height: 40px;
	width: 40px;
	z-index: 3;
}
.circle-red{
	position: absolute;
	top: -220px;
	right: -112px;
	height: 431px;
	width: 218px;
	z-index: 2;
	background-image:url(../images/circlered.svg);
}
.circle-grey{
	position: absolute;
	top: 0px;
	left: -112px;
	height: 444px;
	width: 253px;
	z-index: 2;
	background-image:url(../images/circlegrey.svg);
}
.circle-grey2{
	position: absolute;
	top: -222px;
	left: -112px;
	height: 444px;
	width: 253px;
	z-index: 2;
	background-image:url(../images/circlegrey.svg);
}
.circle-white{
	position: absolute;
	top: -323px;
	right: -162px;
	height: 647px;
	width: 324px;
	z-index: 2;
	background-image:url(../images/circlewhite.svg);
}
/***********************************************************************
END:	Class Selector Styles
***********************************************************************/

/***********************************************************************
BEGIN:	Top Nav Styles
***********************************************************************/

.navbar 
{
 background: #FFF;
	padding: 0px 0;
	margin: 0;
	flex: 0 0 auto; /*Keeps navbar from collapsing on iOS */
}
.navbar-brand 
{
 background: #FFF;
	height: auto;
	padding: 20px;
	margin: 0;
}
.navbar-brand img 
{
	display: block;
	margin: auto;
	width: 260px;
}
#navbar 
{
 font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	padding: 0 0 10px 0;
	background-color: #FFF;
	width: 100%;
}
.nav-phoneblock 
{
 margin: 0;
 padding: 0 0 20px 0;
 text-align: right;
 width: auto;
 border-bottom: 1px solid #041A71;
}
 .navbar-holder
 {
  width: 100%;
  padding: 0 10%;
  justify-content:center;
  text-align:center;
 }
 .navbar-toggler
 {
	 margin-right: 20px;
 }
  .navbar-toggler:focus
 {
	 box-shadow: none;
 }
.nav-phone 
{
 color: #B11E29;
 font-size: 16px;
 font-weight: 600;
 text-decoration: none;
 border-top: 2px solid #041A71;
 margin-top: 75px;
 padding-top: 20px;
}

#navbar .nav-link
{
 color: #041A71;
 margin: 0 auto;
 white-space: nowrap;
 font-size: 28px;
 font-weight: 600;
 padding: 10px 0;
}
#navbar .nav-link:hover,
#navbar .nav-link:focus,
#navbar .nav-link:active
{
	color: #B11E29;
}

/***********************************************************************
END:	Top Nav Selector Styles
***********************************************************************/


/***********************************************************************
BEGIN:	Bottom Nav Styles
***********************************************************************/

.section-blue
{
	text-align: center;
	font-size: 20px;
	background: #041A71;
	color: #FFF;
	padding: 40px 20px;	
}

#footer
{
	padding-top: 25px;
	background-color: #020d38;
	color: #FFF;
}

#footer-logo 
{
	text-align:center;
}
#footer-logo img
{
	height:61px;
	margin-bottom: 15px;
}
#copyblock 
{
	text-align: center;
}
#footer a
{
	padding-top: 25px;
	background-color: #020d38;
	color: #FFF;
}
#footer a:hover,
#footer a:focus,
#footer a:active
{
	color: #B11E29;
}
{
	padding-top: 25px;
	background-color: #020d38;
	color: #FFF;
}

#carouselPartnersLarge, #carouselPartnersExp
{
	display: none;
}

/***********************************************************************
END:	Bottom Nav Styles
***********************************************************************/

/***********************************************************************
BEGIN:	Conditional Styles
***********************************************************************/

@media print 
{
	#ATSlogo
	{
		display:block;
		margin-bottom: 40px;
	}
	h1
	{
   /*Josefin not printing correctly*/
	}
	#footer
	{
		display:none;
	}
}
/*navbar expansion size*/
@media (min-width: 768px) 
{ 

 .navbar-brand 
{
	padding: 20px;
}
.navbar-brand img 
{
	width: 300px;
}
.navbar-nav
 {
	 width: auto;
 }
 .nav-phoneblock 
 {
  display: block;
  flex: 0 1 100%;
  width: 100%;
 }
.nav-block
 {
  margin: 0;
  width: 100%;
  text-align: right;
 }
 .navbar-holder
 {
  width: 100%;
  padding:0;
  display: flex;
  justify-content:flex-end;
 }
 #navbar .nav-link
 {
	 font-size:20px;
	 padding: 10px 0 10px 20px;
 }

.section-bluesplit .box
{
	height: 435px;	
	width: 435px;
}
#footer-logo 
{
	text-align:left;
}
#footer-logo img
{
	height: auto;
}
#copyblock 
{
	text-align: left;
}
h1
{
	font-size:50px;
	line-height:60px;
}
.section-home
{
	min-height: 632px;
	background: url(../images/boston-backbay.jpg) no-repeat 50% 60%;
	min-height: 600px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.section-contact
{
	min-height: 632px;
	background: url(../images/boston-stcharles.jpg) no-repeat 50% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top:80px;
}
.section-blue, .section-ltblue, .section-white
{
	padding: 80px 20px;
}
h2
{
	font-size:32px;
	line-height:42px;
}
.chart
{
	width: 470px;
	margin: 30px auto;
}
.chart-text, .chart-text h2
{
	text-align: left;
}
.chart-text-divider
{
	margin: 20px 0;
}
.section-image .box
{
	font-size: 25px;
	line-height: 32px;
	height: 435px;	
	width: 635px;
}
.leaderCol
{
	display: flex;
}
.circle-red{
	right: -12px;
}
.circle-grey{
	left: -12px;
}
.circle-white{
	right: -12px;
}

}
@media (min-width: 992px) 
{  
.pres-contact 
{
	text-align: left;
	margin: auto 0;
}
.pres-photo
{
	display: flex;
	justify-content: end;
}

}

@media (min-width: 1430px) 
{  
.pres-contact 
{
	text-align: left;
	margin: auto 0;
}
.pres-photo
{
	display: flex;
	justify-content: end;
}

.leaderBio
{
	text-align: justify;
}
.section-contact
{
	background: url(../images/boston-stcharles.jpg) no-repeat 50% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media (min-width: 1680px) 
{  
#carouselPartners
{
	display:none;
}

#carouselPartnersLarge
{
	display:block;
	width:100%; 
	background-color:#FFF;
}
#carouselPartnersExp
{
	display:flex;
}

}

/***********************************************************************
END:	Conditional Styles
***********************************************************************/