@font-face {
	font-family: 'Nawabiat';
	src: url(../fonts/The_Juke_Box-FFP.ttf) format('truetype');
}

@font-face {
	font-family: 'LatoRegular';
	src: url(../fonts/Lato-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'HardRock';
	src: url(../fonts/MyUnderwood.ttf) format('truetype');
}

/* latin */
@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/specialelite/v11/XLYgIZbkc4JPUL5CVArUVL0ntnAOSFNuQsI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.open-sans-body {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.modal-body {
	max-height: calc(100vh -       210px);
	overflow-y: auto;
	overflow-x: hidden;
}





h4,h5,h6,h1,h2,h3 {
	margin-top: 0;
	display: inline;
}

h3 {
	font-size: 18px;
	color: #4e4e4e;
}

.h3Mel {
	font-family: 'LatoRegular';
	font-size: 100%;
	overflow-x: hidden;
}

ul,ol {
	margin: 0;
}

.comment {
	width: 100%;
}

.morecontent span {
	display: none;

}

.navbar {
	padding: 20px;
}


.text-pre-wrap{
    white-space: pre-wrap !important;
    overflow-wrap: break-word;
}

.artistPicture {
	min-width: 400px height :     158px;
}

.navbar-nav {
	padding-top: 5px;
	
}

.nav-link {
	font-family: sans-serif;
    font-size: 0.7rem;
    font-weight: 400;
    color: #4e4e4e;
	
}

	font-size: 16px;

.replyCommentSection {
	margin-left: 30px;
	width: 98%;
}

.navbar-toggler {
	border-color: #cccccc;
}

.navbar-toggler:focus,.navbar-toggler:active,.navbar-toggler:hover {
	outline: none !important;
	box-shadow: none;
	background: #363636;
}

.navbar-toggler-icon {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(204,204,204, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

html,body {
	
	font-family: sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
	overflow-x: hidden;
	background: #f9f9f9;
}

body a {
	font-family: sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
	color: #058dcd;
}

a:focus,a:active,a:hover {
	outline: none;
	text-decoration: none;
	color: #999999;
}

.textLink {
	outline: none;
	text-decoration: none;
	color: #4e4e4e;
}

.textLinkBlue {
	outline: none;
	text-decoration: none;
	color: #000099;
}

.smallLink {
	outline: none;
	text-decoration: none;
	color: #4e4e4e;
	font-family: sans-serif;
    font-size: 0.9rem;
}

.playerActive {
	font-size: 22px;
	color: #e9bd00;
}


.playerActive:hover {
	color: #CCC;
}


.playerInActive {
	font-size: 22px;
	color: #CCC;
}


.playerInActive:hover {
	color: #e9bd00;
}

.ticket {
	position: relative;
	box-sizing: border-box;
	width: 300px;
	height: 450px;
	margin: 150px auto 0;
	padding: 20px;
	border-radius: 10px;
	background: #FBFBFB;
	box-shadow: 2px 2px 15px 0px #AB9B0D; &: before , & : after {  
      content :     '';
	position: absolute;
	left: 5px;
	height: 6px;
	width: 290px;
}

&
:before {
	top: -5px;
	background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%,
		#FBFBFB 100%) -7px -8px/16px 16px repeat-x,
}

&
:after {
	bottom: -5px;
	background: radial-gradient(circle, transparent, transparent 50%, #FBFBFB 50%,
		#FBFBFB 100%) -7px -2px/16px 16px repeat-x,
}

}
.ticket__content {
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	border: 6px solid #D8D8D8;
}

.ticket__text {
	width: 400px;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 3rem;
	font-weight: 900;
	text-transform: uppercase;
	color: #C6DEDE;
	transform: translate(-25px, 25px) rotate(-55deg);
}


.mainblockquote {
	font-family: 'Special Elite', cursive;
	background: #fff;
	color: #3f3f5a;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 90%;
}


/* iphone */
	img { max-width: 100%; }



blockquote {
	font-weight: 100;
	font-size: 1rem;
	width: 95%;
	line-height: 1.4;
	position: relative;
	margin: 0px;
	padding: .5rem;
}

blockquote:before,
blockquote:after {
	position: absolute;
	color: #f1efe6;
	font-size: 8rem;
	width: 4rem;
	height: 4rem;
}

blockquote:before {
	content: 'Ò';
	left: -5rem;
	top: -2rem;
}

blockquote:after {
	content: 'Ó';
	right: -5rem;
	bottom: 1rem;
}

cite {
	line-height: 3;
	text-align: right;
}

.btn:focus {
	outline: none;
	box-shadow: none;
}

.reviewSectionSpacing {
	spacing: 5px;
	padding: 5px;
}

.greyText {
	color: #CCC;
}

.darkGreyText {
	color: #666;
}

#frmCheckPassword {
	border-top: #F0F0F0 2px solid;
	background: #FAF8F8;
	padding: 10px;
}

.demoInputBox {
	padding: 7px;
	border: #F0F0F0 1px solid;
	border-radius: 4px;
}

#password-strength-status {
	font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 18px;
	padding: 5px 10px;
	color: #FFFFFF;
	border-radius: 4px;
	margin-top: 5px;
}

.medium-password {
	background-color: #e9c62c;
	border: #BBB418 1px solid;
}

.weak-password {
	background-color: #FF6600;
	border: #AA4502 1px solid;
}

.strong-password {
	background-color: #77c444;
	border: #0FA015 1px solid;
}

.textLink:hover {
	text-decoration: underline;
}


.ng-binding {
	display: inline-block;
	word-break: break-word
}

ng-binding:focus,ng-binding:active,ng-binding:hover {
	outline: none;
	text-decoration: none;
	color: #4e4e4e;	
}

.image-cropper {
	width: 100px;
	height: 100px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

.image-cropper2 {
	width: 70px;
	height: 70px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}


.image-cropper3 {
	width: 50px;
	height: 50px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

.rounded {
	display: inline;
	margin: 0 auto;
	height: 100%;
	width: auto;
}

.modal-backdrop { /* bug fix - no overlay */
	display: none;
}

body p {
	font-family: sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4e4e4e;
}



h3 {
	color: #f4cb0e;
}

.content {
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	line-height: 18px;
}

.less {
	max-height: 54px;
}


#more {display: none;}

/* Phone Only */
@media ( min-width : 767px) {
	.aotwText {
		font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans';
		font-size: 40px;
		color: #f4cb0e;
	}
	.aotwArtist {
		font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans';
		font-size: 30px;
		color: #FFF;
	}
	.genreMain {
		font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans';
		font-size: 50px;
		color: #FFF;
	}
	.aotwArtistLocation {
		font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans';
		font-size: 20px;
		color: #FFF;
	}
	.spaceAOTW {
		margin-bottom: -5px;
	}
	.spaceTitle {
		margin-top: -5px;
		margin-bottom: 12px;
	}
	
	.selectList{
		max-width: 150px;
	}
	
	
	
}

/* Phone Only */
@media ( max-width : 767px) {
	.aotwText {
		font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans';
		font-size: 20px;
		color: #f4cb0e;
		margin: 10px;
	}
	.aotwArtist {
		font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans';
		font-size: 18px;
		color: #FFF;
		margin-bottom: 10px;
		margin: 12px;
	}
	.aotwArtistLocation {
		font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans';
		font-size: 12px;
		color: #FFF;
	}
	.spaceAOTW {
		margin-bottom: -6px;
	}
	
	.spaceTitle {
		margin-top: 12px;
		margin-bottom: 12px;
	}
	.selectList{
		max-width: 70px;
	}
}

.trackPick {
  background: #f6f6f6;
}


.spanCounter {
  display: inline-block;
  padding: 4px 4px 4px;
  border-radius: 3px;
  background: #333;
  margin-right: 0px;
   font-size: 22px;
  color: #FFF;
}
.center {
  text-align: center;
  width: 50%;
  margin: 20px auto;
}
.message {
  color: #ccc6e3;
  font-family: Verdana;
  font-size: 12px;
}

.navbar-collapse {
	max-height: 400px;
}

.typeahead__container {
	width: 290px;
}

footer {
	background: #3c3c28;
	padding: 12px;
	width: 100%;
	border-top: 1px solid #423D3E;
	text-align: center;
	position: fixed;
	bottom: 0;
}

footer  p {
	color: #fff;
	font-size: 1em;
}

footer  p a {
	color: #363636;
}

footer  p a:hover {
	text-decoration: none;
}

.show-grid [class ^=col-] {
	background: #fff;
	text-align: center;
	margin-bottom: 10px;
	line-height: 2em;
	border: 10px solid #f0f0f0;
}

.hrComp {
	margin-top: 3px;
	margin-bottom: 3px;
}

/*--footer--*/
.footer {
	background: #363636;
	padding: 3em 4em 5em 6em;
}

.footer-grid {
	float: left;
	width: 17.6%;
	margin-right: 3%;
}

.footer-grid_last {
	margin-right: 0;
}

.footer-grid h3 {
	color: #F9F9F9;
	font-size: 1.4em;
	margin-bottom: 0.2em;
}

ul.list1 {
	padding: 0;
	list-style: none;
}

ul.list1 a {
	color: #747477;
	font-size: 0.95em;
	line-height: 1.8em
}

ul.list1 a:hover {
	color: #fff;
	text-decoration: none;
}

.search_footer {
	position: relative;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 2em;
}

.search_footer input[type="text"] {
	padding: 7px 10px;
	outline: none;
	border: none;
	width: 70.33%;
	line-height: 1.5em;
	font-size: 0.8125em;
	background: #F5F5F5;
	border-radius: 4px 0px 0px 4px;
	-o-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 0px 4px 4px 0px;
}

.search_footer input[type="submit"] {
	background: #000;
	padding: 7px 8px;
	cursor: pointer;
	position: absolute;
	color: #fff;
	border: none;
	outline: none;
	line-height: 1.5em;
	text-transform: uppercase;
	font-size: 0.8em;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border-radius: 0px 4px 4px 0px;
	-o-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
}

.search_footer input[type="submit"]:hover {
	background: #ffcc00;
}

p.footer_desc {
	color: #747477;
	font-size: 0.95em;
	line-height: 1.8em;
	margin: 0px 0 16px;
}

p.f_text {
	color: #fff;
	font-size: 0.85em;
	margin-bottom: 0.5em;
}

p.email {
	color: #ffcc00;
	font-size: 0.85em;
}

p.email span a {
	color: #ffcc00;
}

p.email span:hover {
	text-decoration: underline;
}
/*-- wthree --*/
.shadow {
	-moz-box-shadow: 3px 3px 5px 6px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow: 3px 3px 5px 6px #ccc;
}

.center {
	width: 95%;
	margin-bottom: 7px;
}

.navbar-form input,.form-inline input {
	width: auto;
}

#nav.affix {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

.superSmall {
	font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 9px;
	color: #4e4e4e;
}

.extraSmall {
	font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 11px;
	color: #4e4e4e;
}

.small {
	font-family: sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4e4e4e;
}


.smallGrey {
	font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}

.mediumGrey {
	font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
}

.smallNav {
	font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 12px;
	color: #4e4e4e;
	spacing: -2px;
}

.medium {
	font-family: sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4e4e4e;
}

.headerPlus {
	font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 20px;
	color: #4e4e4e;
}

/* PC Only */
@media ( min-width : 767px) {
	.mediumPlus {
		font-family: sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4e4e4e;
	}
}

/* Phone Only */
@media ( max-width : 767px) {
	.mediumPlus {
			font-family: sans-serif;
    font-size: 1.0rem;
    font-weight: 600;
    line-height: 1.5;
    color: #4e4e4e;
	}
}

.mediumPlus:hover {
	text-decoration: none;
	color: #999999;
}

.mediumUrl {
	font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 18px;
	color: #4e4e4e;
}

.mediumUrl:hover {
	text-decoration: none;
	border-bottom: 1px solid #4e4e4e;
}

.right {
	text-align: right;
}

.inactive {
	display: none;
}

.mediumRight {
	font-size: 12px;
	text-align: right;
}

.mediumCenter {
	font-size: 12px;
	text-align: center;
}



.marginTop {
	margin-top: -30px;
}

.space0 {
	margin-bottom: 0px;
}

.space2 {
	margin-bottom: 2px;
}

.space5 {
	margin-bottom: 5px;
}

.space10 {
	margin-bottom: 10px;
}

.spaceTop10 {
	margin-top: 25px;
}

.space65 {
	margin-bottom: 55px;
}

.margin5 {
	margin: 5px;
}

.margin15 {
	margin: 15px;
}

.marginTop10 {
	margin-top: 10px;
}

.marginTop15 {
	margin-top: 35px;
}

.marginRight55 {
	margin-right: 55px;
}

.marginRight5 {
	margin-right: -35px;
}

.marginLeft6 {
	margin-left: -6px;
}

.formIcon {
	min-width: 36px;
}

div.white-space-pre-line {
	white-space: pre-line;
	font-size: 10px;
}

<
style>.multi_lines_text {
	white-space: pre-line;
}

</
style>.table thead>tr>th {
	border-bottom: none;
}

.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td
	{
	border-top: 1px solid #d2d2d2;
}

.panel>.panel-heading {
	background-image: none;
	background-color: #FFF;
	color: #555;
	
}

.glyphiconRight {
	text-align: right !important;
}

.img-holder {
	position: relative;
	display: inline-block;
	text-align: center;
}

.imgSmall {
	min-height: 70px;
	min-width: 70px;
	max-height: 70px;
	max-width: 70px;
	overflow: hidden;
	-moz-box-shadow: 1px 1px 10px #888888;
	-webkit-box-shadow: 1px 1px 10px #888888;
	box-shadow: 1px 1px 10px #888888;
	background: #fff;
}

.imgMedium {
	height: 100px;
	width: 100px;
	overflow: hidden;
	-moz-box-shadow: 1px 1px 10px #888888;
	-webkit-box-shadow: 1px 1px 10px #888888;
	box-shadow: 1px 1px 10px #888888;
	background: #fff;
}

.imgArtist {
	max-height: 275px;
	max-width: 275px;
	overflow: hidden;
	-moz-box-shadow: 2px 2px 12px #888888;
	-webkit-box-shadow: 2px 2px 12px #888888;
	box-shadow: 2px 2px 12px #888888;
	background: #fff;
}

.imgArtistSmall {
	max-height: 155px;
	max-width: 155px;
	overflow: hidden;
	-moz-box-shadow: 2px 2px 12px #888888;
	-webkit-box-shadow: 2px 2px 12px #888888;
	box-shadow: 2px 2px 12px #888888;
	background: #fff;
}

.imgBig {
	height: 225px;
	width: 225px;
	overflow: hidden;
	-moz-box-shadow: 2px 2px 12px #888888;
	-webkit-box-shadow: 2px 2px 12px #888888;
	box-shadow: 2px 2px 12px #888888;
	background: #fff;
}

.img-holder img {
	max-width: 100%;
}

td,.list-group-item,.col-sm-12 {
	font-family: sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4e4e4e;
}

td small {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 13px;
}

.panel-heading {
	color: #CCC;
	font-family: 'Nawabiat', Arial Black, Arial, Verdana, sans-serif;
	font-size: 35px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-left: 15px;
	margin-right: 15px;
}

	
	

.spaceMin25 {
	margin-top: -25px;
}

.spaceMin5 {
	margin-bottom: -5px;
}

/* PC Only */
@media ( min-width : 767px) {
	.panel-heading-simple {
		font-family: sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4e4e4e;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-left: 0px;
		border-bottom: 1px solid transparent;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		margin-left: 0px;
		margin-right: 15px;
		width: 100%;
	}
}

/* PC Only */
@media ( max-width : 767px) {
	.panel-heading-simple {
		color: #333;
		font-family: 'LatoRegular', Arial Black, Arial, Verdana, sans-serif;
		font-size: 18px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-left: 0px;
		border-bottom: 1px solid transparent;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		margin-left: 0px;
		margin-right: 15px;
	}
}

.headerGlyph {
	font-size: 20px;
	margin-top: 10px;
}

.nav-tabs li.active a {
	color: #333;
	font-family: 'Nawabiat', Arial Black, Arial, Verdana, sans-serif;
	font-size: 35px;
	margin-top: 0px;
	font-weight: normal;
}

.nav-tabs li.active a:hover {
	color: #333;
	font-weight: normal;
}

.nav-tabs>li>a {
	color: #333;
	font-family: 'LatoRegular', Arial Black, Arial, Verdana, sans-serif;
	margin-top: 13px;
	font-size: 13px;
	cursor: pointer;
}

.nav-tabs>li>a:hover {
	background: #f9f9f9;
	border-color: #f9f9f9;
	font-weight: bold;
}

ul li a {
	transition: color 0.5s linear; /* vendorless fallback */
	-o-transition: color 0.5s linear; /* opera */
	-ms-transition: color 0.5s linear; /* IE 10 */
	-moz-transition: color 0.5s linear; /* Firefox */
	-webkit-transition: color 0.5s linear; /*safari and chrome */
}

.tab-content h3 {
	font-family: 'LatoRegular';
	font-size: 100%;
	overflow-x: hidden;
	background: #f9f9f9;
}

}
.list-group-item:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 5px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.basic {
	color: #333;
	font-size: 12px;
	border-left: 0px;
	border-right: 0px;
}

.basic:first-child {
	color: #333;
	font-size: 12px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	padding-top: 0px;
}

.main {
	margin-top: -30px;
}

.panel-default {
	border: 0px solid #D2D2D2;
}

.no-border {
	border: 0px;
}

.no-background {
	background-color: transparent;
	border: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.category {
	margin-right: 3px;
	text-transform: uppercase;
	color: #8c8c8c;
}

.fb-artist img.fb-image-lg {
	z-index: 0;
	width: 100%;
	margin-bottom: 0px;
}

@media screen and (min-width: 768px) {
	.fb-image-release {
		margin: -53px 20px 0px 60px;
		z-index: 9;
		min-width: 225px;
		max-width: 225px;
	}
}

@media screen and (max-width: 768px) {
	.fb-image-release {
		margin: -23px 20px 0px 45px;
		z-index: 9;
		min-width: 225px;
		max-width: 225px;
	}
}

.fb-image-release125 {
	margin: 0px 0px 0px 0px;
	z-index: 9;
	max-width: 180px;
	max-height: 180px;
}

@media screen and (max-width: 768px) {
	.fb-image-release110 {
		margin: 0px 0px 0px 0px;
		z-index: 9;
		min-width: 110px;
		min-height: 110px;
		max-width: 110px;
		max-height: 110px;
	}
	.fb-image-release160 {
		margin: 0px 0px 0px 0px;
		z-index: 9;
		min-width: 225px;
		min-height: 225px;
		max-width: 225px;
		max-height: 225px;
	}
	.fb-image-releaseBig {
		margin: 0px 0px 0px 0px;
		z-index: 9;
		min-width: 280px;
		min-height: 280px;
		max-width: 280px;
		max-height: 280px;
	}
	.fb-image-releaseBigClassic {
		margin: 0px 0px 0px 0px;
		z-index: 9;
		min-width: 225px;
		min-height: 225px;
		max-width: 225px;
		max-height: 225px;
	}
	.image-cropper{
		width: 70px;
		height: 70px;
		position: relative;
		overflow: hidden;
		border-radius: 50%;
	}
	.image-cropper-aorornoir{
		width: 100px;
		height: 100px;
		position: relative;
		overflow: hidden;
		border-radius: 50%;
	}
	.textSmall{
		font-size: 12px;
	}
	
	.boxBig {
		width: 280px;
		height: 280px;
		overflow: hidden;
	}
	.ribbonBig {
		width: 280px;
		height: 280px;
		position: absolute;
		top: 0px;
		z-index: 11;
		overflow: hidden;
	}
	.ribbonBig span {
		font-family: 'Nawabiat';
		font-size: 24px;
		color: #333;
		text-align: center;
		line-height: 30px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		width: 280px;
		display: block;
		background: linear-gradient(#F79E05 0%, #f2d742 100%);
		position: absolute;
		top: 25px;
		left: -80px;
	}
	.boxBigClassic {
		width: 225px;
		height: 235px;
		position: relative;
		overflow: hidden;
		margin: -20px 0px 0px 45px;
	}
	.ribbonBigClassic {
		position: absolute;
		left: -45px;
		top: 0px;
		z-index: 11;
		overflow: hidden;
	}
	.ribbonBigClassic span {
		font-family: 'Nawabiat';
		font-size: 24px;
		color: #333;
		text-align: center;
		line-height: 30px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		width: 220px;
		display: block;
		background: linear-gradient(#F79E05 0%, #f2d742 100%);
		position: absolute;
		top: 25px;
		left: -30px;
	}
}

@media screen and (min-width: 768px) {
	.fb-image-release110 {
		margin: 0px 0px 0px 0px;
		z-index: 9;
		min-width: 110px;
		min-height: 110px;
		max-width: 110px;
		max-height: 110px;
	}
	.fb-image-release160 {
		margin: 0px 0px 0px 0px;
		z-index: 9;
		min-width: 163px;
		min-height: 163px;
		max-width: 163px;
		max-height: 163px;
	}
	.fb-image-releaseBig {
		margin: 0px 0px 0px 0px;
		z-index: 9;
		min-width: 220px;
		min-height: 220px;
		max-width: 220px;
		max-height: 220px;
	}
	.fb-image-releaseBigClassic {
		margin: 0px 0px 0px 0px;
		z-index: 9;
		min-width: 225px;
		min-height: 225px;
		max-width: 225px;
		max-height: 225px;
	}
	.boxBig {
		width: 220px;
		height: 220px;
		overflow: hidden;
	}
	.ribbonBig {
		width: 280px;
		height: 280px;
		position: absolute;
		top: 0px;
		z-index: 11;
		overflow: hidden;
	}
	.ribbonBig span {
		font-family: 'Nawabiat';
		font-size: 24px;
		color: #333;
		text-align: center;
		line-height: 30px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		width: 220px;
		display: block;
		background: linear-gradient(#F79E05 0%, #f2d742 100%);
		position: absolute;
		top: 25px;
		left: -80px;
	}
	.boxBigClassic {
		width: 225px;
		height: 225px;
		position: relative;
		overflow: hidden;
		margin: -55px 0px 0px 55px;
	}
	.ribbonBigClassic {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 11;
		overflow: hidden;
	}
	.ribbonBigClassic span {
		font-family: 'Nawabiat';
		font-size: 24px;
		color: #333;
		text-align: center;
		line-height: 30px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		width: 225px;
		display: block;
		background: linear-gradient(#F79E05 0%, #f2d742 100%);
		position: absolute;
		top: 25px;
		left: -60px;
	}
}

.round {
	border-radius: 50%;
	max-width: 100px;
	margin: 10px;
}

.fb-artist-text-header {
	font-weight: 700;
	font-size: 23px;
}

@media ( max-width :768px) {
	.fb-artist-text>h1 {
		font-weight: 700;
		font-size: 33px;
	}
	.fb-image-artist {
		margin: -30px 10px 0px -3px;
		width: 320px;
	}
}

@media ( min-width :768px) {
	.fb-artist-text>h1 {
		font-weight: 700;
		font-size: 33px;
	}
	.fb-image-artist {
		margin: -55px -10px 5px -35px;
		min-width: 380px;
		max-width: 380px;
	}
}

.header-search {
	background-color: #fff;
	height: 100px;
	border-radius: 0px;
}

.header-search .header-limiter {
	max-width: 1200px;
	text-align: center;
	margin: 0 auto;
}

.navbar-brand {
	margin-left: 15px;
	margin-right: 20px;
}

.navbar-search {
	margin-left: 20px;
	margin-right: -10px;
	margin-top: 12px;
}

/* Logo */
.header-search .header-limiter h1 {
	float: left;
	font: normal 28px Cookie, Arial, Helvetica, sans-serif;
	line-height: 40px;
	margin: 0;
}

.header-search .header-limiter h1 span {
	color: #5383d3;
}

/* The header links */
.header-search .header-limiter a {
	color: #ffffff;
	text-decoration: none;
}

.header-search .header-limiter nav {
	font: 16px Arial, Helvetica, sans-serif;
	line-height: 40px;
	float: left;
	margin: 0 0 0 60px;
	padding: 0;
}

.header-search .header-limiter nav a {
	display: inline-block;
	padding: 0 5px;
	text-decoration: none;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	opacity: 0.9;
}

.header-search .header-limiter nav a:hover {
	opacity: 1;
}

.header-search .header-limiter nav a.selected {
	color: #608bd2;
	pointer-events: none;
	opacity: 1;
}

/* The search box */
.header-search .header-limiter form {
	float: right;
	position: relative;
	right: 30px;
	margin-left: 40px;
	border-radius: 3px;
	background-color: #3a3c3e;
	width: 44px;
	height: 39px;
	cursor: pointer;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

/* CSS search icon */
.header-search .header-limiter form:before {
	position: absolute;
	content: '';
	border-radius: 50%;
	border: 2px solid #fff;
	width: 9px;
	height: 9px;
	top: 12px;
	left: 14px;
}

.header-search .header-limiter form:after {
	position: absolute;
	content: '';
	background-color: #fff;
	width: 2px;
	height: 8px;
	top: 22px;
	left: 26px;
	-webkit-transform: rotate(-44deg);
	-moz-transform: rotate(-44deg);
	transform: rotate(-44deg);
}

/* The search box */
.header-search .header-limiter form input {
	display: none;
	position: absolute;
	right: 42px;
	padding: 11px 12px 9px;
	border: none;
	width: 210px;
	border-radius: 2px 0 0 2px;
	height: 39px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* Making the header responsive. */
@media all and (max-width: 600px) {
	.header-search {
		padding: 15px;
		position: relative;
	}
	.header-search .header-limiter h1 {
		float: none;
		font-size: 24px;
		line-height: 1;
	}
	.header-search .header-limiter nav {
		text-align: center;
		float: none;
		margin: 0;
	}
	.header-search .header-limiter nav a {
		font-size: 13px;
	}
	.header-search .header-limiter form {
		position: absolute;
		top: 20px;
		right: 20px;
	}
}

.inactive {
	display: none;
}

.highcharts-figure,.highcharts-data-table table {
	min-width: 310px;
	max-width: 800px;
	margin: 1em auto;
}

#container {
	height: 400px;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}

.highcharts-data-table caption {
	padding: 1em 0;
	font-size: 1.2em;
	color: #555;
}

.highcharts-data-table th {
	font-weight: 600;
	padding: 0.5em;
}

.highcharts-data-table td,.highcharts-data-table th,.highcharts-data-table caption
	{
	padding: 0.5em;
}

.highcharts-data-table thead tr,.highcharts-data-table tr:nth-child(even)
	{
	background: #f8f8f8;
}

.highcharts-data-table tr:hover {
	background: #f1f7ff;
}

.mediumRight {
	font-size: 12px;
	text-align: right;
}

.mediumCenter {
	font-size: 12px;
	text-align: center;
}

.btnSimple {
	font-size: 12px;
	background-color: #fff;
	padding: 0px;
}

.btnSimple:focus,.btnSimple:active,.btnSimple.active,.btnSimple:focus:active
	{
	background-image: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.text123 {
	font-family: sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4e4e4e;
}

.textFlex {
	font-family: sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4e4e4e;
}

.text123_3 {
	width: 100%;
}


.text123_4 {
	width: 100%;
	font-family: 'open-sans-body, Open Sans Condensed', Myriad Pro, 'PT Sans', Arial;
	font-size: 26px;
}



.textStd15 {
	font-family: sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4e4e4e;
}

.textStd14 {
	font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 14px;
	color: #4e4e4e;
}

.text123_2 {
	font-family: "Open Sans Condensed", Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 14px;
	color: #4e4e4e;
}

.thumbnail img {
	width: 100%;
	height: auto;
}

.newsTopItem {
	height: 190px;
}

.topItemNews {
	height: 390px;
}


.topItem180 {
	height: 130px;
}

.topItem150 {
	height: 150px;
}

.topItem200 {
	height: 210px;
}

.topItem250 {
	height: 250px;
}

.topItem280 {
	height: 280px;
}

.topItem300 {
	height: 300px;
}

.topItem330 {
	height: 305px;
}

.topItem360 {
	height: 360px;
}

.topItem370 {
	height: 370px;
}

.topItem390 {
	height: 450px;
}

.thumbnail {
	vertical-align: top;
}

a.thumbnail {
	float: left;
	position: relative;
	border: none;
}

a.thumbnail span {
	width: 95%;
	height: 95%;
	position: absolute;
	background: url("../images/play-icon.png") no-repeat;
	background-position: 50% 50%;
	background-size: 40%;
}

@media screen and (max-width: 480px) {
	a.thumbnail span {
		background-size: 40%;
	}
}



.picList {
	max-height: 73px;
}


.videoList {
	margin-bottom: 1px;
}

.videomargin-top {
	min-height: 163px;
}

.singleChart {
	min-height: 163px;
}

.videoDivSmall {
	max-height: 163px;
}

.noBorder {
	border: 0px;
}

.noBorderTop {
	border-top: 2px solid #fff;
}

.noMargin {
	margin-left: -12px;
	margin-right: -12px;
}

.thumbnailArtist img {
	width: 160px;
}

.thumbnailVideo img {
		width: 120px;
	}

.post-content {
	font-size: 12px;
	padding: 5px;
	bottom: 32;
	width: 145px;
	position: relative;
	text-align: center;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.4);
	/* For IE 5.5 - 7*/
	filter: progid :           DXImageTransform.Microsoft.gradient (       
		   startColorstr =     
		     #99000000, endColorstr =           #99000000 );
	/* For IE 8*/
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.post-content a {
	color: #fff;
}

.post-content:hover {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(238, 199, 0) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(238, 199, 0, 0.7);
	/* For IE 5.5 - 7*/
	filter: progid :           DXImageTransform.Microsoft.gradient (       
		   startColorstr =     
		     #99000000, endColorstr =           #99000000 );
	/* For IE 8*/
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.toggleMore {
	cursor: pointer;
}

@media screen and (max-width: 480px) {
	.thumbnailArtist img {
		width: 120px;
	}
	.post-content {
		padding: 5px;
		bottom: 32;
		width: 120px;
	}
}

.box {
	width: 70px;
	height: 70px;
	position: relative;
	overflow: hidden;
	-moz-box-shadow: 2px 2px 12px #888888;
	-webkit-box-shadow: 2px 2px 12px #888888;
	box-shadow: 2px 2px 12px #888888;
}

.ribbon {
	position: absolute;
	left: -5px;
	top: 0px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.ribbon span {
	font-family: 'Nawabiat';
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
	text-align: center;
	line-height: 15px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 80px;
	display: block;
	background: linear-gradient(#F79E05 0%, #f2d742 100%);
	position: absolute;
	top: 6px;
	left: -21px;
}

.boxMedium {
	width: 160px;
	height: 160px;
	overflow: hidden;
}

.ribbonMedium {
	width: 165px;
	height: 165px;
	position: absolute;
	top: 0px;
	z-index: 11;
	overflow: hidden;
}

.ribbonMedium span {
	font-family: 'Nawabiat';
	font-size: 24px;
	color: #333;
	text-align: center;
	line-height: 30px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 225px;
	display: block;
	background: linear-gradient(#F79E05 0%, #f2d742 100%);
	position: absolute;
	top: 25px;
	left: -80px;
}

.left {
	text-align: left;
}

.panel-footer {
	font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 15px;
	color: #4e4e4e;
}

.btnStandard {
	background-color: #508cf0;
	color: #FFF;
	max-width: 180px;
}

.btnStandard:hover {
	background-color: #4e85de;
}


.btnLike {
	color: #999;
}

.btnLike:hover {
	cursor: pointer;
	color: #cc0000;
}

.btnLikeSelected {
	color: #cc0000;
}

.btnLikeSelected:hover {
	cursor: pointer;
	color: #999;
}

.btnLikeDarkGrey {
	color: #666;
}

.button {
	min-width: 100px;
	height: 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	font-weight: 500;
	color: #999;
	background-color: #fff;
	border: none;
	border-radius: 5px;
	box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	outline: none;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
}

.button:focus,button:active,button:hover {
	background-color: #608bd2;
	box-shadow: 0px 5px 20px rgba(96, 139, 210, 0.4);
	text-decoration: none;
	color: #fff;
}

.panel-default {
	box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease 0s;
}

.noBG {
	background-color: #fff;
}

.glyphicon-star {
	color: #66ccff;
	text-shadow: 1px 1px 1px #ccc;
	margin-right: 2.8px;
}

.glyphicon-star-empty {
	color: #66ccff;
	text-shadow: 1px 1px 1px #ccc;
}

.glyphicon-star-small {
	color: #66ccff;
	text-shadow: 1px 1px 1px #ccc;
	margin-right: 2.8px;
	font-size: 12px;
}

.glyphicon-star-empty-small {
	color: #66ccff;
	text-shadow: 1px 1px 1px #ccc;
	font-size: 12px;
}

.item {
	position: relative;
	padding-top: 0px;
	display: inline-block;
}


.badge {
	padding-top: 5px;
	text-align: center;
	border-radius: 50%;
	height: 25px;
	width: 25px;
}

.notify-badge {
	position: absolute;
	bottom: 0px;
	background: #eec700;
	text-align: center;
	color: white;
	padding: 3px 8px;
	font-size: 12px;
}

.album-badge {
	position: absolute;
	bottom: 0px;
	background: #FFF;
	text-align: center;
	color: white;
	padding: 3px 8px;
	font-size: 12px;
}

.interview-container {
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	padding: 8px 8px;
}

.interview-container:hover {
	font-size: 25px;
	color: #FFF;
}

.nav nav-tabs li active {
	font-size: 26px;
}

.gi-12x {
	font-size: 12px;
}

.gi-13x {
	font-size: 13px;
}

.gi-14x {
	font-size: 14px;
}

.gi-15x {
	font-size: 15px;
}

.btn-sm-ina {
	font-size: 12px;
	color: #7f7f7f;
	background: #f6f7f9;
	border-color: #ced0d4;
	padding: 4px 8px;
}

.btn-sm-ina:hover {
	font-size: 12px;
	color: #7f7f7f;
	background: #e9eaeb;
	border-color: #ced0d4;
	padding: 4px 8px;
	outline: 0 !important;
	outline-offset: 0 !important;
	background-image: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.btn-sm-act {
	font-size: 14px;
	color: #336699;
	background: #f6f7f9;
	border-color: #ced0d4;
	padding: 4px 8px;
}

.btn-sm-act:hover {
	font-size: 14px;
	color: #336699;
	background: #e9eaeb;
	border-color: #ced0d4;
	padding: 4px 8px;
	outline: 0 !important;
	outline-offset: 0 !important;
	background-image: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}


.btn-news {
	color: #FFF;
	background: #e9c62c;
	border: #e9c62c;
	padding-top: 8px;
}

.btn-news:hover {
	color: #CCC;
	background: #fff;
}

.btn-sm {
	color: #FFF;
	background: #e9c62c;
	border: #e9c62c;
}

.btn-add {
	background: #77c444;
	border: #77c444;
}

.btn-update {
	background: #77c444;
	border: #77c444;
}

.btn-delete {
	background: #e45523;
	border: #e45523;
}

.btn-cancel {
	color: #FFF;
	background: #cccccc;
	border: #cccccc;
}

.btn-choose {
	background: #CCC;
	border: #e45523;
	max-height: 34px;
}

.btn-standard {
	background: #CCC;
	color: #FFF;
	font-size: 13px;
	border: #e45523;
	max-height: 30px;
}

button:hover {
	background: #eec700;
}

.modal-body {
	max-height: calc(100vh - 100px);
	overflow-y: auto;
}

.datepicker table tr td.today {
	background: #e9c62c;
	border: #e9c62c;
}

.datepicker table tr td.disabled {
	color: #CCC;
}

.typeahead__result .row {
	display: table-row;
}

.typeahead__result .row>* {
	display: table-cell;
	vertical-align: middle;
}

.typeahead__result .username {
	padding: 0 10px;
}

.typeahead__result .id {
	font-size: 12px;
	color: #777;
	font-variant: small-caps;
}

.typeahead__result .avatar img {
	height: 26px;
	width: 26px;
}

.typeahead__result>ul>li>a small {
	padding-left: 0px;
	color: #999;
}

.cropArtist4040 {
	object-fit: cover;
	border-radius: 50%;
	height: 40px;
	width: 40px;
}


.cropArtist100100 {
	object-fit: cover;
	border-radius: 50%;
	height: 100px;
	width: 100px;
}

.cropAlbum4040 {
	object-fit: cover;
	height: 40px;
	width: 40px;
}

.modal-title {
	font-family: LatoRegular, "Arial Black", Arial, Verdana, sans-serif;
	font-size: 25px;
}

.glyphicon-star {
	font-size: 19px;
	color: #eec700;
	padding: 0px;
}

.smallStar {
	font-size: 18px;
	color: #eec700;
}

.mediumStar {
	font-size: 19px;
	color: #eec700;
	text-shadow: 0px 0px 0px #000000;
}

.mediumStarFixed {
	font-size: 19px;
	color: #eec700;
	width: 16px;
	text-shadow: 0px 0px 0px #000000;
}

.glyphicon-chevron-left {
	color: #FFF;
}

.glyphicon-chevron-right {
	font-size: 12px;
	color: #FFF;
}

.ourratingSmall {
	font-size: 15px;
	color: #eec700;
}

.notFilled {
	font-size: 19px;
	color: #fff;
	border-color: #ccc;
	border-width: 1px;
	text-shadow: 0px 0px 0px #000000;
}

.notFilledSmall {
	font-size: 15.1px;
	color: #fff;
	border-color: #ccc;
	border-width: 2px;
	text-shadow: 0px 0px 0px #000000;
}

.userrating {
	font-size: 19px;
	color: #eec700;
	text-shadow: 0px 0px 0px #000000;
}

.userratingSmall {
	font-size: 15px;
	color: #eec700;
}

.userratingSmallPlus {
	font-size: 18px;
	color: #31b9ce;
}

.yourrating {
	font-size: 19px;
	color: #eec700;
	text-shadow: 0px 0px 0px #000000;
}

.halfSmall {
	font-size: 18px;
	position: relative;
}

.halfSmall:before {
	color: #eec700;
	content: "\e006";
	width: 44%;
	display: block;
	position: absolute;
	overflow: hidden;
}

.halfSmall:after {
	content: "\e007";
}

.half {
	position: relative;
}

.half:before {
	color: #eec700;
	content: "\e006";
	width: 40%;
	display: block;
	position: absolute;
	overflow: hidden;
	text-shadow: 0px 0px 0px #000000;
}

.half:after {
	content: "\e007";
	text-shadow: 0px 0px 0px #000000;
}

.halfuserSmallPlus {
	font-size: 18px;
	position: relative;
	margin-left: -3px;
}

.halfuserSmallPlus:before {
	color: #31b9ce;
	content: "\e006";
	width: 44%;
	display: block;
	position: absolute;
	overflow: hidden;
}

.halfuserSmallPlus:after {
	color: #31b9ce;
	content: "\e007";
}

.halfuser {
	position: relative;
	margin-left: -3px;
}

.halfuser:before {
	color: #31b9ce;
	content: "\e006";
	width: 44%;
	display: block;
	position: absolute;
	overflow: hidden;
}

.halfuser:after {
	color: #31b9ce;
	content: "\e007";
}

.br-theme-bootstrap-stars .br-widget a:after {
	color: #fff;
	border-width: 3px;
	text-shadow: 0px 0px 0px #000000;
}

.rating {
	width: 110%;
}

.ratingSub {
	width: 110px;
}

.ratingMargin {
	margin: 15px;
}

.singlechartBig {
	background-color: #FFF;
	margin-left: 10px;
	width: 30px;
	height: 30px;
	color: #666;
	text-align: center;
	padding: 4px 0;
	font-size: 14px;
	line-height: 1.42;
	border-radius: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #666;
}

.singlechartSmall {
	background-color: #FFF;
	margin-left: 10px;
	width: 20px;
	height: 20px;
	color: #666;
	text-align: center;
	padding: 4px 0;
	font-size: 8px;
	line-height: 1.42;
	border-radius: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #666;
}

.singleChart123 {
	display: flex;
	align-items: center; /* Vertical center alignment */
	justify-content: center; /* Horizontal center alignment */
	min-width: 70px;
	padding-left: 5px;
	padding-bottom: 15px;
}

.middleSection {
	display: flex;
	align-items: center; /* Vertical center alignment */
	justify-content: center; /* Horizontal center alignment */
}

.middleSection2 {
	display: flex;
	min-width: 70px;
	margin-left: -20px;
	margin-right: -20px;
}

.smallComp {
	color: #FFF;
}

.smallComp:hover {
	color: #FFF;
}

.singleChartText {
	margin: 0px;
	padding: 0px;
}

.headerSelectItem {
	font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 15px;
	color: #4e4e4e;
	padding-left: 5px;
	padding-bottom: 15px;
}

.carousel-caption {
	margin-bottom: -33px;
}

.carousel-inner .item.left.active {
	transform: translateX(-33%);
}

.carousel-inner .item.right.active {
	transform: translateX(33%);
}

.carousel-inner .item.next {
	transform: translateX(33%)
}

.carousel-inner .item.prev {
	transform: translateX(-33%)
}

.carousel-inner .item.right,.carousel-inner .item.left {
	transform: translateX(0);
}

.carousel-control.left {
	background-image: none;
	margin-left: -25px;
}

.carousel-control.right {
	background-image: none;
	margin-right: -25px;
	font-size: 12px;
}

.multi-item-carousel { .carousel-inner { > .item{ transition:500msease-in-outleft;
	
}

.active { &.left { left:-33%;
	
}

&
.right {
	left: 33%;
}

}
.next {
	left: 33%;
}

.prev {
	left: -33%;
}

@media all and (transform-3d) , ( -webkit-transform-3d ) { >
	.item { // use your favourite prefixer here transition:500msease-in-outleft;
		transition: 500ms ease-in-out all;
		backface-visibility: visible;
		transform: none !important;
	}
}

}
}

/* Global */
.thumbnails li>.fff .caption {
	background: #fff !important;
	padding: 10px
}

/* Page Header */
.page-header {
	background: #f9f9f9;
	margin: -30px -40px 40px;
	padding: 20px 40px;
	border-top: 4px solid #ccc;
	color: #999;
	text-transform: uppercase;
}

.page-header h3 {
	line-height: 0.88rem;
	color: #000;
}

ul.thumbnails {
	margin-bottom: 0px;
}

/* Thumbnail Box */
.caption h4 {
	color: #444;
}

.caption p {
	color: #999;
}

/* Mobile Only */
@media ( max-width : 767px) {
	.page-header,.control-box {
		text-align: center;
	}
	
	.topItem330 {
	height: 320px;
}
}

@media ( max-width : 479px) {
	.caption {
		word-break: break-all;
	}
}

li {
	list-style-type: none;
}

::selection {
	background: #ff5e99;
	color: #FFFFFF;
	text-shadow: 0;
}

::-moz-selection {
	background: #ff5e99;
	color: #FFFFFF;
}

button.close:hover {
	background: #f3f3f3;
	float: right;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

.alphaList {
	spacing: 0px;
	margin: 0px;
	border-right: 0px;
	border: 1px solid #CCC;
	border-right: 0px;
}

.alphaList:hover {
	border: 1px solid #eec700;
	background: #eec700;
}

.alphaListActive {
	border-right: 0px;
	border: 1px solid #eec700;
	background: #eec700;
	border-right: 10px;
	 display: inline-block;
    padding: 0%;
    margin: 0 4% 0 4%;
}

.activeAlphaList {
	background: #377bb5;
}

.alphaListLink {
	spacing: 6.6px;
	margin: 6.6px;
	border: 0px solid #CCC;
	border-right: 0px;
}

.activeAlphaListLink {
	color: #FFF;
}

.alphaList:first-child {
	border-right: 1px solid lightgrey;
}

.alphaList:last-child {
	border-left: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
}

.hiddenRow {
	padding: 0 4px !important;
	background-color: #FFF;
	font-size: 13px;
}

.cursorPointer {
	cursor: pointer;
}

.x_title {
	padding: 0 4px !important;
	background-color: #FFF;
	font-size: 23px;
}

.fa {
	padding: 10px;
	font-size: 20px;
	width: 35px;
	text-align: center;
	text-decoration: none;
	margin: 5px 2px 5px 2px;
	border-radius: 50%;
}

/* PC Only */
@media ( max-width : 767px) {
	
	.halfSmall {
	font-size: 12px;
	position: relative;
}
	

	
.glyphicon-star {
	font-size: 19.2px;
	color: #eec700;
	padding: 0px;
}
	
.notFilledSmall {
	font-size: 19.2px;
	color: #f5f5f5;
	border-color: #000;
	border-width: 3px;
}
	
	.br-theme-bootstrap-stars .br-widget a:after {
	color: #f5f5f5;
	border-width: 3px;
	text-shadow: 0px 0px 0px #000000;
}
	
	
.yourrating {
	font-size: 15px;
	color: #eec700;
	text-shadow: 0px 0px 0px #000000;
}
	
	.textFlex {
	font-family: 'Open Sans Condensed', Myriad Pro, 'PT Sans', Arial,
		Helvetica, sans-serif;
	font-size: 13px;
	color: #4e4e4e;
}
	
	
	.linkMore {
		position: absolute;
		bottom: 10;
		right: 20;
	}
	
	.linkLeftMore {
		position: absolute;
		bottom: 10;
		left: 20;
	}
	
	.topItem400 {
		height: 450px;
	}
	.topItemSmall {
		min-height: 200px;
	}
	
.topItemReviews {
	max-height: 245px;
	max-width: 245px;
	margin-bottom: 5px;
}
	
	.topItemReviews img{
	min-height: 215px;
	min-width: 215px;
	max-height: 215px;
	max-width: 215px;
}
	
	.listImg{
	min-height: 425px;
	min-width: 425px;
	max-height: 425px;
	max-width: 425px;
	margin-bottom: 5px;
}
	.fa {
		padding: 5px;
		width: 25px;
		border-radius: 55%;
		margin: 3px 2px;
	}
}

.fa:hover {
	opacity: 0.7;
}

.fa-facebook {
	background: #3B5998;
	color: white;
}

.fa-twitter {
	background: #55ACEE;
	color: white;
}

.fa-google {
	background: #dd4b39;
	color: white;
}

.fa-linkedin {
	background: #007bb5;
	color: white;
}

.fa-youtube {
	background: #bb0000;
	color: white;
}

.fa-instagram {
	background: #125688;
	color: white;
}

.fa-pinterest {
	background: #cb2027;
	color: white;
}

.fa-snapchat-ghost {
	background: #fffc00;
	color: white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
	background: #00aff0;
	color: white;
}

.fa-android {
	background: #a4c639;
	color: white;
}

.fa-dribbble {
	background: #ea4c89;
	color: white;
}

.fa-vimeo {
	background: #45bbff;
	color: white;
}

.fa-tumblr {
	background: #2c4762;
	color: white;
}

.fa-vine {
	background: #00b489;
	color: white;
}

.fa-foursquare {
	background: #45bbff;
	color: white;
}

.fa-stumbleupon {
	background: #eb4924;
	color: white;
}

.fa-flickr {
	background: #f40083;
	color: white;
}

.fa-yahoo {
	background: #430297;
	color: white;
}

.fa-soundcloud {
	background: #ff5500;
	color: white;
}

.fa-reddit {
	background: #ff5700;
	color: white;
}

.fa-rss {
	background: #ff6600;
	color: white;
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	display: block;
	max-width: 100%;
	height: auto;
}

.carousel {
	position: relative;
}

.carousel-inner {
	margin-left: -20px;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.mainCarousel {
	margin-left: 0px;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left;
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	line-height: 1;
}

@media all and (transform-3d) , ( -webkit-transform-3d ) {
	.carousel-inner>.item {
		-webkit-transition: -webkit-transform .6s ease-in-out;
		-o-transition: -o-transform .6s ease-in-out;
		transition: transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000;
		perspective: 1000;
	}
	.carousel-inner>.item.next,.carousel-inner>.item.active.right {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	.carousel-inner>.item.prev,.carousel-inner>.item.active.left {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active
		{
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
	display: block;
}

.carousel-inner>.active {
	left: 0;
}

.carousel-inner>.next,.carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%;
}

.carousel-inner>.next {
	left: 100%;
}

.carousel-inner>.prev {
	left: -100%;
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
	left: 0;
}

.carousel-inner>.active.left {
	left: -100%;
}

.carousel-inner>.active.right {
	left: 100%;
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	filter: alpha(opacity =       50);
	opacity: .5;
}

.carousel-control.left {
	margin-left: -40px;
	margin-bottom: 60px;
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity =       90);
	outline: 0;
	opacity: .9;
	background-repeat: repeat-x;
}

.carousel-control.right {
	margin-right: -40px;
	margin-bottom: 60px;
	right: 0;
	left: auto;
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity =       90);
	outline: 0;
	opacity: .9;
	background-repeat: repeat-x;
}

.carousel-control:hover,.carousel-control:focus {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity =       90);
	outline: 0;
	opacity: .9;
}

.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right
	{
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
	left: 50%;
	margin-left: -10px;
}

.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right
	{
	right: 50%;
	margin-right: -10px;
}

.carousel-control .icon-prev,.carousel-control .icon-next {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	font-family: serif;
}

.carousel-control .icon-prev:before {
	content: '\2039';
}

.carousel-control .icon-next:before {
	content: '\203a';
}

.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 10px;
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #fff;
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-caption .btn {
	text-shadow: none;
}

.speechLink {
	color: #999;
	font-size: 14px;
}

.speech {
	color: #999;
	position: relative;
	width: 45px;
	height: 25px;
	text-align: center;
	line-height: 24px;
	background-color: #fff;
	border: 1px solid #CCC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 1px #CCC;
	-moz-box-shadow: 1px 1px 1px #CCC;
	box-shadow: 0.5px 0.5px 1px #CCC;
}

.speech:hover {
	background-color: #fff;
	color: #999;
}

.speech:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 12px;
	top: 23px;
	border: 5px solid;
	border-color: #CCC transparent transparent #CCC;
}

.speech:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 13px;
	top: 23px;
	border: 4px solid;
	border-color: #fff transparent transparent #fff;
}

@media screen and (min-width: 768px) {
	.linkMore {
		position: absolute;
		bottom: 30;
		right: 20;
	}
	.linkLeftMore {
		position: absolute;
		bottom: 30;
		left: 20;
	}
	.topItem400 {
		height: 470px;
	}
	
	.topItemSmall {
		height: 300px;
	}
	
.topItemReviews {
	min-height: 180px;
	min-width: 180px;
	max-height: 180px;
	max-width: 180px;
	margin-bottom: 5px;
}
	
	.topItemReviews img{
	min-height: 170px;
	min-width: 170px;
	max-height: 170px;
	max-width: 170px;
}
	
	.resp-container {
		position: relative;
		overflow: hidden;
		padding-top: 40%;
	}
	
	
	
	.resp-iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 60.5%;
		height: 100%;
		border: 0;
	}
	
	
		.resp-containerMin {
		position: relative;
		overflow: hidden;
		padding-top: 80%;
	}
	
	
	
	.resp-iframeMin {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
	
	
	.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next
		{
		width: 25px;
		height: 25px;
		margin-top: -15px;
		font-size: 25px;
	}
	.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
		margin-left: -15px;
	}
	.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next
		{
		margin-right: -15px;
	}
	.carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 14px;
	}
	.carousel-indicators {
		bottom: 20px;
	}
	.carousel-control.left {
		margin-left: -35px;
		margin-bottom: 60px;
		color: #fff;
		text-decoration: none;
		filter: alpha(opacity =       90);
		outline: 0;
		opacity: .9;
		background-repeat: repeat-x;
	}
	.carousel-control.right {
		margin-right: -35px;
		margin-bottom: 60px;
		right: 0;
		left: auto;
		color: #fff;
		text-decoration: none;
		filter: alpha(opacity =       90);
		outline: 0;
		opacity: .9;
		background-repeat: repeat-x;
	}
	.fb-image-profilePic {
		margin: -53px 20px 5px 40px;
		z-index: 9;
		max-width: 250px;
	}
}

@media screen and (max-width: 768px) {
	.resp-container {
		position: relative;
		overflow: hidden;
		padding-top: 90%;
	}
	.resp-iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
	.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next
		{
		width: 20px;
		height: 20px;
		margin-top: -15px;
		font-size: 20px;
	}
	.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
		margin-left: -15px;
	}
	.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next
		{
		margin-right: -15px;
	}
	.carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 12px;
	}
	.carousel-indicators {
		bottom: 20px;
	}
	.carousel-control.left {
		margin-left: -5px;
		margin-bottom: 60px;
		color: #fff;
		text-decoration: none;
		filter: alpha(opacity =       90);
		outline: 0;
		opacity: .9;
		background-repeat: repeat-x;
	}
	.carousel-control.right {
		margin-right: -5px;
		margin-bottom: 60px;
		right: 0;
		left: auto;
		color: #fff;
		text-decoration: none;
		filter: alpha(opacity =       90);
		outline: 0;
		opacity: .9;
		background-repeat: repeat-x;
	}
	.fb-image-profilePic {
		margin: -23px 20px 5px 17px;
		z-index: 9;
		max-width: 250px;
	}
}

.top {
	background: #323232;
}

@media screen and (min-width: 768px) {
	.dropdown-item {
		color: #323232;
	}
}

@media screen and (max-width: 768px) {
	.dropdown-item {
		color: #FFF;
	}
}

.nav-link {
	color: #fff;
}

.nav-link:visited {
	color: #fff;
}

.nav-link:hover {
	color: #ccc;
}

.dropdown {
	color: #fff;
}

/* Mobile Only */
@media ( max-width : 767px) {
	.letterList {
		max-width: 350px;
	}
	
	.videoDiscussion {
	max-width: 250px;
	max-height: 150px;
}
}

/* PC Only */
@media ( min-width : 767px) {
	.letterList {
		max-width: 770px;
	}
	
	
.videoDiscussion {
	max-width: 350px;
	max-height: 150px;
}
}

/* Mobile Only */
@media ( max-width : 767px) {
	.noSP {
		display: none !important;
	}
	
	
	.resp-iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
	
	
}

/* PC Only */
@media ( min-width : 767px) {
	.noPC {
		display: none !important;
	}
}

/* Mobile Only */
@media ( max-width : 767px) {
	.listItem1 {
		width: 40%;
	}
}

/* PC Only */
@media ( min-width : 767px) {
	.listItem1 {
		width: 40%;
	}
}

/* Mobile Only */
@media ( max-width : 767px) {
	.listItem2 {
		width: 25%;
	}
}

/* PC Only */
@media ( min-width : 767px) {
	.listItem2 {
		width: 10%;
	}
}

@media ( min-width : 767px) {
	#container {
		display: flex;
		flex-flow: column;
	}
	{
	#videoSection {
		order: 1;
	}
	#topNewsSection {
		order: 2
	}
}



.reducesize {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
}

.speechLink {
	color: #999;
	font-size: 14px;
}

.speech {
	color: #999;
	position: relative;
	width: 45px;
	height: 25px;
	text-align: center;
	line-height: 24px;
	background-color: #fff;
	border: 1px solid #CCC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 1px #CCC;
	-moz-box-shadow: 1px 1px 1px #CCC;
	box-shadow: 0.5px 0.5px 1px #CCC;
}

.speech:hover {
	background-color: #fff;
	color: #999;
}

.speech:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 12px;
	top: 23px;
	border: 5px solid;
	border-color: #CCC transparent transparent #CCC;
}

.speech:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 13px;
	top: 23px;
	border: 4px solid;
	border-color: #fff transparent transparent #fff;
}

.modal-open {
	overflow: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
}

.noscroll {
	position: fixed;
	overflow-y: scroll
}

html,body {
	min-width: 100%;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px !important;
	overflow-x: hidden;
}