/* FONT AND COLOR REFERENCE
font-family: 'Roboto Slab', serif;
font-weight: 100 (thin), 300 (light). 400 (normal). 700 (bold)

font-family: 'Open Sans', sans-serif;
font-weight: 300 (light/italic). 400 (normal/italic), 600 (semibold/italic, 700 (bold/italic), 800 (extrabold/italic)

yellow: #fcbc3f
green: #6bad4e
*/

/* -----------Global Styles----------- */
.padding {padding: 40px 0;}
.padding-extra {padding: 80px 0;}
.padding_before {padding: 40px 0 0 0;}
.padding_after {padding: 0 0 40px 0;}
.bold {font-weight: 700;}
a {color: #000;}
a:hover {color: #6bad4e;}
.center {text-align:center;}
dt {margin-bottom:0 !important;}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
   
  }

}

.rollover_img{
	width:30%;
}
.round {border-radius:5px}

/* -----------SVG ----------- */

.svg-container {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
/*padding-bottom: 100%;*/
vertical-align: middle;
overflow: hidden;
}
.csslider2{
	margin-top:0px;
}
#wheel {
   width:400px;
   height:400px;
}
.svg-content {
display: inline-block;
position: absolute;
top: 0;
left: 0;
}


/* -----------Text Styling----------- */

body, p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

h1 {
font-family: 'Roboto Slab', serif;
font-weight: 400;
line-height: 1.2;
}

h2 {
	text-align: center;
	font-family: 'Roboto Slab', serif;
	font-weight: 100;
	}
	
h3 {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 25px;
}

h4, h5 {
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
}

span.underline {
	border-bottom: 1px solid #fabb4c;
}

.white {color: white;}
a.white:hover {color: black;}

/* -----------Top Nav - Desktop----------- */

.navigation a {
	font-family: 'Roboto Slab', serif;
	color: #000;
	font-size: 14px;
}

.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
	color: #000;
}

.sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover {
	color: #6bad4e;
}

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
	background: #fff;
	color: #6bad4e;
	font-weight: 700;
}

.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
	background: #fff;
	color: #6bad4e;
}

.navigation {
	position: fixed;
	top: 0;
	z-index:1000;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.08);
}

.magellan-container {
z-index: 5000;
}

dd.padtop {padding-top: 5px;}

.sub-nav dd div.reportwrap a {padding: 0;}

.reportwrap {
	margin-top: -27px;
	background-color: #fcbc3f;
	padding: 12px 5px 6px 5px;
	width: 120px;
	text-align: center;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.08);
	z-index:50;
	margin-bottom: -30px;
}

.sub-nav{
    margin: 0 auto 0 auto !important;
	text-align:center; /* Miles: make sure to remove the float off children so that it centers*/
    width: -webkit-fit-content;
       width: -moz-fit-content;
            width: fit-content;
    }

.magellan-nav {
  right: 0;
}

.reportwrap .sub-nav dt a, .reportwrap .sub-nav dd a, .reportwrap .sub-nav li a{
	color: #fff;
}

.sub-nav dt, .sub-nav dd, .sub-nav li{
	float:none;
	display:inline-block;
	vertical-align:middle;
}

dd.nav-logo {margin-left:0;}

.sub-nav {overflow: visible;}

/* -----------Top Nav - Tablet/Mobile ----------- */
.top-bar {
	background: #fff;
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.08);
	}

top-bar-section {
	text-align: center;
}

.top-bar-section li:not(.has-form) a:not(.button) {
	background: #fff;
	color: #000;
	font-family: 'Roboto Slab', serif;
	font-size: 13px;
}

.top-bar .toggle-topbar.menu-icon a {
	color:#000;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
	color:#fcbc3f;
	background: #fff;
}

.top-bar .toggle-topbar.menu-icon a span::after {
	box-shadow: 0 0px 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;
}

.top-bar.expanded .title-area {
	background: #fff;
}

/*.top-bar .title-area {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}*/

.top-bar-section ul li {
	background: #fff;
}

.contain-to-grid {
	background: #fff;
}

.top-bar-section ul.left li.yellow-nav a{
	background: #fcbc3f;
	color: #fff;
	margin: 3px 0 0 0;
}

.top-bar-section ul.left li.yellow-nav img{
vertical-align: middle;
padding-bottom: 4px;
}

.top-bar-section ul.left li.yellow-nav a:hover {
	color:#000;
	background: #fcbc3f;
}

/* -----------Reveal Modal (desktop)----------- */
#myModal {
	padding: 2% 10% 5% 10%;
}

#myModal img{
	text-align: center;
}

#myModal h2 {
	color: #fcbc3f;
	font-weight: 400;
}

.yellow-left {
	float: left;
	width: 49%;
	background-color: #fcbc3f; 
	padding: 15px 45px 0 45px;
	margin-bottom: 20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.yellow-right {
	float: right;
	width: 49%;
	background-color: #fcbc3f; 
	padding: 15px 45px 0 45px;
	margin-bottom: 20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.yellow-left p, .yellow-right p {
	line-height: 24px;
}

p.lead {
	font-size: 18px;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;}

	
/* -----------Reveal Modal2 (tablet/mobile)----------- */

.yellow-box {
	background-color: #fcbc3f;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 15px 15px 1px 15px;
	margin-bottom: 10px;
}
	

/* -----------Orbit Slider----------- */
.slider {
	padding-top:60px;
	margin-bottom: -50px;
}

.csslider2 > .cs_bullets {
bottom: 5px;
margin-bottom: -45px;
}

.orbit-slide-number, .orbit-timer, .orbit-next, .orbit-prev {
	display: none;
}

.slider-text-desktop {
	pointer-events:none;
	position: absolute;
	margin: 0 auto;
	z-index: 20;
	padding-right: 20px;
	padding-top: 10%;
}

.slider-text-desktop p {
	font-size:18px;
}

.slider-text-tablet {
	pointer-events:none;
	position: absolute;
	margin: 0 auto;
	z-index: 20;
	padding-right: 20px;
	padding-top: 6%;
}

.slider-text-desktop, .slider-text-desktop h1, .slider-text-desktop h3, .slider-text-tablet, .slider-text-tablet h1, .slider-text-tablet h3 {
	color: #fff;
}

.slider-text-tablet h1 {
	font-size: 200%;
}

.slider-text-tablet h3 {
	font-size: 17px;
}

.slider-text-tablet p {
	font-size: 100%;
}

span.end-ribbon {
  display: inline-block;
  color: #fff;
  margin: 5px 0;
  position: relative;
  padding: 0 20px;
  line-height: 50px;
}

span.end-ribbon:after {
  content: "";
  border-style: solid;
  border-width: 0;
  height: 0;
  position: absolute;
  width: 0;
}

span.end-ribbon {
  background-color: #904189;
}

span.end-ribbon:after {
  border-width: 26px 26px 25px 0;
}

span.end-ribbon:after {
  border-color: #904189 transparent;
  right: -24px;
}

.orbit-bullets li {
	width: 0.8rem;
	height: 0.8rem;
	margin-right: 12px;
}

.orbit-bullets li.active {
	background: #fcbc3f;
}

.mobile-hero {padding-top: 20px;}



/* -----------Slider Text Adjustments----------- */
@media only screen and (max-width: 850px) {
	.slider-text-tablet h1 {
		font-size: 130%;
	}
	
	.slider-text-tablet {
		padding-top: 0
	}
	
	.slider-text-tablet p{
		font-size: 100%;
	}
	
	.padding_before{
		padding: 20px 0 0 0;
	} 
	
}	

/* -----------How We Help----------- */


.icon_row h3 {
 font-family: 'Roboto Slab', serif;
 font-weight: 400;
 text-transform: uppercase;
 padding-top: 5%;	
}

a.partnerlink {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #fcbc3f;
}

a.partnerlink:hover {
color: #fcbc3f;
}

/* -----------About----------- */
.about_wrap {
	width:100%;
	z-index:-999;
	background: #6bad4e url('../img/about_bg.jpg') no-repeat center 0;
	color: #fff;
	margin:0;
	padding:0;
	}

.dotted_green_top {
	height: 18px;
	background-color: #6bad4e;
	border-bottom: 1px dashed white;}

.dotted_green_bottom{
	height: 18px;
	background-color: #6bad4e;
	border-top: 1px dashed white;}	

.about .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
	background: #6bad4e;
}

.about .accordion .accordion-navigation.active > a, .about .accordion dd.active > a {
	background: #6bad4e;
	color: #fff;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	display: none;
}

.about .accordion .accordion-navigation > a, .about .accordion dd > a {
	background: #6bad4e;
	color: #fff;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.about .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
	background: #6bad4e;
}


#about-more .accordion-navigation > .content, #about-more  dd > .content {
	padding: 0 0;
}
.about .ellies-logo {
	float: right;
	max-width: 250px;
	min-height: 302px;
	border: 10px solid #8cc872;
}
.about hr {
	border-top: 1px solid #4d9a26;
}
.about .ellies-para {
	float: left;
	width: 65%;
}

/* -----------Who We Are----------- */

h5.download {
	font-weight: 700;
	font-size: 12px;
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
}

ul.pamphlet  {padding-left: 0; margin-left: 0; padding-bottom: 10px;}

ul.pamphlet li {list-style-type: none; float: left; padding-right: 10px;}	
/*ul.pamphlet li.space {padding-left: 15px;}*/
ul.pamphlet li a {color: #000; text-decoration: underline; font-size: 14px;}
ul.pamphlet li a:hover {color:#6bad4e;}


#layerLaw,
#layerLegal,
#layerChildAdvo,
#layerMedical,
#layerChildInter,
#layerKing,
#layerMent
{
	cursor:pointer;
	
}

/* -----------Who We Are Wheel Adjustments on mobile----------- */
@media only screen and (max-width: 600px) {
.rollover_img {
	width: 120px;
	margin-top: -20px;
}

.wheel-text {
	margin-top: -35px;
}

.svg-container { 
	margin-top:-25px;
}


}
	
/* -----------Partner Services - Desktop Tabs----------- */

.partner_wrap {
	width:100%;
	background: url('../img/partner_gears.png') no-repeat center 0;
	background-color: #fcbc3f;
	margin:0;
	padding:0;
	}
	
.tabs dd.active a, .tabs .tab-title.active a {
	background-color: #fdca3f;
	padding-right: 66px;
}

.tabs dd.active a img, .tabs .tab-title.active a img{
	display: none;
}

.tabs dd > a:hover, .tabs .tab-title > a:hover {
	background-color: #fdca3f;
}

.tabs dd {border-bottom: 1px solid #fff;}

.tabs dd > a, .tabs .tab-title > a {
	background-color: #fcbc3f;
	text-align: right;
}

.tabs dd > a::after, .tabs .tab-title > a::after {
	background: url('../img/partner_arrow_2x.png') no-repeat right;
	width: 34px;
	height: auto;
}

.tabs.vertical {
	max-width: 45%;
	width: 45%;
}

.tabs a {font-weight: 700;}

.tabs-content {	
	background-color: #fdca3f;
}

.tabs-content a {
	color: #000;
	text-decoration: underline;
}


.tabs-content > .content.active {
padding-left: 48%;
/*border-left: 437px solid #fcbc3f;
padding-left: 20px;*/}

.dotted_yellow_top {
	height: 18px;
	background-color: #fcbc3f;
	border-bottom: 1px dashed white;}

.dotted_yellow_bottom{
	height: 18px;
	background-color: #fcbc3f;
	border-top: 1px dashed white;}
	


/* -----------Partner Services - Mobile Accordian----------- */

.partner_wrap_mobile {
	width:100%;
	background-color: #fcbc3f;
	margin:0;
	padding:0;
	}

.partner_wrap_mobile .accordion .accordion-navigation > a, .partner_wrap_mobile .accordion dd > a {
	background-color: #fdca3f;
}

.partner_wrap_mobile .accordion .accordion-navigation > a {
	border-bottom:1px solid #fff;
}

/* -----------FAQs----------- */

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover{
	background-color: #fff;
}

.accordion .accordion-navigation > a, .accordion dd > a {
		background-color: #fff;
		color: #000;
		font-family: 'Roboto Slab', serif;
		font-weight: 700;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
		background-color: #fff;
		color: #fcbc3f;
}

.accordion .accordion-navigation > .content, .accordion dd > .content {
	padding: 0 0.9375rem 0.9375rem 0.9375rem;
}

.faq .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
	background: #fff;
}

.faq .accordion .accordion-navigation.active > a.panel10 { display: none;}

.faq .accordion .accordion-navigation > a.panel10, .faq .accordion dd > a.panel10 {
	background: #fff;
	color: #fcbc3f;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.faq .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
	background: #fff;
}
	

/* -----------Ribbon - White---------- */

span.ribbon {
  display: inline-block;
  color: #000;
  font-size: 1.8rem;
  line-height: 60px;
  margin: 20px 0;
  position: relative;
  padding: 0 20px;
}

span.ribbon:before,
span.ribbon:after {
  content: "";
  border-style: solid;
  border-width: 0;
  height: 0;
  position: absolute;
  width: 0;
}

span.ribbon {
  background-color: #fff;
}

span.ribbon:before {
  border-width: 30px 0 30px 30px;
}

span.ribbon:before {
  border-color: #fff transparent;
  left: -30px;
}

span.ribbon:after {
  border-width: 30px 30px 30px 0;
}

span.ribbon:after {
  border-color: #fff transparent;
  right: -30px;
}

/* -----------Footer----------- */
.footer_wrap {
	background-color: #6bad4e;
	}

.divline {
	width:1px;
	background-color: #cccccc;
	height: 60px;
	margin-top: 17px;
}
	
.footer_wrap_top {
	background-color: #6bad4e;
	padding: 10px 0 60px 0;
		}	

.footer_wrap_top h4 {
	font-size: 20px;
	letter-spacing: .02em;
}

.footer_logo {
	padding-top: 40px;
}

.footer_wrap_top h5 {
	font-size: 16px;
	font-weight: normal;
}
	
.footer_wrap p {
	text-align: center;
	color: #fff;
	font-size: 12px;
	padding-top: 20px;
}

.margin-left {
	margin-left: 131px;
}

.videowrap {
	margin-top: 40px;
	padding: 10px;
}

.divider {
	border-left: 1px solid black;
}

.flex-video {
	margin-bottom: 0;
}

.footer_logos {
	background-color: #fff;
	padding: 60px 0 40px 0;
}

.footer_logos p {
	font-size: 12px;
	padding-top: 20px;
	margin-left: 10px;
}

@media only screen and (max-width: 64.063em) {
	.footer_logos p {
		margin-left: 0;
	}
	
	.footer_wrap_top {
		text-align: center;
	}
	
	.margin-left {
		margin-left: 0;
	}
	
	.footer_logos {
		text-align: center;
	}
	
	.rollover_img{
		width:170px;
	}

}
@media only screen and (max-width: 720px){
	.about .ellies-logo {
		float: none;
	}
	.about .ellies-para {
		width: 100%;
	}
}

@media screen and (min-width: 0px) and (max-width: 1047px) { 
	.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
		padding: 0 12px; 
	}
	.slider {padding-top:40px;}
	
}