@charset "UTF-8";
/* Common Styles used for ALL products */
/* ========================== BODY DEFAULT ========================== */
/* Reset Body */
body {
  color: #000;
  padding-top: 50px;
  background: white;
  font-weight: normal;
}

@media (min-width: 768px) {
  html, body {
    height: auto;
  }
}

/* ========================== NAVIGATION ============================ */
/* Fix nav-right and drop-down menu when using YAMM with default BS3 fixed navbar template */
@media (min-width: 768px) {
  .navbar-nav.navbar-right:last-child {
    margin-right: 0px;
  }
  .navbar-nav.navbar-right li:last-child ul.dropdown-menu {
    right: 15px;
  }
}

/* YAMM Menu */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}

/* Change Nav Pill hover to Grey */
.nav-pills > li.active > a,
.nav-pills > li > a:hover {
  color: #000 !important;
  background-color: #f0f0f0 !important;
}

/* Sync hover & active color to Grey */
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

.nav-pills > li > a {
  border-radius: 0;
}

.dropdown-menu {
  border: none;
}

/* remove max-height for logo @app.css - line 757 */
.nav-brand img {
  max-height: none;
  margin-top: -4px;
  vertical-align: middle;
}

/* Change White Background */
.bg-white {
  background-color: #fff;
  color: #333;
}


/* ========================== BREADCUM ============================== */
/* Fix Breadcum */
.breadcrumb {
  background-color: transparent;
  border: none;
  padding-left:0;
  margin-bottom:0;
}

/* Reset Breadcum Icon */
.breadcrumb > li + li:before {
    content: "\2192";
}

/* ========================== NAVIGATION ============================ */
/* Change Navigation Fonts to Roboto */
.navbar-nav > li > a {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 20px;
  color: #000;
  padding-left: 11px;
  padding-right: 11px;
}

.navbar-nav > li > a .badge.up {
  font-size: 10px;
}

/* Drop shadow  */
.drop-shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 0 0 0 rgba(0, 0, 0, 0.1);
}
.drop-shadow-lg {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2),0 0 0 0 rgba(0, 0, 0, 0.2);
}
/* Drop shadow for YAM Menu */
.drop-shadow-down {
  -webkit-box-shadow: 0 6px 4px 0 rgba(0, 0, 0, 0.1),0 0 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 4px 0 rgba(0, 0, 0, 0.1),0 0 0 0 rgba(0, 0, 0, 0.1);
}

/* ========================== COLOR SCHEMES ========================= */
/* Reset DANGER Color Scheme to Red Branding */
.text-danger {
	color: #ff6600
}
.bg-danger {
	background-color: #ff6600;
	color: #fff;
}
.bg-danger.lt,
.bg-danger .lt {
  background-color: #ff6600;
}
.bg-danger.lter,
.bg-danger .lter {
  background-color: #ff6600;
}
.bg-danger.dk,
.bg-danger .dk {
  background-color: #ff6600;
}
.bg-danger.dker,
.bg-danger .dker {
  background-color: #ff6600;
}
.btn-danger {
	background-color: #ff6600;
	border-color: #ff6600;
	background: -moz-linear-gradient(top, #ff6600 0%, #ff6600 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #ff6600));
	background: -webkit-linear-gradient(top, #ff6600 0%, #ff6600 100%);
	background: -o-linear-gradient(top, #ff6600 0%, #ff6600 100%);
	background: -ms-linear-gradient(top, #ff6600 0%, #ff6600 100%);
	background: linear-gradient(to bottom, #ff6600 0%, #ff6600 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#ff6600', GradientType=0 );
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
	background-color: #ff6600;
	border-color: #ff6600;
	background: -moz-linear-gradient(top, #ff6600 0%, #ff6600 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #ff6600));
	background: -webkit-linear-gradient(top, #ff6600 0%, #ff6600 100%);
	background: -o-linear-gradient(top, #ff6600 0%, #ff6600 100%);
	background: -ms-linear-gradient(top, #ff6600 0%, #ff6600 100%);
	background: linear-gradient(to bottom, #ff6600 0%, #ff6600 100%);
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background: -moz-linear-gradient(top, #ff6600 0%, #ff6600 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #ff6600));
    background: -webkit-linear-gradient(top, #ff6600 0%, #ff6600 100%);
    background: -o-linear-gradient(top, #ff6600 0%, #ff6600 100%);
    background: -ms-linear-gradient(top, #ff6600 0%, #ff6600 100%);
    background: linear-gradient(to bottom, #ff6600 0%, #ff6600 100%);
}

/* Reset Navigation Hover and Active States colors */
.bg-danger .nav li > a:hover {
  background-color: #ff6600;
}

.bg-white .nav li > a:hover {
  background-color: #f0f0f0;
}

.nav > li > a:hover, .nav > li > a:focus {
  background-color: inherit;
}

.bg-danger .nav li > ul.dropdown-menu > li > a {
  color: #333;
}

.bg-white .nav li > ul.dropdown-menu > li > a {
  color: #000;
}

.bg-danger .nav .open > a {
  background-color: #ff6600;
}

.bg-danger.navbar .nav > li.active > a {
  background-color: #ff6600;
}

.bg-white a {
  color: #000;
}
.bg-white a:hover {
  color: #299be8;
}
/*Fix che dau gach chan chu */
.text-ellipsis {
  padding-bottom: 3px;
}

/* ================= BRANDING LINES ===================*/
.red-bottom-xs {
  border-bottom: #cb2027 solid 1px !important;
}
.red-bottom-sm {
  border-bottom: #cb2027 solid 2px !important;
}
.red-top-xs {
  border-top: #cb2027 solid 1px !important;
}
.red-top-sm {
  border-top: #cb2027 solid 2px !important;
}

.grey-top-sm {
  border-top: #666 solid 2px !important;
}

.red-border-sm {
  border: #cb2027 solid 5px !important;
}
.success-top-sm { 
  border-top: #80c740 solid 2px !important;
}
.warning-top-sm { 
  border-top: #fbb82a solid 2px !important;
}
.info-top-sm { 
  border-top: #3cc5f1 solid 2px !important;
}

/* Remove Thin Line between li in Nav Stack */
.nav-stacked > li + li {
  margin-top: 0;
}

/* Reset LIGHT color scheme  */
.bg-light {
  background-color: #e9e9e9;
  color: #000;
}
.bg-light.lt,
.bg-light .lt {
  background-color: #f0f0f0;
}
.bg-light.lter,
.bg-light .lter {
  background-color: #f9f9f9;
}
.bg-light.dk,
.bg-light .dk {
  background-color: #e0e0e0;
}
.bg-light.dker,
.bg-light .dker {
  background-color: #d0d0d0;
}

/* Reset Panel Border Color */
.panel {
	border-color: #e9e9e9;
} 

/* Reset BLACK color scheme */
.bg-black {
  background-color: #2c3039;
  color: #fff;
}
.bg-black.lt,
.bg-black .lt {
  background-color: #343843;
}
.bg-black.lter,
.bg-black .lter {
  background-color: #3d424f;
}
.bg-black.dk,
.bg-black .dk {
  background-color: #24282f;
}
.bg-black.dker,
.bg-black .dker {
  background-color: #1c1f25;
}

/* ========================== CAROUSEL FRED ========================= */
/* Carousel FredSel */
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	display: block;
	float: left;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	float: none;
	clear: both;
}

.img-stretch {
	width: 100% !important;
	max-width: none;
}

.just-white {
	background-color: white !important;
}

/* ========================== FONTS & LINKS ========================= */
h1, .h1 {
  font-weight: bold;
  letter-spacing: -0.5px;
}

h2, .h2 {
  font-weight: 200;
  letter-spacing: -0.5px;
}

h3, .h3, h5, .h5 {
  letter-spacing: -0.3px;
  font-weight: 500;
}

h5, .h5 {
  font-size: 15px;
}

h4, .h4, h6, .h6 {
  font-weight: normal;
  letter-spacing: -0.3px;
}

a:hover {
	color: #299be8;
}

.hotkey {
	text-transform: uppercase;
	font-size:x-small;
	font-weight:bold;
	color: #c00 !important;
}
.hotkey.light {
  color: #fcc !important;
}

/* ========================== BUTTONS ===================== */
/* Video Scale Responsive */
/*.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

/* Add padding class */
.p-t-xs {
	padding-top: 5px !important;
}
.p-t-sm {
	padding-top: 10px !important;
}
.p-b {
  padding-bottom: 15px !important;
}
.p-b-xs {
	padding-bottom: 5px !important;
}
.p-b-sm {
	padding-bottom: 10px !important;
}
.p-r {
  padding-right: 15px !important;
}
.p-l {
  padding-left: 15px !important;
}
.p-b-none {
  padding-bottom: 0px !important;
}
.p-t-none {
  padding-top: 0 !important;
}
.p-b-xl {
  padding-bottom: 50px !important;
}
.p-t-xl {
  padding-top: 50px !important;
}

/* Change backdrop color */
.modal-backdrop{
	background-color: #000;
}

/* Reset Blockquote font */
blockquote {
  font-size: inherit;
}

/* Reset Dropdown Menu hover */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #299be8;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #299be8;
    outline: 0;
}

/* Reset Tab Heading to NO RADIUS  */
.panel-heading .nav-tabs.nav-justified > li:first-child > a,
.panel-heading .nav-tabs.pull-left > li:first-child > a {
  border-radius: 0 0 0 0;
}
.panel-heading .nav-tabs.nav-justified > li:last-child > a,
.panel-heading .nav-tabs.pull-right > li:last-child > a {
  border-radius: 0 0 0 0;
}

/* More wrapper class */
.wrapper-sm {
  padding: 10px;
}
.wrapper-xs {
  padding: 5px;
}

/* Reset Arrrow Right color in chat */
.chat-item .arrow.right:after {
  border-left-color: #fff;
}


/* IMAGE Caption */
.video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -36px;
    margin-left: -26px;
    z-index: 12;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

/* Remove hover a link in ajax tab navigation */
ul#ajax_nav_latest li a:hover, ul#ajax_nav_longform li a:hover {
  background-color: transparent;
}

.lead {
  border-bottom: 1px dotted #999;
  line-height: 1.5em;
  font-size: 20px;
}
@media (min-width: 768px) {
  .lead {
    font-size: 22px;
  }
}

/* COPY FROM MUSIC TEMPLATE */
.i-fw {
  width: 1.2857142857143em;
  text-align: center;
}
.i-lg {
  font-size: 1.3333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.i-md {
  font-size: 1.2em;
}
.i-sm {
  font-size: 0.75em;
}
.i-1x {
  font-size: 1em;
}
.i-2x {
  font-size: 2em;
}
.i-3x {
  font-size: 3em;
}
.i-4x {
  font-size: 4em;
}
.i-5x {
  font-size: 5em;
}
.i-s {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.i-s > i {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: inherit;
}
.i-s-2x {
  width: 2em;
  height: 2em;
  font-size: 2em;
  line-height: 2em;
}
.i-s-2x .i-s-base {
  font-size: 2em;
}
.i-s-3x {
  width: 2.5em;
  height: 2.5em;
  font-size: 2.5em;
  line-height: 2.5em;
}
.i-s-3x .i-s-base {
  font-size: 2.5em;
}
.i-s-4x {
  width: 3em;
  height: 3em;
  font-size: 3em;
  line-height: 3em;
}
.i-s-4x .i-s-base {
  font-size: 3em;
}
.i-s-5x {
  width: 3.5em;
  height: 3.5em;
  font-size: 3.5em;
  line-height: 3.5em;
}
.i-s-5x .i-s-base {
  font-size: 3.5em;
}

/* Text on picture */
.media-bg {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
}

.overlay-bg {
  position: absolute;
  width: 100%;
  height: 100% !important;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
}


/*Text on image */
.ihover {
  position: relative;
}
.ihover .top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.ihover .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ihover .center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
.ihover .gd {
  background-color: transparent;
  background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),color-stop(20%,rgba(0,0,0,0.25)),to(rgba(0,0,0,0.75)));
  background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.25) 20%,rgba(0,0,0,0.75));
  background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.25) 20%,rgba(0,0,0,0.75));
  background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.25) 20%,rgba(0,0,0,0.75));
  background-repeat: no-repeat;
}
.ihover .gd-white {
  background-color: transparent;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f7f7+0,f6f7f7+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(246,247,247,0) 0%, rgba(246,247,247,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(246,247,247,0) 0%,rgba(246,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(246,247,247,0) 0%,rgba(246,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f7f7', endColorstr='#f6f7f7',GradientType=0 ); /* IE6-9 */
  background-repeat: no-repeat;
}
.ihover .gd-inverse {
  background-color: transparent;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 50%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  background-repeat: no-repeat;
}
.ihover .opacity {
  background-color: rgba(0,0,0,0.75);
}
.ihover .book {
    background-color: transparent;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(211, 211, 211, 0.2) 5%, rgba(255, 255, 255, 0.3) 5%, rgba(255, 255, 255, 0.2) 9%, rgba(0, 0, 0, 0.02) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(211, 211, 211, 0.2) 5%, rgba(255, 255, 255, 0.3) 5%, rgba(255, 255, 255, 0.2) 9%, rgba(0, 0, 0, 0.02) 100%) ;
    background-repeat: no-repeat;
}

.ihover .book:hover {
    box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, 0.4),0 0 0 0 rgba(0, 0, 0, 0.4);
}

.ihover .hotkey {
  color: #fcc !important;
}
.ihover a:hover {
  color: #fcc;
}
/* Red */
.ihover .red, .overlay-bg.red {
  background: -moz-linear-gradient(-45deg, rgba(0,47,75,0.8) 0%, rgba(220,66,37,0.8) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,47,75,0.8)), color-stop(100%,rgba(220,66,37,0.8))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, rgba(0,47,75,0.8) 0%,rgba(220,66,37,0.8) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, rgba(0,47,75,0.8) 0%,rgba(220,66,37,0.8) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, rgba(0,47,75,0.8) 0%,rgba(220,66,37,0.8) 100%); /* IE10+ */
  background: linear-gradient(135deg, rgba(0,47,75,0.8) 0%,rgba(220,66,37,0.8) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002f4b', endColorstr='#ccdc4225',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ihover .red:hover {
  background: -moz-linear-gradient(-45deg, rgba(0,47,75,0.9) 0%, rgba(220,66,37,0.9) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,47,75,0.9)), color-stop(100%,rgba(220,66,37,0.9))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, rgba(0,47,75,0.9) 0%,rgba(220,66,37,0.9) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, rgba(0,47,75,0.9) 0%,rgba(220,66,37,0.9) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, rgba(0,47,75,0.9) 0%,rgba(220,66,37,0.9) 100%); /* IE10+ */
  background: linear-gradient(135deg, rgba(0,47,75,0.9) 0%,rgba(220,66,37,0.9) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002f4b', endColorstr='#ccdc4225',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* Blue */
.ihover .blue, .overlay-bg.blue {
  background: -moz-linear-gradient(-45deg,  rgba(41,36,132,0.8) 0%, rgba(65,119,17,0.8) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(41,36,132,0.8)), color-stop(100%,rgba(65,119,17,0.8))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  rgba(41,36,132,0.8) 0%,rgba(65,119,17,0.8) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  rgba(41,36,132,0.8) 0%,rgba(65,119,17,0.8) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  rgba(41,36,132,0.8) 0%,rgba(65,119,17,0.8) 100%); /* IE10+ */
  background: linear-gradient(135deg,  rgba(41,36,132,0.8) 0%,rgba(65,119,17,0.8) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc292484', endColorstr='#cc417711',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ihover .blue:hover {
  background: -moz-linear-gradient(-45deg,  rgba(41,36,132,0.9) 0%, rgba(65,119,17,0.9) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(41,36,132,0.9)), color-stop(100%,rgba(65,119,17,0.9))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  rgba(41,36,132,0.9) 0%,rgba(65,119,17,0.9) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  rgba(41,36,132,0.9) 0%,rgba(65,119,17,0.9) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  rgba(41,36,132,0.9) 0%,rgba(65,119,17,0.9) 100%); /* IE10+ */
  background: linear-gradient(135deg,  rgba(41,36,132,0.9) 0%,rgba(65,119,17,0.9) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6292484', endColorstr='#e6417711',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* yellow */
.ihover .yellow, .overlay-bg.yellow  {
  background: -moz-linear-gradient(-45deg,  rgba(220,66,37,0.8) 0%, rgba(224,190,0,0.8) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(220,66,37,0.8)), color-stop(100%,rgba(224,190,0,0.8))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  rgba(220,66,37,0.8) 0%,rgba(224,190,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  rgba(220,66,37,0.8) 0%,rgba(224,190,0,0.8) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  rgba(220,66,37,0.8) 0%,rgba(224,190,0,0.8) 100%); /* IE10+ */
  background: linear-gradient(135deg,  rgba(220,66,37,0.8) 0%,rgba(224,190,0,0.8) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccdc4225', endColorstr='#cce0be00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ihover .yellow:hover {
  background: -moz-linear-gradient(-45deg,  rgba(220,66,37,0.9) 0%, rgba(224,190,0,0.9) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(220,66,37,0.9)), color-stop(100%,rgba(224,190,0,0.9))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  rgba(220,66,37,0.9) 0%,rgba(224,190,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  rgba(220,66,37,0.9) 0%,rgba(224,190,0,0.9) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  rgba(220,66,37,0.9) 0%,rgba(224,190,0,0.9) 100%); /* IE10+ */
  background: linear-gradient(135deg,  rgba(220,66,37,0.9) 0%,rgba(224,190,0,0.9) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6dc4225', endColorstr='#e6e0be00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* yellow */
.ihover .pink, .overlay-bg.pink {
  background: -moz-linear-gradient(-45deg,  rgba(220,66,37,0.8) 0%, rgba(168,50,121,0.8) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(220,66,37,0.8)), color-stop(100%,rgba(168,50,121,0.8))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  rgba(220,66,37,0.8) 0%,rgba(168,50,121,0.8) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  rgba(220,66,37,0.8) 0%,rgba(168,50,121,0.8) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  rgba(220,66,37,0.8) 0%,rgba(168,50,121,0.8) 100%); /* IE10+ */
  background: linear-gradient(135deg,  rgba(220,66,37,0.8) 0%,rgba(168,50,121,0.8) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccdc4225', endColorstr='#cca83279',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ihover .pink:hover {
background: -moz-linear-gradient(-45deg,  rgba(220,66,37,0.9) 0%, rgba(168,50,121,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(220,66,37,0.9)), color-stop(100%,rgba(168,50,121,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(220,66,37,0.9) 0%,rgba(168,50,121,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(220,66,37,0.9) 0%,rgba(168,50,121,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(220,66,37,0.9) 0%,rgba(168,50,121,0.9) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(220,66,37,0.9) 0%,rgba(168,50,121,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6dc4225', endColorstr='#e6a83279',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* yellow */
.ihover .magenta, .overlay-bg.magenta {
  background: -moz-linear-gradient(-45deg,  rgba(255,0,82,0.8) 0%, rgba(142,43,136,0.8) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,0,82,0.8)), color-stop(100%,rgba(142,43,136,0.8))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  rgba(255,0,82,0.8) 0%,rgba(142,43,136,0.8) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  rgba(255,0,82,0.8) 0%,rgba(142,43,136,0.8) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  rgba(255,0,82,0.8) 0%,rgba(142,43,136,0.8) 100%); /* IE10+ */
  background: linear-gradient(135deg,  rgba(255,0,82,0.8) 0%,rgba(142,43,136,0.8) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff0052', endColorstr='#cc8e2b88',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.ihover .magenta:hover {
  background: -moz-linear-gradient(-45deg,  rgba(255,0,82,0.9) 0%, rgba(142,43,136,0.9) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,0,82,0.9)), color-stop(100%,rgba(142,43,136,0.9))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  rgba(255,0,82,0.9) 0%,rgba(142,43,136,0.9) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  rgba(255,0,82,0.9) 0%,rgba(142,43,136,0.9) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  rgba(255,0,82,0.9) 0%,rgba(142,43,136,0.9) 100%); /* IE10+ */
  background: linear-gradient(135deg,  rgba(255,0,82,0.9) 0%,rgba(142,43,136,0.9) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ff0052', endColorstr='#e68e2b88',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* yellow */
.ihover .green, .overlay-bg.green {
  background: -moz-linear-gradient(-45deg,  rgba(65,119,17,0.8) 0%, rgba(220,66,37,0.8) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(65,119,17,0.8)), color-stop(100%,rgba(220,66,37,0.8))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  rgba(65,119,17,0.8) 0%,rgba(220,66,37,0.8) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  rgba(65,119,17,0.8) 0%,rgba(220,66,37,0.8) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  rgba(65,119,17,0.8) 0%,rgba(220,66,37,0.8) 100%); /* IE10+ */
  background: linear-gradient(135deg,  rgba(65,119,17,0.8) 0%,rgba(220,66,37,0.8) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc417711', endColorstr='#ccdc4225',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.ihover .green:hover {
background: -moz-linear-gradient(-45deg,  rgba(65,119,17,0.9) 0%, rgba(220,66,37,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(65,119,17,0.9)), color-stop(100%,rgba(220,66,37,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(65,119,17,0.9) 0%,rgba(220,66,37,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(65,119,17,0.9) 0%,rgba(220,66,37,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(65,119,17,0.9) 0%,rgba(220,66,37,0.9) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(65,119,17,0.9) 0%,rgba(220,66,37,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6417711', endColorstr='#e6dc4225',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.ihover-overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
  box-shadow: inset 0 0 50px rgba(0,0,0,0.5);*/
}
.ihover-dual {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ihover .gd-dual {
  background: -moz-linear-gradient(top, rgba(28,31,37,1) 0%, rgba(28,31,37,0) 50%, rgba(28,31,37,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28,31,37,1)), color-stop(50%,rgba(28,31,37,0)), color-stop(100%,rgba(28,31,37,1)));
  background: -webkit-linear-gradient(top, rgba(28,31,37,1) 0%,rgba(28,31,37,0) 50%,rgba(28,31,37,1) 100%);
  background: -o-linear-gradient(top, rgba(28,31,37,1) 0%,rgba(28,31,37,0) 50%,rgba(28,31,37,1) 100%);
  background: -ms-linear-gradient(top, rgba(28,31,37,1) 0%,rgba(28,31,37,0) 50%,rgba(28,31,37,1) 100%);
  background: linear-gradient(to bottom, rgba(28,31,37,1) 0%,rgba(28,31,37,0) 50%,rgba(28,31,37,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1f25', endColorstr='#1c1f25',GradientType=0 );
}
.ihover .h3 {
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.ihover-overlay.active,
.ihover-dual.active,
.ihover:hover .ihover-overlay,
.ihover:hover .ihover-dual {
  display: block;
}
.text-shadow {
  text-shadow: 0 1px 5px rgba(0,0,0,0.5);
}
/*music bar */
.bg-empty {
  background-color: transparent;
}
.musicbar {
  position: relative;
}
.musicbar span {
  position: absolute;
  bottom: 0;
  width: 15%;
  text-indent: -9999px;
}
.bar1 {
  left: 0%;
  height: 60%;
}
.bar2 {
  left: 20%;
  height: 45%;
}
.bar3 {
  left: 40%;
  height: 90%;
}
.bar4 {
  left: 60%;
  height: 60%;
}
.bar5 {
  left: 80%;
  height: 40%;
}
.animate .a1 {
  -webkit-animation: movingbar1 1s infinite alternate both;
  -moz-animation: movingbar1 1s infinite alternate both;
  animation: movingbar1 1s infinite alternate both;
}
.animate .a2 {
  -webkit-animation: movingbar2 1.5s infinite alternate both;
  -moz-animation: movingbar2 1.5s infinite alternate both;
  animation: movingbar2 1.5s infinite alternate both;
}
.animate .a3 {
  -webkit-animation: movingbar3 1.2s infinite alternate both;
  -moz-animation: movingbar3 1.2s infinite alternate both;
  animation: movingbar3 1.2s infinite alternate both;
}
.animate .a4 {
  -webkit-animation: movingbar4 1.1s infinite alternate both;
  -moz-animation: movingbar4 1.1s infinite alternate both;
  animation: movingbar4 1.1s infinite alternate both;
}
.animate .a5 {
  -webkit-animation: movingbar5 1.2s infinite alternate both;
  -moz-animation: movingbar5 1.2s infinite alternate both;
  animation: movingbar5 1.2s infinite alternate both;
}

@-webkit-keyframes movingbar1 {
  0% {
    height: 32%;
  }
  25% {
    height: 80%;
  }
  50% {
    height: 56%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 84%;
  }
}
@-moz-keyframes movingbar1 {
  0% {
    height: 32%;
  }
  25% {
    height: 80%;
  }
  50% {
    height: 56%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 84%;
  }
}
@keyframes movingbar1 {
  0% {
    height: 32%;
  }
  25% {
    height: 80%;
  }
  50% {
    height: 56%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 84%;
  }
}
@-webkit-keyframes movingbar2 {
  0% {
    height: 20%;
  }
  25% {
    height: 58%;
  }
  50% {
    height: 90%;
  }
  75% {
    height: 74%;
  }
  100% {
    height: 53%;
  }
}
@-moz-keyframes movingbar2 {
  0% {
    height: 20%;
  }
  25% {
    height: 58%;
  }
  50% {
    height: 90%;
  }
  75% {
    height: 74%;
  }
  100% {
    height: 53%;
  }
}
@keyframes movingbar2 {
  0% {
    height: 20%;
  }
  25% {
    height: 58%;
  }
  50% {
    height: 90%;
  }
  75% {
    height: 74%;
  }
  100% {
    height: 53%;
  }
}
@-webkit-keyframes movingbar3 {
  0% {
    height: 34%;
  }
  25% {
    height: 69%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 82%;
  }
  100% {
    height: 41%;
  }
}
@-moz-keyframes movingbar3 {
  0% {
    height: 34%;
  }
  25% {
    height: 69%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 82%;
  }
  100% {
    height: 41%;
  }
}
@keyframes movingbar3 {
  0% {
    height: 34%;
  }
  25% {
    height: 69%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 82%;
  }
  100% {
    height: 41%;
  }
}
@-webkit-keyframes movingbar4 {
  0% {
    height: 80%;
  }
  25% {
    height: 49%;
  }
  50% {
    height: 59%;
  }
  75% {
    height: 82%;
  }
  100% {
    height: 65%;
  }
}
@-moz-keyframes movingbar4 {
  0% {
    height: 80%;
  }
  25% {
    height: 49%;
  }
  50% {
    height: 59%;
  }
  75% {
    height: 82%;
  }
  100% {
    height: 65%;
  }
}
@keyframes movingbar4 {
  0% {
    height: 80%;
  }
  25% {
    height: 49%;
  }
  50% {
    height: 59%;
  }
  75% {
    height: 82%;
  }
  100% {
    height: 65%;
  }
}
@-webkit-keyframes movingbar5 {
  0% {
    height: 50%;
  }
  25% {
    height: 30%;
  }
  50% {
    height: 90%;
  }
  75% {
    height: 50%;
  }
  100% {
    height: 65%;
  }
}
@-moz-keyframes movingbar5 {
  0% {
    height: 50%;
  }
  25% {
    height: 30%;
  }
  50% {
    height: 90%;
  }
  75% {
    height: 50%;
  }
  100% {
    height: 65%;
  }
}
@keyframes movingbar5 {
  0% {
    height: 50%;
  }
  25% {
    height: 30%;
  }
  50% {
    height: 90%;
  }
  75% {
    height: 50%;
  }
  100% {
    height: 65%;
  }
}

/*all border types */
.b-light {
  border-color: #f0f0f0;
}
.b-dark {
  border-color: #657789;
}
.b-primary {
  border-color: #636bb0;
}
.b-success {
  border-color: #1dcc74;
}
.b-info {
  border-color: #60bed1;
}
.b-warning {
  border-color: #fbdc4c;
}
.b-danger {
  border-color: #ff6600;
}
.b-black {
  border-color: #2e3941;
}
.b-white {
  border-color: #fff;
}
.b-dashed {
  border-style: dashed !important;
}
.b-2x {
  border-width: 2px;
}
.b-3x {
  border-width: 3px;
}
.b-4x {
  border-width: 4px;
}
.b-5x {
  border-width: 5px;
}

/*END COPY FROM MUSIC TEMPLATES */

.animated.delay {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.animated.delay2 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.animated.delay3 {
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.animated.delay4 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

/* Formatting for Reading Content */
.reading-content p,
.reading-content div,
.reading-content li {
  font-size: larger;
}
.reading-content a:link {
  color: #cb2027;
  text-decoration: underline;
}
.reading-content a:hover {
  color: #900;
  text-decoration: none;
}
.reading-content ul {
  list-style-type: square;
}
.reading-content ol {
  padding-left: 30px;
}
ol {
  padding-left: 20px;
}
ul.square {
  list-style-type: square;
  padding-left: 15px;
}
ul.square li, ol li {
  margin-bottom: 5px;
}
.reading-content img,
.comment-item img {
  max-width: 100%;
}
.reading-content iframe,
.comment-item iframe {
    padding: 1%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #eee;
    max-width:100%;
}
.pull-offset-both {
  margin-top: 15px;
  margin-bottom: 15px;
  -webkit-box-shadow: inset 0 0 90px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0 0 90px rgba(0,0,0,0.5);
  box-shadow: inset 0 0 90px rgba(0,0,0,0.5);
}
@media (min-width: 768px) {
  .reading-content.featured {
    padding-left: 62.5px;
    padding-right: 62.5px;
  }
  .featured .pull-offset-right {
    margin-right: -8%;
  }
  .featured .pull-offset-left {
    margin-left: -8%;
  }
  .featured .pull-offset-both {
    margin-left: -77.5px;
    width: 750px !important;
    max-width: none !important;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .reading-content.featured {
    padding-left: 162px;
    padding-right: 162px;
  }
  .featured .pull-offset-right {
    margin-right: -16%;
  }
  .featured .pull-offset-left {
    margin-left: -16%;
  }
  .featured .pull-offset-both {
    margin-left: -177px;
    width: 970px !important;
    max-width: none !important;
  }
}

@media (min-width: 1200px) {
  .reading-content.featured {
    padding-left: 195px;
    padding-right: 195px;
  }
  .featured .pull-offset-right {
    margin-right: -16%;
  }
  .featured .pull-offset-left {
    margin-left: -16%;
  }
  .featured .pull-offset-both {
    margin-left: -210px;
    width: 1170px !important;
    max-width: none !important;
  }
}

/* Old picture caption */
.wp-caption-text {
  padding-left: 40px;
  position: relative;
  font-size: small !important;
  color: #999;
}
.wp-caption-text:before { position: absolute; content: ""; width: 30px; height: 2px; border-top: 4px solid #d4d4d4; top: 5px; left: 0; }

/* New picture caption & Floating */
.media-half {
  display: block;
  width: 50%;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #666;
}
.media-full {
  display: block;
  width: 100%;
  color: #666;
  margin-top: 15px;
  margin-bottom: 15px;
  clear: both;
}

blockquote.media-box{
  display: block;
  width: 40%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 5px solid #eee;
  border-bottom: 5px solid #eee;
  border-left: none;
}
@media (max-width: 767px) {
  blockquote.media-box{
   width: 100%;
  }
}

.media-light {
  padding: 10px;
  background-color: #eee;
  color: #000;
}
.media-dark {
  padding: 10px;
  background-color: #333;
  color: #fff;
}
.media-full.media-light,
.media-full.media-dark {
  padding: 0;
  padding-bottom: 15px;
}
.media-full.media-light p,
.media-full.media-dark p {
  padding-left: 15px;
  padding-right: 15px;
}
.media-left {
  margin-right: 15px;
  float: left;
}
.media-center {
  width: 80% !important;
  margin-left: auto;
  margin-right: auto;
}
.media-right {
  margin-left: 15px;
  float: right;
}
.media-half img,
.media-full img {
  margin-bottom: 10px;
  width: 100% !important;
}
.media-half .media-caption,
.media-full .media-caption {
  font-size: small;
  margin-bottom: 0px;
}
.media-half .media-source,
.media-full .media-source {
  font-style: oblique;
  font-size: x-small;
  margin-bottom: 0;
}

/* Quote styles */
.right-quote, .left-quote, .center-quote {
  display: block;
  color: #900;
  font-size: 24px !important;
  line-height: 32px;
  font-style: italic;
}
.center-quote {
  width: 90%;
  margin: 0;
  padding: 20px;
  font-style: oblique;
  color: #900;
}
.right-quote, .left-quote {
  display: block;
  float:left;
  width: 240px;
  margin: 20px;
  padding: 5px;
}
.right-quote {
  float:right;
}

/*Reset timeline middle line*/
.timeline:before {
width: 2px;
margin-left: -2px;
}

/* Create new timeline CSS based on Comment List */
.comment-list.w-date .w-textdate {
  width: 80px;
}

.comment-list.w-date:before {
position: absolute;
top: 0;
bottom: 35px;
left: 92px;
width: 1px;
background: #e0e4e8;
content: '';
}

.comment-list.w-date .comment-item .comment-body {
  margin-left: 126px;
}

.comment-list.w-date .comment-item .arrow.left {
top: 15px;
left: 119px;
}

/*Change default TABLE STRIPED to bootstrap by commenting off on 245 line app.css */

/* Declare affix values for keywords */
.keywords.affix {
    position: static;
}

@media (min-width: 992px) {
  .keywords.affix,
  .keywords.affix-bottom {
    width: 132px;
  }
  .keywords.affix {
    position: fixed;
    top: 70px;
  }
  .keywords.affix-bottom {
    position: absolute;
  }
}

@media (min-width: 1200px) {
  .keywords.affix,
  .keywords.affix-bottom {
    width: 165px;
  }
  .keywords.affix {
    position: fixed;
    top: 70px;
  }
  .keywords.affix-bottom {
    position: absolute;
  }
}

/* FAQ Star Divider */
.star-divider {
  padding-top: 72px !important;
  background: url(../img/logo-watermark.png) 50% 15% no-repeat;
}

.text-md {
  font-size: 18px;
}

/*Fix Chrome 39 font errror*/
.panel-heading .nav-tabs > li > a {
  white-space: nowrap;
}

.alert {
  padding: 10px;
}

.p-r-sm {
  padding-right: 8px !important;
}
.p-l-sm {
  padding-left: 8px !important;
}

.campaign-cover {
background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.9)), color-stop(80%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.font-big {
  font-size: 64px;
}

.m-xl {
  margin-top: 60px; 
  margin-bottom: 60px;
}

.hand {
  cursor: pointer;
}

/*Define Black Button */
.btn-black {
  color: #fff !important;
  background-color: #24282f;
  border-color: #24282f;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  color: #fff !important;
  background-color: #2c3039;
  border-color: #2c3039;
}
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  background-image: none;
}
.btn-black.disabled,
.btn-black.disabled:hover,
.btn-black.disabled:focus,
.btn-black.disabled:active,
.btn-black.disabled.active,
.btn-black[disabled],
.btn-black[disabled]:hover,
.btn-black[disabled]:focus,
.btn-black[disabled]:active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black,
fieldset[disabled] .btn-black:hover,
fieldset[disabled] .btn-black:focus,
fieldset[disabled] .btn-black:active,
fieldset[disabled] .btn-black.active {
  background-color: #24282f;
  border-color: #24282f;
}
.btn-black .caret {
  border-top-color: #fff;
}

/* Course Level Tag */
.label.level {
  border: 1px solid #6A879C;
  color: #7A94A6 !important;
  text-transform: uppercase;
  padding: .25em .5em;
  letter-spacing: .05em;
  font-weight: normal;
 }

/* Chia 7 cột cho Danh sach khoa hoc */
@media (min-width:1600px) {
  .col-xlg-1-4 {
    width: 14.285%;
  }
}

@media only screen and (min-width:1440px) and (max-width: 1600px) {
  .hidden-xxlg {
    display: none !important;
  }
}

/* Chia 5 cột cho Campaign & Mega Dropdown */
@media only screen and (min-width:1200px) and (max-width: 1440px) {
  .col-xlg-2-4 {
    width: 20%;
  }
  .hidden-xlg {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .col-xmd-2-4 {
    width: 20%;
  }
}



/* style for ckEditor edit inline*/
#editable{
  padding: 10px 10px 3px 5px;
}
.cke_editable.cke_editable_inline{
  cursor: pointer;
}
.cke_editable.cke_editable_inline.cke_focus{
  box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;
  outline: none;
  background: #eee;
  cursor: text;
}

.cke_editable_inline pre{
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* COPY FROM COURSE.CSS*/
/* Thank you Page */
.g {
font-size: 32px;
font-weight: 300;
background-image: -webkit-linear-gradient(92deg,#fb83fa,#00aced);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/* Define Passport Cover */
.course-cover {
    min-height: 360px;
}
@media (min-width: 992px) {
    .course-cover {
        min-height: 480px;
    }
}
@media (min-width: 1200px) {
    .course-cover {
        min-height: 540px;
    }
}

a.link-red {
  color: #c00 !important;
}

.b-black {
  border-color: #3d424f;
}


/* Paid Icon bottom right */
.overlayBottomRight {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 999;
}

.black-pattern {
  background: url("../../build/img/pattern.png") top left repeat;
    background-color: rgba(0,0,0,0.5);
}

.arrow.left.black:after {
  border-right-color: #2c3039;
}

.ihover .opacity {
  background-color: rgba(0,0,0,0.5);
}






.btn-foundation, .btn-experience, .btn-advanced, .btn-reference
{
  color: #fff !important;
}

.btn-foundation:hover, .btn-experience:hover, .btn-advanced:hover, .btn-reference:hover
{
  background-color: #c00 !important;
}

.btn-na {
  border: 1px solid #4c5566;
  background-color: inherit;
}


.btn-foundation {
  background-color: #5c677c;
}


.btn-experience {
  background-color: #3D4455;
}


.btn-advanced {
  background-color: #1c1f25;
}

.btn-reference {
  background-color: #343843;
}


/* Course Decoration CSS */
.youhoc-course {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.youhoc-course:hover {
  box-shadow: #ccc 0px 0px 5px;
}

.list-group-item.active {
  border: #337ab7;
  background-color: #299be8 !important;
}

#frmA #parsley-chkboxA {
  position:absolute;
  top: -25px;
}

/* Re-format active tab in Course Detail Page */
/*#course-detail.nav-tabs > li.active > a, 
#course-detail.nav-tabs > li.active > a:hover, 
#course-detail.nav-tabs > li.active > a:focus {
  background-color: #ddd;
}*/

/* Paragraph CSS */
.intros {
  border-bottom: 1px dotted #999;
  line-height: 1.6em;
}

.underline {
  border-bottom: 1px dotted #999;
}

/*COPY FROM YOUHOC.CSS*/
/* Define active li > a in Master */
.bg-black .nav li.active > a {
  color: #fff;
  background-color: #2c3039;
}

.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active:hover.active,
.datepicker td.active.active {
  background: #c00;
  background: #c00 \9;
}

.animated.delay {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.overlayTopRight {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
}

.overlayPaid {
  position: absolute;
  top: 100px;
  left: 50px;
  z-index: 999;
}


/* Declare affix values for collection */
.collection.affix {
    position: static;
}

@media (min-width: 992px) {
  .collection.affix,
  .collection.affix-bottom {
    width: 213px;
  }
  .collection.affix {
    position: fixed;
    top: 70px;
  }
  .collection.affix-bottom {
    position: absolute;
  }
}

@media (min-width: 1200px) {
  .collection.affix,
  .collection.affix-bottom {
    width: 261px;
  }
  .collection.affix {
    position: fixed;
    top: 70px;
  }
  .collection.affix-bottom {
    position: absolute;
  }
}

/* Sortable Placeholder and Dropzone */
.droptrue {
  min-height:50px !important;
}
.dropzone,
.sortable-box-placeholder {
  margin: 0; padding: 0; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; list-style:none;
}
.handle, .portlet-handle {
  cursor: move;
}

/* Declare affix values for Course Creation Page */
.cc.affix {
    position: static;
}

@media (min-width: 992px) {
  .cc.affix,
  .cc.affix-bottom {
    width: 213px;
  }
  .cc.affix {
    position: fixed;
    top: 70px;
  }
  .cc.affix-bottom {
    position: absolute;
  }
}

@media (min-width: 1200px) {
  .cc.affix,
  .cc.affix-bottom {
    width: 263px;
  }
  .cc.affix {
    position: fixed;
    top: 70px;
  }
  .cc.affix-bottom {
    position: absolute;
  }
}

/* Fix tab active color: white to transparent */
#courseDetail_Tab .nav-tabs > li.active > a,
#courseDetail_Tab .nav-tabs > li.active > a:hover,
#courseDetail_Tab .nav-tabs > li.active > a:focus {
  background-color: #f6f7f7;
}

/*Slick Carousel Center Style */
#featured .slick-slide {
  opacity:0.5;
  margin: 30px;
  transition:all 300ms ease;
}
#featured .slick-center {
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  -webkit-transform:scale(1.1);
  opacity:1;
  transform:scale(1.1);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2),0 0 0 0 rgba(0, 0, 0, 0.2);
}

/*SLICK ARROW CUSTOM FOR HOMEPAGE*/
.slick-custom-next,
.slick-custom-prev
{
    position: absolute;
    top: 25%;
    display: block;
}
.slick-custom-prev{left: -20px;}
.slick-custom-next{right: -20px;}

.slick-custom-prev.slick-disabled,
.slick-custom-next.slick-disabled
{
    opacity: 0;
}
.slick-custom-prev:hover,
.slick-custom-prev:focus,
.slick-custom-next:hover,
.slick-custom-next:focus
{
    color: #c00;
}

.label.up {
  position: relative; top:-2px;
}