/* --------------------------------------------------
GLOBAL STYLES
-------------------------------------------------- */
	body {
	  color: #000000;
	  padding:0px;
	  margin:0px;
	  background-color:#ffffff;
	}
	.coverImage{
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.bodyHalfImage{
		width:100%;
		margin-bottom:20px;
	}
	.greyLine{
		border-top:1px solid #cccccc;
	}
	.blueLine{
		border-top:1px solid #6ecbe0;
	}
	.whiteLine{
		border-top:1px solid #ffffff;
	}
	.blueUnderline{
		border-bottom:2px solid #A1C8DB;
		margin-top:8px;
		margin-bottom:10px;
	}
	.backgroundTriangles{
		background-image: url(../svg/greytriaglesc20a.svg); 
		background-repeat:no-repeat; 
		background-position:top center; 
		background-size:100% auto;
		min-height:auto;
	}
	.backgroundLightBlue{
		background-color:#d9f8ff;
	}
	.rowPadding{
		padding-top:40px;
		padding-bottom:40px;
	}
	.rowPaddingTop{
		padding-top:40px;
	}
	.rowPaddingTrianglesTop{
		padding-top:0px;
	}
	.rowPaddingBottom{
		padding-bottom:40px;
	}
	.rowPaddingBottomX{
		padding-bottom:0px;
	}
	.rowPaddingSmall{
		padding-top:40px;
		padding-bottom:40px;
	}
	.rowPaddingExtraSmall{
		padding-top:40px;
		padding-bottom:40px;
	}
	.rowPaddingTopSmall{
		padding-top:40px;
	}
	.rowPaddingBottomSmall{
		padding-bottom:40px;
	}
	.nowrap{
		  white-space: nowrap;
	}
	.form-check-label{
		cursor: pointer;
	}
	.form-control, .form-reasonDropdown, .form-check-input{
		border:1px solid #bbbbbb !important;
	}
	.video-container{position:relative;width:100%;padding-bottom:56.25%}.video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
	.blueBorderLeft{
			border-left:0px solid #A1C8DB;
			padding-left:10px;
			padding-top:0px;
			padding-bottom:0px;
			text-align:center;
	}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.blueBorderLeft{
			border-left:2px solid #A1C8DB;
			padding-left:50px;
			padding-top:20px;
			padding-bottom:20px;
			text-align:left;
	}
	.rowPaddingExtraSmall{
		padding-top:20px;
		padding-bottom:20px;
	}
	
	.rowPadding{
		padding-top:50px;
		padding-bottom:50px;
	}
	.rowPaddingTop{
		padding-top:50px;
	}
	.rowPaddingTrianglesTop{
		padding-top:0px;
	}
	.rowPaddingBottom{
		padding-bottom:50px;
	}
	.rowPaddingBottomX{
		padding-bottom:50px;
	}
	.rowPaddingSmall{
		padding-top:30px;
		padding-bottom:30px;
	}
	.rowPaddingExtraSmall{
		padding-top:30px;
		padding-bottom:30px;
	}
	.rowPaddingTopSmall{
		padding-top:30px;
	}
	.rowPaddingBottomSmall{
		padding-bottom:30px;
	}
}

/* MENU BREAK */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.rowPaddingTrianglesTop{
		padding-top:50px;
	}
	.extraLeftPadding{
		padding-left:30px;
	}
	.extraRightPadding{
		padding-right:30px;
	}
	.bodyHalfImage{
		margin-bottom:0px;
	}
	.backgroundTriangles{
		min-height:465px;
	}
	
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}




/* --------------------------------------------------
MENU NAVBAR
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */
	.headerSpacer{
		height:60px;
		background-color:#ff00ff;
	}
	.navbar-brand{
		float:none;
	}
	.navbar-brand img{
		height:60px;
		padding:5px 0px;
	}
	.menuDropdownBox{
		background-color:#036aab;
	}
	.navbar-toggler {
		float:right;
	}
	.navbar{
		padding:0px;
		/*box-shadow: 0px 3px 4px rgba(0,0,0,0.15);*/
	}
	.scrollShadow{
		box-shadow: 0px 3px 4px rgba(0,0,0,0.05);
	}
	.nav-link{
		color:#ffffff !important;
		border-bottom:1px solid #008bd1;
		padding:7px 0px 7px 0px;
	}
	.nav-link-first{
		border-bottom:0px solid #ffffff;
	}
	.nav-link:hover{
		color:#00cfff !important;
		text-decoration:none;
	}
	.nav-link:focus{

		text-decoration:none;
	}
	.dropdown-menu{
		padding:0px;
		padding-left:23px;
		border-radius:0px;
		font-size:inherit !important;
		line-height:120%;
		border:0px;
		box-shadow: 0px 3px 4px rgba(0,0,0,0.15);
	}
	.navbar-toggler{
			margin-top:10px; margin-bottom:10px;
	}

	.navbar-toggler:focus,
	.navbar-toggler:active,
	.navbar-toggler-icon:focus {
		outline: none;
		box-shadow: none;
	}

	.dropdown-item{
		white-space: normal;
		color:#ffffff;
		float: left;
		width: 100%;
		height: auto;
		word-wrap: break-word;
		padding:7px 0px 7px 0px;
		border-bottom:1px solid #008bd1;
	}
	.dropdown-item:hover{
		background-color:transparent;
		color:#00cfff !important;
		text-decoration:none;
	}
	.navbar-nav{
			padding-bottom:5px;
	}
	
	.dropdown-toggle::before {
	  border: none!important;
	  position:relative;
	  top:-3px!important;
      font: normal normal normal 10px/1 FontAwesome;
	  content: "\f078" !important; /* the desired FontAwesome icon */
	  margin-left:7px;
	  margin-right:7px;
	  vertical-align: 0; /* to center vertically */
	}
	.dropdown-toggle::after {
	  border: none!important;
	  content: none !important; /* the desired FontAwesome icon */
	  vertical-align: 0; /* to center vertically */
	}
	.headerSecondMenu{
		position:absolute; top:10px; right:0px; line-height:30px; height:30px;
	}
	.navbar-collapse{
		position:relative !important;
	}
	.languageSelect{
		display:inline-block; width:110px;padding:2px 2px 2px 5px; cursor:pointer;border-radius:2px; border:1px solid #cccccc;
	}
	.form-reasonDropdown{
		padding:8px;
		width:100%;
		border-radius:6px;
		cursor:pointer;
		border-color:#dddddd;
	}
	

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}


/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}

/* MENU BREAK */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	.headerSpacer{
		height:93px;
		background-color:#ff00ff;
	}
	.navbar-brand{
		float:left;
		padding:0px;
	}
	.navbar-brand img{
		height:93px;
		padding:6px 0px;
	}
	
	.menuDropdownBox{
		background-color:#ffffff;
	}
	/* show dropdown menu on hover */
	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
	}
	.dropdown-menu{
		padding-left:0px;
	}
	.dropdown-menu-right {
	   right: 0 !important;
	   left: auto !important;
	}
	.dropdown-menu li{
		max-width:320px;
		min-width:270px;
	}

	.dropdown-item{
		padding: 10px 10px;
		background-color:#ffffff;
		color:#000000;
		border-top:1px solid #cccccc;
		border-bottom:0px solid #cccccc;
	}
	.dropdown-item:hover{
		background-color:#f4f4f4;
		color:#000000 !important;
		text-decoration:underline;
	}
	.navbar-nav{
		margin-top:40px; /*SAME HEIGHT AS TOPROW*/
		padding-bottom:0px;
	}
	.nav-link{
		border-bottom:0px solid #cccccc;
		padding-top:14px;
		padding-bottom:15px;
		padding-left:8px !important;
		padding-right:8px !important;
		color:#000000 !important;
	}
	.nav-link:hover{
		color:#000000 !important;
		text-decoration:underline;
	}
	
	.nav-link:focus{
		color:#000000 !important;
	}
	
	
	.dropdown-toggle::before {
	  border: none!important;
	  margin-left:0px;
	  margin-right:0px;
	  font-family: "Font Awesome 5 Free";
	  content: none !important; /* the desired FontAwesome icon */
	  vertical-align: 0; /* to center vertically */
	}
	.dropdown-toggle::after {
	  border: none!important;
	  margin-left:6px;
	  margin-right:0px;
	  position:relative;
	  top:-3px!important;
      font: normal normal normal 12px/1 FontAwesome;
	  content: "\f078" !important; /* the desired FontAwesome icon */
	  vertical-align: 0; /* to center vertically */
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.nav-link{
		padding-left:15px !important;
		padding-right:15px !important;

	}
}



/* --------------------------------------------------
FOOTER
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */
	.globalFooter{
		background-color:#036aab;
		color:#ffffff;
	}
	.globalFooter a{
		color:#ffffff;
	}
	.globalFooter a:hover{
		color:#00cfff;
	}
	.indentLine{
		margin-left:20px;
		display:inline-block;
	}
	.footerIcons{
		text-align:left;
	}
	.footerIcons img{
		width:11%;
		max-width:45px;
	}
	.badgeRow{
		background-color:#014e82;
		margin-top:40px;
	}
	.badgeRowContainer{
		margin-bottom:-8px;
		margin-top:-8px;
	}
	.badgeRowContainer img{
		height:55px;
		max-width:180px;
	}
	.footerHumming{
		margin-top:-24px;
		height:70px !important; 
		max-width:320px !important; 
	}
	
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.footerIcons{
		text-align:right;
	}
	.badgeRow{
		background-color:#014e82;
		margin-top:75px;
		padding:0px;
	}
	.badgeRowContainer{
		margin-bottom:-15px;
		margin-top:-15px;
		padding:0px;
	}
	.badgeRowContainer img{
		height:110px;
		max-width:180px;
	}
	.footerHumming{
		margin-top:-51px;
		height:144px !important; 
		max-width:320px !important; 
	}
}

/* MENU BREAK */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	/*
	.badgeRowContainer{
		margin-bottom:-20px;
		margin-top:-20px;
	}
	.badgeRowContainer img{
		height:140px;
		max-width:180px;
	}
	.footerHumming{
		margin-top:-38px;
		height:170px !important; 
		max-width:320px !important; 
	}
	*/
}












/* --------------------------------------------------
CAROUSEL
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */
	.carousel-control-prev-icon {
	 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300b1e2' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
	}

	.carousel-control-next-icon {
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300b1e2' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
	}
	.carousel {
	  margin-top: 0px;
	}
	.carousel-caption {
	  bottom: 3rem;
	  z-index: 10;
	}
	.carousel-item-min {
		min-height:250px;
	}
	.subPageHeader{
		background-color:#036aab;
		color:#ffffff;
	}
	.subPageHeaderSubtitle{
		display:block; margin-top:7px;
	}
	.subPageHeaderTitleBox{
		padding-left:0px;
	}
	.subPageHeaderTitleBoxTempPadding{
		padding-top:00px;
	}
	.subPageHeader .overlapPull{
			margin-bottom: 0px;
	}
	.subPageHeader .overlapPush{
			margin-bottom: 0px;
	}
	.carouselImageBox{
		padding-top:10px;
		padding-bottom:10px;
		text-align:center;
	}
	.carouselImageBox img{
		width:80%;
		margin-bottom:20px;
	}
	.carouselTextBox{
		text-align:center;
		color:#ffffff;
	}
	.blueWave{
		background-color:#036aab; 
		background-repeat:no-repeat; 
		background-size:100% auto; 
		color:#ffffff;
	}
	.wavePush{
		padding-top:380px;
	}
	.wavePull{
		margin-bottom:-380px;
	}
	.partnerBackground{
		background-image:url(../jpg/homepagepartnersc20a.jpg);
		background-position: center center; 
		background-color:#cccccc; 
		background-repeat:no-repeat;
	}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}

/* MENU BREAK */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.carousel-item-min {
		min-height:500px;
	}
	.subPageHeader .overlapPull{
			margin-bottom: -60px;
	}
	.subPageHeader .overlapPush{
			margin-bottom: 60px;
	}
	.subPageHeaderTitleBox{
		padding-left:20px;
	}
	.subPageHeaderTitleBoxTempPadding{
		padding-top:100px;
	}
	.carouselImageBox img{
		width:100%;
		margin-bottom:0px;
	}
	.carouselTextBox{
		text-align:left;
		color:#000000;
	}
	.wavePush{
		padding-top:150px;
	}
	.wavePull{
		margin-bottom:-150px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.wavePush{
		padding-top:170px;
	}
	.wavePull{
		margin-bottom:-170px;
	}
}





/* --------------------------------------------------
FONTS
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */
	body{
		font-family: 'Roboto', sans-serif;
		font-size:14px;
		line-height:140%;
	}
	.fontSmall{
		 font-size:14px;
		line-height:140%;
	}
	.fontBig{
		font-size:14px;
		line-height:140%;
	}
	.titleBig, .titleXBig{
		font-size:30px;
		line-height:100%;
		letter-spacing: -0.02em;
	}
	.titleBigTrending{
		font-weight:bold;
	}
	.titleMedium{
		font-size:21px;
		line-height:100%;
	}
	.fontGrey{
		color:#cccccc;
	}
	.fontDarkGrey{
		color:#8f8f8f;
	}
	a{
		text-decoration:underline;
		color:#036aab;
	}
	a:hover{
		text-decoration:underline;
		color:#ff0000;
	}
	ul, ol{
		margin-bottom:0px;
	}
	h1, h2, h3, h4, h5{
		margin:0px;
		position:inline;
		font-size:inherit !important;
		font-weight:inherit !important;
		line-height:inherit !important;
	}
	.fontTeal{
		color:#47a9a6;
	}
	.fontBlue{
		color:#014f82;
	}
	.fontPink{
		color:#f26b6c;
	}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}

/* MENU BREAK */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.titleXBig{
		font-size:35px;
		line-height:100%;
	}
	.titleBig{
		font-size:35px;
		line-height:100%;
	}
	.titleMedium{
		font-size:23px;
		line-height:100%;
	}
	body{
		font-size:17px;
		line-height:140%;
	}
	.fontSmall{
		 font-size:15px;
		line-height:140%;
	}
	.fontBig{
		font-size:20px;
		line-height:140%;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
	.titleXBig{
		font-size:46px;
		line-height:100%;
	}
	.titleBig{
		font-size:40px;
		line-height:100%;
	}
	.titleMedium{
		font-size:26px;
		line-height:100%;
	}
	body{
		font-size:17px;
		line-height:140%;
	}
	.fontSmall{
		 font-size:15px;
		line-height:140%;
	}
	.fontBig{
		font-size:20px;
		line-height:140%;
	}
}





/* --------------------------------------------------
BUTTONS
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */
	.pinkButton{
		font-weight:bold;
		color:#ffffff;
		background-color:#f26b6c;
		border-radius:50px;
		border:0px;
		text-decoration:none;
		display:inline-block;
		line-height:50px;
		padding:0px 40px;
		width:100%;
		text-align:center;
	}
	.pinkButton:hover{
		color:#ffffff;
		background-color:#db475c;
	}
	.blueButton{
		font-weight:bold;
		color:#ffffff;
		background-color:#036aab;
		border-radius:50px;
		border:0px;
		text-decoration:none;
		display:inline-block;
		line-height:50px;
		padding:0px 40px;
		width:100%;
		text-align:center;
	}
	.blueButton:hover{
		color:#ffffff;
		background-color:#014e82;
	}
	.tealButton{
		font-weight:bold;
		color:#ffffff;
		background-color:#47a9a6;
		border-radius:50px;
		border:0px;
		text-decoration:none;
		display:inline-block;
		line-height:50px;
		padding:0px 40px;
		width:100%;
		text-align:center;
	}
	.tealButton:hover{
		color:#ffffff;
		background-color:#30918c;
	}
	.whiteOutlineButton{
		font-weight:bold;
		color:#ffffff;
		background-color:transparent;
		border-radius:50px;
		text-decoration:none;
		display:inline-block;
		line-height:44px;
		padding:0px 40px;
		border:3px solid #ffffff;
		width:100%;
		text-align:center;
		
	}
	.whiteOutlineButton:hover{
		color:#ffffff;
		text-decoration:underline;
	}
	.blueOutlineButton{
		font-weight:bold;
		color:#036aab;
		background-color:#ffffff;
		border-radius:50px;
		text-decoration:none;
		display:inline-block;
		line-height:44px;
		padding:0px 40px;
		border:3px solid #036aab;
		width:100%;
		text-align:center;
		
	}
	.blueOutlineButton:hover{
		color:#ff0000;
		border:3px solid #ff0000;
		text-decoration:underline;
	}
	.buttonMinorSpaceTop{
		margin-top:15px;
	}
	.buttonTypePadding{
		padding-top:0px !important;
		padding-bottom:0px !important;
	}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.pinkButton, .tealButton, .blueButton{
		line-height:55px;
		padding:0px 60px;
		width:auto;
	}
	.whiteOutlineButton, .blueOutlineButton{
		line-height:55px;
		padding:0px 60px;
		width:auto;
	}
}

/* MENU BREAK */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}









/* --------------------------------------------------
GENERIC BODY PARTS
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */
	.iconRow6{
		padding-bottom:20px;
	}
	.iconRow6 img{
		width:100%;
	}
	.tealBox{
		border-radius:14px;
		color:#ffffff;
		background-color:#47a9a6;
		padding-left:20px;
		padding-right:20px;
		text-align:center;
		margin-bottom:40px;
	}
	.tealBox a{
		color:#ffffff;
	}
	.tealBoxIcon img{
		width:100%;
		max-width:160px;
	}
	.tealContactBoxLeft, .tealContactBoxRight{
		text-align:center;
		padding-left:20px;
		padding-right:20px;
	}
	.tealContactBoxRight .whiteOutlineButton{
			display:inline-block; padding-top:0px; padding-bottom:0px;
			margin-top:10px;
	}
	.dashTitle{
		border-top:3px dashed #036aab;
		border-bottom:3px dashed #036aab;
		text-align:center;
		
	}
	.dashTitleArrowHolder{
		margin-top:-15px; margin-bottom:-30px; 
	}
	.dashTitleArrow{
		background-color:#036aab; margin: auto; diplay:block-inline; width:60px; line-height:60px; font-size:36px; border-radius:30px; color:#ffffff;
	}
	.eventsContainer .row{
		border-bottom:1px solid #cccccc;
		padding-top:20px;
		padding-bottom:20px;
	}
	.eventsContainer .titleRow{
		visibility:hidden;
		height:0px;
		padding:0px;
		font-weight:normal;
	}
	.eventsContainer .row div{
		text-align:left;
	}
	.eventsContainer .row div:first-child{
		font-weight:bold;
	}
	.visibleMDBox{
		display: block;
	}
	.visibleMDBox2{
		display: none;
	}
	.teamAccordianBox{
		position:relative;
		margin-bottom:0px;
	}
	.teamAccordianBox .teamAccordianBoxInner{
		padding-bottom:100px;
		padding-top:30px;
		text-align:center;
		height:100%;
		position:relative;
		color:#ffffff;
	}
	.whiteShadowBox{
		background-color:#ffffff;
		border-radius:14px;
		box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
	}
	.teamAccordianBoxInnerGrey{
		padding:0px 20px;
		color:#000000 !important;
	}
	.teamAccordianBoxInnerGrey .titleMedium{
			margin-bottom:5px;
	}
	.teamAccordianBox img, .googleTestBox img{
		width:60%;
		max-width:180px;
		margin-bottom:20px;
	}
	.teamAccordianBox .tealButton, .teamAccordianBox .pinkButton, .trendingGridBox .pinkButton{
		position:absolute;
		display:block;
		bottom:30px;
		padding-left:0px;
		padding-right:0px;
		width:70%;
		left:15%;
	}
	.teamAccordianBoxPadding{
		padding:0px 20px;
	}
	

	.trendingGridBox {
		text-align:center;
		padding-right:12px;
		padding-left:12px;
		padding-bottom:110px;
		position:relative !important;
	}
	.trendingGridBoxRowPaddingBottom{
		padding-bottom:30px;
		text-align:left;
	}
	.trendingGridBox .titleMedium{
		padding-bottom:12px !important;
	}
	.trendingGridBox img{
		width:100%;
		border-radius:14px;
		margin-bottom:20px;
	}

	.trendingGridBoxRow .trendingGridBox{
		border-right:0px solid #cccccc;
	}
	.trendingGridBoxRow .trendingGridBox:last-child{
		border-right:0px solid #cccccc;
	}
	
	
	.partnerBox{
		margin-bottom:25px;
	}
	.partnerLogo{
		padding:8px;
	}
	.partnerLogo img{
		width:100%;
		max-width: 236px;
	}

	.redStar{
		font-weight:bold;
		color:#ff0000;
	}
	.form-group{
		padding-bottom:10px;
	}
	.englishSpanishTabs .nav-item{
		float:Right;
		text-align:right;
	}
	.englishSpanishTabs .nav-item .nav-link{
		padding:20px 30px !important;
		background-color:#dddddd;
		margin-right:10px;
		color:#000000 !important;
		border-radius: 14px 14px 0px 0px;
	}
	.englishSpanishTabs .nav-item .nav-link.active{
		background-color:#ffffff;
	}
	.tab-content{
		padding: 30px 20px;
		background-color:#ffffff;
		border-left:1px solid #dddddd;
		border-right:1px solid #dddddd;
		border-bottom:1px solid #dddddd;
	}
	
	.benefitsAccordionDesign, .accordion-item{
		background-color:transparent;
		border:0px;
	}
	.benefitsAccordionDesign button{
		padding:10px 0px;
		border:0px;
		border-top:1px solid #aaaaaa;
		border-radius:0px !important;
		background-color:transparent !important;
		font-size:inherit !important;
		color:#096bab;
		box-shadow: none !important;
	}
	.benefitsAccordionDesign button span{
		text-decoration:underline;
		margin-left:30px;
	}
	.benefitsAccordionDesign button:hover{
		color:#ff0000;
	}
	.benefitsAccordionDesign button:selected{
		color:#096bab;
		z-index:0;
	}
	.benefitsAccordionDesign button:focus {
		box-shadow: none !important;
		border-top:1px solid #aaaaaa;
		color:#096bab;
		z-index:0;
	}
	.benefitsAccordionDesign button:after {
		order: -1;
		margin-left: 0; 
		margin-right:0.5em;
		position:absolute;
		top:11px;
		font-size: inherit !important;
		font-size: 110% !important;
		color:#096bab !important;
	}
		/* Custom style */
	.benefitsAccordionDesign button::after {
		content: '[+]';
		background-image:none;
		transform: scale(.7) !important;
		white-space: nowrap !important;
		width:30px !important; height:30px !important;
	}
	.benefitsAccordionDesign button:not(.collapsed)::after {
		content: '[–]';
		background-image:none;
		transform: scale(.7) !important;
		white-space: nowrap !important;
		width:30px !important; height:30px !important;
	}
	.benefitsAccordionDesign .accordion-body{
		padding-top:0px !important;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.accordion-body{
		padding-bottom:10px;
	}
	.trendingMainArticleBox img{
		width:100%;
		border-radius:14px; 
		margin-bottom: 20px;
	}
	.trendingMainArticleBox{
		padding: 0px 20px;
	}
	.blogImageRight{
		float: right;
		width:100%;
		max-width:auto;
		margin-left:0px;
		margin-bottom:20px;
	}
	.blogImageLeft{
		float: left;
		width:100%;
		max-width:auto;
		margin-right:0px;
		margin-bottom:20px;
	}
	.size-full{
		width:auto;
		max-width:100%;
	}
	.fcraTableRowBlack{
		border-top:1px solid #000000;
		padding-top: 10px;
	}
	.fcraTableRowGrey{
		border-top:1px solid #cccccc;
		padding-top: 10px;
	}
	.fcraTableCol{
		padding-bottom: 10px;
	}
	.registerTable{
		border-top:1px solid #cccccc;
		padding:20px 0px;
	}
	.registerTable img{
		width:78px;
		float:left;
		margin-right:20px;
	}
	.uberBox{
		padding:20px;
		height:100%;
	}
	.uberBox img{
		width:80%;
		max-width:220px;
	}
	.googleMap iframe{
		width:100%; height:100%; min-height:350px;
		margin-bottom:20px;
	}
	.googleMap{
		padding-bottom:20px;
	}
	.officeBoxHolder .officeBox1{
		padding: 30px 0px;
		border-left:1px solid #ffffff;
		border-top:0px solid #ffffff;
	}
	.officeBoxHolder .officeBox2{
		padding: 30px 0px;
		border-left:0px solid #ffffff;
		border-top:1px solid #ffffff;
	}
	.officeBoxHolder .officeBox3{
		padding: 30px 0px;
		border-left:1px solid #ffffff;
		border-top:1px solid #ffffff;
	}
	
	.orderCenterLoginBox{
		padding:0px 20px 20px 20px;
		margin-top:60px;
		color:#000000;
		text-align:center;
	}
	.orderCenterLoginBoxImage{
		margin-top:-60px;
		width:60%;
		max-width:200px;
	}
	.orderCenterLoginBox .blueButton, .orderCenterLoginBox .tealButton, .orderCenterLoginBox .pinkButton, .googleTestBox .tealButton{
		padding-left:0px;
		padding-right:0px;
		width:100%;
		max-width:330px;
		margin-bottom:10px;
		
	}
	.sloganLineTop{
		border-top:1px solid #ffffff;
		margin-top:40px;
		text-align:center;
	}
	.googlebar{
		text-align:center;
	}
	.googlebar img{
		width:80%;
		max-width:320px;
	}
	.buttonIcon{
		position:relative;
		margin-right:6px;
		height:25px;
		top:-2px;
	}
	.servicesBox{
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
	}
	.servicesBox img{
		width:80%;
		max-width:220px;
		margin-bottom:8px;
	}
	.servicesBox1{
		border-left:0px solid #cccccc;
	}
	.servicesBox2{
		border-left:1px solid #cccccc;
	}
	.servicesBox3{
		border-left:0px solid #cccccc;
	}
	.servicesBox4{
		border-left:1px solid #cccccc;
	}
	.hummingBirdBox{
		position:relative;
		
	}
	.hummingBirdBox img{
		width:60%;
		max-width:280px;
		position:static;
		top:0px;
		right:0px;
		margin-bottom:-25px;
	}
	.hummingBirdBoxText{
		text-align:left;
	}
	.hummingBirdTealBox{
		margin-bottom:0px;
	}
	
	.badgeBox{
		text-align:center;
	}
	.badgeBox img{
		width:60%;
		max-width:200px;
		margin-bottom:20px;
	}
	.badgeBoxText{
		text-align:center;
	}
	.googleTestBox{
		padding:20px;
		height:100% !important;
		text-align:center;
	}
	.googleContainer, .googleRow{
			height:100%;
	}
	.googleTestBoxOuter{
		margin-bottom:20px !important;
	}
	.googleTestBox .avatar{
		width:60%;
		max-width:180px;
		margin-bottom:10px;
	}
	.googleTestBox .stars{
		width:60%;
		max-width:180px;
	}
	.googleTestBox .stars2{
		width:80%;
		max-width:280px;
		margin-top:10px;
	}
	.googleTestRow{
		background-color:#b3dec9; margin-bottom:100px;
	}
	.googleTestPull{
		margin-bottom:-100px;padding-bottom:5px;
	}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

	
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	.tealBox{
		text-align:left;
	}
	.tealBoxIcon img{
		width:100%;
		max-width:250px;
	}
	.eventsContainer .titleRow{
		visibility:visible;
		padding-top:20px;
		padding-bottom:20px;
		height:auto;
	}
	.eventsContainer .row div{
		text-align:center;
	}
	.eventsContainer .row div:first-child{
		text-align:left;
		font-weight:normal;
	}
	.visibleMDBox{
		display: none;
	}
	.visibleMDBox2{
		display: block;
	}
	.partnerLogo{
		padding:10px;
	}
	.partnerBox{
		margin-bottom:40px;
	}
	.form-group{
		padding-bottom:20px;
	}
	
	.englishSpanishTabs .nav-item .nav-link{
		padding:20px 40px !important;
	}
	.tab-content{
		padding: 50px 30px;
	}
	.trendingGridBox {
		padding-right:20px;
		padding-left:20px;
	}
	.trendingGridBoxRow .trendingGridBox{
		border-right:1px solid #cccccc;
	}
	.trendingGridBoxRow .trendingGridBox:last-child{
		border-right:0px solid #cccccc;
	}
	.blogImageLeft{
		width:25%;
		max-width:400px;
		margin-right:20px;
		border-radius:14px;
	}
	.blogImageRight{
		width:25%;
		max-width:400px;
		margin-left:20px;
		border-radius:14px;
	}

	.officeBoxHolder .officeBox1{
		padding: 10px 0px;
		border-left:1px solid #ffffff;
		border-top:0px solid #ffffff;
	}
	.officeBoxHolder .officeBox2{
		padding: 10px 0px;
		border-left:1px solid #ffffff;
		border-top:0px solid #ffffff;
	}
	.officeBoxHolder .officeBox3{
		padding: 10px 0px;
		border-left:1px solid #ffffff;
		border-top:0px solid #ffffff;
	}
	.servicesBox1{
		border-left:0px solid #cccccc;
	}
	.servicesBox2{
		border-left:1px solid #cccccc;
	}
	.servicesBox3{
		border-left:1px solid #cccccc;
	}
	.servicesBox4{
		border-left:1px solid #cccccc;
	}
	.hummingBirdBox img{
		width:280px;
		position:absolute;
		top:-40px;
		right:10px;
	}
	.hummingBirdTealBox{
		margin-bottom:40px;
	}
	.badgeBox img{
		width:100%;
		max-width:400px;
		margin-bottom:0px;
	}
	.badgeBoxText{
		text-align:left;
	}
	.compareTableLeft{
		padding-right:0px !important;
	}
	.compareTableRight{
		padding-left:0px !important;
	}
}

/* MENU BREAK */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 


	.tealContactBoxLeft{
		text-align:left;
		padding-left:30px;
		padding-right:00px;
	}
	.tealContactBoxRight{
		text-align:right;
		padding-left:00px;
		padding-right:30px;
	}
	.tealContactBoxRight .whiteOutlineButton{
			display:inline; padding-top:15px; padding-bottom:15px;
			margin-top:0px;
	}

	.teamAccordianBox .teamAccordianBoxInner{
		padding-bottom:110px;
	}
	.trendingMainArticleBox img{
		margin-bottom: 0px;
	}
	.trendingMainArticleBox{
		padding: 0px 40px;
	}
	.registerTable{
		padding:30px 0px;
	}
	.googleMap{
		padding-bottom:0px;
	}
	.sloganLineTop{
		border-top:0px solid #ffffff;
		margin-top:0px;
		text-align:left;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

	.uberBox{
		padding:40px;
	}
	.googleTestBox{
		padding:40px;
	}
}


































/* --------------------------------------------------
BREAKPOINTS TEMPLATE
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}

/* MENU BREAK */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}












/* --------------------------------------------------
BREAKPOINTS TEMPLATE
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) - No media query since this is the default in Bootstrap because it is "mobile first" */


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}

/* MENU BREAK */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  

}