/**IMPORT GOOGLE FONT**/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab|Alex+Brush|Lato:400,700&display=swap');


/**BASE STYLES**/

* {
	box-sizing: border-box;
}

html, body{overflow-x: hidden;}
body {
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	font-size:17px;
}
a {
	text-decoration: none;
	color: #f7941d;
}
a:hover {
	color: #0e4c7d;
}
img {
	max-width: 100%;
}

legend {
    background-color: #0e4c7d!important;
    color: #fff!important;
}


.mgimage{display:block;}

.mgmainimage{margin-bottom:30px;}

h1, h2, h3, h4{}

h1, .h1{font-size:1.7rem; font-weight:normal; color: #083d6c; margin-bottom: 1rem;}
h2{font-size:1.4rem; font-weight:normal; color: #083d6c;}
h3{font-size:1.3rem;}
h4{font-family: 'Roboto Slab', serif; font-size: 1.1rem; font-weight:bold;}
.portal-1 h1{font-size: 1.8rem;font-weight:bold; color: #000; margin: 0 0 .5em 0; }

.mgcontent{color:#353535;}

.photocap.photocredit{
    font-style: italic;
    text-align: right;
    text-transform: uppercase;
    font-size: 11px;
    color: #666;
    text-align:right;
}
.photocap{color: #111; text-align: center;}

.btn{
    padding: .2rem 1.5rem;
    font-size: 15px;
    border-radius: 1rem;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.7);
    box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.7);
}

.mgcontent .btn{padding: .5rem 1rem;}

.lead{font-size:inherit; font-weight:normal;}
.articlebyline{margin-bottom:1.25rem;display:inline-block;}

.btn-sm, .mgcontent .btn-sm{
    padding: .25rem .5rem;
    font-size: .875rem;
}

.btn-lg, .mgcontent .btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
}

.bluetext{color: #083d6c;}
.orangetext{color: #f7941d;}

.textsm{font-size: .8em;}
.btn{text-transform:uppercase;font-weight: bold;}
.btn-primary, .mgformbutton .buttons{ color:#fff; background-color: #083d6c; border-color: #083d6c;}
.btn-primary:hover, .btn-primary:focus, .mgformbutton .buttons:hover{color:#fff; background-color: #f7941d; border-color: #f7941d;}
.mgformbutton .buttons{color:#fff; border: 0;margin-bottom: 10px;}

.btn-yellow{color:#fff;background-color: #f7941d;border-color: #f7941d;}
.btn-yellow:hover, .btn-yellow:focus{color:#fff;background-color: #083d6c;border-color: #083d6c;}

.btn-teal{color:#fff;background-color: #049696;border-color: #049696;}
.btn-teal:hover, .btn-teal:focus{color:#fff;background-color: #083d6c;border-color: #083d6c;}

.checkmark{margin:20px 0 20px 40px; padding: 0; list-style: none;}
.checkmark li{background: transparent url('../images/bullet-check.png') top left no-repeat; padding-left: 25px; margin-bottom: .6rem;}

.blue-check{margin:10px 0 10px 0; padding: 0; list-style: none;}
.blue-check li{background: transparent url('../images/blue-check.jpg') top left no-repeat; background-position-y: 6px; padding-left: 15px; margin-bottom: .5rem;}

.headerMessage{background: #049696; color: #fff; text-align: center;padding: 10px 0;}

.mgimageleft {
    float: left;
    padding: 5px 20px 5px 0px;
    }
.mgsearchcontainer {
	display: flex;
	border: 1px solid #0e4c7d;
    margin-top: 12px;
    position: relative;
}
.mgsearchcontainer .fa-search{font-weight:bold;}
.mgsearchcontainer .searchquery {
	width: 100%;
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
	border: 0px;
	padding: 8px;
	outline: 0;
	-webkit-backface-visibility: hidden;
	text-align: right;
	padding-right: 30px;
}
.mgsearchcontainer .searchquery:focus {
	width: 100%;
}
.mgsearchcontainer .searchquery::placeholder{
    color: #0e4c7d;
    text-align: right;
}
.mgsearchcontainer .fa-search { 
  position: absolute;
  top: 10px;
  right: 10px;
  color: #0e4c7d;
}

.mglogincol {
	background: #383838;
	padding: 20px;
	display: none;
}
header {
	background-color: transparent;
	border-bottom: 13px solid #049696;
	background-color: #FFFFFF;
	width: 100%;
	vertical-align: middle;
	z-index: 9999;
	
}
header.fixed {
	position: fixed;
	top: 0px;
	border-bottom: 2px solid #049696;
}

.hbutton{display:block; max-width:100%; margin: 10px;}

.header-contact, .header-contact a{color: #083d6c; font-weight:bold;font-size:1.05em;}

header.fixed .header-info{display:none;}
div.headercontainer {
	width: 1400px;
	margin: 0 auto;
}
div.logo {
 max-width: 100%;
 min-width: 200px;
 padding: 10px 20px;
}
div.logo a {
	text-decoration: none;
}
div.logo a img {
    width: 400px;
    max-width: 100%;
}
div.menuIcon {
	display: none;
	margin: 5px 20px 0px 0px;
	color: #083d6c;
	cursor: pointer;
	position: absolute;
	right: 0px;
	z-index: 9999;
}
section {
	width: 1400px;
	margin: 0 auto;
	clear: both;
	display: flex;
	flex: 1;
}

section.container-fluid{width:100%;padding:0;}
section.fixed {
	padding: 60px 15px 0px 15px;
}

main.mgcontent {
	flex: 1;
	padding: 30px 0;
}
nav {
	
}
nav.top ul li ul.mgsubtopnav {
	display: none;
	position: absolute;
	top: 60px;
	background: #083d6c;
	z-index: 9999;
}
@media (max-width: 968px) {
    #mgtoppanel{
          height: calc(100vh - 80px);
          max-height: none;
          overflow-y:auto;
       }
    }

@media screen and (min-width: 969px){
    nav.top{
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    }
}

nav.top ul li ul.mgsubtopadmin {
	
}
nav.top ul li ul.mgsubtopnav li {
	display: list-item !important;
}
nav.top ul li ul.mgsubtopnav li a {
	padding: 0px 20px;
	color: #FFFFFF;	
}
nav.top ul li ul.mgsubtopnav li a:hover {
	color: #f7941d !important;
}
nav.top {
	height: inherit;
	position: relative;
	vertical-align: middle;
	margin: 0 0 0 auto;
	line-height: 50px;
}
nav.top ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}
nav.top ul li {
	display: inline-block;
}
nav.top ul li a {
	color: #333333;
	padding: 0px 10px;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: .9rem;
	
}
nav.top ul li a:hover{color: #083d6c;text-decoration:none;}
nav.left, nav.right {
	width: 250px;
}
nav.left {
	padding-right: 30px;
}
nav.right {
	padding-left: 30px;
}
nav.left ul, nav.right ul, nav.responsive ul {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}
nav.left ul li.mgcategory, nav.right ul li.mgcategory, nav.responsive ul li.mgcategory {
	margin-top: 20px;
}
nav.responsive ul li.mgcategory {
	margin-top: 5px;
}
nav.left ul li div.catheader, nav.right ul li div.catheader, nav.responsive ul li div.catheader {
	font-weight: bold;
	padding: 10px 10px 0px 10px;
	font-family: 'Roboto Slab', serif;
	color: #f7941d;
	font-size:18px;
}
nav.left ul li div.catheader, nav.right ul li div.catheader {
	/*border-top: 5px solid #083d6c;*/
}
nav.responsive ul li div.catheader {
	cursor: pointer;	
}
nav.left ul li div.catbody, nav.right ul li div.catbody, nav.responsive ul li div.catbody {
	color: #111111;
	padding: 10px 20px;
	line-height: 28px;
	font-family: 'Roboto Slab', serif;
}
nav.responsive ul li div.catbody {
	display: none;	
}
nav.left ul li div.catbody a, nav.right ul li div.catbody a, nav.responsive ul li div.catbody a {
	/*color: #111111;*/
}
nav.left ul li div.catbody a:hover, nav.right ul li div.catbody a:hover, nav.responsive ul li div.catbody a:hover {
	
}

nav.responsive ul li div.catbody.catexpanded{display:block;}
nav.responsive {
	display: none;
}
footer {
 background: #363839;
 padding: 20px 0;
 color: #d7d7d7;
}

.copyright .social a{color: #d7d7d7;}
.copyright .social a:hover{color: #fff;}

footer .sponsors img{max-width: 130px; max-height: 70px;}
footer h3{text-transform: uppercase; font-size: 1.2rem;}
footer section {
	display: block;
}
footer section nav.footer {

}
footer section nav.footer > div {
    flex-basis: 100%;
    padding: 4px;
    display: block;
    padding: 20px;
}
footer section nav.footer div span {
	display: block;
	padding: 5px;
}
footer section nav.footer div div.mgfooter {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px 0px 0px 0px;
	padding: 10px;
}
footer section nav.footer ul li a, footer section nav.footer i {
	display: block;
	padding: 5px;
	color: #d7d7d7;
}
footer section nav.footer ul li a:hover, footer section nav.footer i:hover, a.footer {
	color: #fff;
}
nav.footer{}
nav.footer ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#mgfooterpanel{}
#mgfooterpanel li{}
.footer-contact, .footer-contact a{color: #d7d7d7;}
.footer-contact .fas{font-size:1.4rem; margin-bottom: 10px;}
.footer-logo{}
.social-icon{}

div.copyright {
	color: #d7d7d7;
	font-size: 14px;
	display: block;
	clear: both;
	text-align: left;
	padding: 20px 0;
	background: #282a2b;
}

/***HOME PAGE***/
.portal-1 main.mgcontent{padding-top:0;}
.portal-1 .lead{margin:0;}

/*banner*/
.homebanner{background: #fff url('../images/home-banner-doctors.jpg') bottom left no-repeat;background-size: auto 100%;padding: 0;}
.banner-title{
    color: #fff;
    display:block;
    width:100%;
    padding: 45px 0px 40px 45px;
    margin: 0;
    font-size: 1.3rem;
background: rgb(8,61,108);
background: -moz-linear-gradient(90deg, rgba(8,61,108,1) 0%, rgba(8,61,108,1) 43%, rgba(8,61,108,0.7903536414565826) 63%, rgba(8,61,108,0) 90%);
background: -webkit-linear-gradient(90deg, rgba(8,61,108,1) 0%, rgba(8,61,108,1) 43%, rgba(8,61,108,0.7903536414565826) 63%, rgba(8,61,108,0) 90%);
background: linear-gradient(90deg, rgba(8,61,108,1) 0%, rgba(8,61,108,1) 43%, rgba(8,61,108,0.7903536414565826) 63%, rgba(8,61,108,0) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#083d6c",endColorstr="#083d6c",GradientType=1);
    }

.tealbg{background: #049696;}
.greybg{background: #ebebeb;}

.homebanner .signupform{padding: 20px; width: 600px; max-width: 100%;}
.homebanner .signupform form{background: rgba(255, 255, 255, 0.72);}
.signuphead{text-align:center; margin-bottom: 25px;}
.signupform .form-control{background: #e1e1e1; border-radius: 0; border: 0;margin-bottom:25px;}
.signupform .btn{display:block; margin-bottom: 25px; width: 100%;}
.form-sub{font-size: .8rem; color:#333;text-align: center;}

.bannernote, .bannernote h4{color: #fff;}
.bannernote p{line-height: 1rem; margin: 0 20px; font-size: 1.2rem;}

.classnote, .classnote h4, .classnote h3, .classnote a, .classnote a:hover{color: #fff;}

.maincontent{margin:40px auto;}
.featured-sections{padding: 30px 0;}

.featured-sections .recentpostsdiv, #catbody13  .recentpostsdiv{
    height: 252px;
    overflow-y: scroll;
    width: 280px;
    border: 1px solid #0e4c7c;
    font-size: 12px;
    padding: 10px 20px;
}
#catbody13  .recentpostsdiv{max-width:100%;line-height:normal;}

.featured-sections .recentpostsdiv a, #catbody13  .recentpostsdiv a{color:#333333;}



.news .contentGrid{
    flex: 0 0 50%;
    max-width: 50%;
}

.centerVideo .mgvideo{
    margin: 0 auto;
    display:block;
}

@media screen and (max-width: 991px){
    .featured-sections .recentpostsdiv{width: auto; height: 218px;}
}
@media screen and (max-width: 767px){
    .banner-title{text-align: center; background: #093d6cad; padding: 20px 0;}
    .homebanner .signupform{width:auto;}
    .featured-sections .recentpostsdiv{width: 280px; height: auto;overflow: auto;}
    .featured-sections .col-md{margin-bottom: 30px;}
    .featured-sections .col-md:last-child{margin-bottom: 0;}
    }

/*event calendar*/
.event-calendar{
    background: #1a8da6; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #0e4c7d 0%, #0e4c7d 40%, #1a8da6 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #0e4c7d 0%,#0e4c7d 40%,#1a8da6 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #3baed9 0%,#0e4c7d 40%,#0e4c7d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4c7d', endColorstr='#1a8da6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 40px 0;
}

.event-calendar .section-title{text-align: left; color: #fff;margin-bottom: 0; font-size:22px;border-bottom: 1px solid #fff;text-transform: uppercase;padding-bottom:5px;}

.event-calendar .ui-state-default, .event-calendar .ui-widget-content .ui-state-default, .event-calendar .ui-widget-header .ui-state-default, .event-calendar .ui-button, html .event-calendar .ui-button.ui-state-disabled:hover, html .event-calendar .ui-button.ui-state-disabled:active {
    border: 0;
    background: transparent;
    font-weight: bold;
    color: #fff;
    padding: .5em 0 .5em 0;
}

.event-calendar .ui-widget-content {
    border: 0;
    border-bottom: 1px solid #fff;
    background: transparent;
    color: #fff;
}

.event-calendar .ui-accordion-header-collapsed{border-bottom: 1px solid #fff;}
.event-calendar .ui-accordion-header-active{color: #ffffcc;}
.event-calendar .ui-accordion-content p {margin-bottom: 0;}
.event-calendar .ui-accordion .ui-accordion-content {padding-top: 0;}

.event-calendar .ui-icon, .ui-widget-content .ui-icon {background-image: url('/includes/jquery-ui/images/ui-icons_ffffff_256x240.png');}

/****COURSES****/

.mgcontent .ui-state-active, .mgtutor .name, .mgcontent .ui-state-active:hover, .mgresources .name, .mgcontent .mglmsbutton {
    border-color: #083d6c;
    background-color: #083d6c;}
    
 .mgcontent .mglmsbutton:hover {
    border-color: #f7941d;
    background-color: #f7941d;}
    
/****LMS HEADLINE WRAPS*******/
.mglmsdashboard .contentGrid a.tease_headline{
    max-height:none;
    -webkit-line-clamp: initial;
    overflow:visible;
    
}
.mglmsdashboard .contentGrid.contentLayout7 > div{position:relative;padding-bottom:64px;}
.mglmsdashboard .contentGrid.contentLayout7 .mglmsbuttons{
    position:absolute;
    bottom: 0;
    left:0;
    right:0;
}

.mglmslessons ul li div.lesson_title {
    width:auto!important;
    float:none!important;
    white-space: normal!important;
    }
    
.clumpcontent .contentGrid.contentLayout7 > div{
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
}

.clumpcontent .contentGrid a.tease_headline {
    clear: both;
    overflow: auto;
    text-overflow: inherit;
    display: -webkit-box;
    line-height: 24px;
    max-height: none;
    min-height: 0px;
    -webkit-line-clamp: unset;
    -webkit-box-orient: vertical;
    padding: 0;
    font-weight: normal;
    font-size: 1.1em;
    box-sizing: border-box;
}

.clumpcontent .contentGrid div.portalbyline {
    text-align: left;
    padding: 0px;
    font-size: 1em;
}

    
    /****Sidebar Tip of Week****/
    
.tip-week{font-family: 'Lato', sans-serif;line-height: normal; border-top: 5px solid #0e4c7d;border-bottom: 5px solid #0e4c7d;padding-top:15px;}
.orange{color: #f7941d;}
.tip-week input[type=text]{margin-bottom: 0;}
.tip-week .input-title{margin-bottom: 15px;display:inline-block;}
.tip-week .form-title{font-size: 1.2rem;}
.tip-week input.btn{cursor:pointer;}

.mgresources{clear:both;}

/*sidebar - program modules*/
.program-preview{color: #0e4c7d;font-family: 'Lato', sans-serif;}
.program-preview p{line-height: normal;margin-bottom:2rem;}
.preview-title{position: relative; z-index: 10; font-size: 1.3rem;}
.preview-img{z-index: 0; margin-top: -35px; margin-bottom: -15px;}
.program-preview .bar{height: 20px; background-color: #0e4c7d;}
.program-preview .bar-top{margin-bottom: 15px;}
.program-preview .bar-bottom{margin-top: -8px;}


/* MG Elements - Content */
.mgbreadcrumb {
	background: #E8E8E8;
	padding: 5px;
	margin: 0px 0px 10px;
	border-bottom: 2px solid #015C6E;
	color: #111111;
}
.mgbreadcrumb a {
	color: #111111
}
.mgbreadcrumb a:hover {
	color: #646464
}
.mgbreadcrumbsearch {
	display: none;
}
.mgprintoptions {
	margin: 0px 0px 10px;
}

.mgloginmessage+p {
    margin-bottom: 0;
    padding: 10px 20px;
    display: inline-block;
    background: #0e4c7d;
    color: #fff;
    border-radius: 20px 20px 0 0;
}
.loginbox {
    margin-bottom: 15px;
}

.mgloginpitch{padding-left:15px;}

/* Content Item */
.contentItem {
	display: inline-block;
	padding: 10px 5px;
	margin: 5px 0px;
	width: 100%;
}

.contentItem a:hover{text-decoration:none;}


.contentItem > a:first-of-type {
	border-bottom: 2px solid #0e4c7d;
	display:block;
	color: #0e4c7d;
}
.contentItem > a:first-of-type:hover{color: #f7941d;}

.contentItem > a:first-of-type:hover{text-decoration:none;}
.carousel-item > .contentItem > a:first-of-type {
	border-bottom: none;
}
.contentItem a.more {
	display: table;
	color: #FFFFFF!important;
	background-color: #0e4c7d;
	font-weight: normal;
	clear: both;
	margin: 0 0 0 auto;
	padding: .5rem 2rem;
    font-size: 15px;
    border-radius: 1rem;
}
.contentItem a.more:hover {
	color: #fff!important;
	background: #f7941d;
	text-decoration:none;
}
.contentItem .portalbyline {
	font-size: 0.8em;
	color: #111111;
	margin: 3px 0px;
}
.contentItem p.tease {
	margin: 5px 0px;
}

/*LOGIN PAGE*/
/*.mgloginform{float:left; width: 48%;}
.mglostpassmessage, .mgsendpassform{float:right; width: 48%;}*/
.loginbox{background: #b7dbdb;}
.mgsendpassform{padding:10px;}
.mgrenewalmessage{clear:both; text-align:center;}
.mglogin{width: 100%;}
.mglogincontainer{width:90%;margin: 0 auto;}
.redwarn{color: red;}
.redwarn+br{display:none;}

@media screen and (max-width: 968px){
    .mgloginform{float:none; width: auto;}
    .mglostpassmessage, .mgsendpassform{float:none; width: auto;}
    
}

/* MG Elements - Clump */
.clumpheader img {
	display: none !important;
}
.clumpheader div.txt {
	display: block !important;
}
.clumpbody {
	padding: 0px !important;
	background: transparent !important;
	border: none !important;
}
/* Grid Content */
.contentGrid > div {
	margin: 10px;
}
.contentGrid > div:hover {

}
.contentGrid div a {
	margin: 0 auto;
	display: block;
	width: 100%;
}
.tease_headline{font-size: 1.2rem; color: #333333;}
.tease_headline:hover{color: #f7941d; text-decoration: none;}
.portalbyline{font-size: 14px;margin-bottom: 10px; color: #747474;}
.tease{border-top: 1px solid #f7941d; padding-top: 10px; font-style: italic;font-size: 15px;}
.tease a.more{text-transform:capitalize; text-align:right; padding: 10px; color: #333;}
.tease a.more:hover{color: #f7941d; text-decoration: none;}
.changeuser {
	width: 100%;
	max-width: 900px;
}
.changeuserheader {
	background-color: #015C6E;
	color: #FFFFFF;
}
.changeuser td {
	padding: 5px;
}
.changeuser input, .changeuser select {
	padding: 4px;
	border-radius: 4px;
}

/*LESSONS*/
.lesson_number, .lesson_title{font-weight: bolder;font-size: 1.1em;}
@media screen and (max-width: 1680px){
	section {
		width: 1200px
	}
}
@media screen and (max-width: 1280px){
	section {
		width: 100%;
	}
	nav.left, nav.right {
		width: 200px;
	}
	nav.left {
		margin-left: 5px;
	}
	nav.right {
		margin-right: 5px;
	}
}
@media screen and (max-width: 968px){
	section {
		width: 100%;
	}
	main.mgcontent {
		margin: 0px;
	}
	nav.left, nav.right {
		display: none;
	}
	nav.responsive {
		display: block;
	}
	div.menuIcon {
		display: block;
	}
	nav.top ul li ul.mgsubtopnav {
		position: inherit;
		padding-left: 40px;
		background-color: rgba(255,255,255,0.2);
	}
	nav.top {
		display: none;
		top: 60px;
		right: 0px;
		height: auto;
		position: fixed;
		width: 100%;
		text-align: center;
		z-index:999;
	}
	.menuIcon{position:absolute; top:  5px; right 10px;}
	.headerIcons{margin-top: 40px;}
	nav.top ul {
		display: block;
		background: #083d6c;
        line-height: 40px;
	}
	nav.top ul li {
		display: block;
		padding: 
	}
	nav.top ul li a {
		color: #FFFFFF;
		padding: 0px 40px;
	}
	nav.top ul li a:hover {
		color: #A6A6A6 !important;
	}
	
	nav.left ul li div.catheader, nav.right ul li div.catheader, nav.responsive ul li div.catheader {
	font-weight: bold;
	text-align: center;
	padding: 10px;
	background: #eaeaea;
    }
	footer section nav.footer {
		display: block;
	}
}
@media screen and (max-width: 576px){
    div.logo img{width:200px;}
	.mgsearchcontainer .searchquery {
		width: 220px;
		text-indent: 0px;
	}
	.mgsearchcontainer .fa-search {
		display: none;
	}
	.headerIcons{margin-top: 0px;}
}

/*********Testimonials************/

.testimonial{
    border: 1px solid #d5d5d5;
    margin-bottom:25px;
    font-style:italic;
}

.testimonial::before{
    content: "";
    height:50px;
    display:block;
    width:100%;
    background: rgb(4,150,150);
    background: -moz-linear-gradient(45deg, rgba(4,150,150,1) 0%, rgba(4,150,150,1) 40%, rgba(9,61,109,1) 65%, rgba(9,61,109,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(4,150,150,1) 0%, rgba(4,150,150,1) 40%, rgba(9,61,109,1) 65%, rgba(9,61,109,1) 100%);
    background: linear-gradient(45deg, rgba(4,150,150,1) 0%, rgba(4,150,150,1) 40%, rgba(9,61,109,1) 65%, rgba(9,61,109,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#049696",endColorstr="#093d6d",GradientType=1);
}

.testimonial blockquote{position:relative; padding:20px 20px 0 30px;margin: 10px 10px 30px;}

.testimonial blockquote cite{display:block;text-align: right; font-weight: bold; font-style: normal;line-height:normal;padding-right: 60px;font-family: 'Roboto Slab', serif;}
.testimonial blockquote cite .citeadd{font-size:.8rem; font-weight:normal;}

.testimonial blockquote::before {
    content: "\201C";
    font-family: 'Alex Brush', cursive;
    font-size: 20rem;
    color: #f7941d;
    position:absolute;
    top: -.6em;
    left: -.07em;
}
.testimonial blockquote::after {
    content: "”";
    font-family: 'Alex Brush', cursive;
    font-size: 20rem;
    color: #f7941d;
    position:absolute;
    bottom: -.85em;
    right: .08em;
}

.testimonial .testimonial-img{border:3px solid #000; border-radius: 50%; margin:10px;}

.testimonial.wide.imgleft .testimonial-img{width:30%; float: left;}
.testimonial.wide.imgleft blockquote{margin-left:30%;}

.testimonial.wide.imgright .testimonial-img{width:30%; float: right;}
.testimonial.wide.imgright blockquote{margin-right:30%;}

.testimonial.thin.imgctr .testimonial-img{
    width: 40%;
    display: block;
    margin: 0 auto;
    margin-top: -45px;
    }

.testimonial.thin.imgctr blockquote{ margin-top: -40px; padding-top: 40px;}

/*********Enrollment*********/
/*.full-bg {
  margin: 0 -9999rem;
   add back negative margin value 
  padding: 0.25rem 9999rem;
  background: rgb(205,205,205);
background: -moz-linear-gradient(90deg, rgba(205,205,205,1) 0%, rgba(205,205,205,1) 30%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(205,205,205,1) 0%, rgba(205,205,205,1) 30%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(205,205,205,1) 0%, rgba(205,205,205,1) 30%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cdcdcd",endColorstr="#ffffff",GradientType=1);
} */

.full-bg {
  /* also subtract section padding (1.5rem) */
  margin: 0 -601.5rem;
  /* add back section padding (1.5rem) */
  padding: 0.25rem 1.5rem;
  /* border has to be solid, not RGBa */
  /* 9600px or equiv (600rem = 9600/16) */
  border-left: 600rem solid rgb(205,205,205);
  border-right: 600rem solid white;
}

.grey-gradient{
background: rgb(205,205,205);
background: -moz-linear-gradient(90deg, rgba(205,205,205,1) 0%, rgba(205,205,205,1) 30%, rgba(255,255,255,0) 65%);
background: -webkit-linear-gradient(90deg, rgba(205,205,205,1) 0%, rgba(205,205,205,1) 30%, rgba(255,255,255,0) 65%);
background: linear-gradient(90deg, rgba(205,205,205,1) 0%, rgba(205,205,205,1) 30%, rgba(255,255,255,0) 65%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cdcdcd",endColorstr="#ffffff",GradientType=1);
  border-left: 600rem solid rgb(205,205,205);
  border-right: 600rem solid white;
}

.yellow-gradient{
    background: #f89c2d;
background: -moz-linear-gradient(90deg, rgba(248,156,45,1) 0%, rgba(248,156,45,1) 30%, rgba(255,255,255,0) 65%);
background: -webkit-linear-gradient(90deg, rgba(248,156,45,1) 0%, rgba(248,156,45,1) 30%, rgba(255,255,255,0) 65%);
background: linear-gradient(90deg, rgba(248,156,45,1) 0%, rgba(248,156,45,1) 30%, rgba(255,255,255,0) 65%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f89c2d",endColorstr="#ffffff",GradientType=1);
  border-left: 600rem solid #f89c2d;
  border-right: 600rem solid white;
}

.bluegreen-gradient{
        background: rgb(4,150,150);
    background: -moz-linear-gradient(45deg, rgba(4,150,150,1) 0%, rgba(4,150,150,1) 40%, rgba(9,61,109,1) 65%, rgba(9,61,109,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(4,150,150,1) 0%, rgba(4,150,150,1) 40%, rgba(9,61,109,1) 65%, rgba(9,61,109,1) 100%);
    background: linear-gradient(45deg, rgba(4,150,150,1) 0%, rgba(4,150,150,1) 40%, rgba(9,61,109,1) 65%, rgba(9,61,109,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#049696",endColorstr="#093d6d",GradientType=1);
}

.gradbutton, .gradbanner{color: #fff;}
.gradbutton p, .gradbanner p{margin:0;}
.gradbutton{padding: 20px; font-size: 22px;}
.gradbutton i{font-size: 40px;}
.gradbutton h3{font-size: 30px;margin-bottom: .8rem;}
.gradbanner{padding: 30px 50px; font-size: 26px;}
.gradbanner i{font-size: 42px;}
.gradbanner h3{font-size: 40px;margin-bottom: .8rem;}

.contentbox{
    border: 1px solid #083d6c;
    background: rgba(7, 60, 108, 0.1);
    padding: 10px;
    width:100%;
    max-width: 700px;
    margin: 10px auto;
}

.contentbox.teal{
    border: 1px solid #049696;
    background: rgba(4, 151, 151, 0.1);
}

.contentbox.yellow{
    border: 1px solid #f7941d;
    background: rgba(248, 150, 30, 0.1);
}

.full-bg.separator{padding:10px 0; margin-top: 20px;margin-bottom:20px;}

.founder-bio{padding:30px 0;}

.enroll-sidebar{font-family: 'Roboto Slab', serif;}
.enroll-sidebar h2{font-size:1.7em;}

.enroll-sidebar .success-stories p{font-style:italic;}
.enroll-sidebar .success-stories .doctor-box{
    color: #fff;
    padding:5px;
    background: rgb(4,150,150);
    background: -moz-linear-gradient(45deg, rgba(4,150,150,1) 0%, rgba(4,150,150,1) 40%, rgba(9,61,109,1) 65%, rgba(9,61,109,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(4,150,150,1) 0%, rgba(4,150,150,1) 40%, rgba(9,61,109,1) 65%, rgba(9,61,109,1) 100%);
    background: linear-gradient(45deg, rgba(4,150,150,1) 0%, rgba(4,150,150,1) 40%, rgba(9,61,109,1) 65%, rgba(9,61,109,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#049696",endColorstr="#093d6d",GradientType=1);
    }
    .doctor-box .doctor-title{margin-bottom:0;font-size: 1rem; padding-top: 10px;}
    .doctor-box .doctor-location{font-size: .9rem;margin-bottom: 0;}
    .doctor-box .doctor-photo{display:block; margin: 0 0 0 auto;}
    
.enroll-sidebar .success-stories .doctor-box p{font-style:normal;}



/*******Tabbed Content********/
.mgcontent ul[role=tablist] .ui-state-active:hover {
    border-color: inherit;
    background-color: #fff;
    color:#333333;
}

.mgcontent #mglmstabs ul[role=tablist] .ui-state-active:hover{ background-color: inherit;}
.mgcontent .confirmationContainer{margin-top:15px;}


div.ui-tabs-panel {
    border: 1px solid #c5c5c5!important;
    border-radius: 0px!important;
}

ul li.ui-tabs-active, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html {border: 1px solid #c5c5c5!important;border-bottom-width:0px!important; border-bottom-color:#fff!important;}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em 0 0;
}

/*******Map Styles*************/
#map1results{}
#map1results .map-result{border-bottom: 1px solid #d7d7d7;padding-bottom: 1rem; margin-bottom: 1rem;}
#map1results .row{margin-bottom: .3rem;}
#map1results .field-title{font-weight: bold; font-size: 1.1rem;}
#map1results .name-field{font-size: 1.3rem;}


/*************CARD FLIPPER*****************/

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.backside{
    height: 100%;
    max-height: 100%;
    overflow-y: hidden;
    }

.frontside .card{}
.backside .card {background:#049696; color:#fff;min-height:100%;}

.backside .card-body{padding:7px;}
.backside .card-body .card-title{font-size: .9em; margin-bottom: 5px;}
.backside .card-body .card-text{font-size:.85em; line-height:normal;}

.backside .card a {

}
.card-bg{width:100%;}
.frontside .card-bg-overlay{position: absolute; background: rgba(0, 0, 0, 0.28); top:40px;width: 100%;padding: 5px; color: #fff;}
.frontside .card-bg-overlay .card-title{margin-bottom: 0;}
.frontside .card-bg-overlay .card-text{margin-bottom: 0;}
.frontside .card .card-title{
    
}
.backside .card .card-title {

}

.frontside .card .card-body img {

}