/* Load */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
 
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* Default Fonts and Styles */
::selection	{
	background: #ffdbbc;
	text-shadow: none; /* Safari and Opera */ 
}
::-moz-selection  {
	background: #ffdbbc;
	text-shadow: none; /* Firefox */ 
}
.skipLink {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    padding: 10px 15px;
    text-align: left;
    overflow: hidden;
    background-color: #006A96;
    font-size: 15px;
    color: #fff !important;
}
    
a.skipLink:active, a.skipLink:focus, a.skipLink:hover {
    left: 10px; 
    top: 0;
    width: auto; 
    height: auto; 
    overflow: visible; 
    background-color: #006A96 !important;
}
    
/* Fonts */
#mainBody {
	font-size: 16px;
	line-height: 30px; /* previously 1.6 */
}
.hero-overlay-content H1 {
	font-size: 25px;
}
H1 {
 font-size: 35px;
 font-family: "TradeGothicCon";
 font-weight: normal;
 color: #006496;
 line-height: 1.2em;
 padding: 4px 0 4px 0;
 text-transform: uppercase;
}
H2 {
 font-size: 26px;
 font-family: "TradeGothicCon";
 font-weight: normal;
 color: #494949;
 padding: 4px 0 4px 0;
 text-transform: uppercase;
}
H3, .jumbotron H3 {
 font-size: 20px;
 font-family: "TradeGothicCon";
 font-weight: normal;
 color: #494949;
 padding: 4px 0 4px 0;
 text-transform: uppercase;
}
H4 {
 font-size: 18px;
 font-family: "TradeGothicCon";
 font-weight: normal;
 color: #494949;
 padding: 4px 0 4px 0;
 text-transform: uppercase;
}
H4.accent {
 border-left: 6px solid #FFCD00; 
 padding: 5px 0 4px 15px;
}
P {
  font-family: "UniversLight";
  font-size: 16px;
  line-height: 30px;
  padding: 0 0 24px 0;
}
.subhead {
	font-family: "UniversLight" !important;
	font-size: 21px !important;
	text-transform: none !important;
	color: #686868;
	font-style: italic;
}

@media (min-width:520px) {
	.hero-overlay-content H1 {
		font-size: 35px;
	}
}
@media (min-width:768px) {
	#mainBody {
	 font-size: 18px;
	 line-height: 36px;
	}
	.hero-overlay-content H1 {
		font-size: 50px;
	}
	H1 {
	 font-size: 50px;
	}
	H2 {
	 font-size: 36px;
	}
	H3, .jumbotron H3 {
	 font-size: 24px;
	}
	h4 {
	 font-size: 21px;
	}
	p {
	 font-size: 18px;
	 line-height: 36px;
	}
	.subhead {
	 font-size: 32px !important;
	#686868:
	}
}
A {
  color: #0079b1;
  text-decoration: underline;
  /* font-weight: bold; */
  font-family: 'Univers';
}
STRONG, B {
  font-family: 'Univers';
}
/* Special Headings with classes */
h1.jumbo56 {
 font-size: 56px !important;
 line-height: 58px;
 font-family: 'TradeGothicCon' !important;
}
h2.jumbo56 {
 font-size: 56px !important;
 line-height: 58px;
 font-family: 'TradeGothicCon' !important;
}
h1.jumbo72 {
 font-size: 72px !important;
 font-family: 'TradeGothicCon' !important;
}
h2.jumbo72 {
 font-size: 72px !important;
 font-family: 'TradeGothicCon' !important;
}
H2.jumboh2 {
 font-size: 32px !important;
}
H3.square {
	position:relative
}
H3.square:before {
	content: "";
	position: absolute;
	z-index: -9999;
	background-color: #9dd9d2;
	width: 2.5em;
	height: 2.5em;
	border-radius: 1%;
	top: -0.4em;
	left: -0.7em			
}
SPAN.jumbo56 {
 font-size: 56px !important;
 line-height: 58px;
}
SPAN.jumbo72 {
 font-size: 72px !important;
}
.hero-overlay-wrapper H1 {
	line-height: 1em;
}
.large {
	font-size: 20px !important;
	line-height: 28px !important;
}

.large32 {
	font-size: 32px !important;
	line-height: 36px !important;

}

.large32-48 {
	font-size: 32px !important;
	line-height: 48px !important;
}
.white-text {
	color: #fff !important;
}
.blue-text {
	color: #006A96 !important;
}
.dark-text {
	color: #494949!important;
}

.white-overlay H2 {
    color: #006A96 !important;
}
H1.contentpage-hero-header {
	font-family: "UniversLight";
    text-align: center;
    color: #fff;
    text-transform: none;
    font-size: 2em;
    text-shadow: 1px 1px 4px rgb(0, 0, 0);
}

@media screen and (min-width: 768px) {
	H1.contentpage-hero-header {
		padding: 2em;
		font-size: 4em;
	}
}

@media screen and (max-width: 767px) {
	H1.contentpage-hero-header {
		padding: 1.75em;
		font-size: 3em;
	}
}

@media screen and (max-width: 480px) {
	H1.contentpage-hero-header {
		padding: 1.5em;
		font-size: 2em;
	}
	.content-page-hero {
		min-height: 250px;
	}
}

ul:not('#leftNavID') {
	list-style-image:none!important;
}

.main ul li {
	list-style-type:none;
}
.main ul li:before {
	font-family: 'FontAwesome';
	content: '\f101';
	color: #00C6D7;
	margin:0 5px 0 -15px;
	font-size: 14px;
	position:relative;
	top: -2px;
}
/* UL Link List Styles */
.main ul.links-list li:before {
	content: none;
}
.main ul.links-list {
    margin: 1rem 0;
    padding: 0;
}
.main ul.links-list li {
    list-style: none none;
    display: block;
    padding: 0;
    margin: 5px 0 0 0;
    text-transform: capitalize;
}
.main ul.links-list li:first-child {
    margin-top: 0;
}
.main ul.links-list a {
    display: block;
    background: #F2F3F3;
    padding: 10px 20px;
}
.main ul.links-list a:hover {
    background: #006298;
    color: #fff;
}
.main ul.links-list.links-list-short {
	max-width: 60%;
}
/* End UL Link Lists Styles*/
.nav.nav-tabs li:before {
	content:none !important;
}
#breadcrumb SPAN {
  font-size: 12px;
  color: #373F51
}

#breadcrumb SPAN A {
  font-family: 'UniversLight' !important;
  font-weight: normal !important;
}
#breadcrumb SPAN SPAN {
  padding: 0 3px;
}
/* OOTB Bootstrap tabs */
.nav.nav-tabs .active, .tab-content .active  {
	height: auto !important;
}

/* Master page header and footer styles */

#headerContainer {
	height: 80px;
}

#topNavRow {
	height: 1px;
}


#b2bLogo {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(/images/logo-ucsdh-affiliated-network-small.png) no-repeat !important	;
  width: 170px; /* Width of new image */
  height: 33px; /* Height of new image */
  padding-left: 180px; /* Equal to width of new image */
  margin-left: 10px;
}

.navbar-brand {
	height: auto;
}
.main {
	margin-top: 6em;
}
@media (min-width:768px) {
	#b2bLogo {
  		background: url(/images/logo-ucsdh-affiliated-network.png) no-repeat !important;
  		width: 273px; /* Width of new image */
  		height: 80px; /* Height of new image */
  		margin-left: 0px;
 	}
	#headerContainer {
		height: auto;
	}

	#topNavRow {
		height: auto;
	}
	.navbar-brand {
		height: 110px;
	}
	.main {
		margin-top: 110px;
	}
}
@media (min-width:990px) {
	.main {
		margin-top: 175px;
	}
	.navbar-brand {
		height: auto;
	}
}
@media (min-width:1200px) {
}
#ultraNav {
  margin: 16px;
}
HEADER div.dropShadow div.row {
  padding-top: 0px  !important;
  padding-bottom: 0px !important;
}

HEADER div.dropShadow div#topNavRow {
  background-color: #007A7C;
  padding: 0px;
  margin: 0px;
  max-height: 70px;
}

#topNavRow .menu-item-text {
  color: white;
  font-family: Univers !important;
  font-size: 21px;
}

#topNavRow ul.ms-core-listMenu-root li a span.ms-navedit-flyoutArrow span.menu-item-text {
  padding-bottom: 20px;
}

#topNavRow UL UL SPAN.ms-navedit-flyoutArrow .menu-item-text {
  color: #737885;
  font-size: 24px;
  font-family: 'UniversLight', sans-serif;
}

.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
  padding-right: 0px !important;
  background-image: none !important;
}

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
  margin: auto;
  padding-left: 2em;
  padding-right: 2em;
  /* border-left-style: solid;
  border-left-color: white; */
  padding-top: 0.3em;
  padding-bottom: 0.3em
}

.ms-core-listMenu-horizontalBox li.static:last-child {
  border-right-style: solid;
  border-right-color: white;
  border-right-width: 1px;
  padding-right: 0px !important;
}

#topNavRow .ms-core-listMenu-root > li.static > a.menu-item {
border-bottom-style:solid;
border-bottom-width: 4px; 
border-bottom-color: transparent; 
}

.ms-core-listMenu-root > li.static > a.menu-item:hover { 
border-bottom-color: #00245D !important; 
}

.navbar {
  min-height: 0px !important;
  margin-bottom: 0px !important;
  border: 0px solid transparent !important;
}

.ms-core-listMenu-horizontalBox {
  margin: 0px !important;
}

#zz12_RootAspMenu {
  padding: 0px !important;
}

.collapse.navbar-collapse.navbar-ex1-collapse.navbar-left {
  /*! margin: 0px; */
  padding: 0px;
}

/* MedSchool Callouts */
.callout-trident-blue {
    background-color: #006A96;
    color: #fff;
    background-image: url(/PublishingImages/bg_blue_lines.png);
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 6px;
    margin: 30px auto !important;
    max-width: 100%;
    padding: 25px 45px;
    width: 100%;
    display: block;
}
.callout-trident-blue H2 {
	color: white;
}

/* B2B Content Page */
/* Content Page Header */

.b2b-padding {
	padding-top: 48px !important;
	padding-bottom: 48px !important;
}

#bsTitleDiv {
  background-color: #EDF7F6;
  color: #00245D;
}

#bsTitleDiv #btsHeader1 p {
  line-height: 40px !important;
}

.calloutbox-solid {
    background-color: #e5f9fb;
    color: #00245D;
    width: 90% !important;
    margin-right: auto;
    margin-left: auto;
    border-left-color: #00c6d7;
    border-width: 0px;
    border-left-width: 8px;
    border-left-style: solid;
    padding: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.calloutbox-solid-title {
    border-left-color: #00245D;
    border-width: 0px;
    border-left-width: 8px;
}

.calloutbox-solid h1, .calloutbox h1 {
  font-size: 56px;
  font-family: "Univers";
  margin-top: 0;
  margin-bottom: 5px;
}

.calloutbox-solid p, .calloutbox p {
  font-size: 18px;
  font-family: "UniversLight";
  padding: 9px 0 9px 0 !important;
  margin-bottom: 0px !important;
}

.calloutbox {
	width: 90% !important;
    margin: 30px auto !important;
    padding: 16px;
    color: #333;
    font-size: 15px;
    font-family: Univers;
    font-weight: normal;
    margin: auto;
    line-height: 150%;
    border: 1px solid #00C6D7;
}
/* B2B Landing CSS */
.bsShadow {
	margin-bottom: 15px !important;
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 8px 10px 6px -6px #999;
}

#heroAffiliateImageDiv {
	padding: 5% 0;
		
}

#heroAffiliateImageDiv {
	background: linear-gradient(rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.70)), url(/PublishingImages/ucsdhn-hero-masked@1x.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right -10.5em center !important;
}

/* Background image for IE with gradient */
#heroAffiliateImageDiv {
	background: url(/PublishingImages/ucsdhn-hero-masked@1x.png) !important;
	background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right -5.5em center !important;
	box-shadow:inset 0 0 0 2000px rgba(255, 255, 255, 0.70);
}

@media (min-width: 768px) {
	#heroAffiliateImageDiv {
		background: url(/PublishingImages/ucsdhn-hero-masked@2x-short.png) !important;
    	background-size: contain !important;
    	background-repeat: no-repeat !important;
    	background-position: right -4em center !important;
	}
}
@media (min-width: 990px) {
	#heroAffiliateImageDiv {
    	background-position: right 0.25em center !important;
    	box-shadow: none !important;
	}
}

/* Physicians Network layout. This evens out the two top content areas in the first row */
#btsContentArea1, #btsContentArea2 {
	padding: 7% 0px 5% 0px !important;
}

#heroImageDiv {
	height: 440px;
	padding: 5% 0;
}

.box-badge {
    height: 16em;
    border-top-width: 12px;
    border-top-color: #02699A;
    border-top-style:solid;
    margin: 0px 2% 0px 2%;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #007DBA;
    position: relative;
}

@media (min-width: 990px) {
	.box-badge {
		height: 19em;
	}
}

.box-badge > .box-content {
	padding: 12px;
}

.box-badge ul {
	text-align: left;
}

.box-badge div.place-bottom {
	position: absolute;
	bottom: 24px;
	width: 100%;
}

.box-badge a.btn {
  background-color: transparent;
  border-color: white;
  text-decoration: none;
}

.box-badge.green {
    border-top-color: #015455 !important;
    border-top-style:solid !important;
    background-color: #007A7C !important;
}

.box-badge.red {
    border-top-color: #532049 !important;
    border-top-style:solid !important;
    background-color: #7A306C !important;
}

.btn-primary, .btn-lg, .btn-sm, .btn-xs {
	text-decoration:none !important;
}
.btn-primary:hover, .btn-lg:hover, .btn-sm:hover, .btn-xs:hover {
	text-decoration:underline !important;
}

.btn-white {
	color: #006A96;
	border-color: #006A96 !important;
}
.btn-white:hover {
	color:#fff !important;
	border-color: #006A96;
	background-color: #006A96;
	text-decoration:underline !important;
}
.btn-transparent-white {
	color: #fff;
	border-color: #fff;
	background-color: transparent;
}
.btn-transparent-white:hover {
	color: #fff;
	background-color: transparent;
	border-color: #fff !important;
	text-decoration:underline !important;
}

.box-badge.red a.btn:hover {
	color:  #7A306C !important;
	background-color: white;
}

.box-badge a.btn:hover {
	color:  #007DBA !important;
	background-color: white;
}

.box-badge.green a.btn:hover {
	background-color:white;
	color:  #007A7C !important;
}

/* Regular boxes */
.box {
    font-size: 20px;
    line-height: 1;
    text-align: center;
    border: 1px #007DBA solid;
    position: relative;
}

.box > .box-content h2 {
  margin:0px;
  padding:10px;
  color:#fff !important;
}
.box > .box-content p {
  margin:0px;
  padding:10px;
  font-size:14px;
}
.box ul {
	padding-left: 0;
	margin: 25px;
}
.box li {
	padding-left: 0;
	margin: 10px 10px 10px 10px;
	font-size: 14px;
}


@media (min-width: 990px) {
	.thirdBox  {
		padding-top: 20px;
	}
}

.box div.place-bottom {
	position: absolute;
	bottom: 24px;
	width: 100%;
}

.box div.place-bottom {
	position: absolute;
	bottom: 24px;
	width: 100%;
}

.box a.btn {
  background-color: transparent;
  border-color: white;
  text-decoration: none;
}

.box.greenbox {
  border-color: #007A7C !important;
}

.box.redbox {
  border-color: #7A306C !important;
}

.box h2 {
  background-color: #007DBA !important;
}

div.box.greenbox h2 {
    background-color: #007A7C !important;  
}

div.box.redbox h2 {
    background-color: #7A306C !important;  
}

/* B2B Classes */
.underline {
	border-bottom: 1px solid #ccc !important;
	padding-bottom: 0px !important;
}

/* CSS Tables */
/** GRID TABLES **/

.FourColGrid {
	width: 23%; float:left;
	padding:1%; border: solid 0px #000; background-color:transparent;
	display:table-cell;
	vertical-align:top;
	text-align:center;
}

.ThreeColGrid {
	width: 30%; float:left;
	padding:1%; border: solid 0px #000; background-color:transparent;
	display:table-cell;
	vertical-align:top;
	text-align:center;
}

.FourColGrid.aLeft, .ThreeColGrid.aLeft {
	text-align:left;
}

.FourColGrid.aRight, .ThreeColGrid.aRight {
	text-align:right;
}


.GridArea {
	width:100%;
	display:table;
	clear:both;
}

/* Callouts */
#tabsNavigation, .tabsNavigation, .tabNavigation {
	clear: both;
}
#tabsNavigation a.tabsBtn.active {
	border-bottom: 1px solid #FFF;
}
.centerNewsColumn {
	width: 46%;
	height: auto;
	float: left;
	display: block;
	position: relative;
}
address {
	font-style: normal;
}
.fourColumn address {
	display: block;
}
UL.linkCols {
	padding: 0;
	list-style: none;
	width: 100%;
	margin: 0;
}
.topRightImage {
	padding: 0;
}
.rightColumn, .rightColumn P {
	font-size: 15px;
}
.rightTextCol {
	width: 90%;
	margin: auto;
	padding: 2%;
	font-size: 13px;
	line-height: 130%;
}
.rightColumnBoxed {
	width: 184px;
	left: 0px;
	min-height: 350px;
	height: auto !important;
	margin-top: 30px;
	background: #eee;
}
.rightTextBoxed {
	padding: 0 10px;
	line-height: 18px;
}
.rightTextBoxed h1 {
	color: #333;
	font-size: 14px;
	font-family: UniversBold;
	font-weight: normal;
	margin: 0;
}
.rightTextBoxed h3 {
	color: #333;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
.rightTextBoxed ul, #specialtiesHomeBottom ul {
	padding: 10px 0 0 10px;
	margin: 0 0 8px 0;
	list-style: none;
}
.rightTextBoxed ul li, #specialtiesHomeBottom ul li {
	padding: 0 0 10px 15px;
	text-indent: 0px;
	margin: 0;
	background-image: url("/Style Library/Images/UCSD/bulletA_arrow.png");
	background-repeat: no-repeat;
	line-height: 18px;
}
.rightTextBoxed ul li:before {
	content: none;
	padding: 0 0 0 0;
}
#you_tube_container {
	width: 475px;
	height: 473px;
	padding: 10px;
	background: #63B1E5 !important;
	overflow: hidden;
	clear: both;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.TwoColGrid {
	width: 48%;
	float: left;
	padding: 1%;
	display: block;
	text-align: center;
}
.FourColGrid {
	width: 23%;
	float: left;
	padding: 1%;
	display: block;
	text-align: center;
}
.ThreeColGrid {
	width: 30%;
	float: left;
	padding: 1%;
	border: solid 1px #000;
	background-color: #EEE;
	display: block;
	text-align: center;
}
.FourColGrid.aLeft, .ThreeColGrid.aLeft, .TwoColGrid.aLeft {
	text-align: left;
}
.FourColGrid.aRight, .ThreeColGrid.aRight, .TwoColGrid.aRight {
	text-align: right;
}
.GridArea {
	width: 100%;
	display: table;
	clear: both;
}
.GridArea.left DIV {
	text-align: left;
}
.rightTextBox h1, .rightTextCol h1 {
	color: #333;
	font-size: 16px;
	font-family: UniversBold;
	font-weight: normal;
	margin: 0;
}
.rightTextBox {
	width: 90%;
	padding: 2%;
	color: #333;
	font-size: 15px;
	font-family: Univers;
	font-weight: normal;
	margin: auto;
	line-height: 150%;
	border: 1px solid #00C6D7;
}
.rightTextBox P, P.small {
	font-size: 15px !important;
	line-height: 24px !important;
}
.fullWidthHeadline {
	width: 620px;
	display: block;
}
.leftTextBoxBorderless, .callOutBorderOnly {
	width: 33%;
	padding: 0px 10px 10px 10px;
	margin: 10px 10px 10px 0px;
	float: left;
	line-height: 150%;
	background: #fff;
	border: 1px solid #FFF;
}
.leftTextBox {
	width: 64%;
	margin: 10px 0 0 0;
}
.borderBrightBlue {
	border: 1px solid #63b1e5;
}
.rightTextCol .rightTextBox {
	width: 90%;
	padding: 5px 3%;
	margin: 10px 2% 10px 2%;
}

/* Profile Listing */
.profile_row {
	clear: both;
	float: left;
	width: 100%;
	margin: 0px 0 10px 0;
	border-bottom: solid 1px #DDD;
}
.profile_row H3 {
	margin: 0 0 5px 0;
}
.profile_img {
	padding: 5px 15px 10px 0;
	float: left;
	width: 40%;
}
.profile_img IMG {
	width: 100%;
	height: auto;
}
.profile_introtext {
	margin-bottom: 5px;
	display: table;
}
A.profile_readmore {
	display: block;
	float: right;
	width: 100%;
	text-align: right;
	padding: 0 0 0 0;
}
/* Article CSS tables */
/* Article Listing */

.article_row {
	clear: both;
	float: left;
	width: 100%;
	margin: 0px 0 10px 0;
	border-bottom: solid 1px #DDD;
}
.article_row H3 {
	margin: 0 0 5px 0;
}
.article_img {
	padding: 5px 15px 10px 0;
	float: left;
	/* width:30%; */
}

.article_img IMG {
	width:auto !important;
	height: auto !important;
}

.article_introtext {
	margin-bottom:5px;
	display:table;
}

A.article_readmore {
	display: block;
	float:right;
	clear:both;
	text-align: right;
	padding: 0 0 0 0;
}

.hide {
	display:none
}
.hide:after {
	content:'';
	clear:both;
}

/* Custom Classes */
.alignRight {
	float:right;
	padding:8px 0px 10px 10px;
	width:auto;
	height: auto;
}
.alignLeft {
	float:left;
	padding:8px 10px 10px 0px;
	width:auto;
	height: auto;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
@media screen and (min-width:320px) {
	.alignLeft, .alignRight {
	    padding: 10px 10px 0 0;
	    position: relative;
	    clear: both;
	}
}
@media screen and (min-width:425px){
	.alignLeft {
		width: 40%;
		clear: both;
	}
}	
@media screen and (min-width:600px) {		
	.alignRight {
	    width:auto ;
	    height: auto ;
	    border: none;
	    position: relative;
	    outline-width: 0px;
	    max-width: 60%;
	}
	#mainBody IMG {
	    width: auto;
		height: auto;
    }
}
@media screen and (min-width:768px) {
	.rightTextCol {
		width: 28%;
		padding: 0 0 20px 2%;
		float: right;
		margin:none;
	}
	.rightTextBox {
		width: 33%;
		padding: 10px 2%;
		margin: 0 0 20px 2%;
		float: right;
	}
	.rightTextBoxGreenWhite {
		width: 33%;
		padding: 0px 10px 10px 10px;
		margin: 10px 0px 20px 20px;
		float: right;
	}
}

@media screen and (min-width:800px) {
	.alignRight {
	    padding: 10px 0px 10px 10px;
	    position: relative;
	}
}
/* Top Navigation */
.ms-core-listMenu-horizontalBox li {
	display: inherit;
}
div#zz11_TopNavigationMenu ul#zz12_RootAspMenu > li > a {
	display: none;
}
div#zz11_TopNavigationMenu ul#zz12_RootAspMenu li ul li > a {
	color: #484949;
	font-size: 21px;
	font-family: 'TradeGothicCon';
	text-align: left;
  	padding-left: 10px;
}
div#zz11_TopNavigationMenu ul#zz12_RootAspMenu li ul li > a {
	width: 173px;
}
div#zz11_TopNavigationMenu ul#zz12_RootAspMenu li ul li > a:hover, div#zz11_TopNavigationMenu ul#zz12_RootAspMenu li ul > li.hover a {
	background-color: #006A96;
	color: #fff !important;
}
/* dropdown menus */
div#zz11_TopNavigationMenu ul#zz12_RootAspMenu li ul > li > ul.dynamic li a {
	background-color: rgba(53, 128, 165, 0.8) !important;
	color: #fff !important;
	font-size: 16px;
	font-family: 'Univers';
	line-height: 18px;
}
div#zz11_TopNavigationMenu ul#zz12_RootAspMenu li ul > li.hover > ul.dynamic li a {
	background-color: #006A96 !important;
	color: #fff !important;
}

div#zz11_TopNavigationMenu ul#zz12_RootAspMenu li ul li > ul.dynamic > li a:hover {
	background-color: #fff !important;
	color: #000 !important;
}
div#zz11_TopNavigationMenu ul#zz12_RootAspMenu > li {
	position: relative;
	left: -57px;
}
/* doc link background images for specific file types */
MAIN a[href$='.pdf']:not(.btn) {
   background: transparent url('https://assets.ucsd.edu/img/icon/icpdf.png') top 3px left no-repeat;
   padding-left: 20px;
}
MAIN a[href$='.docx'], MAIN a[href$='.doc'] {
   background: transparent url("https://assets.ucsd.edu/img/icon/icdocx.gif") top 3px left no-repeat;
   padding-left: 20px;
}
MAIN a[href$='.xlsx'], MAIN a[href$='.xls'] {
   background: transparent url(https://assets.ucsd.edu/img/icon/icxls.gif) top 3px left no-repeat;
   padding-left: 20px;
}
MAIN a[href$='.ppt'], MAIN a[href$='.pptx'] {
   background: transparent url(https://assets.ucsd.edu/img/icon/icppt.gif) top 3px left no-repeat;
   padding-left: 20px;
}
MAIN a[href$='.ppt'].noShow, MAIN a[href$='.pptx'].noShow {
   background: none;
   display: inline-block;
   padding-left: 0px;
}
MAIN a[href$='.xls'].noShow, MAIN a[href$='.xlsx'].noShow {
   background: none;
   display: inline-block;
   padding-left: 0px;
}
MAIN a[href$='.doc'].noShow, MAIN a[href$='.docx'].noShow {
   background: none;
   display: inline-block;
   padding-left: 0px;
}
MAIN a[href$='.pdf'].noShow {
   background: none;
   display: inline-block;
   padding-left: 0px;
}
MAIN LI a[href$='.pdf'].noShow {
   background: none;
   display: inline;
   padding-left: 0px;
}

/* Link Focus and Hover */
A:hover
{
  background-color: #f4f7a2;
}
.navbar A:hover, .triple-hover-box-panel A:hover
{
  background-color: transparent;
}
A.navbar-brand:hover
{
  background-color: #fff;
}

/* .leftNavColumn .leftNavHeader A:hover
{
  background-color: #7A306C !important;
} */

#sidr .SpNav #SpNavUL A:hover, #sidr .SpNav #SpNavUL li:hover
{
  background-color: none;
}
FOOTER A:hover
{
  color: #333;
}
A:focus, A.btn:focus
{
  outline-color:#00C6D7 !important;
  outline-width: 2.5px !important;
  outline-style: solid !important;
  text-decoration-color: currentcolor !important;
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
}
A.no-external-link span {
	display:none;
}
A.no-decoration {
	text-decoration: none !important;
}
A.no-hover-effect:hover {
	background-color:transparent;
}

/* Remove hover highlight on social media icons */
FOOTER div.socMed A:hover
{
  background-color: transparent;
}

/* Overrides for accordion */
h3.acc_trigger.active {
	height: auto !important;
}

/* Overrides for tabs */
#tabsNavigation a.active, .tabsNavigation a.active, .tabNavigation a.active {
	height: auto !important;
}


/* PhysNet */
#ImageDiv1 {
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(80, 80, 80, 0.45)), url(/providers/physician-network/PublishingImages/jmc1200.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: right center !important;
}

/* Background image for IE with gradient */
#ImageDiv1 {
	background: url(/providers/physician-network/PublishingImages/jmc1200.png) !important;
	background-size: cover !important;
    background-repeat: no-repeat;
    background-position: right center !important;
	box-shadow:inset 0 0 0 2000px rgba(80, 80, 80, 0.45);
}
.white-background {
	background-color: white !important;
} 

.green-background {
	background-color: #9DD9D2 !important;
}     

.grey-background {
	background-color: #F2F2F2 !important;
}  

/* When nesting columns, row padding needs to be compensated */
.row .row {
	margin-right: 0px !important;
    margin-left: 0px !important;
}

.row.equal-boxes {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  }
.row.equal-boxes a.btn {
	position:absolute;
	bottom:0px;
}

/* Mobile Nav */
#ultraNav .ultraNavLinks {
    display: none;
}
#menu_hamburger {
    padding: 25px;
    color: #008DCF !important;	
}
#sidr {
	font-family: Univers, sans-serif !important;
}

@media (max-width:989px) and (min-width:768px) {
    #topNavRow .menu-item-text {
        font-size: 14px !important;
    }
}

@media (min-width: 768px) {
	#sidr {
		display: none;
	}

	#defaultNavbar1 {
		display: block !important;
	}

	#ultraNav {
		float: right;
		margin: 41px;
		
	}
	/* #menu_hamburger {
		display: none !important;
	    float: left;
	    padding: 0px;
	} */
	#ultraNav .ultraNavLinks {
	    display: inline !important;
	}
}

/* TABLE STYLES */
   TABLE {
     color: #373F51 !important;
   }
   /* Table Style 1 - Clear */
   table.ms-rteTable-0 tr.ms-rteTableHeaderRow-0 .ms-rteTableHeaderEvenCol-0, table.ms-rteTable-0 tr.ms-rteTableHeaderRow-0 .ms-rteTableHeaderOddCol-0 {
     font-family: 'Univers' !important;
     color: #333 !important;
   }
   /* Table Style 3 - Medium Two Tones */
   table.ms-rteTable-6 tr.ms-rteTableHeaderRow-6 .ms-rteTableHeaderEvenCol-6, table.ms-rteTable-6 tr.ms-rteTableHeaderRow-6 .ms-rteTableHeaderOddCol-6 {
     background-color: #006A96 !important;
     color: #FFF !important;
   }
   table.ms-rteTable-6 tr.ms-rteTableOddRow-6 {
    background-color: #F9F9F9 !important;
   }
   /* Table Style 4 - Light Lines */
   table.ms-rteTable-2 tr.ms-rteTableHeaderRow-2 .ms-rteTableHeaderEvenCol-2, table.ms-rteTable-2 tr.ms-rteTableHeaderRow-2 .ms-rteTableHeaderOddCol-2 {
     background-color: #DDD !important;
     color: #333 !important;
     border-color: #dddddd !important;
     font-family: 'Univers' !important;
   }
   table.ms-rteTable-2 tr.ms-rteTableOddRow-2, table.ms-rteTable-2 tr.ms-rteTableEvenRow-2 {
     border-color: #dddddd !important;
   }
   /* Table Style 5 - Grid */
   table.ms-rteTable-3 {
	 border: 1px solid #ddd !important;
   }
   table.ms-rteTable-3 tr.ms-rteTableHeaderRow-3 .ms-rteTableHeaderEvenCol-3, table.ms-rteTable-3 tr.ms-rteTableHeaderRow-3 .ms-rteTableHeaderOddCol-3 {
     background-color: #006A96 !important;
     color: #FFF !important;
     border-color: #006A96 !important;
   }
   table.ms-rteTable-3 tr.ms-rteTableOddRow-3 {
    background-color: #F9F9F9 !important;
   }   

/* TWO COLUMN MEDSCHOOL */
#mainBody {
	padding-bottom:100px;
}
.headline-bluestripes {
    background-color: #006A96 !important;
    color: #fff !important;
    background-image: url(/PublishingImages/bg_blue_lines.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 10em 0px;
}
.medschool-headline #headlineField h1 A:hover {
	background-color: transparent !important;
}
@media (min-width:989px) {
	.headline-bluestripes {
		background-position: 25em 0px;
	}
}
@media (min-width:1200px) {
	.headline-bluestripes {
		background-position: 30em 0px;
	}
}
.medschool-headline #headlineField h1, .medschool-headline #headlineField h1 A {
	font-size: 25px;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	font-family: 'TradeGothicCon' !important;
	color: #fff !important;
	text-decoration: none;
}
.medschool-headline #headlineField h1:hover, .medschool-headline #headlineField h1 A:hover {
	text-decoration: underline !important;
}
@media (min-width:786px) {
	.medschool-headline #headlineField h1, .medschool-headline #headlineField h1 A {
		font-size: 55px;
	}
}
#footer-image-section {
	max-height: 300px;
	overflow: hidden;	
}

#footer-image-section #footer-image-container IMG {
	width: 100%;
}
/* WELCOME MEDSCHOOL CSS */
#HeroShotTop {
	width: 100%;
    overflow: hidden;
    display: block;
    height: 360px;
}
#HeroShotTop #herovid {
	min-width: 100%;
	height: auto;
	width: 100%;
	min-height: 100%;
	vertical-align: bottom;
}
#HeroShotTop.hero-video {
	position:relative;
	/* background-image: url(/PublishingImages/som-home-hero-768.png);
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center center; */
    height: 260px;
    min-height: 0 !important;
}
#herovid-button {
	position: absolute;
	bottom: 5%;
	right: 10%;
	z-index: 1;
}
#herovid-button button {
	background-color: #006A96;
    border-width: 0px;
    font-family: 'TradeGothicCon';
    opacity: 0.6;
    font-size: 20px;
    color:white;
}
#herovid-button button:hover {
	background-color: #fff;
    color:black;
}
@media (min-width:580px) {
	#HeroShotTop.hero-video {
		height: 360px;
	}
}
@media (min-width:768px) {
	#HeroShotTop.hero-video {
		height: 210px;
	}
}
@media (min-width:990px) {
	#HeroShotTop.hero-video {
		height: 270px;
	}
}
@media (min-width:1024px) {
	#HeroShotTop {
		height: 560px;
	}
	#HeroShotTop.hero-video {
		height: 320px;
	}
}
@media (min-width:1200px) {
	#HeroShotTop.hero-video {
		height: 330px;
	}
}
@media (min-width:1400px) {
	#HeroShotTop.hero-video {
		height: 400px;
	}
}
@media (min-width:1700px) {
	#HeroShotTop.hero-video {
		height: 470px;
	}
}
.medyellowbackground {
	background-color:  #FFCD00;
	padding-top:30px;
	padding-bottom:30px;
}
.medaquabackground {
	background-color:  #00C6D7;
	padding-top:30px;
	padding-bottom:30px;
}
.meddarkbackground {
	background-color:  #1B4560;
	padding-top:30px;
	padding-bottom:30px;
}
.medbluebackground {
	background-color:  #006A96;
	padding-top:30px;
	padding-bottom:30px;
}
.medgreybackground {
	background-color:  #F2F2F2;
	padding-top:30px;
	padding-bottom:30px;
}
.bluestripes {
    background-color: #006A96 !important;
    color: #fff !important;
    background-image: url(/PublishingImages/bg_blue_lines.png);
    background-repeat: no-repeat;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
}
.jumbotron-white {
	background-color: white;
}
#stats-carousel {
	background-image: url(/PublishingImages/bg_stats.jpg);
    background-repeat: no-repeat;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
}
#stats-carousel H3 {
	color: #006A96 !important;
	font-size:56px !important;
}
#stats-carousel div.row div.col-lg-12, .white-overlay {
	background-color: rgba(255, 255, 255, 0.7);
	margin: 2em 0 2em 0;
}
.yellowstripes {
    background-image: url(/PublishingImages/bg_yellow_lines_sm_right.jpg) !important;
    background-size: cover;
    background-position: center center;
}
.reversed-yellowstripes {
    background-image: url(/PublishingImages/bg_yellow_lines_sm_left.jpg) !important;
    background-size: cover;
    background-position: center center;
}

.jumbotron-white H1, .jumbotron-white H2, .jumbotron-white H3, .jumbotron-white H4,
.medyellowbackground H1, .medyellowbackground H2, .medyellowbackground H3, .medyellowbackground H4,
.yellowstripes H1, .yellowstripes H2, .yellowstripes H3, .yellowstripes H4 
{
	color: #006A96;
}
.bluestripes H1, .bluestripes H2, .bluestripes H3, .bluestripes H4,
.jumbotron-bluelines H1, .jumbotron-bluelines H2, .jumbotron-bluelines H3, .jumbotron-bluelines H4 {
	color: white;
}
.jumbotron .panel.panel-primary h1, .jumbotron .panel.panel-primary h2, .jumbotron .panel.panel-primary h3, .jumbotron .panel.panel-primary h4 {
	color: white;
}
.no-overlay {
	background-color: transparent;
}
/* Three Box with Captions */
.threeBoxesBlueCaption img {
	/* height: 210px !important;
	width: 375px !important; old code */
	height: auto !important;
	max-width: 100% !important;
}

.threeBoxesBlueCaption p {
	height: 150px !important;
    width: 375px !important;
    font-size: 28px;
    font-family: "Univers";
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    background-color: #006A96;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    padding: 0px;
}

.threeBoxesBlueCaption a:link {
	text-decoration: none;
}

.threeBoxesBlueCaption a:hover {
	text-decoration: underline;
	color: #fff;
}
@media (min-width:990px) {
	#solid-blue-section{
		background-image: url(/PublishingImages/n-equals-one.jpg);
    	background-size: contain;
    	background-repeat: no-repeat;
    	background-position: right;
	}
}
@media (min-width:1500px) {
	#solid-blue-section{
		background-image: url(/PublishingImages/n-equals-one.jpg);
    	background-size: contain;
    	background-repeat: no-repeat;
    	background-position-x: 1020px;
	}
}
.bluebackground {
    background-color: #006A96 !important;
    color: #fff !important;
}

@media (min-width:989px) {
	.bluebackground .blue-left-box {
		padding: 48px 0px 48px 0px;
	}
}

div.news-image-wrapper IMG{
	display: block;
    max-width: 100%;
    height: auto;
}

div.news-image-wrapper{
	position:relative; 
}
div.news-feed-box {
	padding: 48px !important;
	max-width: 620px;
}
div.news-feed-box h3, div.news-feed-box H3 A {
    margin-top: 0px;
    padding-top: 0px;
    text-decoration: none;
}
div.news-feed-box UL {
	padding-left: 0px !important;
	list-style-type: none !important;
}
div.news-feed-box .more-news {
	float: right;
}

div.news-tagline-wrapper{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	width:100%;
	/* styling bellow */
	background-color:rgba(0, 198, 215, 0.9);
	color:white;
	padding:20px 48px 20px 48px;
	text-align:center;
}
#news-section div.news-image-wrapper span#news-tagline-text A {
	color:white !important;
	font-weight:bold;
	font-size:1.2em;
}

#solid-blue-section IMG{
	display: block;
    max-width: 100%;
    height: auto;
}
.slick-carousel-container {
	text-align:center !important;
}
/* HOVER BOXES ON WELCOME PAGE */
.triple-hover-box-panel{
	padding-bottom:0px !important;
	margin-bottom:0px !important;
}
.panel-hover-boxes .is-secure:after {
	font-size:80%;
	color:rgba(255,255,255,.5)
}
.panel-hover-boxes .continue-link,.panel-hover-boxes .tribe-events-read-more,.panel-hover-boxes .tribe-events-widget-link {
	font-size:14px;
	font-size:.875rem
}
.panel-hover-boxes .hover-box-text .continue-link,.panel-hover-boxes .hover-box-text .tribe-events-read-more,.panel-hover-boxes .hover-box-text .tribe-events-widget-link {
	color:#fff
}
.panel-hover-boxes .hh-dark-text .continue-link,.panel-hover-boxes .hh-dark-text .tribe-events-read-more,.panel-hover-boxes .hh-dark-text .tribe-events-widget-link {
	color:#1d1d1d
}
.hover-boxes {
	padding:.625rem
}
.hover-box-item.hover-box-col {
	padding:.3125rem
}
.hover-box-wrapper {
	min-height:300px;
	position:relative;
	text-align:center;
	background-color:#1d1d1d;
	overflow:hidden
}
.hover-box-wrapper.hover-box-text {
	color:#fff
}
.hover-box-wrapper.hh-dark-text {
	color:#1d1d1d
}
.hover-box-image {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:.35;
	z-index:2;
	background-position:center;
	background-size:cover;
	transition:300ms cubic-bezier(0.445,.05,.55,.95) transform
}
.hover-box-image.box1 {
	background-image:url('/PublishingImages/box1.jpg');
}
.hover-box-image.box2 {
	background-image:url('/PublishingImages/box2.jpg');
}
.hover-box-image.box3 {
	background-image:url('/PublishingImages/box3.jpg');
}
.hover-box-content {
	padding:1.875rem;
	background:0 0;
	position:relative;
	z-index:3;
	display:table;
	height:100%;
	width:100%;
	min-height:300px
}
.hover-intro-wrapper {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	height:100%
}
.hover-intro {
	transition:300ms cubic-bezier(0.445,.05,.55,.95) opacity;
	top:50%;
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:100%;
	padding:1.875rem;
	opacity:1;
	position:relative
}
.hover-box-title {
	margin-bottom:.5em;
	font-weight:600
}
H3.hover-box-title {
	font-size:24px !important;
}
.hover-box-wrapper.hover-box-text .hover-box-title {
	color:#fff
}
.hover-box-wrapper.hh-dark-text .hover-box-title {
	color:#1d1d1d
}
.page-body .hover-box-title {
	font-size:20px;
	font-size:1.25rem
}
.hover-box-subtitle {
	font-family:"Whitney SSm A","Whitney SSm B",sans-serif;
	font-weight:500;
	margin-bottom:1em
}
.hover-box-wrapper.hover-box-text .hover-box-subtitle {
	color:#fff
}
.hover-box-wrapper.hh-dark-text .hover-box-subtitle {
	color:#1d1d1d
}
.hh-item-text {
	line-height:1.3333;
	font-size:16px;
	margin-bottom:1.75rem
}
.hover-expanded-text {
	height:100%;
	visibility:hidden;
	display:table-cell;
	vertical-align:middle;
	opacity:0;
	transition:300ms cubic-bezier(0.445,.05,.55,.95) opacity
}
.hover-box-item:hover .hover-box-wrapper:before {
	opacity:0
}
.hover-box-item:hover .hover-box-content.hover-color {
	background:rgba(0, 106, 150,.8);
}
.hover-box-item:hover .hover-box-content.hh-shadow {
	box-shadow:inset 0 0 100px 7px rgba(0,0,0,.34)
}
.hover-box-item:hover .hover-box-image {
	-ms-transform:scale(1.25);
	transform:scale(1.25);
	opacity:.7
}
.hover-box-item:hover .hover-intro {
	opacity:0
}
.hover-box-item:hover .hover-intro h3,.hover-box-item:hover .hover-intro h4 {
	display:none
}
.hover-box-item:hover .hover-expanded-text {
	opacity:1;
	visibility:visible
}
.hover-box-item:hover .hover-box-link.no-touch {
	display:block
}

/* Extra */
#TopAlertBar {
	background-color: #ea961c;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	display: none;
}

#TopAlertBar p {
	padding: 0;
	margin: 0;
}

.hover-box-col, .hover-box-cols {
    position: relative;
    padding-left: .9375rem;
    padding-right: .9375rem;
}
.hover-box-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border: none !important;
    margin: 0;
}
.sr-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* About Page Styles */
#about-page-white-overlay {
	background-image: url(/about/PublishingImages/aerial-som-campus.png);
    background-repeat: no-repeat;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;	
}

.hero-overlay-wrapper {
	position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(0, 198, 215, 0.8);
    color: white;
}
.hero-overlay-wrapper .row {
	padding:0px !important;
}
.hero-overlay-section {
	position:relative;
}
#twitter-widget-0 {
	border: 1px solid #e9ebee !important;
}
/*50th Landing */
#fifty-white-overlay {
	background-image: url(/about/50-years/PublishingImages/bg-anniversary-collage.png);
    background-repeat: no-repeat;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;	
}

/* CUSTOM PADDING & MARGINS */
.padding-top-24 {
	padding-top: 24px !important;
}
.padding-bottom-24 {
	padding-bottom: 24px !important;
}
.padding-left-24 {
	padding-left: 24px !important;
}
.padding-right-24 {
	padding-right: 24px !important;
}
.margin-top-24 {
	margin-top: 24px !important;
}
.margin-bottom-24 {
	margin-bottom: 24px !important;
}
.margin-left-24 {
	margin-left: 24px !important;
}
.margin-right-24 {
	margin-right: 24px !important;
}

/* SPECIAL CLASSES */
.copyright {
	padding-bottom: 20px;
	font-size: 12px;
}

.caption {
	font-size: 14px !important;
	line-height: 1.5em !important;
	display: block;
}

/* PRINT STYLES */
@media print {
   .btn {
     color: black !important;
   }
}

/* BUTTON STYLES ON MOBILE */
@media (max-width: 768px) {
	.btn {
		white-space: normal;
		min-height: 44px;
		min-width: 44px;
		padding: 10px 16px;
    	font-size: 16px;
    	line-height: 1.33;
	}
}

/*Picture Rotator Styles*/
.cycle-slideshow img {
	max-width: 100%;
}

/** Added XL class to Bootstrap grid system **/

@media (min-width: 1600px) {
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {float: left;}
.col-xl-12 {width: 100%;}
.col-xl-11 {width: 91.66666666666666%;}
.col-xl-10 {width: 83.33333333333334%;}
.col-xl-9 {width: 75%;}
.col-xl-8 {width: 66.66666666666666%;}
.col-xl-7 {width: 58.333333333333336%;}
.col-xl-6 {width: 50%;}
.col-xl-5 {width: 41.66666666666667%;}
.col-xl-4 {width: 33.33333333333333%;}
.col-xl-3 {width: 25%;}
.col-xl-2 {width: 16.666666666666664%;}
.col-xl-1 {width: 8.333333333333332%;}
.col-xl-pull-12 {right: 100%;}
.col-xl-pull-11 {right: 91.66666666666666%;}
.col-xl-pull-10 {right: 83.33333333333334%;}
.col-xl-pull-9 {right: 75%;}
.col-xl-pull-8 {right: 66.66666666666666%;}
.col-xl-pull-7 {right: 58.333333333333336%;}
.col-xl-pull-6 {right: 50%;}
.col-xl-pull-5 {right: 41.66666666666667%;}
.col-xl-pull-4 {right: 33.33333333333333%;}
.col-xl-pull-3 {right: 25%;}
.col-xl-pull-2 {right: 16.666666666666664%;}
.col-xl-pull-1 {right: 8.333333333333332%;}
.col-xl-pull-0 {right: 0;}
.col-xl-push-12 {left: 100%;}
.col-xl-push-11 {left: 91.66666666666666%;}
.col-xl-push-10 {left: 83.33333333333334%;}
.col-xl-push-9 {left: 75%;}
.col-xl-push-8 {left: 66.66666666666666%;}
.col-xl-push-7 {left: 58.333333333333336%;}
.col-xl-push-6 {left: 50%;}
.col-xl-push-5 {left: 41.66666666666667%;}
.col-xl-push-4 {left: 33.33333333333333%;}
.col-xl-push-3 {left: 25%;}
.col-xl-push-2 {left: 16.666666666666664%;}
.col-xl-push-1 {left: 8.333333333333332%;}
.col-xl-push-0 {left: 0;}
.col-xl-offset-12 {margin-left: 100%;}
.col-xl-offset-11 {margin-left: 91.66666666666666%;}
.col-xl-offset-10 {margin-left: 83.33333333333334%;}
.col-xl-offset-9 {margin-left: 75%;}
.col-xl-offset-8 {margin-left: 66.66666666666666%;}
.col-xl-offset-7 {margin-left: 58.333333333333336%;}
.col-xl-offset-6 {margin-left: 50%;}
.col-xl-offset-5 {margin-left: 41.66666666666667%;}
.col-xl-offset-4 {margin-left: 33.33333333333333%;}
.col-xl-offset-3 {margin-left: 25%;}
.col-xl-offset-2 {margin-left: 16.666666666666664%;}
.col-xl-offset-1 {margin-left: 8.333333333333332%;}
.col-xl-offset-0 {margin-left: 0;}
}