@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic|Raleway:400,500,600,700,800);
@import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.css);
/*
  font-family: 'Open Sans', sans-serif;
  font-family: 'Raleway', sans-serif;
*/
  
body{color:#696969;font-family: 'Open Sans', sans-serif;background: #0d2a6b;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkMmE2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2U5ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #0d2a6b 0%, #e3e9f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d2a6b), color-stop(100%,#e3e9f4));background: -webkit-linear-gradient(top,  #0d2a6b 0%,#e3e9f4 100%);background: -o-linear-gradient(top,  #0d2a6b 0%,#e3e9f4 100%);background: -ms-linear-gradient(top,  #0d2a6b 0%,#e3e9f4 100%);background: linear-gradient(to bottom,  #0d2a6b 0%,#e3e9f4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2a6b', endColorstr='#e3e9f4',GradientType=0 );}
.marginT20{margin-top:20px;}
.separator {height: 20px;}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
h1,h2,h3,h4,h5{font-family: 'Raleway', sans-serif;font-weight:700;}
/* Header */
#logo{margin:20px 0;}
.navbar-inverse{background-color: transparent;border-color:transparent;}
.navbar{border-radius:0;margin-bottom:0;}
.navbar-inverse .navbar-nav>li>a {color: #fff;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus {color: #fff;background-color: #991B1E;}
.navbar-inverse .navbar-nav>li:hover{color: #fff;background-color: #991B1E;}
.navbar-inverse .navbar-nav>li{background-color: #32689B;border: 1px solid #000;}

/* Footer */
#footer {width: 100%;}
footer{padding:20px 0;}
footer hr {border: 0;height: 4px;background: #333;background-image: linear-gradient(to right, #ccc, #333, #ccc);}


/* Con Ed - Course List  */
#mainContent{background:#fff;border: 1px solid #4E4E50;padding:0;}
.clearfix:before, .empower-courses table.course-section tbody td.day-time dl:before, .empower-courses-matrices .title-section:before, .empower-courses-matrices .course-matrix .course-matrix-header:before, .empower-courses-matrices .course-matrix .course-matrix-course:before, .clearfix:after, .empower-courses table.course-section tbody td.day-time dl:after, .empower-courses-matrices .title-section:after, .empower-courses-matrices .course-matrix .course-matrix-header:after, .empower-courses-matrices .course-matrix .course-matrix-course:after {content: " ";display: table}
.clearfix:after, .empower-courses table.course-section tbody td.day-time dl:after, .empower-courses-matrices .title-section:after, .empower-courses-matrices .course-matrix .course-matrix-header:after, .empower-courses-matrices .course-matrix .course-matrix-course:after {clear: both}
.empower-courses-matrices{padding: 20px 0;border-bottom: 1px solid #666;}
.empower-courses-matrices:nth-child(even) {background:#F9F9F9}
.empower-courses-matrices:last-child{border-bottom:none;}
.title-section{padding: 20px 0;font-size: 1.125em;font-family: 'Raleway', sans-serif;font-weight:600;}
.empower-courses-matrices .title-section .legend{display: block;font-size: 14px;}
.empower-courses-matrices .title-section .legend ul {margin: 0;padding: 0;list-style: none;}
.empower-courses-matrices .title-section .legend ul li{display: inline-block;padding-right: 20px;}
.empower-courses-matrices i.fa-availability {font-size: 10px;line-height: 14px;padding-right: 5px;}
.empower-courses-matrices i.fa-availability.fa-available {background-color:#8edd65;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;}
.empower-courses-matrices i.fa-availability.fa-nearly-full {background-color:#fef159;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;}
.empower-courses-matrices i.fa-availability.fa-wait-list {background-color:#363636;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;}
.course-matrix-header{font-size: 1.25em;font-weight: 600;font-family: 'Raleway', sans-serif;}
.empower-courses-matrices .course-matrix-container {width: 100%;overflow-x: auto;}
.empower-courses-matrices .course-matrix {color: #696969;font-size: 14px;}
.empower-courses-matrices .course-matrix {font-size: 14px;}
.empower-courses-matrices .course-matrix .course-matrix-course{padding:15px 0;border-bottom:1px solid #343434}
.empower-courses-matrices .course-matrix .course-matrix-header{color: #fff;background-color: #32689B;padding: 10px 0;margin-bottom: 15px;}
.empower-courses-matrices .course-matrix .course-matrix-course .section {display: block;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #242424;color: #292828;}
.empower-courses-matrices .course-matrix .course-matrix-course .section:first-child {padding-top: 0;}
.empower-courses-matrices .course-matrix .course-matrix-course .section:last-child {padding-bottom: 0;border-bottom: none;}

/* Con Ed - Course Detail  */
.subsection-nav-mobile{font-size:14px;line-height:14px}.subsection-nav-mobile .menu{padding:13px 14px;background-color:#EAEAEA;color:#696969;display:block;margin-top:20px;}.subsection-nav-mobile .menu i.fa{float:right}.subsection-nav-mobile .menu i.fa-caret-right{display:inline-block}.subsection-nav-mobile .menu i.fa-caret-down{display:none}.subsection-nav-mobile>ul{display:none;margin:0;padding:0;display:none}.subsection-nav-mobile>ul>li{list-style:none;border-bottom:1px solid #3b3b3b}.subsection-nav-mobile>ul>li:last-child{border-bottom:none}.subsection-nav-mobile>ul>li>a{display:block;background-color:#FBFBFB;color:#696969;padding:13px 14px}.subsection-nav-mobile>ul>li>a.active,.subsection-nav-mobile>ul>li>a:hover,.subsection-nav-mobile>ul>li>a:active{color:white}.subsection-nav-mobile>ul>li>a.bg-light{background-color:#363636}.subsection-nav-mobile>ul>li.with-submenu{background-color:#FBFBFB;border-bottom-width:4px}.subsection-nav-mobile>ul>li.with-submenu p{color:#acacac;padding:15px 15px 0 15px}.subsection-nav-mobile>ul>li.with-submenu>ul,.subsection-nav-mobile>ul>li.with-submenu>ul ul{margin:0 0 4px;padding:0 10px 10px}.subsection-nav-mobile>ul>li.with-submenu>ul>li,.subsection-nav-mobile>ul>li.with-submenu>ul ul>li{margin-top:8px;list-style:none;line-height:17px}.subsection-nav-mobile>ul>li.with-submenu>ul>li:first-child,.subsection-nav-mobile>ul>li.with-submenu>ul ul>li:first-child{margin-top:0}.subsection-nav-mobile>ul>li.with-submenu>ul>li.info,.subsection-nav-mobile>ul>li.with-submenu>ul ul>li.info{border-top:1px solid #292929}.subsection-nav-mobile>ul>li.with-submenu>ul>li>a,.subsection-nav-mobile>ul>li.with-submenu>ul ul>li>a{display:block;padding:5px 15px;color:#696969}.subsection-nav-mobile>ul>li.with-submenu>ul>li>a.active,.subsection-nav-mobile>ul>li.with-submenu>ul>li>a:hover,.subsection-nav-mobile>ul>li.with-submenu>ul>li>a:active,.subsection-nav-mobile>ul>li.with-submenu>ul ul>li>a.active,.subsection-nav-mobile>ul>li.with-submenu>ul ul>li>a:hover,.subsection-nav-mobile>ul>li.with-submenu>ul ul>li>a:active{color:white}.subsection-nav-mobile>ul>li.with-submenu>ul ul{margin-top:10px}.subsection-nav-mobile.open .menu i.fa-caret-right{display:none}.subsection-nav-mobile.open .menu i.fa-caret-down{display:inline-block}.subsection-nav-mobile.open>ul{display:block}.content-block{display:block;position:relative;margin-bottom:30px;background-color:black}.content-block .thumbnails{position:relative;overflow:hidden}
.empower-courses table.course-section{width:100%}.empower-courses table.course-section thead{background-color:#363636;color:#696969;font-weight:normal}.empower-courses table.course-section thead th{padding:10px 20px;font-weight:600;font-size:14px;display:block}@media (min-width: 992px){.empower-courses table.course-section thead th{display:table-cell}}.empower-courses table.course-section thead th.section{color:#363636;font-weight:bold;font-family: 'Raleway', sans-serif;}.empower-courses table.course-section tbody{background-color:#FBFBFB}.empower-courses table.course-section tbody td{padding:10px 20px;font-size:14px;display:block}@media (min-width: 992px){.empower-courses table.course-section tbody td{display:table-cell}}.empower-courses table.course-section tbody td.headshot{padding:0;width:130px}.empower-courses table.course-section tbody td.headshot img{width:130px;height:130px}@media (min-width: 992px){.empower-courses table.course-section tbody td.instructor-info{width:30%}}.empower-courses table.course-section tbody td.instructor-info .name{font-size:16px;color:#696969}.empower-courses table.course-section tbody td.instructor-info .name a{color:#505050}.empower-courses table.course-section tbody td.instructor-info .name a:hover{text-decoration:underline}.empower-courses table.course-section tbody td.instructor-info .headline{color:#696969}@media (min-width: 992px){.empower-courses table.course-section tbody td.day-time{width:30%}}.empower-courses table.course-section tbody td.day-time dl{margin:0}.empower-courses table.course-section tbody td.day-time dl dt{display:inline-block;width:60px;color:#505050;float:left;font-weight:bold}.empower-courses table.course-section tbody td.day-time dl dd{display:inline-block}.empower-courses table.course-section tbody td.availability .btn-availability{color:black;background-color:#d7d7d7;border-color:#d7d7d7;text-align:left;border-radius:0;font-size:14px;line-height:18px;font-family:"CircularStd", Helvetica, Arial, sans-serif}.empower-courses table.course-section tbody td.availability .btn-availability:hover,.empower-courses table.course-section tbody td.availability .btn-availability:focus,.empower-courses table.course-section tbody td.availability .btn-availability:active,.empower-courses table.course-section tbody td.availability .btn-availability.active,.open>.empower-courses table.course-section tbody td.availability .btn-availability.dropdown-toggle{color:black;background-color:#bebebe;border-color:#b8b8b8}.empower-courses table.course-section tbody td.availability .btn-availability:active,.empower-courses table.course-section tbody td.availability .btn-availability.active,.open>.empower-courses table.course-section tbody td.availability .btn-availability.dropdown-toggle{background-image:none}.empower-courses table.course-section tbody td.availability .btn-availability.disabled,.empower-courses table.course-section tbody td.availability .btn-availability.disabled:hover,.empower-courses table.course-section tbody td.availability .btn-availability.disabled:focus,.empower-courses table.course-section tbody td.availability .btn-availability.disabled:active,.empower-courses table.course-section tbody td.availability .btn-availability.disabled.active,.empower-courses table.course-section tbody td.availability .btn-availability[disabled],.empower-courses table.course-section tbody td.availability .btn-availability[disabled]:hover,.empower-courses table.course-section tbody td.availability .btn-availability[disabled]:focus,.empower-courses table.course-section tbody td.availability .btn-availability[disabled]:active,.empower-courses table.course-section tbody td.availability .btn-availability[disabled].active,fieldset[disabled] .empower-courses table.course-section tbody td.availability .btn-availability,fieldset[disabled] .empower-courses table.course-section tbody td.availability .btn-availability:hover,fieldset[disabled] .empower-courses table.course-section tbody td.availability .btn-availability:focus,fieldset[disabled] .empower-courses table.course-section tbody td.availability .btn-availability:active,fieldset[disabled] .empower-courses table.course-section tbody td.availability .btn-availability.active{background-color:#d7d7d7;border-color:#d7d7d7}.empower-courses table.course-section tbody td.availability .btn-availability .badge{color:#d7d7d7;background-color:black}@media (min-width: 992px){.empower-courses table.course-section tbody td.availability .btn-availability{width:80%;padding:15px}}.empower-courses table.course-section tbody td.availability .btn-availability:before{font-family:FontAwesome;padding-left:10px;line-height:18px;float:right}@media (min-width: 992px){.empower-courses table.course-section tbody td.availability .btn-availability:before{display:none}}@media (min-width: 1200px){.empower-courses table.course-section tbody td.availability .btn-availability:before{display:inline}}.empower-courses table.course-section tbody td.availability .class-full{color:#505050;font-size:16px}.empower-courses table.course-section tbody td.availability .wait-list{background:transparent;border:0;padding:0;color:#696969;font-family:"CircularStd", Helvetica, Arial, sans-serif}.empower-courses table.course-section tbody td.availability .wait-list:hover,.empower-courses table.course-section tbody td.availability .wait-list:active{color:#bcbcbc}.empower-courses table.course-section tbody td.availability .wait-list:before{color:#8edd65;float:right;font-family:FontAwesome;font-size:13px;padding-left:10px;margin-top:1px}
.empower-courses h2{font-weight:400}.empower-courses h3.light{color:#b7b7b7;font-weight:400}.empower-courses .intro{font-size:16px;color:#696969}.empower-courses .course-information{color:#696969;font-size:14px}.empower-courses .course-information hr{margin:18px 0}.empower-courses .course-information small{font-size:12px}.empower-courses .course-information ul{padding:0;list-style:none}.empower-courses .course-information ul li a{font-size:12px;color:#696969;text-decoration:underline}.empower-courses .course-information ul li a:hover,.empower-courses .course-information ul li a:active{color:#696969}.empower-courses .course-information .#696969{color:#fff;padding-right:5px}.empower-courses .browse-courses a{display:block}.empower-courses .browse-courses a h3{color:#696969}.empower-courses .browse-courses a h3 i.fa{color:#696969;font-weight:normal}.empower-courses .browse-courses a p{font-size:16px;color:#696969}.empower-courses .browse-courses a:hover p,.empower-courses .browse-courses a:active p{color:#bcbcbc}.empower-courses .course-sections-title h2{margin-top:0;font-size:32px;line-height:36px}@media (min-width: 1200px){.empower-courses .course-sections-title .academic-calendar{text-align:right}}.empower-courses .course-sections-title .academic-calendar a{color:#696969;line-height:36px}.empower-courses .course-sections-title .academic-calendar a:hover,.empower-courses .course-sections-title .academic-calendar a:active{color:#696969}.empower-courses .table-classes{font-size:14px}.empower-courses .table-classes th{font-weight:400;border-left:1px solid #3b3b3b}.empower-courses .table-classes td{border-left:1px solid #292929}.empower-courses .table-classes tr th:first-child,.empower-courses .table-classes tr td:first-child{border-left:0}.empower-courses .table-classes tfoot td{background:#000}.empower-courses .table-review{font-size:14px;border-bottom:1px solid #343434}.empower-courses .browse-checkout{font-size:14px}.empower-courses .browse-checkout .browse{color:#fff}.empower-courses .browse-checkout .or{margin-left:16px;margin-right:16px}.empower-courses .browse-checkout .btn{font-size:14px}.empower-courses .browse-checkout .btn .fa{margin-left:40px}.empower-courses table.course-section{width:100%}.empower-courses table.course-section thead{background-color:#EAEAEA;color:#363636;font-weight:normal}.empower-courses table.course-section thead th{padding:10px 20px;font-weight:normal;font-size:14px;display:block}  

.subsection-nav>ul {list-style: none;margin: 12px 0 0 0;padding: 0;}
.subsection-nav>ul>li {padding: 7px 0;}
.subsection-nav>ul>li>a {font-family: 'Raleway', sans-serif;color: #505050;display: block;padding-left: 20px;font-size:17px;}
.subsection-nav-empower>ul>li ul.submenu.submenu-inset {margin-left: 0;padding-top: 9px;padding-bottom: 16px;border-top: 2px solid #eee;border-bottom: 2px solid #eee;margin-top: 18px;color: #333;}
.subsection-nav-empower>ul>li ul.submenu.submenu-inset li {margin-top: 9px;}
.subsection-nav>ul>li ul.submenu {list-style: none;margin: 10px 0 0 0;padding: 0;}
.subsection-nav>ul>li ul.submenu.submenu-inset>li {padding: 2px 20px;}
.subsection-nav>ul>li ul.submenu>li>a {display: block;color: #505050;}
.img-responsive-full {width: 100%;height: auto;}
.empower-courses .intro {font-size: 18px;color: #696969;}
.empower-courses .course-information {color: #696969;font-size: 16px;}
.empower-courses .course-information span {font-weight:600;padding-right: 5px;color:#505050}
a.menu:focus,a.menu:hover {text-decoration:none;}

/* Con Ed - Shopping Cart  */
.content-block{background:#fff;}
.content-block .thumbnails img{max-width:420px;max-height:225px}
.note-block {color:#696969;font-size: 13px;padding: 18px 20px;}
.note-block .title {font-family: 'Raleway', sans-serif;color: #505050;font-size: 16px;margin-bottom: 12px;}
.notification{padding: 18px;margin-bottom: 20px;}
.notification.error {color: #da481a;background: #2d1912;background: rgba(218,72,26,0.14);}
.notification.success {color: #8edd65;background: #232e1d;background: rgba(142,221,101,0.14);}
.notification .icon {float: left;width: 22px;font-size: 22px;text-align: center;}
.notification .notification-text {margin-left: 42px;}
.notification.success .notification-text{margin-top: 5px;}
.empower-courses .browse-checkout {font-size: 14px;}
.page-header h1, .showcase h1, .showcase-content.short-films h2 {font-family: 'Raleway', sans-serif;color: #505050;}
.empower-courses .browse-checkout .browse {color:#337ab7;}
.empower-courses .table-classes {border: 1px solid #505050;}
.empower-courses .table-classes thead{background:#EAEAEA}
.empower-courses .table-classes tfoot td{background:#FBFBFB}
.orderComplete{padding:25px;}

@media (min-width: 992px){
.empower-courses table.course-section thead th {display: table-cell;}
}    
@media (min-width: 769px) {
  .borderRight{border-right: 1px solid #000;}
  .navbar .navbar-nav {display: inline-block;float: none;vertical-align: top;}
  .navbar .navbar-collapse {text-align: center;}
  .headlineArea{padding: 0 40px;}
  .navbar-header {float: none;text-align:center;margin-bottom: 5px;}
  .nav>li>a {padding: 10px 5px;font-size: 12px;}
  .empower-courses-matrices .title-section .legend {text-align: right;}
  .title-section {padding: 20px;}
  .page-header h1 {font-size: 66px;}
}
@media (max-width: 768px){
  body, .container, #footer {width:100%;min-width:100%}
  .logo{max-width:100%;height:auto;}
  .mobile-navigation  ul.nav{display:none}
  .coursesMiniMenu{padding:0;}
  .coursesMiniMenu li{display:block}
  .jumpTo{padding:0}
  ul.jumpTo li{padding:0 5px;}
  ul.jumpTo li strong{display:block;}
  .text-left-mobile{text-align:left !important;}
  .sectionStatus {margin-left: 5px;}
  .availabilityKey{margin-top:10px}
  .empower-courses-matrices .title-section .legend{text-align: center;margin-top: 10px;}
  .title-section {padding: 20px;}
  .empower-courses{padding:0 10px;}
  .subsection-nav-mobile>ul>li {border-bottom: none;}
  .subsection-nav-mobile>ul>li.with-submenu>ul, .subsection-nav-mobile>ul>li.with-submenu>ul ul{margin:0;}
  .empower-courses .browse-checkout {margin-top: 20px;margin-bottom: 10px;}
  a.jump-to{display:block;}
  .empower-courses-matrices .course-matrix {min-width: 1000px;}
}  
@media (min-width: 1100px) {
  .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus ,.navbar-inverse .navbar-nav>li{border-top-left-radius: 10px;border-top-right-radius: 10px;}
  .content-block .thumbnails {min-height: 225px;}
}  
@media (min-width: 768px) and (max-width: 960px){
  .navbar-nav>li {width: 33%;text-align: center;}
}
@media (min-width: 961px) and (max-width: 1100px){
  .navbar-nav>li {width: 25%;text-align: center;}
}  